@font-face{font-family:Syne;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/syne-600-CBMgExNN.ttf)format("truetype")}@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/syne-700-Bvc5zJgw.ttf)format("truetype")}@font-face{font-family:Syne;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/syne-800-BDuV6lBd.ttf)format("truetype")}@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/figtree-400-VtLqxhSM.ttf)format("truetype")}@font-face{font-family:Figtree;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/figtree-500-D_blTrlU.ttf)format("truetype")}@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/figtree-600-B0xMtDcJ.ttf)format("truetype")}@font-face{font-family:Figtree;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/figtree-700-CnuFHRRE.ttf)format("truetype")}:root{--font-display:"Syne", sans-serif;--font-body:"Figtree", sans-serif;--bg:#f3f7f8;--bg-soft:#e7f1f2;--figure:var(--bg-soft);--surface:#ffffffb8;--ink:#0b1520;--muted:#5a6976;--accent:#0f766e;--accent-strong:#0b5f59;--accent-soft:#0f766e1f;--line:#0b15201a;--hero-a:#d9f3f0;--hero-b:#e8efff;--hero-c:#f7fbff;--panel:#ffffff73;--signal:#0f766e;--nav-h:88px;--ease:cubic-bezier(.22, 1, .36, 1)}html[data-theme=dark]{--bg:#081018;--bg-soft:#101c28;--figure:var(--bg-soft);--surface:#0e1822c7;--ink:#eef5f7;--muted:#9aadb8;--accent:#2dd4bf;--accent-strong:#5eead4;--accent-soft:#2dd4bf24;--line:#eef5f71f;--hero-a:#0d2a2d;--hero-b:#122038;--hero-c:#0a121c;--panel:#101a2459;--signal:#2dd4bf}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}body{min-width:320px;font-family:var(--font-body);color:var(--ink);background:var(--bg);margin:0;line-height:1.6;transition:background .35s,color .35s;overflow-x:clip}:where(h1,h2,h3){text-wrap:balance}:where(p,li,figcaption,dd,.case-hero__lede,.case-callout,.case-prose p,.about__body p,.contact__inner p,.work-panel__copy p,.case-card p,.focus-list p,.function-block__copy p,.fg-insights__list p){text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.page{width:min(1120px,100% - 2.5rem);margin:0 auto;padding-bottom:4rem}.nav-shell{z-index:100;pointer-events:none;background:0 0;border:0;justify-content:center;padding:.75rem 1.25rem 0;display:flex;position:fixed;top:0;left:0;right:0}.nav-shell__pill{isolation:isolate;pointer-events:auto;width:min(1120px,100%);box-shadow:none;background:0 0;border:0;border-radius:999px;position:relative;overflow:visible}.nav-shell__pill-clip{border-radius:inherit;position:relative;overflow:hidden}.nav-shell__pill:before{content:"";z-index:-1;border-radius:inherit;background:color-mix(in srgb, var(--bg) 75%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb, var(--line) 70%, transparent);box-shadow:0 1px 0 #ffffff80 inset, 0 10px 28px color-mix(in srgb, var(--ink) 8%, transparent);transform-origin:50%;transition:transform .4s var(--ease), background .35s ease, border-color .35s ease, box-shadow .4s var(--ease);position:absolute;inset:0;transform:scale(1)}html[data-theme=dark] .nav-shell__pill:before{background:color-mix(in srgb, var(--bg) 70%, transparent);box-shadow:inset 0 1px #ffffff14,0 12px 32px #00000059}.nav-shell__pill:hover:before{background:color-mix(in srgb, var(--bg) 84%, transparent);border-color:color-mix(in srgb, var(--line) 70%, transparent);box-shadow:0 1px 0 #ffffff8c inset, 0 14px 34px color-mix(in srgb, var(--ink) 10%, transparent);transform:scale(1.01)}.nav-shell__pill:has(:focus-visible):before{background:color-mix(in srgb, var(--bg) 84%, transparent);border-color:color-mix(in srgb, var(--line) 70%, transparent);box-shadow:0 1px 0 #ffffff8c inset, 0 14px 34px color-mix(in srgb, var(--ink) 10%, transparent);transform:scale(1.01)}html[data-theme=dark] .nav-shell__pill:hover:before{background:color-mix(in srgb, var(--bg) 80%, transparent);border-color:color-mix(in srgb, var(--line) 70%, transparent);box-shadow:inset 0 1px #ffffff1a,0 16px 38px #00000061}html[data-theme=dark] .nav-shell__pill:has(:focus-visible):before{background:color-mix(in srgb, var(--bg) 80%, transparent);border-color:color-mix(in srgb, var(--line) 70%, transparent);box-shadow:inset 0 1px #ffffff1a,0 16px 38px #00000061}.nav-shell--case .nav-shell__pill{transition:border-radius .55s var(--ease);border-radius:999px}.nav-shell--case.is-chrome-open .nav-shell__pill,.nav-shell.is-menu-open .nav-shell__pill{border-radius:1.35rem}@media (prefers-reduced-motion:reduce){.nav-shell__pill:before{transition:background .2s,border-color .2s,box-shadow .2s}.nav-shell__pill:hover:before,.nav-shell__pill:hover .case-progress{transform:none}.nav-shell__pill:has(:focus-visible):before{transform:none}.nav-shell__pill:has(:focus-visible) .case-progress{transform:none}.case-progress{transition:none}}.nav{box-sizing:border-box;align-items:center;gap:1.25rem;width:100%;min-height:3.25rem;margin:0;padding:.55rem .85rem;display:flex}.nav__mark{background:var(--accent);color:#f4fbf9;width:42px;height:42px;font-family:var(--font-display);letter-spacing:.02em;border-radius:12px;flex-shrink:0;place-items:center;font-size:1rem;font-weight:800;line-height:1;display:grid}html[data-theme=dark] .nav__mark{color:#06201d}.nav__links{color:var(--muted);gap:1.1rem;margin-right:auto;font-size:.95rem;font-weight:500;display:flex}.nav__links a{transition:color .2s;position:relative}.nav__links a:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform .25s var(--ease);position:absolute;bottom:-.25rem;left:0;transform:scaleX(0)}.nav__links a:hover{color:var(--ink)}.nav__links a:hover:after{transform:scaleX(1)}.nav__links .social-link{color:var(--muted);justify-content:center;align-items:center;transition:color .2s,transform .2s;display:inline-flex}.nav__links .social-link:after{display:none}.nav__links .social-link:hover,.nav__links .social-link:focus-visible{color:var(--ink);transform:translateY(-1px)}.social-icon{width:1.05rem;height:1.05rem;display:block}.nav__drawer .social-link{align-items:center;gap:.55rem;display:inline-flex}.nav__drawer .social-icon{width:1.1rem;height:1.1rem}.nav__menu-btn{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:none;position:relative}.nav__menu-btn span{background:var(--ink);height:1.5px;transition:transform .25s var(--ease), opacity .2s ease, top .25s var(--ease);border-radius:999px;position:absolute;left:12px;right:12px}.nav__menu-btn span:first-child{top:16px}.nav__menu-btn span:last-child{top:24px}.nav-shell.is-menu-open .nav__menu-btn span:first-child{top:20px;transform:rotate(45deg)}.nav-shell.is-menu-open .nav__menu-btn span:last-child{top:20px;transform:rotate(-45deg)}.nav__drawer{z-index:110;box-shadow:none;transition:grid-template-rows .45s var(--ease);background:0 0;border:0;grid-template-rows:0fr;padding:0 .85rem;display:grid;position:static}.nav__drawer-panel{opacity:0;min-height:0;transition:opacity .28s ease, transform .45s var(--ease);flex-direction:column;gap:.15rem;display:flex;overflow:hidden;transform:translateY(-.35rem)}.nav__drawer a{border-top:1px solid color-mix(in srgb, var(--line) 80%, transparent);color:var(--muted);padding:.85rem .15rem;font-weight:550}.nav__drawer a:hover,.nav__drawer a.is-current{color:var(--ink)}.nav-shell.is-menu-open .nav-shell__pill:before{-webkit-backdrop-filter:saturate(180%)blur(28px);backdrop-filter:saturate(180%)blur(28px);background:#f3f7f8c7;border-color:#ffffff80;box-shadow:inset 0 1px #ffffff6b,0 18px 40px #0b152021}html[data-theme=dark] .nav-shell.is-menu-open .nav-shell__pill:before{background:#081018bd;border-color:#ffffff21;box-shadow:inset 0 1px #ffffff12,0 18px 40px #0000006b}.nav-shell.is-menu-open .nav{z-index:2;position:relative}.nav-shell.is-menu-open .nav__drawer{grid-template-rows:1fr;padding-bottom:.85rem}.nav-shell.is-menu-open .nav__drawer-panel{opacity:1;transform:translateY(0)}.nav-shell.is-menu-open .nav__drawer a{color:var(--ink);font-weight:600}.nav-shell.is-menu-open .nav__drawer a:hover,.nav-shell.is-menu-open .nav__drawer a.is-current{color:var(--accent-strong)}@media (prefers-reduced-motion:reduce){.nav__drawer,.nav__drawer-panel{transition:none}}.theme-toggle{background:0 0;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle__track{--toggle-h:1.7rem;--toggle-inset:2px;--thumb-size:calc(var(--toggle-h) - 6px);width:3.35rem;height:var(--toggle-h);background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;position:relative;overflow:hidden}.theme-toggle__icon{width:.92rem;height:.92rem;color:var(--muted);opacity:0;pointer-events:none;transition:opacity .22s;position:absolute;top:50%;transform:translateY(-50%)}.theme-toggle__icon svg{width:100%;height:100%;display:block}.theme-toggle__icon--sun{opacity:1;color:color-mix(in srgb, var(--accent) 70%, var(--muted));right:.42rem}.theme-toggle__icon--moon{left:.42rem}html[data-theme=dark] .theme-toggle__icon--sun{opacity:0}html[data-theme=dark] .theme-toggle__icon--moon{opacity:1;color:color-mix(in srgb, var(--accent-strong) 75%, var(--ink))}.theme-toggle__thumb{top:var(--toggle-inset);left:var(--toggle-inset);width:var(--thumb-size);height:var(--thumb-size);box-sizing:border-box;background:var(--accent);box-shadow:none;border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);transition:left .28s var(--ease);z-index:1;border-radius:50%;position:absolute}html[data-theme=dark] .theme-toggle__thumb{left:calc(100% - var(--toggle-inset) - var(--thumb-size));border-color:color-mix(in srgb, var(--ink) 22%, transparent)}.hero{width:100vw;min-height:100svh;padding:calc(var(--nav-h) + 1.25rem) max(1.25rem, calc((100vw - 1120px) / 2)) 3.75rem;flex-direction:column;justify-content:flex-end;margin:0 calc(50% - 50vw);display:flex;position:relative;overflow:hidden}.hero__stage{z-index:0;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 78%,#000000a6 90%,#0000 100%);mask-image:linear-gradient(#000 0% 78%,#000000a6 90%,#0000 100%)}html[data-theme=dark] .hero__stage{-webkit-mask-image:linear-gradient(#000 0% 72%,#0000008c 88%,#0000 100%);mask-image:linear-gradient(#000 0% 72%,#0000008c 88%,#0000 100%)}.hero-canvas{background:radial-gradient(900px 520px at 78% 28%, var(--hero-a), transparent 60%), radial-gradient(700px 420px at 20% 80%, var(--hero-b), transparent 55%), linear-gradient(180deg, var(--hero-c) 0%, var(--bg) 88%, var(--bg) 100%);position:absolute;inset:0}.hero-canvas__grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);-webkit-mask-composite:source-in;opacity:.7;background-size:44px 44px;animation:18s linear infinite gridDrift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 45% 100%),linear-gradient(#0000 0%,#000 18% 78%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 45% 100%),linear-gradient(#0000 0%,#000 18% 78%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-canvas__orb{filter:blur(12px);opacity:.45;border-radius:50%;position:absolute}.hero-canvas__orb--a{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 45%, white), transparent 70%);width:min(48vw,460px);height:min(48vw,460px);animation:8s ease-in-out infinite floatA;top:-10%;right:2%}.hero-canvas__orb--b{background:radial-gradient(circle, color-mix(in srgb, var(--hero-b) 75%, var(--accent)), transparent 72%);width:min(36vw,340px);height:min(36vw,340px);animation:10s ease-in-out infinite floatB;bottom:4%;right:30%}.hero__content{z-index:1;flex:1;grid-template-rows:minmax(0,1fr) auto auto minmax(0,.7fr);column-gap:0;width:100%;min-height:0;display:grid;position:relative}.hero__band{grid-row:2;justify-content:space-between;align-items:flex-end;gap:clamp(1.5rem,4vw,3rem);width:100%;display:flex}.hero__copy{grid-row:3}.hero-canvas__diagram{aspect-ratio:560/352;opacity:.95;flex:0 auto;width:min(460px,42vw);max-width:min(460px,46%);position:relative;top:auto;right:auto;overflow:visible;transform:none}.diagram-path{stroke:color-mix(in srgb, var(--accent) 40%, transparent);stroke-width:2px;stroke-dasharray:8 10;animation:4s linear infinite dashMove}.diagram-node{fill:var(--panel);stroke:var(--line);stroke-width:1.5px;transition:fill .45s,stroke .45s}.diagram-node--accent{fill:var(--accent-soft);stroke:color-mix(in srgb, var(--accent) 45%, var(--line))}.diagram-label{fill:var(--ink);font-family:var(--font-body);font-size:20px;font-weight:650;transition:fill .45s}.diagram-label--accent{fill:var(--accent-strong)}.diagram-wave{stroke:color-mix(in srgb, var(--signal) 70%, transparent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:6 8;animation:2.4s linear infinite dashMove}.hero__copy{z-index:1;max-width:34rem;padding:1.1rem 0 0;position:relative}.hero__brand{font-family:"Syne", var(--font-display), sans-serif;letter-spacing:-.045em;text-wrap:wrap;margin:0 0 1rem;font-size:clamp(3rem,8vw,5.8rem);font-weight:800;line-height:.92}.hero__brand--dock{cursor:default;flex-direction:column;align-items:flex-start;width:max-content;max-width:100%;margin:0 0 0 -.12em;padding:.15em .12em 0;display:flex;overflow:visible}.hero__brand-line{flex-wrap:nowrap;align-items:flex-end;display:flex}.hero__brand-letter{transform-origin:50% 85%;will-change:transform;flex:none;display:inline-block;transform:scale(1)}.hero__title{max-width:18ch;font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0 0 1rem;font-size:clamp(1.4rem,2.5vw,1.95rem);font-weight:700;line-height:1.2}.hero__lede{max-width:38ch;color:var(--muted);margin:0 0 1.75rem;font-size:1.08rem}.hero__actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn{min-height:48px;transition:transform .2s var(--ease), background .2s ease, border-color .2s ease, color .2s ease;border-radius:12px;justify-content:center;align-items:center;padding:.8rem 1.2rem;font-size:.98rem;font-weight:650;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--accent);color:#f4fbf9}html[data-theme=dark] .btn--primary{color:#06201d}.btn--primary:hover{background:var(--accent-strong)}.btn--ghost{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--ghost:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.scene{opacity:.3;transition:opacity .55s var(--ease), transform .55s var(--ease);will-change:opacity, transform;transform:translateY(14px)}.scene.is-active{opacity:1;transform:translateY(0)}.scene.is-faded{opacity:.22;transform:translateY(8px)}.case-hero.scene.is-video-hold,.case-hero.scene.is-faded.is-video-hold{opacity:1;transform:translateY(0)}.scene.is-active.is-popping{animation:scenePop .7s var(--ease)}.work-pin.scene,.work-pin.scene.is-active,.work-pin.scene.is-faded,.work-pin.scene.is-active.is-popping{opacity:1;will-change:opacity;animation:none;transform:none}@keyframes scenePop{0%{opacity:.35;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.section{padding:5.5rem 0 1rem}.section__head{max-width:38rem;margin-bottom:2rem}.eyebrow{color:var(--accent-strong);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .7rem;font-size:.82rem;font-weight:700}.section h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.12}.section__note{color:var(--muted);margin:.9rem 0 0}.about__body{max-width:46rem;color:var(--muted);gap:1rem;font-size:1.08rem;display:grid}.about__body p{margin:0}.about-deck{height:calc(100svh - var(--nav-h));margin:1.25rem 0 0;position:relative}.about-deck__sticky{top:var(--nav-h);min-height:calc(100svh - var(--nav-h));flex-direction:column;height:auto;padding:.75rem 1.5rem .35rem .35rem;display:flex;position:sticky;overflow:visible}.about-deck__stage{flex:none;place-items:stretch start;width:100%;margin:0;padding:0 0 1.25rem;display:grid;position:relative}.about-deck__card{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);width:min(100%,64rem);min-width:0;max-width:100%;height:auto;min-height:100%;box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 4%, transparent), 0 14px 28px color-mix(in srgb, var(--ink) 8%, transparent);transform-origin:0;will-change:transform, filter;pointer-events:none;opacity:0;z-index:1;box-sizing:border-box;background:#fff;border-radius:22px;grid-area:1/1;grid-template-rows:1fr;align-self:stretch;padding:clamp(1.15rem,2.4vw,1.6rem);transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s,filter .35s,box-shadow .35s;display:grid;position:relative;overflow:visible}.about-deck__card-body{align-content:start;gap:1.25rem;min-width:0;height:auto;display:grid;overflow:visible}html[data-theme=dark] .about-deck__card{background:#101c28}.about-deck__card.is-current{opacity:1;filter:none;pointer-events:auto;z-index:3;box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 5%, transparent), 0 18px 36px color-mix(in srgb, var(--ink) 10%, transparent);transform:translate(0,0)scale(1)}.about-deck__card.is-next{opacity:1;z-index:2;filter:blur(3.5px);box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 3%, transparent), 0 8px 18px color-mix(in srgb, var(--ink) 5%, transparent);transform:translate(12%,1.5%)scale(.9)}.about-deck__card.is-hidden,.about-deck__card.is-hidden-left,.about-deck__card.is-hidden-right,.about-deck__card.is-prev,.about-deck__card.is-prev.is-tucked{opacity:0;z-index:1;pointer-events:none;filter:blur(6px);box-shadow:none}.about-deck__card.is-hidden-right,.about-deck__card.is-hidden{transform:translate(24%,3%)scale(.86)}.about-deck__card.is-hidden-left,.about-deck__card.is-prev,.about-deck__card.is-prev.is-tucked{transform:translate(-24%,3%)scale(.86)}.about-deck.scene.is-faded,.about-deck.scene.is-active{opacity:1;transform:none}.about-deck__card .section__head{margin-bottom:0}@media (width<=900px){.about-deck__sticky{height:calc(100svh - var(--nav-h));min-height:calc(100svh - var(--nav-h));padding:.85rem .85rem 1.35rem;overflow:hidden}.about-deck__stage{flex:auto;place-items:stretch center;height:100%;min-height:0;padding:0 0 .5rem}.about-deck__card{transform-origin:50%;width:100%;max-height:100%;box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 3%, transparent), 0 8px 18px color-mix(in srgb, var(--ink) 6%, transparent);border-radius:18px;padding:.95rem .9rem .85rem;overflow:hidden}.about-deck__card-body{border-radius:0;gap:.75rem;height:100%;min-height:0;overflow:hidden}.about-deck__card .section__head{margin-bottom:0;padding-top:.1rem}.about-deck__card .section h2{font-size:clamp(1.2rem,5.2vw,1.45rem)}.about-deck__card .section__note{margin-top:.4rem;font-size:.86rem;line-height:1.45}.about-deck .eyebrow{margin:0 0 .4rem;font-size:.72rem;line-height:1.2;overflow:visible}.about-deck .focus-list li{grid-template-columns:1fr;gap:.15rem;padding:.65rem 0}.about-deck .focus-list h3,.about-deck .approach__grid h3{margin-bottom:.2rem;font-size:.98rem}.about-deck .focus-list p,.about-deck .approach__grid p{font-size:.84rem;line-height:1.4}.about-deck .approach__grid{grid-template-columns:1fr;gap:.65rem}.about-deck .approach__grid>div{padding-top:.65rem}.about-deck .tool-grid--media{grid-template-columns:1fr;gap:.75rem}.about-deck .tool-card{gap:.35rem}.about-deck .tool-card--logos{gap:.65rem;padding-top:.75rem}.about-deck .tool-card h3{margin-bottom:.1rem;font-size:.95rem}.about-deck .tool-logos{gap:.55rem .25rem}.about-deck .tool-logos li{flex-basis:3.4rem;max-width:4.25rem}.about-deck .tool-logos img,.about-deck .tool-logo-img,.about-deck .tool-logo-icon{width:1.65rem;height:1.65rem}.about-deck .tool-logos span{font-size:.68rem}.about-deck .tool-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.35;display:-webkit-box;overflow:hidden}.about-deck .tool-card__media{aspect-ratio:1.35;border-radius:10px;max-height:4.75rem}.about-deck__card.is-current{box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 4%, transparent), 0 12px 24px color-mix(in srgb, var(--ink) 8%, transparent);transform:translate(0,0)scale(1)}.about-deck__card.is-next{filter:blur(2.5px);box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 2%, transparent), 0 6px 14px color-mix(in srgb, var(--ink) 5%, transparent);transform:translate(5%,1.75%)scale(.94)}}@media (prefers-reduced-motion:reduce){.about-deck{height:auto}.about-deck__sticky{gap:1.25rem;height:auto;position:relative;top:auto;overflow:visible}.about-deck__stage{gap:1.25rem;width:100%;display:grid}.about-deck__card,.about-deck__card.is-current,.about-deck__card.is-current.is-end,.about-deck__card.is-next,.about-deck__card.is-prev,.about-deck__card.is-hidden,.about-deck__card.is-hidden-left,.about-deck__card.is-hidden-right,.about-deck__card.is-prev.is-tucked{opacity:1;filter:none;pointer-events:auto;z-index:auto;height:auto;min-height:0;transition:none;position:relative;inset:auto;transform:none}}.focus-list{border-top:1px solid var(--line);gap:0;margin:0;padding:0;list-style:none;display:grid}.focus-list li{border-bottom:1px solid var(--line);grid-template-columns:.9fr 1.4fr;gap:1.5rem;padding:1.5rem 0;display:grid}.focus-list h3,.work-panel h3,.approach__grid h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .45rem;font-size:1.25rem}.work-panel h3{font-size:clamp(1.6rem,3vw,2.1rem)}.focus-list p,.work-panel__copy>p,.approach__grid p{color:var(--muted);margin:0}.work-item__company{letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;font-weight:700;color:var(--accent-strong)!important;margin:0 0 .35rem!important}.work-item__tags{color:var(--muted);margin-top:.85rem;font-size:.9rem;display:inline-block}.work-pin{height:calc(100svh - var(--nav-h));margin:1.5rem 0 0;position:relative}.work-pin__sticky{top:var(--nav-h);height:calc(100svh - var(--nav-h));flex-direction:column;gap:1.25rem;padding:1rem 0 1.25rem;display:flex;position:sticky;overflow:hidden}html.work-locked,html.work-locked body{overscroll-behavior:none;padding-right:var(--scrollbar-compensation,0px);overflow:hidden}html.work-locked .nav-shell{padding-right:calc(1.25rem + var(--scrollbar-compensation,0px))}.work-pin__head{max-width:38rem}.work-pin__head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.12}.work-pin__dots{gap:.45rem;margin-top:.9rem;display:flex}.work-pin__dots span{background:color-mix(in srgb, var(--ink) 14%, transparent);width:1.6rem;height:3px;transition:background .3s ease, width .3s var(--ease);border-radius:999px}.work-pin__dots span.is-on{background:var(--accent);width:2.4rem}.work-pin__viewport{flex:1;min-height:0;position:relative;overflow:hidden}.work-pin__track{will-change:transform;gap:clamp(2.5rem,6vw,4.5rem);height:100%;display:flex}.work-panel{flex:0 0 100%;align-items:center;width:100%;min-width:100%;height:100%;padding-right:clamp(1.5rem,4vw,3rem);display:flex}.work-panel__stage{transform-origin:50%;will-change:transform, opacity;grid-template-columns:minmax(220px,.9fr) minmax(0,1.4fr);align-items:center;gap:1.75rem;width:100%;transition:none;display:grid}.work-panel__copy{max-width:28rem}.work-panel__media{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:var(--bg-soft);height:min(52vh,420px);box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 4%, transparent), 0 18px 40px color-mix(in srgb, var(--ink) 10%, transparent);border-radius:18px;margin:0;overflow:hidden}.work-panel__media img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.work-panel__media--left img{object-position:left center}.work-panel__media--contain{background:linear-gradient(180deg, color-mix(in srgb, var(--bg-soft) 88%, var(--accent-soft)), var(--bg-soft));place-items:center;display:grid}.work-panel__media--contain img{object-fit:contain;object-position:center;width:auto;max-width:100%;height:100%}.approach__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.approach__grid article,.approach__grid>div{border-top:2px solid var(--accent);padding-top:1.25rem}.tool-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.tool-grid--media{grid-template-columns:repeat(3,1fr);gap:1.25rem}.tool-grid h3,.tool-card h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .45rem;font-size:1.25rem}.tool-grid p,.tool-card p{color:var(--muted);margin:0}.tool-card{border-top:0;align-content:start;gap:.85rem;padding-top:0;display:grid}.tool-card--logos{border-top:2px solid var(--accent);gap:1rem;padding-top:1.1rem}.tool-logos{flex-wrap:wrap;gap:.9rem .55rem;margin:0;padding:0;list-style:none;display:flex}.tool-logos li{text-align:center;flex:4.25rem;justify-items:center;gap:.4rem;max-width:5.5rem;display:grid}.tool-logos img,.tool-logo-img{object-fit:contain;border-radius:.45rem;width:2.1rem;height:2.1rem;display:block}.tool-logo-icon{display:none}.tool-logos span{letter-spacing:-.01em;color:var(--muted);font-size:.82rem;font-weight:550;line-height:1.2}.tool-card__media{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 4%, transparent), 0 14px 32px color-mix(in srgb, var(--ink) 8%, transparent);background:#10100f;border-radius:16px;margin:0;overflow:hidden}.tool-card__media img{object-fit:cover;width:100%;height:100%;display:block}.contact{margin-top:0}.contact__inner{border-top:1px solid var(--line);padding:2rem 0 1rem}.contact__inner p{max-width:36rem;color:var(--muted)}.contact__direct{flex-wrap:wrap;align-items:baseline;gap:.75rem 1.25rem;margin:1.1rem 0 0;display:flex}.contact__email-link{color:var(--ink);border-bottom:1px solid color-mix(in srgb, var(--ink) 25%, transparent);font-weight:600;text-decoration:none;transition:border-color .2s,color .2s}.contact__email-link:hover{border-bottom-color:var(--accent);color:var(--accent-strong)}.contact__availability{color:var(--accent-strong);border-bottom:1px dashed color-mix(in srgb, var(--accent) 55%, transparent);padding-bottom:.05rem;font-weight:650;transition:border-color .2s,color .2s}.contact__availability:hover{border-bottom-style:solid;border-bottom-color:var(--accent)}.contact__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.btn--availability{border:1px dashed color-mix(in srgb, var(--accent) 55%, var(--line));background:var(--accent-soft);color:var(--accent-strong);font-weight:650}.btn--availability:hover{border-style:solid;border-color:color-mix(in srgb, var(--accent) 70%, var(--line));background:color-mix(in srgb, var(--accent-soft) 70%, var(--surface))}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;min-height:1.5rem;margin-top:3rem;padding-top:1.25rem;font-size:.92rem;line-height:1;display:flex}.footer__left,.footer p,.footer__right{align-items:center;min-height:1.25rem;margin:0;line-height:1;display:inline-flex}.footer__left{flex-wrap:wrap;gap:.65rem 1rem;min-width:0}.footer__direct{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;display:inline-flex}.footer__right{flex-wrap:wrap;justify-content:flex-end;gap:.85rem}.footer a.footer__email{color:var(--muted);font-weight:550}.footer a.footer__email:hover{color:var(--ink)}.footer a.footer__availability{color:var(--accent-strong);border-bottom:1px dashed color-mix(in srgb, var(--accent) 55%, transparent);padding-bottom:.05rem;font-weight:650;transition:border-color .2s,color .2s}.footer a.footer__availability:hover{color:var(--accent-strong);border-bottom-style:solid;border-bottom-color:var(--accent)}.footer a{color:var(--muted);align-items:center;line-height:1;transition:color .2s;display:inline-flex}.footer a:hover{color:var(--ink)}.footer .footer__resume{color:#f4fbf9;min-height:2rem;padding:.4rem .85rem;font-size:.85rem;font-weight:650}html[data-theme=dark] .footer .footer__resume{color:#06201d}.footer .footer__resume:hover{color:#f4fbf9}html[data-theme=dark] .footer .footer__resume:hover{color:#06201d}.footer .social-link{justify-content:center;width:1.25rem;height:1.25rem}.footer .social-icon{width:1rem;height:1rem;display:block}@keyframes floatA{0%,to{transform:translate(0,0)}50%{transform:translate(-18px,16px)}}@keyframes floatB{0%,to{transform:translate(0,0)}50%{transform:translate(14px,-12px)}}@keyframes dashMove{to{stroke-dashoffset:-84px}}@keyframes wavePulse{0%,to{opacity:.35}50%{opacity:.95}}@keyframes gridDrift{0%{transform:translateY(0)}to{transform:translateY(44px)}}@media (width<=900px){.hero{height:100dvh;min-height:100dvh;padding-bottom:max(3.5rem, calc(env(safe-area-inset-bottom,0px) + 2.75rem));justify-content:stretch}.hero__content{flex:auto;grid-template-rows:minmax(0,.62fr) auto auto minmax(0,.4fr);height:100%;min-height:0}.hero__band{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(8.5rem,46%);align-items:end;gap:.65rem .55rem;display:grid}.hero__brand,.hero__brand--dock{z-index:1;grid-area:2/1/auto/-1;align-self:end;width:100%;min-width:0;max-width:100%;margin:0;font-size:clamp(2.55rem,11vw,3.85rem);position:relative}.hero__brand-line{max-width:100%}.hero__brand-letter{transform-origin:0 85%}.hero-canvas__diagram{z-index:0;opacity:.96;grid-area:1/2;place-self:end;width:100%;max-width:none;position:relative}.hero__copy{max-width:34rem}.focus-list li,.approach__grid,.tool-grid{grid-template-columns:1fr}.tool-grid--media{grid-template-columns:repeat(2,1fr)}.about-deck,.about-deck__sticky,.work-pin,.work-pin__sticky{touch-action:pan-y}.work-pin__track{gap:0}.work-panel{justify-content:stretch;align-items:stretch;padding-left:0;padding-right:0}.work-panel__stage{transform-origin:50%;flex-direction:column;grid-template-rows:none;grid-template-columns:none;align-content:stretch;place-items:stretch stretch;gap:0;width:100%;max-width:100%;height:100%;min-height:0;margin-inline:0;padding-bottom:2.75rem;display:flex}.work-panel__copy{flex:none;align-self:start;min-height:0}.work-panel__media-link{width:100%;margin-top:auto;padding-top:1.25rem;display:block}.work-panel h3{font-size:clamp(1.35rem,5.5vw,1.7rem)}.work-panel__media,.work-panel__media--contain{aspect-ratio:auto;place-items:unset;border-radius:14px;width:100%;height:11.5rem;max-height:11.5rem;display:block;position:relative;overflow:hidden}.work-panel__media img,.work-panel__media--contain img{object-fit:cover;object-position:center center;width:100%;max-width:none;height:100%;max-height:none;position:absolute;inset:0}.work-panel__media--left img{object-position:left center}.work-panel__media--mondo img{object-position:68% 48%}.nav__links{display:none}.nav__mark{order:1}.theme-toggle{order:2;margin-left:auto}.nav__menu-btn{order:3;margin-left:0;display:inline-flex}}@media (width<=600px){.page{width:min(1120px,100% - 1.5rem)}.hero__brand,.hero__brand--dock{font-size:clamp(2.35rem,11vw,3.4rem)}.hero__band{grid-template-columns:minmax(0,1fr) minmax(7.75rem,48%)}.tool-grid--media,.about-deck .tool-grid--media{grid-template-columns:1fr}.about-deck .tool-logos li{flex-basis:3.6rem;max-width:4.5rem}.work-pin{height:calc(100svh - var(--nav-h))}.work-panel__media,.work-panel__media--contain{height:10.5rem;max-height:10.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-canvas__grid,.hero-canvas__orb,.diagram-wave{animation:none!important}.scene,.scene.is-active,.scene.is-faded,.scene.is-active.is-popping{opacity:1!important;animation:none!important;transform:none!important}.work-pin{height:auto}.work-pin__sticky{height:auto;position:relative;top:auto;overflow:visible}.work-pin__viewport{overflow:visible}.work-pin__track{gap:2.5rem;display:grid;transform:none!important}.work-panel{min-width:0}.work-panel__stage{opacity:1!important;transform:none!important}}:root{--toc-h:0px}.case-chrome{z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;transition:grid-template-rows .55s var(--ease), border-top-color .35s ease;background:0 0;border-top:1px solid #0000;border-bottom:0;grid-template-rows:0fr;display:grid;position:relative;top:auto;left:auto;right:auto}.nav-shell--case.is-chrome-open .case-chrome{border-top-color:color-mix(in srgb, var(--line) 70%, transparent);grid-template-rows:1fr}.case-chrome__clip{min-height:0;overflow:hidden}.case-chrome__rail{box-sizing:border-box;opacity:0;width:100%;transition:opacity .35s ease 80ms, transform .55s var(--ease);margin:0;padding:0 .85rem 3px;transform:translateY(-.35rem)}.nav-shell--case.is-chrome-open .case-chrome__rail{opacity:1;transform:translateY(0)}.case-chrome__rail--phantom{min-height:2.95rem}.nav-shell--case.is-chrome-open .case-chrome__rail--phantom{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.nav-shell--case .nav-shell__pill,.case-chrome,.case-chrome__rail{transition:none}.case-chrome{border-top-color:color-mix(in srgb, var(--line) 70%, transparent);grid-template-rows:1fr}.case-chrome__rail{opacity:1;transform:none}}.case-toc{width:100%;color:var(--muted);justify-content:space-between;align-items:baseline;gap:.5rem;margin:0;padding:.55rem 0 .45rem;font-size:.88rem;font-weight:550;display:flex}.case-toc a{white-space:nowrap;flex:none;min-width:0;transition:color .2s}.case-toc a:first-child{text-align:left}.case-toc a:last-child{text-align:right}.case-toc a:hover,.case-toc a.is-active{color:var(--ink)}.case-toc a.is-active{color:var(--accent-strong)}.case-progress{z-index:2;pointer-events:none;border-radius:inherit;transform-origin:50%;transition:transform .4s var(--ease);background:0 0;position:absolute;inset:0;overflow:hidden;transform:scale(1)}.case-progress:before{content:"";background:color-mix(in srgb, var(--ink) 10%, transparent);height:3px;position:absolute;bottom:0;left:0;right:0}.case-progress__bar{background:var(--accent);border-radius:0 999px 999px 0;width:0%;max-width:100%;height:3px;transition:none;position:absolute;bottom:0;left:0}.nav-shell__pill:hover .case-progress{transform:scale(1.01)}.nav-shell__pill:has(:focus-visible) .case-progress{transform:scale(1.01)}.case-page{padding-top:calc(var(--nav-h) + .5rem)}.case-hero{padding:2.5rem 0 1.5rem}.case-hero h1{font-family:"Syne", var(--font-display), sans-serif;letter-spacing:-.035em;text-wrap:wrap;max-width:100%;margin:0 0 1rem;font-size:min(3.8rem,8vw - .12rem);font-weight:800;line-height:1.05}.case-hero__lede{max-width:40rem;color:var(--muted);margin:0 0 1.75rem;font-size:1.12rem}.case-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem 1.25rem;margin:0 0 2rem;padding:1.25rem 0;display:grid}.case-meta dt{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .2rem;font-size:.82rem;font-weight:650}.case-meta dd{margin:0;font-weight:600}.case-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:0 0 2rem;display:grid}.case-stats div{padding-top:.35rem}.case-stats strong{font-family:var(--font-display);letter-spacing:-.03em;color:var(--accent-strong);font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.1;display:block}.case-stats span{color:var(--muted);margin-top:.35rem;font-size:.95rem;display:block}.case-hero__media{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:var(--figure);box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 4%, transparent), 0 18px 40px color-mix(in srgb, var(--ink) 10%, transparent);border-radius:18px;margin:0;overflow:hidden}.case-hero__media:not(.case-hero__media--video){aspect-ratio:2030/751}.case-hero__media img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.case-hero__devices{--ipad-w:min(72%, 680px);background:0 0;border:0;flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:clamp(.75rem,2vw,1.35rem);margin:0;padding:0;display:flex}.hero-device{min-width:0;margin:0}.hero-device--ipad{width:var(--ipad-w);flex:0 auto}.hero-device--iphone{width:calc(var(--ipad-w) * .29);flex:none}.hero-device__ipad{box-sizing:border-box;aspect-ratio:247.6/178.5;box-shadow:inset 0 0 0 1px #ffffff14, 0 1px 0 color-mix(in srgb, var(--ink) 5%, transparent), 0 24px 50px color-mix(in srgb, var(--ink) 16%, transparent);background:linear-gradient(145deg,#2a2d32 0%,#0d0f12 55%,#1a1c20 100%);border-radius:7.5%/10.2%;padding:1.6%;position:relative}.hero-device__ipad:before{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#3a3f48,#0a0b0d 70%);border-radius:50%;width:.7%;position:absolute;top:50%;left:.85%;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffff1f}.hero-device__ipad-screen{background:#fff;border-radius:5.5%/7.2%;width:100%;height:100%;overflow:hidden}.hero-device__ipad-screen img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.hero-device__iphone{width:100%;filter:drop-shadow(0 18px 34px color-mix(in srgb, var(--ink) 18%, transparent))}.hero-device__iphone img{width:100%;height:auto;display:block}@media (width<=900px){.case-hero__devices{--ipad-w:min(68%, 420px);flex-wrap:nowrap;justify-content:center;gap:.65rem}.hero-device--ipad{width:var(--ipad-w)}.hero-device--iphone{width:calc(var(--ipad-w) * .29)}}@media (width<=560px){.case-hero__devices{--ipad-w:70%;flex-flow:row;align-items:flex-end;gap:.5rem}.hero-device--iphone{width:calc(var(--ipad-w) * .29)}}.scroll-devices{--ipad-w:min(72%, 680px);flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:clamp(.75rem,2vw,1.35rem);margin:1.75rem 0 0;display:flex}.scroll-device{background:0 0;border:0;border-radius:0;min-width:0;margin:0;display:block;overflow:visible}.scroll-device__ipad,.scroll-device__iphone{max-width:none;margin:0;overflow:hidden}.scroll-device figcaption{color:var(--muted);text-align:center;border-top:0;margin:.65rem 0 0;padding:0;font-size:.9rem}.scroll-device--ipad{width:var(--ipad-w);flex:0 auto}.scroll-device--iphone{width:calc(var(--ipad-w) * .29);flex:none}.scroll-device__ipad{box-sizing:border-box;aspect-ratio:247.6/178.5;box-shadow:inset 0 0 0 1px #ffffff14, 0 18px 34px color-mix(in srgb, var(--ink) 14%, transparent);background:linear-gradient(145deg,#2a2d32 0%,#0d0f12 55%,#1a1c20 100%);border-radius:7.5%/10.2%;padding:1.6%;position:relative}.scroll-device__ipad:before{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#3a3f48,#0a0b0d 70%);border-radius:50%;width:.7%;position:absolute;top:50%;left:.85%;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffff1f}.scroll-device__ipad-screen{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;background:#f3f3f3;border-radius:5.5%/7.2%;width:100%;height:100%;overflow:hidden auto}.scroll-device__ipad-screen img{width:100%;height:auto;display:block}.scroll-device__iphone{box-sizing:border-box;aspect-ratio:71.6/147.6;box-shadow:inset 0 0 0 1px #ffffff1a, 0 14px 28px color-mix(in srgb, var(--ink) 16%, transparent);background:linear-gradient(155deg,#2a2d32 0%,#0d0f12 55%,#1a1c20 100%);border-radius:16%/8%;padding:3.2% 4.2% 3.6%;position:relative}.scroll-device__iphone:before{content:"";z-index:2;pointer-events:none;background:#050608;border-radius:999px;width:32%;height:2.4%;position:absolute;top:1.55%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff14}.scroll-device__iphone-screen{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;background:#f3f3f3;border-radius:12%/6%;width:100%;height:100%;position:relative;overflow:hidden auto}.scroll-device__iphone-screen img{width:100%;height:auto;display:block}@media (width<=900px){.scroll-devices{--ipad-w:min(68%, 420px);gap:.65rem}}@media (width<=560px){.scroll-devices{--ipad-w:70%;gap:.5rem}.scroll-device--iphone{width:calc(var(--ipad-w) * .29)}}.case-hero__media--video{background:#05080c;position:relative}.hero-video{aspect-ratio:1920/904;background:#05080c;place-items:center;width:100%;max-height:min(72vh,720px);display:grid;position:relative}.hero-video video{object-fit:contain;object-position:center center;background:#05080c;width:100%;height:100%;display:block}.case-hero__media--video.is-focus{box-shadow:none;filter:none;opacity:1;background:#05080c;border:0;border-radius:14px;overflow:hidden}.case-hero__media--video.is-focus .hero-video{aspect-ratio:1920/904;background:#05080c;height:auto;max-height:min(70vh,640px)}.case-hero__media--video.is-focus video{filter:none;opacity:1}.hero-video__replay{z-index:2;color:#f4fbf9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:2.5rem;transition:transform .2s var(--ease), background .2s ease;background:#0b1520b8;border:1px solid #ffffff59;border-radius:999px;padding:.55rem 1rem;font-size:.92rem;font-weight:650;position:absolute;bottom:1rem;right:1rem}.hero-video__replay:hover{background:#0b1520e0;transform:translateY(-1px)}.hero-video-scrim{z-index:200;opacity:0;pointer-events:none;cursor:pointer;will-change:opacity;background:#000;transition:opacity .75s;position:fixed;inset:0}.hero-video-scrim.is-on{opacity:.92;pointer-events:auto}.case-hero__media--video video{cursor:pointer}.hero-video-placeholder{pointer-events:none;visibility:hidden;width:100%}@media (width<=900px){.hero-video{max-height:min(56vh,420px)}.case-hero__media--video.is-focus{border-radius:12px;width:min(100%,100vw - 2.75rem);max-width:calc(100vw - 2.75rem)}.case-hero__media--video.is-focus .hero-video{aspect-ratio:1920/904;height:auto;max-height:min(38svh,300px)}}@media (prefers-reduced-motion:reduce){.hero-video-scrim{transition:none}.hero-video-scrim.is-on{opacity:0}}.case-section{padding:4.5rem 0 1rem}.case-section .section__head{margin-bottom:1.5rem}.case-prose{gap:1rem;max-width:40rem;display:grid}.case-prose p{color:var(--muted);margin:0}.case-prose p strong,.case-prose strong{color:var(--ink);font-weight:650}.case-callout{border-top:1px solid var(--line);max-width:none;font-family:var(--font-display);letter-spacing:-.02em;margin:1.5rem 0 0;padding:1.15rem 0 1rem;font-size:clamp(1.35rem,2.4vw,1.7rem);line-height:1.25}.case-note{border-top:1px solid var(--line);max-width:40rem;color:var(--muted);margin:1.15rem 0 0;padding:.9rem 0 0;font-size:.95rem;line-height:1.5}.case-note strong{color:var(--ink);font-weight:650}.mondo-phones{align-items:stretch;gap:1rem;margin-top:.35rem;display:grid}.mondo-phones--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:36rem}.mondo-phones--3{grid-template-columns:repeat(3,minmax(0,1fr))}.mondo-phones--4{grid-template-columns:repeat(4,minmax(0,1fr))}.mondo-phones figure{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:var(--figure);border-radius:16px;flex-direction:column;min-width:0;margin:0;display:flex;overflow:hidden}.mondo-phones__zoom{cursor:zoom-in;background:0 0;border:0;width:100%;margin:0;padding:0;line-height:0;display:block}.mondo-phones__zoom:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.mondo-phones__zoom img,.mondo-phones>figure>img{pointer-events:none;width:100%;height:auto;display:block}.mondo-phones figcaption{color:var(--muted);border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent);margin-top:auto;padding:.7rem .85rem .9rem;font-size:.84rem;line-height:1.4}@media (width<=900px){.mondo-phones--3,.mondo-phones--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.mondo-phones--2,.mondo-phones--3,.mondo-phones--4{grid-template-columns:1fr 1fr}}.mondo-devices{place-items:start center;gap:1.1rem;margin-top:.5rem;display:grid}.mondo-devices--phones{grid-template-columns:repeat(4,minmax(0,1fr))}.mondo-devices--kiosks-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:34rem;margin-inline:auto}.mondo-devices--kiosks-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:52rem;margin-inline:auto}.mondo-device-card{justify-items:center;gap:.85rem;width:100%;min-width:0;margin:0;display:grid}.mondo-device-card figcaption{text-align:center;max-width:16rem;color:var(--muted);margin:0;font-size:.84rem;line-height:1.4}.mondo-device-card--ipad{margin-top:.35rem}.mondo-device-card--ipad figcaption{max-width:36rem}.mondo-device--iphone{box-sizing:border-box;aspect-ratio:71.6/147.6;width:min(100%,11.5rem);box-shadow:inset 0 0 0 1px #ffffff1a, 0 14px 28px color-mix(in srgb, var(--ink) 16%, transparent);background:linear-gradient(155deg,#2a2d32 0%,#0d0f12 55%,#1a1c20 100%);border-radius:16%/8%;padding:3.2% 4.2% 3.6%;position:relative}.mondo-device--iphone:before{content:"";z-index:2;pointer-events:none;background:#050608;border-radius:999px;width:32%;height:2.4%;position:absolute;top:1.55%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff14}.mondo-device--ipad{box-sizing:border-box;aspect-ratio:247.6/178.5;width:min(100%,52rem);box-shadow:inset 0 0 0 1px #ffffff14, 0 1px 0 color-mix(in srgb, var(--ink) 5%, transparent), 0 24px 50px color-mix(in srgb, var(--ink) 16%, transparent);background:linear-gradient(145deg,#2a2d32 0%,#0d0f12 55%,#1a1c20 100%);border-radius:7.5%/10.2%;padding:1.6%;position:relative}.mondo-device--ipad:before{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#3a3f48,#0a0b0d 70%);border-radius:50%;width:.7%;position:absolute;top:50%;left:.85%;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffff1f}.mondo-device--kiosk{box-sizing:border-box;aspect-ratio:9/16;width:min(100%,13.5rem);box-shadow:inset 0 0 0 1px #ffffff1a, 0 16px 32px color-mix(in srgb, var(--ink) 16%, transparent);background:linear-gradient(160deg,#2e3238 0%,#0e1014 55%,#1a1d22 100%);border-radius:1.15rem;margin-bottom:.7rem;padding:2.6% 3% 5.2%;position:relative}.mondo-device--kiosk:after{content:"";width:46%;height:.42rem;box-shadow:0 2px 6px color-mix(in srgb, var(--ink) 18%, transparent);background:linear-gradient(#2a2d32,#0d0f12);border-radius:999px;position:absolute;bottom:-.55rem;left:50%;transform:translate(-50%)}.mondo-device__screen{background:#fff;border:0;width:100%;height:100%;margin:0;padding:0;line-height:0;display:block;overflow:hidden}.mondo-device--iphone .mondo-device__screen{border-radius:12%/6%}.mondo-device--ipad .mondo-device__screen{border-radius:5.5%/7.2%}.mondo-device--kiosk .mondo-device__screen{border-radius:.55rem}.mondo-device__screen img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}@media (width<=900px){.mondo-devices--phones,.mondo-devices--kiosks-3{grid-template-columns:repeat(2,minmax(0,1fr))}.mondo-device--iphone{width:min(100%,12.5rem)}.mondo-device--kiosk{width:min(100%,12.75rem)}}@media (width<=560px){.mondo-devices--phones,.mondo-devices--kiosks-2,.mondo-devices--kiosks-3{grid-template-columns:1fr 1fr;gap:.85rem;max-width:none}.mondo-device--iphone{width:min(100%,10.5rem)}.mondo-device--kiosk{width:min(100%,10.75rem)}}.fg-insights__list{gap:.85rem;max-width:46rem;margin:.35rem 0 0;padding:0;list-style:none;display:grid}.fg-insights__list li{border-top:1px solid var(--line);margin:0;padding:1rem 0 1.05rem}.fg-insights__list li:last-child{padding-bottom:0}.fg-insights__label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 .35rem;font-size:.72rem;font-weight:650}.fg-insights__list h3{letter-spacing:-.02em;margin:0 0 .4rem;font-size:1.12rem}.fg-insights__list p{color:var(--muted);margin:0;font-size:.98rem;line-height:1.5}.img-lightbox{z-index:2400;background:#060a0ef0;position:fixed;inset:0}.img-lightbox[hidden]{display:none!important}.img-lightbox__scroll{overscroll-behavior:contain;cursor:zoom-out;position:absolute;inset:0;overflow:hidden auto}.img-lightbox__img{cursor:default;width:100%;height:auto;margin:0;display:block}.img-lightbox__close{top:max(.85rem, env(safe-area-inset-top));right:max(.85rem, env(safe-area-inset-right));z-index:2401;color:#0b1520;min-height:42px;font:inherit;cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;padding:.55rem .9rem;font-size:.88rem;font-weight:650;position:fixed;box-shadow:0 8px 24px #00000047}.img-lightbox__close:hover{background:#fff}.img-lightbox__close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}html.img-lightbox-open,html.img-lightbox-open body{overflow:hidden}.app-stores{flex-wrap:wrap;align-items:center;gap:.75rem .9rem;margin:1.35rem 0 .25rem;display:flex}.app-stores__badge{border-radius:8px;width:auto;height:42px;display:block}.case-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.75rem;display:grid}.case-grid-2--stay{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.65rem,2.5vw,1.25rem)}.case-grid-2--matched,.case-grid-3--matched{align-items:stretch}.case-grid-2--matched>.case-figure--matched,.case-grid-3--matched>.case-figure--matched{background:var(--figure);flex-direction:column;height:100%;margin-top:0;display:flex}.case-figure--matched .case-figure__media{aspect-ratio:16/9;background:var(--figure);flex:auto;min-height:0;line-height:0;position:relative;overflow:hidden}.case-figure__zoom{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0}.case-figure__zoom--static{height:auto;position:static;inset:auto}.case-figure__zoom--static img{pointer-events:none;width:100%;height:auto;display:block}.case-figure__zoom:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.case-figure--seo{background:var(--figure);margin-top:1.75rem}.case-media-stack{gap:1rem;margin-top:1.75rem;display:grid}.case-media-stack>.case-figure,.case-media-stack>.feature-comp{margin-top:0}.case-figure--seo .case-figure__media{background:var(--figure);line-height:0;overflow:hidden}.case-figure--seo figcaption{border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent)}.case-figure--matched .case-figure__media img{object-fit:cover;object-position:top center;pointer-events:none;width:100%;height:100%;display:block}.case-figure--matched figcaption{border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent);flex:none;margin-top:0}.case-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:1.75rem;display:grid}.case-grid-3--matched{gap:1.1rem}.case-grid-3--matched .case-figure--matched figcaption{padding:.7rem .85rem .9rem;font-size:.84rem}.persona-grid{align-items:stretch}.persona-grid>.case-card{flex-direction:column;min-width:0;height:100%;display:flex}.persona-grid .persona-figure{flex:none;width:100%;margin-top:auto}.case-figure.persona-figure{aspect-ratio:16/9;overflow:hidden}.case-figure.persona-figure img{object-fit:cover;object-position:center;width:100%;height:100%}.positioning-mosaic{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.75rem;display:grid}.positioning-mosaic__col{gap:.7rem;min-width:0;display:grid}.positioning-mosaic__col--left{grid-template-rows:5fr 4fr}.positioning-mosaic__col--right{grid-template-rows:4fr 5fr}.positioning-mosaic__top{gap:.7rem;min-height:0;display:grid}.positioning-mosaic__col--left .positioning-mosaic__top{grid-template-columns:2fr 1fr}.positioning-mosaic__col--right .positioning-mosaic__top{grid-template-columns:4fr 5fr}.positioning-mosaic__cell{background:#0b0b0b;border-radius:16px;min-width:0;min-height:0;margin:0;overflow:hidden}.positioning-mosaic__cell img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.positioning-mosaic__cell--p3 img{object-position:88% 48%}.positioning-mosaic{max-height:min(72vh,720px)}.positioning-mosaic__col{height:min(72vh,720px)}@media (width<=900px){.positioning-mosaic{grid-template-columns:1fr;max-height:none}.positioning-mosaic__col{height:auto}.positioning-mosaic__col--left,.positioning-mosaic__col--right{grid-template-rows:auto}.positioning-mosaic__top{min-height:42vw}.positioning-mosaic__cell--p6,.positioning-mosaic__cell--p3{aspect-ratio:16/10}.positioning-mosaic__cell--p1,.positioning-mosaic__cell--p2,.positioning-mosaic__cell--p5,.positioning-mosaic__cell--p4{min-height:42vw}}.fg-ds{--fg-font-display:"Sora", sans-serif;--fg-font-body:"Sarabun", sans-serif;--fg-lime:#d2ff2a;--fg-lime-hover:#b3d924;--fg-lime-disabled:#ebff9f;--fg-secondary:#a6ab95;--fg-white:#fff;--fg-light:#efefef;--fg-dark:#2b2b2b;gap:2.25rem;margin-top:1.75rem;display:grid}.fg-ds__block{gap:1rem;display:grid}.fg-ds__block-head{gap:.3rem;max-width:40rem;display:grid}.fg-ds__block-head h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,2.2vw,1.55rem)}.fg-ds__swatch-grid{grid-template-columns:1.15fr .7fr 1.15fr;align-items:start;gap:.85rem;display:grid}.fg-ds__panel{color:#f4f4f4;background:#0a0a0a;border:1px solid #ffffff1a;border-radius:16px;gap:.85rem;padding:1rem 1rem 1.1rem;display:grid}.fg-ds__panel h4{font-family:var(--fg-font-display);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:500}.fg-ds__swatches{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.fg-ds__swatches li{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:.65rem;display:grid}.fg-ds__chip{background:var(--swatch);min-height:3.1rem;color:var(--ink);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:.25rem;padding:.4rem;display:flex;position:relative;box-shadow:inset 0 0 0 1px #00000014}.fg-ds__chip.is-key{box-shadow:inset 0 0 0 1px #00000014,0 0 0 2px #111,0 0 0 3px #ffffff8c}.fg-ds__a11y{color:#111;min-height:1.15rem;font-family:var(--fg-font-body);background:#ffffffd1;border-radius:999px;align-items:center;padding:.08rem .4rem;font-size:.62rem;font-weight:500;line-height:1;display:inline-flex}.fg-ds__a11y--dark{color:#fff;background:#111111c7}.fg-ds__swatches div{gap:.1rem;min-width:0;display:grid}.fg-ds__swatches strong{font-family:var(--fg-font-body);font-size:.86rem;font-weight:500}.fg-ds__swatches code,.fg-ds__swatches span{font-family:var(--fg-font-body);color:#ffffff9e;font-size:.74rem}.fg-ds__swatches code{color:#ffffffd1}.fg-ds__type-panel{color:#f7f7f7;background:#0a0a0a;border:1px solid #ffffff1a;border-radius:16px;gap:0;padding:.35rem 1.15rem;display:grid}.fg-ds__type-row{border-bottom:1px solid #ffffff1a;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:1rem;padding:.95rem 0;display:grid}.fg-ds__type-row:last-child{border-bottom:0}.fg-ds__type-sample{color:#fff;letter-spacing:-.02em;margin:0}.fg-ds__type-row code{font-family:var(--fg-font-body);color:#ffffff94;white-space:nowrap;font-size:.82rem}.fg-ds__h1{font-family:var(--fg-font-display);font-size:clamp(2.25rem,5vw,3.75rem);font-weight:400;line-height:1.05}.fg-ds__h2{font-family:var(--fg-font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:400;line-height:1.1}.fg-ds__h3{font-family:var(--fg-font-display);font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:400;line-height:1.15}.fg-ds__h4{font-family:var(--fg-font-display);font-size:clamp(1.125rem,1.8vw,1.25rem);font-weight:400;line-height:1.2}.fg-ds__body{font-family:var(--fg-font-body);font-size:1.125rem;font-weight:400}.fg-ds__button{font-family:var(--fg-font-body);font-size:1.125rem;font-weight:500}.fg-ds__link{font-family:var(--fg-font-body);text-underline-offset:.14em;font-size:1.125rem;font-weight:400;text-decoration:underline}.fg-ds__note{font-family:var(--fg-font-body);color:#ffffffb8;font-size:.875rem;font-weight:400}.fg-ds__devices{grid-template-columns:minmax(0,1.45fr) minmax(220px,.7fr);align-items:start;gap:1rem;display:grid}.fg-ds__device{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:var(--figure);border-radius:16px;flex-direction:column;min-width:0;margin:0;display:flex;overflow:hidden}.fg-ds__device figcaption{letter-spacing:normal;text-transform:none;color:var(--muted);border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent);margin-top:auto;padding:.75rem 1rem 1rem;font-size:.9rem;font-weight:400}.fg-ds__frame{background:#0a0a0a;border:0;border-radius:0;margin:0;overflow:hidden}.fg-ds__frame img{width:100%;height:auto;display:block}.fg-ds__device--mobile .fg-ds__frame{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);border-radius:22px;width:calc(100% - 1.7rem);max-width:280px;margin:.85rem auto 0}@media (width<=1100px){.fg-ds__swatch-grid{grid-template-columns:1fr 1fr}.fg-ds__panel:last-child{grid-column:1/-1}}@media (width<=900px){.fg-ds__swatch-grid,.fg-ds__devices{grid-template-columns:1fr}.fg-ds__panel:last-child{grid-column:auto}.fg-ds__swatches li{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.fg-ds__type-row{grid-template-columns:1fr;gap:.35rem;padding:.85rem 0}.fg-ds__type-row code{white-space:normal}.fg-ds__device--mobile .fg-ds__frame{max-width:320px}}.mc-ds{--mc-guest:#307074;--mc-guest-hover:#3f8589;--mc-guest-quiet:#9eb5b7;--mc-admin:#1aaeaa;--mc-admin-bright:#14c4bc;--mc-ink:#1a1a1a;--mc-muted:#6e7678;--mc-canvas:#f0f1f2;--mc-surface:#fff;--mc-font:"Figtree", var(--font-body), sans-serif;gap:2.35rem;margin-top:1.75rem;display:grid}.mc-ds__block{gap:1rem;display:grid}.mc-ds__block-head{gap:.3rem;max-width:42rem;display:grid}.mc-ds__block-head h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,2.2vw,1.55rem)}.mc-ds__swatch-grid{grid-template-columns:1.1fr .85fr 1.15fr;align-items:start;gap:.85rem;display:grid}.mc-ds__panel{color:#f2f5f5;background:#10181a;border:1px solid #ffffff1a;border-radius:16px;gap:.85rem;padding:1rem 1rem 1.1rem;display:grid}.mc-ds__panel h4{font-family:var(--mc-font);letter-spacing:-.01em;margin:0;font-size:.98rem;font-weight:600}.mc-ds__swatches{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.mc-ds__swatches li{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:.65rem;display:grid}.mc-ds__chip{background:var(--swatch);min-height:3.1rem;color:var(--ink);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:.25rem;padding:.4rem;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0000001a}.mc-ds__chip.is-key{box-shadow:inset 0 0 0 1px #0000001a,0 0 0 2px #0b1011,0 0 0 3px #ffffff80}.mc-ds__a11y{color:#fff;min-height:1.15rem;font-family:var(--mc-font);letter-spacing:.02em;background:#0000006b;border-radius:999px;align-items:center;padding:.12rem .35rem;font-size:.62rem;font-weight:600;display:inline-flex}.mc-ds__a11y--dark{color:#111;background:#ffffffd1}.mc-ds__swatches div{gap:.12rem;min-width:0;display:grid}.mc-ds__swatches strong{font-family:var(--mc-font);font-size:.88rem;font-weight:650}.mc-ds__swatches code,.mc-ds__swatches span{font-family:var(--mc-font);color:#f2f5f5b8;font-size:.78rem}.mc-ds__swatches code{font-variant-numeric:tabular-nums}.mc-ds__type-panel{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:var(--mc-surface);border-radius:16px;gap:0;padding:.35rem 1.1rem;display:grid}.mc-ds__type-row{border-bottom:1px solid color-mix(in srgb, var(--ink) 10%, transparent);grid-template-columns:minmax(0,1.2fr) minmax(12rem,.8fr);align-items:center;gap:1rem;padding:.95rem 0;display:grid}.mc-ds__type-row:last-child{border-bottom:0}.mc-ds__type-sample{color:var(--mc-ink);font-family:var(--mc-font);margin:0;line-height:1.2}.mc-ds__type-row code{color:var(--mc-muted);font-family:var(--mc-font);text-align:right;justify-self:end;font-size:.82rem}.mc-ds__display{letter-spacing:.06em;text-transform:uppercase;font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:700}.mc-ds__price{letter-spacing:-.02em;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700}.mc-ds__body{color:var(--mc-muted);font-size:1rem;font-weight:400;line-height:1.45}.mc-ds__label{letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:650}.mc-ds__helper{color:var(--mc-muted);font-size:.9rem;font-weight:400;line-height:1.45}.mc-ds__button-label{letter-spacing:.06em;text-transform:uppercase;color:var(--mc-guest);font-size:.92rem;font-weight:650}.mc-ds__space-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.mc-ds__space-card{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:var(--figure);border-radius:16px;gap:.35rem;padding:1rem 1rem 1.1rem;display:grid}.mc-ds__space-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);margin:0;font-size:.72rem;font-weight:650}.mc-ds__space-card strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.35rem}.mc-ds__space-card span{color:var(--muted);font-size:.9rem;line-height:1.4}.mc-ds__comp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.mc-ds__comp{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:var(--mc-surface);border-radius:16px;gap:.75rem;padding:1rem 1rem 1.1rem;display:grid}.mc-ds__comp-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);margin:0;font-size:.72rem;font-weight:650}.mc-ds__comp>p:last-child{color:var(--muted);margin:0;font-size:.92rem;line-height:1.45}.mc-ds__comp-demo{background:var(--mc-canvas);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.65rem;padding:.9rem;display:flex}.mc-ds__comp-demo--row{justify-content:flex-start}.mc-ds__btn{appearance:none;font-family:var(--mc-font);letter-spacing:.06em;text-transform:uppercase;cursor:default;border:0;border-radius:8px;padding:.7rem 1rem;font-size:.78rem;font-weight:650}.mc-ds__btn--primary{background:var(--mc-guest);color:#fff}.mc-ds__btn--secondary{color:var(--mc-ink);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--mc-ink) 28%, transparent);background:0 0}.mc-ds__btn--ghost{background:color-mix(in srgb, var(--mc-guest) 14%, #fff);color:var(--mc-guest)}.mc-ds__btn--admin{background:var(--mc-admin);color:#fff}.mc-ds__stepper{align-items:center;gap:.55rem;display:inline-flex}.mc-ds__step{width:2.35rem;height:2.35rem;font-family:var(--mc-font);border-radius:999px;place-items:center;font-size:1.1rem;font-weight:650;display:grid}.mc-ds__step--muted{color:var(--mc-muted);background:#edf1f5}.mc-ds__step--plus{background:var(--mc-guest);color:#fff}.mc-ds__step-value{text-align:center;min-width:1.25rem;font-family:var(--mc-font);color:var(--mc-ink);font-weight:650}.mc-ds__check{width:100%;font-family:var(--mc-font);color:var(--mc-ink);align-items:center;gap:.55rem;font-size:.92rem;display:flex}.mc-ds__check-box{width:1.15rem;height:1.15rem;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--mc-ink) 30%, transparent);background:#fff;border-radius:4px}.mc-ds__check-box.is-on{background:var(--mc-guest);box-shadow:none;position:relative}.mc-ds__check-box.is-on:after{content:"";border:2px solid #fff;border-top:0;border-left:0;position:absolute;inset:.28rem .22rem .32rem .28rem;transform:rotate(40deg)}.mc-ds__toggle{background:color-mix(in srgb, var(--mc-ink) 18%, transparent);border-radius:999px;width:2.7rem;height:1.45rem;padding:.15rem}.mc-ds__toggle.is-on{background:var(--mc-admin)}.mc-ds__toggle span{background:#fff;border-radius:999px;width:1.15rem;height:1.15rem;margin-left:auto;display:block}.mc-ds__field{width:100%;font-family:var(--mc-font);color:var(--mc-ink);gap:.35rem;font-size:.82rem;font-weight:650;display:grid}.mc-ds__input{border:1px solid color-mix(in srgb, var(--mc-ink) 16%, transparent);background:#fff;border-radius:8px;padding:.7rem .8rem;font-weight:500;display:block}.mc-ds__helper-line{color:var(--mc-muted);font-size:.84rem;font-weight:400;line-height:1.4}@media (width<=980px){.mc-ds__swatch-grid,.mc-ds__space-grid{grid-template-columns:1fr 1fr}.mc-ds__panel:last-child,.mc-ds__space-card:last-child{grid-column:1/-1}}@media (width<=720px){.mc-ds__swatch-grid,.mc-ds__space-grid,.mc-ds__comp-grid{grid-template-columns:1fr}.mc-ds__panel:last-child,.mc-ds__space-card:last-child{grid-column:auto}.mc-ds__swatches li,.mc-ds__type-row{grid-template-columns:1fr}.mc-ds__type-row code{text-align:left;justify-self:start}}.branding-board{gap:.7rem;margin-top:1.75rem;display:grid}.branding-board__pair{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.branding-board__mosaic{grid-template-rows:repeat(14,minmax(0,1fr));grid-template-columns:repeat(18,minmax(0,1fr));gap:.7rem;height:min(112vh,1040px);display:grid}.branding-board__cell{background:color-mix(in srgb, var(--text) 6%, transparent);border-radius:16px;min-width:0;min-height:0;margin:0;overflow:hidden}.branding-board__pair .branding-board__cell{aspect-ratio:3/2}.branding-board__cell img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.branding-board__cell--b1{grid-area:1/1/7/6}.branding-board__cell--gif{grid-area:1/6/6/14}.branding-board__cell--b4{grid-area:1/14/11/19}.branding-board__cell--b5{grid-area:6/6/11/10}.branding-board__cell--b2{grid-area:6/10/11/14}.branding-board__cell--b3{grid-area:7/1/11/6}.branding-board__cell--b7{grid-area:11/1/15/7}.branding-board__cell--b8{grid-area:11/7/15/19}@media (width<=900px){.branding-board{gap:.45rem}.branding-board__pair{grid-template-columns:1fr 1fr;gap:.45rem}.branding-board__pair .branding-board__cell{aspect-ratio:16/10}.branding-board__mosaic{grid-template-rows:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;height:auto;display:grid}.branding-board__cell--b1,.branding-board__cell--gif,.branding-board__cell--b4,.branding-board__cell--b5,.branding-board__cell--b2,.branding-board__cell--b3,.branding-board__cell--b7,.branding-board__cell--b8{aspect-ratio:1;grid-area:auto;max-height:148px}.branding-board__cell--b1,.branding-board__cell--gif{aspect-ratio:16/10;grid-column:span 2;max-height:150px}.branding-board__cell--b4,.branding-board__cell--b5,.branding-board__cell--b2,.branding-board__cell--b3{aspect-ratio:1;grid-column:span 1;max-height:120px}.branding-board__cell--b7,.branding-board__cell--b8{aspect-ratio:16/10;grid-column:span 2;max-height:140px}.branding-board__cell img{object-fit:cover}}.opp-quadrant{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.5rem;display:grid}.opp-card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:14px;align-content:start;gap:.55rem;padding:1.15rem 1.2rem 1.25rem;display:grid}.opp-card h3{margin:0;font-size:1.05rem}.opp-card p{color:var(--muted);margin:0;font-size:.95rem}.opp-card.is-chosen{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));background:color-mix(in srgb, var(--accent-soft) 55%, var(--surface))}.opp-card__why{color:var(--ink);margin:.35rem 0 0;padding-left:1.1rem;font-size:.9rem}.opp-card__why li{margin:.2rem 0}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1.25rem;margin-top:1.75rem;display:grid}.compare-card{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:var(--figure);border-radius:16px;flex-direction:column;height:100%;min-height:0;margin:0;display:flex;overflow:hidden}.compare-card>.case-card__tag{margin:0;padding:.85rem 1rem .55rem}.compare-card__frame{aspect-ratio:4/3;background:var(--figure);border:0;border-radius:0;margin:0;overflow:hidden}.compare-card__frame img,.compare-card img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.compare-card>img{aspect-ratio:4/3;background:var(--figure)}.compare-card figcaption{color:var(--muted);border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent);margin-top:auto;padding:.75rem 1rem 1rem;font-size:.9rem}.function-card .case-figure{margin-top:1rem}.function-card .case-figure img{aspect-ratio:16/10;object-fit:cover;object-position:top center}.function-block{gap:1.1rem;margin-top:2.5rem;display:grid}.function-block__copy{gap:.55rem;max-width:42rem;display:grid}.function-block__copy h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,2.4vw,1.7rem)}.function-block__copy p{color:var(--muted);margin:0}.function-block__figure img{object-fit:contain;background:var(--figure);width:100%;height:auto;display:block}.feature-comps{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1rem;margin-top:.35rem;display:grid}.feature-comps--split{align-items:stretch}.feature-comp{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:var(--figure);border-radius:16px;flex-direction:column;min-width:0;height:100%;margin:0;display:flex;overflow:hidden}.case-figure--phones{margin-top:1.25rem}.case-figure__phones{background:var(--figure);flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:clamp(.75rem,3vw,1.5rem);padding:1rem 1rem .25rem;display:flex}.case-figure__phones .case-figure__zoom--static{flex:0 220px;width:min(42%,220px);max-width:220px}.case-figure__phones .case-figure__zoom--static img{width:100%;height:auto;display:block}.case-figure--phones figcaption{text-align:left}.feedback-split{grid-template-columns:minmax(0,18rem) minmax(0,1fr);align-items:center;gap:clamp(1rem,3vw,1.75rem);margin-top:1.5rem;display:grid}.feedback-split .case-figure--feedback{width:100%;max-width:none;margin:0}.feedback-split .case-figure--feedback img{width:100%;height:auto}.feedback-retro{min-width:0}.feedback-retro p{color:var(--muted);max-width:28rem;margin:0;font-size:.98rem;line-height:1.55}@media (width<=560px){.case-figure__phones{padding:.75rem .75rem .15rem}.case-figure__phones .case-figure__zoom--static{flex-basis:46%;width:46%;max-width:160px}.feedback-split{grid-template-columns:minmax(0,44%) minmax(0,1fr);align-items:center;gap:.75rem}.feedback-retro p{font-size:.8rem;line-height:1.4}}.feature-comp--wide{grid-column:1/-1}.feature-comp__frame{background:var(--figure);flex:auto;place-items:center;min-height:min(52vh,360px);padding:.85rem;display:grid}.feature-comp__frame img,.feature-comp>img{object-fit:contain;object-position:center center;width:100%;height:100%;max-height:min(52vh,360px);display:block}.feature-comp__zoom{cursor:zoom-in;background:0 0;border:0;border-radius:8px;place-items:center;width:100%;height:100%;margin:0;padding:0;display:grid}.feature-comp__zoom:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.feature-comp__zoom img{pointer-events:none}.feature-comp--wide>img,.feature-comp--wide .feature-comp__frame{height:auto;min-height:0;max-height:none}.feature-comp--wide>img{object-fit:contain;width:100%;height:auto;max-height:none}.feature-comp figcaption{color:var(--muted);border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent);margin-top:auto;padding:.75rem 1rem 1rem;font-size:.9rem}.collab-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.collab-flow li{border-top:2px solid var(--accent);background:color-mix(in srgb, var(--accent-soft) 35%, transparent);gap:.3rem;padding:.95rem 1rem;display:grid}.collab-flow strong{letter-spacing:.02em;font-size:.92rem}.collab-flow span{color:var(--muted);font-size:.92rem;line-height:1.4}.collab-steps{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;margin-top:.35rem;display:grid}.collab-step{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:var(--bg);border-radius:16px;flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.collab-step__copy{gap:.35rem;padding:1rem 1rem .85rem;display:grid}.collab-step__label{letter-spacing:.01em;margin:0;font-size:.95rem;font-weight:700}.collab-step__copy>p:last-child{color:var(--muted);margin:0;font-size:.92rem;line-height:1.45}.collab-step__figure{border-top:1px solid color-mix(in srgb, var(--ink) 8%, transparent);background:var(--figure);flex:auto;place-items:stretch stretch;min-height:0;margin:0;display:grid}.collab-step__figure img{object-fit:contain;object-position:top center;width:100%;height:100%;max-height:min(42vh,320px);display:block}.case-drawer{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:color-mix(in srgb, var(--bg) 92%, var(--figure));border-radius:16px;margin-top:1.75rem;overflow:hidden}.case-drawer>summary{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.05rem 1.15rem;font-weight:650;list-style:none;display:flex}.case-drawer>summary::-webkit-details-marker{display:none}.case-drawer__summary-copy{gap:.25rem;min-width:0;display:grid}.case-drawer__eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.case-drawer__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700}.case-drawer__hint{color:var(--muted);margin:0;font-size:.92rem;font-weight:500;line-height:1.4}.case-drawer__chevron{border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);width:1.65rem;height:1.65rem;color:var(--muted);transition:transform .25s var(--ease), color .2s ease, border-color .2s ease;border-radius:999px;flex:none;place-items:center;margin-top:.15rem;display:grid}.case-drawer__chevron svg{width:.85rem;height:.85rem}.case-drawer[open]>summary .case-drawer__chevron{color:var(--ink);border-color:color-mix(in srgb, var(--ink) 28%, transparent);transform:rotate(180deg)}.case-drawer__body{border-top:1px solid color-mix(in srgb, var(--ink) 8%, transparent);gap:1.35rem;padding:0 1.15rem 1.25rem;display:grid}.case-drawer__body .case-prose{margin:0;padding-top:1rem}.case-drawer__body .case-prose p{margin:0 0 .75rem}.case-drawer__body .case-prose p:last-child{margin-bottom:0}.case-drawer__tension{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding-top:1rem;display:grid}.case-drawer__side{border:1px solid color-mix(in srgb, var(--ink) 10%, transparent);background:color-mix(in srgb, var(--bg) 88%, var(--figure));border-radius:12px;gap:.3rem;padding:.9rem 1rem;display:grid}.case-drawer__side-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);margin:0;font-size:.72rem;font-weight:750}.case-drawer__side p{color:var(--ink);margin:0;font-size:.95rem;line-height:1.4}.case-drawer__side--need .case-drawer__side-label{color:var(--muted)}.case-drawer__beat{gap:.65rem;display:grid}.case-drawer__beat-head{gap:.2rem;display:grid}.case-drawer__beat-step{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem;font-weight:750}.case-drawer__beat-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:700}.case-drawer__beat-copy{max-width:40rem;color:var(--muted);margin:0;font-size:.95rem;line-height:1.45}.case-drawer__coda{background:color-mix(in srgb, var(--accent-soft) 40%, transparent);color:var(--ink);border-radius:12px;margin:0;padding:.85rem 1rem;font-size:.95rem;line-height:1.45}@media (width<=900px){.case-drawer__tension{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.case-drawer__chevron{transition:none}}@media (width<=900px){.collab-flow,.collab-steps,.feature-comps,.feature-comps--split{grid-template-columns:1fr}.feature-comp--wide{max-width:none}.feature-comp__frame{flex:none;min-height:0;padding:.5rem}.feature-comp__frame img,.feature-comp>img{width:100%;height:auto;max-height:none}.feature-comp figcaption{margin-top:0;padding:.55rem .75rem .75rem}}.case-card h3{margin:0 0 .45rem;font-size:1.05rem}.case-card p{color:var(--muted);margin:0;font-size:.96rem}.case-card__tag{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;font-size:.78rem;font-weight:700;display:inline-block}.system-stack{gap:2.75rem;margin-top:2rem;display:grid}.system-block{gap:.85rem;display:grid}.system-block__copy{gap:.35rem;max-width:40rem;display:grid}.system-block__copy h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,2.2vw,1.55rem)}.system-block__copy p{color:var(--muted);margin:0;line-height:1.55}.system-stack .case-figure,.system-stack .ba-stack,.system-stack .branding-board__pair{margin-top:0}.ba-stack{gap:1.75rem;display:grid}.ba-compare{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:var(--figure);border-radius:16px;margin:0;overflow:hidden}.ba-compare__viewport{aspect-ratio:16/9;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--figure);position:relative;overflow:hidden}.ba-compare__after,.ba-compare__before{object-fit:cover;object-position:left top;pointer-events:none;width:100%;height:100%;display:block}.ba-compare__after{position:absolute;inset:0}.ba-compare__before-wrap{z-index:1;width:96%;position:absolute;inset:0 auto 0 0;overflow:hidden}.ba-compare__before{max-width:none;position:absolute;inset:0 auto 0 0}.ba-compare__handle{z-index:3;cursor:ew-resize;touch-action:none;background:0 0;border:0;width:44px;margin:0;padding:0;position:absolute;top:0;bottom:0;left:96%;transform:translate(-50%)}.ba-compare__line{background:color-mix(in srgb, var(--accent) 85%, white);width:2px;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 18%, transparent);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.ba-compare__knob{border:2px solid color-mix(in srgb, var(--accent) 85%, white);background:linear-gradient(90deg, transparent 0 38%, color-mix(in srgb, var(--ink) 55%, transparent) 38% 42%, transparent 42% 58%, color-mix(in srgb, var(--ink) 55%, transparent) 58% 62%, transparent 62% 100%), color-mix(in srgb, var(--bg) 92%, white);width:34px;height:34px;box-shadow:0 6px 18px color-mix(in srgb, var(--ink) 18%, transparent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ba-compare__tag{z-index:2;background:color-mix(in srgb, var(--ink) 72%, transparent);color:#f4fbf9;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;border-radius:6px;padding:.2rem .5rem;font-size:.72rem;font-weight:700;position:absolute;top:.75rem}.ba-compare__tag--before{left:.75rem}.ba-compare__tag--after{right:.75rem}.ba-compare figcaption{color:var(--muted);border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent);padding:.75rem 1rem 1rem;font-size:.9rem}.case-figure{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:var(--figure);border-radius:16px;margin:1.75rem 0 0;overflow:hidden}.case-figure img{width:100%;height:auto;display:block}.case-figure figcaption{color:var(--muted);border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent);padding:.75rem 1rem 1rem;font-size:.9rem}.gallery-pin{height:calc(100svh - var(--nav-h) - var(--toc-h));margin:2rem 0 0;position:relative}.gallery-pin.scene{will-change:opacity;transform:none}.gallery-pin.scene.is-active,.gallery-pin.scene.is-faded,.gallery-pin.scene.is-active.is-popping{animation:none;transform:none}.gallery-pin__sticky{top:calc(var(--nav-h) + var(--toc-h));height:calc(100svh - var(--nav-h) - var(--toc-h));align-items:center;padding:1rem 0;display:flex;position:sticky;overflow:hidden}.gallery-pin__viewport{width:100%;height:min(68vh,560px);overflow:hidden}.gallery-pin__track{will-change:transform;gap:clamp(1.5rem,4vw,3rem);height:100%;display:flex}.gallery-panel{flex:0 0 100%;align-items:center;width:100%;min-width:100%;height:100%;display:flex}.gallery-panel__stage{transform-origin:50%;will-change:transform, opacity;align-content:center;gap:.75rem;width:100%;height:100%;margin:0;display:grid}.gallery-panel__stage img{object-fit:contain;border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);background:var(--figure);width:100%;height:min(58vh,480px);box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 4%, transparent), 0 18px 40px color-mix(in srgb, var(--ink) 10%, transparent);border-radius:16px;display:block}.gallery-panel__stage figcaption{color:var(--muted);max-width:40rem;font-size:.92rem}.work-next__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2.75rem,7vw,5rem);display:grid}.work-next__card{grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);align-items:center;gap:.55rem;padding:.35rem 0 0;transition:opacity .25s;display:grid}.work-next__card:hover{opacity:.88}.work-next__label{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:700}.work-next__meta h3{font-family:var(--font-display);letter-spacing:-.02em;margin:.15rem 0 .55rem;font-size:1.35rem}.work-next__meta p{color:var(--muted);margin:0;font-size:.95rem}.work-next__card .work-panel__media{height:160px}.work-panel__title-link{color:inherit;transition:color .2s}.work-panel__title-link:hover{color:var(--accent-strong)}.work-panel__media-link{border-radius:18px;min-width:0;transition:opacity .2s;display:block}.work-panel__media-link:hover{opacity:.92}@media (width<=900px){.nav-shell{padding:.65rem .75rem 0}.case-chrome__rail{padding:0 .75rem 3px}.case-toc{justify-content:space-between;align-items:flex-start;gap:.5rem;overflow:visible}.case-toc.is-mobile-window{flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;column-gap:clamp(.25rem,1.8vw,.65rem);width:100%;display:flex}.case-toc.is-mobile-window>a{white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center;flex:1 1 0;min-width:0;max-width:none;padding:0;font-size:.68rem;line-height:1.2;position:static;top:auto;left:auto;transform:none}.case-toc.is-mobile-window>a:first-child{text-align:left}.case-toc.is-mobile-window>a:last-of-type{text-align:right}.case-toc.is-mobile-window>.case-toc__ellipsis{flex:none;justify-content:center;align-self:flex-start;align-items:center;width:1.05em;height:.816rem;margin:0;padding:0;font-size:.68rem;line-height:0;display:inline-flex;position:static;top:auto;left:auto;transform:none}.case-toc.is-mobile-window>.case-toc__ellipsis:before{content:"";background:currentColor;border-radius:50%;width:.18em;height:.18em;transform:translate(-.34em);box-shadow:.34em 0,.68em 0}.case-toc__ellipsis{color:var(--muted);pointer-events:none;-webkit-user-select:none;user-select:none}}.nav__links a.is-current{color:var(--ink)}@media (width<=900px){.case-meta,.case-stats,.case-grid-2:not(.case-grid-2--stay),.case-grid-3,.opp-quadrant,.compare-grid,.work-next__grid,.work-next__card{grid-template-columns:1fr}.gallery-pin__viewport{height:min(58vh,420px)}.gallery-panel__stage img{height:min(46vh,340px)}}@media (prefers-reduced-motion:reduce){.gallery-pin{height:auto}.gallery-pin__sticky{height:auto;position:relative;top:auto;overflow:visible}.gallery-pin__viewport{height:auto;overflow:visible}.gallery-pin__track{gap:1.5rem;display:grid;transform:none!important}.gallery-panel{min-width:0}.gallery-panel__stage{opacity:1!important;transform:none!important}.gallery-panel__stage img{height:auto}}.not-found-page{min-height:calc(100vh - var(--nav-h));flex-direction:column;display:flex}.not-found{min-height:calc(100vh - var(--nav-h) - 6rem);padding:calc(var(--nav-h) + 1.75rem) 0 2.5rem;flex:1;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid;position:relative}.not-found__stage{z-index:0;pointer-events:none;border-radius:28px;min-height:min(52vh,420px);position:relative;overflow:hidden}.not-found__content{z-index:1;text-align:left;width:min(34rem,100%);position:relative}.not-found h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 .85rem;font-size:clamp(2rem,4.5vw,3rem);font-weight:800;line-height:1.08}.not-found__lede{max-width:30rem;color:var(--muted);margin:0 0 1.75rem;font-size:1.08rem}.not-found__actions{flex-wrap:wrap;gap:.75rem;display:flex}.nf-scene{background:radial-gradient(120% 90% at 12% 18%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 55%), radial-gradient(90% 80% at 88% 78%, color-mix(in srgb, var(--ink) 8%, transparent), transparent 50%), linear-gradient(155deg, color-mix(in srgb, var(--bg-soft) 70%, #cfe8e4) 0%, var(--bg) 48%, color-mix(in srgb, var(--bg-soft) 55%, #d7e2ef) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 6%, transparent);border-radius:28px;position:absolute;inset:0;overflow:hidden}html[data-theme=dark] .nf-scene{background:radial-gradient(120% 90% at 14% 20%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 55%), radial-gradient(90% 80% at 86% 76%, #7dd3fc1a, transparent 52%), linear-gradient(155deg, #0c1a22 0%, #081018 50%, #122033 100%)}.nf-blob{filter:blur(2px);opacity:.55;will-change:transform;border-radius:50%;position:absolute}.nf-blob--a{aspect-ratio:1;background:color-mix(in srgb, var(--accent) 35%, transparent);width:42%;animation:nfBlobA 12s var(--ease) infinite alternate;top:8%;left:-8%}.nf-blob--b{aspect-ratio:1;background:color-mix(in srgb, var(--ink) 12%, transparent);width:34%;animation:nfBlobB 14s var(--ease) infinite alternate;bottom:4%;right:-6%}.nf-blob--c{aspect-ratio:1;background:color-mix(in srgb, var(--accent-strong) 22%, transparent);width:22%;animation:nfBlobC 10s var(--ease) infinite alternate;top:58%;left:48%}.nf-digits{font-family:var(--font-display);letter-spacing:-.08em;color:color-mix(in srgb, var(--ink) 88%, var(--accent));-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:clamp(.15rem,1.2vw,.55rem);font-size:clamp(6.5rem,16vw,9.5rem);font-weight:800;line-height:.9;display:flex;position:absolute;inset:0}.nf-digit{animation:nfDigitIn .9s var(--ease) calc(var(--i) * .12s) both, nfFloat 4.8s ease-in-out calc(var(--i) * .35s) infinite;display:inline-block}.nf-path{opacity:.9;width:auto;height:auto;position:absolute;inset:12% 8% 10%}.nf-path__line{stroke:color-mix(in srgb, var(--accent) 70%, var(--ink));stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:nfDraw 2.4s var(--ease) .25s forwards}.nf-path__dot{fill:var(--accent-strong);opacity:0;animation:.4s 2.5s forwards nfDotIn}.not-found__content .eyebrow{animation:notFoundIn .7s var(--ease) both}.not-found h1{animation:notFoundIn .8s var(--ease) 60ms both}.not-found__lede{animation:notFoundIn .85s var(--ease) .12s both}.not-found__actions{animation:notFoundIn .9s var(--ease) .18s both}@keyframes notFoundIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes nfDigitIn{0%{opacity:0;transform:translateY(36px)rotate(-6deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes nfFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes nfBlobA{0%{transform:translate(0,0)scale(1)}to{transform:translate(8%,10%)scale(1.08)}}@keyframes nfBlobB{0%{transform:translate(0,0)scale(1)}to{transform:translate(-10%,-8%)scale(1.12)}}@keyframes nfBlobC{0%{transform:translate(0,0)}to{transform:translate(-12%,14%)}}@keyframes nfDraw{to{stroke-dashoffset:0}}@keyframes nfDotIn{to{opacity:1}}@media (width<=900px){.not-found-page{min-height:100dvh;padding-bottom:.65rem}.not-found{min-height:0;padding:calc(var(--nav-h) + .75rem) 0 .65rem;flex:1;grid-template-columns:1fr;place-items:stretch stretch;gap:.9rem}.not-found__stage{order:-1;min-height:min(24vh,170px)}.not-found h1{font-size:clamp(1.55rem,6.5vw,2rem)}.not-found__lede{margin-bottom:1rem;font-size:.98rem}.nf-digits{font-size:clamp(4rem,17vw,5.75rem)}.not-found-page .footer{margin-top:.35rem;padding-top:.65rem}}@media (prefers-reduced-motion:reduce){.nf-blob,.nf-digit,.nf-path__line,.nf-path__dot,.not-found__content .eyebrow,.not-found h1,.not-found__lede,.not-found__actions{animation:none!important}.nf-path__line{stroke-dasharray:none;stroke-dashoffset:0}.nf-path__dot{opacity:0}}