*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--layout-header-offset)}html.is-menu-open{overflow:hidden}body{background:var(--color-bg-page);color:var(--color-text-primary);font:var(--type-body);letter-spacing:var(--type-body-tracking);margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{color:inherit;font:inherit}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:var(--stroke-ring) solid var(--color-border-focus);outline-offset:var(--offset-nudge)}::selection{background:var(--color-accent-default);color:var(--color-text-on-accent)}.script{font-family:var(--font-accent);font-size:var(--font-accent-scale);font-weight:var(--weight-regular);letter-spacing:0;line-height:0}.site-shell{min-height:100vh}@media (scripting:enabled){.reveal:not(.is-in){opacity:0;transform:translateY(var(--space-lg))}}.reveal{transition:opacity var(--duration-reveal) ease,transform var(--duration-reveal) var(--ease-out)}::view-transition-group(site-header){animation:none;z-index:2}::view-transition-old(site-header){display:none}::view-transition-new(site-header){animation:none}::view-transition-old(.page-exit){animation:vt-fade-out var(--duration-page-out) ease-in both}::view-transition-new(.page-enter){animation:vt-page-in var(--duration-page-in) var(--ease-soft) var(--duration-page-delay) both}::view-transition-group(.cover-morph){animation-duration:var(--duration-morph);animation-timing-function:var(--ease-glide);z-index:var(--z-raised)}::view-transition-image-pair(.cover-morph){border-radius:var(--radius-lg);overflow:clip}::view-transition-new(.cover-morph),::view-transition-old(.cover-morph){animation-delay:var(--duration-page-delay);animation-duration:var(--duration-fast);height:100%;object-fit:cover}::view-transition-old(.cover-morph):only-child{animation:vt-fade-out var(--duration-page-out) ease-in both}::view-transition-new(.cover-morph):only-child{animation:vt-page-in var(--duration-page-in) var(--ease-soft) var(--duration-page-delay) both}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-page-in{0%{opacity:0;translate:0 var(--offset-page-in)}}.pill{-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));background:var(--color-bg-glass);border:var(--stroke-hairline) solid var(--color-border-glass);border-radius:var(--radius-pill)}.button,.pill{box-shadow:var(--elevation-1)}.button{--button-bg:var(--color-bg-surface);--button-fg:var(--color-text-primary);--button-padding:var(--space-3xs) var(--space-3xs) var(--space-3xs) var(--space-md);align-items:center;background:var(--button-bg);border:0;border-radius:var(--radius-pill);color:var(--button-fg);cursor:pointer;display:inline-flex;font:var(--type-body);font-weight:var(--weight-medium);gap:var(--space-xs);letter-spacing:var(--type-body-tracking);padding:var(--button-padding);transition:box-shadow var(--duration-mid) ease,transform var(--duration-mid) ease}.button:hover{box-shadow:var(--elevation-2);transform:translateY(var(--offset-lift))}.button:disabled{cursor:wait;opacity:.7}@media (max-width:820px){.button{justify-content:space-between;width:100%}}.button-inverse{--button-bg:var(--color-bg-inverse);--button-fg:var(--color-text-inverse);--button-padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-lg);--arrow-bg:var(--color-bg-surface);--arrow-fg:var(--color-text-primary);justify-content:space-between}.arrow{--arrow-size:var(--size-2xl);--arrow-icon:var(--size-xs);align-items:center;background:var(--arrow-bg,var(--color-accent-default));border-radius:var(--radius-pill);color:var(--arrow-fg,var(--color-text-on-accent));display:inline-grid;flex:none;height:var(--arrow-size);justify-items:center;transition:transform var(--duration-slow) var(--ease-spring);width:var(--arrow-size)}.arrow svg{height:var(--arrow-icon);width:var(--arrow-icon)}.arrow-lg{--arrow-size:var(--size-4xl);--arrow-icon:var(--size-sm)}.button:hover .arrow,.project-card:hover .arrow{transform:rotate(-45deg)}.text-link{align-items:center;background:none;border:0;color:var(--color-text-accent);cursor:pointer;display:inline-flex;font-weight:var(--weight-medium);gap:var(--space-2xs);padding:0}.text-link svg{height:var(--size-sm);transition:transform var(--duration-slow) var(--ease-spring);width:var(--size-sm)}.text-link:hover svg{transform:translateX(var(--offset-nudge))}.text-link-muted{color:var(--color-text-secondary);font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking);text-decoration:underline;text-underline-offset:var(--offset-underline)}.text-link-muted:hover{color:var(--color-text-primary)}.back-link{align-items:center;background:var(--color-bg-glass);border-radius:var(--radius-pill);color:var(--color-text-secondary);display:inline-flex;font:var(--type-body-sm);font-weight:var(--weight-medium);gap:var(--space-2xs);letter-spacing:var(--type-body-sm-tracking);margin-bottom:var(--space-md);padding:var(--space-2xs) var(--space-sm) var(--space-2xs) var(--space-xs);transition:background-color var(--duration-fast),color var(--duration-fast)}.back-link:hover{background:var(--color-bg-surface);color:var(--color-text-primary)}.back-link svg{height:var(--size-xs);width:var(--size-xs)}.chips{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.chip,.chips{gap:var(--space-2xs)}.chip{--chip-bg:var(--color-bg-subtle);align-items:center;background:var(--chip-bg);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-flex;font:var(--type-body-sm);font-weight:var(--weight-medium);letter-spacing:var(--type-body-sm-tracking);padding:var(--space-3xs) var(--space-xs)}.chip-glass{--chip-bg:var(--color-bg-glass)}.chip svg{height:var(--size-2xs);opacity:.8;width:var(--size-2xs)}.icon-tile{--icon-tile-size:var(--size-6xl);--icon-tile-icon:var(--size-lg);align-items:center;background:var(--color-accent-subtle);border-radius:var(--radius-md);color:var(--color-text-accent);display:inline-grid;flex:none;height:var(--icon-tile-size);justify-items:center;width:var(--icon-tile-size)}.icon-tile svg{height:var(--icon-tile-icon);stroke-width:1.75;width:var(--icon-tile-icon)}.icon-tile-sm{--icon-tile-size:var(--size-5xl);--icon-tile-icon:var(--size-md)}.eyebrow{font:var(--type-body);font-weight:var(--weight-medium);letter-spacing:var(--type-body-tracking);margin:0 0 var(--space-sm)}.field{display:grid;gap:var(--space-2xs)}.field-full{grid-column:1/-1}.field-label{font:var(--type-body-sm);font-weight:var(--weight-medium);letter-spacing:var(--type-body-sm-tracking)}.field-label span{color:var(--color-text-secondary);font-weight:var(--weight-regular)}.input,.textarea{background:var(--color-bg-page);border-radius:var(--radius-md);transition:background-color var(--duration-mid),box-shadow var(--duration-mid)}.input{align-items:center;display:flex;gap:var(--space-xs);padding:0 var(--space-sm)}.input svg{color:var(--color-text-secondary);flex:none;height:var(--size-sm);width:var(--size-sm)}.input input{background:transparent;border:0;flex:1 1;height:var(--size-6xl);min-width:0;outline:none}.textarea{border:0;min-height:var(--height-textarea);outline:none;padding:var(--space-sm);resize:vertical}.input input::placeholder,.textarea::placeholder{color:var(--color-text-secondary);opacity:.85}.input:focus-within,.textarea:focus{background:var(--color-bg-surface);box-shadow:var(--shadow-focus)}.input.is-invalid{animation:shake .4s;box-shadow:var(--shadow-focus-error)}.textarea.is-flashing{animation:flash .9s ease}.segmented{background:var(--color-bg-surface);display:flex;gap:var(--space-3xs);padding:var(--space-3xs);position:relative;width:max-content}.segmented,.segmented-thumb{border-radius:var(--radius-pill)}.segmented-thumb{background:var(--color-bg-inverse);bottom:var(--space-3xs);left:var(--segmented-thumb-left,0);opacity:0;pointer-events:none;position:absolute;right:var(--segmented-thumb-right,100%);top:var(--space-3xs)}.segmented[data-ready] .segmented-thumb{opacity:1}.segmented[data-animate] .segmented-thumb{transition:left var(--duration-slow) var(--ease-spring),right var(--duration-mid) var(--ease-out)}.segmented[data-animate][data-dir=left] .segmented-thumb{transition:left var(--duration-mid) var(--ease-out),right var(--duration-slow) var(--ease-spring)}.segmented-shot{--shot-start:calc(var(--size-2xl) + var(--space-3xs));height:0;pointer-events:none;position:absolute;top:0;transform:scaleX(var(--shot-direction));width:0}.segmented-shot svg{display:block;fill:none;height:100%;overflow:visible;stroke-linecap:round;stroke-linejoin:round;width:100%}.segmented-archer{clip-path:inset(-100% -100% 0 -100%);height:var(--size-7xl);left:calc(var(--size-7xl) / -2);position:absolute;top:calc(var(--size-7xl) * -1);width:var(--size-7xl)}.segmented-archer svg{animation:segmented-archer-rise var(--duration-mid) var(--ease-spring) backwards;transform-origin:50% 100%}.segmented-shot[data-phase=fly] .segmented-archer svg{animation:segmented-archer-rise var(--duration-mid) var(--ease-spring) backwards,segmented-archer-recoil var(--duration-mid) var(--ease-spring)}.segmented-shot[data-phase=stuck] .segmented-archer svg{animation:segmented-archer-sink var(--duration-fast) var(--ease-soft) forwards}.archer-line{stroke:var(--color-bg-inverse)}.archer-ink{fill:var(--color-bg-inverse)}.archer-skin{stroke:var(--color-bg-inverse)}.archer-shine,.archer-skin{fill:var(--color-bg-surface)}.archer-cloth{fill:var(--color-accent-default);stroke:var(--color-bg-inverse)}.archer-fletch,.archer-sleeve{stroke:var(--color-accent-default)}.archer-fletch-fill{fill:var(--color-accent-default)}.archer-quiver{fill:var(--color-accent-soft);stroke:var(--color-bg-inverse)}.archer-wood{stroke:var(--color-accent-soft)}.archer-blush{fill:var(--color-accent-soft)}.archer-shaft{stroke:var(--color-text-secondary)}.archer-tip{fill:var(--color-text-secondary)}.archer-eye-squint,.segmented-shot[data-phase=aim] .archer-eye-open{display:none}.segmented-shot[data-phase=aim] .archer-eye-squint{display:block}.archer-draw{animation:segmented-archer-draw var(--duration-fast) var(--ease-out) var(--duration-mid) backwards;transform-box:fill-box}.archer-string-relaxed{display:none}.segmented-shot:not([data-phase=aim]) .archer-string-relaxed{display:block}.segmented-shot:not([data-phase=aim]) .archer-draw{display:none}.segmented-shot[data-phase=aim] .segmented-arrow{visibility:hidden}.segmented-arrow{aspect-ratio:4;left:var(--shot-start);position:absolute;top:calc(var(--size-xl) * -1);transform:translate(-100%,-50%);width:var(--size-4xl)}.segmented-shot:not([data-phase=aim]) .segmented-arrow{animation:segmented-arrow-travel var(--duration-slow) linear forwards}.segmented-arrow-flight{display:block;transform-origin:100% 50%}.segmented-shot:not([data-phase=aim]) .segmented-arrow-flight{animation:segmented-arrow-flight var(--duration-slow) linear forwards}.segmented-shot[data-phase=stuck] .segmented-arrow-flight svg{animation:segmented-arrow-wobble var(--duration-slow) var(--ease-out),segmented-arrow-fade var(--duration-mid) var(--ease-soft) var(--duration-reveal) forwards;transform-origin:100% 50%}@keyframes segmented-archer-rise{0%{translate:0 100%}}@keyframes segmented-archer-sink{to{translate:0 100%}}@keyframes segmented-archer-recoil{30%{rotate:-6deg}}@keyframes segmented-archer-draw{0%{opacity:0;translate:30% 0}}@keyframes segmented-arrow-travel{to{translate:calc(var(--shot-distance) - var(--shot-start)) 0}}@keyframes segmented-arrow-flight{0%{animation-timing-function:var(--ease-out);rotate:-40deg;translate:0 0}45%{animation-timing-function:cubic-bezier(.5,0,1,1);rotate:0deg;translate:0 calc(var(--size-xl) * -1)}to{rotate:85deg;translate:0 calc(var(--size-xl) + var(--space-xs))}}@keyframes segmented-arrow-wobble{0%,to{rotate:0deg}25%{rotate:7deg}55%{rotate:-4deg}80%{rotate:2deg}}@keyframes segmented-arrow-fade{to{opacity:0}}.segmented[data-animate] .segmented-option[aria-pressed=true] .segmented-count{animation:segmented-pop var(--duration-slow) var(--ease-spring) var(--duration-fast) backwards}@keyframes segmented-pop{0%{transform:scale(.6)}}.segmented-option{--segmented-count-bg:var(--color-bg-subtle);--segmented-count-fg:var(--color-text-secondary);align-items:center;background:none;border:0;border-radius:var(--radius-pill);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font:var(--type-body-sm);font-weight:var(--weight-medium);gap:var(--space-2xs);letter-spacing:var(--type-body-sm-tracking);padding:var(--space-2xs) var(--space-sm);position:relative}.segmented-count,.segmented-option{transition:background-color var(--duration-mid),color var(--duration-mid)}.segmented-option:hover{color:var(--color-text-primary)}.segmented-option[aria-pressed=true]{--segmented-count-bg:var(--color-bg-translucent);--segmented-count-fg:var(--color-text-inverse);background:var(--color-bg-inverse);color:var(--color-text-inverse)}.segmented[data-ready] .segmented-option[aria-pressed=true]{background:none}.segmented-option svg{height:var(--size-2xs);width:var(--size-2xs)}.segmented-count{background:var(--segmented-count-bg);border-radius:var(--radius-pill);color:var(--segmented-count-fg);font:var(--type-caption);letter-spacing:var(--type-caption-tracking);min-width:var(--size-lg);padding:0 var(--space-2xs)}.site-header{inset:var(--layout-header-top) 0 auto;pointer-events:none;position:fixed;z-index:var(--z-header)}:active-view-transition .site-header{view-transition-name:site-header}.site-header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--layout-max);padding:0 var(--layout-gutter)}.site-header-start{align-items:center;display:flex;gap:var(--space-xs)}.site-header .pill{pointer-events:auto}.brand{display:inline-flex;font:var(--type-body);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);gap:var(--space-xs);padding:var(--space-3xs) var(--space-md) var(--space-3xs) var(--space-3xs);text-transform:uppercase}.avatar,.brand{align-items:center}.avatar{background:radial-gradient(circle at 35% 30%,var(--color-highlight-soft),transparent 60%),linear-gradient(140deg,var(--color-accent-soft),var(--color-accent-default));border-radius:var(--radius-pill);color:var(--color-text-on-accent);display:inline-grid;font-family:var(--font-accent);font-size:var(--size-sm);height:var(--size-4xl);justify-items:center;width:var(--size-4xl)}.nav{align-items:center;display:flex;font:var(--type-body-sm);gap:var(--space-3xs);letter-spacing:var(--type-body-sm-tracking);padding:var(--space-3xs)}.nav a{border-radius:var(--radius-pill);color:var(--color-text-secondary);padding:var(--space-2xs) var(--space-sm);transition:color var(--duration-fast)}.nav a:hover{color:var(--color-text-primary)}.nav a[aria-current=page]{background:var(--color-bg-inverse);color:var(--color-text-inverse)}.menu-button{display:none}.scrim{background:var(--color-bg-scrim);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--duration-mid) ease;z-index:var(--z-scrim)}.scrim.is-open{opacity:1;pointer-events:auto}.menu-scrim,.mobile-menu{display:none}.egg-counter{align-items:center;border:0;cursor:pointer;display:inline-flex;gap:var(--space-3xs);opacity:0;padding:var(--space-2xs) var(--space-xs) var(--space-2xs) var(--space-2xs);pointer-events:none!important;transform:translateX(calc(var(--space-2xs) * -1)) scale(.9);transition:opacity var(--duration-mid) ease,transform var(--duration-slow) var(--ease-spring)}.egg-counter.is-visible{opacity:1;pointer-events:auto!important;transform:none}.egg-counter.is-complete{box-shadow:var(--shadow-focus),var(--elevation-1)}.egg-counter img{filter:grayscale(1);height:var(--size-xl);object-fit:contain;opacity:.28;transition:filter var(--duration-slow),opacity var(--duration-slow),transform var(--duration-slow) var(--ease-spring);width:var(--size-xl)}.egg-counter img.is-found{filter:none;opacity:1;transform:scale(1.12)}.egg-counter span{color:var(--color-text-secondary);font:var(--type-caption);font-weight:var(--weight-medium);letter-spacing:var(--type-caption-tracking);margin-left:var(--space-2xs)}.egg{background:none;border:0;cursor:pointer;padding:0;position:absolute;width:var(--size-sticker);z-index:var(--z-sticker)}.egg img{animation:float 5.8s ease-in-out infinite;animation-delay:var(--float-delay,0s);filter:var(--filter-sticker);height:auto;rotate:var(--tilt,0deg);transition:transform var(--duration-slow) var(--ease-spring);width:100%}.egg:hover img{transform:rotate(-8deg) scale(1.1)}.egg img.is-wiggling{animation:wiggle .6s var(--ease-spring),float 5.8s ease-in-out .6s infinite}.egg:focus-visible{border-radius:var(--radius-md)}.egg-badge{align-items:center;background:var(--color-accent-default);border:var(--stroke-ring) solid var(--color-bg-surface);border-radius:var(--radius-pill);color:var(--color-text-on-accent);display:inline-grid;height:var(--size-lg);justify-items:center;position:absolute;right:var(--space-3xs);top:var(--space-3xs);transform:scale(0);transition:transform var(--duration-slow) var(--ease-spring);width:var(--size-lg)}.egg-badge svg{height:var(--size-2xs);width:var(--size-2xs)}.egg.is-found .egg-badge{transform:scale(1)}.hero-stage .egg-initiation{--tilt:8deg;right:var(--layout-gutter);top:calc(var(--layout-header-offset) + var(--space-xl))}.page-stage .egg-bonsai{--float-delay:-2s;--tilt:-6deg;right:calc(var(--space-2xl) * -1);top:var(--layout-header-offset)}.facts-card .egg-guitar{--float-delay:-1.2s;--tilt:-14deg;right:calc(var(--space-lg) * -1);top:calc(var(--space-2xl) * -1)}.form-card .egg-law{--float-delay:-3.4s;--tilt:10deg;right:calc(var(--space-md) * -1);top:calc(var(--space-xl) * -1)}.egg-pop{background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--elevation-3);left:0;opacity:0;padding:var(--space-md);pointer-events:none;position:fixed;top:0;transform:translateY(var(--space-2xs)) scale(.96);transition:opacity var(--duration-mid) ease,transform var(--duration-slow) var(--ease-spring),visibility 0s linear var(--duration-mid);visibility:hidden;width:var(--width-popover);z-index:var(--z-popover)}.egg-pop.is-open{opacity:1;pointer-events:auto;transform:none;transition:opacity var(--duration-mid) ease,transform var(--duration-slow) var(--ease-spring);visibility:visible}.egg-pop-head{align-items:center;display:flex;gap:var(--space-xs);margin-bottom:var(--space-xs)}.egg-pop-head img{height:var(--size-3xl);object-fit:contain;width:var(--size-3xl)}.egg-pop-head strong{color:var(--color-text-accent);font:var(--type-body-sm);font-weight:var(--weight-semibold);letter-spacing:var(--type-body-sm-tracking)}.egg-pop-head span{font:var(--type-caption);letter-spacing:var(--type-caption-tracking);margin-left:auto}.egg-pop p,.egg-pop-head span{color:var(--color-text-secondary)}.egg-pop p{font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking);margin:0}.egg-pop p.egg-pop-done{color:var(--color-text-primary);font-weight:var(--weight-medium);margin-top:var(--space-xs)}.egg-hints{display:grid;gap:var(--space-2xs);list-style:none;margin:var(--space-xs) 0 0;padding:0}.egg-hints li{align-items:center;display:flex;font:var(--type-body-sm);gap:var(--space-xs);letter-spacing:var(--type-body-sm-tracking)}.egg-hints img{filter:grayscale(1);height:var(--size-xl);object-fit:contain;opacity:.45;width:var(--size-xl)}.egg-dots{display:flex;gap:var(--space-2xs);margin-top:var(--space-sm)}.egg-dots i{background:var(--color-bg-subtle);border-radius:var(--radius-pill);flex:1 1;height:var(--space-3xs);transition:background-color var(--duration-mid)}.egg-dots i.is-on{background:var(--color-accent-default)}.egg-reset{background:none;border:0;color:var(--color-text-secondary);cursor:pointer;font:var(--type-caption);letter-spacing:var(--type-caption-tracking);margin-top:var(--space-sm);padding:0;text-decoration:underline;text-underline-offset:var(--offset-underline)}.egg-reset:hover{color:var(--color-text-primary)}.hero{height:100svh;min-height:var(--height-hero-min);overflow:hidden;position:sticky;top:0;z-index:0}.hero-media{--hero-scrim:linear-gradient(0deg,rgb(0 0 0/62%) 0%,rgb(0 0 0/34%) 28%,transparent 58%);inset:0;position:absolute}.hero-media img{object-fit:cover}.hero-media:after{background:var(--hero-scrim);content:"";inset:0;position:absolute}.page-hero .hero-media{--hero-scrim:linear-gradient(0deg,rgb(0 0 0/72%) 0%,rgb(0 0 0/56%) 45%,transparent 85%)}.hero-media.is-placeholder{background:linear-gradient(160deg,var(--color-accent-bright),var(--color-accent-default))}.hero{color:var(--color-text-on-accent)}.hero .back-link,.hero .chip{background:var(--color-bg-surface)}.hero .text-link{color:var(--color-text-on-accent)}.hero-blur-anchor{height:0;pointer-events:none;position:relative;z-index:var(--z-raised)}.hero-blur{--blur-reach:1;--blur-shape:80% 100% at 50% 100%;bottom:calc(var(--space-3xs) * -1);height:calc(var(--hero-height, 100svh) * var(--blur-reach) + var(--space-3xs));left:0;position:absolute;right:0;transform:scaleY(0);transform-origin:50% 100%;visibility:hidden;will-change:transform}@media (orientation:portrait){.hero-blur{--blur-shape:120% 100% at 50% 100%}}@media (max-width:820px){.hero-blur{--blur-reach:0.55}}.hero-blur i{inset:0;position:absolute}.hero-blur i:first-child{-webkit-backdrop-filter:blur(var(--blur-step));backdrop-filter:blur(var(--blur-step));-webkit-mask-image:radial-gradient(var(--blur-shape),transparent 50%,black 66.7%,black 83.3%,transparent 100%);mask-image:radial-gradient(var(--blur-shape),transparent 50%,black 66.7%,black 83.3%,transparent 100%)}.hero-blur i:nth-child(2){-webkit-backdrop-filter:blur(calc(var(--blur-step) * 2));backdrop-filter:blur(calc(var(--blur-step) * 2));-webkit-mask-image:radial-gradient(var(--blur-shape),transparent 33.3%,black 50%,black 66.7%,transparent 83.3%);mask-image:radial-gradient(var(--blur-shape),transparent 33.3%,black 50%,black 66.7%,transparent 83.3%)}.hero-blur i:nth-child(3){-webkit-backdrop-filter:blur(calc(var(--blur-step) * 4));backdrop-filter:blur(calc(var(--blur-step) * 4));-webkit-mask-image:radial-gradient(var(--blur-shape),transparent 16.7%,black 33.3%,black 50%,transparent 66.7%);mask-image:radial-gradient(var(--blur-shape),transparent 16.7%,black 33.3%,black 50%,transparent 66.7%)}.hero-blur i:nth-child(4){-webkit-backdrop-filter:blur(calc(var(--blur-step) * 8));backdrop-filter:blur(calc(var(--blur-step) * 8));-webkit-mask-image:radial-gradient(var(--blur-shape),transparent 0,black 16.7%,black 33.3%,transparent 50%);mask-image:radial-gradient(var(--blur-shape),transparent 0,black 16.7%,black 33.3%,transparent 50%)}.hero-blur i:nth-child(5){-webkit-backdrop-filter:blur(calc(var(--blur-step) * 16));backdrop-filter:blur(calc(var(--blur-step) * 16));-webkit-mask-image:radial-gradient(var(--blur-shape),black 16.7%,transparent 33.3%);mask-image:radial-gradient(var(--blur-shape),black 16.7%,transparent 33.3%)}.hero-blur i:nth-child(6){-webkit-backdrop-filter:blur(calc(var(--blur-step) * 32));backdrop-filter:blur(calc(var(--blur-step) * 32));-webkit-mask-image:radial-gradient(var(--blur-shape),black 0,transparent 16.7%);mask-image:radial-gradient(var(--blur-shape),black 0,transparent 16.7%)}.hero-stage{display:grid;grid-template-rows:1fr auto;height:100%;margin:0 auto;max-width:var(--layout-max);padding:var(--layout-header-offset) var(--layout-gutter) var(--space-2xl);position:relative;transform-origin:50% 100%;will-change:transform}.hero-bottom{align-items:end;display:grid;gap:var(--space-2xl);grid-row:2;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr)}.hello{font:var(--type-body);font-weight:var(--weight-medium);letter-spacing:var(--type-body-tracking);margin:0 0 var(--space-xs)}.hero-title{font:var(--type-display-md);letter-spacing:var(--type-display-md-tracking);margin:0}.hero-title .script,.page-title .script{font-size:1.08em;padding:0 .04em}.hero-copy{margin:0 0 var(--space-lg);max-width:var(--measure-xs)}.page-hero{height:76svh;min-height:var(--height-page-hero-min)}.page-stage{align-content:end;display:grid;height:100%;justify-items:center;margin:0 auto;max-width:var(--width-stage);padding:var(--space-5xl) var(--layout-gutter) var(--space-3xl);position:relative;text-align:center;transform-origin:50% 100%;will-change:transform}.page-title{font:var(--type-display-md);letter-spacing:var(--type-display-md-tracking);margin:0 0 var(--space-lg)}.page-intro{font:var(--type-body-lg);letter-spacing:var(--type-body-lg-tracking);margin:0;max-width:var(--measure-md)}.page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center;margin-top:var(--space-xl)}@media (max-width:820px){.page-actions{flex-direction:column;width:100%}}.case-hero{height:94svh}.case-title{font:var(--type-display-lg);letter-spacing:var(--type-display-lg-tracking);margin:0}.case-side .chips{margin-bottom:var(--space-sm)}.case-summary{font:var(--type-body-lg);letter-spacing:var(--type-body-lg-tracking);margin:0;max-width:var(--measure-sm)}.content{background:var(--color-bg-page);box-shadow:var(--elevation-sheet);overflow-x:clip;position:relative;z-index:var(--z-raised)}.section{margin:0 auto;max-width:var(--layout-max);padding:var(--space-5xl) var(--layout-gutter) 0}.section-tight{padding-top:var(--space-4xl)}.section-head{margin:0 auto var(--space-3xl);max-width:var(--measure-lg);text-align:center}.section-title{font:var(--type-heading-xl);letter-spacing:var(--type-heading-xl-tracking);margin:0}.center{display:flex;justify-content:center;margin-top:var(--space-3xl)}.project-card{border-radius:var(--radius-lg);display:block;height:var(--height-card);overflow:hidden;position:relative}.project-card-media{inset:0;position:absolute;transition:transform var(--duration-slower) var(--ease-out)}.project-card:hover .project-card-media{transform:scale(1.03)}.project-card-media img{object-fit:cover}.project-card-placeholder{align-items:center;background:linear-gradient(to bottom,transparent 40%,var(--color-highlight-soft) 100%),radial-gradient(ellipse 70% 60% at 50% 35%,var(--color-highlight-soft),transparent 70%),linear-gradient(150deg,var(--color-accent-soft),var(--color-accent-medium));color:var(--color-highlight-default);display:grid;font-family:var(--font-accent);font-size:var(--art-placeholder-text);height:100%;justify-items:center;padding-bottom:var(--space-5xl);text-shadow:var(--glow-soft)}.project-card-info{align-items:end;background:var(--color-bg-surface);border-radius:var(--radius-md);bottom:var(--space-md);display:flex;gap:var(--space-sm);justify-content:space-between;left:var(--space-md);padding:var(--space-lg);position:absolute;right:var(--space-md)}.project-card-text{display:grid}.project-card-title{font:var(--type-heading-md);letter-spacing:var(--type-heading-md-tracking);margin-bottom:var(--space-sm)}.project-card-summary{-webkit-box-orient:vertical;letter-spacing:var(--type-body-sm-tracking);-webkit-line-clamp:2;color:var(--color-text-secondary);display:-webkit-box;font:var(--type-body-sm);margin:calc(var(--space-2xs) * -1) 0 var(--space-sm);overflow:hidden}.stack{display:grid;gap:var(--space-3xl)}.project-card-stack{position:sticky;top:calc(var(--space-5xl) + var(--stack-index) * var(--space-xl));width:min(100%,var(--width-card))}.project-card-stack:nth-child(2n){margin-left:auto}.project-card-grid{height:var(--height-card-grid)}.project-card-static{height:var(--height-card-static)}.about-intro{color:var(--color-text-secondary);font:var(--type-body-lg);letter-spacing:var(--type-body-lg-tracking);margin:var(--space-md) auto 0;max-width:var(--measure-md)}.about{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}.about-card{background:var(--color-bg-surface);border-radius:var(--radius-lg);display:grid;gap:var(--space-2xl);grid-template-rows:auto 1fr;padding:var(--space-lg)}.about-card p{margin:0}.about-key{color:var(--color-text-secondary);font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking);margin-bottom:var(--space-2xs)!important}.about-value{font:var(--type-heading-sm);letter-spacing:var(--type-heading-sm-tracking)}.banner{background:var(--color-accent-default);border-radius:var(--radius-xl);color:var(--color-text-on-accent);overflow:hidden;padding:clamp(var(--space-3xl),9vw,var(--space-5xl)) var(--layout-gutter);position:relative;text-align:center}.banner:before{-webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 50%,transparent 55%,black 100%);mask-image:radial-gradient(ellipse 60% 55% at 50% 50%,transparent 55%,black 100%);content:"";inset:0;position:absolute}.banner>*{position:relative}.banner .eyebrow{color:var(--color-text-on-accent-muted)}.banner .section-title{margin-bottom:var(--space-md)}.banner-copy{color:var(--color-text-on-accent-muted);margin:0 auto var(--space-xl);max-width:var(--measure-sm)}.pattern-circles:before{--ring-end:calc(var(--pattern-ring) + var(--stroke-ring));--disc-end:calc(var(--pattern-disc) + var(--stroke-hairline));background-image:radial-gradient(circle at 50% 50%,transparent 0 var(--pattern-ring),var(--color-pattern-mid) var(--pattern-ring) var(--ring-end),transparent calc(var(--ring-end) + var(--stroke-hairline))),radial-gradient(circle at 0 0,var(--color-pattern-soft) 0 var(--pattern-disc),transparent var(--disc-end)),radial-gradient(circle at 100% 0,var(--color-pattern-soft) 0 var(--pattern-disc),transparent var(--disc-end)),radial-gradient(circle at 0 100%,var(--color-pattern-soft) 0 var(--pattern-disc),transparent var(--disc-end)),radial-gradient(circle at 100% 100%,var(--color-pattern-soft) 0 var(--pattern-disc),transparent var(--disc-end)),linear-gradient(var(--color-pattern-line) var(--stroke-hairline),transparent var(--stroke-hairline)),linear-gradient(90deg,var(--color-pattern-line) var(--stroke-hairline),transparent var(--stroke-hairline));background-size:var(--pattern-tile) var(--pattern-tile)}.pattern-diamonds:before{--half:calc(var(--pattern-diamond) / 2);--dot-end:calc(var(--pattern-dot) + var(--stroke-hairline) / 2);background-image:radial-gradient(circle at 0 0,var(--color-pattern-strong) 0 var(--pattern-dot),transparent var(--dot-end)),radial-gradient(circle at var(--half) var(--half),var(--color-pattern-strong) 0 var(--pattern-dot),transparent var(--dot-end)),repeating-linear-gradient(45deg,var(--color-pattern-mid) 0 var(--stroke-hairline),transparent var(--stroke-hairline) var(--pattern-diamond-step)),repeating-linear-gradient(-45deg,var(--color-pattern-mid) 0 var(--stroke-hairline),transparent var(--stroke-hairline) var(--pattern-diamond-step));background-size:var(--pattern-diamond) var(--pattern-diamond),var(--pattern-diamond) var(--pattern-diamond),auto,auto}.statement-quote{font:var(--type-display-lg);letter-spacing:var(--type-display-lg-tracking);margin:var(--space-2xs) 0 var(--space-2xl)}.statement-quote>span{display:block}.statement-soft{font-weight:var(--weight-regular)}.statement-quote .script{font-size:1.1em}.work-filters{margin:0 auto var(--space-2xl)}.work-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid[data-filter=password] [data-access=public],.work-grid[data-filter=public] [data-access=password]{display:none}.access-note{align-items:center;background:var(--color-bg-surface);border-radius:var(--radius-lg);display:flex;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-md) var(--space-lg)}.access-note p{color:var(--color-text-secondary);flex:1 1;margin:0}.access-note strong{color:var(--color-text-primary);font-weight:var(--weight-medium)}.overview{align-items:start;display:grid;gap:var(--space-3xl);grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.overview-copy p{color:var(--color-text-secondary);font:var(--type-body-lg);letter-spacing:var(--type-body-lg-tracking);margin:0 0 var(--space-md)}.overview-copy p.lead{color:var(--color-text-primary);font:var(--type-heading-md);letter-spacing:var(--type-heading-md-tracking)}.overview-banner{display:block;height:auto;margin-top:var(--space-lg);width:100%}.facts-card,.overview-banner{border-radius:var(--radius-lg)}.facts-card{background:var(--color-bg-surface);padding:var(--space-lg);position:relative}.facts-card dl{display:grid;gap:var(--space-md);margin:0}.facts-card dt{color:var(--color-text-secondary);font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking);margin-bottom:var(--space-3xs)}.facts-card dd{font:var(--type-body);font-weight:var(--weight-medium);letter-spacing:var(--type-body-tracking);margin:0}.checks{border-top:var(--stroke-hairline) solid var(--color-border-subtle);display:grid;list-style:none;margin:var(--space-lg) 0 0;padding:var(--space-md) 0 0}.checks,.checks li{gap:var(--space-xs)}.checks li{align-items:start;display:flex;font:var(--type-body);letter-spacing:var(--type-body-tracking)}.checks svg{color:var(--color-text-accent);flex:none;height:var(--size-sm);margin-top:var(--stroke-hairline);width:var(--size-sm)}.logout-link{margin-top:var(--space-md)}.case-body{gap:var(--space-3xl);grid-template-columns:var(--width-nav) minmax(0,1fr)}.case-body,.section-nav{align-items:start;display:grid}.section-nav{background:var(--color-bg-surface);border-radius:var(--radius-lg);gap:var(--space-sm);grid-template-columns:var(--size-lg) minmax(0,1fr);padding:var(--space-lg);position:sticky;top:var(--layout-header-offset)}.section-nav-scroll,.section-nav-track{display:contents}.section-nav-wave{align-self:stretch;color:var(--color-text-accent);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-3xs) 0}.section-nav-wave span{background:currentColor;border-radius:var(--stroke-hairline);display:block;height:var(--stroke-wave);opacity:var(--wave-opacity,.28);transform:scaleX(var(--wave-scale,.18));transform-origin:left;transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slower) var(--ease-out);width:var(--size-xl)}.section-nav-links{display:grid;gap:var(--space-2xs)}.section-nav a{color:var(--color-text-secondary);display:block;font:var(--type-body-xl);letter-spacing:var(--type-body-xl-tracking);min-height:var(--size-xl);transition:color var(--duration-mid) ease,transform var(--duration-slow) var(--ease-out)}.section-nav a.is-active,.section-nav a:hover{color:var(--color-text-primary)}.section-nav a:after{content:attr(data-label);display:block;height:0;overflow:hidden;visibility:hidden}.section-nav a.is-active,.section-nav a:after{font-weight:var(--weight-semibold)}.section-nav a.is-active,.section-nav a.is-hovered{transform:translateX(var(--space-3xs))}.case-content{color:var(--color-text-secondary);font:var(--type-body-xl);letter-spacing:var(--type-body-xl-tracking)}.case-content article>h2{color:var(--color-text-primary);font:var(--type-heading-lg);letter-spacing:var(--type-heading-lg-tracking);margin:var(--space-3xl) 0 var(--space-md);scroll-margin-top:var(--layout-header-offset)}.case-content article>h2:first-child{margin-top:0}.case-content h3{color:var(--color-text-primary);font:var(--type-heading-sm);font-weight:var(--weight-semibold);letter-spacing:var(--type-heading-sm-tracking);margin:var(--space-xl) 0 var(--space-2xs)}.case-content p{margin:0 0 var(--space-md)}.case-content ol,.case-content ul{background:var(--color-bg-surface);border-radius:var(--radius-lg);counter-reset:step;list-style:none;margin:var(--space-lg) 0;padding:var(--space-2xs) var(--space-lg)}.case-content li{column-gap:var(--space-sm);display:grid;grid-template-columns:var(--size-xl) minmax(0,1fr);padding:var(--space-sm) 0}.case-content li+li{border-top:var(--stroke-hairline) solid var(--color-border-subtle)}.case-content li:before{grid-column:1;grid-row:1/span 2}.case-content li>div{grid-column:2}.case-content li>div>p{margin:0}.case-content ol>li:before{align-self:start;background:var(--color-accent-subtle);border-radius:var(--radius-pill);color:var(--color-accent-default);content:counter(step);counter-increment:step;font:var(--type-body-sm);font-weight:var(--weight-semibold);height:var(--size-xl);line-height:var(--size-xl);text-align:center;width:var(--size-xl)}.case-content ul>li:before{background:var(--color-accent-default);border-radius:var(--radius-pill);content:"";height:var(--space-2xs);justify-self:center;margin-top:calc((1.65em - var(--space-2xs)) / 2);width:var(--space-2xs)}.case-content li>div>p>strong:first-child,.case-content li>div>strong:first-child{display:block}.case-content .columns>ol,.case-content .columns>ul{column-gap:var(--space-xl);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--space-xs) var(--space-lg)}.case-content .columns li+li{border-top:0}.case-content .brief li{display:block}.case-content .brief li:before{content:none}.case-content .brief li>div{column-gap:var(--space-lg);display:grid;grid-template-columns:var(--space-5xl) minmax(0,1fr)}.case-content .brief:first-child>ul{margin-top:0}.build-stack{background:var(--color-bg-surface);border-radius:var(--radius-lg);margin:var(--space-lg) 0;padding:var(--space-xl)}.build-stack-flow{align-items:center;column-gap:var(--space-2xs);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}.build-stack-arrow{color:var(--color-text-secondary);height:var(--size-sm);width:var(--size-sm)}.build-stack-layer{align-content:start;align-self:stretch;background:var(--color-bg-page);border-radius:var(--radius-md);display:grid;gap:var(--space-3xs);min-width:0;padding:var(--space-md)}.build-stack-layer[data-current=true]{background:var(--color-accent-subtle)}.build-stack-icon{align-items:center;background:var(--color-bg-surface);border-radius:var(--radius-sm);color:var(--color-accent-default);display:inline-flex;height:var(--size-4xl);justify-content:center;margin-bottom:var(--space-2xs);width:var(--size-4xl)}.build-stack-icon svg{height:var(--size-md);width:var(--size-md)}.build-stack-layer b{color:var(--color-text-primary);font:var(--type-body);font-weight:var(--weight-semibold)}.case-content .build-stack-layer p{color:var(--color-text-secondary);font:var(--type-body-sm);line-height:1.5;margin:0}.build-stack-footer{border-top:var(--stroke-hairline) solid var(--color-border-subtle);display:flex;justify-content:space-between;margin-top:var(--space-lg);padding-top:var(--space-md)}.build-stack-footer,.tools-used{align-items:center;flex-wrap:wrap;font:var(--type-body-sm);gap:var(--space-sm)}.tools-used{color:var(--color-text-secondary);display:inline-flex;letter-spacing:var(--type-body-sm-tracking)}.tools-used [role=list]{color:var(--color-icon-quiet);display:inline-flex;flex-wrap:wrap;gap:var(--space-sm)}.tools-used svg{display:block;height:var(--size-md);width:var(--size-md)}.case-content article>.tools-used{border-top:var(--stroke-hairline) solid var(--color-border-subtle);display:flex;margin-top:var(--space-xl);padding-top:var(--space-md)}.case-content .decision{background:var(--color-bg-surface);border-radius:var(--radius-lg);margin:var(--space-lg) 0;padding:var(--space-xl)}.case-content .decision h3{margin-top:0;scroll-margin-top:var(--layout-header-offset)}.case-content .decision .case-image{margin:var(--space-lg) 0}.case-content .decision>:last-child{margin-bottom:0}.case-content .decision-tradeoff{border-top:var(--stroke-hairline) solid var(--color-border-subtle);color:var(--color-text-secondary);font:var(--type-body);margin-top:var(--space-lg);padding-top:var(--space-md)}.case-content .decision-tradeoff span{color:var(--color-text-primary);display:block;font:var(--type-body-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-3xs)}.case-content .demo{margin:var(--space-lg) 0}.demo-frame{background:linear-gradient(165deg,var(--color-demo-frame-start),var(--color-demo-frame-end));border-radius:var(--radius-lg);contain:inline-size;display:grid;justify-items:center;overflow:hidden;padding:var(--space-xl);position:relative}.demo-stage{display:grid;justify-self:start;margin-bottom:calc((var(--demo-scale, 1) - 1) * var(--demo-height, 0px));margin-inline:auto;transform:scale(var(--demo-scale,1));transform-origin:top left;width:var(--measure-sm)}.demo-stage[data-width=narrow]{width:var(--measure-xs)}.demo-stage[data-width=device]{width:var(--device-width)}@media (max-width:820px){.demo-stage[data-width=device]{padding-bottom:calc((var(--size-4xl) + var(--space-2xs)) / var(--demo-scale, 1))}}.demo-ghost,.demo-live{grid-area:1/1}.demo-ghost{visibility:hidden}.demo-cursor{color:var(--color-text-primary);left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:transform var(--duration-travel) var(--ease-glide),opacity var(--duration-mid) var(--ease-soft);z-index:1}.demo-cursor[data-on=true]{opacity:1}.demo-cursor svg{display:block;fill:currentcolor;filter:var(--filter-sticker);height:var(--size-lg);stroke:var(--color-bg-surface);transform-origin:top left;transition:transform var(--duration-fast) var(--ease-out);width:var(--size-lg)}.demo-cursor[data-down=true] svg{transform:scale(.84)}.demo-caption{color:var(--color-text-secondary);font:var(--type-body-sm);margin-top:var(--space-xs)}.case-content .case-video{margin:var(--space-lg) 0}.case-video-frame{background:linear-gradient(165deg,var(--color-demo-frame-start),var(--color-demo-frame-end));border-radius:var(--radius-lg);display:grid;justify-items:center;padding:var(--space-xl);position:relative}.case-video-device{background:var(--color-demo-device);border-radius:var(--device-radius);box-shadow:inset 0 0 0 var(--stroke-ring) var(--color-demo-device-rim),var(--elevation-4);padding:var(--device-bezel);width:min(var(--device-width),100%)}.case-video-screen{--case-island-height:calc(100cqi * 37 / 390);--case-island-top:calc(100cqi * 11 / 390);--case-island-width:calc(100cqi * 124 / 390);background:var(--color-bg-surface);border-radius:calc(var(--device-radius) - var(--device-bezel));container-type:inline-size;overflow:hidden;position:relative}.case-video-screen .phone-island{height:var(--case-island-height);top:var(--case-island-top);width:var(--case-island-width)}.case-video-status{align-items:center;color:var(--color-text-primary);display:grid;font:var(--type-caption);font-weight:var(--weight-semibold);grid-template-columns:1fr var(--case-island-width) 1fr;height:var(--case-island-height);inset:var(--case-island-top) 0 auto;justify-items:center;letter-spacing:var(--type-caption-tracking);position:absolute}.case-video-status b{grid-column:1}.case-video-status b,.case-video-status span{font-size:calc(100cqi * 15 / 390)}.case-video-status span{display:flex;gap:calc(100cqi * 4 / 390);grid-column:3}.case-video-status svg{height:calc(100cqi * 17 / 390);width:calc(100cqi * 17 / 390)}.case-video-screen video{display:block;height:auto;width:100%}.case-video-home{aspect-ratio:390/34;display:block;inset:auto 0 0;position:absolute}.case-video-home:before{background:var(--color-text-primary);border-radius:var(--radius-pill);content:"";height:var(--space-3xs);left:50%;position:absolute;top:50%;translate:-50% -50%;width:36%}.demo-toggle{align-items:center;background:var(--color-bg-surface);border:0;border-radius:var(--radius-pill);bottom:var(--space-sm);box-shadow:var(--elevation-1);color:var(--color-text-primary);cursor:pointer;display:inline-flex;height:var(--size-4xl);justify-content:center;position:absolute;right:var(--space-sm);transition:background var(--duration-fast) var(--ease-out);width:var(--size-4xl);z-index:2}.demo-toggle:hover{background:var(--color-accent-subtle)}.demo-toggle:focus-visible{box-shadow:var(--shadow-focus);outline:none}.demo-toggle svg{height:var(--size-2xs);width:var(--size-2xs)}.buy-box{background:var(--color-bg-surface);border:var(--stroke-hairline) solid var(--color-demo-border);border-radius:var(--radius-md);box-shadow:var(--shadow-demo);color:var(--color-text-primary);font:var(--type-body-sm);line-height:1.4;padding:var(--space-lg)}.buy-box b{font-weight:var(--weight-semibold)}.buy-box-title{display:block;font:var(--type-body-lg);font-weight:var(--weight-semibold);letter-spacing:var(--type-heading-sm-tracking)}.buy-box-label{color:var(--color-text-secondary);display:block}.buy-box-modes{display:grid;gap:var(--space-xs);grid-template-columns:1fr 1fr;margin-top:var(--space-sm)}.buy-box-mode{align-items:start;background:var(--color-bg-surface);border:var(--stroke-hairline) solid var(--color-demo-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:grid;font:inherit;gap:var(--space-2xs);grid-template-columns:auto minmax(0,1fr);padding:var(--space-xs);text-align:left;transition:background var(--duration-mid) var(--ease-soft),border-color var(--duration-mid) var(--ease-soft),box-shadow var(--duration-mid) var(--ease-soft),color var(--duration-mid) var(--ease-soft),transform var(--duration-fast) var(--ease-out)}.buy-box-mode[aria-selected=true]{background:var(--color-demo-brand-subtle);border-color:var(--color-demo-brand-strong);box-shadow:0 0 0 var(--stroke-hairline) var(--color-demo-brand-strong);color:var(--color-demo-brand-hover)}.buy-box-mode:focus-visible{box-shadow:0 0 0 var(--stroke-ring) var(--color-demo-brand-strong);outline:none}.buy-box-mode svg{height:var(--size-md);width:var(--size-md)}.buy-box-mode b,.buy-box-mode small{display:block}.buy-box-mode b{color:var(--color-text-primary)}.buy-box-mode small{color:var(--color-text-secondary);font:var(--type-caption);line-height:1.3}.buy-box-summary{border-block:var(--stroke-hairline) solid var(--color-demo-border);display:grid;grid-template-columns:1fr 1fr;margin-top:var(--space-sm);padding-block:var(--space-sm)}.buy-box-summary>div+div{border-left:var(--stroke-hairline) solid var(--color-demo-border);padding-left:var(--space-lg)}.buy-box-figure{animation:buy-box-tick var(--duration-mid) var(--ease-out);display:block;font:var(--type-heading-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:var(--type-heading-sm-tracking);margin:var(--space-3xs) 0}.buy-box-volume{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--duration-slow) var(--ease-soft),opacity var(--duration-mid) var(--ease-soft)}.buy-box-volume[data-open=true]{grid-template-rows:1fr;opacity:1}.buy-box-volume>div{min-height:0;overflow:hidden}.buy-box-volume-title{display:block;font-weight:var(--weight-semibold);padding:var(--space-sm) 0 var(--space-xs)}.buy-box-tiers{border:var(--stroke-hairline) solid var(--color-demo-border);border-radius:var(--radius-md);display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.buy-box-tiers span{display:grid;gap:var(--space-3xs);padding:var(--space-xs);transition:background var(--duration-mid) var(--ease-soft)}.buy-box-tiers span+span{border-left:var(--stroke-hairline) solid var(--color-demo-border)}.buy-box-tiers span[data-active=true]{background:var(--color-demo-brand-subtle)}.buy-box-tiers small{color:var(--color-text-secondary);font-size:inherit}.buy-box-controls{align-items:flex-end;display:flex;gap:var(--space-sm);justify-content:space-between;margin-top:var(--space-sm)}.buy-box-stepper{border:var(--stroke-hairline) solid var(--color-demo-border);border-radius:var(--radius-md);display:grid;grid-template-columns:var(--size-4xl) var(--size-7xl) var(--size-4xl);margin-top:var(--space-2xs);overflow:hidden}.buy-box-stepper button,.buy-box-stepper output{background:var(--color-bg-surface);border:0;color:var(--color-text-primary);display:grid;font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);height:var(--size-4xl);padding:0;place-items:center}.buy-box-stepper output{border-inline:var(--stroke-hairline) solid var(--color-demo-border)}.buy-box-stepper button{cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.buy-box-stepper button:hover:not(:disabled),.buy-box-stepper button[data-pressed=true]{background:var(--color-bg-page)}.buy-box-stepper button:disabled{color:var(--color-text-secondary);cursor:not-allowed}.buy-box-stepper button:focus-visible{box-shadow:inset 0 0 0 var(--stroke-ring) var(--color-demo-brand-strong);outline:none}.buy-box-stepper svg{height:var(--size-xs);width:var(--size-xs)}.buy-box-total{text-align:right}.buy-box-total b{animation:buy-box-tick var(--duration-mid) var(--ease-out);display:block;font:var(--type-body-lg);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:var(--space-2xs)}.buy-box-add{align-items:center;background:var(--color-demo-brand);border:0;border-radius:var(--radius-md);color:var(--color-text-on-accent);cursor:pointer;display:flex;font:var(--type-body);font-weight:var(--weight-semibold);gap:var(--space-2xs);justify-content:center;margin-top:var(--space-sm);min-height:var(--space-2xl);transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);width:100%}.buy-box-add:hover,.buy-box-add[data-pressed=true]{background:var(--color-demo-brand-hover)}.buy-box-add[data-pressed=true],.buy-box-mode[data-pressed=true]{transform:scale(.985)}.buy-box-add:focus-visible{outline:var(--stroke-ring) solid var(--color-demo-brand-strong);outline-offset:var(--stroke-ring)}.buy-box-add svg{height:var(--size-md);width:var(--size-md)}@keyframes buy-box-tick{0%{opacity:0;transform:translateY(var(--space-3xs))}}.cart-bar{display:grid;gap:var(--space-xs);grid-template-columns:1fr 1fr;margin-bottom:var(--space-sm)}.cart-chip{align-items:center;background:var(--color-bg-surface);border:var(--stroke-hairline) solid var(--color-demo-brand-border);border-radius:var(--radius-md);box-shadow:var(--shadow-demo);color:var(--color-demo-brand-hover);display:flex;font:var(--type-body-sm);font-weight:var(--weight-semibold);gap:var(--space-2xs);line-height:1.4;min-height:var(--space-2xl);padding:0 var(--space-sm);transition:background var(--duration-mid) var(--ease-soft),border-color var(--duration-mid) var(--ease-soft)}.cart-chip[data-current=true]{background:var(--color-demo-brand-subtle);border-color:var(--color-demo-brand)}.cart-chip svg{height:var(--size-md);width:var(--size-md)}.cart-chip b{animation:cart-count-pop var(--duration-slow) var(--ease-spring);background:var(--color-demo-brand);border-radius:var(--radius-pill);color:var(--color-text-on-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:var(--size-lg);margin-left:auto;min-width:var(--size-lg);padding:0 var(--space-2xs);text-align:center}@keyframes cart-count-pop{0%{transform:scale(.6)}}.state-switch{background:var(--color-bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-demo);display:grid;gap:var(--space-3xs);grid-template-columns:1fr 1fr;margin-bottom:var(--space-sm);padding:var(--space-3xs)}.state-switch button{background:transparent;border:0;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font:var(--type-body-sm);font-weight:var(--weight-semibold);line-height:1.4;padding:var(--space-2xs) var(--space-xs);transition:background var(--duration-mid) var(--ease-soft),color var(--duration-mid) var(--ease-soft),transform var(--duration-fast) var(--ease-out)}.state-switch small{color:var(--color-text-secondary);display:block;font:var(--type-caption);font-weight:var(--weight-regular);transition:color var(--duration-mid) var(--ease-soft)}.state-switch button[aria-selected=true]{background:var(--color-text-primary);color:var(--color-text-on-accent)}.state-switch button[aria-selected=true] small{color:var(--color-text-on-accent-muted)}.state-switch button[data-pressed=true]{transform:scale(.985)}.state-switch button:focus-visible{box-shadow:var(--shadow-focus);outline:none}.order-rows{border-top:var(--stroke-hairline) solid var(--color-demo-border);margin-top:var(--space-sm)}.order-rows>div{align-items:center;color:var(--color-text-secondary);display:flex;gap:var(--space-xs);justify-content:space-between;padding-block:var(--space-xs)}.order-rows b{color:var(--color-text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.order-rows .order-total{border-top:var(--stroke-hairline) solid var(--color-demo-border);color:var(--color-text-primary);font:var(--type-body);font-weight:var(--weight-semibold);margin-top:var(--space-2xs);padding-top:var(--space-sm)}.order-check{align-items:flex-start;animation:buy-box-tick var(--duration-mid) var(--ease-out);border-block:var(--stroke-hairline) solid var(--color-demo-border);color:var(--color-demo-warning);display:flex;gap:var(--space-xs);margin-top:var(--space-sm);padding-block:var(--space-sm)}.order-check svg{flex:none;height:var(--size-md);width:var(--size-md)}.order-check b,.order-check small{display:block}.order-check b{color:var(--color-text-primary)}.order-check small{color:var(--color-text-secondary);font-size:inherit}.order-summary .buy-box-add span{animation:buy-box-tick var(--duration-mid) var(--ease-out)}.order-note{color:var(--color-text-secondary);display:block;margin-top:var(--space-xs)}.demo-stage[data-width=wide]{padding-bottom:calc((var(--size-4xl) + var(--space-2xs)) / var(--demo-scale, 1));width:var(--measure-lg)}.co{display:grid;gap:var(--space-sm)}.co-steps{background:var(--color-bg-surface);border:var(--stroke-hairline) solid var(--color-demo-border);border-radius:var(--radius-md);box-shadow:var(--shadow-demo);display:grid;transition:grid-template-columns var(--duration-slow) var(--ease-soft)}.co-step,.co-steps{padding:var(--space-2xs)}.co-step{align-items:center;color:var(--color-text-secondary);display:flex;font:var(--type-caption);font-weight:var(--weight-medium);gap:var(--space-2xs);min-width:0;overflow:hidden;transition:opacity var(--duration-mid) var(--ease-soft),padding var(--duration-slow) var(--ease-soft),color var(--duration-mid) var(--ease-soft);white-space:nowrap}.co-step[data-gone=true]{opacity:0;padding-inline:0}.co-step[data-current=true]{color:var(--color-demo-brand-hover)}.co-step-number{align-items:center;animation:buy-box-tick var(--duration-mid) var(--ease-out);border:var(--stroke-hairline) solid var(--color-demo-border);border-radius:var(--radius-pill);display:inline-flex;flex:none;font:var(--type-caption);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;height:var(--size-md);justify-content:center;transition:background var(--duration-mid) var(--ease-soft),border-color var(--duration-mid) var(--ease-soft),color var(--duration-mid) var(--ease-soft);width:var(--size-md)}.co-step[data-current=true] .co-step-number{background:var(--color-demo-brand);border-color:var(--color-demo-brand);color:var(--color-text-on-accent)}.co-body{align-items:start;display:grid;gap:var(--space-sm);grid-template-columns:3fr 2fr}.co-panel,.co-summary{padding:var(--space-md)}.co-layer,.co-panel{display:grid}.co-layer{align-content:start;gap:var(--space-xs);grid-area:1/1;transition:opacity var(--duration-slow) var(--ease-soft),transform var(--duration-slow) var(--ease-soft),visibility var(--duration-slow)}.co-layer[data-on=false]{opacity:0;transform:translateY(var(--space-2xs));visibility:hidden}.co-heading{align-items:center;border-bottom:var(--stroke-hairline) solid var(--color-demo-border);display:flex;gap:var(--space-xs);padding-bottom:var(--space-xs)}.co-heading-icon{align-items:center;background:var(--color-demo-brand-subtle);border-radius:var(--radius-sm);color:var(--color-demo-brand-hover);display:inline-flex;flex:none;height:var(--size-4xl);justify-content:center;width:var(--size-4xl)}.co-heading-icon svg{height:var(--size-md);width:var(--size-md)}.co-heading b,.co-heading small{display:block}.co-heading small{color:var(--color-text-secondary);font:var(--type-caption)}.co-heading b{font:var(--type-body)}.co-product{align-items:center;border-radius:var(--radius-sm);display:grid;gap:var(--space-xs);grid-template-columns:auto minmax(0,1fr) auto;margin-inline:calc(-1 * var(--space-2xs));padding:var(--space-2xs);transition:background var(--duration-slow) var(--ease-soft),box-shadow var(--duration-slow) var(--ease-soft)}.co-product[data-repeated=true]{background:color-mix(in srgb,var(--color-demo-warning) 7%,transparent);box-shadow:inset 0 0 0 var(--stroke-hairline) color-mix(in srgb,var(--color-demo-warning) 28%,transparent)}.co-summary .buy-box-title+.co-product{margin-top:var(--space-xs)}.co-thumb{align-items:center;background:var(--color-bg-page);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-flex;height:var(--size-3xl);justify-content:center;width:var(--size-3xl)}.co-thumb svg{height:var(--size-sm);width:var(--size-sm)}.co-product-name b,.co-product-name small{display:block}.co-product-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-product-name small{color:var(--color-text-secondary);font:var(--type-caption)}.co-flag{color:var(--color-demo-warning);font:var(--type-caption);font-weight:var(--weight-semibold)}.co-address{border:var(--stroke-hairline) solid var(--color-demo-border);border-radius:var(--radius-md);color:var(--color-text-secondary);display:grid;padding:var(--space-xs)}.co-address b{color:var(--color-text-primary);margin-bottom:var(--space-3xs)}.co-choice{align-items:flex-start;border:var(--stroke-hairline) solid var(--color-demo-border);border-radius:var(--radius-md);display:flex;gap:var(--space-xs);padding:var(--space-xs)}.co-choice[data-selected=true]{background:var(--color-demo-brand-subtle);border-color:var(--color-demo-brand)}.co-choice svg{color:var(--color-demo-brand-hover);flex:none;height:var(--size-md);width:var(--size-md)}.co-choice b,.co-choice small{display:block}.co-choice small{color:var(--color-text-secondary);font:var(--type-caption)}.demo-touch{background:var(--color-demo-touch);border-radius:var(--radius-pill);box-shadow:0 0 0 var(--stroke-ring) var(--color-border-glass);display:block;height:var(--size-3xl);transform:translate(-50%,-50%);transition:transform var(--duration-fast) var(--ease-out);width:var(--size-3xl)}.demo-cursor[data-down=true] .demo-touch{transform:translate(-50%,-50%) scale(.78)}.phone{background:var(--color-demo-device);border-radius:var(--device-radius);box-shadow:inset 0 0 0 var(--stroke-ring) var(--color-demo-device-rim),var(--elevation-4);height:var(--device-height);justify-self:center;padding:var(--device-bezel);width:var(--device-width)}.phone-screen{--phone-status:calc(var(--device-island-height) + 2 * var(--space-2xs));background:linear-gradient(160deg,var(--color-demo-wallpaper-start),var(--color-demo-wallpaper-end));border-radius:calc(var(--device-radius) - var(--device-bezel));clip-path:inset(0 round calc(var(--device-radius) - var(--device-bezel)));color:var(--color-text-primary);height:100%;isolation:isolate;overflow:hidden;position:relative}.phone button{background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:0;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.phone button:focus-visible{box-shadow:var(--shadow-focus);outline:none}.phone button[data-pressed=true]{opacity:.6}.phone-status{align-items:center;display:flex;font:var(--type-caption);font-weight:var(--weight-semibold);height:var(--phone-status);inset:0 0 auto;justify-content:space-between;padding-inline:var(--space-lg);pointer-events:none;position:absolute}.phone-status span{display:flex;gap:var(--space-3xs)}.phone-status svg{height:var(--size-2xs);width:var(--size-2xs)}.phone-island{background:var(--color-demo-device);height:var(--device-island-height);top:var(--space-2xs);transform:translateX(-50%);width:var(--device-island-width)}.phone .phone-home-bar,.phone-island{border-radius:var(--radius-pill);left:50%;position:absolute}.phone .phone-home-bar{bottom:var(--space-2xs);height:var(--space-3xs);translate:-50% 0;width:36%}.phone .phone-home-bar:before{background:var(--color-text-primary);border-radius:var(--radius-pill);content:"";inset:0;position:absolute}.phone .phone-home-bar:disabled{cursor:default}.phone-home{inset:0;padding:calc(var(--phone-status) + var(--space-lg)) var(--space-sm) 0;position:absolute}.phone-apps{grid-template-columns:repeat(4,1fr);justify-items:center;row-gap:var(--space-md)}.phone-app-slot,.phone-apps{display:grid}.phone-widget{align-self:stretch;background:var(--color-bg-glass);border-radius:var(--radius-md);display:grid;grid-column:span 2;grid-row:span 2;grid-template-rows:auto 1fr auto;justify-self:stretch;margin-inline:var(--space-3xs);padding:var(--space-xs)}.phone-widget small{color:var(--color-text-accent);font:var(--type-caption);font-weight:var(--weight-semibold);text-transform:uppercase}.phone-widget b{font:var(--type-heading-xl);letter-spacing:var(--type-heading-xl-tracking)}.phone-widget span{color:var(--color-text-secondary);font:var(--type-caption)}.phone .phone-app-tile{display:grid;font:var(--type-caption);gap:var(--space-3xs);justify-items:center}.phone .phone-app-icon{background:var(--color-bg-glass);border-radius:var(--device-icon-radius);color:var(--color-text-accent);display:grid;height:var(--device-icon);place-items:center;width:var(--device-icon)}.phone-app-icon svg{height:var(--size-lg);width:var(--size-lg)}.phone .phone-dropdeck{animation:phone-pop var(--duration-slower) var(--ease-spring) var(--duration-slow) both}.phone .phone-dropdeck .phone-app-icon{background:none;border-radius:0;filter:var(--filter-sticker)}@keyframes phone-pop{0%{opacity:0;transform:scale(.3)}}.phone-dock{-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));background:var(--color-bg-translucent);border-radius:var(--radius-xl);bottom:var(--space-md);display:flex;inset-inline:var(--space-xs);justify-content:space-around;padding:var(--space-xs);position:absolute}.dd-icon-tile{fill:var(--color-demo-brand)}.dd-icon-mark{fill:var(--color-text-on-accent)}.dd-icon-line{fill:var(--color-demo-brand-border)}.phone-browser,.phone-standalone{background:var(--color-bg-surface);display:flex;flex-direction:column;inset:0;padding-top:var(--phone-status);position:absolute;transition:opacity var(--duration-mid) var(--ease-soft),transform var(--duration-slow) var(--ease-out),visibility 0s var(--duration-slow)}.phone-browser{transform-origin:82% 92%}.phone-standalone{background:var(--color-bg-page);transform-origin:var(--launch-origin,50% 50%)}.phone-browser[data-open=false],.phone-standalone[data-open=false]{opacity:0;transform:scale(.16);visibility:hidden}.phone-browser[data-open=true],.phone-standalone[data-open=true]{transition-delay:0s}.phone-page{display:flex;flex:1 1;flex-direction:column;min-height:0}.dd-bar{align-items:center;border-bottom:var(--stroke-hairline) solid var(--color-demo-border);display:flex;justify-content:space-between;padding:var(--space-2xs) var(--space-sm)}.dd-bar svg{height:var(--size-sm);width:var(--size-sm)}.dd-brand{align-items:center;display:flex;font:var(--type-body-sm);font-weight:var(--weight-semibold);gap:var(--space-2xs)}.dd-bar .dd-logo{height:var(--size-lg);width:var(--size-lg)}.dd-bell{border:var(--stroke-hairline) solid var(--color-demo-border);border-radius:var(--radius-sm);display:grid;padding:var(--space-3xs)}.dd-hero{align-content:center;background:linear-gradient(var(--color-bg-surface),var(--color-demo-brand-subtle));display:grid;flex:1 1;gap:var(--space-xs);justify-items:center;padding:var(--space-lg) var(--space-md);text-align:center}.dd-pill{border:var(--stroke-hairline) solid var(--color-demo-brand-border);border-radius:var(--radius-pill);color:var(--color-demo-brand-hover);font:var(--type-caption);padding:var(--space-3xs) var(--space-xs)}.dd-hero b{font:var(--type-heading-sm);font-weight:var(--weight-semibold);letter-spacing:var(--type-heading-sm-tracking)}.dd-hero p{color:var(--color-text-secondary);font:var(--type-caption);margin:0}.dd-actions{display:flex;gap:var(--space-2xs);margin-top:var(--space-2xs)}.dd-button{align-items:center;background:var(--color-demo-brand);border-radius:var(--radius-sm);color:var(--color-text-on-accent);display:inline-flex;font:var(--type-caption);font-weight:var(--weight-semibold);gap:var(--space-3xs);justify-content:center;padding:var(--space-2xs) var(--space-xs)}.dd-button[data-variant=secondary]{background:var(--color-bg-surface);color:var(--color-demo-brand);box-shadow:inset 0 0 0 var(--stroke-hairline) var(--color-demo-brand-border)}.dd-button svg{height:var(--size-2xs);width:var(--size-2xs)}.phone-standalone .phone-page{overflow:hidden;position:relative}.phone-standalone .dd-bar{background:var(--color-bg-page);position:relative;z-index:var(--z-raised)}.dd-dashboard{display:grid;gap:var(--space-xs);grid-template-columns:minmax(0,1fr);padding:var(--space-sm) var(--space-sm) var(--space-4xl)}.phone-standalone[data-open=true] .dd-rise{animation:phone-rise var(--duration-slow) var(--ease-out) both;animation-delay:calc(var(--duration-slower) + var(--duration-fast) * var(--rise, 0))}.phone-standalone[data-open=true] .dd-dashboard{animation:phone-scroll var(--duration-reveal) var(--ease-glide) calc(var(--duration-slower) * 3) both}@keyframes phone-scroll{to{transform:translateY(calc(-1 * (var(--space-5xl) + var(--space-2xl))))}}@keyframes phone-rise{0%{opacity:0;transform:translateY(var(--offset-page-in))}}.dd-card-head small,.dd-greeting b,.dd-greeting small,.dd-order b,.dd-order small,.dd-stats b,.dd-stats small{display:block}.dd-greeting b{font:var(--type-heading-sm);font-weight:var(--weight-semibold);letter-spacing:var(--type-heading-sm-tracking)}.dd-card-head small,.dd-greeting small,.dd-meter-label,.dd-order small,.dd-stats small{color:var(--color-text-secondary);font:var(--type-caption)}.dd-carts{display:grid;gap:var(--space-2xs);grid-template-columns:repeat(2,minmax(0,1fr))}.dd-carts>span{align-items:center;background:var(--color-bg-surface);border:var(--stroke-hairline) solid var(--color-demo-brand-border);border-radius:var(--radius-sm);color:var(--color-demo-brand-hover);display:flex;font:var(--type-caption);font-weight:var(--weight-semibold);gap:var(--space-3xs);padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-xs)}.dd-carts b{background:var(--color-demo-brand-subtle);border-radius:var(--radius-pill);margin-left:auto;padding-inline:var(--space-2xs)}.dd-card{background:var(--color-bg-surface);border:var(--stroke-hairline) solid var(--color-demo-border);border-radius:var(--radius-md);display:grid;gap:var(--space-xs);padding:var(--space-xs)}.dd-card-head{align-items:center;display:flex;justify-content:space-between}.dd-card-head b{font:var(--type-body-sm);font-weight:var(--weight-semibold)}.dd-select{align-items:center;border:var(--stroke-hairline) solid var(--color-demo-border);border-radius:var(--radius-sm);display:flex;font:var(--type-caption);gap:var(--space-3xs);padding:var(--space-3xs) var(--space-2xs)}.dd-select svg{height:var(--size-2xs);width:var(--size-2xs)}.dd-link{color:var(--color-demo-brand);font:var(--type-caption);font-weight:var(--weight-semibold)}.dd-stats{border-top:var(--stroke-hairline) solid var(--color-demo-border);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dd-stats>span{padding-block:var(--space-xs) 0}.dd-stats>span:nth-child(2n){border-left:var(--stroke-hairline) solid var(--color-demo-border);padding-left:var(--space-2xs)}.dd-stats b{font:var(--type-body-lg);font-weight:var(--weight-semibold)}.dd-order{align-items:center;border-top:var(--stroke-hairline) solid var(--color-demo-border);display:flex;justify-content:space-between;padding-top:var(--space-xs)}.dd-order b{font:var(--type-caption);font-weight:var(--weight-semibold)}.dd-order>span:last-child{display:grid;gap:var(--space-3xs);justify-items:end}.dd-status{background:var(--color-demo-brand-subtle);white-space:nowrap;border-radius:var(--radius-pill);color:var(--color-demo-brand-hover);font:var(--type-caption);font-weight:var(--weight-medium);padding-inline:var(--space-2xs)}.dd-status[data-tone=warning]{background:var(--color-bg-surface);box-shadow:inset 0 0 0 var(--stroke-hairline) var(--color-demo-warning);color:var(--color-demo-warning)}.dd-meter{background:var(--color-demo-border);border-radius:var(--radius-pill);display:block;height:var(--space-3xs);overflow:hidden}.dd-meter span{background:var(--color-demo-brand);border-radius:inherit;display:block;height:100%;width:2%}.dd-find-bar{background:linear-gradient(transparent,var(--color-bg-page) var(--space-lg));bottom:0;display:grid;inset-inline:0;padding:var(--space-xl) var(--space-sm) var(--space-xl);position:absolute}.dd-find{padding:var(--space-xs)}.phone-splash{background:var(--color-bg-page);display:grid;inset:0;place-items:center;position:absolute}.phone-standalone[data-open=true] .phone-splash{animation:phone-splash var(--duration-mid) var(--ease-soft) var(--duration-slower) both}@keyframes phone-splash{to{opacity:0;visibility:hidden}}.phone-splash-icon{height:var(--size-7xl);width:var(--size-7xl)}.phone-toolbar{background:var(--color-bg-surface);border-top:var(--stroke-hairline) solid var(--color-demo-border);display:grid;gap:var(--space-xs);padding:var(--space-2xs) var(--space-md) var(--space-lg)}.phone-address{align-items:center;background:var(--color-bg-subtle);border-radius:var(--radius-md);display:flex;font:var(--type-caption);font-weight:var(--weight-medium);gap:var(--space-3xs);justify-content:center;padding:var(--space-2xs)}.phone-address svg{height:var(--space-xs);width:var(--space-xs)}.phone-tools{align-items:center;color:var(--color-demo-brand);display:flex;justify-content:space-between}.phone-tools svg{display:block;height:var(--size-md);width:var(--size-md)}.phone .phone-scrim{background:var(--color-bg-scrim);cursor:default;inset:0;position:absolute;transition:opacity var(--duration-mid) var(--ease-soft)}.phone .phone-scrim[data-open=false]{opacity:0;pointer-events:none}.phone-dialog,.phone-sheet{background:var(--color-bg-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;display:grid;gap:var(--space-sm);inset-inline:0;padding:var(--space-sm) var(--space-sm) var(--space-xl);position:absolute;transition:transform var(--duration-slow) var(--ease-out),visibility 0s var(--duration-slow)}.phone-dialog[data-open=false],.phone-sheet[data-open=false]{transform:translateY(100%);visibility:hidden}.phone-dialog[data-open=true],.phone-sheet[data-open=true]{transition-delay:0s}.phone-dialog-card,.phone-sheet-head{align-items:center;display:flex;gap:var(--space-xs)}.phone-sheet-head{border-bottom:var(--stroke-hairline) solid var(--color-border-subtle);padding-bottom:var(--space-sm)}.phone-dialog-card b,.phone-dialog-card small,.phone-sheet-head b,.phone-sheet-head small{display:block}.phone-dialog-card b,.phone-sheet-head b{font:var(--type-body-sm);font-weight:var(--weight-semibold)}.phone-dialog-card small,.phone-dialog-note,.phone-sheet-head small{color:var(--color-text-secondary);font:var(--type-caption)}.phone-sheet-icon{flex:none;height:var(--size-4xl);width:var(--size-4xl)}.phone-sheet-group{background:var(--color-bg-surface);border-radius:var(--radius-md);display:grid;overflow:hidden}.phone .phone-sheet-group>*{align-items:center;display:flex;font:var(--type-body-sm);justify-content:space-between;padding:var(--space-xs) var(--space-sm);text-align:left}.phone-sheet-group>*+*{border-top:var(--stroke-hairline) solid var(--color-border-subtle)}.phone .phone-sheet-group>button[data-pressed=true]{background:var(--color-bg-subtle);opacity:1}.phone-sheet-group svg{height:var(--size-md);width:var(--size-md)}.phone-dialog-bar{align-items:center;display:grid;font:var(--type-body-sm);grid-template-columns:1fr auto 1fr}.phone-dialog-bar b{font-weight:var(--weight-semibold)}.phone .phone-dialog-bar button{color:var(--color-demo-brand);justify-self:start}.phone .phone-dialog-bar button:last-child{font-weight:var(--weight-semibold);justify-self:end}.phone-dialog-card{background:var(--color-bg-surface);border-radius:var(--radius-md);padding:var(--space-sm)}.phone-dialog-icon{flex:none;height:var(--size-6xl);width:var(--size-6xl)}.phone-dialog-note{padding-inline:var(--space-2xs)}.case-content strong{color:var(--color-text-primary);font-weight:var(--weight-medium)}.case-content code{background:var(--color-bg-subtle);border-radius:var(--radius-xs);color:var(--color-text-primary);font-family:var(--font-mono);font-size:.875em;padding:0 var(--space-3xs)}.case-content a:not(.button){color:var(--color-text-accent);text-decoration:underline;text-underline-offset:var(--offset-underline)}.case-content img{border-radius:var(--radius-lg);height:auto}.case-image{background:none;border:0;border-radius:var(--radius-lg);cursor:zoom-in;display:block;margin:var(--space-xl) 0;padding:0;transition:transform var(--duration-mid) var(--ease-out);width:100%}.case-image:hover{transform:scale(1.005)}.case-image:focus-visible{box-shadow:var(--shadow-focus);outline:none}.lightbox,html.is-lightbox-open{overflow:hidden}.lightbox{background:transparent;border:0;cursor:zoom-out;display:grid;height:100dvh;margin:0;max-height:none;max-width:none;padding:var(--space-3xl) var(--layout-gutter);place-items:center;width:100vw}.lightbox::backdrop{animation:lightbox-fade var(--duration-mid) var(--ease-soft);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));background:var(--color-bg-veil)}.lightbox img{animation:lightbox-in var(--duration-slow) var(--ease-out);border-radius:var(--radius-lg);box-shadow:var(--elevation-4);max-height:calc(100dvh - 2 * var(--space-3xl));max-width:100%;object-fit:contain;width:auto}.lightbox-close{align-items:center;background:var(--color-bg-surface);border:0;border-radius:var(--radius-pill);box-shadow:var(--elevation-1);color:var(--color-text-primary);cursor:pointer;display:inline-flex;height:var(--size-4xl);justify-content:center;position:fixed;right:var(--space-sm);top:var(--space-sm);transition:background var(--duration-fast) var(--ease-out);width:var(--size-4xl)}.lightbox-close:hover{background:var(--color-accent-subtle)}.lightbox-close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.lightbox-close svg{height:var(--size-xs);width:var(--size-xs)}@keyframes lightbox-fade{0%{opacity:0}}@keyframes lightbox-in{0%{opacity:0;transform:scale(.96)}}.case-content blockquote{background:var(--color-bg-surface);border-radius:var(--radius-lg);color:var(--color-text-primary);font:var(--type-heading-sm);letter-spacing:var(--type-heading-sm-tracking);margin:var(--space-xl) 0;padding:var(--space-xl)}.case-content blockquote p{margin:0}.case-content hr{border:0;border-top:var(--stroke-hairline) solid var(--color-border-subtle);margin:var(--space-2xl) 0}.case-content table{background:var(--color-bg-surface);border-collapse:collapse;border-radius:var(--radius-md);font:var(--type-body);letter-spacing:var(--type-body-tracking);margin:var(--space-xl) 0;overflow:hidden;width:100%}.case-content td,.case-content th{border-bottom:var(--stroke-hairline) solid var(--color-border-subtle);padding:var(--space-xs) var(--space-sm);text-align:left;vertical-align:top}.case-content th{color:var(--color-text-primary);font-weight:var(--weight-medium)}.lock-card{background:radial-gradient(ellipse 50% 70% at 0 0,var(--color-accent-subtle),transparent 70%),var(--color-bg-surface);border-radius:var(--radius-xl);display:grid;gap:var(--space-3xl);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding:clamp(var(--space-xl),5vw,var(--space-3xl))}.lock-copy .icon-tile{margin-bottom:var(--space-xl)}.lock-copy h2{font:var(--type-heading-lg);letter-spacing:var(--type-heading-lg-tracking);margin:0 0 var(--space-sm)}.lock-copy>p{color:var(--color-text-secondary);margin:0 0 var(--space-lg);max-width:var(--measure-sm)}.lock-copy>p.inside-label{color:var(--color-text-secondary);font:var(--type-body-sm);font-weight:var(--weight-medium);letter-spacing:var(--type-body-sm-tracking);margin:var(--space-xl) 0 var(--space-xs)}.lock-form{align-self:center;display:grid;gap:var(--space-xs)}.form-error{color:var(--color-text-error);font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking);margin:0}.form-error a{text-decoration:underline}.contact-grid{align-items:start;display:grid;gap:var(--space-md);grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.form-card{background:radial-gradient(ellipse 50% 60% at 0 0,var(--color-accent-subtle),transparent 70%),var(--color-bg-surface);border-radius:var(--radius-xl);padding:clamp(var(--space-lg),4vw,var(--space-2xl));position:relative}.form-card h2{font:var(--type-heading-lg);letter-spacing:var(--type-heading-lg-tracking);margin:0 0 var(--space-2xs)}.form-card-intro{color:var(--color-text-secondary);margin:0 0 var(--space-xl)}.contact-form{display:grid;gap:var(--space-sm);grid-template-columns:1fr 1fr}.honeypot{clip-path:inset(50%);height:var(--stroke-hairline);overflow:hidden;position:absolute;white-space:nowrap;width:var(--stroke-hairline)}.form-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);grid-column:1/-1;justify-content:space-between;margin-top:var(--space-2xs)}.form-actions small{color:var(--color-text-secondary);font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking)}.form-actions .button{min-width:var(--width-button)}.form-success{padding:var(--space-xl) 0 var(--space-2xs);text-align:center}.form-success .success-icon{align-items:center;background:var(--color-accent-default);border-radius:var(--radius-pill);color:var(--color-text-on-accent);display:grid;height:var(--size-7xl);justify-items:center;margin:0 auto var(--space-md);width:var(--size-7xl)}.form-success .success-icon svg{height:var(--size-xl);width:var(--size-xl)}.form-success p{color:var(--color-text-secondary);margin:0 auto var(--space-lg);max-width:var(--measure-xs)}.details{display:grid;gap:var(--space-xs)}.email-card{align-items:center;background:radial-gradient(ellipse 60% 120% at 100% 0,var(--color-bg-translucent),transparent 60%),linear-gradient(135deg,var(--color-accent-default),var(--color-accent-bright));border-radius:var(--radius-lg);box-shadow:var(--shadow-accent);color:var(--color-text-on-accent);display:flex;gap:var(--space-xs);justify-content:space-between;padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md)}.email-card-label{color:var(--color-text-on-accent-muted);font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking);margin:0 0 var(--space-3xs)}.email-card a{font:var(--type-body);font-weight:var(--weight-medium);letter-spacing:var(--type-body-tracking)}.copy-button{align-items:center;background:var(--color-bg-translucent);border:0;border-radius:var(--radius-pill);color:var(--color-text-on-accent);cursor:pointer;display:inline-flex;flex:none;font:var(--type-body-sm);font-weight:var(--weight-medium);gap:var(--space-2xs);letter-spacing:var(--type-body-sm-tracking);padding:var(--space-2xs) var(--space-sm);transition:background-color var(--duration-mid)}.copy-button:hover{background:var(--color-bg-translucent-hover)}.copy-button svg{height:var(--size-xs);width:var(--size-xs)}.detail{align-items:start;background:var(--color-bg-surface);border-radius:var(--radius-lg);display:grid;gap:var(--space-sm);grid-template-columns:var(--size-5xl) minmax(0,1fr);padding:var(--space-md)}.detail p{margin:0}.detail-key{color:var(--color-text-secondary);font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking);margin-bottom:var(--space-3xs)!important}.detail-value{font:var(--type-body);font-weight:var(--weight-medium);letter-spacing:var(--type-body-tracking)}.prompts{display:grid;gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr))}.prompt{background:var(--color-bg-surface);border:0;border-radius:var(--radius-lg);cursor:pointer;display:grid;gap:var(--space-2xl);grid-template-rows:auto 1fr auto;padding:var(--space-lg);text-align:left;transition:box-shadow var(--duration-mid) ease,transform var(--duration-mid) var(--ease-spring)}.prompt:hover{box-shadow:var(--elevation-2);transform:translateY(calc(var(--offset-nudge) * -1))}.prompt-text{font:var(--type-heading-sm);letter-spacing:var(--type-heading-sm-tracking)}.prompt-action{align-items:center;color:var(--color-text-accent);display:inline-flex;font:var(--type-body-sm);font-weight:var(--weight-medium);gap:var(--space-2xs);letter-spacing:var(--type-body-sm-tracking)}.prompt-action svg{height:var(--size-xs);transition:transform var(--duration-mid) var(--ease-spring);width:var(--size-xs)}.prompt:hover .prompt-action svg{transform:translateY(calc(var(--offset-nudge) * -1))}.footer{margin:0 auto;max-width:var(--layout-max);overflow:hidden;padding:var(--space-4xl) var(--layout-gutter) 0}.footer-row{align-items:center;border-top:var(--stroke-hairline) solid var(--color-border-subtle);color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font:var(--type-body-sm);gap:var(--space-lg);justify-content:space-between;letter-spacing:var(--type-body-sm-tracking);padding-top:var(--space-lg)}.footer-row a:hover{color:var(--color-text-primary)}.footer-links{align-items:center;display:flex;gap:var(--space-xs)}.footer-links>a:first-child{margin-right:var(--space-2xs)}.footer-social{align-items:center;background:var(--color-bg-surface);border-radius:var(--radius-pill);color:var(--color-text-primary);display:grid;height:var(--size-4xl);justify-items:center;transition:background-color var(--duration-mid),color var(--duration-mid),transform var(--duration-mid) var(--ease-spring);width:var(--size-4xl)}.footer-social svg{height:var(--size-sm);width:var(--size-sm)}.footer-row .footer-social:hover{background:var(--color-accent-default);color:var(--color-text-on-accent);transform:translateY(var(--offset-lift))}.wordmark{font-size:var(--art-wordmark);font-weight:var(--weight-semibold);letter-spacing:-.05em;line-height:.76;margin:var(--space-2xl) 0 0;-webkit-mask-image:linear-gradient(180deg,black 60%,transparent);mask-image:linear-gradient(180deg,black 60%,transparent);text-align:center;-webkit-user-select:none;user-select:none}.ds-body{display:grid;gap:var(--space-4xl);min-width:0}.ds-section h2{font:var(--type-heading-lg);letter-spacing:var(--type-heading-lg-tracking);margin:0 0 var(--space-xs);scroll-margin-top:var(--layout-header-offset)}.ds-intro{color:var(--color-text-secondary);font:var(--type-body-lg);letter-spacing:var(--type-body-lg-tracking);margin:0 0 var(--space-xl);max-width:var(--measure-md)}.ds-group+.ds-group{margin-top:var(--space-xl)}.ds-group h3,.ds-specimen h3{color:var(--color-text-secondary);font:var(--type-body-sm);font-weight:var(--weight-medium);letter-spacing:var(--type-body-sm-tracking);margin:0 0 var(--space-sm)}.ds-token{color:var(--color-text-primary);font:var(--type-caption);font-family:var(--font-mono);overflow-wrap:anywhere}.ds-meta,.ds-token{letter-spacing:var(--type-caption-tracking)}.ds-meta{color:var(--color-text-secondary);font:var(--type-caption)}.ds-swatches,.ds-tiles{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(var(--width-grid-min),1fr))}.ds-swatch{align-content:start;background:var(--color-bg-surface);border-radius:var(--radius-lg);display:grid;gap:var(--space-3xs);padding:var(--space-xs)}.ds-chip,.ds-step{background:linear-gradient(var(--ds-swatch),var(--ds-swatch)),var(--ds-backdrop);box-shadow:inset 0 0 0 var(--stroke-hairline) var(--color-border-subtle)}.ds-chip{border-radius:var(--radius-md);height:var(--size-7xl);margin-bottom:var(--space-2xs)}.ds-chip-text{align-items:center;background:var(--ds-backdrop);color:var(--ds-swatch);display:grid;font:var(--type-heading-md);justify-items:center;letter-spacing:var(--type-heading-md-tracking)}.ds-primitives{display:grid;gap:var(--space-xs)}.ds-ramp{align-items:center;display:grid;gap:var(--space-sm);grid-template-columns:var(--size-7xl) minmax(0,1fr)}.ds-ramp>div{display:flex;flex-wrap:wrap;gap:var(--space-3xs)}.ds-step{border-radius:var(--radius-sm);height:var(--size-4xl);width:var(--size-4xl)}.ds-typefaces{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(var(--width-grid-min),1fr))}.ds-typeface{align-content:start;background:var(--color-bg-surface);border-radius:var(--radius-lg);display:grid;gap:var(--space-3xs);padding:var(--space-lg)}.ds-typeface-sample{font:var(--type-heading-xl);letter-spacing:var(--type-heading-xl-tracking);margin-bottom:var(--space-sm)}.ds-typeface strong{font:var(--type-heading-sm);letter-spacing:var(--type-heading-sm-tracking)}.ds-typeface p{margin:var(--space-2xs) 0 0}.ds-typeface p,.ds-weights{font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking)}.ds-weights{border-top:var(--stroke-hairline) solid var(--color-border-subtle);display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-sm)}.ds-type{display:grid;gap:var(--space-lg)}.ds-type-row{border-bottom:var(--stroke-hairline) solid var(--color-border-subtle);display:grid;gap:var(--space-2xs);padding-bottom:var(--space-lg)}.ds-type-row p{margin:0;overflow-wrap:anywhere}.ds-scale{display:grid;gap:var(--space-xs)}.ds-scale-row{align-items:center;display:grid;gap:var(--space-md);grid-template-columns:var(--width-label) minmax(0,1fr) auto}.ds-bar{background:var(--color-accent-default);border-radius:var(--radius-xs);height:var(--size-xs)}.ds-track{background:var(--color-bg-subtle);position:relative}.ds-track,.ds-track span{border-radius:var(--radius-pill);height:var(--size-xs)}.ds-track span{background:var(--color-accent-default);left:0;position:absolute;top:0;transition-property:left;transition-timing-function:var(--ease-out);width:var(--size-xs)}.ds-motion:hover .ds-track span{left:calc(100% - var(--size-xs))}.ds-tile-item{display:grid;gap:var(--space-3xs)}.ds-elevation,.ds-radius{height:var(--size-7xl);margin-bottom:var(--space-xs)}.ds-radius{background:var(--color-accent-soft)}.ds-elevation{background:var(--color-bg-surface);border-radius:var(--radius-md)}.ds-specimens{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}.ds-specimen{align-content:start;background:var(--color-bg-surface);border-radius:var(--radius-lg);display:grid;gap:var(--space-sm);padding:var(--space-lg)}.ds-specimen h3{margin:0}.ds-specimen-wide{grid-column:1/-1}.ds-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.ds-row .back-link,.ds-row .eyebrow{margin:0}.ds-glass{background:var(--color-accent-soft);border-radius:var(--radius-md);padding:var(--space-sm)}.ds-form{display:grid;gap:var(--space-sm);grid-template-columns:1fr 1fr}.ds-contrast{display:grid;gap:var(--space-2xs)}.ds-contrast-row{background:var(--color-bg-surface);border-radius:var(--radius-md);gap:var(--space-sm);grid-template-columns:auto minmax(0,1fr) auto;padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-xs)}.ds-contrast-row,.ds-sample{align-items:center;display:grid}.ds-sample{border-radius:var(--radius-sm);box-shadow:inset 0 0 0 var(--stroke-hairline) var(--color-border-subtle);font:var(--type-heading-sm);height:var(--size-6xl);justify-items:center;letter-spacing:var(--type-heading-sm-tracking);width:var(--size-6xl)}.ds-contrast-text{display:grid;min-width:0}.ds-contrast-text strong{font:var(--type-body-sm);font-weight:var(--weight-medium);letter-spacing:var(--type-body-sm-tracking)}.ds-contrast-text .ds-meta{overflow-wrap:anywhere}.ds-ratio{font:var(--type-heading-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:var(--type-heading-sm-tracking)}.ds-ratio.is-failing{color:var(--color-text-error)}@keyframes float{50%{translate:0 calc(var(--space-2xs) * -1)}}@keyframes wiggle{0%{transform:scale(1)}30%{transform:scale(1.2) rotate(-10deg)}60%{transform:scale(.95) rotate(6deg)}to{transform:scale(1) rotate(0)}}@keyframes shake{20%,60%{transform:translateX(calc(var(--space-3xs) * -1))}40%,80%{transform:translateX(var(--space-3xs))}}@keyframes flash{0%{background:var(--color-accent-subtle)}to{background:var(--color-bg-surface)}}@media (max-width:820px){.nav{padding:0}.nav a{display:none}.brand{padding-right:var(--space-sm)}.egg-counter img{height:var(--size-lg);width:var(--size-lg)}.egg-counter span{display:none}.menu-button{align-items:center;background:none;border:0;color:var(--color-text-accent);cursor:pointer;display:grid;height:var(--size-6xl);justify-items:center;width:var(--size-6xl)}.menu-scrim{-webkit-backdrop-filter:blur(var(--blur-scrim));backdrop-filter:blur(var(--blur-scrim));display:block}.mobile-menu{background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--elevation-3);display:block;left:var(--space-sm);opacity:0;padding:var(--space-xs);pointer-events:none;position:fixed;right:var(--space-sm);top:var(--layout-header-offset-mobile);transform:translateY(calc(var(--space-xs) * -1)) scale(.98);transform-origin:top right;transition:opacity var(--duration-mid) ease,transform var(--duration-slow) var(--ease-spring),visibility 0s linear var(--duration-mid);visibility:hidden;z-index:var(--z-menu)}.mobile-menu.is-open{opacity:1;pointer-events:auto;transform:none;transition:opacity var(--duration-mid) ease,transform var(--duration-slow) var(--ease-spring);visibility:visible}.mobile-menu nav{display:grid}.mobile-menu nav a{align-items:center;border-radius:var(--radius-sm);display:flex;font:var(--type-heading-lg);justify-content:space-between;letter-spacing:var(--type-heading-lg-tracking);padding:var(--space-xs) var(--space-sm)}.mobile-menu nav a svg{color:var(--color-text-secondary);height:var(--size-lg);width:var(--size-lg)}.mobile-menu nav a[aria-current=page],.mobile-menu nav a[aria-current=page] svg{color:var(--color-text-accent)}.mobile-menu-foot{border-top:var(--stroke-hairline) solid var(--color-border-subtle);display:flex;gap:var(--space-xs);margin-top:var(--space-2xs);padding:var(--space-sm) var(--space-3xs) var(--space-3xs)}.social-pill{align-items:center;background:var(--color-bg-page);border-radius:var(--radius-pill);display:inline-flex;flex:1 1;font:var(--type-body-sm);font-weight:var(--weight-medium);gap:var(--space-2xs);justify-content:center;letter-spacing:var(--type-body-sm-tracking);padding:var(--space-xs) var(--space-sm)}.social-pill svg{color:var(--color-text-accent);height:var(--size-sm);width:var(--size-sm)}.hero-stage .egg-initiation{top:var(--layout-header-offset)}.page-stage .egg-bonsai{right:0;top:var(--space-3xl)}.facts-card .egg-guitar{right:var(--space-3xs);top:calc(var(--space-xl) * -1)}.form-card .egg-law{right:calc(var(--space-2xs) * -1)}.egg-pop{bottom:var(--space-xs);left:var(--space-xs)!important;right:var(--space-xs);top:auto!important;width:auto}.hero-stage{padding:var(--space-4xl) var(--layout-gutter) var(--space-xl)}.hero-bottom{gap:var(--space-md);grid-template-columns:1fr}.page-hero{height:72svh}.page-stage{padding:var(--layout-header-offset) var(--layout-gutter) var(--space-2xl)}.case-hero{height:90svh}.hero-media{--hero-scrim:linear-gradient(0deg,rgb(0 0 0/78%) 0%,rgb(0 0 0/66%) 45%,transparent 80%)}.section{padding-top:var(--space-4xl)}.section-head{margin-bottom:var(--space-2xl)}.stack{gap:var(--space-md)}.project-card{height:var(--height-card-mobile)}.project-card-stack{position:relative;top:auto;width:100%}.project-card-stack:nth-child(2n){margin-left:0}.project-card-info{align-items:stretch;bottom:var(--space-xs);flex-direction:column;left:var(--space-xs);padding:var(--space-md);right:var(--space-xs)}.project-card-info .arrow{display:none}.about,.case-body,.contact-grid,.lock-card,.overview,.prompts,.work-grid{gap:var(--space-xl);grid-template-columns:1fr}.overview-banner{border-radius:var(--radius-md)}.contact-grid,.work-grid{gap:var(--space-md)}.work-filters{margin-bottom:var(--space-xl)}.segmented-option{padding:var(--space-2xs) var(--space-xs)}.access-note{align-items:start;display:grid;gap:var(--space-xs) var(--space-sm);grid-template-columns:auto minmax(0,1fr);padding:var(--space-md)}.access-note .text-link{grid-column:2}.section-nav{background:none;border-radius:var(--radius-pill);display:block;min-width:0;padding:0;top:var(--layout-header-offset-mobile);z-index:var(--z-sticky)}.section-nav:after,.section-nav:before{content:"";pointer-events:none;position:absolute;z-index:-1}.section-nav:before{-webkit-backdrop-filter:blur(var(--blur-scrim));backdrop-filter:blur(var(--blur-scrim));background:var(--color-bg-veil);bottom:calc(var(--space-xl) * -1);left:calc(var(--layout-gutter) * -1);-webkit-mask-image:linear-gradient(to bottom,black calc(100% - var(--space-xl)),transparent);mask-image:linear-gradient(to bottom,black calc(100% - var(--space-xl)),transparent);opacity:0;right:calc(var(--layout-gutter) * -1);top:calc(var(--layout-header-offset-mobile) * -1);transition:opacity var(--duration-mid) ease}.section-nav.is-stuck:before{opacity:1}.section-nav:after{-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));background:var(--color-bg-glass);border:var(--stroke-hairline) solid var(--color-border-glass);border-radius:inherit;box-shadow:var(--elevation-1);inset:0}.section-nav-scroll{border-radius:inherit;display:block;-webkit-mask-image:linear-gradient(to right,transparent,black var(--space-lg),black calc(100% - var(--space-lg)),transparent);mask-image:linear-gradient(to right,transparent,black var(--space-lg),black calc(100% - var(--space-lg)),transparent);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;position:relative;scrollbar-width:none}.section-nav-scroll::-webkit-scrollbar{display:none}.section-nav-track{display:grid;min-width:100%;padding:0 var(--space-lg);width:max-content}.section-nav-links,.section-nav-wave{grid-area:1/1}.section-nav-wave{align-items:flex-end;align-self:start;flex-direction:row;height:var(--size-2xs);margin-top:var(--space-2xs);padding:0;pointer-events:none;width:100%}.section-nav-wave span{height:var(--size-2xs);transform:scaleY(var(--wave-scale,.14));transform-origin:bottom;width:var(--stroke-wave)}.section-nav-links{gap:var(--space-md);grid-auto-flow:column;justify-content:space-between}.section-nav a{font:var(--type-body-sm);letter-spacing:var(--type-body-sm-tracking);min-height:0;padding:calc(var(--space-2xs) + var(--size-2xs) + var(--space-3xs)) 0 var(--space-2xs);text-align:center}.section-nav a.is-active,.section-nav a.is-hovered{transform:none}.case-content article>h2{scroll-margin-top:calc(var(--layout-header-offset-mobile) + var(--space-4xl))}.case-content table{display:block;overflow-x:auto}.case-content tbody,.case-content thead{display:block}.case-content tr:has(>:nth-child(3)){border-bottom:var(--stroke-hairline) solid var(--color-border-subtle);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.case-content tr:has(>:nth-child(3))>*{border-bottom:0}.case-content tr:has(>:nth-child(3))>:first-child{grid-column:1/-1;padding-bottom:0}.case-content thead tr:has(>:nth-child(3))>:first-child:empty{display:none}.case-content .decision{padding:var(--space-lg)}.demo-frame{padding:var(--space-sm)}.case-content ol,.case-content ul{padding:var(--space-3xs) var(--space-md)}.case-content .columns>ol,.case-content .columns>ul{grid-template-columns:minmax(0,1fr);padding:var(--space-3xs) var(--space-md)}.case-content .brief li>div{grid-template-columns:minmax(0,1fr)}.build-stack{padding:var(--space-lg)}.build-stack-flow{grid-template-columns:minmax(0,1fr);row-gap:var(--space-2xs)}.build-stack-arrow{justify-self:center;transform:rotate(90deg)}.contact-form{grid-template-columns:1fr}.prompt{gap:var(--space-lg)}.ds-form,.ds-specimens{grid-template-columns:1fr}.ds-swatches,.ds-tiles{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr))}.ds-scale-row{gap:var(--space-xs);grid-template-columns:minmax(0,1fr) auto}.ds-scale-row>:nth-child(2){grid-column:1/-1;grid-row:2}.footer-row{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}.egg img,.egg img.is-wiggling{animation:none}.segmented[data-animate] .segmented-thumb,.segmented[data-animate][data-dir=left] .segmented-thumb{transition:none}.segmented[data-animate] .segmented-option[aria-pressed=true] .segmented-count{animation:none}.reveal,.reveal:not(.is-in){opacity:1;transform:none;transition:none}.buy-box-figure,.buy-box-total b,.cart-chip b,.co-step-number,.lightbox img,.lightbox::backdrop,.order-check,.order-summary .buy-box-add span,.phone .phone-dropdeck,.phone-standalone[data-open=true] .dd-dashboard,.phone-standalone[data-open=true] .dd-rise,.phone-standalone[data-open=true] .phone-splash{animation:none}.buy-box-volume,.case-image,.co-layer,.co-product,.co-step,.co-steps,.demo-cursor,.demo-touch,.phone .phone-scrim,.phone button,.phone-browser,.phone-dialog,.phone-sheet,.phone-standalone{transition:none}}