@font-face{font-family:Manrope;src:url("assets/manrope.woff2") format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:Newsreader;src:url("assets/newsreader-italic.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"DM Mono";src:url("assets/dm-mono.woff2") format("woff2");font-weight:400;font-display:swap}
:root {
  color-scheme:dark;
  --coal:#191714;--paper:#f2e2cc;--muted:#b7a38d;--red:#bb3e23;--ember:#e69561;
  --line:#f2d8b326;--surface:#231f1a;--workshop:#2a211a;--header:#211a16ef;
  --hero-ink:#f8e8d0;--hero-accent:#f7cda1;--hero-muted:#f1dbc0;--hero-detail:#c9a68b;
  --scene-header:#211615e8;--scene-menu:#251b17;--scene-base:#63291f;
  --sans:Manrope,"PingFang SC","Microsoft YaHei",sans-serif;
  --serif:Newsreader,"Songti SC",serif;--mono:"DM Mono",monospace;
  --gutter:clamp(24px,5vw,88px);--max:1320px;--header-height:64px;
}
html[data-theme="clay"] {
  color-scheme:light;--coal:#eadcc8;--paper:#322821;--muted:#67513e;--ember:#91351f;
  --line:#6a45212e;--surface:#f2e8d9;--workshop:#dfccb2;--header:#eadcc8f2;
  --hero-ink:#38271f;--hero-accent:#80301b;--hero-muted:#422c20;--hero-detail:#4d3122;
  --scene-header:#f1dfc8ef;--scene-menu:#efe0ca;--scene-base:#e8b58e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px)}
body{margin:0;background:var(--coal);color:var(--paper);font:15px/1.75 var(--sans);-webkit-font-smoothing:antialiased}
body,.site-header,.forge-story,.project-art{transition:background-color 240ms,color 240ms,border-color 240ms}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border-radius:0}
button:disabled{cursor:default}
button,a{-webkit-tap-highlight-color:transparent}
img,svg{display:block;max-width:100%}
.icon-arrow{display:inline-block;flex:none;width:1em;height:1em;max-width:none;vertical-align:-.125em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
figure,h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:500}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ember);outline-offset:6px}
::selection{background:#bb3e23;color:#fff1dc}
[hidden]{display:none!important}
.mono,.eyebrow{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.08em}
.eyebrow{text-transform:uppercase}
.section-shell{width:min(var(--max),calc(100% - var(--gutter)*2));margin-inline:auto}
.section-label{display:flex;gap:26px;align-items:center;color:var(--ember);font-size:10px;letter-spacing:.13em}
.section-label>span:first-child{opacity:1}
.section-label::after{content:"";width:65px;height:1px;background:currentColor;opacity:.4}
.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 20px;background:var(--paper);color:var(--coal);transform:translateY(-150%)}
.skip-link:focus{transform:none}

