.preview-root{--primitive-black:#050506;--primitive-white:#f5f5f2;--primitive-green:#b7ff3c;--primitive-violet:#8450ff;--primitive-pink:#fc5eff;--primitive-blue:#7895ff;--glitch-contrast:#ff5b32;--bg:var(--primitive-black);--surface:#101115;--text:var(--primitive-white);--muted:#a09fa6;--line:#2b2b32;--accent:var(--primitive-blue);--accent-ink:#071126;--case-accent-secondary:var(--primitive-blue);--case-glow-primary:rgba(252,94,255,.26);--case-glow-secondary:rgba(80,108,255,.2);--case-surface:var(--surface);--case-display-font:var(--font-pragmatica);--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-6:3rem;--space-8:4rem;--space-12:6rem;--radius-control:.25rem;--radius-media:.75rem;--motion-standard:cubic-bezier(.22,1,.36,1);position:relative;isolation:isolate;min-height:100vh;background-color:var(--bg);color:var(--text);font-family:var(--font-pragmatica),"Yu Gothic","Hiragino Sans",sans-serif;transition:background-color .2s ease,color .2s ease}.preview-root[data-theme=light],html[data-site-theme=light] .preview-root{--bg:#f7f7f4;--surface:#eeeee9;--text:#171817;--muted:#62635e;--line:#c9cac4;--accent:#2548c8;--accent-ink:#fff}html[data-site-theme=light] .preview-root{background-color:var(--bg)}.preview-root *,.preview-root :after,.preview-root :before{box-sizing:border-box}.preview-root ::-moz-selection{color:#08020b;background:var(--primitive-pink);text-shadow:none}.preview-root ::selection{color:#08020b;background:var(--primitive-pink);text-shadow:none}.preview-root a{color:inherit;text-decoration:none}.preview-skip{position:fixed;top:-5rem;left:1rem;z-index:100;padding:.75rem 1rem;background:var(--accent);color:var(--accent-ink)!important}.preview-skip:focus{top:1rem}.preview-footer,.preview-header{width:min(1440px,100%);margin:auto;padding:0 clamp(1.25rem,4vw,4rem)}.preview-root>footer,.preview-root>header,.preview-root>main{position:relative;z-index:1}@media (min-width:761px){.preview-root>main{border-top:0 solid transparent}.preview-root.is-scroll-ready>main{transition:border-top-width .55s var(--motion-standard)}.preview-root.is-scrolled>main{border-top-width:5.5rem}}.preview-header{height:10rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid transparent;position:sticky!important;top:0;z-index:20!important;background:transparent}.preview-root.is-scroll-ready .preview-header{transition:height .55s var(--motion-standard),border-color .3s ease}.preview-root.is-scrolled .preview-header{height:4.5rem;border-color:var(--line)}.preview-mark{display:inline-flex;align-items:center;gap:.56rem;font-size:clamp(4rem,6.3vw,7rem);font-weight:650;line-height:1;letter-spacing:-.055em;transform-origin:left center}.preview-root.is-scroll-ready .preview-mark{transition:font-size .55s var(--motion-standard),gap .55s var(--motion-standard),transform .55s var(--motion-standard)}.preview-root.is-scrolled .preview-mark{gap:.55rem;font-size:1.2rem}.preview-mark-symbol{display:block;width:.8em;height:.8em;flex:0 0 auto;overflow:visible}.preview-mark-word{display:block;line-height:1;font-variation-settings:"wght" 560,"wdth" 69;transition:font-variation-settings .55s var(--motion-standard),letter-spacing .55s var(--motion-standard)}.preview-loader{position:fixed;z-index:1000;inset:0;display:none;align-items:center;justify-content:center;gap:1rem;color:var(--text);background:var(--bg);font-size:clamp(2.5rem,8vw,7rem);font-weight:650;letter-spacing:-.065em;pointer-events:none;transform-origin:7% 6%;overflow:hidden}.preview-loader svg{width:.9em;height:.9em}.preview-loader>span{position:relative;z-index:2;font-variation-settings:"wght" 610,"wdth" 68}.preview-root.is-loading .preview-loader{display:flex;animation:preview-loader-enter .76s var(--motion-standard) both}.preview-root.is-loaded .preview-loader{animation:preview-loader-exit .62s var(--motion-standard) both}.loader-badge{--loader-x:50%;--loader-y:50%;--loader-r:0deg;position:absolute;left:var(--loader-x);top:var(--loader-y);padding:.65rem .85rem;border:2px solid;border-radius:999px;background:var(--bg);color:var(--text);font:700 clamp(.55rem,1vw,.75rem)/1 monospace;transform:translate(-50%,-50%) rotate(var(--loader-r)) scale(.75);opacity:0;animation:loader-badge-in .5s var(--motion-standard) forwards}.loader-badge:nth-of-type(2n){color:var(--accent);border-radius:.35rem}.loader-badge:nth-of-type(3n){background:var(--text);color:var(--bg)}.preview-nav{display:flex;gap:2rem;color:var(--muted);font-size:.85rem}.preview-nav a:focus-visible,.preview-nav a:hover{color:var(--text)}.preview-controls{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.preview-settings{position:relative}.preview-settings>summary{width:2.5rem;height:2.5rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--text);background:var(--bg);cursor:pointer;list-style:none;font-size:1rem}.preview-settings>summary::-webkit-details-marker{display:none}.preview-settings[open]>summary{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.preview-settings-panel{position:absolute;z-index:30;top:calc(100% + .75rem);right:0;width:min(22rem,calc(100vw - 2.5rem));display:grid;gap:1rem;padding:1.25rem;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent);box-shadow:0 1.5rem 5rem rgba(0,0,0,.35);backdrop-filter:blur(18px)}.preview-settings-panel>strong{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.preview-settings-panel .preview-theme{width:100%;justify-content:space-between}.preview-settings-panel .a11y-controls{margin:0;padding:1rem 0 0;border:0;border-top:1px solid var(--line)}.preview-settings-panel .a11y-options{grid-template-columns:1fr}.preview-style-picker{margin:0;padding:0;border:0}.preview-style-picker legend{margin-bottom:.55rem;color:var(--muted);font:600 .65rem/1 monospace;letter-spacing:.08em;text-transform:uppercase}.preview-style-picker>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.preview-style-picker button{min-height:4.5rem;display:grid;align-content:space-between;justify-items:start;gap:.65rem;padding:.7rem;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font:600 .68rem/1.1 var(--font-pragmatica),sans-serif;text-align:left}.preview-style-picker button span{font:650 1.3rem/1 var(--font-pragmatica),sans-serif}.preview-style-picker button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}.preview-style-picker button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.preview-languages{display:flex;gap:.2rem;font-size:.68rem;letter-spacing:.08em}.preview-languages a{color:var(--muted);padding:.35rem}.preview-languages .is-active{color:var(--text);border-bottom:1px solid var(--accent)}.preview-theme{border:1px solid var(--line);background:transparent;color:var(--text);min-height:2.5rem;padding:.5rem .75rem;display:flex;gap:.5rem;align-items:center;cursor:pointer;font:inherit;font-size:.75rem}.preview-audio{position:relative;width:2.5rem;height:2.5rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);cursor:pointer;font:inherit;font-size:1rem;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .25s var(--motion-standard)}.preview-audio-control{position:relative;display:grid;place-items:center}.preview-volume{position:absolute;z-index:35;top:calc(100% + .7rem);right:0;width:10.5rem;display:grid;grid-template-columns:1fr auto;gap:.45rem .7rem;padding:.75rem;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent);box-shadow:0 1rem 3rem rgba(0,0,0,.32);backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-.35rem);transition:opacity .18s ease,transform .24s var(--motion-standard),visibility 0s linear .24s}.preview-volume span{grid-column:1/-1;color:var(--muted);font-size:.65rem}.preview-volume input{min-width:0;width:100%;accent-color:var(--accent)}.preview-volume output{color:var(--text);font:600 .65rem/1 monospace;align-self:center}.preview-audio-control:focus-within .preview-volume,.preview-audio-control:hover .preview-volume{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}.preview-audio:focus-visible,.preview-audio:hover{border-color:var(--accent);transform:rotate(-8deg) scale(1.05)}.preview-audio.is-playing{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 0 0 .28rem color-mix(in srgb,var(--accent) 16%,transparent)}.preview-audio.is-playing:after{content:"";position:absolute;inset:-.4rem;border:1px solid var(--accent);border-radius:inherit;animation:audio-pulse 1.8s ease-out infinite}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.preview-root a:focus-visible,.preview-theme:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.preview-container{width:min(1440px,100%);margin:auto;padding:0 clamp(1.25rem,4vw,4rem)}.preview-hero{position:relative;min-height:calc(100svh - 10rem);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:clamp(3rem,8vw,9rem);align-items:end;padding-top:6rem;padding-bottom:5rem;overflow:hidden}.preview-hero-aside,.preview-hero-copy{position:relative;z-index:3}.preview-eyebrow,.preview-index{color:var(--accent);font:600 .72rem/1.3 monospace;letter-spacing:.12em;text-transform:uppercase}.preview-hero .preview-eyebrow{font-size:clamp(.9rem,1.15vw,1.05rem);line-height:1.4;letter-spacing:.035em;text-transform:none}.preview-case-hero h1,.preview-hero h1,.preview-resume-hero h1{font-size:clamp(3rem,8vw,8.8rem);line-height:.88;letter-spacing:-.065em;max-width:12ch;margin:1.25rem 0 2rem;font-weight:650;font-variation-settings:"wght" 610,"wdth" 88;animation:preview-title-load 1s cubic-bezier(.16,1,.3,1) backwards;transition:font-variation-settings .75s cubic-bezier(.22,1,.36,1),letter-spacing .75s cubic-bezier(.22,1,.36,1)}.variable-hero-title{position:relative;isolation:isolate}.variable-hero-title__content{position:relative;z-index:1}.variable-hero-title__line{position:relative;display:block;width:-moz-max-content;width:max-content;max-width:100%;white-space:nowrap;animation:hero-line-type .56s steps(12) both}.variable-hero-title__line:nth-child(2){margin-inline-start:clamp(.4rem,2vw,2rem)}.variable-hero-title__line:nth-child(3){margin-inline-start:clamp(.8rem,4vw,4rem)}.variable-hero-title__word{display:inline-block;white-space:nowrap}.variable-hero-title__word+.variable-hero-title__word{margin-inline-start:.22em}.variable-hero-title__glyph{display:inline-block;font-variation-settings:"wght" 610,"wdth" 88;transition:font-variation-settings .48s var(--motion-standard),transform .48s var(--motion-standard)}.variable-hero-title__glyph[data-distance="0"]{font-variation-settings:"wght" 610,"wdth" 128;transition-delay:.06s}.variable-hero-title__glyph[data-distance="1"]{font-variation-settings:"wght" 610,"wdth" 116;transition-delay:85ms}.variable-hero-title__glyph[data-distance="2"]{font-variation-settings:"wght" 610,"wdth" 106;transition-delay:.11s}.variable-hero-title__glyph[data-distance="3"]{font-variation-settings:"wght" 610,"wdth" 98;transition-delay:.135s}.variable-hero-title__glyph[data-distance="4"]{font-variation-settings:"wght" 610,"wdth" 93;transition-delay:.16s}.variable-hero-title__line:after,.variable-hero-title__line:before{content:attr(data-text);position:absolute;z-index:2;inset:0 auto auto 0;width:100%;color:var(--text);pointer-events:none;opacity:0}.variable-hero-title__line:before{color:var(--accent);text-shadow:-.035em 0 var(--glitch-contrast);animation:preview-glitch-a 5.8s step-end 1.4s infinite}.variable-hero-title__line:after{color:var(--glitch-contrast);text-shadow:.03em 0 var(--accent);animation:preview-glitch-b 5.8s step-end 1.44s infinite}.preview-lead{max-width:44rem;font-size:clamp(1.1rem,2vw,1.55rem);line-height:1.45;color:var(--muted)}.preview-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.5rem}.preview-button{position:relative;isolation:isolate;overflow:hidden;min-height:3rem;padding:.85rem 1.35rem;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-weight:650;font-size:.85rem;clip-path:polygon(0 0,calc(100% - .8rem) 0,100% .8rem,100% 100%,.8rem 100%,0 calc(100% - .8rem))}.preview-button:before{content:attr(data-glitch);position:absolute;z-index:2;inset:0;display:grid;place-items:center;padding:inherit;color:var(--glitch-contrast);background:var(--bg);opacity:0;pointer-events:none;clip-path:inset(0)}.preview-button:after{content:"";position:absolute;z-index:-1;inset:-30% -45%;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 30%,var(--glitch-contrast) 43%,color-mix(in srgb,var(--accent) 76%,white) 51%,transparent 64%);transform:translateX(-65%) skewX(-12deg)}.preview-button:focus-visible,.preview-button:hover{animation:preview-button-glitch .38s steps(2)}.preview-button:focus-visible:before,.preview-button:hover:before{animation:preview-button-copy-glitch .38s step-end}.preview-button:focus-visible:after,.preview-button:hover:after{animation:preview-button-scan .38s steps(3)}.preview-button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.cursor-grid{position:fixed;z-index:0;inset:0;pointer-events:none;overflow:hidden}.cursor-grid__static,.cursor-grid__trace{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--line) 56%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 56%,transparent) 1px,transparent 1px);background-size:2rem 2rem}.preview-root[data-theme=light] .cursor-grid__static,.preview-root[data-theme=light] .cursor-grid__trace{background-image:radial-gradient(circle,color-mix(in srgb,var(--text) 24%,transparent) 1.15px,transparent 1.35px);background-size:1.15rem 1.15rem}.cursor-grid__static{opacity:0}.cursor-grid__trace{--grid-x:50vw;--grid-y:50vh;opacity:0;-webkit-mask-image:radial-gradient(circle 14rem at var(--grid-x) var(--grid-y),black 0 18%,rgba(0,0,0,.82) 38%,transparent 72%);mask-image:radial-gradient(circle 14rem at var(--grid-x) var(--grid-y),black 0 18%,rgba(0,0,0,.82) 38%,transparent 72%)}.preview-facts{align-self:end;display:grid;border-top:1px solid var(--line)}.preview-home-facts{border-top:0;gap:.9rem}.preview-hero-aside{align-self:end;display:grid;gap:2rem}.portfolio-badges{--sticker-acid:#b8ff24;--sticker-ink:#070907;position:relative;min-height:18rem;color:var(--text);pointer-events:none;isolation:isolate}.portfolio-badges.is-home{position:absolute;z-index:2;inset:0;min-height:0}.portfolio-badge{--badge-x:0px;--badge-y:0px;--badge-angle:0deg;--badge-base-rotation:0deg;position:absolute;display:flex;align-items:center;justify-content:center;border:.28rem solid;background:var(--bg);color:var(--text);font-weight:760;line-height:1;letter-spacing:-.025em;text-align:center;text-transform:uppercase;box-shadow:0 0 0 .3rem var(--bg);-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.portfolio-badges.is-physics{min-height:38rem;border:1px solid var(--line);overflow:hidden}.portfolio-badges.is-physics .portfolio-badge{pointer-events:auto;cursor:grab;touch-action:none}.portfolio-badges.is-physics .portfolio-badge.is-dragging{z-index:10;cursor:grabbing}.portfolio-badge b,.portfolio-badge i{font:inherit}.portfolio-badge i{font-style:normal;font-variation-settings:"wght" 470,"wdth" 74}.badge-system{--badge-base-rotation:-2deg;z-index:4;top:4.2rem;left:9%;width:78%;min-height:5.6rem;padding:1rem 1.4rem;gap:.45em;border-radius:1.5rem;font-size:clamp(1.25rem,2vw,2rem);transform:translate(var(--badge-x),var(--badge-y)) rotate(calc(var(--badge-base-rotation) + var(--badge-angle)));background:linear-gradient(122deg,#070a15 5%,#18275b 38%,#7895ff 49%,#1b2e6d 59%,#070a15 92%);overflow:hidden}.badge-system b{font-variation-settings:"wght" 790,"wdth" 108}.badge-system i{font-size:.72em}.badge-stamp{--badge-base-rotation:11deg;z-index:2;top:0;right:-1rem;width:9rem;aspect-ratio:1;border-radius:50%;flex-direction:column;gap:.35rem;transform:translate(var(--badge-x),var(--badge-y)) rotate(calc(var(--badge-base-rotation) + var(--badge-angle)));background:radial-gradient(circle at 32% 24%,#a9baff 0,#314da5 24%,#0b1024 68%);overflow:hidden}.badge-stamp:before{content:"";position:absolute;z-index:2;inset:.45rem;border:.12rem solid;border-radius:inherit}.badge-stamp svg{position:absolute;z-index:1;inset:.2rem;width:calc(100% - .4rem);height:calc(100% - .4rem);overflow:visible}.badge-stamp text{fill:currentColor;font:700 7.4px/1 monospace;letter-spacing:.75px}.badge-stamp strong{position:relative;z-index:1;font-size:2rem;font-variation-settings:"wght" 760,"wdth" 70}.portfolio-badge.is-holographic{--foil-x:50%;--foil-y:50%;--foil-pan-x:0%;--foil-pan-y:0%;color:#090a0d!important;border-color:#090a0d!important;background:linear-gradient(132deg,#f9faf4,#c4ccd1 22%,#f4eee1 48%,#bfc9cf 72%,#faf8ee)!important;box-shadow:inset 0 0 0 .12rem rgba(255,255,255,.72),inset 0 0 1.35rem rgba(37,54,67,.18),0 0 0 .22rem var(--bg),0 0 0 .34rem #090a0d!important;transition:filter .22s ease}.portfolio-badge.is-holographic:before{z-index:0;background:radial-gradient(circle at var(--foil-x) var(--foil-y),rgba(255,255,255,.98) 0 3%,rgba(255,255,255,.5) 9%,transparent 27%),repeating-radial-gradient(ellipse at calc(var(--foil-x) + var(--foil-pan-x)) calc(var(--foil-y) + var(--foil-pan-y)),rgba(99,235,255,.48) 0 4%,rgba(194,151,255,.42) 7% 11%,rgba(255,169,218,.42) 14% 18%,rgba(255,240,147,.46) 21% 25%,rgba(165,255,224,.42) 28% 32%,rgba(99,235,255,.44) 35% 39%),linear-gradient(118deg,rgba(255,255,255,.78),rgba(141,220,244,.32) 22%,rgba(247,179,242,.38) 42%,rgba(255,244,173,.34) 63%,rgba(174,239,255,.36) 82%,rgba(255,255,255,.72));background-size:100% 100%,145% 185%,100% 100%;background-position:50%,calc(50% + var(--foil-pan-x)) calc(50% + var(--foil-pan-y)),50%;mix-blend-mode:color-burn;opacity:.76;filter:saturate(.78) contrast(1.08);transition:background-position .16s ease-out,filter .18s ease-out}.portfolio-badge.is-holographic:after,.portfolio-badge.is-holographic:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.portfolio-badge.is-holographic:after{z-index:1;background:repeating-linear-gradient(104deg,rgba(255,255,255,.16) 0 1px,rgba(8,15,22,.055) 1px 2px,transparent 2px 5px),radial-gradient(ellipse 34% 68% at var(--foil-x) var(--foil-y),rgba(255,255,255,.72),rgba(255,255,255,.12) 42%,transparent 72%);background-position:calc(50% + var(--foil-pan-x)) calc(50% + var(--foil-pan-y)),50%;mix-blend-mode:soft-light;opacity:.74;transition:background-position .16s ease-out}.portfolio-badge.is-holographic>*{position:relative;z-index:2}.portfolio-badge.is-holographic:hover{filter:brightness(1.06) contrast(1.04)}.badge-warning{--badge-base-rotation:9deg;z-index:3;left:0;bottom:1.6rem;width:7rem;aspect-ratio:1;flex-direction:column;gap:.2rem;border-radius:1.2rem;transform:translate(var(--badge-x),var(--badge-y)) rotate(calc(var(--badge-base-rotation) + var(--badge-angle)));color:var(--accent)}.badge-warning span{font-size:2.8rem}.badge-warning strong{font:700 .65rem/1 monospace}.badge-since{--badge-base-rotation:-8deg;z-index:5;right:7%;bottom:2rem;min-width:8rem;min-height:3.7rem;padding:.8rem 1rem;gap:.45rem;border-radius:999px;transform:translate(var(--badge-x),var(--badge-y)) rotate(calc(var(--badge-base-rotation) + var(--badge-angle)));font-family:monospace}.badge-since b{font-variation-settings:"wght" 780,"wdth" 112}.badge-since i{font-size:.7rem}.badge-iteration{--badge-base-rotation:5deg;z-index:1;right:0;bottom:5.7rem;min-width:10rem;padding:.8rem 1rem;gap:.5rem;border-radius:.6rem;transform:translate(var(--badge-x),var(--badge-y)) rotate(calc(var(--badge-base-rotation) + var(--badge-angle)));font:700 .7rem/1 monospace}.badge-iteration span{color:var(--accent);font-size:1.35rem}.badge-iteration i{font-size:.66rem}.badge-designops{--badge-base-rotation:-6deg;z-index:6;right:25%;top:14%;min-width:9.5rem;padding:.8rem 1rem;border-radius:.45rem;font-size:.75rem}.badge-designops,.badge-prototype{gap:.45rem;transform:translate(var(--badge-x),var(--badge-y)) rotate(calc(var(--badge-base-rotation) + var(--badge-angle)))}.badge-prototype{--badge-base-rotation:7deg;z-index:2;right:43%;bottom:12%;min-width:7.5rem;padding:.7rem .9rem;border-radius:999px}.badge-future{--badge-base-rotation:3deg;z-index:3;right:18%;bottom:2%;min-width:9rem;padding:.8rem 1rem;gap:.5rem;border-radius:.8rem;transform:translate(var(--badge-x),var(--badge-y)) rotate(calc(var(--badge-base-rotation) + var(--badge-angle)));overflow:hidden}.portfolio-badge.is-white{background:#f5f5f2;color:#09090b;border-color:#f5f5f2;box-shadow:0 0 0 .22rem #09090b,0 0 0 .3rem #f5f5f2}.portfolio-badge.is-blue{background:var(--sticker-ink);color:var(--sticker-acid);border-color:var(--sticker-acid);box-shadow:inset 0 0 0 .1rem var(--sticker-ink),inset 0 0 0 .2rem var(--sticker-acid),0 0 0 .18rem var(--sticker-ink),0 0 0 .31rem var(--sticker-acid),0 0 0 .4rem var(--sticker-ink)}.portfolio-badge.is-pink{background:var(--sticker-acid);color:var(--sticker-ink);border-color:var(--sticker-ink);box-shadow:inset 0 0 0 .1rem var(--sticker-acid),inset 0 0 0 .2rem var(--sticker-ink),0 0 0 .18rem var(--sticker-acid),0 0 0 .32rem var(--sticker-ink)}.portfolio-badge.is-blue b,.portfolio-badge.is-blue i,.portfolio-badge.is-blue span,.portfolio-badge.is-pink b,.portfolio-badge.is-pink i,.portfolio-badge.is-pink span{color:inherit}.portfolio-badges.is-home .badge-system{top:28%;left:auto;right:4%;width:min(28rem,29%)}.portfolio-badges.is-home .badge-stamp{top:6%;right:3%}.portfolio-badges.is-home .badge-warning{left:auto;right:35%;bottom:7%}.portfolio-badges.is-home .badge-since{top:72%;right:4%;bottom:auto}.portfolio-badges.is-home .badge-iteration{top:53%;right:13%;bottom:auto}.portfolio-badges.is-home .badge-designops{right:31%;top:8%}.portfolio-badges.is-home .badge-prototype{right:44%;bottom:9%}.portfolio-badges.is-home .badge-future{right:17%;bottom:1%}.portfolio-badges.is-physics .badge-system{top:8%;left:8%;width:min(28rem,44%)}.portfolio-badges.is-physics .badge-stamp{top:8%;right:8%}.portfolio-badges.is-physics .badge-warning{left:8%;bottom:8%}.portfolio-badges.is-physics .badge-since{right:8%;bottom:8%}.portfolio-badges.is-physics .badge-iteration{right:35%;bottom:20%}.portfolio-badges.is-physics .badge-designops{right:38%;top:38%}.portfolio-badges.is-physics .badge-prototype{left:25%;bottom:24%}.portfolio-badges.is-physics .badge-future{right:18%;bottom:35%}.portfolio-badges.is-case{width:min(27rem,42vw);min-height:14rem;margin:-8.5rem 0 1rem auto;transform:scale(.82);transform-origin:right bottom}.portfolio-badges.is-case .badge-system{background:var(--case-surface)}.portfolio-badges.is-case .badge-designops,.portfolio-badges.is-case .badge-future,.portfolio-badges.is-case .badge-prototype{display:none}.preview-root[data-theme=light] .portfolio-badge{background:var(--bg);box-shadow:0 0 0 .3rem var(--bg)}.preview-root[data-theme=light] .portfolio-badge.is-blue{background:var(--sticker-ink);color:var(--sticker-acid);border-color:var(--sticker-acid);box-shadow:inset 0 0 0 .1rem var(--sticker-ink),inset 0 0 0 .2rem var(--sticker-acid),0 0 0 .18rem var(--sticker-ink),0 0 0 .31rem var(--sticker-acid),0 0 0 .4rem var(--sticker-ink)}.preview-root[data-theme=light] .portfolio-badge.is-pink{background:var(--sticker-acid);color:var(--sticker-ink);border-color:var(--sticker-ink);box-shadow:inset 0 0 0 .1rem var(--sticker-acid),inset 0 0 0 .2rem var(--sticker-ink),0 0 0 .18rem var(--sticker-acid),0 0 0 .32rem var(--sticker-ink)}.preview-root[data-contrast=more] .portfolio-badge{color:var(--text)}.preview-root[data-contrast=more] .badge-stamp,.preview-root[data-contrast=more] .badge-system{background:var(--bg)}.preview-root[data-contrast=more] .badge-stamp:after,.preview-root[data-contrast=more] .badge-system:after{display:none}.preview-fact{display:grid;grid-template-columns:1fr auto;gap:2rem;padding:1rem 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.78rem}.preview-fact strong{color:var(--text);font-weight:550;text-align:right}.preview-home-facts .preview-fact{padding:.15rem 0;border:0}.preview-section{padding:7rem 0;border-top:1px solid var(--line)}.preview-section-head{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:4rem}.preview-section-head h2{font-size:clamp(2rem,5vw,4.7rem);letter-spacing:-.05em;line-height:.95;margin:0;max-width:14ch;font-variation-settings:"wght" 520,"wdth" 92;transition:font-variation-settings .65s cubic-bezier(.22,1,.36,1),letter-spacing .65s cubic-bezier(.22,1,.36,1)}.preview-project{display:grid;grid-template-columns:4rem minmax(0,1.1fr) minmax(18rem,.9fr);gap:clamp(1rem,4vw,4rem);padding:2.5rem 0;border-top:1px solid var(--line);align-items:start}.preview-project:last-child{border-bottom:1px solid var(--line)}.preview-project h3{margin:0;font-size:clamp(1.5rem,3vw,3rem);line-height:1;letter-spacing:-.04em}.preview-project-copy{color:var(--muted);line-height:1.55}.preview-project-copy a{display:inline-block;color:var(--text);border-bottom:1px solid var(--accent);margin-top:1.25rem;font-weight:600}.case-hover-list{position:relative}.case-cursor-preview{--case-preview-x:50vw;--case-preview-y:50vh;position:fixed;z-index:40;left:0;top:0;width:clamp(10rem,16vw,15rem);aspect-ratio:4/3;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 72%,var(--text));background:var(--surface);box-shadow:0 1.5rem 5rem rgba(0,0,0,.38);opacity:0;pointer-events:none;transform:translate(var(--case-preview-x),var(--case-preview-y)) scale(.88) rotate(-2deg);transform-origin:left top;transition:opacity .16s ease,transform .28s var(--motion-standard)}.case-cursor-preview.is-visible{opacity:1;transform:translate(var(--case-preview-x),var(--case-preview-y)) scale(1) rotate(-2deg)}.case-cursor-preview img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.case-cursor-preview span{position:absolute;inset:auto .6rem .6rem;padding:.45rem .55rem;color:var(--text);background:color-mix(in srgb,var(--bg) 84%,transparent);font-size:.68rem;line-height:1.2;backdrop-filter:blur(8px)}.process-section{overflow:clip}.process-map{position:relative;min-height:27rem;margin-top:-1rem}.process-map svg{position:absolute;inset:4rem 2% 0;width:96%;height:20rem;overflow:visible}.process-map path{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}.process-node{position:absolute;display:grid;gap:.35rem;min-width:7.5rem;padding:.3rem .55rem .65rem;border:0;color:var(--text);background:transparent;text-align:left;transform:translate(-50%,-50%);cursor:pointer;font:inherit}.process-node:before{content:"";position:absolute;left:.6rem;top:-.72rem;width:.75rem;aspect-ratio:1;border:2px solid var(--accent);background:var(--bg);transform:rotate(45deg);transition:transform .3s var(--motion-standard),background .2s ease,box-shadow .2s ease}.process-node span{color:var(--muted);font:.62rem/1 monospace}.process-node strong{font-size:clamp(.85rem,1.4vw,1.2rem);font-weight:520;white-space:nowrap}.process-node.is-active:before,.process-node:focus-visible:before,.process-node:hover:before{background:var(--accent);box-shadow:0 0 0 .45rem color-mix(in srgb,var(--accent) 18%,transparent);transform:rotate(135deg) scale(1.15)}.process-node:focus-visible{outline:2px solid var(--text);outline-offset:4px}.process-detail{display:grid;grid-template-columns:minmax(11rem,.35fr) minmax(0,.65fr);gap:clamp(2rem,6vw,7rem);padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 84%,transparent)}.process-detail header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.process-detail header span{font-size:clamp(1.5rem,3vw,3rem);line-height:.92;letter-spacing:-.045em}.experiment-feature{display:grid;grid-template-columns:minmax(5rem,.25fr) minmax(0,.75fr);gap:2rem;margin:2rem 0 5rem;padding:2.5rem;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 82%,transparent)}.experiment-feature>span{color:var(--accent);font:700 2rem/1 monospace}.experiment-feature h2{margin:0 0 .75rem;font-size:clamp(2rem,5vw,4rem);line-height:.95;letter-spacing:-.045em}.experiment-feature p{max-width:44rem;color:var(--muted);line-height:1.55}.experiment-feature a{display:inline-block;margin-top:1rem;border-bottom:1px solid var(--accent)}.experiment-feature--research{position:relative;margin-top:0;padding-block:clamp(2rem,6vw,5rem);background:color-mix(in srgb,var(--accent) 9%,var(--bg));overflow:hidden}.experiment-feature--research:after{content:"RESEARCH";position:absolute;right:-.04em;bottom:-.2em;color:color-mix(in srgb,var(--accent) 12%,transparent);font-size:clamp(5rem,18vw,17rem);font-weight:760;line-height:.75;letter-spacing:-.09em;pointer-events:none}.experiment-feature--research>*{position:relative;z-index:1}.ai-apprenticeship-report{--report-paper:color-mix(in srgb,var(--surface) 72%,var(--bg));padding-bottom:clamp(5rem,10vw,10rem)}.ai-report-hero{min-height:calc(100svh - 10rem);display:flex;flex-direction:column;justify-content:flex-end;padding:5rem 0 clamp(4rem,8vw,8rem);border-bottom:1px solid var(--line)}.ai-report-back{width:-moz-max-content;width:max-content;margin-bottom:auto;color:var(--muted)!important;font-size:.8rem}.ai-report-hero h1{max-width:13ch;margin:1rem 0 2rem;font-size:clamp(3.4rem,9vw,9.5rem);font-weight:650;font-variation-settings:"wght" 610,"wdth" 88;line-height:.84;letter-spacing:-.07em}.ai-report-lead{max-width:52rem;margin:0;color:var(--muted);font-size:clamp(1.15rem,2.3vw,1.75rem);line-height:1.5}.ai-report-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.ai-report-index{margin:0;color:var(--accent);font:650 .72rem/1 monospace;letter-spacing:.12em}.ai-report-pilot,.ai-report-verdict{display:grid;grid-template-columns:minmax(5rem,.25fr) minmax(0,.75fr);gap:clamp(2rem,8vw,8rem);padding:clamp(4rem,9vw,9rem) 0;border-bottom:1px solid var(--line)}.ai-report-pilot h2,.ai-report-verdict h2{margin:0 0 1.5rem;font-size:clamp(2.6rem,6vw,6rem);line-height:.92;letter-spacing:-.055em}.ai-report-pilot div>p,.ai-report-verdict div>p{max-width:50rem;margin:0;color:var(--muted);font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.65}.ai-report-method{display:grid;grid-template-columns:minmax(14rem,.55fr) minmax(0,1.45fr);gap:clamp(3rem,9vw,9rem);padding:clamp(4rem,8vw,8rem) 0;border-bottom:1px solid var(--line)}.ai-report-heading h2,.ai-report-method h2{margin:.75rem 0 1.5rem;font-size:clamp(2.3rem,5vw,5rem);line-height:.92;letter-spacing:-.055em}.ai-report-method>div:first-child>p:not(.ai-report-index){color:var(--muted);line-height:1.7}.ai-report-method small{display:block;margin-top:2rem;color:var(--muted);line-height:1.6}.ai-report-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.ai-report-evidence-grid>div{padding:clamp(1.25rem,3vw,2.5rem);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.ai-report-evidence-grid h3{margin:0 0 2rem;font-size:1rem}.ai-report-evidence-grid ul{display:grid;gap:1rem;margin:0;padding-left:1.1rem;color:var(--muted);line-height:1.55}.ai-report-section,.ai-report-system{padding:clamp(5rem,10vw,10rem) 0;border-bottom:1px solid var(--line)}.ai-report-heading{display:grid;grid-template-columns:minmax(5rem,.25fr) minmax(0,.75fr);gap:clamp(2rem,8vw,8rem);margin-bottom:clamp(3rem,7vw,7rem)}.ai-report-heading h2{margin:0}.ai-report-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.ai-report-cases article{min-height:22rem;display:flex;flex-direction:column;padding:clamp(1.25rem,3vw,2.5rem);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.ai-report-cases article>div{display:flex;justify-content:space-between;color:var(--accent);font:.68rem/1 monospace;text-transform:uppercase}.ai-report-cases article i{color:var(--muted);font-style:normal}.ai-report-cases h3{margin:auto 0 1rem;font-size:clamp(1.4rem,2.5vw,2.25rem);line-height:1;letter-spacing:-.035em}.ai-report-cases p,.ai-report-options p,.ai-report-risks p{margin:0;color:var(--muted);line-height:1.6}.ai-report-opportunities ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.ai-report-opportunities li{display:grid;grid-template-columns:minmax(5rem,.25fr) minmax(0,.75fr);gap:clamp(2rem,8vw,8rem);padding:1.35rem 0;border-bottom:1px solid var(--line);font-size:clamp(1.25rem,2.4vw,2rem)}.ai-report-opportunities li span{color:var(--accent);font:.7rem/1 monospace;align-self:center}.ai-report-risks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.ai-report-risks article{min-height:16rem;padding:clamp(1.5rem,4vw,3.5rem);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.ai-report-risks h3{margin:0 0 4rem;color:var(--accent);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.ai-report-system ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:1px solid var(--line);border-left:1px solid var(--line)}.ai-report-system li{min-height:12rem;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.ai-report-system li span{color:var(--accent);font:.7rem/1 monospace}.ai-report-system li strong{max-width:12ch;font-size:clamp(1.1rem,2vw,1.65rem);line-height:1.05}.ai-report-options{border-top:1px solid var(--line)}.ai-report-options article{display:grid;grid-template-columns:minmax(5rem,.25fr) minmax(0,.75fr);gap:clamp(2rem,8vw,8rem);padding:2rem 0;border-bottom:1px solid var(--line)}.ai-report-options article>span{color:var(--accent);font-size:clamp(3rem,7vw,7rem);font-weight:700;line-height:.8}.ai-report-options h3{margin:.35rem 0 1rem;font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:-.05em}.ai-report-options div>p:first-child{color:var(--accent);font:.7rem/1 monospace;text-transform:uppercase}.ai-report-pilot{background:var(--report-paper);margin-inline:calc(50% - 50vw);padding-inline:max(clamp(1.25rem,4vw,4rem),calc((100vw - 1440px)/2 + 4rem))}.ai-report-pilot strong{display:inline-block;margin-top:2rem;color:var(--accent);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.ai-report-sources ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:1px solid var(--line);border-left:1px solid var(--line)}.ai-report-sources li{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.ai-report-sources a{min-height:7rem;display:flex;justify-content:space-between;gap:1rem;padding:1.25rem;color:var(--muted);line-height:1.4}.ai-report-sources a:focus-visible,.ai-report-sources a:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 8%,transparent)}.ai-report-sources a span[aria-hidden]{color:var(--accent)}@media(max-width:900px){.ai-report-cases,.ai-report-system ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.ai-report-hero{min-height:auto;padding-top:3rem}.ai-report-hero h1{font-size:clamp(3rem,14vw,5.2rem)}.ai-report-heading,.ai-report-method,.ai-report-opportunities li,.ai-report-options article,.ai-report-pilot,.ai-report-verdict{grid-template-columns:1fr;gap:1.25rem}.ai-report-cases,.ai-report-evidence-grid,.ai-report-risks,.ai-report-sources ol{grid-template-columns:1fr}.ai-report-cases article{min-height:18rem}.ai-report-pilot{margin-inline:calc(50% - 50vw)}.experiment-feature--research:after{display:none}}.badge-lab{padding-bottom:5rem}.badge-lab>p{margin-top:2rem}.process-detail header b{color:var(--accent);font:.68rem/1 monospace}.process-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem;margin:0}.process-detail dl div{padding-top:.8rem;border-top:1px solid var(--line)}.process-detail dt{margin-bottom:.55rem;color:var(--accent);font:.65rem/1.2 monospace;text-transform:uppercase;letter-spacing:.08em}.process-detail dd{margin:0;color:var(--muted);font-size:.88rem;line-height:1.5}.preview-flow{display:flex;flex-wrap:wrap;gap:.5rem}.preview-flow span{padding:.7rem .9rem;border:1px solid var(--line);color:var(--muted);font-size:.8rem}.preview-nav-secondary{color:var(--muted)!important}.preview-publishing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}.preview-publishing-grid.is-public-mvp{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-publishing-grid article{min-height:22rem;display:flex;flex-direction:column;padding:2rem;background:var(--bg)}.empty-publication h2,.preview-publishing-grid h2{margin:2rem 0 1rem;font-size:clamp(1.6rem,3vw,3.2rem);line-height:.95;letter-spacing:-.045em}.empty-publication p,.preview-publishing-grid p{color:var(--muted);line-height:1.6}.empty-publication a,.preview-publishing-grid a{margin-top:auto;padding-top:2rem;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.3rem}.about-focus-section{padding:7rem 0;border-bottom:1px solid var(--line)}.about-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(18rem,.55fr);gap:clamp(3rem,8vw,9rem);align-items:end}.about-hero-copy{min-width:0}.about-hero-copy .preview-lead,.about-hero-copy h1{overflow-wrap:anywhere}.about-profile-card{align-self:stretch;display:grid;grid-template-rows:minmax(15rem,1fr) auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}.about-portrait-slot{position:relative;min-height:30rem;margin:0;overflow:hidden;border-bottom:1px solid var(--line);background:var(--surface)}.about-portrait-slot img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 34%;object-position:50% 34%;filter:saturate(.82) contrast(1.04);transition:filter .45s var(--motion-standard),transform .7s var(--motion-standard)}.about-portrait-slot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.7));pointer-events:none}.about-portrait-slot figcaption{position:absolute;z-index:1;inset:0;pointer-events:none}.about-portrait-slot span{top:1rem;left:1rem;letter-spacing:.12em}.about-portrait-slot small,.about-portrait-slot span{position:absolute;color:#fff;font:600 .65rem/1 monospace}.about-portrait-slot small{right:1rem;bottom:1rem;text-transform:uppercase}.about-profile-card dl{margin:0}.about-profile-card dl div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem;padding:1rem;border-bottom:1px solid var(--line)}.about-profile-card dt{color:var(--muted);font:600 .67rem/1.25 monospace;text-transform:uppercase}.about-profile-card dd{min-width:0;margin:0;text-align:right;overflow-wrap:anywhere;font-size:.82rem;font-weight:600}.about-process{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin:0;padding:5rem 0 0;list-style:none;background:linear-gradient(var(--line),var(--line)) 0 calc(5rem + 1.05rem)/100% 1px no-repeat}.about-process li{position:relative;min-height:9rem;padding:3rem 1rem 1rem;border:1px solid var(--line);border-left:0;background:var(--bg)}.about-process li:first-child{border-left:1px solid var(--line)}.about-process li:before{content:"";position:absolute;top:-2.25rem;left:1rem;width:.8rem;height:.8rem;border:2px solid var(--accent);border-radius:50%;background:var(--bg)}.about-process li:nth-child(3n+2){transform:translateY(-1.5rem)}.about-process li:nth-child(3n){transform:translateY(1.25rem)}.about-process span{display:block;margin-bottom:1.5rem;color:var(--accent);font:600 .67rem/1 monospace}.about-process strong{font-size:clamp(.9rem,1.3vw,1.2rem)}.focus-radar{display:grid;grid-template-columns:minmax(18rem,1fr) minmax(18rem,.75fr);gap:clamp(2rem,8vw,8rem);align-items:center}.focus-radar svg{width:100%;max-height:40rem;overflow:visible}.focus-radar-axis,.focus-radar-grid{fill:none;stroke:var(--line);stroke-width:1}.focus-radar-shape{fill:color-mix(in srgb,var(--accent) 28%,transparent);stroke:var(--accent);stroke-width:2.5}.focus-radar-dot{fill:var(--bg);stroke:var(--accent);stroke-width:3}.about-principles,.focus-radar-legend{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.focus-radar-legend li{display:grid;grid-template-columns:2.5rem 1fr auto;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);align-items:baseline}.about-principles span,.focus-radar-legend small,.focus-radar-legend span{color:var(--muted);font:600 .67rem/1 monospace;text-transform:uppercase}.focus-radar-legend strong{font-size:.9rem}.about-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:1px solid var(--line)}.about-principles li{min-height:13rem;padding:1.5rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.about-principles p{max-width:30rem;margin:3rem 0 0;color:var(--text);font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.35}.empty-publication{min-height:34rem;display:grid;grid-template-columns:1fr 2fr;gap:2rem;padding:6rem 0;border-bottom:1px solid var(--line)}.empty-publication>span{color:var(--accent);font:600 .72rem/1 monospace}.empty-publication>div{max-width:45rem;display:flex;flex-direction:column;align-items:flex-start}.preview-contact{display:grid;grid-template-columns:1fr 2fr;gap:2rem;padding:8rem 0;border-top:1px solid var(--line)}.preview-contact h2{max-width:14ch;margin:0;font-size:clamp(2.5rem,6vw,6.5rem);line-height:.9;letter-spacing:-.06em}.preview-contact p{max-width:43rem;margin:2rem 0 0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.4rem);line-height:1.5}.preview-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2.5rem}.preview-contact-phone{padding:.75rem 0;margin-left:auto;color:var(--muted)!important;border-bottom:1px solid var(--line);font:600 .8rem/1 monospace}.cyber-home{--cyber-yellow:#e8ff37;--cyber-cyan:#42e8ff;--cyber-black:#090711;--cyber-line:rgba(66,232,255,.22);--bg:var(--cyber-yellow);--surface:#d8ed2f;--text:#101206;--muted:rgba(16,18,6,.68);--line:rgba(9,7,17,.4);--accent:var(--cyber-cyan);--accent-ink:var(--cyber-black);--glitch-contrast:#ff554d;color:#111306;background:var(--cyber-yellow)}.preview-root.cyber-home[data-theme=light]{--bg:#f2ff83;--surface:#e4f36c}.preview-root.cyber-home .preview-container>.preview-section:not(#work){color:#101206;background:var(--cyber-yellow)}.preview-root.cyber-home[data-theme=light] .preview-contact,.preview-root.cyber-home[data-theme=light] .preview-container>.preview-section:not(#work),.preview-root.cyber-home[data-theme=light] .process-section{background:var(--bg)}.preview-root.cyber-home .preview-header{color:var(--cyber-black)}.preview-root.cyber-home .preview-settings-panel,.preview-root.cyber-home .preview-volume{color:#f6f7ef;background:rgba(9,7,17,.96);--text:#f6f7ef;--muted:rgba(246,247,239,.66);--line:rgba(66,232,255,.28);--accent:var(--cyber-cyan);--accent-ink:var(--cyber-black)}.cyber-home .preview-hero{min-height:calc(100svh - 10rem);padding-inline:clamp(1.25rem,3vw,3rem);background:var(--cyber-yellow)}.cyber-home .preview-hero .preview-fact strong,.cyber-home .preview-hero .preview-lead,.cyber-home .preview-hero h1{color:#101206}.cyber-home .preview-hero .preview-fact span,.cyber-home .preview-hero .preview-lead{color:rgba(16,18,6,.7)}.cyber-home .preview-hero .preview-button.primary{color:var(--cyber-yellow);background:var(--cyber-black);border-color:var(--cyber-black)}.cyber-home .preview-hero .preview-button:not(.primary){color:var(--cyber-black);border-color:rgba(9,7,17,.48)}.cyber-home .portfolio-badge{--bg:var(--cyber-yellow);color:var(--cyber-black);border-color:var(--cyber-black);box-shadow:0 0 0 .24rem var(--cyber-yellow),0 0 0 .34rem var(--cyber-black)}.cyber-home .portfolio-badge.is-blue{color:var(--cyber-black);background:var(--cyber-cyan);border-color:var(--cyber-cyan)}.cyber-home .preview-contact,.cyber-home .preview-publishing-grid,.cyber-home .preview-section{position:relative;border:0}.cyber-home #work,.cyber-home .preview-publishing-grid{margin-inline:calc(clamp(1.25rem,4vw,4rem) * -1);padding-inline:clamp(1.25rem,4vw,4rem);color:#f6f7ef;background-color:var(--cyber-black);background-image:linear-gradient(var(--cyber-line) 1px,transparent 1px),linear-gradient(90deg,var(--cyber-line) 1px,transparent 1px);background-size:2rem 2rem}.cyber-home #work:before,.cyber-home .preview-publishing-grid:before,.cyber-home .process-section:before{content:"";position:absolute;z-index:2;left:0;right:0;top:-1.45rem;height:1.5rem;background:inherit;clip-path:polygon(0 100%,0 45%,5% 45%,5% 12%,13% 12%,13% 60%,22% 60%,22% 28%,34% 28%,34% 72%,46% 72%,46% 18%,61% 18%,61% 52%,73% 52%,73% 8%,87% 8%,87% 64%,100% 64%,100% 100%)}.cyber-home #work .preview-lead,.cyber-home #work .preview-project-copy,.cyber-home .preview-publishing-grid p{color:rgba(246,247,239,.66)}.cyber-home #work .preview-project,.cyber-home .preview-publishing-grid{border-color:var(--cyber-line)}.cyber-home #work .preview-eyebrow,.cyber-home #work .preview-project-copy a,.cyber-home .preview-publishing-grid .preview-eyebrow,.cyber-home .preview-publishing-grid a{color:var(--cyber-cyan);text-decoration-color:var(--cyber-cyan)}.cyber-home .process-section,.cyber-home>.preview-section:not(#work){color:#101206;background:var(--cyber-yellow)}.cyber-home .process-section:before{background:var(--cyber-yellow)}.cyber-home .process-section .preview-lead,.cyber-home>.preview-section:not(#work) .preview-lead{color:rgba(16,18,6,.68)}.cyber-home .process-node:before{border-color:var(--cyber-black);background:var(--cyber-yellow)}.cyber-home .process-map path{stroke:var(--cyber-black)}.cyber-home .process-detail{border-color:rgba(9,7,17,.36);background:rgba(255,255,255,.18)}.cyber-home .preview-flow span{color:#101206;border-color:rgba(9,7,17,.38)}.cyber-home .preview-publishing-grid article{color:#f6f7ef;background:rgba(9,7,17,.94)}.cyber-home .preview-contact{color:#101206;background:var(--cyber-yellow)}.cyber-home .preview-contact p{color:rgba(16,18,6,.68)}.cyber-home .preview-contact .preview-button.primary{color:var(--cyber-yellow);background:var(--cyber-black);border-color:var(--cyber-black)}.cyber-home .preview-contact .preview-button:not(.primary),.cyber-home .preview-contact-phone{color:var(--cyber-black)!important;border-color:rgba(9,7,17,.4)}.cyber-motifs{position:absolute;z-index:1;inset:0;display:none;overflow:hidden;pointer-events:none;color:var(--cyber-black)}.cyber-home .cyber-motifs{display:block}.cyber-motif{position:absolute}.cyber-motif--orbit{right:2%;top:7%;width:clamp(10rem,18vw,17rem);overflow:visible;opacity:.42;transform:rotate(8deg)}.cyber-motif--orbit circle,.cyber-motif--orbit ellipse{fill:none;stroke:currentColor;stroke-width:1}.cyber-motif--orbit .is-filled{fill:currentColor;stroke:none}.cyber-motif--orbit text{fill:currentColor;font:700 8px/1 monospace;letter-spacing:1.25px}.cyber-motif--stars{left:47%;top:14%;width:8rem;height:7rem}.cyber-motif--stars i{position:absolute;width:1.8rem;aspect-ratio:1;background:currentColor;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.cyber-motif--stars i:nth-child(2){left:2.6rem;top:2.8rem;width:.85rem}.cyber-motif--stars i:nth-child(3){right:0;top:.7rem;width:1.15rem}.cyber-motif--glyph-cluster{left:7%;top:17%;width:7.8rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;transform:rotate(-4deg)}.cyber-glyph{--glyph-disc:var(--cyber-black);--glyph-ink:var(--cyber-yellow);position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;border:.12rem solid var(--glyph-disc);border-radius:50%;color:var(--glyph-ink);background:var(--glyph-disc);box-shadow:0 0 0 .12rem color-mix(in srgb,var(--glyph-ink) 40%,transparent)}.cyber-glyph:before{content:"";position:absolute;inset:22%;background:currentColor}.cyber-glyph--spark:before{clip-path:polygon(50% 0,61% 37%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 37%)}.cyber-glyph--flower:before{width:22%;height:22%;inset:39%;border-radius:50%;box-shadow:0 -1.05rem 0 currentColor,.9rem -.52rem 0 currentColor,.9rem .52rem 0 currentColor,0 1.05rem 0 currentColor,-.9rem .52rem 0 currentColor,-.9rem -.52rem 0 currentColor}.cyber-glyph--burst:before{inset:18%;clip-path:polygon(50% 0,57% 27%,72% 8%,71% 34%,94% 21%,78% 43%,100% 50%,78% 57%,94% 79%,71% 66%,72% 92%,57% 73%,50% 100%,43% 73%,28% 92%,29% 66%,6% 79%,22% 57%,0 50%,22% 43%,6% 21%,29% 34%,28% 8%,43% 27%)}.cyber-glyph--asterisk:before{inset:17%;border-radius:50%;background:repeating-conic-gradient(currentColor 0 11deg,transparent 11deg 45deg)}.cyber-glyph--hourglass:before{inset:20%;clip-path:polygon(0 0,100% 0,66% 50%,100% 100%,0 100%,34% 50%)}.cyber-glyph--spinner:before{inset:16%;border-radius:50%;background:repeating-conic-gradient(currentColor 0 18deg,transparent 18deg 43deg);clip-path:circle(50%)}.cyber-glyph--spinner:after{content:"";position:absolute;inset:37%;border-radius:50%;background:var(--glyph-disc)}.cyber-motif--glyph-cluster .cyber-glyph:nth-child(2),.cyber-motif--glyph-cluster .cyber-glyph:nth-child(4){transform:translateY(1.2rem)}.cyber-motif--index{left:49%;bottom:9%;display:grid;grid-template-columns:auto auto;gap:.2rem 1rem;padding:.7rem .8rem;border:1px solid;background:color-mix(in srgb,var(--cyber-yellow) 84%,transparent);font-family:monospace;transform:rotate(-2deg)}.cyber-motif--index b{grid-row:1/3;align-self:center;font-size:1.5rem}.cyber-motif--index small,.cyber-motif--index span{font-size:.55rem;letter-spacing:.08em}.cyber-motif--index small{color:#0d6875}.cyber-motif--barcode{left:3%;top:8%;width:9rem;height:1.4rem;display:flex;gap:.16rem;align-items:stretch;opacity:.6}.cyber-motif--barcode i{flex:1;background:currentColor}.cyber-motif--barcode i:nth-child(3n){flex:.28}.cyber-motifs--work{color:var(--cyber-cyan);opacity:.4}.cyber-motif--globe{right:4%;top:9rem;width:13rem}.cyber-motif--globe circle,.cyber-motif--globe ellipse,.cyber-motif--globe path{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke}.cyber-motif--chevrons{left:2%;bottom:3rem;display:flex;gap:.45rem}.cyber-motif--chevrons i{width:1.6rem;height:3rem;border-top:.55rem solid;border-right:.55rem solid;transform:rotate(45deg)}.cyber-motif--glyph-rail{left:3%;top:6rem;display:flex;gap:.65rem}.cyber-motif--glyph-rail .cyber-glyph{--glyph-disc:var(--cyber-yellow);--glyph-ink:var(--cyber-black);width:3.8rem}.cyber-motif--glyph-rail .cyber-glyph:nth-child(2){margin-top:1.25rem}.cyber-motif--glyph-rail .cyber-glyph:nth-child(3){margin-top:.35rem}.cyber-motif--signal{right:3%;bottom:2.5rem;display:grid;grid-template-columns:auto auto;gap:.25rem 1rem;padding:.65rem .8rem;border:1px solid;background:rgba(9,7,17,.72);font-family:monospace}.cyber-motif--signal small,.cyber-motif--signal span{font-size:.55rem;letter-spacing:.1em}.cyber-motif--signal b{grid-row:1/3;grid-column:2;align-self:center;font-size:1.4rem}.cyber-home #work{isolation:isolate;overflow:clip}.cyber-home #work>:not(.cyber-motifs){position:relative;z-index:2}.ozon-home{--ozon-blue:#005bff;--ozon-pink:#f91155;--ozon-navy:#071a3a;--bg:#f3f6ff;--surface:#fff;--text:#071a3a;--muted:#65708c;--line:#d6def1;--accent:var(--ozon-blue);--accent-ink:#fff;--glitch-contrast:var(--ozon-pink);background:radial-gradient(circle at 92% 6%,rgba(249,17,85,.1),transparent 24%),radial-gradient(circle at 12% 24%,rgba(0,91,255,.1),transparent 30%),var(--bg)}.preview-root.ozon-home[data-theme=light],html[data-site-theme=light] .preview-root.ozon-home{--bg:#f3f6ff;--surface:#fff;--text:#071a3a;--muted:#65708c;--line:#d6def1;--accent:var(--ozon-blue);--accent-ink:#fff}.ozon-home[data-theme=dark]{--bg:#071a3a;--surface:#102852;--text:#f7f9ff;--muted:#aebbd8;--line:#294571;--accent:#4d8dff;--accent-ink:#071a3a;background:radial-gradient(circle at 92% 6%,rgba(249,17,85,.16),transparent 26%),radial-gradient(circle at 12% 24%,rgba(0,91,255,.26),transparent 34%),var(--bg)}.ozon-home .preview-header{background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px)}.ozon-home .preview-audio,.ozon-home .preview-button,.ozon-home .preview-settings>summary{border-radius:999px;clip-path:none}.ozon-home .preview-project,.ozon-home .preview-publishing-grid article,.ozon-home .preview-settings-panel,.ozon-home .process-detail{border:1px solid var(--line);border-radius:1.35rem;background:color-mix(in srgb,var(--surface) 92%,transparent)}.ozon-home .preview-project{margin:.75rem 0;padding:1.5rem}.ozon-home .preview-project:hover{border-color:var(--accent);box-shadow:0 .9rem 2.8rem color-mix(in srgb,var(--accent) 12%,transparent)}.ozon-home .preview-eyebrow,.ozon-home .preview-index{color:var(--ozon-pink)}.ozon-home .portfolio-badge.is-blue{--sticker-acid:#fff;--sticker-ink:var(--ozon-blue)}.ozon-home .portfolio-badge.is-pink{--sticker-acid:var(--ozon-pink);--sticker-ink:#fff}.yandex-home{--yandex-yellow:#ffcc00;--yandex-red:#ff3b30;--bg:#f7f7f5;--surface:#fff;--text:#151515;--muted:#676767;--line:#d9d9d5;--accent:var(--yandex-yellow);--accent-ink:#151515;--glitch-contrast:var(--yandex-red);background:var(--bg)}.preview-root.yandex-home[data-theme=light],html[data-site-theme=light] .preview-root.yandex-home{--bg:#f7f7f5;--surface:#fff;--text:#151515;--muted:#676767;--line:#d9d9d5;--accent:var(--yandex-yellow);--accent-ink:#151515}.yandex-home[data-theme=dark]{--bg:#151515;--surface:#232323;--text:#f6f6f2;--muted:#aaa;--line:#3d3d3d;--accent:var(--yandex-yellow);--accent-ink:#151515}.yandex-home .preview-header{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px)}.yandex-home .preview-audio,.yandex-home .preview-button,.yandex-home .preview-settings>summary{border-radius:.8rem;clip-path:none}.yandex-home .preview-button.primary{background:var(--yandex-yellow);color:#151515;border-color:var(--yandex-yellow)}.yandex-home .preview-project{margin:.35rem 0;padding:1.35rem;border:1px solid transparent;border-radius:1.25rem;background:var(--surface)}.yandex-home .preview-project:hover{border-color:var(--yandex-yellow)}.yandex-home .preview-eyebrow,.yandex-home .preview-index,.yandex-home .preview-project-copy a{color:var(--yandex-red)}.yandex-home .preview-publishing-grid article,.yandex-home .preview-settings-panel,.yandex-home .process-detail{border-radius:1.25rem;background:var(--surface)}.yandex-home .portfolio-badge.is-blue{--sticker-acid:var(--yandex-yellow);--sticker-ink:#151515}.yandex-home .portfolio-badge.is-pink{--sticker-acid:var(--yandex-red);--sticker-ink:#fff}.preview-case-themed{position:relative;isolation:isolate}.preview-case-themed>:not(.case-shader-grid){position:relative;z-index:1}.case-shader-grid{position:fixed;z-index:0;inset:0;width:100vw;height:100vh;pointer-events:none;opacity:.9}.case-shader-hero{position:relative;min-height:clamp(20rem,54vw,48rem);margin:2rem 0 0;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:var(--radius-media);background:var(--case-surface)}.case-shader-hero canvas,.case-shader-hero img{position:absolute;inset:0;width:100%;height:100%}.case-shader-hero img{-o-object-fit:cover;object-fit:cover}.case-shader-hero canvas{z-index:1;opacity:0;pointer-events:none;transition:opacity .18s var(--motion-standard)}.case-shader-hero.is-ready canvas{opacity:1}html[data-contrast=more] .case-shader-grid,html[data-contrast=more] .case-shader-hero canvas,html[data-motion=reduce] .case-shader-grid,html[data-motion=reduce] .case-shader-hero canvas{display:none}.preview-case-themed:before{content:"";position:absolute;z-index:-2;inset:0 calc(50% - 50vw) auto;height:min(55rem,88vh);pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--line) 45%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 45%,transparent) 1px,transparent 1px);background-size:2rem 2rem;-webkit-mask-image:linear-gradient(180deg,#000 0 70%,transparent);mask-image:linear-gradient(180deg,#000 0 70%,transparent);opacity:.55}.preview-root[data-theme=light] .preview-case-themed:before{background-image:radial-gradient(circle,color-mix(in srgb,var(--text) 22%,transparent) 1.2px,transparent 1.45px);background-size:1.15rem 1.15rem}.preview-case-themed:after{content:"";position:absolute;z-index:-1;inset:-8rem calc(50% - 50vw) auto;height:52rem;pointer-events:none;background:radial-gradient(circle at 12% 25%,var(--case-glow-primary),transparent 31%),radial-gradient(circle at 88% 34%,var(--case-glow-secondary),transparent 29%);filter:blur(18px)}.preview-case-themed .preview-case-hero h1{font-family:var(--case-display-font),sans-serif}.preview-case-themed .preview-case-main section,.preview-case-themed .preview-gallery figure{border-color:color-mix(in srgb,var(--accent) 20%,var(--line))}.preview-case-themed .preview-gallery figure{background:var(--case-surface);border-radius:var(--radius-media)}.preview-case-hero,.preview-resume-hero{padding:8rem 0 5rem;border-bottom:1px solid var(--line)}.preview-case-hero h1,.preview-resume-hero h1{font-size:clamp(3.2rem,7vw,7rem);max-width:15ch}.preview-case-deck{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(2rem,8vw,8rem)}.preview-case-summary{color:var(--muted);font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.5}.preview-case-body{display:grid;grid-template-columns:minmax(14rem,.55fr) minmax(0,1.45fr);gap:clamp(3rem,9vw,10rem);padding:6rem 0}.preview-case-aside{color:var(--muted);font-size:.8rem;line-height:1.6}.preview-case-aside div{padding:1rem 0;border-top:1px solid var(--line)}.preview-case-main section{margin-bottom:5rem}.preview-case-main h2,.preview-resume-section h2{font-size:clamp(1.6rem,3vw,3rem);letter-spacing:-.035em;margin:0 0 1.5rem}.hair-process-heading h2,.preview-case-main h2{font-variation-settings:"wght" 520,"wdth" 94;transition:font-variation-settings .6s cubic-bezier(.22,1,.36,1),letter-spacing .6s cubic-bezier(.22,1,.36,1)}.preview-case-main li,.preview-case-main p,.preview-resume-section li,.preview-resume-section p{color:var(--muted);line-height:1.7}.preview-case-main ul,.preview-resume-section ul{padding-left:1.2rem}.preview-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:4rem 0}.preview-gallery figure{margin:0;background:var(--surface);border:1px solid var(--line);padding:1rem}.preview-gallery img{width:100%;height:auto;display:block}.case-wireflow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(11rem,1fr);gap:2rem;margin:0;padding:0 0 1rem;list-style:none;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:var(--accent) var(--surface)}.case-wireflow li{position:relative;min-width:0}.case-wireframe{min-height:13rem;overflow:hidden;border:1px solid var(--line);border-radius:.55rem;background:var(--surface)}.case-wireframe-bar{height:1.5rem;display:flex;align-items:center;gap:.25rem;padding:0 .55rem;border-bottom:1px solid var(--line)}.case-wireframe-bar i{width:.3rem;height:.3rem;border-radius:50%;background:var(--muted)}.case-wireframe-body{height:11.5rem;display:grid;gap:.6rem;padding:.8rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.case-wireframe-body span{display:block;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 7%,transparent);border-radius:.25rem}.case-wireframe-body span:first-child{grid-column:1/-1}.case-wireframe.is-capture .case-wireframe-body span:first-child,.case-wireframe.is-result .case-wireframe-body span:first-child{grid-row:1/3}.case-wireframe.is-base .case-wireframe-body span:nth-child(2){grid-column:1/-1}.case-wireframe.is-palette .case-wireframe-body{grid-template-columns:repeat(4,1fr)}.case-wireframe.is-palette .case-wireframe-body span:first-child{grid-column:1/-1}.case-wireflow-copy{display:grid;grid-template-columns:2rem 1fr;gap:.65rem;padding-top:1rem}.case-wireflow-copy span{color:var(--accent);font:600 .68rem/1 monospace}.case-wireflow-copy strong{font-size:.82rem}.case-wireflow-copy small{grid-column:2;color:var(--muted)}.case-wireflow-arrow{position:absolute;left:calc(100% + .65rem);top:6.2rem;color:var(--accent);font:normal 1rem/1 monospace}.annotated-image{grid-column:1/-1;margin:0;border:1px solid var(--line);padding:1rem;background:var(--case-surface);border-radius:var(--radius-media)}.annotated-image-media{position:relative;overflow:hidden;border-radius:calc(var(--radius-media) - .25rem)}.annotated-image-media>img{display:block;width:100%;height:auto}.annotated-image figcaption{padding:.8rem 0 0;color:var(--muted);font-size:.72rem}.annotation-pin{position:absolute;z-index:3;width:2.75rem;height:2.75rem;display:grid;place-items:center;translate:-50% -50%;border:.16rem solid #fff;border-radius:50%;background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 .35rem color-mix(in srgb,var(--bg) 65%,transparent);cursor:pointer;font:750 .7rem/1 monospace}.annotation-pin:after{content:"";position:absolute;inset:-.65rem;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);border-radius:inherit}.annotation-pin:focus-visible{outline:.2rem solid var(--text);outline-offset:.35rem}.annotation-pin.is-active{background:var(--text);color:var(--bg)}.annotation-panel{position:absolute;z-index:5;right:1rem;bottom:1rem;width:min(26rem,calc(100% - 2rem));padding:1.5rem;border-left:.3rem solid var(--accent);background:var(--bg);color:var(--text);box-shadow:0 1.5rem 4rem rgba(0,0,0,.35)}.annotation-panel>button{position:absolute;right:.75rem;top:.75rem;width:2.5rem;height:2.5rem;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;font-size:1.3rem}.annotation-panel>span{color:var(--accent);font:650 .68rem/1 monospace}.annotation-panel h3{margin:1.4rem 2.5rem .75rem 0;font-size:1.5rem;letter-spacing:-.03em}.annotation-panel p{margin:0;color:var(--muted);line-height:1.55}.annotation-index{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--line)}.annotation-index>strong{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.annotation-index ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:1rem 0 0;padding:0;list-style:none;background:var(--line)}.annotation-index li{display:grid;grid-template-columns:2rem 1fr;gap:.75rem;padding:1rem;background:var(--case-surface)}.annotation-index li>span{color:var(--accent);font:650 .68rem/1 monospace}.annotation-index b{font-size:.78rem}.annotation-index p{margin:.45rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.45}.hair-story{--hair-ease:cubic-bezier(.22,1,.36,1)}.hair-alignment-section,.hair-evolution-section,.hair-flow-section,.hair-motion-section,.hair-process-section,.hair-responsive-section,.hair-system-section,.hair-theme-section{position:relative;margin:8rem 0}.hair-alignment-section,.hair-evolution-section,.hair-flow-section,.hair-motion-section,.hair-responsive-section,.hair-system-section,.hair-theme-section{padding-top:2rem;border-top:1px solid var(--line)}.hair-process-heading{max-width:48rem;margin-bottom:2.5rem}.hair-process-heading>span{display:block;margin-bottom:1rem;color:var(--muted);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.hair-process-heading h2{max-width:18ch}.hair-process-heading p{max-width:42rem}.hair-flow-section .hair-process-heading{margin-left:clamp(0rem,11vw,8rem)}.hair-alignment-section .hair-process-heading{margin-left:auto;max-width:44rem}.hair-theme-section .hair-process-heading{margin-left:auto;max-width:42rem}.hair-system-section .hair-process-heading{max-width:44rem}.hair-motion-section .hair-process-heading{max-width:38rem}[data-hair-reveal]{opacity:0;transform:translate3d(0,2rem,0);transition:opacity .7s var(--hair-ease),transform .9s var(--hair-ease);transition-delay:calc(var(--reveal-order,0) * 90ms)}[data-hair-reveal].is-visible{opacity:1;transform:translateZ(0)}.hair-wire-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hair-wire-grid>div:nth-child(2){margin-top:5rem}.hair-alignment-loop{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;background:var(--line);border:1px solid var(--line)}.hair-alignment-loop li{position:relative;min-height:12rem;padding:1rem;display:flex;flex-direction:column;background:var(--surface)}.hair-alignment-loop li>span{color:var(--accent);font:600 .66rem/1 monospace}.hair-alignment-loop strong{margin-top:auto;font-size:.86rem}.hair-alignment-loop small{min-height:2.7rem;margin-top:.55rem;color:var(--muted);line-height:1.4}.hair-alignment-loop i{position:absolute;z-index:2;left:calc(100% - .55rem);top:1rem;width:1.1rem;height:1.1rem;display:grid;place-items:center;color:var(--bg);background:var(--text);border-radius:50%;font:normal .65rem/1 monospace}.hair-evolution-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;padding:1px;list-style:none;background:var(--line)}.hair-evolution-stages li{min-height:15rem;padding:1.25rem;display:flex;flex-direction:column;background:var(--surface)}.hair-evolution-stages li:nth-child(2n){background:color-mix(in srgb,var(--case-surface) 72%,var(--surface))}.hair-evolution-stages span{color:var(--accent);font:600 .66rem/1.35 monospace;letter-spacing:.06em;text-transform:uppercase}.hair-evolution-stages p{margin:auto 0 0;font-size:.86rem}.hair-evolution-evidence{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);gap:1rem;margin-top:1rem}.hair-evolution-evidence aside,.hair-evolution-evidence>div{padding:1.25rem;border:1px solid var(--line);background:var(--surface)}.hair-evolution-evidence h3{margin:0 0 2rem;font-size:1rem}.hair-evolution-evidence ol{margin:0;padding:0;list-style:none}.hair-evolution-evidence li{display:grid;grid-template-columns:6.5rem 8rem minmax(0,1fr);gap:1rem;padding:.9rem 0;border-top:1px solid var(--line)}.hair-evolution-evidence time{color:var(--accent);font:600 .68rem/1.4 monospace}.hair-evolution-evidence li strong{font-size:.82rem}.hair-evolution-evidence li span{color:var(--muted);font-size:.78rem;line-height:1.45}.hair-evolution-evidence aside{display:flex;flex-direction:column;justify-content:space-between;border-color:var(--accent)}.hair-evolution-evidence aside>span{color:var(--accent);font:600 .68rem/1.35 monospace;letter-spacing:.08em;text-transform:uppercase}.hair-evolution-evidence aside p{margin:4rem 0 0;font-size:.88rem}.hair-wire-figure{margin:0;padding:1.5rem;background:var(--surface);border:1px solid var(--line)}.hair-wire-figure figcaption{min-height:2.6rem;margin-bottom:1.25rem;color:var(--muted);font-size:.78rem;letter-spacing:.04em}.hair-wire-phone{position:relative;width:min(100%,18rem);aspect-ratio:402/874;margin:auto;padding:1.35rem 1rem 1.65rem;overflow:hidden;color:#111;background:#f4f4f2;border:1px solid #a7a7a2;border-radius:1.75rem;box-shadow:0 0 0 .35rem #202124;display:flex;flex-direction:column}.hair-wire-phone:before{top:.45rem;width:3.25rem;height:.32rem}.hair-wire-phone:after,.hair-wire-phone:before{content:"";position:absolute;z-index:4;left:50%;transform:translateX(-50%);border-radius:1rem;background:#202124}.hair-wire-phone:after{bottom:.5rem;width:4.5rem;height:.22rem}.hair-wire-status{display:flex;justify-content:space-between;margin-bottom:1rem}.hair-wire-status span:first-child{width:2.3rem;height:.35rem;background:#111}.hair-wire-status span:last-child{width:1.4rem;height:.35rem;background:#111}.hair-wire-wordmark{width:5rem;height:.7rem;margin:0 auto 1rem;background:#111}.hair-wire-ring{position:relative;width:12rem;height:12rem;margin:1.25rem auto}.hair-wire-ring>span{--angle:calc(var(--swatch-index) * 45deg);position:absolute;left:50%;top:50%;width:2.75rem;height:4.4rem;border:1px solid #111;border-radius:50%;background:#ddd;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-4.3rem)}.hair-wire-ring>span:nth-child(2n){background:#999}.hair-wire-ring>span:nth-child(3n){background:#555}.hair-wire-avatar{position:absolute;inset:3.3rem;border:1px solid #111;border-radius:50%;background:#fff}.hair-wire-avatar:before{content:"";width:2.2rem;height:2.2rem;top:1rem;border:1px solid #111;border-radius:50%}.hair-wire-avatar span,.hair-wire-avatar:before{position:absolute;left:50%;transform:translateX(-50%)}.hair-wire-avatar span{width:3.7rem;height:2.7rem;bottom:.65rem;border:1px solid #111;border-radius:50% 50% 20% 20%}.hair-wire-copy{margin:auto 0 1.2rem}.hair-wire-copy span{display:block;width:80%;height:.55rem;margin:.55rem auto;background:#777}.hair-wire-copy span:last-child{width:56%}.hair-wire-actions span,.hair-wire-button{display:flex;align-items:center;justify-content:center;min-height:2.9rem;padding:.6rem;border:1px solid #111;border-radius:.75rem;font-size:.72rem}.hair-wire-button{color:#fff;background:#111}.hair-wire-photo{position:relative;flex:1;min-height:18rem;overflow:hidden;background:linear-gradient(90deg,#d8d8d5 0 50%,#aaa 50%);border:1px solid #111;border-radius:1.15rem}.hair-wire-photo:before{content:"";position:absolute;width:6rem;height:7.5rem;left:50%;top:3.5rem;transform:translateX(-50%);border:1px solid #111;border-radius:50% 50% 42% 42%;background:#f4f4f2}.hair-wire-photo i{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#111}.hair-wire-after,.hair-wire-before{position:absolute;top:.75rem;z-index:1;font-size:.6rem;text-transform:uppercase}.hair-wire-before{left:.75rem}.hair-wire-after{right:.75rem}.hair-wire-product{display:flex;gap:.7rem;align-items:center;padding:1rem 0}.hair-wire-product span:first-child{width:2.6rem;height:3.2rem;border:1px solid #111}.hair-wire-product span:last-child{width:7rem;height:.65rem;background:#444}.hair-wire-swatches{display:flex;justify-content:space-between;margin-bottom:1rem}.hair-wire-swatches span{width:2rem;height:2rem;border:1px solid #111;border-radius:50%;background:#ddd}.hair-wire-swatches span:nth-child(2n){background:#777}.hair-wire-swatches span:nth-child(3n){background:#222}.hair-wire-actions{display:grid;grid-template-columns:1fr 3.25rem;gap:.5rem}.hair-wire-actions span:first-child{color:#fff;background:#111}.hair-flow-diagram{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:2rem 0;list-style:none}.hair-flow-diagram li{display:grid;grid-template-columns:minmax(0,1fr) 2.25rem;align-items:center;min-width:0}.hair-flow-diagram li:last-child{grid-template-columns:minmax(0,1fr)}.hair-flow-node{min-height:7.5rem;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);background:var(--surface)}.hair-flow-node span{color:var(--accent);font:600 .66rem/1 monospace;letter-spacing:.08em}.hair-flow-node strong{max-width:10ch;font-size:.85rem;line-height:1.25;font-weight:550}.hair-flow-arrow{display:grid;place-items:center;color:var(--muted);font:400 1.25rem/1 monospace}.hair-flow-diagram li:nth-child(2n){margin-top:3rem}.hair-system-comparison{display:grid;grid-template-columns:1fr auto 1.35fr;align-items:stretch;gap:1rem;margin:0 0 3rem 12%}.hair-system-comparison>div{min-height:8rem;padding:1.25rem;border:1px solid var(--line);background:var(--surface)}.hair-system-comparison>div:last-child{color:var(--bg);background:var(--text);border-color:var(--text)}.hair-system-comparison span{font:600 .68rem/1 monospace;letter-spacing:.1em;text-transform:uppercase}.hair-system-comparison p{max-width:26rem;margin:1.75rem 0 0}.hair-system-comparison>div:last-child p{color:inherit;opacity:.72}.hair-system-comparison>b{align-self:center;color:var(--muted);font:400 1.4rem/1 monospace}.hair-system-stack{display:flex;flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none}.hair-system-stack li{display:grid;grid-template-columns:3rem minmax(0,1fr);align-items:center;min-height:6rem;border:1px solid var(--line);background:var(--surface)}.hair-system-stack li:first-child{width:64%}.hair-system-stack li:nth-child(2){width:76%;margin-left:8%}.hair-system-stack li:nth-child(3){width:88%;margin-left:4%}.hair-system-stack li:nth-child(4){width:100%}.hair-system-stack li>span{display:grid;align-self:stretch;place-items:center;color:var(--accent);border-right:1px solid var(--line);font:600 .66rem/1 monospace}.hair-system-stack li div{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 1.25rem}.hair-system-stack strong{font-size:.9rem}.hair-system-stack small{color:var(--muted);text-align:right}.hair-theme-map{position:relative;padding-top:1rem}.hair-theme-core{position:relative;width:min(100%,24rem);min-height:8rem;margin:0 0 6rem 12%;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--text);background:var(--text);color:var(--bg)}.hair-theme-core:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:6rem;background:var(--line);transform-origin:top;transition:transform .8s var(--hair-ease) .25s}.hair-theme-core:not(.is-visible):after{transform:scaleY(0)}.hair-theme-card small,.hair-theme-core span,.hair-theme-options span{font:600 .62rem/1.25 monospace;letter-spacing:.08em;text-transform:uppercase}.hair-theme-core strong{font-size:1rem}.hair-theme-core small{opacity:.65}.hair-theme-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.hair-theme-grid:before{content:"";position:absolute;left:12.5%;right:12.5%;top:-2.5rem;height:1px;background:var(--line)}.hair-theme-card{position:relative;min-height:13rem;padding:1rem;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);background:var(--surface)}.hair-theme-card:nth-child(2),.hair-theme-card:nth-child(4){margin-top:3rem}.hair-theme-card:before{content:"";position:absolute;left:50%;bottom:100%;width:1px;height:2.5rem;background:var(--line)}.hair-theme-swatches{display:grid;grid-template-columns:1fr 1fr;width:100%;height:3rem;margin-bottom:1.25rem;border:1px solid var(--line)}.hair-theme-swatches i:first-child{background:var(--theme-a)}.hair-theme-swatches i:last-child{background:var(--theme-b)}.hair-theme-card small{color:var(--muted)}.hair-theme-card>strong{margin-top:.5rem;font-size:1rem}.hair-theme-options{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:1.25rem}.hair-theme-options span{flex-basis:100%;margin-bottom:.25rem;color:var(--muted)}.hair-theme-options b{padding:.35rem .5rem;border:1px solid var(--line);font-size:.65rem;font-weight:500}.hair-motion-stage{position:relative;min-height:42rem;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,var(--surface) 0 62%,transparent 62% 100%)}.hair-type-tracks{position:absolute;inset:-8%;z-index:1;color:var(--text)}.hair-type-track{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:currentColor;font:650 1.05rem/1 monospace;letter-spacing:.06em;transform-origin:50% 50%;animation:hair-track-orbit 24s linear infinite}.hair-type-track.track-2{inset:9%;width:82%;height:82%;color:var(--accent);font-size:.92rem;animation-direction:reverse;animation-duration:19s;transform:rotate(48deg)}.hair-type-track.track-3{inset:18%;width:64%;height:64%;color:var(--muted);font-size:.78rem;animation-duration:15s;transform:rotate(-31deg)}.hair-motion-phone{position:relative;width:min(82vw,21rem);aspect-ratio:402/874;overflow:hidden;background:#ebe8e4;border:1px solid var(--line);border-radius:2rem}.hair-motion-brand{position:absolute;z-index:4;left:0;right:0;top:1.5rem;text-align:center;color:#111;font-size:1rem;letter-spacing:.18em;text-transform:uppercase}.hair-motion-wheel{position:absolute;z-index:2;left:50%;top:8.4rem;width:17rem;height:17rem;transform:translateX(-50%);animation:hair-wheel-spin 8s steps(4) infinite}.hair-motion-wheel span{position:absolute;left:50%;top:50%;width:3.25rem;height:6.2rem;border-radius:55% 55% 38% 38%;transform-origin:50% 8.5rem}.hair-motion-wheel span:first-child{transform:translate(-50%,-8.5rem) rotate(0deg);background:#541329}.hair-motion-wheel span:nth-child(2){transform:translate(-50%,-8.5rem) rotate(45deg);background:#8e1d34}.hair-motion-wheel span:nth-child(3){transform:translate(-50%,-8.5rem) rotate(90deg);background:#c4512d}.hair-motion-wheel span:nth-child(4){transform:translate(-50%,-8.5rem) rotate(135deg);background:#6c315c}.hair-motion-wheel span:nth-child(5){transform:translate(-50%,-8.5rem) rotate(180deg);background:#bc7b54}.hair-motion-wheel span:nth-child(6){transform:translate(-50%,-8.5rem) rotate(225deg);background:#32212d}.hair-motion-wheel span:nth-child(7){transform:translate(-50%,-8.5rem) rotate(270deg);background:#d7b39d}.hair-motion-wheel span:nth-child(8){transform:translate(-50%,-8.5rem) rotate(315deg);background:#701a22}.hair-motion-person{position:absolute;z-index:3;left:50%;bottom:5rem;width:15rem;transform:translateX(-50%)}.hair-motion-hair{fill:#541329;animation:hair-shade-cycle 8s step-end infinite}.hair-motion-face{fill:#d8b8a5;stroke:#111;stroke-width:1}.hair-motion-neck{fill:#d8b8a5}.hair-motion-body{fill:#171717}.hair-motion-copy{position:absolute;z-index:5;left:1rem;right:1rem;bottom:1rem;display:flex;align-items:center;justify-content:space-between;padding:1rem;color:#fff;background:#111;border-radius:1rem}.hair-motion-copy strong{font-size:.8rem}.hair-motion-copy span{color:#aaa;font-size:.65rem;letter-spacing:.08em}.hair-case-hero{position:relative;margin:0 calc(50% - 50vw);padding:0 clamp(1.25rem,4vw,4rem) 2rem;overflow:hidden;border-bottom:1px solid var(--line)}.hair-case-hero__brands{width:min(1440px,100%);margin:0 auto 1rem;display:flex;flex-wrap:wrap;gap:.5rem}.hair-case-hero__brands span{padding:.5rem .75rem;border:1px solid var(--line);color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;transition:color .35s ease,border-color .35s ease,background .35s ease}.hair-case-hero__brands span.is-active{color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}.hair-case-hero__stage{position:relative;width:min(1440px,100%);min-height:clamp(34rem,58vw,52rem);margin:auto;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--hero-hair) 32%,transparent),transparent 34%),linear-gradient(145deg,var(--case-surface),var(--surface));transition:background .8s ease}.hair-case-hero__stage:before{content:"";position:absolute;inset:0;background:linear-gradient(color-mix(in srgb,var(--line) 50%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 50%,transparent) 1px,transparent 1px);background-size:2rem 2rem;-webkit-mask-image:linear-gradient(180deg,#000,transparent 72%);mask-image:linear-gradient(180deg,#000,transparent 72%);opacity:.45}.hair-case-hero__model{position:relative;z-index:2;width:min(58vw,34rem);aspect-ratio:492/486;overflow:hidden;border-radius:50%;filter:drop-shadow(0 2rem 3rem rgba(0,0,0,.28))}.hair-case-hero__model canvas,.hair-case-hero__model img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.hair-case-hero__model canvas{opacity:0;transition:opacity .5s ease}.hair-case-hero__model canvas[data-ready=true]{opacity:1}.hair-case-hero__orbit{position:absolute;z-index:1;left:50%;top:50%;width:min(68vw,39rem);aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--palette-turn));transition:transform 1.15s cubic-bezier(.22,1,.36,1);pointer-events:none}.hair-case-hero__orbit img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 1rem 2.5rem rgba(0,0,0,.22))}.hair-case-hero__shade{position:absolute;z-index:4;right:clamp(1rem,4vw,3rem);bottom:clamp(1rem,4vw,3rem);display:grid;justify-items:end;padding:1rem 1.2rem;color:#fff;background:rgba(10,10,10,.78);backdrop-filter:blur(14px)}.hair-case-hero__shade span{color:#aaa;font:500 .68rem/1.2 monospace}.hair-case-hero__shade strong{margin-top:.3rem;font-size:clamp(1rem,2vw,1.5rem)}.hair-case-hero__controls{display:flex;gap:.35rem;margin-top:.75rem}.hair-case-hero__controls button{display:grid;width:2.25rem;height:2.25rem;place-items:center;border:1px solid rgba(255,255,255,.28);color:#fff;background:transparent;font:500 1rem/1 inherit;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.hair-case-hero__controls button:hover{color:#000;border-color:#fff;background:#fff}.hair-case-hero__controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}.hair-case-hero figcaption{width:min(1440px,100%);margin:1rem auto 0;color:var(--muted);font-size:.7rem}.hair-responsive-devices{min-height:34rem;display:flex;align-items:end;justify-content:center;gap:clamp(1rem,3vw,3rem);padding:3rem;overflow:hidden;border:1px solid var(--line);background:var(--surface)}.hair-responsive-device{margin:0;display:grid;gap:.75rem;justify-items:center}.hair-responsive-device figcaption{color:var(--muted);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.hair-responsive-screen{position:relative;overflow:hidden;width:100%;height:100%;border:.45rem solid var(--text);border-radius:1.25rem;background:color-mix(in srgb,var(--case-surface) 80%,var(--surface))}.hair-responsive-device.device-1{width:9rem;height:21rem}.hair-responsive-device.device-2{width:15rem;height:27rem}.hair-responsive-device.device-3{width:28rem;height:21rem}.hair-responsive-nav{position:absolute;left:7%;right:7%;top:5%;height:3%;background:var(--line)}.hair-responsive-media{position:absolute;left:7%;right:7%;top:12%;bottom:29%;background:linear-gradient(145deg,var(--hero-hair,#6f315f),var(--case-accent-secondary));border-radius:.75rem}.hair-responsive-palette{position:absolute;left:10%;right:10%;bottom:24%;display:flex;justify-content:center;gap:4%}.hair-responsive-palette i{width:16%;aspect-ratio:1;border-radius:50%;background:var(--accent)}.hair-responsive-palette i:nth-child(2){background:#b84d2d}.hair-responsive-palette i:nth-child(3){background:#6f315f}.hair-responsive-palette i:nth-child(4){background:#30212b}.hair-responsive-sheet{position:absolute;left:5%;right:5%;bottom:4%;height:16%;display:flex;gap:4%;padding:5%;background:var(--text);border-radius:.65rem}.hair-responsive-sheet i{flex:1;background:var(--surface);opacity:.66}.hair-architecture{margin-top:3rem;display:grid;gap:1rem}.hair-architecture-legend{display:flex;flex-wrap:wrap;gap:.5rem}.hair-architecture-legend span{padding:.45rem .65rem;border:1px solid var(--line);color:var(--muted);font-size:.68rem}.hair-architecture-legend .is-main{border-color:var(--accent)}.hair-architecture-legend .is-error{border-style:dashed}.hair-architecture-viewport{overflow:auto hidden;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);cursor:grab;touch-action:pan-y;scrollbar-color:var(--accent) var(--surface)}.hair-architecture-viewport:active{cursor:grabbing}.hair-architecture-canvas{position:relative;width:1660px;height:350px}.hair-architecture-canvas svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hair-architecture-canvas svg path{fill:none;stroke:color-mix(in srgb,var(--accent) 58%,var(--line));stroke-width:1.5;marker-end:url(#hair-arrow)}.hair-architecture-canvas svg marker path{fill:var(--accent);stroke:none}.hair-architecture-node{position:absolute;width:170px;min-height:70px;display:grid;grid-template-columns:1.5rem 1fr;gap:.65rem;align-items:start;padding:.85rem;text-align:left;color:var(--text);border:1px solid var(--accent);background:var(--bg);font:inherit;cursor:pointer;transition:transform .25s ease,background .25s ease,color .25s ease}.hair-architecture-node>span{color:var(--accent);font-family:monospace}.hair-architecture-node strong{font-size:.76rem;line-height:1.3}.hair-architecture-node.is-branch{border-color:var(--line)}.hair-architecture-node.is-error{border-style:dashed;border-color:var(--muted)}.hair-architecture-node.is-selected{color:var(--accent-ink);background:var(--accent);transform:translateY(-.25rem)}.hair-architecture-node.is-selected>span{color:inherit}.hair-architecture-node:focus-visible{outline:2px solid var(--text);outline-offset:3px}.hair-architecture-detail{min-height:9rem;display:grid;grid-template-columns:minmax(8rem,.35fr) minmax(0,.65fr);gap:.5rem 2rem;padding:1.25rem;border-left:3px solid var(--accent);background:var(--surface)}.hair-architecture-detail>span{grid-row:1/3;color:var(--accent);font:.68rem/1.4 monospace;text-transform:uppercase}.hair-architecture-detail strong{font-size:1rem}.hair-architecture-detail p{margin:0;color:var(--muted);font-size:.88rem}@keyframes hair-wheel-spin{to{transform:translateX(-50%) rotate(-1turn)}}@keyframes hair-track-orbit{to{rotate:1turn}}html[data-motion=reduce] .hair-motion-hair,html[data-motion=reduce] .hair-motion-wheel,html[data-motion=reduce] .hair-type-track{animation:none}@keyframes hair-shade-cycle{0%,24%{fill:#541329}25%,49%{fill:#c4512d}50%,74%{fill:#6c315c}75%,to{fill:#32212d}}@keyframes preview-title-load{0%{opacity:0;transform:translateY(.18em);font-variation-settings:"wght" 260,"wdth" 76;letter-spacing:-.09em}to{opacity:1;transform:translateY(0);font-variation-settings:"wght" 610,"wdth" 88;letter-spacing:-.065em}}@keyframes preview-glitch-a{0%,81%,88%,to{opacity:0;transform:none;clip-path:inset(0)}82%{opacity:.9;transform:translate(.045em,-.018em) skewX(-2deg);clip-path:inset(8% 0 70%)}83%{opacity:.56;transform:translate(-.028em,.012em);clip-path:inset(61% 0 16%)}84%{opacity:.82;transform:translate(.018em);clip-path:inset(34% 0 42%)}85%{opacity:0}86%{opacity:.68;transform:translate(-.035em,.015em) skewX(1deg);clip-path:inset(76% 0 5%)}87%{opacity:.42;transform:translate(.012em,-.01em);clip-path:inset(20% 0 57%)}}@keyframes preview-glitch-b{0%,81%,88%,to{opacity:0;transform:none;clip-path:inset(0)}82%{opacity:.48;transform:translate(-.035em,.012em);clip-path:inset(68% 0 8%)}83%{opacity:.84;transform:translate(.03em,-.01em) skewX(2deg);clip-path:inset(24% 0 53%)}84%{opacity:.38;transform:translate(-.018em);clip-path:inset(4% 0 78%)}85%{opacity:.7;transform:translate(.022em,-.014em);clip-path:inset(48% 0 27%)}86%{opacity:0}87%{opacity:.58;transform:translate(-.025em,.008em);clip-path:inset(15% 0 64%)}}@keyframes preview-button-glitch{0%,to{transform:translate(0);box-shadow:none}24%{transform:translate(-2px,1px) skewX(-1deg);box-shadow:4px 0 0 var(--glitch-contrast),-3px 0 0 var(--accent)}52%{transform:translate(2px,-1px) skewX(1deg);box-shadow:-3px 0 0 var(--glitch-contrast),3px 0 0 color-mix(in srgb,var(--accent) 78%,white)}76%{transform:translate(-1px);box-shadow:2px 0 0 var(--accent),-2px 0 0 var(--glitch-contrast)}}@keyframes preview-button-copy-glitch{0%,to{opacity:0;transform:none;clip-path:inset(0)}20%{opacity:.9;transform:translateX(3px);clip-path:inset(8% 0 62%)}42%{opacity:.72;transform:translateX(-2px);clip-path:inset(58% 0 12%)}64%{opacity:.86;transform:translateX(2px);clip-path:inset(32% 0 38%)}82%{opacity:.46;transform:translateX(-1px);clip-path:inset(76% 0 4%)}}@keyframes preview-button-scan{0%{opacity:0;transform:translateX(-65%) skewX(-12deg)}32%,68%{opacity:.85}to{opacity:0;transform:translateX(65%) skewX(-12deg)}}@keyframes badge-specular{0%,18%,to{transform:translateX(-72%) rotate(10deg);opacity:0}30%{opacity:.72}48%,72%{transform:translateX(70%) rotate(10deg);opacity:0}}@keyframes preview-loader-enter{0%{opacity:1;transform:scale(.96)}58%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes preview-loader-exit{0%{opacity:1;transform:scale(1);visibility:visible}70%{opacity:0;transform:scale(.16) translate(-38vw,-42vh);visibility:visible}to{opacity:0;transform:scale(.12) translate(-43vw,-46vh);visibility:hidden}}@keyframes preview-content-enter{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}@keyframes hero-line-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes loader-badge-in{to{opacity:1;transform:translate(-50%,-50%) rotate(var(--loader-r)) scale(1)}}@keyframes audio-pulse{0%{opacity:.72;transform:scale(.8)}to{opacity:0;transform:scale(1.45)}}@media (hover:hover) and (pointer:fine){.preview-mark:hover .preview-mark-word{font-variation-settings:"wght" 690,"wdth" 108;letter-spacing:-.05em}.preview-case-hero h1:hover,.preview-resume-hero h1:hover{font-variation-settings:"wght" 760,"wdth" 104;letter-spacing:-.045em}.hair-process-heading h2:hover,.preview-case-main h2:hover,.preview-section-head h2:hover{font-variation-settings:"wght" 690,"wdth" 101;letter-spacing:-.02em}}.preview-boundary{padding:1.25rem;border-left:3px solid var(--accent);background:var(--surface);color:var(--muted)}.preview-resume-layout{display:grid;grid-template-columns:minmax(14rem,.55fr) minmax(0,1.45fr);gap:clamp(3rem,9vw,10rem);padding:6rem 0}.preview-resume-aside{position:sticky;top:7rem;align-self:start}.preview-resume-contacts{display:grid;gap:.65rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--line);color:var(--muted);font-style:normal;font-size:.8rem;line-height:1.45}.preview-resume-contacts strong{color:var(--text);font-size:.9rem}.preview-resume-contacts a{width:-moz-max-content;width:max-content;max-width:100%;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.preview-resume-contacts a:focus-visible,.preview-resume-contacts a:hover{border-color:var(--accent);color:var(--text)}.preview-resume-section{padding-bottom:4rem;margin-bottom:4rem;border-bottom:1px solid var(--line)}.preview-resume-section h3{font-size:1.25rem;margin:2rem 0 .35rem}.preview-resume-section small{color:var(--accent);font-family:monospace}.preview-pills{display:flex;flex-wrap:wrap;gap:.5rem;padding:0!important;list-style:none}.preview-pills li{border:1px solid var(--line);padding:.65rem .8rem;color:var(--text)}.preview-experience-list{list-style:none;padding:0!important;margin:0}.preview-experience-list li{padding:1.15rem 0;border-top:1px solid var(--line)}.preview-experience-list li:last-child{border-bottom:1px solid var(--line)}.preview-footer{display:grid;gap:2rem;padding-top:2rem;padding-bottom:2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}.preview-footer-meta{display:flex;justify-content:space-between;gap:2rem}.preview-footer .a11y-controls{color:var(--text)}.preview-footer .footer-blocks{margin-bottom:0;border-bottom-color:var(--line)}.preview-footer .footer-blocks-heading p{color:var(--muted)}.preview-footer .footer-blocks-stage{border-color:var(--line);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px)}.preview-root[data-theme=light] .preview-footer .footer-blocks-stage{background-image:radial-gradient(circle,color-mix(in srgb,var(--text) 22%,transparent) 1.15px,transparent 1.4px);background-size:1.15rem 1.15rem}.preview-footer .a11y-option input:checked+.a11y-switch{background:var(--text);color:var(--bg)}html[data-contrast=more] .preview-root{--bg:#000;--surface:#000;--text:#fff;--muted:#fff;--line:#fff;--accent:#fff;--accent-ink:#000;--case-surface:#000}html[data-contrast=more] .preview-case-themed:after,html[data-contrast=more] .preview-case-themed:before{display:none}@media (max-width:800px){.cyber-home .portfolio-badges.is-home,.cyber-motif--glyph-cluster{display:none}.cyber-home .preview-hero{padding-inline:1rem}.cyber-motif--globe,.cyber-motif--index,.cyber-motif--orbit,.cyber-motif--signal{display:none}.cyber-motif--stars{left:auto;right:1rem;top:2.5rem;transform:scale(.68);transform-origin:right top;opacity:.3}.cyber-motif--barcode{left:auto;right:1rem;top:auto;bottom:1.25rem;width:6rem;opacity:.25}.cyber-motif--chevrons{left:auto;right:1rem;bottom:1.5rem;transform:scale(.72);transform-origin:right bottom;opacity:.35}.preview-container,.preview-root{width:100%;max-width:100vw;overflow-x:clip}.preview-header{grid-template-columns:1fr auto;height:auto;min-height:4.5rem;gap:.65rem .75rem;padding-top:.75rem;padding-bottom:.55rem}.preview-mark{min-height:2.75rem;font-size:2.25rem}.preview-nav{grid-column:1/-1;grid-row:2;display:flex;width:100%;gap:.25rem;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:.1rem 0 .2rem}.preview-nav::-webkit-scrollbar{display:none}.preview-nav a{flex:0 0 auto;min-height:2.75rem;display:inline-flex;align-items:center;padding:.55rem .75rem;border:1px solid var(--line);color:var(--text)}.preview-controls{gap:.35rem}.preview-settings-panel .preview-theme span:last-child{display:inline}.preview-audio,.preview-settings>summary{min-width:2.75rem;min-height:2.75rem}.about-hero,.about-principles,.empty-publication,.focus-radar,.preview-case-body,.preview-case-deck,.preview-contact,.preview-hero,.preview-publishing-grid,.preview-resume-layout{grid-template-columns:1fr}.about-profile-card{border-top:1px solid var(--line)}.about-portrait-slot{min-height:min(130vw,38rem)}.about-process{grid-template-columns:1fr;padding-top:0;background:linear-gradient(var(--line),var(--line)) 1.35rem 0/1px 100% no-repeat}.about-process li,.about-process li:nth-child(n){min-height:auto;padding:1.25rem 1rem 1.25rem 3.5rem;border-left:1px solid var(--line);transform:none}.about-process li:before{top:1.4rem;left:.95rem}.about-process span{margin-bottom:.55rem}.about-profile-card dl div{grid-template-columns:minmax(6.5rem,.8fr) minmax(0,1.2fr)}.focus-radar{min-width:0;overflow:hidden}.focus-radar-legend li{grid-template-columns:2rem minmax(0,1fr) auto;gap:.65rem}.preview-contact-phone{width:100%;margin-left:0}.preview-publishing-grid article{min-height:16rem}.portfolio-badges{min-height:15rem;max-width:25rem}.portfolio-badges.is-case{width:100%;margin:-2rem 0 1rem;transform:scale(.88);transform-origin:left center}.process-map{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0 0 1.5rem}.process-map svg{display:none}.process-node{position:relative;left:auto!important;top:auto!important;min-width:0;padding:1.75rem 1rem 1rem;border:1px solid var(--line);transform:none}.process-node:before{top:.65rem}.process-detail{grid-template-columns:1fr}.preview-case-deck,.preview-case-deck>*,.preview-case-hero,.preview-fact,.preview-facts{width:100%;max-width:100%;min-width:0}.preview-case-hero{contain:inline-size}.preview-case-hero h1{width:100%;max-width:calc(100vw - 2.5rem);font-size:clamp(2.45rem,11vw,3.25rem);overflow-wrap:break-word;word-break:normal}.preview-case-summary{max-width:100%;overflow-wrap:break-word;word-break:normal}.preview-fact{grid-template-columns:minmax(5rem,.55fr) minmax(0,1.45fr);gap:1rem}.preview-fact strong{min-width:0;overflow-wrap:anywhere}.badge-stamp{right:0}.badge-iteration{display:none}.portfolio-badges.is-home .badge-designops{right:8%;top:13%}.portfolio-badges.is-home .badge-prototype{left:5%;right:auto;bottom:5%}.portfolio-badges.is-home .badge-future{display:none}.preview-hero{min-height:auto;padding-top:6rem}.preview-project{grid-template-columns:2.5rem 1fr}.preview-project-copy{grid-column:2}.hair-wire-grid,.preview-gallery,.preview-section-head{grid-template-columns:1fr}.preview-resume-aside{position:static}.case-wireflow{grid-auto-columns:minmax(10rem,76vw)}.annotation-panel{position:fixed;z-index:60;left:0;right:0;bottom:0;width:100%;max-height:70vh;overflow:auto;border-left:0;border-top:.3rem solid var(--accent)}.annotation-index ol{grid-template-columns:1fr}.hair-alignment-section,.hair-evolution-section,.hair-flow-section,.hair-motion-section,.hair-process-section,.hair-responsive-section,.hair-system-section,.hair-theme-section{margin:6rem 0}.hair-alignment-section .hair-process-heading,.hair-flow-section .hair-process-heading,.hair-theme-section .hair-process-heading{margin-left:0}.hair-flow-diagram li:nth-child(2n),.hair-theme-card:nth-child(2),.hair-theme-card:nth-child(4),.hair-wire-grid>div:nth-child(2){margin-top:0}.hair-motion-stage{min-height:34rem}.hair-responsive-devices{min-height:28rem;padding:1.5rem;justify-content:flex-start;overflow-x:auto}.hair-responsive-device.device-1{flex:0 0 8rem;height:19rem}.hair-responsive-device.device-2{flex:0 0 13rem;height:24rem}.hair-responsive-device.device-3{flex:0 0 24rem;height:18rem}.hair-case-hero__stage{min-height:32rem}.hair-case-hero__model{width:min(82vw,25rem)}.hair-case-hero__orbit{width:min(88vw,30rem)}.hair-architecture-detail{grid-template-columns:1fr}.hair-architecture-detail>span{grid-row:auto}.hair-flow-diagram{gap:0}.hair-alignment-loop,.hair-flow-diagram{grid-template-columns:1fr}.hair-alignment-loop li{min-height:7rem}.hair-alignment-loop i{left:1rem;top:calc(100% - .55rem);transform:rotate(90deg)}.hair-evolution-evidence,.hair-evolution-stages{grid-template-columns:1fr}.hair-evolution-stages li{min-height:10rem}.hair-evolution-evidence li{grid-template-columns:5.5rem minmax(0,1fr)}.hair-evolution-evidence li span{grid-column:2}.hair-flow-diagram li{grid-template-columns:1fr}.hair-flow-node{min-height:5.5rem}.hair-flow-arrow{min-height:2.5rem;transform:rotate(90deg)}.hair-system-comparison{grid-template-columns:1fr;margin-left:0}.hair-system-comparison>b{transform:rotate(90deg);justify-self:center}.hair-system-stack li,.hair-system-stack li:first-child,.hair-system-stack li:nth-child(2),.hair-system-stack li:nth-child(3){width:100%;margin-left:0}.hair-system-stack li div{display:block}.hair-system-stack small{display:block;margin-top:.55rem;text-align:left;line-height:1.5}.hair-theme-core{margin:0 0 3rem}.hair-theme-core:after{height:3rem}.hair-theme-grid{grid-template-columns:1fr;gap:1rem}.hair-theme-grid:before{display:none}.hair-theme-card{min-height:10rem}.hair-theme-card:before{left:1.5rem;height:1rem}}@media (max-width:480px){.preview-languages a{display:inline-flex;align-items:center}.preview-languages a,.preview-theme{min-width:2.75rem;min-height:2.75rem;justify-content:center}.preview-case-hero{padding-top:5rem;padding-bottom:3rem}.preview-case-deck{gap:2rem}.preview-fact{grid-template-columns:1fr;gap:.35rem}.preview-fact strong{text-align:left}.hair-case-hero{padding-inline:1rem}.hair-case-hero__brands{gap:.35rem}.hair-case-hero__brands span{padding:.4rem .55rem;font-size:.62rem}.hair-case-hero__stage{min-height:27rem}.hair-case-hero__model{width:min(74vw,19rem)}.hair-case-hero__orbit{width:min(86vw,22rem)}.hair-case-hero__shade{right:.75rem;bottom:.75rem;padding:.75rem}.hair-case-hero__shade strong{font-size:.9rem}}@media (max-width:600px){.preview-facts,.preview-hero-aside,.preview-hero>*,.preview-lead{min-width:0;width:100%;max-width:100%}.preview-lead{overflow-wrap:anywhere}.preview-fact{grid-template-columns:1fr;gap:.35rem}.preview-fact strong{text-align:left;overflow-wrap:anywhere}.process-detail dl,.process-map{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.preview-root{transition:none}.portfolio-badge.is-holographic:after,.preview-audio:after,.preview-button,.preview-button:after,.preview-button:before,.preview-loader,.preview-mark,.preview-root h1,.preview-root h2,.preview-root main,.variable-hero-title__glyph,.variable-hero-title__line,.variable-hero-title__line:after,.variable-hero-title__line:before{animation:none;transition:none}.cursor-grid__trace,.portfolio-badge.is-holographic:after,.preview-loader,.variable-hero-title__line:after,.variable-hero-title__line:before{display:none}.variable-hero-title__line{clip-path:none}.variable-hero-title__glyph{opacity:1;filter:none;transform:none}.cursor-grid__static{opacity:.52}.preview-root main{opacity:1}.portfolio-badge{transform:none!important}.hair-motion-hair,.hair-motion-wheel,.hair-type-track{animation:none}.hair-case-hero__orbit{transition:none}[data-hair-reveal]{opacity:1;transform:none;transition:none}.hair-theme-core:after{transform:none!important;transition:none}}html[data-contrast=more] .hair-case-hero__model canvas,html[data-contrast=more] .hair-case-hero__orbit,html[data-motion=reduce] .hair-case-hero__model canvas,html[data-motion=reduce] .hair-case-hero__orbit{transition:none}@media (prefers-reduced-motion:reduce){.about-hero h1{animation:none!important;transition:none!important}}html[data-contrast=more] .variable-hero-title__line:after,html[data-contrast=more] .variable-hero-title__line:before,html[data-motion=reduce] .variable-hero-title__line:after,html[data-motion=reduce] .variable-hero-title__line:before{display:none}html[data-motion=reduce] .portfolio-badge{transform:none!important;cursor:default}html[data-motion=reduce] .portfolio-badge.is-holographic:after,html[data-motion=reduce] .preview-audio:after,html[data-motion=reduce] .preview-button,html[data-motion=reduce] .preview-button:after,html[data-motion=reduce] .preview-button:before,html[data-motion=reduce] .variable-hero-title__glyph,html[data-motion=reduce] .variable-hero-title__line{animation:none!important}html[data-motion=reduce] .portfolio-badge.is-holographic:after,html[data-motion=reduce] .preview-loader{display:none}html[data-motion=reduce] .preview-root main{opacity:1;animation:none}html[data-motion=reduce] .variable-hero-title__glyph{opacity:1;filter:none;transform:none}html[data-motion=reduce] .variable-hero-title__line{clip-path:none}html[data-motion=reduce] .cursor-grid__trace{display:none}html[data-motion=reduce] .cursor-grid__static{opacity:.52}html[data-motion=reduce] .case-cursor-preview,html[data-motion=reduce] .process-node:before{transition:none}html[data-contrast=more] .portfolio-badge.is-holographic:after,html[data-contrast=more] .portfolio-badge.is-holographic:before{display:none}.hex-lab{position:relative;min-height:calc(100svh - 5rem);overflow:hidden;isolation:isolate;background:#050705;color:#f5f7f1}.hex-lab--cyber{--hex-yellow:#d9ff4f;--hex-cyan:#42e8ff;--hex-panel:#0b0813;--hex-border:rgba(217,255,79,.28);background:var(--hex-panel)}.hex-lab--cyber .hex-lab__topbar{color:color-mix(in srgb,var(--hex-yellow) 62%,white)}.hex-lab--cyber .hex-controls header span,.hex-lab--cyber .hex-lab__caption span,.hex-lab--cyber .hex-lab__topbar a:focus-visible,.hex-lab--cyber .hex-lab__topbar a:hover{color:var(--hex-yellow)}.hex-lab--cyber .hex-controls{background:color-mix(in srgb,var(--hex-panel) 86%,transparent);box-shadow:0 0 0 1px rgba(66,232,255,.06),0 1.5rem 5rem rgba(0,0,0,.48)}.hex-lab--cyber .hex-controls,.hex-lab--cyber .hex-controls header,.hex-lab--cyber .hex-controls__colors label,.hex-lab--cyber .hex-mode>div{border-color:var(--hex-border)}.hex-lab--cyber .hex-mode button.is-active{background:var(--hex-yellow);color:#101305;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 0 1.15rem rgba(217,255,79,.16)}.hex-lab--cyber .hex-control input[type=range]{accent-color:var(--hex-cyan)}.hex-lab--cyber .hex-download{background:var(--hex-yellow);color:#101305!important;box-shadow:0 0 0 1px rgba(66,232,255,.2)}.hex-lab--cyber .hex-download:focus-visible,.hex-lab--cyber .hex-download:hover{background:var(--hex-cyan);color:#071014!important}.hex-lab__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.hex-lab__topbar{position:absolute;z-index:2;inset:1.5rem 1.5rem auto;display:flex;justify-content:space-between;gap:1rem;color:rgba(245,247,241,.66);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.hex-lab__topbar a{color:inherit;text-decoration:none}.hex-lab__topbar a:focus-visible,.hex-lab__topbar a:hover{color:#b7ff3c}.hex-lab__caption{position:absolute;z-index:1;left:clamp(1.5rem,5vw,5rem);bottom:clamp(2rem,7vw,6rem);max-width:min(48rem,60vw);pointer-events:none}.hex-lab__caption span{display:block;margin-bottom:.5rem;color:#b7ff3c;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.hex-lab__caption h1{margin:0;font-family:var(--font-vf),sans-serif;font-size:clamp(4rem,12vw,10rem);font-variation-settings:"wght" 780,"wdth" 92;line-height:.82;letter-spacing:-.065em}.hex-controls{position:absolute;z-index:3;right:1.5rem;bottom:1.5rem;box-sizing:border-box;width:min(22rem,calc(100vw - 3rem));min-width:0;padding:1rem;border:1px solid rgba(255,255,255,.16);border-radius:1rem;background:rgba(8,10,8,.78);box-shadow:0 1.5rem 5rem rgba(0,0,0,.34);backdrop-filter:blur(18px)}.hex-controls header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.12)}.hex-controls header span{display:block;color:#b7ff3c;font-size:.62rem;letter-spacing:.12em}.hex-controls h2{margin:.2rem 0 0;font-size:1.2rem}.hex-controls button{color:inherit;font:inherit;cursor:pointer}.hex-controls header button{padding:.35rem .55rem;border:1px solid rgba(255,255,255,.14);border-radius:.45rem;background:transparent;color:rgba(255,255,255,.7);font-size:.72rem}.hex-controls__colors{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.85rem 0}.hex-controls__colors label{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .65rem;border:1px solid rgba(255,255,255,.1);border-radius:.55rem;font-size:.72rem}.hex-controls input[type=color]{width:1.6rem;height:1.6rem;padding:0;overflow:hidden;border:0;border-radius:50%;background:none;cursor:pointer}.hex-mode{margin:0 0 .8rem;padding:0;border:0}.hex-mode legend{margin-bottom:.4rem;color:rgba(255,255,255,.72);font-size:.7rem}.hex-mode>div{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:.25rem;border:1px solid rgba(255,255,255,.1);border-radius:.6rem;background:rgba(255,255,255,.025)}.hex-mode button{padding:.52rem .65rem;border:0;border-radius:.42rem;background:transparent;color:rgba(255,255,255,.58);font-size:.72rem}.hex-mode button.is-active{background:#b7ff3c;color:#071000}.hex-control{display:block;margin:.72rem 0}.hex-control>span{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.35rem;color:rgba(255,255,255,.72);font-size:.7rem}.hex-control output{color:#fff;font-variant-numeric:tabular-nums}.hex-control input[type=range]{display:block;box-sizing:border-box;width:100%;min-width:0;accent-color:#b7ff3c;cursor:pointer}.hex-download{width:100%;margin-top:.65rem;padding:.78rem 1rem;border:0;border-radius:.55rem;background:#b7ff3c;color:#071000!important;font-weight:650!important}.hex-download:focus-visible,.hex-download:hover{background:#d0ff7c}.hex-controls>p{margin:.55rem 0 0;color:rgba(255,255,255,.48);font-size:.65rem;line-height:1.45}.shader-presets{position:absolute;z-index:3;top:4.5rem;left:1.5rem;display:flex;flex-wrap:wrap;gap:.35rem;max-width:calc(100vw - 3rem)}.shader-presets button{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(8,10,8,.62);color:rgba(255,255,255,.68);font:600 .68rem/1 var(--font-vf),sans-serif;backdrop-filter:blur(14px);cursor:pointer}.shader-presets button span{color:#b7ff3c;font:600 .58rem/1 monospace}.shader-presets button.is-active,.shader-presets button:focus-visible,.shader-presets button:hover{border-color:#b7ff3c;background:#b7ff3c;color:#071000}.shader-presets button.is-active span{color:#071000}.shader-library .hex-controls__colors{grid-template-columns:repeat(3,1fr)}.shader-library .hex-controls__colors label{align-items:flex-start;flex-direction:column;gap:.35rem}canvas[data-shader-failed=true]+.hex-lab__topbar:after{content:"WebGL unavailable";color:#ffb4a6}@media (max-width:700px){.hex-lab{min-height:calc(100svh - 4.5rem)}.hex-lab__topbar{inset:1rem 1rem auto}.hex-lab__caption{left:1rem;right:1rem;top:5rem;bottom:auto;max-width:none}.hex-lab__caption h1{font-size:clamp(3.8rem,22vw,7rem)}.shader-presets{top:3.7rem;left:1rem;right:1rem;max-width:none}.shader-presets button{padding:.48rem .65rem}.shader-library .hex-lab__caption{top:10rem}.hex-controls{right:1rem;bottom:1rem;width:calc(100vw - 2rem);max-height:58svh;overflow:auto;overflow-x:hidden}}@media (prefers-reduced-motion:reduce){.hex-lab__canvas{transition:none}}.experiment-roadmap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.experiment-roadmap__section{min-height:36rem;display:flex;flex-direction:column;padding:clamp(1.5rem,4vw,3.5rem);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.experiment-roadmap__meta{display:flex;justify-content:space-between;color:var(--accent);font:600 .66rem/1 monospace;text-transform:uppercase}.experiment-roadmap h2{margin:3rem 0 1rem;font-size:clamp(2.5rem,5vw,5rem);line-height:.9;letter-spacing:-.06em}.experiment-roadmap p{max-width:35rem;color:var(--muted);line-height:1.6}.experiment-roadmap ul{display:flex;flex-wrap:wrap;gap:.4rem;margin:2rem 0;padding:0;list-style:none}.experiment-roadmap li{padding:.4rem .6rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.7rem}.experiment-roadmap li.is-ready{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--text)}.experiment-roadmap li.is-ready:before{content:"●";margin-right:.35rem;color:var(--accent)}.experiment-roadmap a{margin-top:auto;color:inherit;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.3rem}.experiment-section__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:5rem;border-top:1px solid var(--line);border-left:1px solid var(--line)}.experiment-section__grid article{min-height:17rem;padding:1.5rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.experiment-section__grid span{color:var(--accent);font:600 .65rem/1 monospace}.experiment-section__grid h2{margin:5rem 0 .75rem;font-size:clamp(1.5rem,3vw,3rem);line-height:.95;letter-spacing:-.04em}.experiment-section__grid p{color:var(--muted);font-size:.72rem;text-transform:uppercase}@media(max-width:800px){.experiment-roadmap,.experiment-section__grid{grid-template-columns:1fr}.experiment-roadmap__section{min-height:30rem}}body:has(.decision-trainer) .preview-header{background:oklch(12% .006 70)}.decision-trainer{--dt-paper:oklch(94% .025 87);--dt-ink:oklch(21% .02 63);--dt-muted:oklch(48% .025 70);--dt-line:oklch(76% .035 80);--dt-accent:oklch(51% .18 31);min-height:100svh;padding:clamp(1rem,3vw,2.5rem);background:var(--dt-paper);color:var(--dt-ink);font-family:var(--font-vf),sans-serif}.decision-trainer__nav{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--dt-line);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.decision-trainer__nav a{color:inherit;text-decoration:none}.decision-trainer__intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(18rem,.5fr);gap:clamp(2rem,6vw,8rem);padding:clamp(3rem,8vw,8rem) 0}.decision-trainer__intro>p{grid-column:1/-1;margin:0;color:var(--dt-accent);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.decision-trainer__intro h1{max-width:12ch;margin:0;font-size:clamp(4rem,10vw,9rem);font-variation-settings:"wght" 760,"wdth" 82;line-height:.82;letter-spacing:-.07em}.decision-trainer__intro div{align-self:end;display:grid;gap:1.5rem;padding-top:1rem;border-top:1px solid var(--dt-ink)}.decision-trainer__intro div p{margin:0;font-size:1.15rem;line-height:1.4}.decision-trainer__intro div span{color:var(--dt-muted);font-size:.82rem;line-height:1.5}.decision-trainer__modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:clamp(3rem,7vw,7rem);border-top:1px solid var(--dt-ink);border-left:1px solid var(--dt-line)}.decision-trainer__modes button{min-height:13rem;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem;border:0;border-right:1px solid var(--dt-line);border-bottom:1px solid var(--dt-line);background:transparent;color:inherit;text-align:left;cursor:pointer}.decision-trainer__modes button[aria-selected=true]{background:var(--dt-ink);color:var(--dt-paper)}.decision-trainer__modes button[aria-selected=true]>span{color:var(--dt-paper)}.decision-trainer__modes button>span{color:var(--dt-accent);font-size:.7rem}.decision-trainer__modes strong{font-size:1.15rem}.decision-trainer__modes small{margin-top:auto;color:inherit;opacity:.68;line-height:1.45}.decision-trainer__case-shortcuts{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:calc(clamp(3rem,7vw,7rem) * -1);margin-bottom:clamp(3rem,7vw,7rem);padding:1rem 0;border-bottom:1px solid var(--dt-line)}.decision-trainer__case-shortcuts span{color:var(--dt-muted);font-size:.78rem}.decision-trainer__case-shortcuts button{padding:.75rem 1rem;border:1px solid var(--dt-ink);background:transparent;color:inherit;font:inherit;cursor:pointer}.decision-trainer__case-shortcuts button:focus-visible,.decision-trainer__case-shortcuts button:hover{background:var(--dt-ink);color:var(--dt-paper)}.decision-trainer__playground{min-height:42rem}.decision-trainer__round--decision{display:grid;grid-template-columns:minmax(8rem,.3fr) minmax(0,1.7fr);border-top:1px solid var(--dt-ink)}.decision-trainer__round--decision>aside{display:flex;flex-direction:column;justify-content:space-between;min-height:25rem;padding:1.5rem 1.5rem 1.5rem 0;border-bottom:1px solid var(--dt-line)}.decision-trainer__round--decision>aside>span{color:var(--dt-accent);font-size:clamp(3rem,7vw,7rem);font-variation-settings:"wght" 300;line-height:1}.decision-trainer__round--decision>aside small{color:var(--dt-muted)}.decision-trainer__round--decision>article{padding:clamp(1.5rem,4vw,4rem);border-bottom:1px solid var(--dt-line);border-left:1px solid var(--dt-line)}.decision-trainer__round--compact h2,.decision-trainer__round--decision h2{margin:0 0 2rem;font-size:clamp(2.3rem,5vw,5.5rem);line-height:.95;letter-spacing:-.05em}.decision-trainer__round--compact{max-width:72rem;margin-inline:auto;padding:clamp(1.5rem,5vw,5rem);border:1px solid var(--dt-line)}.decision-trainer__round--compact>header{display:grid;gap:1rem;margin-bottom:clamp(2rem,5vw,5rem)}.decision-trainer__round--compact>header>span,.mechanic-feedback>span{color:var(--dt-accent);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.decision-trainer__round--compact>header p{max-width:60ch;margin:0;color:var(--dt-muted);line-height:1.55}.friction-scene{display:grid;grid-template-columns:1fr 1.35fr 1fr;min-height:22rem;border-top:1px solid var(--dt-line);border-left:1px solid var(--dt-line);background:color-mix(in oklch,var(--dt-paper) 88%,var(--dt-ink))}.friction-scene button{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:1.25rem;border:0;border-right:1px solid var(--dt-line);border-bottom:1px solid var(--dt-line);background:transparent;color:inherit;text-align:left;cursor:crosshair}.friction-scene button.is-selected,.friction-scene button:focus-visible,.friction-scene button:hover{outline:2px solid var(--dt-accent);outline-offset:-2px;background:color-mix(in oklch,var(--dt-accent) 8%,var(--dt-paper))}.friction-scene button.is-answer{background:var(--dt-ink);color:var(--dt-paper)}.friction-scene span{color:var(--dt-muted);font-size:.68rem;text-transform:uppercase}.friction-scene strong{max-width:14ch;font-size:1.15rem}.decision-trainer blockquote{max-width:22ch;margin:0 0 3rem;padding:0;font-size:clamp(2rem,4vw,4rem);line-height:1.05;letter-spacing:-.04em}.inference-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--dt-line);border-left:1px solid var(--dt-line)}.hypothesis-builder button,.inference-actions button{padding:1.2rem;border:0;border-right:1px solid var(--dt-line);border-bottom:1px solid var(--dt-line);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.hypothesis-builder button.is-selected,.inference-actions button.is-selected{background:var(--dt-ink);color:var(--dt-paper)}.hypothesis-builder{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem}.hypothesis-builder fieldset{display:grid;margin:0;padding:0;border:1px solid var(--dt-line)}.hypothesis-builder legend{padding:.4rem .7rem;color:var(--dt-accent);font-size:.72rem;text-transform:uppercase}.hypothesis-builder>span{color:var(--dt-accent);font-size:2rem}.mechanic-feedback{display:grid;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--dt-ink)}.mechanic-feedback__verdict{font-size:clamp(2rem,5vw,4.5rem);line-height:1;letter-spacing:-.04em}.mechanic-feedback.is-correct{border-top-color:oklch(48% .13 145)}.mechanic-feedback.is-wrong{border-top-color:var(--dt-accent)}.mechanic-feedback.is-correct .mechanic-feedback__verdict{color:oklch(42% .14 145)}.mechanic-feedback.is-wrong .mechanic-feedback__verdict{color:var(--dt-accent)}.mechanic-feedback__answer{padding:1rem;border-left:4px solid var(--dt-accent);background:color-mix(in oklch,var(--dt-accent) 8%,var(--dt-paper))}.mechanic-feedback>p{max-width:60ch;margin:0;font-size:1.1rem;line-height:1.55}.mechanic-feedback footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.mechanic-feedback footer a{color:inherit;font-weight:650;text-underline-offset:.25rem}.decision-trainer__next{padding:.9rem 1.1rem;border:1px solid var(--dt-ink);background:var(--dt-ink);color:var(--dt-paper);font:inherit;cursor:pointer}.decision-trainer__desk{display:grid;grid-template-columns:minmax(8rem,.3fr) minmax(0,1.7fr);border-top:1px solid var(--dt-ink)}.decision-trainer__case-meta{display:flex;flex-direction:column;justify-content:space-between;min-height:25rem;padding:1.5rem 1.5rem 1.5rem 0;border-bottom:1px solid var(--dt-line)}.decision-trainer__case-meta>span{color:var(--dt-accent);font-size:clamp(3rem,7vw,7rem);font-variation-settings:"wght" 300;line-height:1}.decision-trainer__case-meta div{display:grid;gap:.35rem}.decision-trainer__case-meta small{color:var(--dt-muted)}.decision-trainer__case{padding:clamp(1.5rem,4vw,4rem);border-bottom:1px solid var(--dt-line);border-left:1px solid var(--dt-line)}.decision-trainer__context{max-width:70ch;margin:0 0 clamp(3rem,7vw,7rem);color:var(--dt-muted);font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.6}.decision-trainer__case h2{max-width:18ch;margin:0 0 2rem;font-size:clamp(2.3rem,5vw,5.5rem);line-height:.95;letter-spacing:-.05em}.decision-trainer__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--dt-line);border-left:1px solid var(--dt-line)}.decision-trainer__options button{min-height:14rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem;border:0;border-right:1px solid var(--dt-line);border-bottom:1px solid var(--dt-line);background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background-color .18s ease-out,transform .18s ease-out}.decision-trainer__options button:focus-visible,.decision-trainer__options button:hover:not(:disabled){background:color-mix(in oklch,var(--dt-accent) 8%,var(--dt-paper));outline:2px solid var(--dt-accent);outline-offset:-2px}.decision-trainer__options button.is-selected{background:var(--dt-ink);color:var(--dt-paper)}.decision-trainer__options button.is-correct{outline:3px solid oklch(48% .13 145);outline-offset:-3px}.decision-trainer__options button:disabled{cursor:default}.decision-trainer__options button>span{color:var(--dt-accent);font-size:.72rem}.decision-trainer__options strong{max-width:18ch;font-size:1.08rem;line-height:1.25}.decision-trainer__options small{margin-top:auto;color:inherit;opacity:.68;line-height:1.45}.decision-trainer__commit{margin-top:1.5rem;padding:.9rem 1.2rem;border:1px solid var(--dt-ink);background:var(--dt-accent);color:var(--dt-paper);font:700 .78rem/1 var(--font-vf),sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.decision-trainer__commit:disabled{background:transparent;color:var(--dt-muted);cursor:not-allowed}.decision-trainer__result{display:grid;gap:2rem;margin-top:clamp(2rem,5vw,5rem);padding-top:2rem;border-top:1px solid var(--dt-ink)}.decision-trainer__result.is-correct{border-top-color:oklch(48% .13 145)}.decision-trainer__result.is-wrong{border-top-color:var(--dt-accent)}.decision-trainer__result.is-correct>div:first-child span{color:oklch(42% .14 145)}.decision-trainer__result.is-wrong>div:first-child span{color:var(--dt-accent)}.decision-trainer__answer{padding:1rem;border-left:4px solid var(--dt-accent);background:color-mix(in oklch,var(--dt-accent) 8%,var(--dt-paper))}.decision-trainer__result>div:first-child{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.decision-trainer__result>div:first-child span{color:var(--dt-accent);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.decision-trainer__result>div:first-child strong{font-size:clamp(3rem,8vw,8rem);font-variation-settings:"wght" 750,"wdth" 86;line-height:.82;letter-spacing:-.06em}.decision-trainer__result>p{max-width:55ch;margin:0;font-size:1.15rem;line-height:1.5}.decision-trainer__result dl{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid var(--dt-line);border-left:1px solid var(--dt-line)}.decision-trainer__result dl div{padding:1.25rem;border-right:1px solid var(--dt-line);border-bottom:1px solid var(--dt-line)}.decision-trainer__result dt{margin-bottom:.8rem;color:var(--dt-accent);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.decision-trainer__result dd{margin:0;line-height:1.55}.decision-trainer__result footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.decision-trainer__result footer a{color:inherit;font-size:.78rem;text-underline-offset:.25rem}.decision-trainer__result footer button{padding:.9rem 1.1rem;border:1px solid var(--dt-ink);background:var(--dt-ink);color:var(--dt-paper);font:inherit;cursor:pointer}@media(max-width:800px){.decision-trainer__desk,.decision-trainer__intro,.decision-trainer__round--decision{grid-template-columns:1fr}.decision-trainer__intro{gap:2.5rem}.decision-trainer__intro h1{font-size:clamp(3.3rem,17vw,5.8rem)}.decision-trainer__modes{grid-template-columns:1fr 1fr}.decision-trainer__modes button{min-height:11rem}.decision-trainer__case-shortcuts{align-items:flex-start;flex-direction:column}.decision-trainer__round--decision>aside{min-height:auto;display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;align-items:end;padding:1rem 0}.decision-trainer__round--decision>aside>span{grid-row:1/3}.decision-trainer__round--decision>article{border-left:0;padding-inline:0}.decision-trainer__options{grid-template-columns:1fr}.decision-trainer__options button{min-height:9rem}.decision-trainer__result dl{grid-template-columns:1fr}.decision-trainer__result footer,.decision-trainer__result>div:first-child,.mechanic-feedback footer{align-items:flex-start;flex-direction:column}.decision-trainer__nav span{max-width:12rem;text-align:right}.friction-scene{grid-template-columns:1fr;min-height:0}.friction-scene button{min-height:9rem}.hypothesis-builder{grid-template-columns:1fr}.hypothesis-builder>span{transform:rotate(90deg);justify-self:center}.inference-actions{grid-template-columns:1fr}.decision-trainer__round--compact{padding-inline:1rem}}@media(prefers-reduced-motion:reduce){.decision-trainer__options button{transition:none}.decision-trainer__options button:hover:not(:disabled){transform:none}}