@font-face{font-family:BDO Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/6a71cdde200be9977dfc7a15_BDOGrotesk-Regular.woff2)format("woff2")}@font-face{font-family:BDO Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/6a71cdde808e64bec43afab3_BDOGrotesk-Medium.woff2)format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/fonts/archivo-400.woff2)format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/fonts/archivo-500.woff2)format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/fonts/archivo-600.woff2)format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/fonts/archivo-700.woff2)format("woff2")}:root{--n-50:#f9f4f1;--n-100:#efeae6;--n-200:#e2ddd8;--n-300:#ccc6c1;--n-400:#b0a9a4;--n-500:#8e8883;--n-600:#6d6863;--n-700:#514c48;--n-800:#36322f;--n-900:#1d1a17;--n-950:#090705;--cream:#eee9cc;--brown:#674825;--brown-lift:#ca9a66;--warm-black:#100d0a;--danger:#dc2626;--danger-text:#faf8f5;--surface-canvas:var(--cream);--surface-raised:#f6f3e0;--surface-sunk:#e3dec3;--text-primary:var(--n-900);--text-muted:var(--n-700);--text-inverse:var(--cream);--border-subtle:#d6d2ba;--border-strong:var(--n-400);--interactive-primary:var(--brown);--interactive-primary-text:var(--cream);--focus-ring:var(--brown);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (color:lab(0% 0 0)){:root{--n-50:lab(96.521% 1.34146 2.06624);--n-100:lab(93.0057% 1.22127 2.56084);--n-200:lab(88.4116% 1.10954 3.08837);--n-300:lab(80.268% 1.50707 3.31012);--n-400:lab(69.7224% 1.92866 3.53554);--n-500:lab(57.1128% 1.61779 3.51981);--n-600:lab(44.3531% 1.3068 3.56461);--n-700:lab(32.7159% 1.54895 3.18678);--n-800:lab(21.1265% 1.36417 2.59814);--n-900:lab(9.52852% 1.00339 2.65479);--n-950:lab(2.00843% .33357 .952804);--cream:lab(92.1779% -1.77801 14.8038);--brown:lab(33.5101% 10.6464 26.1893);--brown-lift:lab(67.3794% 14.037 34.7478);--warm-black:lab(3.69966% .609584 1.60629);--danger:lab(48.7879% 67.6554 48.6955);--danger-text:lab(97.7061% -.0120103 1.9075);--surface-raised:lab(95.7612% -1.25045 9.50524);--surface-sunk:lab(88.4034% -1.67099 13.7954);--border-subtle:lab(83.9767% -1.5462 12.6333)}}@media (prefers-color-scheme:dark){:root{--surface-canvas:var(--warm-black);--surface-raised:#1b1814;--surface-sunk:#060503;--text-primary:var(--cream);--text-muted:var(--n-400);--text-inverse:var(--warm-black);--border-subtle:#2e2b27;--border-strong:var(--n-700);--interactive-primary:var(--brown-lift);--interactive-primary-text:var(--warm-black);--focus-ring:var(--brown-lift)}@supports (color:lab(0% 0 0)){:root{--surface-raised:lab(8.36046% 1.1154 3.13348);--surface-sunk:lab(1.37433% .258349 .723505);--border-subtle:lab(17.6323% 1.2518 2.98715)}}}:root[data-theme=light]{--surface-canvas:var(--cream);--surface-raised:#f6f3e0;--surface-sunk:#e3dec3;--text-primary:var(--n-900);--text-muted:var(--n-700);--text-inverse:var(--cream);--border-subtle:#d6d2ba;--border-strong:var(--n-400);--interactive-primary:var(--brown);--interactive-primary-text:var(--cream);--focus-ring:var(--brown)}@supports (color:lab(0% 0 0)){:root[data-theme=light]{--surface-raised:lab(95.7612% -1.25045 9.50524);--surface-sunk:lab(88.4034% -1.67099 13.7954);--border-subtle:lab(83.9767% -1.5462 12.6333)}}:root[data-theme=dark]{--surface-canvas:var(--warm-black);--surface-raised:#1b1814;--surface-sunk:#060503;--text-primary:var(--cream);--text-muted:var(--n-400);--text-inverse:var(--warm-black);--border-subtle:#2e2b27;--border-strong:var(--n-700);--interactive-primary:var(--brown-lift);--interactive-primary-text:var(--warm-black);--focus-ring:var(--brown-lift)}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--surface-raised:lab(8.36046% 1.1154 3.13348);--surface-sunk:lab(1.37433% .258349 .723505);--border-subtle:lab(17.6323% 1.2518 2.98715)}}[data-invert]{--surface-canvas:var(--warm-black);--surface-raised:#1b1814;--text-primary:var(--cream);--text-muted:var(--n-400);--border-subtle:#2e2b27;--interactive-primary:var(--brown-lift);--interactive-primary-text:var(--warm-black);background:var(--surface-canvas);color:var(--text-primary)}@supports (color:lab(0% 0 0)){[data-invert]{--surface-raised:lab(8.36046% 1.1154 3.13348);--border-subtle:lab(17.6323% 1.2518 2.98715)}}:root{--font-display:"BDO Grotesk", "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body:"BDO Grotesk", "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--text-2xs:.75rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:2rem;--text-2xl:2.25rem;--text-3xl:4rem;--text-4xl:6rem;--text-5xl:8rem;--text-6xl:12.5rem;--text-hero:clamp(3rem, 25vh, 12.5rem);--weight-body:400;--weight-label:500;--weight-display:500;--track-display:-.03em;--track-tight:-.02em;--track-normal:0em;--track-eyebrow:.13em;--leading-display:1.02;--leading-tight:1.1;--leading-snug:1.45;--leading-body:1.6;--space-1:.125rem;--space-2:.25rem;--space-3:.5rem;--space-4:.625rem;--space-5:.75rem;--space-6:1rem;--space-7:1.125rem;--space-8:1.25rem;--space-9:2.5rem;--space-10:3.125rem;--space-11:3.75rem;--space-12:13.125rem;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.9375rem;--shadow-xl:#00000024 3px 3px 30px 0px;--ease-out-cubic:cubic-bezier(.215, .61, .355, 1);--ease-in-out-cubic:cubic-bezier(.645, .045, .355, 1);--ease-in-out-quart:cubic-bezier(.77, 0, .175, 1);--ease-in-out-quad:cubic-bezier(.455, .03, .515, .955);--ease-expo-out:cubic-bezier(.16, 1, .3, 1);--ease-expo-in-out:cubic-bezier(.87, 0, .13, 1);--dur-instant:50ms;--dur-fast:.3s;--dur-base:.6s;--dur-slow:1s;--dur-draw:1.2s;--dur-epic:2s;--stagger-char:20ms;--stagger-word:60ms;--stagger-line:.1s;--rise-char:60%;--rise-line:130%;--rise-fade:1.875rem;--stagger:var(--stagger-char);--delay-base:0s}
.ds-split>*,.ds-split .ds-char,.ds-split .ds-word,.ds-split .ds-line{transition-delay:calc(var(--delay-base) + var(--i,0) * var(--stagger))}.ds-mask{display:block;overflow:hidden}.ds-char,.ds-word{display:inline-block}.ds-line{display:block}.ds-swap{--stagger:var(--stagger-char);cursor:pointer;color:inherit;text-decoration:none;display:inline-block;position:relative}.ds-swap-layer{white-space:nowrap;display:block}.ds-swap-layer.-hover{position:absolute;inset:0}.ds-swap .ds-char{transition-property:opacity,transform;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-out-cubic)}.ds-swap-layer.-hover .ds-char{opacity:0;transform:translate3d(0,var(--rise-char),0)}.ds-swap:hover .ds-swap-layer.-main .ds-char,.ds-swap:focus-visible .ds-swap-layer.-main .ds-char{opacity:0;transform:translate3d(0,calc(-1 * var(--rise-char)),0)}.ds-swap:hover .ds-swap-layer.-hover .ds-char,.ds-swap:focus-visible .ds-swap-layer.-hover .ds-char{opacity:1;transform:translate(0,0)}.ds-swap:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.ds-rotator{--stagger:var(--stagger-line);display:block;position:relative}.ds-rotator-item{pointer-events:none;width:100%;position:absolute;top:0;left:0}.ds-rotator-item:first-child{position:relative}.ds-rotator-item .ds-line{overflow:hidden}.ds-rotator-item .ds-line-inner{transform:translate3d(0,var(--rise-line),0);transition-property:transform;transition-duration:0s;transition-timing-function:var(--ease-in-out-cubic);will-change:transform;display:block}.ds-rotator-item.is-active{pointer-events:auto}.ds-rotator-item.is-active .ds-line-inner{transition-duration:var(--dur-slow);transform:translate(0,0)}.ds-rotator-item.is-leaving .ds-line-inner{transition-duration:var(--dur-slow);transform:translate3d(0,calc(-1 * var(--rise-line)),0)}.ds-fade-up{transition-property:opacity,transform;transition-duration:var(--dur-base);transition-timing-function:var(--ease-out-cubic);transition-delay:calc(var(--delay-base) + var(--i,0) * var(--stagger-line))}.js .ds-fade-up{opacity:0;transform:translate3d(0,var(--rise-fade),0)}.ds-fade-up.is-inview,.intro-failed .ds-fade-up,.reveal-failed .ds-fade-up{opacity:1;transform:translate(0,0)}.ds-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.ds-split>*,.ds-split .ds-char,.ds-split .ds-word,.ds-split .ds-line,.ds-fade-up,.ds-fade-up{opacity:1;transform:translate(0,0)}.ds-rotator-item .ds-line-inner{transform:translate3d(0,var(--rise-line),0)}.ds-rotator-item.is-active .ds-line-inner{transform:translate(0,0)}.ds-swap .ds-char{transition-duration:.01ms!important}}
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:auto}body{background:var(--surface-canvas);color:var(--text-primary);font-family:var(--font-body);font-weight:var(--weight-body);font-size:var(--text-base);line-height:var(--leading-body);overflow-x:hidden}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:2px;outline:1px solid}img{max-width:100%;display:block}::selection{background:var(--interactive-primary);color:var(--interactive-primary-text)}:root[data-theme=dark] [data-invert],:root[data-theme=dark][data-invert],:root:not([data-theme=light]) [data-invert]{--surface-canvas:var(--cream);--surface-raised:#f6f3e0;--text-primary:var(--n-900);--text-muted:var(--n-700);--border-subtle:#d6d2ba;--border-strong:var(--n-400);--interactive-primary:var(--brown);--interactive-primary-text:var(--cream);--focus-ring:var(--brown)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] [data-invert],:root[data-theme=dark][data-invert],:root:not([data-theme=light]) [data-invert]{--surface-raised:lab(95.7612% -1.25045 9.50524);--border-subtle:lab(83.9767% -1.5462 12.6333)}}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) [data-invert]{--surface-canvas:var(--warm-black);--surface-raised:#1b1814;--text-primary:var(--cream);--text-muted:var(--n-400);--border-subtle:#2e2b27;--interactive-primary:var(--brown-lift);--interactive-primary-text:var(--warm-black)}@supports (color:lab(0% 0 0)){:root:not([data-theme=dark]) [data-invert]{--surface-raised:lab(8.36046% 1.1154 3.13348);--border-subtle:lab(17.6323% 1.2518 2.98715)}}}.u-mono{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--text-muted)}.u-shell{max-width:78rem;margin-inline:auto}.u-gutter{padding-left:clamp(var(--space-8), 3vw, var(--space-10));padding-right:clamp(var(--space-8), 3vw, var(--space-10))}.u-section{padding-top:clamp(var(--space-11), 10vw, var(--space-12));padding-bottom:clamp(var(--space-11), 10vw, var(--space-12))}[data-root]{position:relative}.is-inview .ds-fade-up{opacity:1;transform:translate(0,0)}@media (prefers-reduced-motion:reduce){.ds-fade-up,.foot__signoff .word-wrap{opacity:1!important;transform:none!important}}[data-grid]{z-index:4;pointer-events:none;padding:0 clamp(var(--space-8), 3vw, var(--space-10));grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:0}[data-grid-col]{border-left:1px solid var(--border-subtle);opacity:0;transform-origin:50% 0;transition:transform var(--dur-slow) var(--ease-out-cubic), opacity var(--dur-base) linear;transition-delay:calc(var(--i,0) * 70ms);transform:scaleY(0)}[data-grid-col]:last-child{border-right:1px solid var(--border-subtle)}[data-grid].is-drawn [data-grid-col]{opacity:1;transform:scaleY(1)}[data-opener]{z-index:95;background:var(--surface-canvas);will-change:transform;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.opener__word{font-family:var(--font-body);font-weight:var(--weight-body);font-size:var(--text-lg);letter-spacing:var(--track-normal);line-height:var(--leading-tight)}[data-menu]{z-index:70;justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-7) clamp(var(--space-8), 3vw, var(--space-10));transition:transform var(--dur-base) var(--ease-out-cubic), background-color var(--dur-fast) linear;will-change:transform;background:var(--surface-canvas);display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-110%)}[data-menu] .menu__mark{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-lg);letter-spacing:var(--track-tight)}[data-menu-links]{gap:clamp(var(--space-8), 4vw, var(--space-11));font-size:var(--text-sm);font-weight:var(--weight-label);display:flex}[data-burger]{cursor:pointer;width:28px;height:28px;color:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;gap:5px;display:none}[data-burger] span{background:currentColor;width:100%;height:1px;display:block}[data-overlay]{overscroll-behavior:contain;height:100dvh;padding-bottom:calc(var(--space-7) + env(safe-area-inset-bottom,0px));z-index:90;background:var(--surface-canvas);visibility:hidden;clip-path:inset(0 0 100%);transition:clip-path .55s var(--ease-in-out-quart), visibility 0s linear .55s;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}[data-overlay].is-open{visibility:visible;clip-path:inset(0);transition:clip-path .55s var(--ease-in-out-quart), visibility 0s linear 0s}.overlay__gap,.overlay__filler{transition:background-size .5s var(--ease-out-cubic);background-size:1px 0%}[data-overlay].is-open .overlay__gap,[data-overlay].is-open .overlay__filler{background-size:1px 100%;transition-delay:.3s}.overlay__head,.overlay__gap,.overlay__foot,.overlay__foot a,[data-overlay-link]{border-color:#0000;position:relative}.overlay__head:after,.overlay__gap:after,.overlay__foot:after,.overlay__foot a:after,[data-overlay-link]:after{content:"";background:var(--border-subtle);transform-origin:0;height:1px;transition:transform .5s var(--ease-in-out-cubic);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.overlay__foot:after{top:-1px;bottom:auto}[data-overlay].is-open .overlay__head:after,[data-overlay].is-open .overlay__gap:after,[data-overlay].is-open .overlay__foot:after,[data-overlay].is-open .overlay__foot a:after,[data-overlay].is-open [data-overlay-link]:after{transition-delay:calc(.3s + var(--i,0) * 60ms);transform:scaleX(1)}[data-overlay-link]>span,.overlay__foot a>span{opacity:0;transition:transform .45s var(--ease-in-out-cubic), opacity .3s linear;display:inline-block;transform:translateY(115%)}[data-overlay].is-open [data-overlay-link]>span,[data-overlay].is-open .overlay__foot a>span{opacity:1;transition:transform .7s var(--ease-expo-out), opacity .4s linear;transition-delay:calc(.45s + var(--i,0) * 80ms);transform:translateY(0)}[data-overlay-link],.overlay__foot a{overflow:hidden}.overlay__head{padding:var(--space-6) clamp(var(--space-6), 3vw, var(--space-8));border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.overlay__mark{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-lg);letter-spacing:var(--track-tight)}[data-overlay-close]{cursor:pointer;color:inherit;background:0 0;border:0;place-items:center;width:26px;height:26px;padding:0;display:grid}[data-overlay-close] svg{width:100%;height:100%;display:block}[data-overlay-close] path{stroke:currentColor;stroke-width:1.25px;fill:none;vector-effect:non-scaling-stroke}.overlay__gap,.overlay__filler{border-bottom:1px solid var(--border-subtle);background-image:linear-gradient(var(--border-subtle), var(--border-subtle));background-position:50% 0;background-repeat:no-repeat}.overlay__gap{flex:none;height:clamp(56px,9vh,84px)}.overlay__filler{border-bottom:0;flex:auto;min-height:0}.overlay__links{flex-direction:column;flex:none;display:flex}[data-overlay-link]{padding:var(--space-5) clamp(var(--space-6), 3vw, var(--space-8));border-bottom:1px solid var(--border-subtle);font-size:var(--text-lg);letter-spacing:var(--track-tight);line-height:1.35;display:block}.overlay__foot{border-top:1px solid var(--border-subtle);flex-direction:column;flex:none;display:flex}.overlay__foot a{padding:var(--space-4) clamp(var(--space-6), 3vw, var(--space-8));border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--track-eyebrow);text-transform:uppercase}.overlay__foot a:last-child{border-bottom:0}[data-scroller]{z-index:3;position:relative}[data-stage]{z-index:1;position:relative}[data-hero]{z-index:1;background:var(--surface-canvas);min-height:100svh;color:var(--text-primary);flex-direction:column;justify-content:flex-end;display:flex;position:sticky;top:0;overflow:hidden}[data-hero-media]{z-index:0;will-change:transform;position:absolute;inset:-8% 0}.hero__scrim{z-index:1;background:linear-gradient(to bottom,  color-mix(in oklab, var(--surface-canvas) 68%, transparent), color-mix(in oklab, var(--surface-canvas) 88%, transparent));position:absolute;inset:0}[data-hero-fade]{z-index:2;padding-top:calc(var(--space-7) * 2 + var(--text-lg));flex-direction:column;display:flex;position:relative}[data-hero-stack]{flex-direction:column;display:flex}[data-hero-band]{border-top:1px solid var(--border-subtle);padding:clamp(var(--space-2), .6vw, var(--space-4)) clamp(var(--space-8), 3vw, var(--space-10));flex-direction:column;display:flex}[data-hero-band].-right{align-items:flex-end}[data-hero-band]:last-child{border-bottom:1px solid var(--border-subtle)}[data-hero-line]{font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(44px,12.5vw,190px);line-height:var(--leading-display);letter-spacing:var(--track-display);text-align:left;will-change:transform;display:block}[data-hero-rise]{opacity:0;will-change:transform, opacity;display:block}[data-hero].is-intro [data-hero-rise]{opacity:1}[data-hero-band].-right [data-hero-line]{text-align:right}.hero__foot{justify-content:space-between;gap:var(--space-6);padding:var(--space-7) clamp(var(--space-8), 3vw, var(--space-10));display:flex}.page__body{z-index:2;background:var(--surface-canvas);position:relative}#about .about__paras{gap:clamp(var(--space-8), 4vw, var(--space-10));flex-direction:column;max-width:62ch;display:flex}.about__lead{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--text-2xl);line-height:var(--leading-tight);letter-spacing:var(--track-tight)}.about__para{font-family:var(--font-display);font-weight:var(--weight-body);font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--text-muted)}.about__kicker{margin-bottom:clamp(var(--space-9), 5vw, var(--space-11))}.build{border-top:1px solid var(--border-subtle)}.build h2{font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(34px,7vw,96px);line-height:var(--leading-display);letter-spacing:var(--track-display);flex-wrap:wrap;align-items:baseline;gap:0 .3em;display:flex}[data-rotator]{min-width:min(70vw,10em);color:var(--interactive-primary)}#work{background:var(--surface-canvas);color:var(--text-primary);padding-left:0;padding-right:0;padding-top:clamp(var(--space-9), 4vw, var(--space-11));overflow:hidden}[data-marquee]{white-space:nowrap;width:max-content;font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--track-display);opacity:1;will-change:transform;margin-bottom:clamp(var(--space-9), 5vw, var(--space-11));gap:0;font-size:clamp(70px,17vw,240px);line-height:.95;display:flex}@keyframes marquee-run{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@media (max-width:820px){[data-marquee]{animation:24s linear infinite marquee-run}}.work__list{flex-direction:column;display:flex}[data-work-item]{border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.work__end{border-top:1px solid var(--border-subtle)}[data-work-head]{position:relative;overflow:hidden}[data-work-media]{z-index:0;pointer-events:none;transition:transform .75s var(--ease-expo-out);will-change:transform;position:absolute;inset:0;transform:translateY(100%)}[data-work-media]:after{content:"";background:color-mix(in oklab, var(--surface-canvas) 62%, transparent);position:absolute;inset:0}[data-work-media] .slot span{display:none}[data-work-head]:hover [data-work-media],[data-work-head]:focus-within [data-work-media]{transform:translate(0,0)}[data-work-row]{all:unset;cursor:pointer;z-index:1;box-sizing:border-box;align-items:baseline;gap:clamp(var(--space-5), 2vw, var(--space-9));width:100%;padding:clamp(var(--space-7), 2.6vw, var(--space-9)) 0;transition:color var(--dur-fast) var(--ease-out-cubic);grid-template-columns:56px 1fr auto auto auto;display:grid;position:relative}[data-work-row]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}[data-work-head]:hover [data-work-row],[data-work-head]:focus-within [data-work-row]{color:var(--interactive-primary)}[data-work-head]:hover [data-work-title],[data-work-head]:focus-within [data-work-title]{transform:translate(clamp(8px,1.4vw,24px))}[data-work-arrow]{font-size:var(--text-lg);transition:transform var(--dur-base) var(--ease-out-cubic);line-height:1;display:inline-block}[data-work-item].is-open [data-work-arrow]{transform:rotate(180deg)}.work__num,[data-work-year]{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--track-eyebrow);color:var(--text-muted)}[data-work-title]{font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(26px,4.4vw,64px);line-height:var(--leading-tight);letter-spacing:var(--track-display);transition:transform var(--dur-base) var(--ease-out-cubic);display:block}[data-work-meta]{font-size:var(--text-sm);font-weight:var(--weight-label);color:var(--text-muted)}[data-work-panel]{height:0;transition:height var(--dur-base) var(--ease-in-out-cubic);overflow:hidden}.work__panelInner{gap:clamp(var(--space-8), 3vw, var(--space-10));padding:0 0 clamp(var(--space-9), 3vw, var(--space-10));grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.work__shot{aspect-ratio:16/9;border:1px solid var(--border-subtle)}.work__aside{gap:var(--space-6);padding-bottom:var(--space-6);flex-direction:column;align-self:end;display:flex}.work__blurb{font-size:var(--text-base);line-height:var(--leading-body);color:var(--text-muted);max-width:42ch}.work__link{font-size:var(--text-sm);font-weight:var(--weight-label);border-bottom:1px solid var(--border-subtle);align-self:flex-start;padding-bottom:2px}.contact__kicker{margin-bottom:clamp(var(--space-8), 4vw, var(--space-9))}.contact__big{font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(46px,13vw,200px);line-height:var(--leading-display);letter-spacing:var(--track-display);margin-bottom:clamp(var(--space-9), 5vw, var(--space-11))}.contact__mail{font-size:clamp(20px, 3vw, var(--text-2xl));font-weight:var(--weight-label)}[data-footer]{z-index:0;background:var(--surface-canvas);border-top:1px solid var(--border-subtle);padding:clamp(var(--space-9), 6vw, var(--space-11)) clamp(var(--space-8), 3vw, var(--space-10)) 0;position:relative}@media (min-width:1000px) and (min-height:760px){[data-footer]{position:sticky;bottom:0}}.foot__grid{gap:clamp(var(--space-8), 5vw, var(--space-11));padding-bottom:clamp(var(--space-10), 6vw, var(--space-11));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.foot__item:first-child,.foot__item:last-child{grid-column:1/-1}@media (min-width:1000px){.foot__grid{gap:var(--space-9);grid-template-columns:repeat(4,1fr)}.foot__item:first-child,.foot__item:last-child{grid-column:auto}}.foot__head{font-family:var(--font-body);font-weight:var(--weight-body);letter-spacing:var(--track-tight);font-size:1.25rem;line-height:1}@media (min-width:1000px){.foot__head{font-size:1.875rem}}.u-label{text-transform:uppercase;letter-spacing:.02em;font-size:.9375rem;line-height:1.2}.foot__list{gap:calc(var(--space-4) - 8px);flex-direction:column;padding-top:1.25rem;list-style:none;display:flex}.foot__list a{align-items:baseline;gap:.4em;padding-block:4px;display:inline-flex;position:relative}.foot__list a i{transition:transform var(--dur-fast) var(--ease-out-cubic);font-style:normal}.foot__list a:hover i{transform:translate(.15em,-.15em)}.foot__list a:after{content:"";transform-origin:100%;height:1px;transition:transform var(--dur-base) var(--ease-out-cubic);background:currentColor;position:absolute;bottom:1px;left:0;right:0;transform:scaleX(0)}.foot__list a:hover:after{transform-origin:0;transform:scaleX(1)}.foot__credits li{grid-template-columns:1fr;gap:0;display:grid}@media (min-width:1000px){.foot__credits li{gap:var(--space-5);grid-template-columns:1fr 1fr}}.foot__credits span:last-child{color:var(--text-muted)}.foot__signoff{font-family:var(--font-body);font-weight:var(--weight-body);letter-spacing:var(--track-tight);font-size:1.25rem;line-height:1;overflow:hidden}@media (min-width:1000px){.foot__signoff{font-size:1.875rem}}.foot__signoff .word-wrap{opacity:0;transition:opacity .6s var(--ease-out-cubic), transform .6s var(--ease-out-cubic);transition-delay:calc(var(--i,0) * .1s);display:inline-block;transform:translateY(100%)}.foot__signoff.is-inview .word-wrap{opacity:1;transform:translate(0,0)}.foot__secondary{padding:var(--space-7) 0;border-top:1px solid var(--border-subtle)}.foot__secondary p{color:var(--text-muted);max-width:62ch}.foot__wordmark{border-top:1px solid var(--border-subtle);overflow:hidden}.foot__wordmark span{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--track-display);text-align:center;padding-top:.06em;font-size:clamp(64px,20vw,300px);line-height:.86;display:block}.slot{background:var(--surface-raised);width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.slot span{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--track-eyebrow);text-transform:uppercase;text-align:center;padding:var(--space-6);opacity:.55}.slot img{object-fit:cover;width:100%;height:100%}[data-scr]{display:inline-block}@media (max-width:820px){[data-menu-links]{display:none}[data-burger]{display:flex}[data-hero-fade]{flex:auto;min-height:0;padding-top:0}[data-hero-stack]{min-height:0;padding-inline:clamp(var(--space-8), 3vw, var(--space-10));flex-direction:row;flex:auto;justify-content:space-between;align-items:stretch;gap:0}[data-hero-band]{border-top:0;border-left:1px solid var(--border-subtle);flex-direction:column;flex:1 1 0;justify-content:flex-start;align-items:flex-start;min-width:0;min-height:0;padding:0;display:flex}[data-hero-band]:first-child{border-left:1px solid var(--border-subtle)}[data-hero-band]:last-child{border-bottom:0;border-right:1px solid var(--border-subtle)}[data-hero-band],[data-hero-band].-right{align-items:flex-start}[data-hero-band]:nth-child(-n+2){justify-content:flex-end}[data-hero-band]:nth-child(n+3){justify-content:flex-start}[data-hero-line]{writing-mode:vertical-rl;text-orientation:mixed;text-align:left;font-size:clamp(48px,24vw,128px);line-height:.9}[data-hero-band].-right [data-hero-line]{text-align:left}[data-hero-cap]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-hero]{touch-action:pan-y}[data-work-row]{grid-template-columns:34px 1fr auto}[data-work-meta],[data-work-year]{display:none}.work__panelInner{grid-template-columns:1fr}.work__aside{order:-1;align-self:start;padding-bottom:0}[data-grid]{grid-template-columns:repeat(2,1fr)}[data-grid-col]:nth-child(n+3){display:none}[data-grid-col]:nth-child(2){border-right:1px solid var(--border-subtle)}}.split-parent{max-width:100%}.js .split-parent{visibility:hidden}:is(.js .split-parent:has(.split-char),.js .split-parent:has(.split-word),.js .split-parent:has(.split-line),.intro-failed .split-parent){visibility:visible}.split-char,.split-word,.split-line{will-change:auto!important}h2.split-parent,span.split-parent{vertical-align:top}@media (prefers-reduced-motion:reduce){.split-char{opacity:1!important;transform:none!important}[data-hero-rise]{opacity:1}}.shapes-band{background:var(--surface-canvas);color:var(--text-primary);overflow:hidden}.shapes{border-top:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;display:grid}.shapes__cell{border-bottom:1px solid var(--border-subtle);border-left:1px solid var(--border-subtle);height:clamp(150px,45vw,300px);position:relative}.shapes__cell:nth-child(odd){border-left:0}.shape{background:var(--text-primary);will-change:transform;display:block;position:absolute}.shape.-round{aspect-ratio:1;border-radius:50%}[data-work-item],.shapes__cell,.build{position:relative;border-top-color:#0000!important}[data-work-item]:before,.shapes__cell:before,.build:before{content:"";background:var(--border-subtle);transform-origin:0;height:1px;transition:transform var(--dur-draw) var(--ease-in-out-cubic);position:absolute;inset:0 0 auto;transform:scaleX(0)}[data-work-item].is-inview:before,.shapes.is-inview .shapes__cell:before,.build.is-inview:before{transform:scaleX(1)}.shapes__cell:nth-child(2n):before{transform-origin:100%}.shapes__cell:nth-child(n+3):before{transition-delay:.12s}[data-scroll-cue]{align-items:center;gap:var(--space-4);display:inline-flex}[data-scroll-cue] i{transform-origin:0;width:46px;height:1px;animation:cue-sweep 2.4s var(--ease-in-out-cubic) infinite;background:currentColor;display:block}@keyframes cue-sweep{0%{transform-origin:0;transform:scaleX(0)}45%{transform-origin:0;transform:scaleX(1)}55%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}.about__kicker,.contact__kicker{padding-bottom:var(--space-5);position:relative}.about__kicker:after,.contact__kicker:after{content:"";background:var(--border-subtle);transform-origin:0;height:1px;transition:transform var(--dur-draw) var(--ease-in-out-cubic) .15s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.is-inview .about__kicker:after,.is-inview .contact__kicker:after{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){[data-scroll-cue] i{animation:none;transform:scaleX(1)}}[data-hero-band]{position:relative;border-color:#0000!important}[data-hero-band]:after,[data-hero-band]:before{content:"";background:var(--border-subtle);opacity:0;transition:transform var(--dur-slow) var(--ease-out-cubic), opacity var(--dur-base) linear;transition-delay:calc(var(--i,0) * 70ms);position:absolute}[data-hero-band]:after{transform-origin:0;height:1px;top:-1px;left:0;right:0;transform:scaleX(0)}[data-hero-band]:last-child:before{transform-origin:0;height:1px;bottom:-1px;left:0;right:0;transform:scaleX(0)}.is-ruled [data-hero-band]:after,.is-ruled [data-hero-band]:last-child:before{opacity:1;transform:scaleX(1)}@media (max-width:820px){[data-hero-band]:after{transform-origin:top;width:1px;height:auto;inset:0 auto 0 -1px;transform:scaleY(0)}[data-hero-band]:last-child:before{transform-origin:top;width:1px;height:auto;inset:0 -1px 0 auto;transform:scaleY(0)}.is-ruled [data-hero-band]:after,.is-ruled [data-hero-band]:last-child:before{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){[data-hero-band]:after,[data-hero-band]:last-child:before{opacity:1;transform:none!important}}.work__rowmeta{justify-content:space-between;gap:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--text-muted);display:flex}.work__rowmeta span:last-child{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--track-eyebrow)}@media (prefers-reduced-motion:reduce){[data-grid-col]{transition:none!important}[data-overlay],[data-overlay] *{transition-duration:.01ms!important;transition-delay:0s!important}[data-marquee]{animation:none!important;transform:none!important}}.svc__kicker{margin-bottom:clamp(var(--space-9), 5vw, var(--space-11))}.svc__list,.cert__list{list-style:none}.svc{gap:var(--space-5);padding:clamp(var(--space-8), 3vw, var(--space-10)) 0;border-top:1px solid var(--border-subtle);grid-template-columns:1fr;display:grid}.svc:last-child{border-bottom:1px solid var(--border-subtle)}@media (min-width:900px){.svc{gap:var(--space-9);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start}.svc__tags{grid-column:2}}.svc__title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(28px,4.6vw,60px);line-height:var(--leading-tight);letter-spacing:var(--track-display)}.svc__line{font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--text-muted);max-width:46ch}.svc__tags{gap:var(--space-3) var(--space-6);flex-wrap:wrap;list-style:none;display:flex}.svc__tags li{color:var(--text-muted)}.cert{gap:var(--space-2);padding:var(--space-7) 0;border-top:1px solid var(--border-subtle);grid-template-columns:1fr;display:grid}.cert:last-child{border-bottom:1px solid var(--border-subtle)}@media (min-width:700px){.cert{gap:var(--space-9);grid-template-columns:minmax(0,18rem) minmax(0,1fr);align-items:baseline}}.cert__name{font-size:var(--text-lg);line-height:var(--leading-tight);letter-spacing:var(--track-tight)}.svc__certs{padding-top:clamp(var(--space-8), 3vw, var(--space-9))}.svc__cta{margin-top:var(--space-8);font-size:clamp(20px, 2.6vw, var(--text-2xl));font-weight:var(--weight-label);border-bottom:1px solid var(--border-subtle);padding-bottom:3px;display:inline-block}.contact__line{font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--text-muted);max-width:48ch;margin-bottom:clamp(var(--space-8), 3vw, var(--space-9))}.hero__h1{font:inherit;display:contents}[data-opener]{display:none}.js [data-opener]{display:flex}.js.intro-failed [data-opener]{display:none}[data-hero-rise]{opacity:1}.js [data-hero-rise]{opacity:0}.js.intro-failed [data-hero-rise]{opacity:1}.intro-failed [data-grid-col]{opacity:1;transform:scaleY(1)}.intro-failed [data-hero-band]:after,.intro-failed [data-hero-band]:last-child:before{opacity:1;transform:none}.svc__certs,.foot__colophon{font-size:var(--text-sm);letter-spacing:.08em}.faq__kicker{margin-bottom:clamp(var(--space-9), 5vw, var(--space-10));display:block}.faq__list{margin:0}.faq__row{gap:var(--space-6) clamp(var(--space-9), 5vw, var(--space-11));padding-block:clamp(var(--space-8), 3.5vw, var(--space-9));border-top:1px solid var(--border-subtle);grid-template-columns:minmax(0,2fr) minmax(0,3fr);display:grid}.faq__row:last-child{border-bottom:1px solid var(--border-subtle)}.faq__q{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--track-tight);line-height:var(--leading-tight);text-wrap:balance;margin:0;font-size:clamp(1.125rem,2.2vw,1.5rem)}.faq__a{max-width:46em;color:var(--text-muted);line-height:var(--leading-body);text-wrap:pretty;margin:0}@media (max-width:820px){.faq__row{gap:var(--space-6);grid-template-columns:1fr}}body:after{content:"";opacity:0;pointer-events:none;background-image:url(https://adnankhan.tech/assets/px.gif);width:1px;height:1px;position:fixed;left:-9999px}
.blog{background:var(--surface-canvas);color:var(--text-primary);min-height:100vh}.bar{z-index:70;justify-content:space-between;align-items:center;gap:var(--space-6);padding-block:var(--space-5);background:var(--surface-canvas);border-bottom:1px solid var(--border-subtle);display:flex;position:sticky;top:0}.bar__mark{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--track-tight);font-size:var(--text-base);color:var(--text-primary);text-decoration:none}.bar__links{gap:var(--space-6);display:flex}.bar__links a{text-decoration:none}.bar__links a:hover{color:var(--text-primary)}@media (max-width:820px){.bar__links{display:none}}.blog__head{padding-top:clamp(var(--space-10), 8vw, var(--space-12))}.blog__title{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--track-display);line-height:var(--leading-display);font-size:clamp(2.5rem, 9vw, var(--text-4xl));margin:var(--space-6) 0 0;text-wrap:balance}.blog__standfirst{max-width:34em;margin:var(--space-7) 0 0;font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--text-muted);text-wrap:pretty}.blog__list{margin:clamp(var(--space-10), 7vw, var(--space-11)) 0 0;padding:0;list-style:none}.blog__row{border-top:1px solid var(--border-subtle)}.blog__row:last-child{border-bottom:1px solid var(--border-subtle)}.blog__link{gap:var(--space-4) var(--space-6);padding-block:clamp(var(--space-8), 4vw, var(--space-9));color:inherit;transition:background var(--dur-fast) var(--ease-out-cubic);grid-template-columns:3.5rem 1fr;align-items:start;text-decoration:none;display:grid}.blog__link:hover{background:var(--surface-raised)}.blog__num{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--track-eyebrow);color:var(--text-muted);padding-top:.4em}.blog__rowtitle{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--track-tight);line-height:var(--leading-tight);font-size:clamp(1.5rem, 4vw, var(--text-2xl));text-wrap:balance;margin:0}.blog__rowdesc{margin:var(--space-5) 0 0;max-width:46em;color:var(--text-muted);line-height:var(--leading-snug)}.blog__meta{gap:var(--space-5);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.post{padding-top:clamp(var(--space-10), 8vw, var(--space-11))}.post__head{max-width:46rem}.post__title{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--track-display);line-height:var(--leading-display);font-size:clamp(2.125rem, 6.5vw, var(--text-3xl));margin:var(--space-6) 0 0;text-wrap:balance}.post__standfirst{margin:var(--space-7) 0 0;font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--text-muted);text-wrap:pretty}.post__dateline{gap:var(--space-5);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.prose{max-width:40rem;margin-top:clamp(var(--space-9), 5vw, var(--space-10));font-size:clamp(var(--text-base), .98rem + .22vw, 1.1875rem);line-height:var(--leading-body)}.prose>*+*{margin-top:var(--space-7)}.prose p{text-wrap:pretty}.prose h2{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--track-tight);line-height:var(--leading-tight);font-size:clamp(1.5rem, 3.4vw, var(--text-xl));margin-top:clamp(var(--space-9), 5vw, var(--space-10));padding-top:var(--space-7);border-top:1px solid var(--border-subtle);text-wrap:balance}.prose h3{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--track-tight);margin-top:var(--space-9);text-wrap:balance;font-size:clamp(1.1875rem,2.2vw,1.375rem)}.prose a{color:var(--text-primary);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.prose a:hover{text-decoration-color:currentColor}.prose strong{font-weight:var(--weight-label)}.prose ul,.prose ol{padding-left:1.25em}.prose li+li{margin-top:var(--space-5)}.prose li::marker{color:var(--text-muted)}.prose blockquote{padding-left:var(--space-7);border-left:2px solid var(--interactive-primary);color:var(--text-primary);margin-left:0;margin-right:0;font-size:1.0625em}.prose blockquote p{margin:0}.prose blockquote p+p{margin-top:var(--space-6)}.prose code{font-family:var(--font-mono);background:var(--surface-sunk);border-radius:var(--radius-xs);padding:.15em .4em;font-size:.875em}.prose pre{background:var(--surface-sunk);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-7);overflow-x:auto}.prose pre code{font-size:var(--text-sm);background:0 0;padding:0}.prose hr{border:0;border-top:1px solid var(--border-subtle);margin-block:clamp(var(--space-9), 5vw, var(--space-10))}.prose__scroll{overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.prose th,.prose td{text-align:left;padding:var(--space-5) var(--space-6) var(--space-5) 0;border-bottom:1px solid var(--border-subtle);vertical-align:top}.prose th{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--text-muted);font-weight:var(--weight-body)}.prose tbody tr:last-child td{border-bottom:0}.post__cta{max-width:40rem;margin-top:clamp(var(--space-10), 7vw, var(--space-11));padding-top:var(--space-9);border-top:1px solid var(--border-strong)}.post__ctaline{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--track-tight);line-height:var(--leading-tight);margin:var(--space-6) 0 0;text-wrap:balance;font-size:clamp(1.375rem,3.2vw,1.875rem)}.post__ctamail{margin-top:var(--space-8);font-size:var(--text-lg);color:var(--interactive-primary);text-underline-offset:.2em;text-decoration:underline;display:inline-block}.blog__foot{gap:var(--space-6);margin-top:clamp(var(--space-10), 7vw, var(--space-11));padding-block:var(--space-9);border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;display:flex}.blog__foot a{padding-block:4px;text-decoration:none}.blog__foot a:hover{color:var(--text-primary)}@media (max-width:640px){.blog__link{gap:var(--space-5);grid-template-columns:1fr}.blog__num{padding-top:0}}.sb{gap:clamp(var(--space-9), 4vw, var(--space-11));margin-top:clamp(var(--space-9), 6vw, var(--space-10));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.sb__form{gap:var(--space-9);flex-direction:column;min-width:0;display:flex}.sb__group{border:0;min-width:0;margin:0;padding:0}.sb__legend{padding:0 0 var(--space-6);border-bottom:1px solid var(--border-subtle);width:100%;margin-bottom:var(--space-7)}.sb__field{margin-bottom:var(--space-7);display:block}.sb__label{margin-bottom:var(--space-4);display:block}.sb__input{width:100%;font:inherit;font-size:var(--text-base);color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-5) var(--space-6);transition:border-color var(--dur-fast) var(--ease-out-cubic)}.sb__input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-color:#0000}.sb__input--area{resize:vertical;line-height:var(--leading-snug)}.sb__hint{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-snug);display:block}.sb__check{gap:var(--space-5);margin-bottom:var(--space-7);align-items:start;display:flex}.sb__check input{width:1rem;height:1rem;accent-color:var(--interactive-primary);flex:none;margin-top:.3em}.sb__check strong{font-weight:var(--weight-label);display:block}.sb__days{gap:var(--space-5);margin-bottom:var(--space-7);flex-wrap:wrap;display:flex}.sb__day{align-items:center;gap:var(--space-3);font-size:var(--text-sm);display:flex}.sb__day input{accent-color:var(--interactive-primary);width:1rem;height:1rem}.sb__times{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.sb__out{border:1px solid var(--border-strong);border-radius:var(--radius-lg);min-width:0;padding:var(--space-7);background:var(--surface-sunk);position:sticky;top:5rem}.sb__outhead{justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.sb__copy{font:inherit;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--track-eyebrow);text-transform:uppercase;cursor:pointer;color:var(--interactive-primary-text);background:var(--interactive-primary);border-radius:var(--radius-xs);padding:var(--space-4) var(--space-6);border:0}.sb__copy:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sb__code{width:100%;min-height:22rem;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--text-primary);background:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-6);resize:vertical;white-space:pre;overflow:auto}.sb__warn{margin:var(--space-7) 0 0;font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--text-muted);padding-left:1.1em}.sb__warn li+li{margin-top:var(--space-4)}.sb__next{margin-top:var(--space-7)}.sb__next code{font-family:var(--font-mono);font-size:.9em}@media (max-width:900px){.sb{grid-template-columns:1fr}.sb__out{position:static}}