:root{--bg: #0a0e14;--bg-raise: #0f1520;--bg-card: #121a28;--ink: #e8ecf1;--ink-dim: #93a1b3;--ink-faint: #5b6878;--copper: #e08d4d;--copper-bright: #ffb374;--coolant: #4dc3e0;--fire: #ff6a3d;--violet: #a78bfa;--green: #6ee7a2;--hairline: rgba(147, 161, 179, .14);--grid-line: rgba(147, 161, 179, .055);--mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-hero: clamp(2.2rem, 5vw, 4.4rem);--fs-h2: clamp(1.7rem, 3.4vw, 3.1rem);--fs-lead: clamp(1.05rem, 1.6vw, 1.45rem);--fs-body: clamp(.98rem, 1.15vw, 1.15rem);--fs-small: clamp(.8rem, .95vw, .92rem);--fs-stat: clamp(2rem, 4.5vw, 3.6rem);--content-w: min(1180px, 92vw);--section-pad: clamp(3rem, 6vh, 5.5rem);--accent: var(--copper)}:root[data-theme=light]{--bg: #e1e7ed;--bg-raise: #d5dde5;--bg-card: #edf1f4;--ink: #1b2733;--ink-dim: #475569;--ink-faint: #64748b;--copper: #b47d73;--copper-bright: #a96c64;--coolant: #3c818a;--fire: #b96f69;--violet: #776bad;--green: #4f8068;--hairline: rgba(15, 23, 42, .16);--grid-line: rgba(15, 23, 42, .07)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--fs-body);line-height:1.6;overflow-x:hidden}img,video,canvas,svg{display:block;max-width:100%}a{color:var(--copper-bright);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button{font:inherit}::selection{background:color-mix(in srgb,var(--copper) 35%,transparent);color:var(--ink)}:focus-visible{outline:2px solid var(--copper);outline-offset:3px;border-radius:2px}.theme-toggle{position:fixed;top:1rem;right:1rem;z-index:20;width:2.35rem;height:2.35rem;display:grid;place-items:center;border:1px solid var(--hairline);border-radius:50%;background:color-mix(in srgb,var(--bg-card) 86%,transparent);color:var(--ink-dim);box-shadow:0 8px 22px #00000029;cursor:pointer;backdrop-filter:blur(10px);transition:color .2s ease,border-color .2s ease,transform .2s ease}.theme-toggle:hover{color:var(--copper-bright);border-color:var(--copper);transform:translateY(-2px)}.theme-toggle span{font-size:1.1rem;line-height:1}.bg-grid{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 90% 80% at 50% 20%,black 30%,transparent 100%)}.wrap{width:var(--content-w);margin-inline:auto}.kicker{font-family:var(--mono);font-size:var(--fs-small);font-weight:500;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}h2.section-title{font-size:var(--fs-h2);font-weight:800;letter-spacing:-.02em;line-height:1.12;margin:.5rem 0 1rem;text-wrap:balance}.lead{font-size:var(--fs-lead);color:var(--ink-dim);max-width:62ch;text-wrap:pretty}section[data-section]{padding-block:var(--section-pad);position:relative;scroll-margin-top:2rem}.rev{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.rev-in{opacity:1;transform:none}.placeholder-panel{position:relative;border:1px dashed color-mix(in srgb,var(--copper) 45%,transparent);border-radius:10px;background:repeating-linear-gradient(-45deg,transparent 0 22px,color-mix(in srgb,var(--copper) 5%,transparent) 22px 44px),var(--bg-raise);min-height:clamp(180px,24vw,320px);display:grid;place-items:center;padding:1.5rem}.placeholder-panel .ph-label{font-family:var(--mono);font-size:var(--fs-small);color:var(--ink-dim);text-align:center;max-width:34ch}.placeholder-panel .ph-label strong{color:var(--copper-bright);font-weight:500}#hero{min-height:100svh;display:grid;align-items:center;padding-block:clamp(1.5rem,3vh,3rem)}.hero-head{margin-bottom:clamp(1.1rem,2.5vh,2rem)}#hero h1{font-size:var(--fs-hero);font-weight:800;letter-spacing:-.03em;line-height:1.02;margin:.5rem 0 .7rem}#hero .tagline{font-size:var(--fs-lead);font-weight:600;color:var(--ink-dim);max-width:60ch;text-wrap:balance}#hero .scroll-hint{margin-top:clamp(1rem,2.2vh,1.6rem);font-family:var(--mono);font-size:var(--fs-small);color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;text-align:center;animation:hint-bob 2.6s ease-in-out infinite}@keyframes hint-bob{50%{transform:translateY(6px)}}.domain-cloud{--domain-color: var(--ink-faint);display:grid;gap:.35rem;margin-top:clamp(.8rem,1.8vh,1.2rem)}.dc-group{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .32rem}.dc-group-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;color:var(--domain-color, var(--ink-faint));text-transform:uppercase;margin-right:.35rem;min-width:3.6rem}.dc-group[data-domain-group=roles]{--domain-color: #9c82aa}.dc-group[data-domain-group=software-skills]{--domain-color: #78a591}.dc-group[data-domain-group=mechanical-skills]{--domain-color: #b58b9a}:root[data-theme=light] .dc-group[data-domain-group=roles]{--domain-color: #765783}:root[data-theme=light] .dc-group[data-domain-group=software-skills]{--domain-color: #4f8068}:root[data-theme=light] .dc-group[data-domain-group=mechanical-skills]{--domain-color: #945f70}.dc-chip{--domain-text-strength: 50%;--domain-border-strength: 35%;--domain-fill-strength: 6%;font-family:var(--mono);font-size:clamp(.66rem,.8vw,.78rem);letter-spacing:.04em;color:color-mix(in srgb,var(--domain-color) var(--domain-text-strength),var(--ink-dim));background:color-mix(in srgb,var(--domain-color) var(--domain-fill-strength),transparent);border:1px solid color-mix(in srgb,var(--domain-color) var(--domain-border-strength),var(--hairline));border-radius:5px;padding:.08rem .38rem;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}html:not(.is-touch) .dc-chip:hover,.dc-chip:focus-visible,.dc-chip.is-active,.dc-chip.dc-hot{color:color-mix(in srgb,var(--domain-color) 90%,var(--ink));border-color:color-mix(in srgb,var(--domain-color) 82%,var(--hairline));background:color-mix(in srgb,var(--domain-color) 18%,transparent)}.dc-chip--static{--domain-color: var(--ink-faint);cursor:default;pointer-events:none}.chapter-domains{display:flex;flex-wrap:wrap;gap:.28rem .3rem;margin-top:.65rem}.chapter .section-title{margin:0 0 .45rem}.bento .bento-card{transition:border-color .25s ease,transform .25s ease,background .25s ease,opacity .3s ease,filter .3s ease}.bento.is-filtering .bento-card{opacity:.18;filter:saturate(.35)}.bento.is-filtering .bento-card.is-hit{opacity:1;filter:none;border-color:color-mix(in srgb,var(--copper) 60%,transparent);transform:translateY(-3px)}.bento{display:grid;gap:clamp(.6rem,1vw,1rem);grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;grid-auto-rows:minmax(clamp(7rem,15vh,9.5rem),auto)}.bento-card--2-2{grid-column:span 2;grid-row:span 2}.bento-card--2-1{grid-column:span 2}.bento-card--2-4{grid-column:span 2;grid-row:span 4}.bento-card--full{grid-column:1 / -1}.bento-card{--accent: var(--copper);position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.3rem;padding:clamp(.9rem,1.4vw,1.3rem);background:var(--bg-card);border:1px solid var(--hairline);border-radius:14px;overflow:clip;color:var(--ink);transition:border-color .25s ease,transform .25s ease,background .25s ease;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.bento-card:hover{text-decoration:none}html:not(.is-touch) .bento-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);transform:translateY(-3px);background:var(--bg-raise)}.bento-card[data-theme=fire]{--accent: var(--fire)}.bento-card[data-theme=copper]{--accent: var(--copper)}.bento-card[data-theme=coolant]{--accent: var(--coolant)}.bento-card[data-theme=voxel]{--accent: var(--copper-bright)}.bento-card[data-theme=terminal]{--accent: var(--green)}.bento-card[data-theme=heat]{--accent: var(--violet)}.bento-card:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 85% 0%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 60%);pointer-events:none}.bento-title{font-size:clamp(1.02rem,1.5vw,1.35rem);font-weight:750;letter-spacing:-.015em;line-height:1.1;color:var(--ink)}.bento-hook{font-size:clamp(.78rem,.95vw,.92rem);color:var(--ink-dim);line-height:1.45;text-wrap:pretty;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease}html:not(.is-touch) .bento-card:hover .bento-hook,.bento-card:focus-visible .bento-hook{max-height:8em;opacity:1}html.is-touch .bento-hook{display:none}.bento-play{position:absolute;top:.7rem;right:.7rem;z-index:2;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:#0a0e14b8;border:1px solid color-mix(in srgb,var(--fire) 45%,transparent);border-radius:999px;padding:.26rem .68rem;pointer-events:none}.jet-media{position:absolute;inset:0;z-index:0;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:.6rem;padding:.6rem;pointer-events:none}.jet-video-panel,.jet-cad-panel{position:relative;min-height:0;overflow:hidden;border-radius:10px;border:1px solid var(--hairline);background:var(--bg-raise)}.jet-cad-panel,.jet-cad-panel .hero-canvas{pointer-events:auto}.jet-video-panel{pointer-events:none}.jet-video-panel video{width:100%;height:100%;object-fit:cover}.jet-cad-panel .hero-canvas{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}.jet-cad-panel .hero-canvas.is-live{opacity:1}.jet-cad-panel .hero-canvas canvas{width:100%;height:100%}.jet-video-panel .bento-play{top:.55rem;right:.55rem}.bento-card .bento-mascot{position:absolute;top:.65rem;right:.65rem;width:clamp(3rem,5vw,4.4rem);height:auto;z-index:2;border-radius:10px;opacity:.95;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));pointer-events:none}.chapter-mascot{float:right;width:clamp(3.8rem,6vw,5.6rem);height:auto;margin:0 0 .7rem 1rem;border-radius:14px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}.bento-card .bento-live{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.8}:root[data-theme=light] .bento-card .bento-live{opacity:1}.bento-card .bento-live-scene{opacity:1;background:#07152b}.bento-live-scene canvas,.cold-plate-canvas canvas{width:100%;height:100%}.bento-scene--coldplate:after{background:linear-gradient(to top,#07152bc2 8%,#07152b0d 58%)}.bento-card--live:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,#0a0e14eb 12%,#0a0e144d 58%,#0a0e140d);pointer-events:none}.bento-card--live .bento-title,.bento-card--live .bento-hook{position:relative;z-index:2}:root[data-theme=light] .bento-card--live,:root[data-theme=light] .bento-feature{background:var(--bg-card);border-color:#4755693d}:root[data-theme=light] .bento-card--live{background:#d3dce5}:root[data-theme=light] .bento-card--live .bento-title,:root[data-theme=light] .bento-feature .bento-title{color:var(--ink)}:root[data-theme=light] .bento-card--live .bento-hook,:root[data-theme=light] .bento-feature .bento-hook{color:var(--ink-dim)}:root[data-theme=light] .bento-play{color:var(--ink);background:#edf1f4f0;border-color:color-mix(in srgb,var(--fire) 55%,transparent)}:root[data-theme=light] .bento-card--live:after{background:linear-gradient(to top,#edf1f4fa,#edf1f4b8 12%,#edf1f42e 34%,#edf1f400 54%)}:root[data-theme=light] .bento-feature .bento-body{background:linear-gradient(to top,rgba(237,241,244,.98) 0%,rgba(237,241,244,.9) 22%,rgba(237,241,244,.35) 58%,transparent 100%)}:root[data-theme=light] .pinn-math .pm-step em,:root[data-theme=light] .pinn-math .pm-arrow{color:var(--ink-faint)}:root[data-theme=light] .pinn-math .pm-step code{color:#5141a8;text-shadow:0 1px 5px rgba(237,241,244,.9)}:root[data-theme=light] .bento-card .bento-live-scene{background:#cbd5df}:root[data-theme=light] .bento-scene--coldplate:after{background:linear-gradient(to top,#edf1f4e6,#edf1f46b 18%,#edf1f400 50%)}.pinn-math{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin-bottom:auto;padding-top:.15rem;font-family:var(--mono)}.pinn-math .pm-step{display:grid;gap:.18rem}.pinn-math .pm-step em{font-style:normal;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.pinn-math .pm-step code{font-size:clamp(.72rem,.95vw,.92rem);color:#c4b5fd;text-shadow:0 1px 8px rgba(10,14,20,.9);white-space:nowrap}.pinn-math .pm-step code sub,.pinn-math .pm-step code sup{font-size:.62em}.pinn-math .pm-arrow{color:var(--ink-faint);font-size:.9rem}@media(max-width:1100px){.pinn-math{gap:.35rem .7rem}.pinn-math .pm-step code{font-size:.7rem}}.bento-feature{min-height:clamp(16rem,36vh,23rem)}.bento-feature .hero-canvas{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity 1.2s ease}.bento-feature .hero-canvas.is-live{opacity:1}.bento-feature .hero-canvas canvas{width:100%;height:100%}.bento-feature .bento-body{position:absolute;inset:auto 0 0;z-index:3;display:flex;flex-direction:column;gap:.3rem;margin:0;padding:2.2rem clamp(.9rem,1.4vw,1.3rem) clamp(.9rem,1.4vw,1.3rem);background:linear-gradient(to top,rgba(10,14,20,.9) 35%,transparent)}.bento-feature .bento-title{font-size:clamp(1.25rem,2vw,1.75rem)}@media(max-width:1100px){#hero{min-height:0}.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(6.5rem,auto)}.bento-card--2-2,.bento-card--2-1,.bento-card--2-4{grid-column:1 / -1}.bento-card--2-2,.bento-card--2-4{grid-row:auto}.bento-card--2-2,.bento-card--2-4,.bento-feature{min-height:clamp(16rem,40vh,20rem)}}@media(max-width:560px){.bento{gap:.55rem;grid-auto-rows:minmax(5.5rem,auto)}.bento-card--2-2,.bento-card--2-4,.bento-feature{min-height:14rem}.bento-card--2-4{grid-row:span 2}.bento-feature .jet-media{grid-template-rows:1fr}.bento-feature .jet-cad-panel{display:none}.bento-card{padding:.8rem;border-radius:11px}.bento-hook{font-size:.76rem}}#numbers{padding-block:clamp(2rem,4vh,3rem);border-block:1px solid var(--hairline);background:color-mix(in srgb,var(--bg-raise) 72%,transparent)}.numbers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem 1.25rem}.num .num-value{font-family:var(--mono);font-size:var(--fs-stat);font-weight:500;color:var(--copper-bright);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.num .num-label{margin-top:.55rem;font-size:var(--fs-small);color:var(--ink-dim);max-width:24ch;line-height:1.45}#timeline .tl-svg-wrap{margin-top:1.5rem;overflow-x:auto;padding-bottom:.5rem}#timeline svg{min-width:880px;width:100%;height:auto}.tl-band{cursor:pointer;transform-box:fill-box;transition:filter .2s ease,opacity .2s ease}.tl-band:hover,.tl-band:focus-visible{filter:brightness(1.35)}.tl-band.is-active{filter:brightness(1.5);stroke:var(--ink);stroke-width:1}.tl-label{font-family:var(--mono);fill:var(--ink-dim)}.tl-year{font-family:var(--mono);fill:var(--ink-faint)}.tl-lane-name{font-family:var(--sans);font-weight:600;fill:var(--ink)}.tl-milestone-line{stroke:var(--copper);stroke-dasharray:3 5;opacity:.55}.tl-milestone-label{font-family:var(--mono);fill:var(--copper-bright)}.tl-detail{margin-top:1.25rem;border:1px solid var(--hairline);border-left:3px solid var(--accent);border-radius:8px;background:var(--bg-card);padding:1.1rem 1.4rem;min-height:5.5rem}.tl-detail .tl-detail-title{font-weight:700}.tl-detail .tl-detail-dates{font-family:var(--mono);font-size:var(--fs-small);color:var(--copper-bright);margin-left:.6rem}.tl-detail p{color:var(--ink-dim);margin-top:.35rem;max-width:75ch}.tl-hint{font-family:var(--mono);font-size:var(--fs-small);color:var(--ink-faint);margin-top:.9rem}.tl-mobile{display:none}@media(max-width:700px){#timeline .tl-svg-wrap,#timeline .tl-detail,#timeline .tl-hint{display:none}.tl-mobile{display:block;margin-top:2rem;padding:0;list-style:none}.tl-mobile>li{border-left:2px solid var(--hairline);padding:0 0 1.8rem 1.25rem;position:relative}.tl-mobile>li:before{content:"";position:absolute;left:-6px;top:.35rem;width:10px;height:10px;border-radius:50%;background:var(--band-color, var(--copper))}.tl-mobile h3{font-size:1.05rem}.tl-mobile .tl-m-note{font-size:var(--fs-small);color:var(--ink-faint);font-family:var(--mono);margin:.15rem 0 .6rem}.tl-mobile .tl-m-band{margin:.55rem 0}.tl-mobile .tl-m-band summary{cursor:pointer;font-weight:600;font-size:.98rem}.tl-mobile .tl-m-dates{font-family:var(--mono);font-size:var(--fs-small);color:var(--copper-bright)}.tl-mobile .tl-m-band p{color:var(--ink-dim);font-size:var(--fs-small);margin-top:.4rem}}.chapter{border-top:1px solid var(--hairline)}.chapter .chapter-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.chapter .chapter-grid[data-single=true]{grid-template-columns:1fr}.chapter .diagram-wide{margin-top:clamp(1.2rem,3vh,2.2rem)}.chapter .diagram-wide .pinn-diagram{margin-top:0;padding:clamp(1rem,2vw,1.8rem)}.chapter[data-flip=true] .chapter-grid>.chapter-media{order:-1}.chapter .stats-row{display:flex;flex-wrap:wrap;gap:1.2rem 2.4rem;margin:1.2rem 0}.chapter .stat .stat-value{font-family:var(--mono);font-size:clamp(1.5rem,2.6vw,2.3rem);color:var(--accent);font-weight:500;line-height:1.05}.chapter .stat .stat-label{font-size:var(--fs-small);color:var(--ink-dim);max-width:22ch;margin-top:.3rem}.chapter ul.proof{list-style:none;padding:0;margin:.5rem 0 1.4rem;display:grid;gap:.7rem}.chapter ul.proof li{padding-left:1.4rem;position:relative;color:var(--ink-dim);max-width:62ch}.chapter ul.proof li:before{content:"";position:absolute;left:0;top:.55em;width:.55rem;height:.55rem;background:var(--accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.chapter details.deeper{border:1px solid var(--hairline);border-radius:8px;background:var(--bg-raise);padding:0;max-width:68ch}.chapter details.deeper summary{cursor:pointer;padding:.85rem 1.2rem;font-family:var(--mono);font-size:var(--fs-small);color:var(--copper-bright);letter-spacing:.06em;user-select:none}.chapter details.deeper[open] summary{border-bottom:1px solid var(--hairline)}.chapter details.deeper .deeper-body{padding:1.1rem 1.3rem 1.3rem;color:var(--ink-dim)}.chapter details.deeper .deeper-body ul.proof{margin:0}.chapter details.deeper .deeper-body ul.proof+:is(p,div){margin-top:.9rem}.chapter details.deeper .deeper-body p+p{margin-top:.9rem}.chapter details.deeper .deeper-body img{margin-top:.9rem;border:1px solid var(--hairline);border-radius:8px;background:#fff}.chapter details.deeper .deeper-body strong{color:var(--ink)}.chapter details.deeper .deeper-body em{color:var(--ink-faint)}.chapter .chapter-links{margin-top:1.3rem;display:flex;flex-wrap:wrap;gap:1rem}.chapter .chapter-links a{font-family:var(--mono);font-size:var(--fs-small);border:1px solid var(--hairline);border-radius:999px;padding:.45rem 1rem;transition:border-color .2s ease,color .2s ease}.chapter .chapter-links a:hover{border-color:var(--accent);text-decoration:none;color:var(--accent)}.chapter .chapter-links a[data-todo=true]:after{content:" *";color:var(--fire)}.chapter[data-theme=fire]{--accent: var(--fire)}.chapter[data-theme=copper]{--accent: var(--copper)}.chapter[data-theme=coolant]{--accent: var(--coolant)}.chapter[data-theme=voxel]{--accent: var(--copper-bright)}.chapter[data-theme=terminal]{--accent: var(--green)}.chapter[data-theme=heat]{--accent: var(--violet)}.chapter .decor{border-radius:10px;border:1px solid var(--hairline);min-height:clamp(240px,30vw,420px);overflow:hidden;position:relative}.chapter[data-theme=copper] .decor{background:radial-gradient(120% 90% at 20% 10%,color-mix(in srgb,var(--copper) 22%,transparent),transparent 55%),radial-gradient(90% 120% at 85% 90%,color-mix(in srgb,var(--copper) 12%,transparent),transparent 60%),var(--bg-raise)}.chapter[data-theme=copper] .decor:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,179,116,.35) 1px,transparent 1.5px);background-size:26px 26px;mask-image:linear-gradient(180deg,transparent 0%,black 55%,black 75%,transparent 100%);animation:deposit 9s linear infinite}@keyframes deposit{0%{background-position-y:120px}to{background-position-y:0}}.chapter[data-theme=heat] .decor{background:radial-gradient(70% 70% at 30% 70%,rgba(167,139,250,.35),transparent 65%),radial-gradient(60% 60% at 75% 25%,rgba(255,106,61,.22),transparent 60%),var(--bg-raise);filter:saturate(1.15)}.chapter[data-theme=terminal] .decor{background:#0b1210;padding:1.4rem;min-height:clamp(240px,26vw,380px)}.chapter[data-theme=terminal] .decor pre{font-family:var(--mono);font-size:clamp(.68rem,.95vw,.85rem);line-height:1.7;color:#86efac;opacity:.85;overflow:hidden}.chapter[data-theme=terminal] .decor .t-dim{color:#3f6e52}.chapter[data-theme=terminal] .decor .t-accent{color:#fca5a5}.slice-demo{border-radius:10px;border:1px solid var(--hairline);background:var(--bg-raise);overflow:hidden}.slice-demo .slice-canvas{aspect-ratio:4 / 3.1;position:relative;cursor:grab}.slice-demo .slice-canvas:active{cursor:grabbing}.slice-demo .slice-canvas canvas{width:100%;height:100%}.slice-demo .slice-ui{display:grid;gap:.7rem;padding:1rem 1.2rem 1.2rem;border-top:1px solid var(--hairline);font-family:var(--mono);font-size:var(--fs-small);color:var(--ink-dim)}.slice-demo .slice-ui label{display:grid;grid-template-columns:11ch 1fr 8ch;align-items:center;gap:.9rem}.slice-demo .slice-ui output{text-align:right;color:var(--copper-bright)}.slice-demo input[type=range]{accent-color:var(--copper);width:100%}.slice-demo .slice-note{color:var(--ink-faint)}.cold-plate-demo{border:1px solid rgba(131,230,255,.35);border-radius:10px;overflow:hidden;background:#07152b}.cold-plate-canvas{position:relative;aspect-ratio:1.67;width:100%;min-height:0}.yt-facade{position:relative;display:block;width:100%;padding:0;border:1px solid var(--hairline);border-radius:10px;overflow:hidden;cursor:pointer;background:var(--bg-raise)}.yt-facade img{width:100%;aspect-ratio:16 / 9;object-fit:cover;opacity:.88;transition:opacity .25s ease,transform .4s ease}.yt-facade:hover img{opacity:1;transform:scale(1.02)}.yt-facade .yt-play{position:absolute;inset:0;display:grid;place-items:center}.yt-facade .yt-play svg{filter:drop-shadow(0 6px 18px rgba(0,0,0,.55));transition:transform .2s ease}.yt-facade:hover .yt-play svg{transform:scale(1.1)}.yt-facade .yt-hint{position:absolute;left:.8rem;bottom:.7rem;font-family:var(--mono);font-size:var(--fs-small);color:var(--ink);background:color-mix(in srgb,var(--bg-card) 92%,transparent);border:1px solid var(--hairline);border-radius:6px;padding:.25rem .65rem;box-shadow:0 4px 14px #00000024}.yt-embed{width:100%;aspect-ratio:16 / 9;border:0;border-radius:10px}.clip-figure{margin:0}.clip-figure .clip-labels{display:flex;justify-content:space-around;gap:.6rem;margin-bottom:.55rem}.clip-figure .clip-labels span{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;padding:.22rem .75rem}.clip-figure video{width:100%;border-radius:10px;border:1px solid var(--hairline);background:var(--bg-raise)}.clip-figure .clip-caption{margin-top:.55rem;font-family:var(--mono);font-size:var(--fs-small);color:var(--ink-faint);text-align:center}.pinn-diagram{margin:1rem 0 0;border:1px solid var(--hairline);border-radius:10px;background:var(--bg-raise);padding:.9rem .9rem .7rem}.pinn-diagram svg{width:100%;height:auto}.pinn-diagram .pd-label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;fill:var(--ink-dim)}.pinn-diagram .pd-strong{font-family:var(--mono);font-size:12px;fill:var(--copper-bright)}.pinn-diagram .pd-dim{font-family:var(--mono);font-size:10px;fill:var(--ink-faint)}.pinn-diagram figcaption{margin-top:.5rem;font-family:var(--mono);font-size:var(--fs-small);color:var(--ink-faint);text-align:center}.chapter details.deeper .deeper-body video{width:100%;max-width:30rem;border-radius:8px;border:1px solid var(--hairline);margin-bottom:.8rem}.engine-viewer{margin-top:1rem;border-radius:10px;border:1px solid var(--hairline);background:var(--bg-raise);overflow:hidden}.engine-viewer .viewer-canvas{aspect-ratio:4 / 3;position:relative;cursor:grab;opacity:0;transition:opacity .8s ease}.engine-viewer .viewer-canvas.is-live{opacity:1}.engine-viewer .viewer-canvas:active{cursor:grabbing}.engine-viewer .viewer-canvas canvas{width:100%;height:100%;touch-action:none}.engine-viewer .viewer-ui{display:grid;gap:.55rem;padding:.85rem 1.1rem 1rem;border-top:1px solid var(--hairline);font-family:var(--mono);font-size:var(--fs-small);color:var(--ink-dim)}.engine-viewer .viewer-row{display:grid;grid-template-columns:8ch 1fr auto;align-items:center;gap:.9rem}.engine-viewer input[type=range]{accent-color:var(--fire);width:100%}.engine-viewer button{font-family:var(--mono);font-size:.72rem;background:none;border:1px solid var(--hairline);color:var(--ink-dim);border-radius:6px;padding:.25rem .6rem;cursor:pointer;transition:border-color .2s ease,color .2s ease}.engine-viewer button:hover{border-color:var(--fire);color:var(--ink)}.engine-viewer .viewer-note{color:var(--ink-faint)}#contact{border-top:1px solid var(--hairline);text-align:center}#contact .contact-headline{font-size:var(--fs-h2);font-weight:800;letter-spacing:-.02em}#contact .contact-blurb{margin:1.1rem auto 2.2rem;max-width:52ch;color:var(--ink-dim)}.email-btn{display:inline-block;font-family:var(--mono);font-size:clamp(1rem,1.6vw,1.3rem);background:var(--copper);color:var(--bg);font-weight:500;border-radius:10px;padding:.95rem 1.9rem;transition:transform .15s ease,background .2s ease}.email-btn:hover{background:var(--copper-bright);transform:translateY(-2px);text-decoration:none}.contact-links{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.contact-links a{font-family:var(--mono);font-size:var(--fs-small);border:1px solid var(--hairline);border-radius:999px;padding:.5rem 1.1rem}.contact-links a:hover{border-color:var(--copper);text-decoration:none}.contact-links a[data-todo=true]:after{content:" *";color:var(--fire)}.todo-note{margin-top:1rem;font-family:var(--mono);font-size:.75rem;color:var(--ink-faint)}.colophon{margin-top:3.5rem;font-size:var(--fs-small);color:var(--ink-faint)}.section-nav{position:fixed;right:1.4rem;top:50%;transform:translateY(-50%);z-index:10;display:grid;gap:.65rem}.section-nav a{width:9px;height:9px;border-radius:50%;background:var(--ink-faint);opacity:.55;transition:all .25s ease;position:relative}.section-nav a:hover{opacity:1}.section-nav a.is-active{background:var(--copper);opacity:1;transform:scale(1.35)}.section-nav a .nav-tip{position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:.72rem;color:var(--ink-dim);background:var(--bg-card);border:1px solid var(--hairline);border-radius:6px;padding:.25rem .6rem;white-space:nowrap;max-width:26ch;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .15s ease}.section-nav a:hover .nav-tip{opacity:1}@media(min-width:1500px){.section-nav a .nav-tip{opacity:1;background:transparent;border-color:transparent;color:var(--ink-faint);padding-block:0}.section-nav a:hover .nav-tip{color:var(--ink-dim)}.section-nav a.is-active .nav-tip{color:var(--copper-bright)}}@media(max-width:1100px){.section-nav{display:none}}@media(max-width:900px){.chapter .chapter-grid{grid-template-columns:1fr}.chapter[data-flip=true] .chapter-grid>.chapter-media{order:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rev{opacity:1;transform:none}}.sd-t[data-astro-cid-tkzvxwr4]{font-family:var(--mono);font-size:15.5px;font-weight:600;letter-spacing:.04em}.sd-s[data-astro-cid-tkzvxwr4]{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.04em}.sd-badge[data-astro-cid-tkzvxwr4]{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em}.sd-flow[data-astro-cid-tkzvxwr4]{stroke-dasharray:5 5;animation:sd-dash .9s linear infinite}.sd-feed[data-astro-cid-tkzvxwr4]{stroke-dasharray:3 6;animation:sd-dash2 .7s linear infinite}@keyframes sd-dash{to{stroke-dashoffset:-10}}@keyframes sd-dash2{to{stroke-dashoffset:-9}}@media(prefers-reduced-motion:reduce){.sd-flow[data-astro-cid-tkzvxwr4],.sd-feed[data-astro-cid-tkzvxwr4]{animation:none}}