.site-header {
  position:absolute;z-index:30;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;
  gap:24px;height:var(--header-height);padding:8px max(var(--gutter),calc((100vw - var(--max))/2));
  color:var(--paper);border-bottom:1px solid var(--line);background:var(--header);
  backdrop-filter:blur(10px);
}
.js .site-header{position:fixed}
.site-header[data-over-scene]{color:var(--hero-ink);background:var(--scene-header)}
.wordmark{display:block;flex-shrink:0;width:152px}
.wordmark-images{position:relative;display:block;width:162px;margin-left:-17px}
.wordmark-images img{width:100%;height:auto}
.logo-on-light{position:absolute;inset:0;opacity:0}
.brand-note{display:none}
html[data-theme="clay"] .logo-on-dark{opacity:0}
html[data-theme="clay"] .logo-on-light{opacity:1}
.main-nav{display:flex;gap:clamp(22px,2vw,32px);align-items:center;margin-left:auto;margin-right:auto}
.main-nav>a{position:relative;min-height:44px;padding-block:10px;font-size:14px;opacity:.76;white-space:nowrap}
.main-nav>a::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--ember);transform:scaleX(0);transform-origin:left;transition:transform 220ms}
.main-nav>a:is(:hover,:focus-visible,[aria-current]){opacity:1}
.main-nav>a:is(:hover,:focus-visible,[aria-current])::after{transform:scaleX(1)}
.header-tools{display:flex;flex-shrink:0;gap:8px;align-items:center}
.tool-button{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:none;transition:background-color 180ms,color 180ms}
.tool-button:hover{background:#bd8b6620}
.tool-button:focus-visible{outline-offset:-3px}
.tool-button:active{background:#bd8b6620}
.tool-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lang-button svg{width:22px;height:22px}
.theme-button .moon-icon,html[data-theme="clay"] .theme-button .sun-icon{display:none}
html[data-theme="clay"] .theme-button .moon-icon{display:block}
.header-cta{display:flex;justify-content:space-between;align-items:center;width:112px;min-height:44px;padding-left:22px;margin-left:10px;border-left:1px solid currentColor;font-size:14px}
.header-cta>span{font-size:22px;color:var(--ember)}
.site-header[data-over-scene] .header-cta>span{color:var(--hero-accent)}
.menu-button{display:none}
.reading-line{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#dc8152;transform:scaleX(0);transform-origin:left}
.site-header[data-over-scene] :is(a,button):focus-visible,.hero :is(a,button):focus-visible{outline-color:var(--hero-accent)}

main{position:relative;isolation:isolate}
.forge-setting{display:none;pointer-events:none}
.js[data-motion="on"] .forge-setting{
  display:block;position:sticky;z-index:-1;top:0;height:var(--screen-height,100svh);
  margin-bottom:calc(var(--screen-height,100svh)*-1);overflow:hidden;
  background:var(--workshop);opacity:var(--room-opacity,0);
}
.room-shell{width:100%;height:100%;max-width:none;transform-origin:50% 44%;transform:scale(calc(1 + var(--room-depth,0)*.2))}
.room-masonry{fill:#30261e}
.room-side{fill:#3b2d22}
.room-back{fill:#2a211a}
.room-joints{stroke:#b18a601a;stroke-width:2}
.room-floor{fill:#33271e;transform:translateY(calc(var(--room-depth,0)*35px))}
.room-beams{fill:#251e18;transform:translateY(calc(var(--room-depth,0)*-25px))}
.room-beam-edge{stroke:#ac825526;stroke-width:2}
.room-fasteners{fill:#403225}
.room-light{position:absolute;inset:0;background:radial-gradient(ellipse at 9% 65%,#c4652214,transparent 48%),linear-gradient(90deg,transparent,var(--workshop) 26% 76%,transparent);opacity:.88}
.entry-furnishings{position:absolute;inset:0;opacity:var(--furniture-opacity,0);transform:scale(calc(.76 + var(--furniture-progress,0)*.24));transform-origin:50% 60%}
.entry-hearth{position:absolute;top:13%;left:21%;height:76%;width:auto;max-width:none}
.entry-workbench{position:absolute;top:22%;right:9%;width:46%;height:auto;max-width:none}
.entry-brick-light{stop-color:#936246}
.entry-brick-dark{stop-color:#44352a}
.entry-stone-edge{stroke:#b6845973;stroke-width:2}
.entry-arch-edge{stroke:#d7a77480;stroke-width:5}
.entry-brick-joints{stroke:#241e19;stroke-width:4;opacity:.5}
.entry-stone-step{fill:#866040;stroke:#bd916480}
.entry-leather{fill:#64432c;stroke:#b48a57;stroke-width:2}
.entry-wood{fill:#654b32}
.entry-wood-top{fill:#927047}
.entry-wood-dark{fill:#3c3024}
.entry-wood-grain{stroke:#c19a63;stroke-width:2;opacity:.45}
.entry-iron{fill:#252f23}
.entry-metal{fill:#64705a;stroke:#b89e74;stroke-width:2}
.entry-tool{stroke:#c1a479;stroke-width:5}
.entry-shadow{fill:#171713;opacity:.35}
html[data-theme="clay"] .entry-brick-light{stop-color:#b48461}
html[data-theme="clay"] .entry-brick-dark{stop-color:#77533e}
html[data-theme="clay"] .entry-wood{fill:#805f3e}
html[data-theme="clay"] .entry-wood-top{fill:#ac8555}
html[data-theme="clay"] .entry-wood-dark{fill:#58432e}
html[data-theme="clay"] .entry-metal{fill:#67624e}
html[data-theme="clay"] .entry-tool{stroke:#5c5140}
@media(max-aspect-ratio:4/5){
  .entry-hearth{top:12%;left:8%;height:62%}
  .entry-workbench{top:33%;right:-14%;width:96%}
}
html[data-theme="clay"] .room-masonry{fill:#ddc8ab}
html[data-theme="clay"] .room-side{fill:#d4bd9d}
html[data-theme="clay"] .room-back{fill:#dfccb2}
html[data-theme="clay"] .room-floor{fill:#d8c1a2}
html[data-theme="clay"] .room-beams{fill:#cdb697}
html[data-theme="clay"] .room-joints{stroke:#82634229}
html[data-theme="clay"] .room-beam-edge{stroke:#f6e4c555}
html[data-theme="clay"] .room-fasteners{fill:#c6ad8b}
.js[data-motion="on"][data-theme="clay"] :is(main,.site-footer){--muted:#513c2a;--ember:#792918}
.js[data-motion="on"][data-theme="clay"] .project-link{--ember:#702516}
.opening-story{position:relative;background:var(--coal)}
.hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:760px;height:100svh;overflow:hidden;color:var(--hero-ink);background:var(--scene-base)}
.opening-story.is-pinned{height:calc(var(--screen-height)*3.25);background:none}
.opening-story.is-pinned .hero{position:sticky;top:0;height:var(--screen-height);min-height:0;background:none}
.hero::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(0deg,var(--workshop) 8%,color-mix(in srgb,var(--workshop) 94%,transparent) 27%,transparent 60%);opacity:calc(var(--threshold-opacity,0)*var(--interior-preview,0))}
.volcano-scene{position:absolute;z-index:-1;inset:0;overflow:hidden;background:var(--scene-base);opacity:var(--outside-opacity,1)}
.scene-layer{position:absolute;inset:-3%;width:106%;height:106%;max-width:none;object-fit:cover;object-position:65% center;pointer-events:none;transform-origin:62% 48%}
.scene-sky{transform:translate3d(calc(var(--pointer-x,0px)*-.3),calc(var(--opening-progress,0)*-65px),0) scale(1.025)}
.scene-massif{transform:translate3d(calc(var(--pointer-x,0px)*-.6),calc(var(--opening-progress,0)*70px + var(--pointer-y,0px)*-.4),0) scale(calc(1.035 + var(--opening-progress,0)*.3))}
.scene-foreground{transform:translate3d(calc(var(--pointer-x,0px)*-1),calc(var(--opening-progress,0)*-180px),0) scale(calc(1.05 + var(--opening-progress,0)*.4))}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#261615dc 0%,#29181773 39%,transparent 73%),linear-gradient(0deg,#191714 0%,#21161500 25%,#1d141626 85%)}
html[data-theme="clay"] .hero-scrim{background:linear-gradient(0deg,#eadcc8,transparent 18%)}
html[data-theme="clay"] .hero-scrim::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f3e4d1e6 0%,#f0dcc4ba 40%,#f0dcc473 52%,transparent 68%);opacity:var(--hero-opacity,1)}
html[data-theme="clay"] .hero-scrim::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#eadcc8 3%,#eadcc8f2 27%,#eadcc899 43%,transparent 60%);opacity:var(--threshold-opacity,0)}
.hero-coordinate{position:absolute;top:122px;right:var(--gutter);display:flex;gap:38px;color:var(--hero-detail);font-size:9px;opacity:var(--hero-opacity,1)}
.hero-coordinate>span{background:var(--scene-header);box-shadow:0 0 0 5px var(--scene-header)}
.hero-copy{width:100%;padding:145px var(--gutter) 95px;opacity:var(--hero-opacity,1);transform:translateY(calc(var(--opening-progress,0)*-140px))}
.hero-copy>.eyebrow{display:flex;gap:12px;align-items:center;color:var(--hero-accent);margin-bottom:32px;font-size:11px}
.hero-copy>.eyebrow{width:fit-content;background:var(--scene-header);box-shadow:0 0 0 6px var(--scene-header)}
.heat-dot{width:5px;height:5px;background:#f5b475;border-radius:50%;box-shadow:0 0 16px #f1905370}
.hero h1{max-width:1080px;font-size:clamp(80px,8.8vw,145px);font-weight:500;letter-spacing:-.075em;line-height:1.04}
.hero h1>span,.hero h1>em{display:block}
.hero h1 em{font:500 italic 1.1em/1 var(--serif);letter-spacing:-.055em;color:#fff1d8}
html[data-theme="clay"] .hero h1 em{color:#5c2414}
.hero-description{max-width:400px;margin-top:30px;color:var(--hero-muted);font-size:14px;line-height:1.9}
.hero-description{background:var(--scene-header);box-shadow:0 0 0 8px var(--scene-header)}
.hero-actions{display:flex;align-items:center;gap:32px;margin-top:32px}
.hot-link{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:54px;padding:11px 20px;background:var(--red);color:#fff0d9;font-size:12px;overflow:hidden}
.hot-link::before{content:"";position:absolute;z-index:-1;inset:0;background:#9e361f;transform:translateX(-101%);transition:transform 340ms cubic-bezier(.2,.75,.25,1)}
.hot-link:is(:hover,:focus-visible)::before{transform:translateX(0)}
.link-arrow{font-size:24px;transition:transform 340ms}
.hot-link:is(:hover,:focus-visible) .link-arrow{transform:translate(3px,-2px)}
.quiet-link{display:inline-flex;gap:18px;align-items:center;min-height:44px;font-size:11px;color:var(--hero-muted)}
.quiet-link:hover{color:var(--hero-ink)}
.motion-control{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:9px;padding:0;border:0;background:none;font-size:11px;color:var(--hero-detail)}
.motion-dot{width:4px;height:4px;border:1px solid currentColor;border-radius:50%}
[data-motion="on"] .motion-dot{background:currentColor}
.hero-footer{position:absolute;z-index:5;bottom:24px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;color:var(--hero-detail);font-size:10px;opacity:var(--entrance-footer-opacity,1)}
.hero-footer>a{display:flex;gap:18px;align-items:center;min-height:44px}
.hero-footer>span,.hero-footer>a{position:relative;isolation:isolate}
.hero-footer>span::before,.hero-footer>a::before{content:"";position:absolute;z-index:-1;inset:-3px -7px;background:var(--scene-menu);opacity:var(--gate-opacity,0);border:1px solid var(--line);pointer-events:none}
.hero-footer>a::before{inset:6px -9px}
.scroll-line{position:relative;width:55px;height:1px;background:var(--line);overflow:hidden}
.scroll-line::after{content:"";position:absolute;inset:0;background:var(--hero-accent);transform:translateX(-100%)}
[data-motion="on"] .hero[data-visible] .scroll-line::after{animation:scroll-signal 2.8s infinite}
@keyframes scroll-signal{to{transform:translateX(110%)}}
.embers{position:absolute;inset:0;pointer-events:none}
.embers i{
  --delay:-4s;--flight:10s;--drift:6vw;--rise:clamp(240px,48svh,480px);
  position:absolute;bottom:8%;left:64%;width:3px;height:6px;
  border-radius:35% 65% 55% 35%;background:#ef7327;opacity:0;
  box-shadow:0 0 3px 1px #f36e24c4,0 0 10px #ed55136b;
}
html[data-theme="clay"] .embers i{background:#fff0b4;box-shadow:0 0 0 1px #dd6a2bb3,0 0 5px 2px #f45c2580,0 0 12px #e756254d}
.embers i:nth-child(2){left:72%;bottom:16%;--delay:-1s;--flight:8.6s}
.embers i:nth-child(3){left:84%;bottom:7%;--delay:-6s;--flight:12s}
.embers i:nth-child(4){left:55%;bottom:23%;--delay:-3s;--flight:9.8s;--drift:-4vw}
.embers i:nth-child(5){left:91%;bottom:17%;--delay:-5s;--flight:11.6s;--drift:-3vw}
.embers i:nth-child(6){left:62%;bottom:34%;--delay:-7s;--flight:10.9s}
.embers i:nth-child(7){left:78%;bottom:39%;--delay:-2s;--flight:9.1s}
.embers i:nth-child(8){left:47%;bottom:15%;--delay:-5.5s;--flight:12.8s;--drift:8vw}
.embers i:nth-child(9){left:87%;bottom:47%;--delay:-3.4s;--flight:13.6s}
.embers i:nth-child(10){left:68%;bottom:53%;--delay:-6.3s;--flight:10.3s}
.embers i:nth-child(11){left:58%;bottom:8%;--delay:-8s;--flight:11.7s}
.embers i:nth-child(12){left:76%;bottom:6%;--delay:-2.6s;--flight:8.8s}
.embers i:nth-child(13){left:94%;bottom:32%;--delay:-4.6s;--flight:12.2s;--drift:-6vw}
.embers i:nth-child(14){left:52%;bottom:46%;--delay:-1.2s;--flight:13.2s}
.embers i:nth-child(15){left:82%;bottom:22%;--delay:-9s;--flight:11.4s}
.embers i:nth-child(16){left:70%;bottom:28%;--delay:-5.4s;--flight:9.6s}
.embers i:nth-child(17){left:60%;bottom:62%;--delay:-.8s;--flight:12.4s}
.embers i:nth-child(18){left:90%;bottom:59%;--delay:-3.8s;--flight:10.7s}
.embers i:nth-child(19){left:43%;bottom:35%;--delay:-6.8s;--flight:13.7s;--drift:8vw}
.embers i:nth-child(20){left:74%;bottom:73%;--delay:-1.8s;--flight:14.2s}
.embers i:is(:nth-child(6),:nth-child(9),:nth-child(14),:nth-child(17),:nth-child(18),:nth-child(20)){width:2px;height:4px}
.embers i:is(:nth-child(3),:nth-child(11),:nth-child(12)){width:4px;height:8px}
[data-motion="on"] .hero[data-visible] .embers i{animation:ember-flight var(--flight) var(--delay) linear infinite}
@keyframes ember-flight{
  0%{opacity:0;transform:translate3d(0,0,0) rotate(-18deg) scale(.65)}
  12%,72%{opacity:.95}
  45%{transform:translate3d(calc(var(--drift)*.35),calc(var(--rise)*-.42),0) rotate(25deg)}
  100%{opacity:0;transform:translate3d(var(--drift),calc(var(--rise)*-1),0) rotate(120deg) scale(.4)}
}
.gateway{display:none;position:absolute;z-index:1;inset:0;pointer-events:none;opacity:var(--gate-opacity,0);transform-origin:50% calc(50% + var(--entry-progress,0)*8%);transform:translateY(calc((1 - var(--gate-progress,0))*82%)) scale(calc(1.18 - var(--gate-progress,0)*.18 + var(--entry-progress,0)*4))}
.gateway-frame{display:block;width:100%;height:100%}
.gateway-stone{width:100%;height:100%}
.gateway-sign{position:absolute;top:max(calc(var(--header-height) + 12px),10.5%);left:50%;width:clamp(250px,22vw,310px);aspect-ratio:440/112;transform:translateX(-50%)}
.plaque-iron{position:absolute;inset:0;width:100%;height:100%}
.plaque-depth,.plaque-rivet-rings{fill:#111c16}
.plaque-face{fill:#222b20;stroke:#a18056;stroke-width:1.5}
.plaque-bevel{fill:none;stroke:#a18056;stroke-width:1;opacity:.3}
.plaque-scars{fill:none;stroke:#bd9b69;stroke-width:1.2;opacity:.25}
.plaque-rivets{fill:#d3ac74}
html[data-theme="clay"] .plaque-face{fill:#353b32}
.plaque-lettering{position:absolute;top:20%;left:18%;width:64%;height:auto;fill:#ddc69a}
.gateway-sign .mono{position:absolute;bottom:18%;left:15%;right:15%;font-size:8px;letter-spacing:.15em;line-height:1.2;text-align:center;color:#cbb58c}
.gate-lantern{position:absolute;top:24%;width:clamp(34px,8vw,130px);height:auto;max-width:none;translate:-50% 0}
.lantern-left{left:13.4%}
.lantern-right{left:86.6%}
@media(max-aspect-ratio:4/5){
  .lantern-left{left:5.5%}
  .lantern-right{left:94.5%}
  .gate-lantern{top:27%;width:clamp(24px,6vw,50px)}
}
.threshold-copy{display:none;position:absolute;z-index:2;inset:0 20%;flex-direction:column;align-items:center;justify-content:flex-end;gap:25px;text-align:center;padding:130px 0 100px;opacity:var(--threshold-opacity,0);transform:translateY(calc((1 - var(--threshold-opacity,0))*45px));pointer-events:none}
.is-pinned .gateway{display:block}
.is-pinned .threshold-copy{display:flex}
.threshold-copy .eyebrow{color:var(--hero-accent);font-size:10px}
.threshold-copy h2{font-size:clamp(38px,4.3vw,68px);line-height:1.18;letter-spacing:-.04em}
.threshold-copy h2>span,.threshold-copy h2>em{display:block}
.threshold-copy em{font-family:var(--serif);font-weight:500;color:var(--hero-accent)}
.threshold-copy>p:last-child{max-width:360px;color:var(--hero-muted);font-size:13px}
html[data-theme="clay"] .threshold-copy{justify-content:flex-end;padding-bottom:100px}
.js[data-motion="on"] .hero h1>span{animation:title-rise 800ms cubic-bezier(.2,.75,.25,1) both}
.js[data-motion="on"] .hero h1>em{animation:title-rise 900ms 80ms cubic-bezier(.2,.75,.25,1) both}
@keyframes title-rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}

.philosophy{padding-block:90px 100px}
.opening-story.is-pinned + .philosophy{position:relative;margin-top:calc(var(--screen-height)*-.75)}
.origin-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:25px;border-bottom:1px solid var(--line)}
.js[data-motion="on"] .origin-heading :is(.section-label,.origin-edition){background:var(--workshop);box-shadow:8px 0 0 var(--workshop),-8px 0 0 var(--workshop)}
.origin-heading .section-label{gap:24px;font-size:12px;letter-spacing:.16em}
.origin-heading .section-label::after{width:85px}
.origin-heading .chapter-number{font:500 66px/1 var(--serif);letter-spacing:-.06em;color:var(--ember);opacity:1}
.origin-edition{color:var(--muted);font-size:10px;letter-spacing:.08em}
.manifesto{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:25px 6%;padding-top:40px}
.manifesto-copy{min-width:0}
.js[data-motion="on"] :is(.manifesto-copy,.origin-vignette){background-color:var(--workshop)}
.js[data-motion="on"] .manifesto-copy{box-shadow:12px 0 0 var(--workshop),-12px 0 0 var(--workshop)}
.origin-kicker{color:var(--muted);font-size:9px;letter-spacing:.13em;margin-bottom:24px}
.manifesto h2{font-size:clamp(32px,3.3vw,49px);line-height:1.35;letter-spacing:-.045em}
.manifesto em{font-family:var(--serif);font-weight:500;color:var(--ember)}
.manifesto-detail{max-width:470px;margin-top:27px;padding-left:20px;border-left:2px solid var(--red)}
.manifesto-detail p{color:var(--muted);font-size:13px;line-height:1.95}
.maker-note{display:flex;align-items:center;gap:17px;margin-top:33px}
.smith-seal{display:grid;place-items:center;flex:none;width:57px;height:57px;border:1px solid var(--ember);outline:1px dashed var(--line);outline-offset:4px;border-radius:50%;transform:rotate(-12deg)}
.smith-seal img{width:31px;height:31px}
.maker-note p{color:var(--ember);font:italic 18px/1.45 var(--serif)}
.maker-note .mono{display:block;margin-top:7px;font-size:10px;font-style:normal;letter-spacing:.06em;color:var(--muted)}
.origin-vignette{position:relative;min-width:0;padding:18px 0 0;background:radial-gradient(ellipse at 50% 50%,#bd704517,transparent 69%);border-top:1px solid var(--line)}
.origin-vignette::before,.origin-vignette::after{content:"";position:absolute;top:-3px;width:5px;height:5px;border:1px solid var(--ember);background:var(--coal);transform:rotate(45deg)}
.origin-vignette::before{left:0}
.origin-vignette::after{right:0}
.bench-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.06em}
.origin-illustration{width:100%;height:auto}
.origin-vignette figcaption{display:flex;flex-direction:column;gap:8px;padding-top:15px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:11px}
.origin-vignette figcaption .mono{color:var(--ember);font-size:10px}
.principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:30px}
.principles>div{position:relative;padding:25px 0 0;border-top:1px solid var(--line)}
.principle-tool{position:absolute;right:0;top:14px;width:35px;height:35px;fill:none;stroke:var(--ember);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.principles .mono{display:block;color:var(--ember);margin-bottom:18px}
.principles strong{display:block;font-size:13px;font-weight:600}
.principles p{margin-top:10px;color:var(--muted);font-size:11px;line-height:1.9}

.forge-story{position:relative;background:var(--workshop);border-block:1px solid var(--line)}
.js[data-motion="on"] .forge-story{background:transparent;border-color:transparent}
.forge-sticky{position:relative;isolation:isolate;overflow:hidden}
.workshop-wall{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82;pointer-events:none}
html[data-theme="clay"] .workshop-wall{opacity:.6}
.workshop-layout{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);grid-template-rows:auto 1fr;gap:35px 8%;padding-block:70px}
.forge-intro{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:40px}
.forge-intro h2{max-width:510px;font-size:25px;letter-spacing:-.03em;line-height:1.4}
.forge-intro .section-label,.forge-intro h2{background:var(--workshop);box-shadow:8px 0 0 var(--workshop),-8px 0 0 var(--workshop)}
.forge-art{position:relative;align-self:center;min-width:0}
.forge-orbit{position:absolute;top:6%;left:7%;color:var(--muted);font-size:8px;letter-spacing:.15em}
.forge-orbit{background:var(--workshop);box-shadow:6px 0 0 var(--workshop),-6px 0 0 var(--workshop)}
.anvil-button{position:relative;width:100%;padding:0;border:0;background:none;cursor:crosshair}
.anvil{width:100%;height:auto;overflow:visible}
.forge-hammer{--hammer-rest:calc(34deg - var(--hammer-turn,0)*26deg);transform-box:view-box;transform-origin:650px 350px;transform:rotate(var(--hammer-rest))}
.circuit-etch path{stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--forge-progress,1)*100)}
.circuit-core{opacity:var(--forge-progress,1)}
.forge-sparks{opacity:0;transform-origin:460px 283.3px}
.anvil-button.is-struck .forge-hammer{animation:hammer-strike 550ms ease-in-out}
.anvil-button.is-struck .forge-sparks{animation:strike-sparks 550ms ease-out}
.anvil-button.is-struck .billet-body{animation:billet-strike 550ms ease-out}
@keyframes hammer-strike{0%,100%{transform:rotate(var(--hammer-rest))}24%{transform:rotate(46deg);animation-timing-function:cubic-bezier(.6,0,.9,.45)}48%{transform:rotate(0deg);animation-timing-function:ease-out}66%{transform:rotate(14deg)}}
@keyframes strike-sparks{0%,48%{opacity:0;transform:scale(.4)}53%{opacity:1}100%{opacity:0;transform:scale(1.5)}}
@keyframes billet-strike{0%,48%,70%,100%{transform:translateY(0)}53%{transform:translateY(2px)}}
.strike-caption{text-align:center;color:var(--muted);font-size:9px;min-height:20px;margin-top:-10px}
.strike-caption{width:fit-content;max-width:100%;margin-inline:auto;background:var(--workshop);box-shadow:6px 0 0 var(--workshop),-6px 0 0 var(--workshop)}
.forge-readout{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;border-top:1px solid var(--line);margin-top:24px;padding-top:14px;background:var(--workshop)}
.forge-stage-number{color:var(--ember)}
.forge-narrative{align-self:center;padding-bottom:20px;background:var(--workshop);box-shadow:14px 0 0 var(--workshop),-14px 0 0 var(--workshop)}
.forge-stage{margin-block:25px 60px;scroll-margin-top:120px}
.role-label{color:var(--ember);margin-bottom:20px;font-size:10px}
.forge-stage h3{font-size:clamp(29px,3vw,43px);line-height:1.24;letter-spacing:-.045em;max-width:420px;text-wrap:balance}
.forge-stage>p:not(.role-label){max-width:415px;margin-top:22px;color:var(--muted);font-size:13px;line-height:1.95}
.stage-foot{display:block;margin-top:28px;color:var(--muted);font-size:10px}
.stage-controls{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:27px}
.js .stage-controls{display:grid}
.stage-controls button{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-height:62px;padding:12px 0;border:0;border-top:1px solid var(--line);background:none;color:var(--muted);font-size:11px}
.stage-controls button .mono{font-size:10px}
.stage-controls button[aria-pressed="true"]{color:var(--ember);border-color:var(--ember)}
.forge-note{margin-top:22px;font-size:11px;color:var(--muted);line-height:1.8;max-width:425px}
.forge-story.is-pinned{height:calc(var(--screen-height)*3.25)}
.is-pinned .forge-sticky{position:sticky;top:0;height:var(--screen-height)}
.is-pinned .workshop-layout{height:100%;padding-block:calc(var(--header-height) + 30px) 38px}
.is-pinned .anvil{max-height:calc(var(--screen-height) - 280px)}
.is-pinned .forge-stages{display:grid}
.is-pinned .forge-stage{grid-area:1/1;margin:0;opacity:0;transform:translateY(15px);pointer-events:none;visibility:hidden;transition:opacity 260ms,transform 360ms,visibility 260ms}
.is-pinned .forge-stage.is-active{opacity:1;transform:none;pointer-events:auto;visibility:visible}

.projects{--exhibit-iron:#293126;--exhibit-edge:#806b49;--exhibit-stone:#3a3d32;--exhibit-side:#232e25;--exhibit-top:#555748;--exhibit-joint:#19221b;padding-block:115px 75px}
html[data-theme="clay"] .projects{--exhibit-iron:#3b4235;--exhibit-edge:#9e865c;--exhibit-stone:#8d8874;--exhibit-side:#656b57;--exhibit-top:#b0a58b;--exhibit-joint:#66654f}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-top:34px}
.section-heading h2{font-size:clamp(32px,3.7vw,56px);line-height:1.22;letter-spacing:-.045em}
.section-heading h2>span,.section-heading h2>em{display:block}
.section-heading h2 em{font-family:var(--serif);color:var(--ember);font-weight:500}
.section-heading>p{max-width:340px;color:var(--muted);font-size:13px}
.project-row{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center;padding-block:70px;border-bottom:1px solid var(--line)}
.project-row:first-of-type{margin-top:15px}
.project-reverse{grid-template-columns:.9fr 1.1fr}
.project-reverse .project-art{grid-column:2;grid-row:1}
.project-reverse .project-copy{grid-column:1;grid-row:1}
.project-art{position:relative;min-width:0;align-self:start;background:var(--surface);border:1px solid var(--line);padding:23px 25px 20px;box-shadow:inset 0 0 0 5px var(--coal),inset 0 0 0 6px var(--line)}
.project-art::before,.project-art::after{content:"";position:absolute;top:10px;width:4px;height:4px;border-radius:50%;background:var(--ember);opacity:.65;box-shadow:0 1px 0 var(--coal);pointer-events:none}
.project-art::before{left:10px}
.project-art::after{right:10px}
.memory-art{margin-top:48px;border-color:var(--exhibit-edge);box-shadow:inset 0 0 0 6px var(--exhibit-iron),inset 0 0 0 7px var(--exhibit-edge),7px 10px 0 #111c1618}
.exhibit-hanger{position:absolute;top:-43px;left:25px;right:25px;height:59px;pointer-events:none}
.exhibit-rail{position:absolute;top:0;left:-12px;right:-12px;height:9px;border:1px solid var(--exhibit-edge);background:var(--exhibit-iron);box-shadow:0 3px 0 #111c1626}
.exhibit-rail::before,.exhibit-rail::after{content:"";position:absolute;top:2px;width:3px;height:3px;border-radius:50%;background:#b89c70}
.exhibit-rail::before{left:5px}
.exhibit-rail::after{right:5px}
.exhibit-strap{position:absolute;top:3px;width:15px;height:55px;border:1px solid var(--exhibit-edge);background:var(--exhibit-iron);box-shadow:2px 2px 0 #111c1626}
.strap-left{left:21px}
.strap-right{right:21px}
.exhibit-strap::before,.exhibit-strap::after{content:"";position:absolute;left:4px;width:5px;height:5px;border-radius:50%;background:#c4a578;box-shadow:0 1px 0 #121d17}
.exhibit-strap::before{top:6px}
.exhibit-strap::after{bottom:6px}
.precision-art{border-color:transparent;background:none;box-shadow:none}
.precision-art::before,.precision-art::after{display:none}
.precision-art .architecture{position:relative;z-index:1;margin-bottom:0}
.exhibit-plinth{width:100%;height:auto;margin-top:-4.2%;pointer-events:none}
.plinth-shadow{fill:#111c16;opacity:.14}
.plinth-side{fill:var(--exhibit-side)}
.plinth-stone{fill:var(--exhibit-stone)}
.plinth-foot{fill:var(--exhibit-side);stroke:var(--exhibit-edge);stroke-width:1}
.plinth-top{fill:var(--exhibit-top);stroke:var(--exhibit-edge);stroke-width:1}
.plinth-rim{fill:var(--exhibit-iron);stroke:var(--exhibit-edge);stroke-width:1.5}
.plinth-joints{fill:none;stroke:var(--exhibit-joint);stroke-width:1.5}
.plinth-wear{fill:var(--exhibit-joint);opacity:.35}
.plinth-badge{fill:#293126;stroke:#a18056;stroke-width:1}
.plinth-rivet{fill:#d3ac74}
.plinth-name{fill:#e3c99d;font:12px var(--mono);text-anchor:middle;letter-spacing:.1em}
.precision-art .project-legend{border-top:0;padding-top:7px}
.project-plate,.project-legend{display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--muted);font-size:10px}
.project-plate>span:first-child{color:var(--ember)}
.project-legend{border-top:1px solid var(--line);padding-top:16px;font-size:11px}
.project-legend .mono{font-size:10px;white-space:nowrap}
.architecture{width:100%;height:auto;margin-block:20px;color:var(--ember)}
.architecture text{font:16px var(--mono);fill:var(--paper);text-anchor:middle;stroke:none}
.architecture .diagram-small{font-size:12px;fill:var(--muted)}
.architecture .diagram-title{font-size:27px}
.diagram-guides{fill:none;stroke:var(--line);stroke-width:1;stroke-dasharray:2 8}
.memory-input,.memory-output,.memory-engine,.cache-bank{fill:var(--surface);stroke:var(--ember);stroke-width:1}
.memory-input,.memory-output{stroke:var(--muted)}
.memory-engine>rect:first-child{fill:#b75c3326}
.signal-path{fill:none;stroke:var(--ember);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--project-progress,1))}
.cache-cells{fill:var(--ember);stroke:none;opacity:calc(.3 + var(--project-progress,1)*.5)}
.precision-diagram{overflow:visible}
.precision-plane{fill:var(--surface);stroke:var(--ember);stroke-width:1;transform-origin:310px 185px}
.plane-weights{transform:translateY(calc((1 - var(--project-progress,1))*68px))}
.plane-output{transform:translateY(calc((1 - var(--project-progress,1))*-48px))}
.plane-weights .precision-face{fill:#563526}
.plane-activation .precision-face{fill:#493c2d}
.plane-output .precision-face{fill:#343027}
html[data-theme="clay"] .plane-weights .precision-face{fill:#d7a37b}
html[data-theme="clay"] .plane-activation .precision-face{fill:#dec5a4}
html[data-theme="clay"] .plane-output .precision-face{fill:#d2c2aa}
.weight-grid{fill:var(--ember);stroke:none;opacity:.6}
.precision-labels{fill:none;stroke:var(--muted);stroke-width:1;opacity:var(--project-progress,1)}
.project-copy>.eyebrow{color:var(--ember);font-size:9px;margin-bottom:17px}
.project-copy h3{font-size:clamp(40px,4.2vw,62px);line-height:1.2;letter-spacing:-.055em}
.project-copy h3>span{font-size:.45em;letter-spacing:0;color:var(--ember);vertical-align:middle}
.project-deck{font-size:21px;line-height:1.5;margin-top:12px;letter-spacing:-.03em}
.project-copy>p:not(.eyebrow,.project-deck){margin-top:21px;font-size:13px;line-height:1.95;color:var(--muted)}
.project-tags{display:flex;flex-wrap:wrap;gap:9px 19px;color:var(--ember);font-size:10px;margin-top:24px}
.project-notes{margin-top:25px;border-block:1px solid var(--line)}
.project-notes summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;cursor:pointer;list-style:none;font-size:11px}
.project-notes summary::-webkit-details-marker{display:none}
.disclosure-cross{position:relative;display:block;width:14px;height:14px;flex-shrink:0}
.disclosure-cross::before,.disclosure-cross::after{content:"";position:absolute;background:var(--ember)}
.disclosure-cross::before{width:14px;height:1px;top:7px}
.disclosure-cross::after{width:1px;height:14px;left:7px;transition:transform 200ms}
.project-notes[open] .disclosure-cross::after{transform:rotate(90deg)}
.project-notes>div{padding:0 0 20px;font-size:12px;line-height:1.9;color:var(--muted)}
.project-notes>div>p+p{margin-top:14px}
.project-notes .text-link{margin-top:14px;font-size:10px}
.text-link{display:inline-flex;gap:35px;align-items:center;min-height:44px;border-bottom:1px solid var(--ember);font-size:11px;color:var(--ember)}
.text-link>span:last-child{transition:transform 200ms}
.text-link:hover>span:last-child{transform:translate(3px,-3px)}
.project-link{margin-top:20px}
.projects-boundary{max-width:900px;margin-top:29px;color:var(--muted);font-size:11px;line-height:1.9}
.capabilities{padding-block:35px 100px}
.capabilities h2{margin-top:32px;font-size:clamp(30px,3.6vw,52px);letter-spacing:-.045em;line-height:1.3}
.materials-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:7%;margin-top:45px}
.tool-wall{min-width:0;padding-block:16px;border-block:1px solid var(--line)}
.tool-wall img{width:100%;height:auto;margin-block:12px}
.tool-wall figcaption{color:var(--muted);font-size:11px;text-align:center}
.domain-cabinet{min-width:0;padding:21px;background:var(--workshop);border:1px solid var(--line);box-shadow:inset 0 0 0 5px var(--coal)}
.cabinet-heading{padding:0 0 16px;color:var(--paper);font-size:10px;letter-spacing:.06em}
.domain-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;list-style:none;padding:0;margin:0}
.domain-list>li{position:relative;display:flex;align-items:center;gap:12px;min-height:70px;padding:14px 13px;background:var(--surface);border:1px solid var(--line);color:var(--paper);font-size:12px;line-height:1.65}
.domain-list>li::after{content:"";position:absolute;left:13px;right:13px;bottom:6px;height:1px;background:var(--line)}
.domain-list .mono{flex:none;color:var(--muted);font-size:10px}
.cabinet-foot{margin-top:18px;color:var(--muted);font-size:10px;letter-spacing:.04em}
.domain-note{max-width:770px;margin-top:27px;padding-left:17px;border-left:2px solid var(--ember);color:var(--muted);font-size:11px}

.start-section{padding-block:75px 90px;border-top:1px solid var(--line)}
.start-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center;margin-top:43px}
.start-grid h2{font-size:clamp(35px,3.7vw,54px);line-height:1.22;letter-spacing:-.04em}
.start-grid h2>span,.start-grid h2>em{display:block}
.start-grid em{font-family:var(--serif);font-weight:500;color:var(--ember)}
.start-grid p:not(.terminal-note,.copy-status,.station-note){max-width:360px;margin-top:24px;color:var(--muted);font-size:12px}
.start-grid .hot-link{margin-top:28px}
.bench-station{min-width:0}
.station-tools{width:100%;height:auto;margin-bottom:-5px}
.terminal{position:relative;min-width:0;background:#151b16;border:1px solid #a9a28470;color:#f0e1c4;box-shadow:inset 0 0 0 4px #151b16,inset 0 0 0 5px #a9a28426}
.terminal::before,.terminal::after{content:"";position:absolute;top:-10px;width:25px;height:17px;border:1px solid #928767;background:#404a39;box-shadow:0 2px 0 #0f1916}
.terminal::before{left:24px}
.terminal::after{right:24px}
.terminal-top{display:flex;justify-content:space-between;align-items:center;min-height:54px;padding:8px 22px;border-bottom:1px solid #d1b18d26;color:#b7a38d;font-size:10px}
.terminal-top>span{display:flex;align-items:center;gap:9px}
.terminal-top i{width:5px;height:5px;background:#bb3e23;border-radius:50%}
.copy-button{min-width:62px;min-height:36px;padding:6px 10px;border:1px solid #d1b18d32;background:none;font:11px var(--mono)}
.copy-button:hover{background:#bb3e2326;border-color:#bb3e23}
.terminal pre{overflow-x:auto;margin:0;padding:28px 24px 22px;font:11px/2.2 var(--mono)}
.terminal code{font:inherit}
.terminal-note{padding:0 24px 20px;color:#b29b83;font-size:10px;line-height:1.8}
.copy-status{min-height:53px;padding:0 24px 18px;color:#edbb80;font-size:10px;line-height:1.75}
.bench-edge{height:17px;margin-inline:-9px;border:1px solid #a38a6060;background:radial-gradient(circle at 18px 6px,#c0aa7d 2px,transparent 2.5px),radial-gradient(circle at calc(100% - 18px) 6px,#c0aa7d 2px,transparent 2.5px),#62563b;box-shadow:0 4px 0 #333d2d}
.station-note{margin:19px 0 0;color:var(--muted);font-size:10px;text-align:center;letter-spacing:.06em}
.workflow-entry{max-width:780px;padding:17px 0 17px 18px;margin-top:40px;border-left:2px solid var(--ember);color:var(--muted);font-size:12px;line-height:1.9}
.release-library{position:absolute;overflow:hidden;pointer-events:none}
.released-designs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 14px;margin-top:26px;color:var(--paper);--release-height:150px;--surface:#293025;--paper:#e7d5b5;--muted:#baa684;--line:#827557;--ember:#d1aa75}
.released-designs>a{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 16px;grid-template-rows:var(--release-height) auto 1fr;gap:8px 10px;padding:0 14px 16px}
.released-designs>a::before{content:"";position:absolute;z-index:-1;top:calc(var(--release-height) - 16px);left:0;right:0;height:30px;background:linear-gradient(90deg,transparent 21%,#8c7652 21% 23%,transparent 23% 77%,#8c7652 77% 79%,transparent 79%)}
.released-designs>a::after{content:"";position:absolute;z-index:-1;inset:calc(var(--release-height) + 1px) 0 0;border:1px solid var(--line);background:radial-gradient(circle at 8px 8px,#bfa475 1px,#191f17 2px,transparent 3px),radial-gradient(circle at calc(100% - 8px) 8px,#bfa475 1px,#191f17 2px,transparent 3px),linear-gradient(125deg,#8b755623,transparent 55%),var(--surface);box-shadow:inset 0 2px 0 #ad94652b,0 4px 0 #19221866;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}
.released-designs>a:hover::after{border-color:var(--ember)}
.release-art{position:relative;display:flex;align-items:flex-end;justify-content:center;grid-column:1/-1;grid-row:1;margin-inline:-11px}
.release-art::before{content:"";position:absolute;left:-8px;right:-8px;bottom:6px;height:14px;border-top:3px solid #ad9262;border-bottom:3px solid #333d29;background:radial-gradient(circle at 12px 5px,#c3aa7b 1px,transparent 2px),radial-gradient(circle at calc(100% - 12px) 5px,#c3aa7b 1px,transparent 2px),repeating-linear-gradient(2deg,#635536 0 3px,#716143 4px 6px);box-shadow:0 4px 0 #17211655}
.release-model{position:relative;width:100%;max-width:300px;height:calc(var(--release-height) - 10px);margin-bottom:6px;transition:transform 180ms;pointer-events:none}
.release-model text{font:11px var(--mono);fill:#ead4a9;text-anchor:middle;letter-spacing:.12em}
.release-shadow{fill:#0c180e;opacity:.34}
html[data-motion="on"] .released-designs>a:focus-visible .release-model{transform:translateY(-3px)}
@media(hover:hover) and (pointer:fine){
  html[data-motion="on"] .released-designs>a:hover .release-model{transform:translateY(-3px)}
}
.release-code{grid-column:1;grid-row:2;font-size:10px;color:var(--muted);letter-spacing:.08em}
.release-link{grid-column:2;grid-row:2;font-size:16px;line-height:1;color:var(--ember)}
.release-copy{display:grid;grid-column:1/-1;grid-row:3;align-content:start;gap:6px;min-width:0;overflow-wrap:anywhere}
.release-copy strong{font-size:15px;font-weight:600;line-height:1.6}
.release-copy>span{color:var(--muted);font-size:12px;line-height:1.75}
.release-copy>.release-size{color:var(--paper);font-size:13px;font-weight:600}
.release-scope{margin-top:22px;color:var(--muted);font-size:12px;line-height:1.85}
.site-footer{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:20px 30px;padding-block:35px 125px;border-top:1px solid var(--line)}
.footer-brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600}
.footer-brand>img{width:30px;height:30px}
.site-footer>p{grid-column:1;min-height:3.5em;font-size:11px;color:var(--muted)}
.footer-links{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:23px}
.footer-links>a,.footer-links>button{display:flex;align-items:center;gap:.35em;min-height:44px;padding:0;border:0;background:none;font-size:11px;color:var(--muted)}
.footer-links>a:hover,.footer-links>button:hover{color:var(--ember)}
.footer-watermark{position:absolute;bottom:-.38em;left:-.03em;font-size:clamp(130px,21vw,330px);line-height:1;letter-spacing:-.07em;font-weight:800;color:var(--paper);opacity:.025;pointer-events:none}
.reveal{opacity:1;transform:none}
.js[data-motion="on"] .reveal.is-waiting{opacity:0;transform:translateY(24px)}
.js[data-motion="on"] .reveal{transition:opacity 600ms,transform 700ms cubic-bezier(.2,.75,.25,1)}
.screen-meter{position:fixed;inset:0 auto auto 0;width:0;height:100svh;visibility:hidden;pointer-events:none}

/* Fade reflowing content, not the live volcanic or workshop backgrounds. */
html[data-copy-transition] :is(main>.section-shell,.hero-copy,.threshold-copy,.forge-intro,.forge-art,.forge-narrative){transition:opacity 150ms}
html[data-copy-transition="out"] :is(main>.section-shell,.hero-copy,.threshold-copy,.forge-intro,.forge-art,.forge-narrative){opacity:0}
html[data-copy-transition] [data-en][data-zh]{transition:opacity 180ms}
html[data-copy-transition="out"] [data-en][data-zh]{opacity:0}
.lang-button.is-switching svg{animation:language-turn 400ms ease}
@keyframes language-turn{50%{opacity:.3;transform:translateY(-2px)}}
html[lang="zh-CN"] .hero h1{font-size:clamp(66px,7.1vw,112px);line-height:1.22;letter-spacing:-.045em}
html[lang="zh-CN"] .hero h1 em{font-family:var(--sans);font-style:normal;font-size:1em;font-weight:400;letter-spacing:-.04em}
html[lang="zh-CN"] :is(.manifesto,.section-heading,.start-grid,.threshold-copy) em{font-family:var(--sans);font-style:normal;font-weight:400;font-size:.95em}
html[lang="zh-CN"] .maker-note p{font:13px/1.7 var(--sans)}
html[lang="zh-CN"] .forge-stage h3{font-size:35px;line-height:1.4}
html[lang="zh-CN"] .project-deck{font-size:23px}
html:not(.js) .site-header{position:relative;height:auto;min-height:var(--header-height);flex-wrap:wrap}
html:not(.js) .main-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:8px 20px;flex:1 1 auto;padding:0;border:0;background:none;visibility:visible;opacity:1;transform:none}

@media(min-width:1600px){
  .hero-copy{padding-left:max(var(--gutter),calc((100vw - 1460px)/2))}
  .scene-layer{object-position:center}
}
@media(max-width:1100px){
  .released-designs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .manifesto{column-gap:4%}
  .workshop-layout{column-gap:5%}
  .forge-stage h3{font-size:34px}
  .project-row{gap:6%}
  .project-art{padding-inline:17px}
  :root{--header-height:60px}
  .site-header{gap:12px}
  .header-tools{margin-left:auto;gap:6px}
  .header-cta{display:none}
  .menu-button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}
  .menu-button span{width:19px;height:1px;background:currentColor;transition:transform 180ms}
  .menu-button[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .menu-button[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .main-nav{position:absolute;top:100%;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0;padding:15px var(--gutter);background:var(--coal);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity 180ms,visibility 180ms,transform 180ms}
  .site-header[data-over-scene] .main-nav{background:var(--scene-menu)}
  .main-nav[data-open]{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .main-nav>a{padding-block:12px;font-size:14px}
  .main-nav>a::after{bottom:5px;right:auto;width:25px}
}
@media(max-width:900px){
  .philosophy{padding-block:75px}
  .manifesto{column-gap:5%}
  .manifesto h2{font-size:32px}
  .origin-heading .section-label{font-size:10px}
  .principles{gap:25px}
  .workshop-layout{column-gap:5%;gap:24px 5%}
  .forge-intro{display:block}
  .forge-intro h2{margin-top:15px;font-size:24px;max-width:none}
  .forge-stage h3,html[lang="zh-CN"] .forge-stage h3{font-size:29px}
  .forge-stage>p:not(.role-label){font-size:12px;margin-top:16px}
  .forge-orbit{font-size:7px}
  .section-heading{gap:35px}
  .section-heading>p{max-width:270px;font-size:12px}
  .project-row{grid-template-columns:1fr 1fr;gap:5%}
  .project-legend .mono{display:none}
  .project-copy h3{font-size:43px}
  .project-deck,html[lang="zh-CN"] .project-deck{font-size:19px}
  .project-copy>p:not(.eyebrow,.project-deck){font-size:12px}
  .project-tags{gap:8px 13px}
  .start-grid{grid-template-columns:1fr;gap:35px}
  .terminal{max-width:600px}
  .materials-layout{gap:4%}
  .domain-cabinet{padding:17px}
  .domain-list>li{gap:8px;padding:12px 9px;font-size:11px}
  .footer-links{gap:18px}
}
@media(max-width:600px){
  :root{--gutter:24px}
  .site-header{padding-inline:20px}
  .wordmark{width:127px}
  .wordmark-images{width:141px;margin-left:-15px}
  .header-tools{gap:2px}
  .hero{min-height:740px}
  .hero-coordinate{top:96px;left:var(--gutter);right:var(--gutter);justify-content:space-between;font-size:7px}
  .scene-layer{object-position:68% center}
  .hero-copy{padding:125px var(--gutter) 85px}
  .hero-copy>.eyebrow{font-size:8px;letter-spacing:.06em;margin-bottom:25px}
  .hero h1{font-size:clamp(49px,14.4vw,82px);line-height:1.1}
  .hero h1 em{font-size:1.13em;letter-spacing:-.045em}
  .hero-description{max-width:290px;font-size:12px;margin-top:25px;line-height:1.9}
  .hero-actions{gap:23px;margin-top:26px}
  .hot-link{min-height:50px;padding:10px 15px;gap:23px;font-size:11px}
  .quiet-link{gap:10px;font-size:10px}
  .hero-footer{bottom:16px;gap:8px;font-size:9px;letter-spacing:0}
  .hero-footer>a{gap:10px}
  .hero-edition{display:none}
  .scroll-line{width:25px}
  .hero-scrim{background:linear-gradient(90deg,#261615d4,#2918174d 85%),linear-gradient(0deg,#191714,transparent 57%)}
  html[data-theme="clay"] .hero-scrim::before{background:linear-gradient(90deg,#f3e4d1d9,transparent 100%),linear-gradient(0deg,#eadcc8 3%,#eadcc8b3 37%,transparent 72%)}
  html[data-theme="clay"] .threshold-copy{padding-bottom:90px}
  .gateway-sign{width:clamp(184px,56vw,224px)}
  .gateway-sign .mono{font-size:6px}
  .threshold-copy{inset-inline:20%;padding:130px 0 90px;gap:23px}
  .threshold-copy h2{font-size:clamp(26px,6.9vw,36px)}
  .threshold-copy .eyebrow{max-width:220px;font-size:8px;line-height:1.9}
  .threshold-copy>p:last-child{max-width:220px;font-size:11px}
  html[lang="zh-CN"] .hero h1{font-size:clamp(40px,11.3vw,62px);line-height:1.3}
  .philosophy{padding-block:60px 65px}
  .origin-heading{gap:20px;padding-bottom:21px}
  .origin-heading .section-label{gap:16px;font-size:10px;letter-spacing:.09em}
  .origin-heading .chapter-number{font-size:51px}
  .origin-heading .section-label::after{display:none}
  .origin-edition{max-width:100px;text-align:right;line-height:1.9}
  .manifesto{grid-template-columns:1fr;gap:34px;padding-top:33px}
  .origin-kicker{font-size:8px;margin-bottom:20px}
  .section-label{font-size:8px;gap:22px}
  .section-label::after{width:35px}
  .manifesto h2{font-size:clamp(27px,7.5vw,38px);line-height:1.45}
  .manifesto-detail{margin-top:23px;padding-left:15px}
  .manifesto-detail p{font-size:12px}
  .maker-note{gap:16px;margin-top:25px;padding-left:4px}
  .smith-seal{width:44px;height:44px}
  .smith-seal img{width:25px;height:25px}
  .maker-note p{font-size:17px}
  .origin-vignette{width:100%;max-width:440px;justify-self:center;padding-top:14px}
  .origin-vignette figcaption{font-size:10px;gap:6px;padding-top:13px}
  .principles{grid-template-columns:1fr;gap:0;margin-top:28px;padding-top:0;border:0}
  .principles>div{display:grid;grid-template-columns:39px minmax(0,1fr);gap:6px 18px;padding:21px 0;border-top:1px solid var(--line)}
  .principles .mono{grid-column:2;margin:0;padding:0;font-size:8px}
  .principle-tool{position:static;grid-column:1;grid-row:1/4;align-self:center;width:37px;height:37px}
  .principles strong,.principles p{grid-column:2}
  .principles strong{font-size:12px}
  .principles p{margin:0;font-size:11px}
  .workshop-layout{display:flex;flex-direction:column;gap:14px;padding-block:42px}
  .workshop-wall{inset:100px auto auto -36px;width:calc(100% + 72px);height:500px;object-fit:cover;object-position:left center;opacity:.32}
  html[data-theme="clay"] .workshop-wall{opacity:.24}
  .forge-intro{width:100%}
  .forge-intro h2{font-size:24px;margin-top:12px}
  .forge-art{width:100%;max-width:440px;margin-inline:auto}
  .anvil{max-height:345px}
  .forge-orbit{font-size:6px;top:6%}
  .forge-readout{display:none}
  .strike-caption{font-size:8px;margin-top:-17px}
  .forge-narrative{width:100%;padding:0}
  .forge-stage{margin-block:25px 50px}
  .forge-stage h3,html[lang="zh-CN"] .forge-stage h3{font-size:27px;max-width:100%;line-height:1.3;text-wrap:initial}
  .forge-stage>p:not(.role-label){font-size:11px;max-width:none;margin-top:11px;line-height:1.8}
  .role-label{font-size:8px;margin-bottom:10px}
  .stage-foot{margin-top:18px}
  .stage-controls{margin-top:19px;gap:10px}
  .stage-controls button{padding-top:9px;min-height:52px;gap:5px;font-size:10px}
  .forge-note{font-size:10px;margin-top:12px;line-height:1.7}
  .is-pinned .workshop-layout{padding-block:calc(var(--header-height) + 19px) 20px;justify-content:center;gap:13px}
  .is-pinned .forge-art{flex:0 1 auto;min-height:0}
  .is-pinned .anvil{height:clamp(165px,calc(var(--screen-height) - 540px),295px);max-height:none}
  .is-pinned .forge-narrative{flex-shrink:0}
  .is-pinned .forge-intro h2{font-size:22px;margin-top:10px}
  .is-pinned .forge-orbit{display:none}
  .is-pinned .forge-stage h3,html[lang="zh-CN"] .is-pinned .forge-stage h3{font-size:25px}
  .is-pinned .stage-foot{display:none}
  .projects{padding-block:65px 45px}
  .section-heading{display:block;margin-top:25px}
  .section-heading h2{font-size:clamp(30px,8.5vw,42px);line-height:1.3}
  .section-heading>p{font-size:12px;margin-top:20px;max-width:360px}
  .project-row,.project-reverse{grid-template-columns:1fr;gap:31px;padding-block:38px}
  .project-row:first-of-type{margin-top:0}
  .project-reverse .project-art,.project-reverse .project-copy{grid-column:auto;grid-row:auto}
  .project-art{padding:17px 13px}
  .memory-art{margin-top:44px}
  .exhibit-hanger{left:18px;right:18px}
  .strap-left{left:13px}
  .strap-right{right:13px}
  .architecture{margin-block:20px}
  .project-legend{font-size:10px;padding-top:13px}
  .project-legend .mono{display:inline}
  .project-copy>.eyebrow{font-size:8px;margin-bottom:12px}
  .project-copy h3{font-size:44px}
  .project-deck,html[lang="zh-CN"] .project-deck{font-size:22px;margin-top:10px}
  .project-copy>p:not(.eyebrow,.project-deck){font-size:12px;margin-top:17px}
  .project-tags{margin-top:19px}
  .project-notes{margin-top:22px}
  .projects-boundary{margin-top:25px}
  .capabilities{padding-block:25px 65px}
  .capabilities h2{font-size:29px;margin-top:24px}
  .materials-layout{grid-template-columns:1fr;gap:28px;margin-top:29px}
  .tool-wall{max-width:440px;justify-self:center;width:100%}
  .tool-wall figcaption{font-size:10px}
  .domain-cabinet{padding:17px}
  .domain-list{gap:7px}
  .domain-list>li{min-height:66px;font-size:11px;padding:12px 8px;gap:8px}
  .cabinet-foot{line-height:1.8}
  .domain-note{font-size:10px;margin-top:20px}
  .start-section{padding-block:48px 60px}
  .start-grid{gap:28px;margin-top:28px}
  .start-grid h2{font-size:37px}
  .start-grid p:not(.terminal-note,.copy-status,.station-note){font-size:12px;margin-top:19px}
  .start-grid .hot-link{margin-top:24px}
  .terminal-top{padding-inline:16px}
  .terminal pre{padding:22px 17px;font-size:10px}
  .terminal-note{min-height:56px;padding-inline:17px}
  .copy-status{padding-inline:17px}
  .workflow-entry{font-size:11px;margin-top:29px;padding-left:14px}
  .released-designs{--release-height:140px;grid-template-columns:1fr;row-gap:20px;margin-top:20px}
  .site-footer{grid-template-columns:1fr;gap:12px;padding-block:28px 77px}
  .footer-brand{font-size:18px}
  .footer-links{grid-column:1;grid-row:auto;flex-wrap:wrap;gap:7px 24px}
  .footer-watermark{bottom:-.28em;font-size:22vw}
}
@media(max-width:350px){
  :root{--gutter:20px}
  .site-header{padding-inline:16px;gap:0}
  .wordmark{width:115px}
  .wordmark-images{width:128px}
  .header-tools{gap:0}
  .hero h1{font-size:48px}
  .hero-actions{gap:16px}
  .quiet-link{font-size:9px}
  .hot-link{font-size:10px;gap:16px}
  .threshold-copy{padding-inline:0}
  .is-pinned .forge-stage h3,html[lang="zh-CN"] .is-pinned .forge-stage h3{font-size:23px}
  .project-legend{font-size:9px}
}
html[data-motion="off"]{scroll-behavior:auto}
@media(max-height:659px){
  .embers{bottom:auto;height:100svh}
  .embers i{--rise:44svh}
}
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation:none!important;transition:none!important}
html[data-motion="off"] .scene-layer,html[data-motion="off"] .hero-copy,html[data-motion="off"] .precision-plane{transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .hero-copy,.scene-layer,.precision-plane{transform:none!important}
  .release-model{transform:none!important}
  .reveal{opacity:1!important;transform:none!important}
}
@media print{
  html[data-theme]{color-scheme:light;--coal:#fff;--paper:#222;--muted:#555;--ember:#85301e;--line:#888;--surface:#f7f2eb}
  *,*::before,*::after{animation:none!important;transition:none!important}
  body{background:white;color:#222}
  .site-header,.hero-coordinate,.hero-footer,.volcano-scene,.hero-actions,.motion-control,.gateway,.threshold-copy,.stage-controls,.strike-caption,.copy-button,.copy-status,.footer-watermark,.footer-links,.reading-line,.screen-meter,.workshop-wall,.origin-vignette,.maker-note,.origin-edition,.principle-tool,.tool-wall,.station-tools,.bench-edge,.station-note,.forge-setting{display:none!important}
  .opening-story.is-pinned,.forge-story.is-pinned{height:auto}
  .opening-story.is-pinned + .philosophy{margin-top:0}
  .hero,.opening-story.is-pinned .hero{position:static;height:auto;min-height:0;background:none;color:#222;overflow:visible}
  .hero::after{display:none}
  .js[data-motion="on"] .manifesto-copy{background:none;box-shadow:none}
  .hero-copy{padding:20px 0;transform:none;opacity:1}
  .hero h1{font-size:44px!important}
  .hero h1 em,.hero-description,.hero-copy>.eyebrow{color:#663924}
  .section-shell{width:100%}
  .philosophy,.projects,.capabilities,.start-section{padding-block:25px}
  .manifesto{display:block;padding-top:20px}
  .origin-heading .chapter-number{font-size:35px}
  .principles{margin-top:25px}
  .forge-story{background:none}
  .is-pinned .forge-sticky,.forge-sticky{position:static;height:auto;overflow:visible}
  .is-pinned .workshop-layout,.workshop-layout{height:auto;padding:20px 0;display:block}
  .forge-art{max-width:300px;margin:auto}
  .is-pinned .anvil{height:auto;max-height:none}
  .is-pinned .forge-stages{display:block}
  .is-pinned .forge-stage,.forge-stage{opacity:1;visibility:visible;transform:none;margin:25px 0;break-inside:avoid}
  .forge-stage h3{font-size:24px!important}
  .project-row{break-inside:avoid;padding-block:25px}
  .released-designs{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;--paper:#222;--muted:#555;--line:#888;--ember:#85301e}
  .released-designs>a{grid-template-rows:auto 1fr;padding:12px;border:1px solid var(--line);break-inside:avoid}
  .release-art,.released-designs>a::before,.released-designs>a::after{display:none}
  .release-code,.release-link{grid-row:1}
  .release-copy{grid-row:2}
  .project-copy h3{font-size:32px}
  .project-copy p{font-size:11px!important}
  .precision-plane{transform:none}
  .precision-labels{opacity:1}
  .signal-path{stroke-dashoffset:0}
  .start-grid{display:block}
  .materials-layout{display:block}
  .domain-cabinet,.domain-list>li{background:none;box-shadow:none}
  .forge-narrative,.forge-intro .section-label,.forge-intro h2,.forge-readout{background:none;box-shadow:none}
  .terminal::before,.terminal::after{display:none}
  .exhibit-hanger,.exhibit-plinth{display:none}
  .memory-art{margin-top:0}
  .terminal{max-width:560px;background:#f7f2eb;color:#222;margin-block:20px;box-shadow:none}
  .terminal-top,.terminal-note{color:#555}
  .section-heading h2,.capabilities h2,.start-grid h2,.manifesto h2{font-size:28px}
  .site-footer{padding-bottom:20px}
  .reveal{opacity:1!important;transform:none!important}
}