:root{--bg:oklch(16% .014 210);--bg-raised:oklch(20% .016 210);--bg-well:oklch(13% .012 210);--line:oklch(32% .02 205);--line-soft:oklch(26% .018 208);--ink:oklch(94% .008 200);--ink-soft:oklch(76% .02 202);--teal:oklch(80% .105 200);--teal-dim:oklch(62% .09 200);--teal-deep:oklch(45% .074 200);--copper:oklch(75% .115 55);--font-sans:"Archivo", "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", Consolas, monospace;--wide:"wdth" 125;--space-1:.5rem;--space-2:1rem;--space-3:1.75rem;--space-4:3rem;--space-5:clamp(4rem, 9vw, 7.5rem);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--glass-bg:color-mix(in oklch, var(--bg-raised) 62%, transparent);--glass-line:color-mix(in oklch, var(--ink) 13%, transparent);--z-rail:2;--z-spot:4;--z-nav:10;--z-grain:15;--z-lightbox:25;--z-boot:30;--z-skip:40;--measure:62ch;--gutter:clamp(1.25rem, 4.5vw, 4rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6;overflow-x:clip}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(44rem 34rem at 78% 8%, color-mix(in oklch, var(--teal-deep) 52%, transparent), transparent 62%), radial-gradient(36rem 30rem at 12% 46%, color-mix(in oklch, var(--teal-deep) 26%, transparent), transparent 65%), radial-gradient(40rem 32rem at 8% 92%, color-mix(in oklch, var(--copper) 17%, transparent), transparent 65%);animation:42s ease-in-out infinite alternate aurora-drift;position:fixed;inset:-22%}@keyframes aurora-drift{to{transform:translate(-2.5%,2%)scale(1.07)}}body:after{content:"";z-index:var(--z-grain);pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(1.25);backdrop-filter:blur(16px)saturate(1.25);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--ink) 8%, transparent), 0 24px 60px -30px oklch(0% 0 0/.55);border-radius:16px}.boot{z-index:var(--z-boot);background:var(--bg-well);place-items:center;display:grid;position:fixed;inset:0}.boot-center{text-align:center;justify-items:center;gap:1.4rem;display:grid}.boot-logo{width:clamp(84px,14vw,128px);height:auto;overflow:visible}.boot-trace{fill:none;stroke:var(--teal);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 14px color-mix(in oklch, var(--teal) 45%, transparent))}.boot-node{transition:opacity .3s}.boot-node--in{fill:var(--copper)}.boot-node--out{fill:var(--teal)}.boot-name{font-variation-settings:var(--wide);letter-spacing:.22em;color:var(--ink);text-wrap:balance;opacity:0;font-size:clamp(1rem,2.4vw,1.5rem);font-weight:800}[data-skin=studio] .boot-name{font-variation-settings:normal;letter-spacing:.14em;font-family:Gloock,Georgia,serif;font-weight:400}.boot-status{color:var(--ink-soft);letter-spacing:.12em}.boot-status.is-granted{color:var(--copper)}.boot-pct{font-family:var(--font-mono);color:color-mix(in oklch, var(--teal) 32%, transparent);font-variant-numeric:tabular-nums;font-size:clamp(4.5rem,12vw,9rem);font-weight:500;line-height:1;position:absolute;bottom:clamp(.5rem,3vw,2rem);right:clamp(1rem,4vw,3rem)}.boot-bar{background:linear-gradient(90deg, var(--teal) 60%, var(--copper));transform-origin:0;height:3px;position:absolute;bottom:0;left:0;right:0}.boot-skip{color:var(--ink-soft);position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.spotlight{width:600px;height:600px;z-index:var(--z-spot);pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,oklch(80% .105 200/.09),#0000 62%);border-radius:50%;position:fixed;top:0;left:0}.chapter{color:var(--copper);letter-spacing:.1em;margin-bottom:.9rem}.ticker{border-block:1px solid var(--line-soft);padding-block:.85rem;overflow:clip}.ticker-track{width:max-content;animation:38s linear infinite marquee;display:flex}.ticker-track.is-reverse{animation-direction:reverse}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-row{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;gap:2.4rem;padding-right:2.4rem;font-size:.76rem;display:flex}.ticker-row span{align-items:center;gap:.7rem;display:inline-flex}.ticker-row b{color:var(--teal);font-weight:500}.ticker-row span:nth-child(4n) b{color:var(--copper)}@keyframes marquee{to{transform:translate(-50%)}}h1,h2,h3{font-variation-settings:var(--wide);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:800;line-height:1.04}p{text-wrap:pretty;margin:0}a{color:inherit}img,svg,canvas{max-width:100%;display:block}::selection{background:var(--teal-deep);color:var(--ink)}:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:2px}.skip-link{z-index:var(--z-skip);background:var(--teal);color:var(--bg-well);border-radius:4px;padding:.6rem 1rem;font-weight:600;text-decoration:none;position:fixed;top:.75rem;left:.75rem;transform:translateY(-300%)}.skip-link:focus-visible{transform:none}.mono{font-family:var(--font-mono);letter-spacing:.04em;font-size:.78rem}.clip-reveal{margin-block:-.12em;padding-block:.12em;display:block;overflow:visible clip}.clip-reveal>span{display:block}.wrap{max-width:76rem;padding-inline:var(--gutter);margin-inline:auto}.nav{z-index:var(--z-nav);justify-content:space-between;align-items:center;gap:var(--space-2);padding:.9rem var(--gutter);background:color-mix(in oklch, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);border-bottom:1px solid #0000;transition:border-color .4s;display:flex;position:fixed;inset:0 0 auto}.nav.is-scrolled{border-bottom-color:var(--line-soft)}.nav-brand-group{flex-wrap:nowrap;align-items:center;gap:.75rem;display:flex}.nav-brand{color:var(--ink);line-height:0;text-decoration:none}.logo-svg{width:40px;height:40px;transition:filter .3s;display:block;overflow:visible}.logo-trace{fill:none;stroke:var(--teal);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.logo-node{transform-box:fill-box;transform-origin:50%;transition:transform .3s var(--ease-out-expo)}.logo-node--in{fill:var(--copper)}.logo-node--out{fill:var(--teal)}.nav-brand:hover .logo-svg{filter:drop-shadow(0 0 8px color-mix(in oklch, var(--teal) 55%, transparent))}.nav-brand:hover .logo-trace{animation:trace-draw .7s var(--ease-out-expo)}.nav-brand:hover .logo-node{transform:scale(1.4)}@keyframes trace-draw{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}.portrait-btn{cursor:zoom-in;background:0 0;border:0;border-radius:50%;padding:0;line-height:0}.portrait-btn img{object-fit:cover;object-position:50% 12%;transition:transform .35s var(--ease-out-expo);border-radius:50%;display:block}.portrait-btn:hover img{transform:scale(1.06)}.nav-portrait img{border:1px solid var(--line);width:36px;height:36px}.lightbox{z-index:var(--z-lightbox);background:color-mix(in oklch, var(--bg-well) 72%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:zoom-out;place-items:center;padding:clamp(1rem,4vw,3rem);display:grid;position:fixed;inset:0}.lightbox img{border:1px solid var(--glass-line);cursor:default;border-radius:18px;max-width:min(32rem,90vw);max-height:84svh;box-shadow:0 40px 120px -40px oklch(0% 0 0/.7)}.lightbox-close{border:1px solid var(--line);background:var(--glass-bg);color:var(--ink);cursor:pointer;border-radius:999px;padding:.55rem 1rem;transition:border-color .2s,color .2s;position:absolute;top:1.2rem;right:1.4rem}.lightbox-close:hover{border-color:var(--teal);color:var(--teal)}.nav-links{align-items:center;gap:clamp(.9rem,2.5vw,2rem);display:flex}.nav-links a{color:var(--ink-soft);font-size:.92rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-links a:not(.nav-cta){position:relative}.nav-links a:not(.nav-cta):after{content:"";background:var(--teal);transform-origin:0;height:2px;transition:transform .35s var(--ease-out-expo);position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.nav-links a:not(.nav-cta):hover:after,.nav-links a.is-active:after{transform:scaleX(1)}.nav-links a.is-active{color:var(--ink)}.nav-progress{background:linear-gradient(90deg, var(--teal) 55%, var(--copper));transform-origin:0;pointer-events:none;height:2px;position:absolute;bottom:-1px;left:0;right:0}.nav-links a.nav-cta{color:var(--bg-well);background:var(--teal);transition:background .2s, transform .3s var(--ease-out-expo);border-radius:999px;padding:.45rem .95rem;font-weight:600}.nav-links a.nav-cta:hover{background:var(--copper);transform:translateY(-1px)}@media (width<=40rem){.nav-links a:not(.nav-cta){display:none}}.hero{min-height:100svh;padding-block:7rem var(--space-5);align-content:center;display:grid;position:relative;overflow:clip}.hero-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(110% 85% at 32% 55%, color-mix(in oklch, var(--bg) 78%, transparent) 0%, transparent 68%);position:absolute;inset:0}.hero-inner{z-index:1;width:100%;position:relative}.hud{margin-bottom:var(--space-4);color:var(--teal);letter-spacing:.08em;border-radius:999px;flex-wrap:wrap;align-items:center;padding:.15rem .4rem;font-size:.72rem;display:inline-flex}.hud-cell{align-items:center;gap:.55rem;padding:.55rem 1rem;display:inline-flex}.hud-cell+.hud-cell{border-left:1px solid var(--glass-line)}.hud-log{color:var(--copper)}.dot{background:var(--teal);width:7px;height:7px;box-shadow:0 0 12px var(--teal);border-radius:50%;animation:2.4s ease-in-out infinite pulse;position:relative}.dot:after{content:"";border:1px solid var(--teal);border-radius:50%;animation:2.4s cubic-bezier(0,.6,.4,1) infinite ping;position:absolute;inset:0}@keyframes ping{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(3)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero h1{max-width:14ch;font-size:clamp(2.9rem,7.2vw,6rem)}.hero h1 .accent{color:var(--teal)}.hero-line{display:block;overflow:clip}.hero-line>span{display:block}.hero-sub{max-width:var(--measure);margin-top:var(--space-3);color:var(--ink-soft);font-size:clamp(1.05rem,1.6vw,1.2rem)}.hero-sub strong{color:var(--ink);font-weight:600}.hero-actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.btn{transition:transform .35s var(--ease-out-expo), background .2s, border-color .2s;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.55rem;padding:.85rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:clip}.btn:hover{transform:translateY(-2px)}.btn-primary:before{content:"";pointer-events:none;transition:transform .7s var(--ease-out-expo);background:linear-gradient(115deg,#0000 32%,oklch(100% 0 0/.32) 50%,#0000 68%);position:absolute;inset:0;transform:translate(-130%)}.btn-primary:hover:before{transform:translate(130%)}.btn:active{transition-duration:.1s;transform:translateY(0)scale(.97)}.btn-copy{justify-content:center;min-width:9.5rem;overflow:clip}.btn-copy.is-copied{border-color:var(--teal);color:var(--teal)}.btn-primary{background:var(--teal);color:var(--bg-well)}.btn-primary:hover{background:var(--copper);box-shadow:0 12px 32px -12px var(--copper)}.btn-ghost{border:1px solid var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--teal)}.hero-scrollcue{bottom:1.5rem;left:var(--gutter);z-index:1;color:var(--ink-soft);animation:2.6s ease-in-out infinite cue-drift;position:absolute}@keyframes cue-drift{50%{transform:translateY(7px)}}.section{padding-block:var(--space-5)}.section+.section{border-top:1px solid var(--line-soft)}.section-head{align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;justify-content:space-between;margin-bottom:clamp(2.5rem,6vw,4.5rem);display:flex}.section-head h2{font-size:clamp(2rem,4.2vw,3.4rem)}.section-head .mono{color:var(--teal)}.reel{position:relative}.reel-pin{isolation:isolate;flex-direction:column;height:100svh;padding-top:5.5rem;display:flex;position:sticky;top:0;overflow:clip}.reel-pin:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(color-mix(in oklch, var(--teal) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--teal) 7%, transparent) 1px, transparent 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 75% at 50% 58%,#000 30%,#0000 90%);mask-image:radial-gradient(85% 75% at 50% 58%,#000 30%,#0000 90%)}.reel-pin .section-head{width:100%;margin-bottom:clamp(1rem,3vh,2.5rem)}.reel-count{color:var(--teal);font-size:.95rem}.reel-track{will-change:transform;flex:1;align-items:center;gap:5vw;min-height:0;padding-inline:12vw;display:flex}.reel-progress{left:var(--gutter);right:var(--gutter);background:var(--teal);transform-origin:0;border-radius:1px;height:2px;position:absolute;bottom:1.4rem}.reel-pin:after{content:"";left:var(--gutter);right:var(--gutter);background:var(--line-soft);height:2px;position:absolute;bottom:1.4rem}.reel-progress{z-index:1}.case{max-height:74svh;transition:transform .5s var(--ease-out-expo), border-color .35s, box-shadow .5s;flex:0 0 76vw;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(1.5rem,3vw,3.5rem);padding:clamp(1.5rem,3vw,3rem);display:grid}.case:hover{border-color:color-mix(in oklch, var(--teal) 35%, transparent);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--ink) 8%, transparent), 0 30px 70px -32px oklch(0% 0 0/.6), 0 0 46px -16px var(--teal-deep);transform:translateY(-5px)}.case-head{color:var(--copper);border-bottom:1px solid var(--glass-line);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:.5rem 1.5rem;padding-bottom:.85rem;display:flex}.case h3{font-size:clamp(1.6rem,2.6vw,2.5rem)}.case-visual{min-width:0}.case-visual svg{width:100%;height:auto}.work-stack{gap:var(--space-4);display:grid}.work-stack .case{flex:initial;max-height:none}.project-summary{margin-top:var(--space-2);color:var(--ink-soft);max-width:52ch}.project-points{margin:var(--space-3) 0 0;gap:.55rem;max-width:52ch;padding:0;list-style:none;display:grid}.project-points li{color:var(--ink);padding-left:1.4rem;position:relative}.project-points li:before{content:"";background:var(--teal);width:.55rem;height:2px;position:absolute;top:.55em;left:0}.project-stack{margin-top:var(--space-3);color:var(--ink-soft)}.case-links{margin-top:var(--space-3);flex-wrap:wrap;gap:.6rem 1.6rem;display:flex}.case-links a{color:var(--teal);border-bottom:1px solid color-mix(in oklch, var(--teal) 45%, transparent);padding-bottom:2px;text-decoration:none;transition:color .2s,border-color .2s}.case-links a:hover{color:var(--copper);border-color:var(--copper)}.diagram-label{font-family:var(--font-mono);letter-spacing:.06em;fill:var(--ink-soft);font-size:9.5px}.diagram-label--bright{fill:var(--ink)}.diagram-label--teal{fill:var(--teal)}.diagram-label--copper{fill:var(--copper)}.diagram-box{fill:color-mix(in oklch, var(--bg-raised) 55%, transparent);stroke:var(--line)}.diagram-box--focus{stroke:var(--teal-dim);fill:color-mix(in oklch, var(--teal-deep) 28%, transparent)}.diagram-wire{stroke:var(--line);fill:none}.diagram-wire--live{stroke:var(--teal-dim);stroke-dasharray:6 8;animation:wire-flow var(--flow-speed,1.6s) linear infinite}@keyframes wire-flow{to{stroke-dashoffset:-14px}}.case:hover{--flow-speed:.55s}.diagram-box{transform-box:fill-box;transform-origin:50%}.pv-boot .diagram-box{animation:boot-box .6s var(--ease-out-expo) both}.pv-boot .diagram-wire{animation:.5s ease-out .3s both boot-fade}.pv-boot .diagram-wire--live{animation:boot-fade .5s ease-out .3s both, wire-flow var(--flow-speed,1.6s) linear infinite .55s}.pv-boot .diagram-label,.pv-boot circle,.pv-boot line{animation:.55s ease-out .55s both boot-fade}@keyframes boot-box{0%{opacity:0;transform:scale(.94)}}@keyframes boot-fade{0%{opacity:0}}@media (width<=60rem){.case{grid-template-columns:1fr}.case-visual{max-width:30rem}}.timeline{gap:clamp(2.5rem,5vw,4rem);padding-left:clamp(1.6rem,4vw,2.6rem);display:grid;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:.4rem;bottom:.4rem;left:0}.timeline-progress{background:var(--teal);width:3px;box-shadow:0 0 10px color-mix(in oklch, var(--teal) 55%, transparent);transform-origin:top;z-index:var(--z-rail);pointer-events:none;border-radius:2px;position:absolute;top:.4rem;bottom:.4rem;left:-1px}.job{isolation:isolate;position:relative}.job-year{z-index:-1;font-family:var(--font-mono);color:#0000;-webkit-text-stroke:1px var(--line-soft);opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(4rem,9vw,7.5rem);font-weight:700;line-height:1;transition:opacity .4s,-webkit-text-stroke-color .4s;position:absolute;top:-1.2rem;right:0}.job:hover .job-year{opacity:1;-webkit-text-stroke-color:var(--teal-deep)}.job:before{content:"";background:var(--teal);width:9px;height:9px;box-shadow:0 0 10px color-mix(in oklch, var(--teal) 70%, transparent);z-index:var(--z-rail);border-radius:50%;position:absolute;top:.5rem;left:calc(-1*clamp(1.6rem,4vw,2.6rem));transform:translate(-4px)}.job-head{flex-wrap:wrap;align-items:baseline;gap:.4rem 1.25rem;display:flex}.job-head h3{flex-basis:100%;font-size:clamp(1.35rem,2.4vw,1.9rem)}.job-meta{color:var(--ink-soft)}.job-dates{color:var(--teal)}.job-notes{margin:var(--space-2) 0 0;max-width:var(--measure);color:var(--ink-soft);gap:.5rem;padding:0;list-style:none;display:grid}.job-notes li{padding-left:1.4rem;position:relative}.job-notes li:before{content:"";background:var(--line);width:.55rem;height:2px;position:absolute;top:.6em;left:0}.capabilities{gap:var(--space-4);grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;display:grid}.capabilities-intro{position:sticky;top:6rem}.capabilities-intro h2{font-size:clamp(1.9rem,3.2vw,2.9rem)}.capabilities-intro p{margin-top:var(--space-2);color:var(--ink-soft);max-width:34ch}.csm-badge{margin-top:var(--space-3);border-radius:14px;align-items:center;gap:.9rem;padding:.8rem 1.2rem .8rem .9rem;display:inline-flex}.csm-badge svg{flex:none;width:44px;height:44px}.csm-badge p{gap:.15rem;max-width:none;margin:0;display:grid}.csm-badge strong{color:var(--ink);font-size:.95rem;line-height:1.3}.csm-badge .mono{color:var(--copper);letter-spacing:.1em;font-size:.68rem}.spec{margin:0;padding:.4rem 1.5rem}.spec>div:last-child .spec-row{border-bottom:0}.spec-row{gap:var(--space-2);border-bottom:1px solid var(--line-soft);transition:background .3s, transform .35s var(--ease-out-expo);border-radius:4px;grid-template-columns:minmax(7.5rem,11rem) 1fr;margin-inline:-.6rem;padding:1.1rem .6rem;display:grid}.spec-row:hover{background:color-mix(in oklch, var(--teal) 5%, transparent);transform:translate(4px)}.spec-row dt{color:var(--teal);text-transform:uppercase;padding-top:.2rem}.spec-row dd{color:var(--ink);margin:0;line-height:1.75}@media (width<=56rem){.capabilities{grid-template-columns:1fr}.capabilities-intro{position:static}}@media (width<=34rem){.spec-row{grid-template-columns:1fr;gap:.25rem}}.contact{padding-block:var(--space-5) var(--space-4);border-top:1px solid var(--line-soft);background:var(--bg-well);isolation:isolate;position:relative}.contact:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50rem 32rem at 80% 0%, color-mix(in oklch, var(--copper) 17%, transparent), transparent 68%);position:absolute;inset:0}.contact-portrait{margin-bottom:var(--space-3)}.contact-portrait img{border:2px solid var(--line);width:96px;height:96px;box-shadow:0 0 0 6px color-mix(in oklch, var(--teal) 12%, transparent)}.contact h2{max-width:13ch;font-size:clamp(2.5rem,6.8vw,6rem)}.contact h2 .accent{color:var(--copper)}.contact-actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;padding:1rem;display:inline-flex}.contact-meta{gap:var(--space-2) var(--space-4);margin-top:var(--space-5);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;display:flex}.contact-meta a{color:var(--ink-soft)}.contact-meta a:hover{color:var(--teal)}.skin-toggle{border:1px solid var(--line);color:var(--ink-soft);letter-spacing:.08em;cursor:pointer;white-space:nowrap;transition:color .2s, border-color .2s, transform .3s var(--ease-out-expo);background:0 0;border-radius:999px;padding:.45rem .85rem;font-size:.72rem}.skin-toggle:hover{color:var(--ink);border-color:var(--teal);transform:translateY(-1px)}.magnetic{display:inline-flex}::view-transition-old(root){animation-duration:.45s}::view-transition-new(root){animation-duration:.45s}[data-skin=studio]{--bg:oklch(97% .005 200);--bg-raised:oklch(94% .006 200);--bg-well:oklch(92.5% .007 200);--line:oklch(78% .012 202);--line-soft:oklch(88% .008 202);--ink:oklch(21% .012 210);--ink-soft:oklch(44% .016 208);--teal:oklch(44% .095 200);--teal-dim:oklch(55% .085 200);--teal-deep:oklch(82% .05 200);--copper:oklch(55% .13 55);--glass-bg:transparent;--glass-line:var(--line)}[data-skin=studio] body:before{background:radial-gradient(46rem 36rem at 82% 4%,oklch(87% .075 200/.95),#0000 62%),radial-gradient(40rem 34rem at 4% 34%,oklch(90% .05 200/.8),#0000 65%),radial-gradient(44rem 36rem at 12% 98%,oklch(89% .085 55/.9),#0000 65%)}[data-skin=studio] h1,[data-skin=studio] h2,[data-skin=studio] h3{font-variation-settings:normal;letter-spacing:0;font-family:Gloock,Georgia,serif;font-weight:400;line-height:1.05}[data-skin=studio] .hero h1{max-width:16ch;font-size:clamp(2.7rem,6.4vw,5.4rem)}[data-skin=studio] .section-head h2{font-size:clamp(2.2rem,4.4vw,3.7rem)}[data-skin=studio] .contact h2{font-size:clamp(2.4rem,5.8vw,5.2rem)}[data-skin=studio] .hero-watermark,[data-skin=studio] .job-year{font-variation-settings:normal;letter-spacing:0;font-family:Gloock,Georgia,serif;font-weight:400}[data-skin=studio] .hero-inner{grid-template-columns:minmax(0,6.5fr) minmax(0,5.5fr);align-items:center;gap:clamp(2rem,4vw,4rem);width:100%;display:grid}.hero-frame{border-radius:24px;min-height:clamp(22rem,58vh,33rem);position:relative;overflow:clip}.hero-frame-canvas{width:100%;height:100%;position:absolute;inset:0}@media (width<=60rem){[data-skin=studio] .hero-inner{grid-template-columns:1fr}.hero-frame{min-height:18rem}}[data-skin=studio] body:after{opacity:.035}[data-skin=studio] .hero:after{display:none}[data-skin=studio] .glass{-webkit-backdrop-filter:blur(28px)saturate(1.15);backdrop-filter:blur(28px)saturate(1.15);border:1px solid color-mix(in oklch, var(--ink) 10%, transparent);background:oklch(99% .003 200/.66);border-radius:20px;box-shadow:inset 0 1px oklch(100% 0 0/.75),0 24px 60px -34px oklch(30% .04 210/.5)}[data-skin=studio] .hud{border-radius:999px;font-size:.7rem}[data-skin=studio] .hud-cell{padding:.5rem .85rem}[data-skin=studio] .hud-log{display:none}[data-skin=studio] .hud-cell:nth-child(2){border-left:0}[data-skin=studio] .section+.section{border-top-color:#0000}.hero-watermark{z-index:0;font-variation-settings:var(--wide);letter-spacing:-.03em;color:#0000;-webkit-text-stroke:1px var(--line);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(6rem,16.5vw,15rem);font-weight:800;line-height:1;position:absolute;bottom:-.12em;left:50%;translate:-50%}[data-skin=studio] .work-stack{counter-reset:casefile;gap:clamp(2rem,5vh,4rem)}[data-skin=studio] .work-stack .case{counter-increment:casefile}[data-skin=studio] .work-stack .case-head span:first-child{display:none}[data-skin=studio] .work-stack .case-copy:before{content:counter(casefile, decimal-leading-zero);color:color-mix(in oklch, var(--teal) 32%, transparent);margin-bottom:.6rem;font-family:Gloock,Georgia,serif;font-size:clamp(3.2rem,6.5vw,5.2rem);line-height:.95;display:block}@media (width>=60rem){[data-skin=studio] .work-stack .case{position:sticky;top:clamp(5.5rem,12vh,8rem)}}[data-skin=studio] .case:hover{border-color:color-mix(in oklch, var(--ink) 18%, transparent);transform:none;box-shadow:inset 0 1px oklch(100% 0 0/.75),0 24px 60px -34px oklch(30% .04 210/.5)}[data-skin=studio] .case-head span:first-child{color:var(--copper)}[data-skin=studio] .spec{padding-inline:1.5rem}[data-skin=studio] .contact{color:var(--ink);--ink:oklch(94% .008 200);--ink-soft:oklch(76% .02 202);--teal:oklch(80% .105 200);--teal-dim:oklch(62% .09 200);--teal-deep:oklch(45% .074 200);--copper:oklch(75% .115 55);--line:oklch(34% .02 205);--line-soft:oklch(28% .018 208);--bg-well:oklch(13% .012 210);--glass-line:oklch(100% 0 0/.14);background:oklch(17% .018 210);border-top:0}[data-skin=studio] .contact .glass{border-color:var(--glass-line);background:oklch(22% .02 210/.58);box-shadow:inset 0 1px oklch(100% 0 0/.08),0 24px 60px -30px oklch(0% 0 0/.6)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}