@font-face{font-family:Syne;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/bb/syne-latin-500-normal.woff2) format("woff2")}@font-face{font-family:"DM Serif Display";font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/bb/dm-serif-display-latin-400-normal.woff2) format("woff2")}.wb{position:relative;isolation:isolate;overflow:hidden}.wb h1,.wb h2,.wb h3,.wb h4,.wb p{text-transform:none;max-width:none;color:inherit}.wb{color-scheme:dark;--fl1: .36 .12 305;--fl2: .34 .105 295;--fl3: .32 .085 285;--fl4: .3 .065 275;--fl5: .33 .055 265;--field-ground: .165 .05 285;--field-hue: 285;--paper: var(--field-hue) 100% 5%;--ink: 0 0% 100%;--hairline: var(--field-hue) 41% 19%;--muted-foreground: var(--field-hue) 17% 69%;--muted-ink: 0 0% 74%;--gold: 170 55% 36%;--gold-light: 170 50% 58%;--gold-bright: 170 60% 46%;--gold-dark: 170 60% 25%;--gold-text: 170 50% 58%;--font-display: "Syne", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-precision: "DM Sans", system-ui, sans-serif;--font-quote: "DM Serif Display", Georgia, serif;--ease-fluid: cubic-bezier(.22, 1, .36, 1);--ease-swift: cubic-bezier(.77, 0, .175, 1);--dur-fast: .25s;--dur-med: .6s;--dur-slow: 1s;--reveal-y: 28px;--stagger: 70ms;--gutter: 1.5rem;--page-pad: 3rem;--bg: oklch(var(--field-ground));--fg: hsl(var(--ink))}.wb{font-size:112.5%;scroll-behavior:smooth;scroll-padding-top:4rem}@media (prefers-reduced-motion: reduce){.wb{scroll-behavior:auto}}.wb{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.wb *{box-sizing:border-box}.wb img{max-width:100%;height:auto;display:block}.wb a{color:inherit}.wb :focus-visible{outline:2px solid hsl(var(--gold-light));outline-offset:3px}.wb .wb-field-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden;background:oklch(var(--field-ground))}.wb .wb-field-stage{position:absolute;top:0;right:0;bottom:0;left:0}.wb .wb-field-light{position:absolute;width:120vmax;height:120vmax;border-radius:50%;will-change:transform}.wb .wb-field-light--s1{left:-34vmax;top:-44vmax;opacity:.96;background:radial-gradient(closest-side in oklab,oklch(var(--fl1)),oklch(var(--fl1) / 0) 78%)}.wb .wb-field-light--s2{right:-46vmax;top:-30vmax;opacity:.55;background:radial-gradient(closest-side in oklab,oklch(var(--fl2)),oklch(var(--fl2) / 0) 78%)}.wb .wb-field-light--s3{left:0;top:-4vh;opacity:.45;background:radial-gradient(closest-side in oklab,oklch(var(--fl3)),oklch(var(--fl3) / 0) 78%)}.wb .wb-field-light--s4{right:-40vmax;bottom:-36vmax;opacity:.55;background:radial-gradient(closest-side in oklab,oklch(var(--fl4)),oklch(var(--fl4) / 0) 78%)}.wb .wb-field-light--s5{left:-36vmax;bottom:-46vmax;opacity:.7;background:radial-gradient(closest-side in oklab,oklch(var(--fl5)),oklch(var(--fl5) / 0) 78%)}@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference){.wb .wb-field-light{animation:wb-field-drift 32s ease-in-out infinite alternate}.wb .wb-field-light--s2{animation-duration:38s}.wb .wb-field-light--s3{animation-duration:29s}.wb .wb-field-light--s4{animation-duration:35s}.wb .wb-field-light--s5{animation-duration:31s}}@keyframes wb-field-drift{to{translate:3vmax 2vmax}}.wb .wb-swiss-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);max-width:1440px;margin:0 auto;padding:0 var(--page-pad)}.wb .wb-col{grid-column:1 / -1;min-width:0}@media (min-width: 1025px){.wb .wb-col{grid-column:2 / span 10}}@media (max-width: 768px){.wb .wb-swiss-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:0 1.5rem}}.wb section.wb-band{padding-block:4rem}@media (min-width: 1025px){.wb section.wb-band{padding-block:6rem}}.wb .wb-hero{padding-block:8rem 2.5rem}@media (min-width: 1025px){.wb .wb-hero{padding-block:14rem 4rem}}.wb h1,.wb h2,.wb h3,.wb h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.05;text-wrap:balance;margin:0}.wb .wb-heading-display{font-size:clamp(2.35rem,6.5vw,6rem);letter-spacing:-.03em;line-height:1}.wb .wb-heading-section{font-size:clamp(1.6rem,3.4vw,3rem);letter-spacing:-.02em;line-height:1.05}.wb .wb-heading-card{font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.15}.wb .wb-label-tech{font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;font-weight:500;line-height:1.5;color:hsl(var(--gold-text));display:block}.wb .wb-body-lg{font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.65}.wb .wb-body-base{font-size:1rem;line-height:1.65}.wb .wb-body-sm{font-size:.875rem;line-height:1.6}.wb .wb-muted{color:hsl(var(--muted-foreground))}.wb .wb-gold-gradient-text{background:linear-gradient(135deg in oklab,hsl(var(--gold)),hsl(var(--gold-light)),hsl(var(--gold)));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;padding-right:.15em}.wb .wb-divider-gold{height:1px;background:linear-gradient(90deg in oklab,hsl(var(--gold)),hsl(var(--gold) / 0))}.wb .wb-w-24{width:6rem}.wb .wb-w-16{width:4rem}.wb p{margin:0}.wb .wb-stack>*+*{margin-top:1rem}.wb .wb-stack-lg>*+*{margin-top:2rem}.wb .wb-measure{max-width:42rem}.wb .wb-q{font-family:var(--font-quote);font-style:italic;font-size:clamp(1.35rem,2.4vw,2.1rem);line-height:1.25;letter-spacing:-.01em;text-wrap:balance}.wb .wb-q-src{font-family:var(--font-precision);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--muted-foreground));margin-top:.9rem}.wb .wb-mono{font-family:var(--font-precision);font-variant-numeric:tabular-nums}.wb code,.wb .wb-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8em;color:hsl(var(--gold-light))}.wb pre.wb-code{display:block;white-space:pre;overflow-x:auto;padding:1rem 1.25rem;border:1px solid hsl(var(--hairline));border-radius:12px;background:#00000059;color:hsl(var(--muted-ink));line-height:1.55;margin:0}.wb .wb-glass-card{background:#edf1f71f;border:1px solid hsla(0,0%,100%,.18);border-radius:12px;box-shadow:0 20px 60px -20px #00000080;transition:background var(--dur-fast) var(--ease-fluid),border-color var(--dur-fast) var(--ease-fluid),transform var(--dur-fast) var(--ease-fluid);min-width:0}@media (hover: hover) and (pointer: fine){.wb .wb-glass-card{-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4)}.wb .wb-glass-card:hover{background:#edf1f72e;border-color:#ffffff4d;transform:translateY(-4px)}}@media (hover: none){.wb .wb-glass-card{background:#edf1f729}}.wb .wb-p-8{padding:2rem}.wb .wb-p-6{padding:1.5rem}.wb .wb-p-10{padding:2.5rem}@media (max-width: 768px){.wb .wb-p-8,.wb .wb-p-10{padding:1.5rem}}.wb .wb-paper-card{background:#fff;color:#0f0f0f;border-radius:12px;padding:2rem}.wb .wb-ink-card{background:#0a0a0a;color:#fff;border-radius:12px;padding:2rem;border:1px solid hsl(var(--hairline))}.wb .wb-grid{display:grid;gap:1.5rem}.wb .wb-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.wb .wb-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.wb .wb-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.wb .wb-grid-pills{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}@media (max-width: 1024px){.wb .wb-grid-3,.wb .wb-grid-4,.wb .wb-grid-pills{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.wb .wb-grid-2,.wb .wb-grid-3,.wb .wb-grid-4{grid-template-columns:1fr}}.wb .wb-pill{padding:.75rem 1rem;display:flex;flex-direction:column;align-items:flex-start;height:100%}.wb .wb-pill .wb-big{font-family:var(--font-display);font-size:clamp(1.15rem,1.6vw,1.5rem);font-weight:500;line-height:1}.wb .wb-pill .wb-sub{font-size:.75rem;margin-top:.4rem;line-height:1.35}.wb .wb-pill .wb-det{font-size:.75rem;margin-top:.15rem;line-height:1.35;color:hsl(var(--muted-foreground))}.wb .wb-jump{columns:2;column-gap:2rem;list-style:none;padding:0;margin:0}@media (max-width: 640px){.wb .wb-jump{columns:1}}.wb .wb-jump li{break-inside:avoid;margin-bottom:.6rem}.wb .wb-jump a{display:flex;gap:.6rem;align-items:baseline;text-decoration:none;font-size:.875rem;color:hsl(var(--muted-foreground));transition:color var(--dur-fast) var(--ease-fluid)}.wb .wb-jump a:hover{color:hsl(var(--gold-light))}.wb .wb-jump a:before{content:"";width:6px;height:6px;border-radius:50%;background:hsl(var(--gold) / .5);flex:none;transform:translateY(-2px)}.wb .wb-jump .wb-n{font-family:var(--font-precision);font-size:.7rem;letter-spacing:.1em;color:hsl(var(--gold-text));min-width:1.4rem}.wb .wb-tbl-wrap{overflow-x:auto}.wb table{width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.5}.wb th,.wb td{text-align:left;vertical-align:top;padding:.8rem .9rem;border-bottom:1px solid hsl(var(--hairline))}.wb th{font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;font-weight:500;color:hsl(var(--gold-text))}.wb tr:last-child td{border-bottom:0}.wb td.wb-k{color:hsl(var(--gold-light));font-weight:500;white-space:nowrap}.wb .wb-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-family:var(--font-precision);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:500;border-radius:9999px;text-decoration:none;border:1px solid transparent;transition:transform var(--dur-fast) var(--ease-fluid),background var(--dur-fast) var(--ease-fluid);cursor:pointer}.wb .wb-btn-gold{background:#fff;color:#0f0f0f}.wb .wb-btn-outline{border-color:#ffffff59;color:#fff;background:transparent}.wb .wb-btn:hover{transform:translateY(-2px)}.wb .wb-swatch{border-radius:12px;overflow:hidden;border:1px solid hsla(0,0%,100%,.14);min-width:0}.wb .wb-swatch .wb-chip{height:5.5rem}.wb .wb-swatch .wb-meta{padding:.8rem .9rem;background:#edf1f714;font-size:.75rem;line-height:1.5}.wb .wb-swatch .wb-meta b{display:block;font-family:var(--font-display);font-weight:600;font-size:.85rem;letter-spacing:-.01em;margin-bottom:.2rem}.wb .wb-swatch .wb-meta .wb-mono{color:hsl(var(--muted-foreground))}.wb .wb-two{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.wb .wb-two{grid-template-columns:1fr}}.wb .wb-logo-stage{display:grid;place-items:center;padding:3rem 2rem;min-height:14rem}.wb .wb-logo-stage img{width:min(100%,520px)}.wb .wb-clear{position:relative;display:inline-block}.wb .wb-clear .wb-box{position:absolute;top:-18%;right:-9%;bottom:-18%;left:-9%;border:1px dashed hsl(var(--gold-light) / .7);border-radius:4px;pointer-events:none}.wb .wb-clear .wb-tag{position:absolute;top:-18%;right:-9%;transform:translateY(-110%);font-family:var(--font-precision);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--gold-light));white-space:nowrap}.wb .wb-dont{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.wb .wb-dont figure{margin:0;border:1px solid hsl(var(--hairline));border-radius:12px;padding:1rem;background:#00000040;display:flex;flex-direction:column;gap:.75rem}.wb .wb-dont figure div{height:4rem;display:grid;place-items:center;overflow:hidden}.wb .wb-dont figure div img{width:90%}.wb .wb-dont figcaption{font-size:.72rem;color:hsl(var(--muted-foreground));line-height:1.4}.wb .wb-bar{display:grid;grid-template-columns:8rem 1fr;gap:.75rem 1rem;align-items:center;font-size:.85rem}.wb .wb-bar .wb-track{height:12px;border-radius:6px;background:#ffffff14;position:relative;overflow:hidden}.wb .wb-bar .wb-fill{position:absolute;inset:0 auto 0 0;border-radius:6px}.wb .wb-bar .wb-fill.wb-exp{width:50%;background:hsl(var(--muted-foreground) / .55)}.wb .wb-bar .wb-fill.wb-katie{width:83.3%;background:linear-gradient(90deg in oklab,hsl(var(--gold)),hsl(var(--gold-light)))}.wb .wb-bar .wb-axis{grid-column:2;display:flex;justify-content:space-between;font-family:var(--font-precision);font-size:.7rem;letter-spacing:.08em;color:hsl(var(--muted-foreground))}.wb .wb-spec dl{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1.25rem;margin-bottom:0;font-size:.85rem}.wb .wb-spec dt{color:hsl(var(--muted-foreground))}.wb .wb-spec dd{margin:0}.wb .wb-type-spec{display:grid;grid-template-columns:1fr;gap:1.25rem}.wb .wb-type-row{display:grid;grid-template-columns:12rem 1fr;gap:1rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid hsl(var(--hairline))}.wb .wb-type-row:last-child{border-bottom:0}.wb .wb-type-row .wb-lab{font-family:var(--font-precision);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--muted-foreground));line-height:1.5}@media (max-width: 640px){.wb .wb-type-row{grid-template-columns:1fr;gap:.25rem}}.wb .wb-flow{counter-reset:step;display:grid;gap:1rem}.wb .wb-flow .wb-step{display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;align-items:start}.wb .wb-flow .wb-step .wb-n{font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1;color:hsl(var(--gold-light))}.wb .wb-flow .wb-step .wb-n small{display:block;font-size:.6rem;letter-spacing:.16em;font-weight:500;text-transform:uppercase;color:hsl(var(--muted-foreground));margin-top:.3rem}.wb .wb-va{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 640px){.wb .wb-va{grid-template-columns:1fr}}.wb .wb-va .wb-col-h{font-family:var(--font-display);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;margin-bottom:.6rem}.wb .wb-va ul{margin:0;padding-left:1.1rem;font-size:.875rem;line-height:1.55}.wb .wb-va li+li{margin-top:.4rem}.wb .wb-rewrite{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;padding:.9rem 0;border-bottom:1px solid hsl(var(--hairline));font-size:.9rem}.wb .wb-rewrite:last-child{border-bottom:0}.wb .wb-rewrite .wb-from{color:hsl(var(--muted-foreground));text-decoration:line-through;text-decoration-color:hsl(var(--muted-foreground) / .5)}.wb .wb-rewrite .wb-to{font-weight:500}.wb .wb-rewrite .wb-arr{font-family:var(--font-precision);font-size:.65rem;letter-spacing:.12em;color:hsl(var(--gold-text));text-transform:uppercase}@media (max-width: 640px){.wb .wb-rewrite{grid-template-columns:1fr;gap:.25rem}}.wb .wb-motion-demo{display:grid;gap:.75rem}.wb .wb-motion-demo .wb-card{padding:1rem 1.25rem;font-size:.85rem}.wb .wb-reveal{opacity:1;transform:none}.wb .wb-reveal{opacity:0;transform:translateY(var(--reveal-y));transition:opacity var(--dur-med) var(--ease-fluid),transform var(--dur-med) var(--ease-fluid);transition-delay:calc(var(--reveal-steps, 0) * var(--stagger))}.wb .wb-reveal.wb-is-in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.wb .wb-reveal{opacity:1;transform:none;transition:none}}.wb .wb-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.wb .wb-chip{font-family:var(--font-precision);font-size:.72rem;letter-spacing:.08em;padding:.35rem .7rem;border-radius:9999px;border:1px solid hsl(var(--hairline));color:hsl(var(--muted-ink))}.wb .wb-chip.wb-no{border-color:#d1474780;color:#eea0a0}.wb .wb-chip.wb-ok{border-color:hsl(var(--gold) / .6);color:hsl(var(--gold-light))}.wb .wb-chip.wb-rev{border-style:dashed}.wb .wb-foot{padding-block:3rem 5rem;font-size:.78rem;color:hsl(var(--muted-foreground));border-top:1px solid hsl(var(--hairline))}.wb .wb-foot img{width:180px;opacity:.8;margin-bottom:1.25rem}.wb .wb-n-sec{font-family:var(--font-precision);font-size:.7rem;letter-spacing:.18em;color:hsl(var(--muted-foreground));margin-right:.75rem}.wb .wb-lecture{border-radius:12px;overflow:hidden;aspect-ratio:3 / 4;max-height:32rem}.wb .wb-lecture img{width:100%;height:100%;object-fit:cover}.wb .wb-note{font-size:.8rem;color:hsl(var(--muted-foreground));border-left:2px solid hsl(var(--gold) / .6);padding-left:.9rem}.wb .wb-kv{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1.5rem;font-size:.9rem;margin:0}.wb .wb-kv dt{color:hsl(var(--muted-foreground))}.wb .wb-kv dd{margin:0}@media (max-width: 640px){.wb .wb-kv{grid-template-columns:1fr;gap:.1rem .5rem}.wb .wb-kv dd{margin-bottom:.6rem}}@font-face{font-family:Barlow Condensed;font-weight:500;font-display:swap;src:url(/fonts/barlow-condensed-500.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700.woff2) format("woff2")}:root{--night: #07080c;--ink-2: #0f1220;--ink-3: #161a2e;--electric: #2b4bff;--electric-hi: #4a66ff;--ice: #9ec5ff;--t1: rgba(255, 255, 255, .92);--t2: rgba(255, 255, 255, .64);--t3: rgba(255, 255, 255, .48);--hair: rgba(255, 255, 255, .08);--hair-2: rgba(255, 255, 255, .16);--display: "Barlow Condensed", "Futura", "Arial Narrow", sans-serif;--body: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--gutter: clamp(1rem, 4vw, 4rem);--max: 112rem;--ease: cubic-bezier(.22, 1, .36, 1);--swift: cubic-bezier(.77, 0, .175, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--night)}html.lenis,html.lenis body{height:auto}body{margin:0;background:var(--night);color:var(--t1);font-family:var(--body);font-weight:300;font-size:1.0625rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(60vw 50vh at 85% -10%,rgba(43,75,255,.16),transparent 70%),radial-gradient(50vw 50vh at -10% 110%,rgba(158,197,255,.07),transparent 70%),var(--night)}::selection{background:var(--electric);color:#fff}img,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ice);outline-offset:3px}h1,h2,h3{font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:-.01em;line-height:.95;margin:0;color:#fff;text-wrap:balance}p{margin:0;max-width:62ch;text-wrap:pretty}.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--gutter);top:.75rem;z-index:100;background:#fff;color:var(--night);padding:.5rem 1rem}.label{font-family:var(--display);font-weight:500;font-size:.95rem;letter-spacing:.04em;color:var(--ice)}.muted{color:var(--t2)}.lead{font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.55;color:var(--t2);max-width:52ch}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.js .reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.js .reveal{opacity:1;transform:none;transition:none}}.page-enter{animation:page-enter .7s var(--ease) both}@keyframes page-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.page-enter{animation:none}}.nav{position:fixed;inset:0 0 auto;z-index:50;height:5rem;display:flex;align-items:center;transition:background-color .4s var(--ease),backdrop-filter .4s var(--ease),border-color .4s;border-bottom:1px solid transparent}.nav.is-scrolled{background:#07080c99;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--hair)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{font-family:var(--display);font-weight:700;font-size:1.35rem;letter-spacing:.06em;text-transform:uppercase;color:#fff}.brand span{color:var(--electric-hi)}.nav-links{display:none;align-items:center;gap:2.25rem}.nav-links a{position:relative;font-family:var(--display);font-weight:500;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;color:var(--t2);transition:color .25s}.nav-links a:hover,.nav-links a[aria-current=page]{color:#fff}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--electric-hi);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.nav-links a[aria-current=page]:after,.nav-links a:hover:after{transform:scaleX(1)}.menu-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:0 .25rem;background:none;border:0;color:#fff;font-family:var(--display);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}@media (min-width: 900px){.nav-links{display:flex}.menu-btn{display:none}}.menu-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--night);display:flex;flex-direction:column;padding:1.25rem var(--gutter) 2rem}.menu-sheet-top{display:flex;align-items:center;justify-content:space-between;height:2.5rem}.menu-sheet nav{display:grid;gap:.25rem;margin-top:3rem}.menu-sheet nav a{font-family:var(--display);font-weight:600;font-size:clamp(2.75rem,14vw,4rem);text-transform:uppercase;line-height:1.05}.menu-sheet nav a[aria-current=page]{color:var(--electric-hi)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.25rem;padding:0 1.75rem;border:1px solid var(--hair-2);background:transparent;color:#fff;font-family:var(--display);font-weight:600;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background-color .25s var(--ease),border-color .25s,color .25s,box-shadow .25s}.btn:hover{background:#fff;border-color:#fff;color:var(--night)}.btn-electric{background:var(--electric);border-color:var(--electric)}.btn-electric:hover{background:var(--electric-hi);border-color:var(--electric-hi);color:#fff;box-shadow:0 0 40px #2b4bff8c}.btn:disabled{opacity:.6;cursor:progress}.actions{display:flex;flex-wrap:wrap;gap:.75rem}.section{padding-block:clamp(5rem,11vw,10rem)}.section-sm{padding-block:clamp(3rem,6vw,5rem)}.hair-top{border-top:1px solid var(--hair)}.split{display:grid;gap:2.5rem 4rem}@media (min-width: 960px){.split{grid-template-columns:5fr 7fr}}.page-head{padding-top:clamp(8rem,16vw,12rem);padding-bottom:clamp(3rem,6vw,5rem)}.page-head h1{font-size:clamp(3.5rem,11vw,10rem);font-weight:700;line-height:.88;max-width:14ch}.page-head .lead{margin-top:2rem}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}.hero video,.hero .hero-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,var(--night) 4%,rgba(7,8,12,.55) 45%,rgba(7,8,12,.35) 70%,rgba(7,8,12,.7)),radial-gradient(120% 80% at 20% 100%,rgba(43,75,255,.25),transparent 60%)}.hero-inner{padding-bottom:clamp(4.5rem,9vw,7rem)}.wordmark-xl{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(4.5rem,17vw,16rem);line-height:.8;letter-spacing:-.02em;margin:0;color:#fff}.wordmark-xl span{display:block}.wordmark-xl .blue{color:var(--electric-hi);text-shadow:0 0 80px rgba(43,75,255,.45)}.hero-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem 3rem;margin-top:clamp(1.5rem,3vw,2.5rem)}.hero-foot p{font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.4;color:var(--t1);max-width:30ch}.scroll-cue{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);display:grid;justify-items:center;gap:.6rem;font-family:var(--display);font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--t3)}.scroll-cue i{width:1px;height:4rem;background:linear-gradient(var(--electric-hi),transparent)}.statement{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:clamp(2.4rem,5.6vw,5.25rem);line-height:.98;letter-spacing:-.01em;max-width:20ch;color:#fff}.statement .dim{color:var(--t3)}.credits-strip{border-block:1px solid var(--hair);padding-block:1.6rem;overflow:hidden}.credits-strip .wrap{display:grid;gap:1rem}@media (min-width: 760px){.credits-strip .wrap{grid-template-columns:auto 1fr;align-items:center;gap:3rem}}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;gap:4rem;width:max-content;animation:marquee 40s linear infinite}.marquee-track span{font-family:var(--display);font-weight:600;font-size:clamp(1.4rem,2.4vw,2rem);text-transform:uppercase;letter-spacing:.02em;color:var(--t2);white-space:nowrap}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.marquee-track{animation:none;flex-wrap:wrap;width:auto;gap:.5rem 2.5rem}}.work-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:clamp(2.5rem,5vw,4rem)}.work-head h2{font-size:clamp(3rem,8vw,7rem);font-weight:700}.work-grid{display:grid;gap:clamp(2.5rem,4vw,3.5rem) clamp(1.25rem,3vw,3rem)}@media (min-width: 760px){.work-grid{grid-template-columns:1fr 1fr}.work-grid .tile:nth-child(2n){margin-top:clamp(0rem,8vw,8rem)}}.tile{display:block}.tile-media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--ink-2)}.tile-media img,.tile-media video{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .6s var(--ease)}.tile-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--flood);mix-blend-mode:color;opacity:0;transition:opacity .5s var(--ease)}.tile-media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,color-mix(in srgb,var(--flood) 55%,transparent),transparent 55%);opacity:0;transition:opacity .5s var(--ease)}.tile.tone-neutral .tile-media:after{background:#fff;mix-blend-mode:soft-light}.tile.tone-neutral .tile-media:before{background:linear-gradient(to top,rgba(255,255,255,.28),transparent 55%)}.tile:hover .tile-media img,.tile:hover .tile-media video,.tile:focus-visible .tile-media img{transform:scale(1.04)}.tile:hover .tile-media:after,.tile:focus-visible .tile-media:after{opacity:.55}.tile.tone-neutral:hover .tile-media:after,.tile.tone-neutral:focus-visible .tile-media:after{opacity:.45}.tile:hover .tile-media:before,.tile:focus-visible .tile-media:before{opacity:1}.tile-chip{position:absolute;z-index:2;top:1rem;left:1rem;padding:.3rem .65rem;background:#07080cb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:var(--display);font-weight:500;font-size:.9rem;letter-spacing:.04em;color:#fff}.tile-meta{display:grid;gap:.35rem;padding-top:1.25rem}.tile-meta h3{font-size:clamp(1.9rem,3vw,2.6rem);font-weight:600;transition:color .3s}.tile:hover .tile-meta h3,.tile:focus-visible .tile-meta h3{color:var(--flood)}.tile.tone-neutral:hover .tile-meta h3,.tile.tone-neutral:focus-visible .tile-meta h3{color:#fff}.tile-meta p{color:var(--t2)}.tile-meta small{font-family:var(--display);font-size:.95rem;letter-spacing:.04em;color:var(--t3)}.caps{display:grid;gap:0;margin:0}@media (min-width: 760px){.caps{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.caps{grid-template-columns:repeat(4,1fr)}}.caps>div{padding:2rem 2rem 2.5rem 0;border-top:1px solid var(--hair-2)}.caps dt{font-family:var(--display);font-weight:600;font-size:2rem;text-transform:uppercase;line-height:1;color:#fff;margin-bottom:1rem}.caps dd{margin:0;color:var(--t2);font-size:1rem}.proof{background:var(--electric);color:#fff;position:relative;overflow:hidden}.proof:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 90% at 100% 0%,rgba(158,197,255,.35),transparent 60%);pointer-events:none}.proof .wrap{position:relative}.proof h2{font-size:clamp(2.6rem,6vw,5.5rem);font-weight:700;max-width:14ch}.proof p{color:#ffffffd1}.stats{display:grid;gap:2rem 3rem;margin:0}@media (min-width: 640px){.stats{grid-template-columns:1fr 1fr}}.stats dt{font-family:var(--display);font-weight:700;font-size:clamp(3.5rem,7vw,6rem);line-height:.9;color:#fff}.stats dd{margin:.5rem 0 0;max-width:26ch;color:#ffffffd1}.on-dark .stats dt{color:color-mix(in srgb,var(--flood, var(--electric-hi)) 75%,#fff)}.on-dark .stats dd{color:var(--t2)}.probe{margin:clamp(3rem,6vw,4.5rem) 0 0}.probe-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;font-size:.95rem;color:#ffffffd1;margin-bottom:1rem}.probe-caption strong{color:#fff;font-weight:500}.probe-track{position:relative;height:3.75rem}.probe-bands{position:absolute;top:1.9rem;right:0;bottom:.75rem;left:0;display:grid;grid-template-columns:repeat(var(--units),1fr);box-shadow:inset 0 0 0 1px #ffffffe6}.probe-bands span:nth-child(2n){background:#ffffffe6}.probe-marker{position:absolute;top:0;bottom:0;left:var(--at);width:0;transition:left 1.8s var(--ease)}.probe-marker:before{content:"";position:absolute;top:1.3rem;bottom:0;left:-2px;width:4px;background:#fff;box-shadow:0 0 18px #ffffffe6}.probe-marker output{position:absolute;bottom:calc(100% - 1.1rem);left:0;transform:translate(-50%);font-family:var(--display);font-weight:700;font-size:1.6rem;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}.probe-ghost{position:absolute;top:1.6rem;bottom:.4rem;left:var(--at);width:2px;margin-left:-1px;background:var(--night);opacity:0;transition:opacity .4s 1.4s}.probe[data-run=true] .probe-ghost{opacity:.8}.probe-ghost span{position:absolute;bottom:calc(100% + .15rem);right:.4rem;font-size:.85rem;color:#ffffffd1;white-space:nowrap}.probe-scale{display:grid;grid-template-columns:repeat(var(--units),1fr);margin-top:.5rem;font-family:var(--display);font-size:.95rem;color:#ffffffb3}.probe-scale span{justify-self:start;transform:translate(-50%)}.probe-scale span:first-child{transform:none}@media (prefers-reduced-motion: reduce){.probe-marker,.probe-ghost{transition:none}}.project-head{padding-top:clamp(8rem,15vw,11rem);padding-bottom:clamp(2.5rem,5vw,4rem)}.back{display:inline-block;font-family:var(--display);font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--t3);margin-bottom:2.5rem;transition:color .25s}.back:hover{color:#fff}.project-head-grid{display:grid;gap:2.5rem}@media (min-width: 1000px){.project-head-grid{grid-template-columns:8fr 3fr;gap:2rem 8%;align-items:end}}.project-label{margin-bottom:1.25rem}.project-head h1{font-size:clamp(3.25rem,9vw,8.5rem);font-weight:700;line-height:.88}.project-head .lead{margin-top:1.75rem}.facts{display:grid;gap:1.1rem;margin:0}.facts dt,.flood-text{font-family:var(--display);font-size:.95rem;letter-spacing:.04em;color:color-mix(in srgb,var(--flood) 62%,#fff)}.facts dd{margin:.15rem 0 0;color:var(--t1)}.media-block{margin:0 0 clamp(1.25rem,3vw,2.5rem)}.media-block img,.media-block video{width:100%;background:var(--ink-2)}.media-full{padding-inline:0}.media-inset{max-width:76rem;margin-inline:auto}@media (min-width: 900px){.media-left{width:72%}.media-right{width:72%;margin-left:auto}}.media-pair.fit img{aspect-ratio:4 / 5;object-fit:cover}.media-pair{display:grid;gap:clamp(1rem,2vw,2rem);align-items:start}@media (min-width: 700px){.media-pair{grid-template-columns:1fr 1fr;max-width:76rem;margin-inline:auto}}.case-block{display:grid;gap:1.25rem 4rem;padding-block:clamp(2.5rem,5vw,4rem);background:linear-gradient(var(--hair),var(--hair)) top / calc(100% - 2 * var(--gutter)) 1px no-repeat}.case-media .mod:first-child,.case-media .media-block:first-child{margin-top:0}@media (min-width: 960px){.case-block{grid-template-columns:4fr 7fr}.case-block h2{position:sticky;top:7rem;align-self:start}}.case-block h2{font-size:clamp(2rem,3.4vw,3rem)}.case-block .body>p+p{margin-top:1.1rem}.case-block .body p{color:var(--t2)}.prev-next{display:grid;border-top:1px solid var(--hair)}@media (min-width: 760px){.prev-next{grid-template-columns:1fr 1fr}.prev-next a+a{border-left:1px solid var(--hair);text-align:right}}.prev-next a{display:grid;gap:.5rem;padding:clamp(2rem,5vw,4rem) var(--gutter)}.prev-next small{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}.prev-next strong{font-family:var(--display);font-weight:600;font-size:clamp(2rem,4.5vw,3.75rem);text-transform:uppercase;line-height:.95;transition:color .3s}.prev-next a:hover strong{color:var(--flood)}.build-panel{display:grid;gap:2rem;padding:clamp(2rem,5vw,4rem);background:var(--ink-2);border:1px solid var(--hair)}@media (min-width: 900px){.build-panel{grid-template-columns:7fr 5fr;align-items:end}}.big-price{font-family:var(--display);font-weight:700;font-size:clamp(4rem,10vw,8rem);line-height:.85;color:var(--electric-hi)}.tiers{display:grid;gap:1px;background:var(--hair);border:1px solid var(--hair)}@media (min-width: 900px){.tiers{grid-template-columns:repeat(3,1fr)}}.tier{background:var(--night);padding:2rem}.tier-featured{background:var(--electric)}.tier h3{font-size:2.25rem}.tier-price{font-family:var(--display);font-weight:700;font-size:3.25rem;line-height:1;margin:1rem 0 .25rem}.tier-price small{font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2)}.tier-featured .tier-price small,.tier-featured li{color:#ffffffd9}.tier ul{margin:1.5rem 0 0;padding-left:1.1rem;color:var(--t2)}.tier li+li{margin-top:.4rem}.steps{list-style:none;margin:0;padding:0;counter-reset:step}.steps li{counter-increment:step;display:grid;gap:.5rem 2rem;padding-block:2.25rem;border-top:1px solid var(--hair)}@media (min-width: 900px){.steps li{grid-template-columns:6rem 4fr 6fr}}.steps li:before{content:counter(step,decimal-leading-zero);font-family:var(--display);font-weight:700;font-size:2.5rem;line-height:1;color:var(--electric-hi)}.steps h3{font-size:2.25rem}.steps .from{margin-top:.75rem;font-size:.95rem;color:var(--t3)}.rows{list-style:none;margin:0;padding:0}.rows li{display:grid;gap:.25rem 2rem;padding-block:1.4rem;border-top:1px solid var(--hair)}@media (min-width: 760px){.rows li{grid-template-columns:16rem 1fr}}.rows strong{font-family:var(--display);font-weight:600;font-size:1.5rem;text-transform:uppercase;line-height:1.1}.rows span{color:var(--t2)}.film-list{columns:2 12rem;column-gap:2rem;margin:0;padding:0;list-style:none}.film-list li{break-inside:avoid;padding-block:.6rem;border-top:1px solid var(--hair)}.film-list small{display:block;color:var(--t3);font-size:.9rem}.form,.form-row{display:grid;gap:1.5rem}@media (min-width: 640px){.form-row{grid-template-columns:1fr 1fr}}.field{display:grid;gap:.5rem}.field label{font-family:var(--display);font-weight:500;font-size:1.05rem;letter-spacing:.04em;color:var(--t1)}.field .hint{font-size:.9rem;color:var(--t3)}.field input,.field select,.field textarea{font:inherit;font-weight:400;font-size:1rem;color:#fff;background:var(--ink-2);border:1px solid var(--hair-2);border-radius:0;padding:.85rem 1rem;width:100%;transition:border-color .2s,box-shadow .2s}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--t2) 50%),linear-gradient(135deg,var(--t2) 50%,transparent 50%);background-position:calc(100% - 1.25rem) 55%,calc(100% - .9rem) 55%;background-size:6px 6px;background-repeat:no-repeat}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--electric-hi);box-shadow:0 0 0 3px #2b4bff59}.field textarea{min-height:9rem;resize:vertical}.honeypot{position:absolute;left:-9999px}.form-status{padding:1.25rem 1.5rem;background:var(--ink-2);border-left:3px solid var(--electric-hi)}.form-status.error{border-left-color:#ff5a4e}.prose>*+*{margin-top:1rem}.prose h2{font-size:2rem;margin-top:2.5rem}.prose p{color:var(--t2)}.prose a{text-decoration:underline;text-underline-offset:.2em}.footer{position:relative;overflow:hidden;border-top:1px solid var(--hair);padding-top:clamp(5rem,10vw,9rem)}.footer:before{content:"";position:absolute;right:-20vw;bottom:-30vw;width:70vw;height:70vw;background:radial-gradient(circle,rgba(43,75,255,.28),transparent 65%);pointer-events:none}.footer .wrap{position:relative}.footer-cta h2{font-size:clamp(3.25rem,10vw,9rem);font-weight:700;line-height:.86;max-width:12ch}.footer-cta .actions{margin-top:2.5rem}.footer-grid{display:grid;gap:2rem;margin-top:clamp(4rem,8vw,7rem);padding-block:2rem;border-top:1px solid var(--hair);font-size:.95rem;color:var(--t3)}@media (min-width: 760px){.footer-grid{grid-template-columns:1fr auto;align-items:center}}.footer-grid nav{display:flex;flex-wrap:wrap;gap:.75rem 1.75rem}.footer-grid a{font-family:var(--display);font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;color:var(--t2);transition:color .25s}.footer-grid a:hover{color:#fff}.wb-frame{position:relative;margin-block:clamp(2.5rem,6vw,5rem);border-block:1px solid var(--hair-2)}.wb-clip{max-height:1500px;overflow:hidden;transition:max-height 1.2s var(--ease)}.wb-frame.is-open .wb-clip{max-height:40000px}.wb-more{position:relative;display:flex;justify-content:center;padding:1.5rem var(--gutter) 2rem}.wb-frame:not(.is-open) .wb-more{margin-top:-14rem;padding-top:11rem;background:linear-gradient(to bottom,transparent,var(--night) 70%)}.wb-more .btn{background:#07080c99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.film-head{display:grid;gap:1rem 3rem;padding-top:clamp(3rem,6vw,5rem);margin-top:clamp(4rem,8vw,7rem);border-top:1px solid var(--hair-2);margin-bottom:clamp(2rem,4vw,3rem)}@media (min-width: 900px){.film-head{grid-template-columns:auto 1fr;align-items:end}}.agency-head{margin-top:0;padding-top:0;border-top:0}.film-head h2{font-size:clamp(3rem,8vw,7rem);font-weight:700}.film-head p{color:var(--t2);max-width:40ch;justify-self:end}.film-grid{display:grid;gap:clamp(2rem,3vw,2.5rem) clamp(1rem,2vw,1.75rem)}@media (min-width: 700px){.film-grid{grid-template-columns:repeat(3,1fr)}}.film-grid .tile-meta h3{font-size:clamp(1.5rem,2.2vw,1.9rem)}.mod{margin-block:clamp(2.5rem,6vw,5rem)}.mod-title{font-family:var(--display);font-weight:600;font-size:clamp(1.6rem,2.6vw,2.25rem);text-transform:uppercase;color:#fff;margin-bottom:1.5rem}.mod-caption{margin-top:1rem;font-size:.95rem;color:var(--t3)}.mod-bleed .mod-caption{margin-top:1rem}.logo-grid{display:grid;gap:1px;background:var(--hair);border:1px solid var(--hair)}@media (min-width: 760px){.logo-grid-2{grid-template-columns:1fr 1fr}.logo-grid-3{grid-template-columns:repeat(3,1fr)}.logo-grid-4{grid-template-columns:1fr 1fr}}.logo-panel{margin:0;position:relative;aspect-ratio:16 / 10;display:grid;place-items:center;overflow:hidden}.logo-panel img{width:62%;max-width:34rem}.logo-panel figcaption{position:absolute;left:1.1rem;bottom:.9rem;font-family:var(--display);font-size:.95rem;letter-spacing:.04em}.ground-paper{background:#f4f5f3;color:#50555c}.ground-ink{background:#0b0d12;color:var(--t3)}.ground-night{background:radial-gradient(80% 90% at 0% 0%,#11397b,transparent 70%),#001021;color:#fff9}.ground-azure{background:radial-gradient(70% 90% at 20% 10%,#a9d4ff,transparent 70%),linear-gradient(120deg,#e8f3ff,#cfe6ff);color:#3b5170}.ground-jade{background:radial-gradient(70% 90% at 80% 0%,#2e8f74,transparent 70%),#04261d;color:#fff9}.browser{margin:0 auto;max-width:76rem;background:#1a1d29;border:1px solid var(--hair-2);box-shadow:0 50px 100px -50px #2b4bff80}.browser-bar{display:flex;align-items:center;gap:1rem;height:2.5rem;padding-inline:1rem;border-bottom:1px solid var(--hair)}.dots{display:flex;gap:.4rem}.dots i{width:.65rem;height:.65rem;border-radius:50%;background:#ffffff2e}.browser-url{flex:1;max-width:28rem;margin-inline:auto;padding:.2rem .9rem;background:#ffffff0f;border-radius:999px;text-align:center;font-size:.8rem;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser img{width:100%}.phones{display:flex;justify-content:center;gap:clamp(1rem,4vw,3.5rem);padding:clamp(2rem,5vw,4rem) 1rem;background:radial-gradient(60% 80% at 50% 0%,rgba(43,75,255,.22),transparent 70%),var(--ink-2);border:1px solid var(--hair)}.phone{margin:0;width:min(42%,17rem);padding:.5rem;background:#050608;border-radius:2.4rem;box-shadow:0 0 0 1px #ffffff1f,0 40px 80px -30px #000c}.phone-screen{border-radius:1.95rem;overflow:hidden;aspect-ratio:9 / 19.5;background:#000}.phone-screen{display:grid;place-items:center}.phone-screen img{width:100%;height:100%;object-fit:contain}.cards{display:grid;gap:clamp(1rem,3vw,2.5rem);padding:clamp(2.5rem,7vw,6rem) clamp(1.5rem,6vw,6rem);background:linear-gradient(160deg,#2a2f3a,#12151d 60%);border:1px solid var(--hair)}@media (min-width: 760px){.cards{grid-template-columns:1fr 1fr;align-items:center}.card-back{transform:translateY(12%) rotate(-3deg)}.card-front{transform:rotate(2deg)}}.card{position:relative;aspect-ratio:3.5 / 2;display:grid;place-items:center;box-shadow:0 30px 50px -20px #000000bf,0 2px 6px #0006}.card img{width:58%}.card-front{background:radial-gradient(90% 120% at 0% 0%,#11397b,transparent 70%),#001021}.card-back{background:#f6f6f4}.card-back img{width:34%;position:absolute;left:8%;top:12%}.card-domain{position:absolute;right:8%;bottom:10%;font-family:var(--body);font-size:clamp(.6rem,1vw,.8rem);letter-spacing:.18em;text-transform:uppercase;color:#3a3d44}.sign{margin:0}.sign-glass{aspect-ratio:21 / 9;display:grid;place-items:center;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 2px,transparent 2px 22px),radial-gradient(60% 90% at 30% 20%,rgba(94,201,184,.35),transparent 70%),radial-gradient(70% 90% at 90% 100%,rgba(17,57,123,.6),transparent 70%),#08251f;border:1px solid var(--hair-2);box-shadow:inset 0 1px #ffffff26}.sign-glass img{width:38%;filter:drop-shadow(0 0 24px rgba(255,255,255,.25))}.palette{display:grid;grid-template-columns:repeat(2,1fr);gap:1px}@media (min-width: 760px){.palette{grid-template-columns:repeat(var(--n),1fr)}}.swatch{min-height:clamp(11rem,22vw,18rem);padding:1.1rem;display:flex;flex-direction:column;justify-content:flex-end;gap:.15rem}.swatch strong{font-family:var(--display);font-weight:600;font-size:1.35rem;text-transform:uppercase;line-height:1}.swatch span{font-size:.85rem;font-variant-numeric:tabular-nums}.swatch small{font-size:.8rem;opacity:.8}.ink-light{color:#fff}.ink-dark{color:#0b0d12}.specimen{padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--hair)}.spec-row{display:grid;gap:.75rem 2rem;padding-block:1.5rem;border-top:1px solid var(--hair)}.spec-row:first-child{border-top:0;padding-top:0}@media (min-width: 900px){.spec-row{grid-template-columns:14rem 1fr;align-items:baseline}}.spec-meta{display:grid;gap:.2rem}.spec-role{font-family:var(--display);font-size:.9rem;letter-spacing:.04em;color:var(--accent)}.spec-meta strong{font-weight:500;color:#fff}.spec-meta small{color:var(--t3)}.spec-sample{max-width:none;color:#fff;font-size:clamp(1.5rem,4.4vw,4rem);line-height:1}.framework{display:grid;margin:0;gap:1px;background:var(--hair);border:1px solid var(--hair)}@media (min-width: 760px){.framework{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.framework{grid-template-columns:repeat(4,1fr)}}.framework>div{background:var(--night);padding:1.75rem;display:grid;gap:1rem;align-content:start}.framework dt{font-family:var(--display);font-size:.95rem;letter-spacing:.04em;color:color-mix(in srgb,var(--flood) 62%,#fff)}.framework dd{margin:0;display:grid;gap:.6rem}.framework strong{font-family:var(--display);font-weight:600;font-size:1.75rem;line-height:1.05;text-transform:uppercase;color:#fff}.framework span{color:var(--t2);font-size:.98rem}.pattern{height:clamp(14rem,34vw,28rem);background-size:clamp(18rem,34vw,32rem) auto;background-repeat:repeat}.trailer{position:relative;aspect-ratio:16 / 9;max-width:76rem;margin-inline:auto;background:#000}.trailer iframe,.trailer-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.trailer-poster{padding:0;background:none;cursor:pointer;color:#fff}.trailer-poster img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),opacity .4s;opacity:.85}.trailer-poster:hover img{transform:scale(1.02);opacity:1}.trailer-play{position:absolute;left:50%;top:50%;width:5.5rem;height:5.5rem;transform:translate(-50%,-50%);border-radius:50%;background:#07080c99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.35)}.trailer-play:after{content:"";position:absolute;left:53%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:.8rem 0 .8rem 1.35rem;border-color:transparent transparent transparent #fff}.trailer-label{position:absolute;left:1.25rem;bottom:1rem;font-family:var(--display);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.case-block.wrap,.mod.wrap,.media-block.wrap,.project-head .wrap{max-width:calc(76rem + 2 * var(--gutter))}.seo-head{display:grid;gap:3rem 4rem;align-items:end}@media (min-width: 1000px){.seo-head{grid-template-columns:6fr 5fr}}.vchart{margin:0;aspect-ratio:600 / 380;width:100%}.vchart svg{display:block;width:100%;height:100%;overflow:visible}.vgrid{stroke:var(--hair);stroke-width:1;vector-effect:non-scaling-stroke}.vaxis{stroke:var(--hair-2);stroke-width:1;vector-effect:non-scaling-stroke}.vline{fill:none;stroke:var(--electric-hi);stroke-width:2;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.vhead{fill:var(--ice)}.js .vchart:not(.is-ready) .vdraw,.js .vchart:not(.is-ready) .vhead{opacity:0}@media (prefers-reduced-motion: reduce){.js .vchart:not(.is-ready) .vdraw,.js .vchart:not(.is-ready) .vhead{opacity:1}}.start-col{width:100%;max-width:calc(40rem + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.start-top{display:flex;justify-content:space-between;align-items:center;min-height:2.75rem}.start-back,.start-change{background:none;border:0;padding:0;color:var(--t2);font:inherit;cursor:pointer}.start-back{font-family:var(--display);font-size:1rem;letter-spacing:.06em;text-transform:uppercase;min-height:2.75rem}.start-back:hover,.start-change:hover{color:#fff}.start-change{text-decoration:underline;text-underline-offset:.2em}.start-count{font-family:var(--display);font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}.start-bar{height:2px;background:var(--hair);margin-bottom:clamp(2.5rem,6vw,4rem)}.start-bar i{display:block;height:100%;background:var(--electric-hi);transition:width .5s var(--ease)}.start-step h1{font-size:clamp(3rem,8vw,5.5rem);font-weight:700;line-height:.9;outline:none}.start-hint{margin-top:1rem;margin-bottom:2.5rem;color:var(--t2);font-size:1.1rem}.choices{display:grid;gap:.6rem}.choice{display:grid;gap:.2rem;width:100%;padding:1.1rem 3rem 1.1rem 1.25rem;text-align:left;background:var(--ink-2);border:1px solid var(--hair-2);color:#fff;font:inherit;cursor:pointer;position:relative;transition:border-color .2s,background-color .2s,transform .2s var(--ease)}.choice:after{content:"";position:absolute;right:1.25rem;top:50%;width:.55rem;height:.55rem;border-top:1.5px solid var(--t2);border-right:1.5px solid var(--t2);transform:translateY(-50%) rotate(45deg);transition:border-color .2s,right .2s var(--ease)}.choice strong{font-family:var(--display);font-weight:600;font-size:1.45rem;text-transform:uppercase;line-height:1.1}.choice span{font-size:.95rem;color:var(--t2)}.choice:hover,.choice:focus-visible{border-color:var(--electric-hi);background:color-mix(in srgb,var(--electric) 14%,var(--ink-2))}.choice:hover:after{border-color:#fff;right:1rem}.choice:active{transform:scale(.99)}.optional{font-family:var(--body);font-weight:300;font-size:.85rem;letter-spacing:0;color:var(--t3);margin-left:.35rem}.more summary{cursor:pointer;color:var(--t2);font-size:.98rem;padding-block:.25rem;list-style:none}.more summary:before{content:"+ ";color:var(--electric-hi)}.more[open] summary:before{content:"− "}.more[open] summary{margin-bottom:1rem}.start-send{width:100%}.start-fine{font-size:.9rem;color:var(--t3);text-align:center;max-width:none}.start-direct{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1rem;margin-top:clamp(3rem,7vw,5rem);padding-top:2rem;border-top:1px solid var(--hair);color:var(--t3);font-size:.95rem}.pgrid{--col-gap: clamp(1rem, 2vw, 2rem);display:grid;column-gap:var(--col-gap);grid-template-columns:[full-start] minmax(calc(var(--gutter) - var(--col-gap)),1fr) [wide-start] repeat(12,minmax(0,6.5rem)) [wide-end] minmax(calc(var(--gutter) - var(--col-gap)),1fr) [full-end]}.pgrid>*{grid-column:wide}.pgrid>.span-full{grid-column:full}.pgrid>.span-wide{grid-column:wide}.pgrid>.span-inset{grid-column:3 / span 10}@media (max-width: 899px){.pgrid>.span-inset{grid-column:wide}}.blk{margin-top:clamp(2rem,5vw,4rem)}.blk-zoom,.blk-film,.blk-sequence{margin-top:clamp(1rem,3vw,2.5rem)}.sec{margin-top:clamp(4rem,9vw,8rem)}.project-head{padding-top:clamp(8rem,15vw,11rem);padding-bottom:clamp(2.5rem,5vw,4rem);row-gap:0}.head-title{grid-column:wide}.head-facts{grid-column:wide;margin-top:2.5rem}@media (min-width: 1000px){.head-title{grid-column:3 / span 6}.head-facts{grid-column:10 / span 3;align-self:end;margin-top:0}.project-head .span-wide{grid-column:3 / span 10}}.project-stats{margin-top:clamp(3rem,6vw,5rem)}@media (min-width: 1000px){.project-stats{grid-column:3 / span 10;grid-template-columns:repeat(var(--stat-n, 4),1fr)}}.sec>.case-block{grid-column:3 / span 10;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);padding-block:0;padding-top:clamp(2rem,4vw,3rem);background:none;border-top:1px solid var(--hair)}.sec>.case-block h2{grid-column:1 / -1}@media (max-width: 899px){.sec>.case-block{grid-column:wide}}.sec>.case-block .body{grid-column:1 / -1;margin-top:1rem}@media (min-width: 960px){.sec>.case-block h2{grid-column:1 / span 4;position:static}.sec>.case-block .body{grid-column:6 / span 6;margin-top:0}}.blk>img,.blk>video{width:100%}.blk .mod{margin-block:0}.scene{position:relative}.scene-zoom{height:230vh}.scene-film{height:320vh}.scene-seq{height:calc(var(--n) * 90vh + 40vh)}.scene-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.scene-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000;will-change:clip-path}.scene-frame img,.scene-frame video{width:100%;height:100%;object-fit:cover;will-change:transform}.scene-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(7,8,12,.85) 0%,rgba(7,8,12,.25) 45%,transparent 70%);pointer-events:none}.scene-copy{position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(2.5rem,7vh,5rem);max-width:76rem;margin-inline:auto;opacity:0;will-change:opacity,transform}.scene-title{font-family:var(--display);font-weight:700;font-size:clamp(2.6rem,7vw,6.5rem);line-height:.9;text-transform:uppercase;color:#fff;max-width:16ch}.scene-line{margin-top:1rem;font-size:clamp(1rem,1.4vw,1.2rem);color:#ffffffd1}.seq-frame{position:absolute;inset:clamp(4.5rem,10vh,6rem) var(--gutter) clamp(6rem,14vh,8rem);max-width:90rem;margin-inline:auto;overflow:hidden}@media (max-width: 759px){.seq-frame{inset:0 var(--gutter);top:50%;bottom:auto;transform:translateY(-55%);aspect-ratio:16 / 10}}.seq-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;will-change:opacity,transform}.seq-layer.fit-cover img{width:100%;height:100%;object-fit:cover}.seq-layer.fit-contain img{width:min(56%,40rem)}.seq-caps{position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(1.75rem,5vh,3rem);max-width:90rem;margin-inline:auto;height:2.5rem}.seq-cap{position:absolute;left:0;bottom:.75rem;font-family:var(--display);font-weight:600;font-size:1.4rem;text-transform:uppercase;color:#fff}.seq-cap span{margin-right:1rem;color:var(--t3);font-variant-numeric:tabular-nums}.seq-bar{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--hair-2)}.seq-bar span{display:block;height:100%;background:color-mix(in srgb,var(--flood) 70%,#fff);transform:scaleX(0);transform-origin:left}@media (prefers-reduced-motion: reduce){.scene-zoom,.scene-film,.scene-seq{height:auto}.scene-stage{position:relative;height:auto;aspect-ratio:16 / 9}.scene-copy{opacity:1}.scene-seq .scene-stage{aspect-ratio:auto}.scene-seq .seq-frame{position:relative;inset:auto;display:grid;gap:1rem}.scene-seq .seq-layer{position:relative;opacity:1!important;aspect-ratio:16 / 9}.scene-seq .seq-caps{display:none}}.timeline{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--hair-2)}.timeline li{display:grid;gap:.35rem 2rem;padding-block:1.6rem;border-bottom:1px solid var(--hair)}@media (min-width: 760px){.timeline li{grid-template-columns:14rem 1fr}}.tl-when{font-family:var(--display);font-weight:600;font-size:1.5rem;color:color-mix(in srgb,var(--flood) 70%,#fff);font-variant-numeric:tabular-nums}.timeline strong{font-family:var(--display);font-weight:600;font-size:1.6rem;text-transform:uppercase;color:#fff;line-height:1.1}.timeline p{margin-top:.4rem;color:var(--t2)}.project.theme-glass{position:relative;isolation:isolate}.project.theme-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(60rem 40rem at 90% 0%,rgba(169,212,255,.16),transparent 70%),radial-gradient(50rem 40rem at 0% 30%,rgba(46,143,116,.14),transparent 70%),radial-gradient(60rem 50rem at 100% 70%,rgba(94,201,184,.1),transparent 70%)}.theme-glass .browser{box-shadow:0 50px 100px -50px #5ec9b873;border-color:#a9d4ff40}.theme-glass .phones{background:radial-gradient(60% 80% at 50% 0%,rgba(94,201,184,.22),transparent 70%),#08151a}.blk.lay-portrait>video,.blk.lay-portrait>img{width:auto;max-width:min(100%,24rem);max-height:82vh;margin-inline:auto;border-radius:1.5rem;box-shadow:0 0 0 1px var(--hair-2),0 40px 80px -30px #000c}.icon{width:1.15rem;height:1.15rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}.icon-list,.terms{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.75rem}.icon-list li,.terms li,.term-note{display:grid;grid-template-columns:1.15rem 1fr;gap:.75rem;align-items:start;margin:0}.icon-list .icon,.terms .icon,.term-note .icon{margin-top:.2rem;color:var(--ice)}.tier-featured .icon-list .icon{color:#fff}.terms{color:var(--t2);font-size:.98rem}.term-note{color:var(--t2);font-size:.95rem;max-width:none}.tier .icon-list{padding-left:0}.cap-h{font-size:clamp(2.2rem,4vw,3.5rem);font-weight:700;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.cap-visual .mod{margin:0}.cap-figure{margin:0;aspect-ratio:16 / 10;display:grid;place-items:center;border:1px solid var(--hair-2)}.cap-figure img{width:62%}.cap-grid{display:grid;margin:0;border-top:1px solid var(--hair-2)}@media (min-width: 760px){.cap-grid{grid-template-columns:1fr 1fr;column-gap:clamp(1.5rem,4vw,4rem)}}.cap-grid>div{padding-block:1.4rem;border-bottom:1px solid var(--hair)}.cap-grid dt{display:flex;align-items:center;gap:.7rem;font-family:var(--display);font-weight:600;font-size:1.45rem;text-transform:uppercase;line-height:1.1;color:#fff}.cap-grid dt .icon{color:var(--ice)}.cap-grid dd{margin:.45rem 0 0;color:var(--t2)}.proof-grid{display:grid;gap:clamp(1.5rem,3vw,2.5rem)}@media (min-width: 760px){.proof-grid{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}}.proof-card{display:grid;gap:.5rem}.proof-media{aspect-ratio:16 / 10;overflow:hidden;background:var(--ink-2);margin-bottom:.75rem}.proof-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}@media (hover: hover) and (pointer: fine){.proof-card:hover .proof-media img{transform:scale(1.03)}}.proof-card h3{font-size:1.9rem}.proof-card p{color:var(--t2)}@media (min-width: 900px) and (max-width: 1180px){.nav-links{gap:1.25rem}.nav-links a{font-size:.98rem}}