/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-grotesk-v22-latin-regular.woff2) format('woff2')}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-v22-latin-500.woff2) format('woff2')}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-grotesk-v22-latin-700.woff2) format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-v20-latin-regular.woff2) format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-v20-latin-500.woff2) format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-v20-latin-600.woff2) format('woff2')}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-v20-latin-700.woff2) format('woff2')}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--cta-angle:0deg}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--ease-out:cubic-bezier(0,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.row-2{grid-row:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}}:root{--bg:#001f29;--bg-2:#00161d;--bg-3:#002935;--fg:#f0fffc;--fg-dim:#f0fffc8c;--fg-faint:#f0fffc2e;--hairline:#f0fffc1a;--mint:#39ffcb;--orange:#ff6f48;--accent:var(--mint);--accent-alt:var(--orange);--color-bg:var(--bg);--color-surface:var(--bg-2);--color-surface-alt:var(--bg-3);--color-text:var(--fg);--color-text-dim:var(--fg-dim);--color-text-faint:var(--fg-faint);--color-border:var(--hairline);--color-cta:var(--accent);--color-cta-on:var(--bg);--color-rec:var(--orange);--color-live:var(--mint);--font-display:"Termina","Space Grotesk","Inter",system-ui,sans-serif;--font-body:"Aktiv Grotesk","Inter",system-ui,sans-serif;--font-ui:"Inter",system-ui,sans-serif;--font-mono:"Inter",system-ui,sans-serif;--fs-display-xl:clamp(56px,11vw,168px);--fs-display-l:clamp(40px,7vw,96px);--fs-display-m:clamp(28px,4vw,56px);--fs-body-l:clamp(18px,1.6vw,24px);--fs-body-m:16px;--fs-body-s:14px;--fs-mono-l:13px;--fs-mono-s:11px;--fs-mono-xs:10px;--lh-tight:.85;--lh-display:.95;--lh-snug:1.15;--lh-base:1.5;--ls-display-xl:-.04em;--ls-display:-.03em;--ls-tight:-.02em;--ls-mono:.06em;--ls-mono-wide:.16em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:144px;--pad-x:clamp(20px,4vw,80px);--grid-gap:24px;--section-py:clamp(80px,10vh,140px);--max-content:1440px;--radius-0:0;--radius-1:4px;--radius-pill:999px;--shadow-0:none;--shadow-glow-mint:0 0 24px #39ffcb40;--shadow-glow-mint-l:0 0 60px #39ffcb73,0 0 120px #39ffcb2e;--shadow-glow-orange:0 0 16px #ff6f4859;--shadow-glow-orange-l:0 0 60px #ff6f4880,0 0 120px #ff6f482e;--shadow-elevate:0 24px 60px -20px #0009,0 1px 0 #f0fffc0a inset;--ease:cubic-bezier(.2,.8,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-soft:cubic-bezier(.65,0,.35,1);--ease-overshoot:cubic-bezier(.34,1.56,.64,1);--dur-fast:.18s;--dur-base:.32s;--dur-slow:.6s;--dur-xslow:.9s;--dur-cine:1.4s;--motion:1;--z-cursor:99999;--z-overlay:9990;--z-nav:100;--z-modal:200}:root[data-theme=light]{--bg:#f0fffc;--bg-2:#e6f7f2;--bg-3:#d9efe8;--fg:#001f29;--fg-dim:#001f299e;--fg-faint:#001f292e;--hairline:#001f291f;--orange:#e54e26}:root[data-theme=alt]{--accent:var(--orange);--accent-alt:var(--mint);--color-cta:var(--orange);--color-cta-on:var(--bg)}@media (prefers-reduced-motion:reduce){:root{--motion:.0001;--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms;--dur-xslow:1ms;--dur-cine:1ms}*,:after,:before{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;transition:outline-offset .12s var(--ease);border-radius:2px}[role=button]:focus-visible,[tabindex="0"]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;box-shadow:0 0 0 6px #39ffcb26}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--fs-body-m);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}::selection{background:var(--accent);color:var(--color-cta-on)}img{max-width:100%;display:block}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer;background:0 0;border:0}.h1,h1{font-size:var(--fs-display-xl);line-height:var(--lh-tight);letter-spacing:var(--ls-display-xl)}.h1,.h2,h1,h2{font-family:var(--font-display);font-weight:700}.h2,h2{font-size:var(--fs-display-l);line-height:var(--lh-display);letter-spacing:var(--ls-display)}.h3,h3{font-family:var(--font-display);font-weight:700;font-size:var(--fs-display-m);letter-spacing:var(--ls-tight);line-height:1}.body,p{font-size:var(--fs-body-m);line-height:var(--lh-base)}.body,.lead,p{color:var(--color-text)}.lead{font-size:var(--fs-body-l);line-height:1.4}.mono{font-family:var(--font-mono);font-size:var(--fs-mono-l);letter-spacing:var(--ls-mono);text-transform:uppercase}.eyebrow,.mono-s{font-family:var(--font-mono);font-size:var(--fs-mono-s);letter-spacing:var(--ls-mono-wide);text-transform:uppercase}.eyebrow{color:var(--accent)}.italic-stroke{color:#0000;-webkit-text-stroke:1.5px var(--accent);font-style:italic;font-weight:400;font-family:var(--font-display)}.dim{color:var(--color-text-dim)}.faint{color:var(--color-text-faint)}.mint{color:var(--mint)}.orange{color:var(--orange)}.btn{background:var(--color-cta);color:var(--color-cta-on);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border-radius:var(--radius-0);transition:transform var(--dur-fast) var(--ease);align-items:center;gap:14px;padding:18px 24px;font-size:12px;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transition:none;transform:scale(.98)}.btn--ghost{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.tag{font-family:var(--font-mono);font-size:var(--fs-mono-s);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:4px 10px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-0);padding:var(--space-6)}.input,.textarea{border:0;border-bottom:1px solid var(--color-border);width:100%;font-family:var(--font-body);font-size:var(--fs-body-m);color:var(--color-text);transition:border-color var(--dur-fast) var(--ease);background:0 0;padding:14px 0}.input:focus,.textarea:focus{border-bottom-color:var(--accent);outline:none}.input::placeholder,.textarea::placeholder{color:var(--color-text-faint)}.label{font-family:var(--font-mono);font-size:var(--fs-mono-s);letter-spacing:var(--ls-mono-wide);text-transform:uppercase;color:var(--color-text-dim);margin-bottom:var(--space-2);display:block}.hr{border:0;margin-block:var(--space-6)}.hr,.section-head{border-top:1px solid var(--color-border)}.section-head{align-items:end;gap:var(--space-5);padding-top:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:1fr auto;display:grid;position:relative}.section-head:before{content:"";background:var(--accent);width:80px;height:1px;position:absolute;top:-1px;left:0;box-shadow:0 0 12px #39ffcb99}.section-head h2{flex-wrap:wrap;align-items:baseline;gap:24px;display:flex}.section-head .num{color:var(--accent);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-variant-numeric:tabular-nums;align-self:flex-start;margin-right:0;padding-top:8px;font-size:13px;font-weight:500}.section-head .meta{font-family:var(--font-mono);font-size:var(--fs-mono-s);letter-spacing:var(--ls-mono-wide);text-transform:uppercase;color:var(--color-text-dim);text-align:right;white-space:nowrap}.section-head .meta:before{content:"● ";color:var(--accent);margin-right:4px}@media (max-width:720px){.section-head{align-items:start;gap:var(--space-3);grid-template-columns:1fr}.section-head .meta{text-align:left;white-space:normal}}.italic-accent{color:var(--accent)}.italic-accent,.italic-stroke-fg{font-style:italic;font-weight:400;font-family:var(--font-display)}.italic-stroke-fg{color:#0000;-webkit-text-stroke:1.2px currentColor}.reveal{transition:opacity var(--dur-cine) var(--ease-out),transform var(--dur-cine) var(--ease-out);transform:translateY(28px)}.reveal.in{opacity:1;transform:translateY(0)}.reveal-delay-1.in{transition-delay:80ms}.reveal-delay-2.in{transition-delay:.16s}.reveal-delay-3.in{transition-delay:.24s}.reveal-delay-4.in{transition-delay:.32s}.reveal-mask{clip-path:inset(0 100% 0 0);transition:clip-path var(--dur-cine) var(--ease-out)}.reveal-mask.in{clip-path:inset(0)}.split-word{vertical-align:top;line-height:inherit;clip-path:inset(-.6em -.4em 0 -.1em);display:inline-block}.split-word>span{transition:transform var(--dur-cine) var(--ease-out);will-change:transform;display:inline-block;transform:translateY(110%)}.hero.in .split-word>span,.in .split-word>span,.split-word.in>span{transform:translateY(0)}.split-word.d1>span{transition-delay:60ms}.split-word.d2>span{transition-delay:.14s}.split-word.d3>span{transition-delay:.22s}.split-word.d4>span{transition-delay:.3s}.split-word.d5>span{transition-delay:.38s}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot--live{background:var(--mint);box-shadow:var(--shadow-glow-mint)}.dot--rec{background:var(--orange);box-shadow:var(--shadow-glow-orange);animation:dot-blink calc(1.2s / var(--motion)) ease-in-out infinite}@keyframes dot-blink{50%{opacity:.2}}.grid-overlay,.scanlines{pointer-events:none;z-index:var(--z-overlay);display:none;position:fixed;inset:0}.scanlines{mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 2px,#0000000f 2px 3px)}.grid-overlay{background-image:linear-gradient(to right,var(--color-border) 1px,transparent 1px);background-size:8.33333vw 100%}body.grid-on .grid-overlay,body.scanlines-on .scanlines{display:block}body,html{overflow-x:hidden}body{background:var(--bg)}@media (hover:hover) and (pointer:fine){*,body,html{cursor:none!important}}.fx-grain{pointer-events:none;z-index:1;opacity:.08;will-change:background-position;background-image:url("data:image/svg+xml;utf8,");background-size:240px 240px;animation:grain-shift 8s steps(8) infinite;position:fixed;inset:0}@media (max-width:700px){.fx-grain{display:none}}@keyframes grain-shift{0%{background-position:0 0}10%{background-position:-32px -16px}20%{background-position:24px -8px}30%{background-position:-8px 32px}40%{background-position:24px 16px}50%{background-position:-32px 24px}60%{background-position:16px -32px}70%{background-position:-24px 16px}80%{background-position:24px 24px}90%{background-position:-8px -16px}to{background-position:0 0}}.fx-spotlight{z-index:0;background:radial-gradient(70% 60% at 20% 0,#39ffcb1a 0,#39ffcb0d 30%,#39ffcb04 60%,#0000 100%),radial-gradient(60% 50% at 90% 30%,#ff6f480f 0,#ff6f4806 40%,#0000 100%),radial-gradient(90% 70% at 50% 110%,#39ffcb0d 0,#39ffcb05 50%,#0000 100%)}.fx-spotlight,.fx-vignette{pointer-events:none;position:fixed;inset:0}.fx-vignette{z-index:1;background:radial-gradient(150% 110%,#0000 0 40%,#0000002e 70%,#00000073 100%)}@media (prefers-reduced-motion:reduce){.fx-grain{animation:none}.cursor,.cursor-echo{display:none!important}.hero-parallax-frames video,.reel video,.work-bento video{animation-play-state:paused}*,:after,:before{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.footer,.nav,main{z-index:2;position:relative}.magnetic{transition:transform .38s var(--ease-out);will-change:transform}@media (prefers-reduced-motion:reduce){.magnetic{transition:none}}.skip-link{background:var(--accent);color:var(--bg);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;z-index:var(--z-modal);transition:transform var(--dur-base) var(--ease);padding:10px 14px;font-size:12px;position:absolute;top:16px;left:16px;transform:translateY(-200%)}.skip-link:focus{outline:none;transform:translateY(0)}body{cursor:auto}.cursor{background:var(--accent);pointer-events:none;width:10px;height:10px;z-index:var(--z-cursor);transition:width var(--dur-fast) var(--ease),height var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 12px #39ffcb8c,0 0 28px #39ffcb40}.cursor.hover{width:16px;height:16px;box-shadow:0 0 18px #39ffcbb3,0 0 40px #39ffcb59}.cursor.hover-text{width:20px;height:20px;box-shadow:0 0 22px #39ffcbcc,0 0 50px #39ffcb66}.cursor.fire{background:#ff6f48;width:22px;height:22px;animation:cursor-recoil .14s ease-out;box-shadow:0 0 30px #ff6f48e6,0 0 80px #ff6f4880}@keyframes cursor-recoil{0%{transform:translate(var(--cx,0),var(--cy,0)) translate(-50%,-50%) scale(.6)}40%{transform:translate(var(--cx,0),var(--cy,0)) translate(-50%,-50%) scale(1.6)}to{transform:translate(var(--cx,0),var(--cy,0)) translate(-50%,-50%) scale(1)}}.muzzle{pointer-events:none;width:4px;height:4px;z-index:calc(var(--z-cursor) - 1);mix-blend-mode:screen;background:#ffe9c2;border-radius:50%;animation:muzzle-flash .26s ease-out forwards;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 24px 8px #ffe9c2e6,0 0 60px 18px #ff6f48cc,0 0 120px 30px #ff6f4866}@keyframes muzzle-flash{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.6)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}.bullet-hole{pointer-events:none;width:82px;height:82px;z-index:calc(var(--z-cursor) - 2);filter:drop-shadow(0 0 .8px #0009)drop-shadow(0 1px 2px #00000040);animation:bullet-hole-life 1.7s cubic-bezier(.22,1,.36,1) forwards;position:fixed}@keyframes bullet-hole-life{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}6%{opacity:1;transform:translate(-50%,-50%)scale(1.18)}14%{transform:translate(-50%,-50%)scale(.96)}22%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@media (max-width:800px){.bullet-hole,.cursor,.muzzle{display:none}}section{padding-block:var(--section-py);position:relative}.container{padding-inline:var(--pad-x)}.section-head h2{font-family:var(--font-display);font-weight:700;font-size:var(--fs-display-l);letter-spacing:var(--ls-display);line-height:.95}.nav{z-index:var(--z-nav);padding:20px var(--pad-x);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:fixed;top:0;left:0;right:0}.nav,.nav:before{pointer-events:none}.nav:before{content:"";z-index:-1;background:linear-gradient(#00161deb,#00161da6 50%,#00161d00);position:absolute;inset:0 0 -40px}.nav>*{pointer-events:auto}.nav,.nav .brand,.nav .links a{color:#f0fffc}.nav .clock{color:#f0fffc8c}.nav .brand{align-items:center;gap:10px;display:flex}.nav .brand .dot{background:var(--accent);width:8px;height:8px;box-shadow:var(--shadow-glow-mint);border-radius:50%}.nav .links{gap:28px;display:flex}.nav .links a{transition:color var(--dur-fast) var(--ease);padding:4px 0}.nav .links a:hover{color:var(--accent)}.nav .links a:before{content:"[";margin-right:6px}.nav .links a:after,.nav .links a:before{opacity:0;transition:opacity var(--dur-fast)}.nav .links a:after{content:"]";margin-left:6px}.nav .links a:hover:after,.nav .links a:hover:before{opacity:1}.nav-burger{cursor:none;pointer-events:auto;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:0;display:none}.nav-burger span{background:var(--fg);width:20px;height:1px;transition:transform .28s var(--ease-out),opacity .2s var(--ease);transform-origin:50%;display:block}.nav--open .nav-burger span:first-child{transform:translateY(6px)rotate(45deg)}.nav--open .nav-burger span:nth-child(2){opacity:0;transform:scaleX(0)}.nav--open .nav-burger span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav-panel{padding:80px var(--pad-x) 40px;transition:transform .4s var(--ease-out);z-index:calc(var(--z-nav) - 1);pointer-events:none;background:#00161dfa;flex-direction:column;gap:4px;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.nav-panel--open{pointer-events:auto;transform:translateY(0)}.nav-panel-link{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg);transition:color .18s var(--ease);border-bottom:1px solid #f0fffc14;padding:10px 0;font-size:clamp(28px,6vw,44px);font-weight:700;line-height:1.1;text-decoration:none}.nav-panel-link:last-child{border-bottom:none}.nav-panel-link:hover{color:var(--accent)}@media (hover:none) and (pointer:coarse),(max-width:900px){.nav .clock,.nav .links{display:none}.nav{padding:18px var(--pad-x);font-size:13px}.nav-burger{display:flex}}.loader{z-index:var(--z-modal);background:var(--bg);padding:var(--pad-x);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;grid-template-rows:1fr auto;font-size:12px;display:grid;position:fixed;inset:0}.loader .ll-top{justify-content:space-between;align-self:end;align-items:end;gap:24px;display:flex}.loader .ll-name{font-family:var(--font-display);letter-spacing:-.04em;color:var(--fg);font-size:clamp(48px,12vw,180px);font-weight:700;line-height:.85}.loader .ll-name span{display:block}.loader .ll-name .gloss{color:var(--accent)}.loader .ll-bot{border-top:1px solid var(--color-border);color:var(--color-text-dim);grid-template-columns:1fr auto 1fr;align-items:center;padding-top:16px;display:grid}.loader .pct{color:var(--accent);text-align:center;font-size:14px}.loader .ll-bot>span:last-child{text-align:right}.loader .bar{background:var(--color-border);height:1px;left:var(--pad-x);right:var(--pad-x);bottom:calc(var(--pad-x) + 32px);position:absolute}.loader .bar i{background:var(--accent);width:0;transition:width .2s linear;position:absolute;top:0;bottom:0;left:0}.loader.done{transition:transform .9s var(--ease);pointer-events:none;transform:translateY(-100%)}.hero{min-height:100svh;padding:0 var(--pad-x) var(--space-8);isolation:isolate;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.hero .hero-parallax-canvas{z-index:-1;pointer-events:none;opacity:1;width:100vw;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero .stage{z-index:0;background:0 0;position:absolute;inset:-10%;overflow:hidden}.hero .stage:before{content:"";background:radial-gradient(80% 80% at 25% 65%,#39ffcb1f 0,#39ffcb0f 35%,#39ffcb05 60%,#0000 100%),radial-gradient(60% 60% at 80% 20%,#ff6f480f 0,#ff6f4808 40%,#0000 100%),linear-gradient(#00161d40,#00161deb);position:absolute;inset:0}.hero .stage:after{content:"";background-image:linear-gradient(90deg,#f0fffc06 1px,#0000 0),linear-gradient(#f0fffc06 1px,#0000 0);background-size:8.33333% 100%,100% 80px;inset:0;-webkit-mask-image:radial-gradient(100% 100%,#000 0,#00000080 60%,#0000 100%);mask-image:radial-gradient(100% 100%,#000 0,#00000080 60%,#0000 100%)}.hero .orb,.hero .stage:after{pointer-events:none;position:absolute}.hero .orb{z-index:1;filter:blur(70px);opacity:.85;border-radius:50%}.hero .orb-mint{background:radial-gradient(circle,#39ffcb80 0,#39ffcb40 30%,#39ffcb14 55%,#0000 85%);width:65vw;height:65vw;animation:orb-drift 18s ease-in-out infinite;top:15%;left:-15%}.hero .orb-orange{background:radial-gradient(circle,#ff6f4852 0,#ff6f4829 30%,#ff6f480d 60%,#0000 90%);width:55vw;height:55vw;animation:orb-drift 22s ease-in-out infinite reverse;top:-15%;right:-20%}@keyframes orb-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(4vw,-3vh)scale(1.05)}66%{transform:translate(-3vw,2vh)scale(.96)}}.hero .hero-scanline{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#39ffcb73,#0000);height:1px;animation:hero-scan 6s linear infinite;position:absolute;top:0;left:0;right:0}@keyframes hero-scan{0%{opacity:0;top:-2%}10%{opacity:.8}90%{opacity:.8}to{opacity:0;top:102%}}.hero .core{z-index:3;grid-row:2/-1;align-self:end;gap:36px;display:grid;position:relative}.hero .hero-h1{font-family:var(--font-display);font-weight:700;font-size:var(--fs-display-xl);letter-spacing:-.045em;line-height:.82;position:relative}.hero .hero-h1 .nm{display:block}.hero .hero-h1 .nm.b{color:#f0fffc}.hero .hero-h1 .nm.a{color:#0000;-webkit-text-stroke:1.5px var(--accent);margin-left:clamp(40px,8vw,140px);font-style:italic;font-weight:400}.hero .hero-h1 .hero-glyph{color:var(--accent);filter:drop-shadow(0 0 20px #39ffcb99);font-size:clamp(28px,3vw,48px);animation:glyph-spin 16s linear infinite;display:inline-block;position:absolute;top:-8px;right:0}@keyframes glyph-spin{to{transform:rotate(1turn)}}.hero .meta-row{border-top:1px solid #f0fffc2e;grid-template-columns:1fr auto;align-items:end;gap:32px;padding-top:28px;display:grid}.hero .tagline{color:#f0fffc;max-width:48ch;font-size:clamp(16px,1.3vw,20px);line-height:1.4}.hero .meta-row .label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#f0fffc8c;margin-bottom:10px;font-size:10px;display:block}.hero .meta-row .val{font-family:var(--font-mono);color:#f0fffc;font-variant-numeric:tabular-nums;font-size:13px}.hero .cta{background:var(--accent);color:var(--bg);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;width:fit-content;margin-right:calc(var(--pad-x) * -.6);isolation:isolate;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);will-change:transform;justify-content:center;place-self:end;align-items:center;gap:12px;padding:18px;font-size:12px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 #39ffcb00}.hero .cta:before{content:"";background:var(--orange);transition:transform .42s var(--ease-out);z-index:-1;position:absolute;inset:0;transform:translateY(101%)}.hero .cta:hover{box-shadow:var(--shadow-glow-mint-l)}.hero .cta:hover:before{transform:translateY(0)}.hero .cta:hover .cta-label{color:var(--bg)}.hero .cta .cta-label{transition:color .28s var(--ease-out)}.hero .cta .arr{background:currentColor;width:14px;height:1px;position:relative}.hero .cta .arr:after{content:"";border-top:1px solid;border-right:1px solid;width:7px;height:7px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.hero .hero-scroll-hint{left:var(--pad-x);z-index:3;font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:#f0fffc73;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute;bottom:24px}.hero .hero-scroll-hint .line{background:linear-gradient(90deg,var(--accent),transparent);width:80px;height:1px;position:relative;overflow:hidden}.hero .hero-scroll-hint .line:after{content:"";background:var(--accent);width:20px;animation:scroll-pulse 2.4s ease-in-out infinite;position:absolute;top:0;bottom:0;left:-20px}@keyframes scroll-pulse{0%{left:-20px}to{left:100%}}@media (max-width:900px){.hero .meta-row{grid-template-columns:1fr;gap:24px}.hero .hero-h1{font-size:clamp(48px,9vw,80px)}.hero .hero-h1 .nm.a{margin-left:0}.hero .cta{justify-self:start;width:100%;max-width:360px;margin-right:0;padding:16px 22px}.hero .core{gap:28px}}@media (max-width:700px){.hero{padding-bottom:var(--space-6)}.hero .hero-h1{letter-spacing:-.035em;font-size:clamp(48px,14vw,96px);line-height:.88}.hero .hero-h1 .nm.a{-webkit-text-stroke-width:1px}.hero .hero-glyph{font-size:22px;top:-4px}.hero .meta-row{gap:20px;padding-top:22px}.hero .tagline{max-width:100%;font-size:15px}.hero .tagline br{display:none}.hero .meta-row .label{font-size:9px}.hero .meta-row .val{font-size:12px}.hero .orb-mint{filter:blur(80px);width:110vw;height:110vw;top:10%;left:-30%}.hero .orb-orange{filter:blur(80px);width:90vw;height:90vw;top:-10%;right:-35%}}@media (max-width:420px){.hero .hero-glyph{display:none}.hero .hero-h1{font-size:clamp(38px,13vw,56px);line-height:.9}.hero .hero-h1 .nm.a{margin-left:0}.hero .cta{padding:14px 18px;font-size:11px}.hero .core{gap:20px}.hero .meta-row{padding-top:18px}}.marquee{border-block:1px solid var(--color-border);font-family:var(--font-display);letter-spacing:-.03em;white-space:nowrap;background:linear-gradient(#0000,#39ffcb05,#0000);padding-block:22px;font-size:clamp(56px,9vw,140px);font-weight:700;line-height:1;position:relative;overflow:hidden}.marquee:after,.marquee:before{content:"";z-index:2;pointer-events:none;width:clamp(40px,8vw,120px);position:absolute;top:0;bottom:0}.marquee:before{background:linear-gradient(90deg,var(--bg),transparent);left:0}.marquee:after{background:linear-gradient(270deg,var(--bg),transparent);right:0}.marquee .track{animation:marq calc(60s / var(--motion)) linear infinite;will-change:transform;gap:48px;display:inline-flex}.marquee .track .star{color:var(--accent);filter:drop-shadow(0 0 12px #39ffcb80);align-items:center;font-style:italic;font-weight:400;display:inline-flex}.marquee:hover .track{animation-play-state:paused}.marquee .row-2 .track{animation-direction:reverse;animation-duration:calc(80s / var(--motion));opacity:.4;font-size:.6em}.marquee .row-2{color:var(--color-text-dim);padding-top:4px;padding-bottom:4px}@keyframes marq{to{transform:translate(-50%)}}.work-index{border-top:1px solid var(--color-border);position:relative}.work-row{padding:36px var(--pad-x);border-bottom:1px solid var(--color-border);transition:background var(--dur-base) var(--ease);cursor:pointer;isolation:isolate;grid-template-columns:80px 1fr auto auto 60px;align-items:center;gap:24px;display:grid;position:relative}.work-row:after{content:"";background:var(--accent);transform-origin:top;width:3px;transition:transform .48s var(--ease-out);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0);box-shadow:0 0 12px #39ffcb99}.work-row:hover:after{transform:scaleY(1)}.work-row:hover{background:linear-gradient(90deg,#39ffcb0f,#0000 60%)}.work-row .idx{font-family:var(--font-mono);color:var(--color-text-dim);letter-spacing:.14em;font-variant-numeric:tabular-nums;font-size:12px}.work-row .title{font-family:var(--font-display);font-size:var(--fs-display-m);letter-spacing:-.025em;transition:transform .52s var(--ease-out),color .32s var(--ease),letter-spacing .52s var(--ease-out);font-weight:700;line-height:.95}.work-row:hover .title{color:var(--accent);letter-spacing:-.015em;transform:translate(28px)}.work-row .yr{font-family:var(--font-mono);color:var(--color-text-dim);font-variant-numeric:tabular-nums;font-size:12px}.work-row .case-tag{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);vertical-align:middle;transition:background .24s var(--ease),color .24s var(--ease);border:1px solid #39ffcb66;border-radius:999px;margin-left:10px;padding:3px 8px;font-size:9px;display:inline-block}.work-row:hover .case-tag{background:#39ffcb24}.work-row .arrow{border:1px solid var(--color-border);width:44px;height:44px;transition:background .32s var(--ease),color .32s var(--ease),border-color .32s var(--ease),transform .48s var(--ease-out);border-radius:50%;place-items:center;display:grid}.work-row:hover .arrow{background:var(--accent);color:var(--bg);border-color:var(--accent);transform:rotate(-45deg)scale(1.05);box-shadow:0 0 24px #39ffcb80}.work-preview.portrait{width:180px;height:320px}.work-preview.square{width:280px;height:280px}.work-preview{pointer-events:none;z-index:50;opacity:0;width:420px;height:280px;transition:opacity .32s var(--ease-out),transform .48s var(--ease-out);border:1px solid var(--color-border);background:var(--bg-2);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#f0fffcd9;place-items:center;font-size:11px;display:grid;position:fixed;overflow:hidden;transform:translate(20px,20px)scale(.9);box-shadow:0 24px 60px -12px #000000b3,0 0 0 1px #39ffcb33}.work-preview.show{opacity:1;transform:translate(20px,20px)scale(1)}.work-preview .ph-pattern{background:radial-gradient(50% 50% at 50% 50%,#39ffcb26,transparent 70%),repeating-linear-gradient(45deg,var(--bg-2) 0 10px,var(--bg-3) 10px 20px);position:absolute;inset:0}.work-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000,#39ffcb14,#0000);height:30%;animation:preview-scan 3s linear infinite;position:absolute;left:0;right:0}@keyframes preview-scan{0%{top:-30%}to{top:110%}}.work-preview .ph-label{z-index:1;position:relative}.work-preview img,.work-preview video{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}@media (max-width:900px){.work-row{grid-template-columns:60px 1fr 44px}.work-preview,.work-row .tags,.work-row .yr{display:none}}@media (max-width:400px){.work-row{padding-inline:var(--pad-x);grid-template-columns:48px 1fr 36px;gap:12px}.work-row .arrow{width:36px;height:36px}}.motion-section .reels{gap:var(--grid-gap);padding-inline:var(--pad-x);grid-template-columns:1fr 1fr;display:grid}.reel{aspect-ratio:4/5;background:var(--bg-2);border:1px solid var(--color-border);transition:transform .6s var(--ease-out),border-color .32s var(--ease);cursor:pointer;position:relative;overflow:hidden}.reel:hover{border-color:#39ffcb59;transform:translateY(-4px)}.reel.wide{aspect-ratio:16/9;grid-column:1/-1}.reel.rotated video{aspect-ratio:16/9;object-fit:cover;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.reel .ph{background:radial-gradient(60% 60% at 50% 40%,#39ffcb14,transparent 70%),repeating-linear-gradient(45deg,var(--bg-2) 0 10px,var(--bg-3) 10px 20px);color:#f0fffca6;height:100%;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;place-items:center;font-size:11px;display:grid;position:relative}.reel .ph:before{content:"";border:1px dashed #f0fffc1f;position:absolute;inset:16px}.reel video{object-fit:cover;width:100%;height:100%}#reel-04 video{object-fit:fill}.reel img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-out),filter var(--dur-base) var(--ease);filter:saturate(.7)contrast(1.05)brightness(.85)}.reel:hover img{filter:saturate()contrast(1.1)brightness();transform:scale(1.08)}.reel:after{content:"";pointer-events:none;transition:opacity var(--dur-base) var(--ease);background:linear-gradient(#0000 50%,#00161db3);position:absolute;inset:0}.reel .reel-meta{z-index:2;justify-content:space-between;align-items:end;padding:24px;display:flex;position:absolute;bottom:0;left:0;right:0}.reel .reel-meta h3{font-family:var(--font-display);letter-spacing:-.025em;transition:transform .52s var(--ease-out);font-size:clamp(22px,2.4vw,32px);font-weight:700;transform:translateY(8px)}.reel:hover .reel-meta h3{transform:translateY(0)}.reel .reel-meta .ts{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-variant-numeric:tabular-nums;font-size:11px}.reel .corner{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--orange);z-index:2;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;top:16px;left:16px}.reel .corner:before{content:"";background:var(--orange);width:7px;height:7px;animation:dot-blink calc(1.4s / var(--motion)) ease-in-out infinite;border-radius:50%;box-shadow:0 0 10px #ff6f48b3}.reel .frame-marks{font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-text-dim);z-index:2;font-variant-numeric:tabular-nums;font-size:10px;position:absolute;top:16px;right:16px}#reel-02{grid-area:2/1}#reel-06{grid-area:2/2}#reel-04{grid-row:3}@media (max-width:900px){.motion-section .reels{grid-template-columns:1fr}.reel.wide{grid-column:auto}#reel-02,#reel-04,#reel-06{grid-area:auto!important}.reel .reel-meta h3{font-size:clamp(16px,4.5vw,22px)}.reel .reel-meta{padding:16px}.reel .reel-meta .ts{font-size:10px}.reel .corner{font-size:9px;top:12px;left:12px}.reel .frame-marks{font-size:9px;top:12px;right:12px}}.posters{gap:var(--grid-gap);padding-inline:var(--pad-x);grid-template-columns:repeat(4,1fr);display:grid}.poster{aspect-ratio:2/3;background:var(--bg-2);border:1px solid var(--color-border);transition:transform .6s var(--ease-out),box-shadow .48s var(--ease-out),border-color .32s var(--ease);cursor:pointer;position:relative;overflow:hidden}.poster:hover{border-color:#39ffcb66;box-shadow:0 24px 48px -12px #0009,0 0 32px #39ffcb2e}.poster img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-out),filter .48s var(--ease);filter:saturate(.85)}.poster:hover img{filter:saturate();transform:scale(1.04)}.poster .ph{color:#f0fffc8c;height:100%;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;background:radial-gradient(50% 60% at 50% 40%,#39ffcb14,transparent 70%),repeating-linear-gradient(45deg,var(--bg-2) 0 8px,var(--bg-3) 8px 16px);place-items:center;font-size:11px;display:grid;position:relative}.poster:after{content:"";pointer-events:none;opacity:.6;height:50%;transition:opacity var(--dur-base) var(--ease);background:linear-gradient(#0000,#00161dd9);position:absolute;bottom:0;left:0;right:0}.poster:hover:after{opacity:1}.poster .lbl{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg);z-index:2;background:#00161de0;border:1px solid #f0fffc14;padding:6px 10px;font-size:10px;position:absolute;bottom:16px;left:16px}@media (max-width:900px){.posters{grid-template-columns:repeat(2,1fr)}}.covers{gap:var(--grid-gap);padding-inline:var(--pad-x);grid-template-columns:repeat(3,1fr);display:grid}.cover{aspect-ratio:1;background:var(--bg-2);border:1px solid var(--color-border);transition:transform .6s var(--ease-out),border-color .32s var(--ease);cursor:pointer;position:relative;overflow:hidden}.cover:hover{border-color:#39ffcb59;transform:translateY(-4px)}.cover img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-out),filter var(--dur-base) var(--ease);filter:saturate(.7)contrast(1.05)brightness(.85)}.cover:hover img{filter:saturate()contrast(1.1)brightness();transform:scale(1.08)}.cover .ph{font-size:12px;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg,#39ffcb14,#0000);justify-content:center;align-items:center;display:flex;inset:0}.cover .lbl,.cover .ph{color:var(--color-text-dim);font-family:var(--font-mono);position:absolute}.cover .lbl{font-size:11px;background:linear-gradient(#0000,#0006);padding:16px;bottom:0;left:0;right:0}@media (max-width:900px){.covers{grid-template-columns:repeat(2,1fr)}}.music-wrap{padding-inline:var(--pad-x);grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(40px,6vw,96px);display:grid}.player{border:1px solid var(--color-border);box-shadow:var(--shadow-elevate);background:radial-gradient(120% 80% at 0 0,#39ffcb12,#0000 60%),radial-gradient(80% 60% at 100% 100%,#ff6f480d,#0000 70%),linear-gradient(#00161d99,#00161df2);gap:28px;padding:32px;display:grid;position:relative;overflow:hidden}.player:before{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7;height:1px;position:absolute;top:0;left:0;right:0}.player .head{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-dim);justify-content:space-between;align-items:center;font-size:11px;display:flex}.player .head .live{color:var(--accent);align-items:center;gap:8px;display:flex}.player .head .live:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 12px var(--accent);animation:dot-blink calc(2s / var(--motion)) ease-in-out infinite;border-radius:50%}.player .now{grid-template-columns:112px 1fr;align-items:center;gap:24px;display:grid}.player .cover{background:var(--bg-2);border:1px solid var(--color-border);border-radius:4px;width:112px;height:112px;position:relative;overflow:hidden}.player .cover:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #f0fffc0f}.player .cover .cover-glow{z-index:-1;filter:blur(30px);opacity:.5;background:radial-gradient(circle,#39ffcb59,#0000 60%);position:absolute;inset:-30%}.player .cover .ph{background:repeating-linear-gradient(45deg,var(--bg-2) 0 8px,var(--bg-3) 8px 16px);width:100%;height:100%;color:var(--fg-faint);font-family:var(--font-mono);letter-spacing:.14em;place-items:center;font-size:10px;display:grid}.player .cover img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease-out)}.player:hover .cover img{transform:scale(1.06)}.player .meta .t{font-family:var(--font-display);letter-spacing:-.02em;-webkit-text-fill-color:transparent;background:linear-gradient(#f0fffc,#f0fffca6);-webkit-background-clip:text;background-clip:text;font-size:clamp(24px,2.4vw,34px);font-weight:700;line-height:1.05}.player .meta .a{color:var(--color-text-dim);font-size:11px;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin-top:10px}.player .waveform{width:100%;font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);font-variant-numeric:tabular-nums;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;font-size:11px;display:grid}.player .waveform .ts-r{color:var(--color-text-dim)}.player .wave-bars{grid-template-columns:repeat(56,minmax(0,1fr));align-items:center;gap:3px;min-width:0;height:64px;display:grid;position:relative}.player .wave-line{background:var(--accent);z-index:0;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 0 10px #39ffcb99}.player .wb{z-index:1;width:100%;transition:height .32s var(--ease-soft),background .32s var(--ease),box-shadow .32s var(--ease);background:linear-gradient(#f0fffc8c,#f0fffc40);border-radius:999px;align-self:center;position:relative}.player .wb.past{background:linear-gradient(180deg,var(--accent),#39ffcbb3);box-shadow:0 0 6px #39ffcb8c,0 0 14px #39ffcb40}.player .wave-playhead{background:var(--orange);z-index:3;border-radius:50%;width:14px;height:14px;transition:left .24s linear;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #ff6f48e6,0 0 40px #ff6f4880}.player .wave-playhead:after{content:"";animation:playhead-ping calc(1.6s / var(--motion)) ease-out infinite;border:1px solid #ff6f4866;border-radius:50%;position:absolute;inset:-6px}@keyframes playhead-ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.player .spotify-embed{border:1px solid var(--color-border);background:#000;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #f0fffc0a}.player .spotify-embed iframe{border:0;display:block}.player .spotify-embed-host{opacity:.001;pointer-events:none;z-index:-1;height:1px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.player .spotify-embed-host iframe{border:0;width:100%!important;height:80px!important}.player .cover .play-btn{color:var(--accent);cursor:pointer;opacity:0;transition:opacity var(--dur-base) var(--ease),background var(--dur-base) var(--ease);z-index:2;background:#00161d59;border:0;place-items:center;display:grid;position:absolute;inset:0}.player .cover .play-btn:before{content:"";width:56px;height:56px;transition:transform var(--dur-base) var(--ease),background var(--dur-base) var(--ease);background:#39ffcb1f;border:1px solid #39ffcb66;border-radius:50%;position:absolute;box-shadow:0 0 24px #39ffcb59,inset 0 0 12px #39ffcb33}.player .cover .play-btn svg{z-index:1;filter:drop-shadow(0 0 6px #39ffcb99);position:relative}.player .cover:hover .play-btn,.player.is-playing .cover .play-btn{opacity:1}.player .cover .play-btn:hover{background:#00161d8c}.player .cover .play-btn:hover:before{background:#39ffcb33;transform:scale(1.08)}.player .cover .play-btn:disabled{cursor:wait;opacity:0}.player.is-playing .cover .play-btn{opacity:0}.player.is-playing .cover:hover .play-btn{opacity:1}.player .wave-bars{cursor:pointer;transition:background var(--dur-fast) var(--ease);border-radius:4px;outline:none;margin:-4px 0;padding:4px 0}.player .wave-bars:hover{background:#39ffcb0a}.player .wave-bars:focus-visible{outline:2px solid var(--accent);outline-offset:4px;box-shadow:0 0 0 6px #39ffcb2e}.player .wave-bars[aria-disabled=true]{cursor:wait;opacity:.55}.player:not(.is-ready) .head .live{animation:dot-blink 1.4s ease-in-out infinite}.tracklist{gap:0;display:grid}.track-row{text-align:left;border:0;border-bottom:1px solid var(--color-border);width:100%;font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg);transition:padding-left var(--dur-base) var(--ease),color var(--dur-base) var(--ease);cursor:pointer;background:0 0;grid-template-columns:36px 1fr auto;align-items:center;gap:18px;padding:18px;font-size:12px;display:grid;position:relative;overflow:hidden}.track-row:before{content:"";background:var(--accent);transform-origin:bottom;width:2px;transition:transform .36s var(--ease-out);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.track-row:hover{background:#39ffcb08}.track-row.active,.track-row:hover{padding-left:28px}.track-row.active:before,.track-row:hover:before{transform-origin:top;transform:scaleY(1)}.track-row .num{color:var(--color-text-dim)}.track-row .name{color:var(--fg);text-transform:uppercase;letter-spacing:.12em;transition:color var(--dur-base) var(--ease);font-size:13px}.track-row.active .name,.track-row:hover .name{color:var(--accent)}.track-row .dur{color:var(--color-text-dim);font-variant-numeric:tabular-nums}.track-row .track-bar{background:0 0;height:1px;display:block;position:absolute;bottom:0;left:0;right:0}.track-row .track-bar i{background:var(--accent);height:100%;transition:width .24s linear;display:block}.cover-grid{padding-inline:var(--pad-x);grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:56px;display:grid}.cover-grid .c{aspect-ratio:1;border:1px solid var(--color-border);background:var(--bg-2);overflow:hidden}.cover-grid .c .ph{background:repeating-linear-gradient(45deg,var(--bg-2) 0 8px,var(--bg-3) 8px 16px);height:100%;color:var(--fg-faint);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;place-items:center;font-size:10px;display:grid}.cover-grid .c img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease)}.cover-grid .c:hover img{transform:scale(1.05)}@media (max-width:900px){.music-wrap{grid-template-columns:1fr;gap:32px}.player{min-width:0;padding:14px;overflow:visible}.player .waveform{grid-template-columns:1fr;grid-template-areas:"bars""times";gap:8px;min-width:0;font-size:10px}.player .wave-bars{grid-area:bars;gap:1px;min-width:0;height:56px}.player .waveform .ts-l{grid-area:times;justify-self:start}.player .waveform .ts-r{grid-area:times;justify-self:end}.player .now{grid-template-columns:72px 1fr;gap:12px;min-width:0}.player .now .meta{min-width:0;overflow:hidden}.player .meta .t{font-size:18px}.player .meta .a,.player .meta .t{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player .cover{width:72px;height:72px}.player .head{letter-spacing:.1em;flex-wrap:wrap;gap:8px;font-size:9px}.music-wrap{padding-inline:12px}.music-section{overflow-x:hidden}}.about-wrap{padding-inline:var(--pad-x);grid-template-columns:1fr 1fr;align-items:start;gap:clamp(40px,6vw,100px);display:grid}.about-wrap .lead{font-family:var(--font-display);letter-spacing:-.025em;color:var(--fg);font-size:clamp(28px,3.4vw,52px);font-weight:400;line-height:1.12}.about-wrap .lead em{color:var(--accent);text-shadow:0 0 24px #39ffcb59;font-style:italic}.about-wrap .lead strong{color:var(--fg);font-weight:700}.about-side{gap:0}.about-side,.about-side .row{display:grid;position:relative}.about-side .row{border-top:1px solid var(--color-border);transition:padding-left .32s var(--ease),background .32s var(--ease);padding-block:18px;grid-template-columns:1fr 2fr;align-items:center;gap:16px;padding-left:16px}.about-side .row:hover{background:linear-gradient(90deg,#39ffcb0a,#0000);padding-left:12px}.about-side .row:hover .v{margin-left:4px}.about-side .row:before{content:"";background:var(--accent);width:4px;height:4px;transition:transform .32s var(--ease-out);box-shadow:0 0 8px var(--accent);border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)scale(0)}.about-side .row:hover:before{transform:translateY(-50%)scale(1)}.about-side .row:last-child{border-bottom:1px solid var(--color-border)}.about-side .row .k{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-dim);font-size:11px}.about-side .row .v{font-family:var(--font-mono);color:var(--fg);letter-spacing:.04em;transition:margin-left .32s var(--ease);font-size:13px}@media (max-width:900px){.about-wrap{grid-template-columns:1fr;gap:32px}}.services-grid{border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;gap:0;display:grid}.service{border-bottom:1px solid var(--color-border);transition:background .38s var(--ease);isolation:isolate;grid-template-columns:60px 1fr;align-items:start;gap:28px;padding:40px 0;display:grid;position:relative}.service:after{content:"";pointer-events:none;background:radial-gradient(60% 100% at var(--mx,50%) var(--my,50%),#39ffcb0f,transparent 60%);opacity:0;transition:opacity .38s var(--ease);position:absolute;inset:0}.service:hover:after{opacity:1}.service.r-col{border-right:1px solid var(--color-border);padding-right:40px}.service.l-col{padding-left:40px}.service .num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.18em;font-variant-numeric:tabular-nums;padding-top:8px;font-size:13px}.service h3{font-family:var(--font-display);letter-spacing:-.025em;transition:transform .48s var(--ease-out);margin-bottom:14px;font-size:clamp(26px,2.6vw,38px);line-height:1.05}.service:hover h3{transform:translate(8px)}.service:hover h3 em{color:var(--accent)}.service h3 em{transition:color .32s var(--ease);font-style:italic;font-weight:400}.service h3 em,.service p{color:var(--color-text-dim)}.service p{max-width:44ch;line-height:1.55}@media (max-width:900px){.services-grid{grid-template-columns:1fr}.service.r-col{border-right:none;padding-right:0}.service.l-col{padding-left:0}}.process-grid{border-top:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.process-grid:before{content:"";background:linear-gradient(90deg,transparent,var(--accent) 10%,var(--accent) 90%,transparent);opacity:.35;height:1px;position:absolute;top:24px;left:0;right:0}.process-step{min-height:280px;transition:background .38s var(--ease);padding:56px 28px 40px 0;position:relative}.process-step:hover{background:linear-gradient(#39ffcb0a,#0000 50%)}.process-step+.process-step{border-left:1px solid var(--color-border);padding-left:28px}.process-step:before{content:"";background:var(--bg);border:1px solid var(--accent);z-index:1;width:10px;height:10px;transition:background .32s var(--ease),transform .32s var(--ease-out),box-shadow .32s var(--ease);border-radius:50%;position:absolute;top:20px;left:-5px}.process-step:hover:before{background:var(--accent);transform:scale(1.4);box-shadow:0 0 20px #39ffcbb3}.process-step:first-child:before{left:0}.process-step .num{font-family:var(--font-display);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1.5px var(--accent);font-variant-numeric:tabular-nums;paint-order:stroke fill;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;transition:color .38s var(--ease);margin-bottom:32px;font-size:clamp(48px,6vw,96px);font-weight:700;line-height:1;display:block}.process-step:hover .num{color:var(--accent)}.process-step h3{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(22px,2vw,30px);font-weight:700;line-height:1.1}.process-step p{color:var(--color-text-dim);font-size:14px;line-height:1.55}@media (max-width:900px){.process-grid{grid-template-columns:1fr 1fr}.process-grid:before{display:none}.process-step{min-height:0;padding:32px 20px 32px 0}.process-step+.process-step{border-left:none;padding-left:20px}.process-step:nth-child(2n){border-left:1px solid var(--color-border);padding-left:20px}.process-step:nth-child(odd){border-left:none;padding-left:0}.process-step:nth-child(3),.process-step:nth-child(4){border-top:1px solid var(--color-border);padding-top:32px}.process-step:before{display:none}}@media (max-width:600px){.process-grid{grid-template-columns:1fr;gap:0}.process-step,.process-step+.process-step,.process-step:nth-child(2n),.process-step:nth-child(odd){border-left:none;border-right:none;min-height:0;padding-left:0;padding-right:0}.process-step+.process-step,.process-step:nth-child(3),.process-step:nth-child(4){border-top:1px solid var(--color-border);padding-top:28px}.process-step{position:relative;border-left:1px solid #39ffcb40!important;padding-left:28px!important}.process-step:before{display:none}}.contact{padding:clamp(120px,16vh,200px) var(--pad-x) clamp(80px,10vh,140px);border-top:1px solid var(--color-border);position:relative;overflow:hidden}.contact:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(50% 60% at 50% 100%,#39ffcb2e,#0000 70%);width:120%;height:80%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.contact>*{z-index:1;position:relative}.contact .big{font-family:var(--font-display);letter-spacing:-.045em;margin-top:40px;font-size:clamp(56px,12vw,200px);font-weight:700;line-height:.88}.contact .big .stroke{color:#0000;-webkit-text-stroke:1.5px var(--fg);transition:-webkit-text-stroke .32s var(--ease),color .32s var(--ease);font-style:italic;font-weight:400}.contact .big a{transition:color .32s var(--ease),letter-spacing .52s var(--ease-out);display:inline-block;position:relative}.contact .big a:hover{color:var(--accent);letter-spacing:-.035em}.contact .big a:hover .stroke{-webkit-text-stroke-color:var(--accent)}.contact .big a .arr{transition:transform .48s var(--ease-out);color:var(--accent);filter:drop-shadow(0 0 12px #39ffcb80);margin-left:20px;display:inline-block}.contact .big a:hover .arr{transform:translate(20px)rotate(-12deg)}.contact .row{border-top:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;margin-top:80px;padding-top:32px;font-style:normal;display:grid}.contact .row .k{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-dim);margin-bottom:10px;font-size:11px;display:block}.contact .row .v{font-family:var(--font-mono);color:var(--fg);font-size:13px}.contact .row .v a{transition:color .24s var(--ease)}.contact .row .v a:hover{color:var(--accent)}@media (max-width:900px){.contact .row{grid-template-columns:1fr 1fr}}.footer{padding:24px var(--pad-x);border-top:1px solid var(--color-border);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-dim);grid-template-columns:1fr 1fr 1fr;align-items:center;gap:16px;font-size:11px;display:grid}.footer .footer-copy{justify-self:start}.footer .footer-impressum{color:var(--color-text-dim);text-transform:uppercase;transition:color .24s var(--ease);justify-self:center;text-decoration:none}.footer .footer-impressum:hover{color:var(--accent)}.footer .footer-datenschutz{color:var(--color-text-dim);text-transform:uppercase;transition:color .24s var(--ease);justify-self:end;text-decoration:none}.footer .footer-datenschutz:hover{color:var(--accent)}.footer .live-clock{color:var(--accent);justify-self:end;align-items:center;gap:8px;display:inline-flex}.footer .live-clock .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:dot-blink 2s ease-in-out infinite}.footer .live-clock .tc{font-variant-numeric:tabular-nums;letter-spacing:.18em}@media (max-width:700px){.footer{text-align:center;padding:20px var(--pad-x);grid-template-columns:1fr;justify-items:center;gap:12px}.footer .footer-copy,.footer .footer-datenschutz,.footer .footer-impressum,.footer .footer-legal,.footer .live-clock{justify-self:center}}.section-index{z-index:40;pointer-events:none;position:fixed;top:50%;left:16px;transform:translateY(-50%)}.section-index ul{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.section-index li{pointer-events:auto}.section-index a{transition:transform .32s var(--ease);align-items:center;gap:8px;padding:3px 0;text-decoration:none;display:flex}.section-index a:hover{transform:translate(3px)}.section-index .dot-marker{width:5px;height:5px;transition:background .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease);background:#f0fffc40;border:1px solid #f0fffc26;border-radius:50%;flex-shrink:0}.section-index li.active .dot-marker{background:var(--accent);border-color:var(--accent);transform:scale(1.5);box-shadow:0 0 8px #39ffcbb3}.section-index a:hover .dot-marker{background:#f0fffc99;border-color:#f0fffc66}.section-index .lab{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-dim);white-space:nowrap;opacity:0;max-width:0;transition:max-width .4s var(--ease),opacity .28s var(--ease);font-size:9px;overflow:hidden}.section-index:hover .lab{opacity:1;max-width:100px}.section-index li.active .lab{color:var(--accent)}.section-index .dash,.section-index .num{display:none}@media (max-width:900px){.section-index{display:none}}.reveal-text{display:inline}.reveal-text .rt-word{vertical-align:baseline;margin-bottom:-.08em;padding-bottom:.08em;line-height:1.05;display:inline-block;overflow:hidden}.reveal-text .rt-inner{opacity:0;will-change:transform;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .6s ease-out;display:inline-block;transform:translateY(110%)}.reveal-text.in .rt-inner{opacity:1;transform:translateY(0)}.about-side,.poster-tile,.service-tile,.work-row{isolation:isolate;position:relative}.about-side,.poster-tile,.service-tile{transition:border-color .36s var(--ease),background .36s var(--ease),transform .48s var(--ease);background:linear-gradient(135deg,#f0fffc0a,#f0fffc03);border:1px solid #f0fffc0f}.poster-tile:hover,.service-tile:hover{background:linear-gradient(135deg,#39ffcb0d,#ff6f4805);border-color:#39ffcb59}.poster-tile:after,.work-row:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .48s var(--ease);z-index:-1;filter:blur(20px);background:radial-gradient(60% 80% at 0,#39ffcb2e,#0000 60%),radial-gradient(50% 70% at 100%,#ff6f4826,#0000 60%);position:absolute;inset:-1px}.poster-tile:hover:after,.work-row:hover:after{opacity:1}@property --cta-angle{syntax:"";inherits:false;initial-value:0deg}.contact .cta,.hero .cta{position:relative}.contact .cta:before,.hero .cta:before{content:"";border-radius:inherit;background:conic-gradient(from var(--cta-angle),var(--accent),#39ffcb00 25%,var(--orange) 50%,#ff6f4800 75%,var(--accent));pointer-events:none;opacity:.85;padding:1px;animation:cta-rotate 4s linear infinite;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes cta-rotate{to{--cta-angle:360deg}}.cursor-echo{pointer-events:none;width:36px;height:36px;z-index:var(--z-cursor);mix-blend-mode:screen;transition:width .24s var(--ease),height .24s var(--ease),border-color .24s var(--ease),opacity .24s var(--ease);opacity:.7;border:1px solid #39ffcb59;border-radius:50%;margin-top:-18px;margin-left:-18px;position:fixed;top:0;left:0;box-shadow:0 0 18px #39ffcb2e,inset 0 0 8px #39ffcb26}.cursor-echo.hidden{opacity:0}.hero-h1 .nm.a .split-word>span{font-style:italic}.contact .cta,.hero .cta{border-radius:999px}.legal-section{padding:140px 0 96px}.legal-section .container{max-width:820px}.legal-content{color:var(--color-text);margin-top:56px}.legal-content h3{font-family:var(--font-display,var(--font-sans));letter-spacing:-.01em;color:var(--color-text);margin:40px 0 14px;font-size:clamp(18px,2vw,22px);font-weight:500}.legal-content h3:first-child{margin-top:0}.legal-content p{color:var(--color-text-dim);max-width:68ch;margin:0 0 14px;font-size:15px;line-height:1.7}.legal-content ul{border-left:1px solid var(--color-border);margin:0 0 14px;padding:0;list-style:none}.legal-content ul li{color:var(--color-text-dim);padding:6px 0 6px 16px;font-size:14px;line-height:1.6}.legal-content a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.legal-content a:hover{text-decoration-thickness:2px}.legal-content strong{color:var(--color-text);font-weight:500}.legal-back{border-top:1px solid var(--color-border);padding-top:24px;margin-top:56px!important}.legal-back a{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:12px}.footer-legal{align-items:center;gap:6px;display:inline-flex}.footer-legal a{color:var(--color-text-dim);transition:color .24s var(--ease);text-decoration:none}.footer-legal a:hover{color:var(--accent)}@media (max-width:700px){.legal-section{padding:100px 0 64px}.legal-content{margin-top:36px}}.cookie-banner{z-index:9000;-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);animation:cookie-slide-in .42s var(--ease) both;background:#080c0ef5;border-radius:14px;padding:18px 22px;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 20px 60px #00000073}@keyframes cookie-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cookie-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;max-width:1200px;margin:0 auto;display:flex}.cookie-text{color:var(--color-text-dim);flex:320px;max-width:60ch;margin:0;font-size:13px;line-height:1.6}.cookie-text strong{color:var(--color-text);font-weight:500}.cookie-text a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.cookie-actions{flex-shrink:0;gap:10px;display:flex}.cookie-btn{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease);border-radius:999px;padding:11px 18px;font-size:11px}.cookie-btn.ghost{color:var(--color-text-dim);border:1px solid var(--color-border);background:0 0}.cookie-btn.ghost:hover{color:var(--color-text);border-color:var(--color-text-dim)}.cookie-btn.primary{background:var(--accent);color:#0a0f10;border:1px solid var(--accent);font-weight:600}.cookie-btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #39ffcb4d}@media (max-width:700px){.cookie-banner{padding:14px 16px;bottom:8px;left:8px;right:8px}.cookie-inner{flex-direction:column;align-items:stretch;gap:14px}.cookie-actions{justify-content:flex-end}}.player.is-blocked{position:relative}.player-consent{z-index:5;text-align:center;-webkit-backdrop-filter:blur(8px);border-radius:inherit;background:#080c0ec7;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex;position:absolute;inset:0}.player-consent p{max-width:42ch;color:var(--color-text-dim);margin:0;font-size:14px;line-height:1.6}.player-consent strong{color:var(--color-text);font-weight:500}.player-consent-link{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-dim);transition:color .2s var(--ease),border-color .2s var(--ease);border-bottom:1px solid #0000;font-size:10px;text-decoration:none}.player-consent-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.project-detail{color:var(--fg)}.pd-topbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#0a0a0ab8;padding:32px 0;display:none}.pd-topbar .container{justify-content:space-between;align-items:center;display:flex}.pd-back{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-dim);transition:color .24s var(--ease);align-items:center;gap:8px;font-size:11px;display:inline-flex}.pd-back:hover,.pd-slug{color:var(--accent)}.pd-slug{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:11px}.pd-hero{padding:140px 0 48px}.pd-hero-top{justify-content:space-between;align-items:center;margin-bottom:64px;display:flex}.pd-hero .pd-meta{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-dim);margin-bottom:24px;font-size:11px;display:block}.pd-title{letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(56px,11vw,168px);font-weight:700;line-height:.92}.pd-tagline,.pd-title{font-family:var(--font-display)}.pd-tagline{color:#f0fffcc7;max-width:36ch;font-size:clamp(20px,2.4vw,32px);font-style:italic;font-weight:400}.pd-hero-image{aspect-ratio:16/9;background:var(--bg-2);width:100%;margin:24px 0 96px;overflow:hidden}.pd-hero-image img{object-fit:cover;width:100%;height:100%}.pd-overview{padding-bottom:96px}.pd-overview-grid{grid-template-columns:1fr 2.2fr;align-items:start;gap:80px;display:grid}.pd-overview-meta dl{gap:24px;display:grid}.pd-overview-meta dl>div{border-top:1px solid var(--color-border);padding-top:12px}.pd-overview-meta dt{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--color-text-dim);margin-bottom:6px;font-size:10px}.pd-overview-meta dd{font-family:var(--font-mono);color:var(--fg);font-size:13px}.pd-overview-body h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(32px,4vw,56px);font-weight:700}.pd-overview-body h3{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-top:40px;margin-bottom:12px;font-size:11px}.pd-overview-body p{color:#f0fffcdb;max-width:62ch;font-size:clamp(15px,1.1vw,17px);line-height:1.65}.pd-overview-body p+p{margin-top:16px}.pd-lead{color:var(--fg)!important;font-size:clamp(18px,1.4vw,22px)!important;line-height:1.55!important}.pd-sections{gap:80px;padding-bottom:96px;display:grid}.pd-fig{background:var(--bg-2);border:1px solid var(--color-border);margin:0;position:relative;overflow:hidden}.pd-fig img{width:100%;height:auto;display:block}.pd-fig figcaption{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-dim);border-top:1px solid var(--color-border);background:var(--bg-2);padding:14px 16px;font-size:11px}.pd-fig.full{margin-inline:calc(var(--pad-x) * -1);border-inline:0}.pd-fig.bg-light{background:#f2f0ea;border-color:#e2ddd0}.pd-fig.bg-light img{box-sizing:border-box;padding:48px}.pd-fig.bg-light figcaption{color:#3a3a35;background:#e8e3d6;border-top-color:#d6cfbc}.pd-pair{grid-template-columns:1fr 1fr}.pd-grid,.pd-pair{gap:var(--grid-gap);display:grid}.pd-grid.cols-2{grid-template-columns:1fr 1fr}.pd-grid.cols-3{grid-template-columns:repeat(3,1fr)}.pd-text{max-width:720px}.pd-text h3{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:11px}.pd-text p{color:#f0fffcdb;font-size:clamp(15px,1.1vw,18px);line-height:1.7}.pd-quote{border-block:1px solid var(--color-border);margin:0;padding:32px 0}.pd-quote p{font-family:var(--font-display);color:var(--fg);font-size:clamp(22px,2.4vw,32px);font-style:italic;line-height:1.3}.pd-quote cite{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-dim);margin-top:16px;font-size:11px;font-style:normal;display:block}.pd-system{border-top:1px solid var(--color-border);grid-template-columns:1.5fr 1fr;gap:80px;padding-block:64px;display:grid}.pd-palette h3,.pd-typography h3{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-dim);margin-bottom:24px;font-size:11px}.pd-swatches{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.pd-swatch{gap:8px;display:grid}.pd-swatch-color{aspect-ratio:1.6;border:1px solid var(--color-border)}.pd-swatch-name{color:var(--fg);font-size:13px}.pd-swatch-hex{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-text-dim);font-size:11px}.pd-typography ul{gap:20px;padding:0;list-style:none;display:grid}.pd-typography li{border-bottom:1px solid var(--color-border);gap:4px;padding-bottom:16px;display:grid}.pd-type-name{font-family:var(--font-display);font-size:22px;font-weight:700}.pd-type-usage{color:#f0fffcc7;font-size:13px}.pd-type-weights{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-dim);font-size:11px}.pd-outcome{border-top:1px solid var(--color-border);max-width:920px;padding-block:64px}.pd-outcome h3{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:11px}.pd-outcome p{font-family:var(--font-display);color:var(--fg);font-size:clamp(22px,2.4vw,36px);font-style:italic;font-weight:400;line-height:1.35}.pd-next{border-top:1px solid var(--color-border);padding-block:96px 140px}.pd-next a{gap:12px;display:grid}.pd-next-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-dim);font-size:11px}.pd-next-title{font-family:var(--font-display);letter-spacing:-.03em;transition:color .32s var(--ease),letter-spacing .52s var(--ease-out);font-size:clamp(40px,7vw,96px);font-weight:700;line-height:1}.pd-next a:hover .pd-next-title{color:var(--accent);letter-spacing:-.025em}@media (max-width:900px){.pd-overview-grid,.pd-system{grid-template-columns:1fr;gap:48px}.pd-grid.cols-2,.pd-pair{grid-template-columns:1fr}.pd-grid.cols-3{grid-template-columns:1fr 1fr}}.reveal{opacity:0;transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);will-change:opacity,transform}.reveal-up{transform:translateY(32px)}.reveal-fade{transform:none}.reveal-stagger>*{opacity:0;pointer-events:none;transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transition-delay:calc(var(--i,0) * 60ms);transform:translateY(28px)}.reveal.in-view{opacity:1;transform:none}.reveal-stagger.in-view>*{opacity:1;pointer-events:auto;transform:none}@media (prefers-reduced-motion:reduce){.reveal,.reveal-stagger>*{opacity:1!important;transition:none!important;transform:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.pd-sections{grid-template-columns:1fr 1fr;gap:22px;align-items:start;grid-auto-flow:dense;padding-bottom:56px}
.pd-sections>.pd-text{grid-column:1/-1;max-width:none}
.pd-sections>.pd-pair{display:contents}
.pd-sections>.pd-fig.full{grid-column:1/-1;margin-inline:0;border-inline:1px solid var(--color-border)}
.pd-hero{padding:108px 0 32px}
.pd-hero-top{margin-bottom:40px}
.pd-hero-image{margin:16px 0 48px}
.pd-overview{padding-bottom:56px}
.pd-system{padding-block:48px}
.pd-next{padding-block:64px 96px}
@media (max-width:900px){.pd-sections{grid-template-columns:1fr}}
.pd-match img{aspect-ratio:4/3;width:100%;height:auto;object-fit:cover}
.pd-match.bg-light img{object-fit:contain}
@media (max-width:700px){.cookie-text{flex:0 1 auto}}
.process-step .num{-webkit-text-stroke-width:1px}
.process-step .num{color:var(--accent);-webkit-text-stroke-width:0}
html,body{overflow-x:clip}