:root{--ink:#10110f;--ink-2:#161713;--paper:#e8e6dc;--muted:#888a80;--yellow:#ffd000;--accent-rgb:255,208,0;--accent-ink:var(--ink);--line:rgba(232,230,220,.18);--mono:"IBM Plex Mono",Consolas,"Courier New",monospace;--sans:"Noto Sans KR",Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}html[data-paint="red"]{--yellow:#d5001c;--accent-rgb:213,0,28;--accent-ink:#fff}html[data-paint="blue"]{--yellow:#00b5e2;--accent-rgb:0,181,226;--accent-ink:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--yellow);color:var(--ink)}
.topbar{position:fixed;z-index:20;inset:0 0 auto;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);background:rgba(16,17,15,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{font:700 11px/1 var(--mono);letter-spacing:.18em}.brand span{color:var(--yellow)}.topbar nav{display:flex;align-items:center;gap:clamp(18px,3vw,44px)}.topbar nav a{font:400 9px/1 var(--mono);letter-spacing:.14em;color:#888a80;transition:.2s}.topbar nav a:hover,.topbar nav a.active{color:var(--yellow)}.paint-switcher{display:flex;align-items:center;gap:6px;margin-left:2px;padding-left:16px;border-left:1px solid var(--line)}.paint-switcher>span{margin-right:3px;font:400 7px/1 var(--mono);letter-spacing:.14em;color:#6f7169}.paint-swatch{position:relative;width:22px;height:22px;padding:0;border:0;background:transparent;cursor:pointer}.paint-swatch:before{content:"";position:absolute;inset:6px;background:var(--chip)}.paint-swatch[data-paint="yellow"]{--chip:#ffd000}.paint-swatch[data-paint="red"]{--chip:#d5001c}.paint-swatch[data-paint="blue"]{--chip:#00b5e2}.paint-swatch[aria-pressed="true"]:after{content:"";position:absolute;inset:2px;border:1px solid var(--paper)}.paint-swatch:focus-visible{outline:1px solid var(--paper);outline-offset:1px}.menu{display:none;width:38px;height:38px;border:0;background:none;padding:9px}.menu i{display:block;height:1px;background:var(--paper);margin:6px 0}
.plate{position:relative;border-bottom:1px solid var(--line);background-image:linear-gradient(rgba(255,208,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,208,0,.035) 1px,transparent 1px);background-size:72px 72px}.hero{min-height:100svh;padding:clamp(105px,13vh,150px) clamp(24px,6vw,92px) 60px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);grid-template-rows:auto 1fr auto;gap:40px;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;pointer-events:none}.hero:before{inset:58px auto 0 42%;width:1px;background:var(--line)}.hero:after{right:8%;top:19%;width:11px;height:11px;border:1px solid var(--yellow);border-radius:50%;box-shadow:0 0 0 16px var(--ink),0 0 0 17px var(--line)}
.hero-meta{grid-column:1/-1;display:flex;gap:0;align-items:center}.hero-meta span{padding:8px 20px;border:1px solid var(--line);border-right:0;font:400 9px/1 var(--mono);letter-spacing:.15em;color:#999b91}.hero-meta span:first-child{background:var(--yellow);border-color:var(--yellow);color:var(--ink);font-weight:700}.hero-meta span:last-child{border-right:1px solid var(--line)}
.hero-title{align-self:center;position:relative;z-index:2}.hero-title>p{margin:0 0 18px;font:700 10px/1 var(--mono);letter-spacing:.35em;color:var(--yellow)}.hero h1{margin:0;display:flex;flex-direction:column;font-size:clamp(5rem,14.6vw,14.5rem);line-height:.69;letter-spacing:-.085em}.hero h1 span{font-family:var(--mono);font-weight:400;color:transparent;-webkit-text-stroke:1.5px var(--yellow);font-size:.78em;letter-spacing:-.12em}.hero-index{align-self:center;border-top:1px solid var(--yellow);padding-top:15px}.hero-index>p{margin:0 0 28px;font:700 9px/1 var(--mono);color:var(--yellow);letter-spacing:.16em}.hero-index dl{margin:0}.hero-index dl div{display:grid;grid-template-columns:1fr 1fr;padding:13px 0;border-top:1px solid var(--line)}.hero-index dt,.hero-index dd{font:400 10px/1 var(--mono);letter-spacing:.1em}.hero-index dt{color:#76786f}.hero-index dd{margin:0;text-align:right}.hero-copy{position:absolute;left:51%;bottom:15%;margin:0;max-width:410px;font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.7;font-weight:700}.coordinate{position:absolute;left:6vw;right:6vw;bottom:12%;display:flex;align-items:center;gap:15px;color:#66685f;font:400 8px/1 var(--mono)}.coordinate i{height:1px;flex:1;background:var(--line)}.scroll{position:absolute;bottom:38px;left:6vw;display:flex;align-items:center;gap:14px;font:700 9px/1 var(--mono);letter-spacing:.16em;color:var(--yellow)}.scroll i{width:48px;height:1px;background:var(--yellow);position:relative}.scroll i:after{content:"";position:absolute;right:0;top:-3px;border-left:5px solid var(--yellow);border-top:3px solid transparent;border-bottom:3px solid transparent}
.section{padding:clamp(100px,13vw,185px) clamp(24px,8vw,128px)}.section-head{display:grid;grid-template-columns:minmax(100px,230px) 1fr;gap:clamp(30px,5vw,90px);align-items:start;margin-bottom:clamp(70px,10vw,135px)}.section-no{font:400 clamp(4.5rem,10vw,9rem)/.8 var(--mono);color:transparent;-webkit-text-stroke:1px rgba(255,208,0,.55);letter-spacing:-.1em}.section-head p{margin:0 0 22px;font:700 9px/1 var(--mono);letter-spacing:.2em;color:var(--yellow)}.section-head h2{margin:0;font-size:clamp(2.4rem,4.4vw,4.65rem);line-height:.96;letter-spacing:-.065em}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
.layout-map{border:1px solid var(--line);padding:28px}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--line)}.principles article{padding:28px 28px 0 0}.principles span,.spec-list span{font:400 9px/1 var(--mono);color:var(--yellow)}.principles h3{margin:38px 0 16px;font-size:1.3rem}.principles p{margin:0;color:#92948b;line-height:1.8;font-size:14px}
.spec-list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border:1px solid var(--line)}.spec-list article{padding:28px;min-height:240px;border-right:1px solid var(--line)}.spec-list article:last-child{border:0}.spec-list h3{margin:50px 0 15px;font:700 1.2rem/1 var(--mono)}.spec-list p{margin:0;color:#8d8f86;line-height:1.75;font-size:13px}
.roof-story{height:430vh;position:relative;background:var(--ink);--roof-progress:0}.roof-sticky{position:sticky;top:58px;height:calc(100vh - 58px);min-height:650px;padding:clamp(24px,4vh,44px) clamp(24px,6vw,92px) 24px;display:grid;grid-template-rows:auto minmax(290px,1fr) auto;gap:clamp(16px,2.5vh,28px);overflow:hidden}.roof-sticky:after{content:"04";position:absolute;right:2vw;bottom:-.18em;font:400 clamp(10rem,25vw,25rem)/1 var(--mono);letter-spacing:-.15em;color:transparent;-webkit-text-stroke:1px rgba(255,208,0,.08);pointer-events:none}.roof-heading{position:relative;z-index:2;display:grid;grid-template-columns:minmax(130px,.45fr) 1fr minmax(230px,.6fr);gap:clamp(25px,4vw,70px);align-items:end}.roof-heading>div{align-self:start;display:flex;align-items:baseline;gap:18px}.roof-heading>div span{font:400 clamp(2.8rem,5vw,5rem)/.8 var(--mono);color:transparent;-webkit-text-stroke:1px rgba(255,208,0,.6);letter-spacing:-.1em}.roof-heading>div p{margin:0;font:700 8px/1 var(--mono);letter-spacing:.18em;color:var(--yellow)}.roof-heading h2{margin:0;font-size:clamp(2rem,4vw,4.2rem);line-height:.95;letter-spacing:-.055em}.roof-heading h2 em{font-style:normal;color:var(--yellow)}.roof-intro{margin:0;color:#878980;font-size:12px;line-height:1.75}.roof-stage{position:relative;z-index:2;display:grid;grid-template-columns:minmax(150px,.42fr) minmax(420px,1.35fr) minmax(180px,.5fr);border:1px solid var(--line);min-height:0}.roof-readout{padding:22px;display:grid;grid-template-columns:1fr auto;align-content:center;border-right:1px solid var(--line)}.roof-readout small,.roof-status small{grid-column:1/-1;margin-bottom:15px;font:400 8px/1 var(--mono);letter-spacing:.14em;color:#6f7169}.roof-readout strong{font:400 clamp(3.4rem,6.8vw,7rem)/.8 var(--mono);letter-spacing:-.12em;color:var(--yellow)}.roof-readout>span{align-self:end;padding-bottom:6px;font:400 9px/1 var(--mono)}.roof-readout b{grid-column:1/-1;margin-top:20px;font:400 7px/1 var(--mono);letter-spacing:.14em;color:#5f615a}.roof-blueprint{position:relative;overflow:hidden;background:rgba(16,17,15,.72)}.roof-blueprint:before,.roof-blueprint:after{content:"";position:absolute;z-index:1;background:var(--line)}.roof-blueprint:before{left:50%;top:0;bottom:0;width:1px}.roof-blueprint:after{top:50%;left:0;right:0;height:1px}.roof-sky{position:absolute;inset:0 auto 0 0;width:calc(var(--roof-progress) * 100%);background:var(--yellow);opacity:.08}.roof-grid-labels{position:absolute;z-index:2;inset:14px 16px auto;display:flex;justify-content:space-between;font:400 7px/1 var(--mono);letter-spacing:.12em;color:#5e6058}.roof-panels{position:absolute;z-index:3;left:9%;right:12%;top:27%;bottom:25%}.roof-panels i{position:absolute;left:0;right:0;height:19%;border:1px solid var(--yellow);background:rgba(16,17,15,.88);transform-origin:right center;will-change:transform}.roof-panels i:nth-child(1){top:0}.roof-panels i:nth-child(2){top:25%}.roof-panels i:nth-child(3){top:50%}.roof-panels i:nth-child(4){top:75%}.roof-pivot{position:absolute;z-index:4;right:9%;top:49%;display:flex;align-items:center;gap:10px}.roof-pivot i{width:22px;height:22px;border:1px solid var(--yellow);border-radius:50%;background:var(--ink);box-shadow:0 0 0 8px rgba(16,17,15,.8)}.roof-pivot span,.roof-storage span,.roof-dimension{font:400 7px/1 var(--mono);letter-spacing:.12em;color:#777970}.roof-storage{position:absolute;z-index:2;right:4%;top:24%;bottom:20%;width:21%;border:1px dashed rgba(255,208,0,.38);padding:12px;display:flex;flex-direction:column;gap:6px;justify-content:flex-end}.roof-storage>i{height:4px;background:rgba(255,208,0,.15)}.roof-dimension{position:absolute;z-index:4;left:8%;right:9%;bottom:10%;display:flex;align-items:center;gap:12px}.roof-dimension i{height:1px;flex:1;background:var(--line)}.roof-status{padding:22px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line)}.roof-status strong{font:700 clamp(1.4rem,2.3vw,2.5rem)/1 var(--mono);letter-spacing:-.05em;color:var(--yellow)}.roof-status>p{margin:22px 0 28px;color:#909289;font-size:12px;line-height:1.7;min-height:42px}.roof-status dl{margin:auto 0 0}.roof-status dl div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font:400 7px/1 var(--mono);letter-spacing:.1em}.roof-status dt{color:#676960}.roof-status dd{margin:0}.roof-ruler{position:relative;z-index:2}.roof-progress{height:2px;background:#34352f}.roof-progress i{display:block;width:calc(var(--roof-progress) * 100%);height:100%;background:var(--yellow);position:relative}.roof-progress i:after{content:"";position:absolute;right:-4px;top:-3px;width:8px;height:8px;background:var(--yellow);border-radius:50%}.roof-ruler ol{display:flex;justify-content:space-between;padding:0;margin:11px 0 0;list-style:none}.roof-ruler li{display:flex;flex-direction:column;gap:5px;font:400 7px/1 var(--mono);color:#5f6159}.roof-ruler li b{font-weight:400;color:#aaaca2}.roof-story[data-stage="open"] .roof-status strong{color:var(--paper)}.roof-story[data-stage="open"] .roof-blueprint{background:rgba(255,208,0,.05)}
@media(max-width:760px){.hero{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:20px;padding-top:88px}.hero.plate{background-image:none}.hero:before{display:none}.hero-meta{width:fit-content;max-width:100%;flex-wrap:wrap;gap:6px;overflow:visible}.hero-meta span{padding:7px 10px;border:1px solid var(--line);font-size:7px;white-space:nowrap}.hero-title{align-self:end}.hero-index{display:none}.hero-copy{position:static;grid-column:1;align-self:start;font-size:14px}.coordinate{bottom:82px}.section-head{grid-template-columns:1fr;gap:35px}.section-no{font-size:4.2rem}.section-head h2{font-size:1.75rem}.principles,.spec-list{grid-template-columns:1fr}.principles article{padding-bottom:28px;border-bottom:1px solid var(--line)}.spec-list article{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:760px){.roof-story{height:360vh}.roof-sticky{top:54px;height:calc(100svh - 54px);min-height:560px;padding:18px 18px 15px;grid-template-rows:auto minmax(0,1fr) auto;gap:14px}.roof-heading{grid-template-columns:1fr auto;gap:8px 20px;align-items:start}.roof-heading>div{gap:10px}.roof-heading>div span{font-size:2.3rem}.roof-heading>div p{font-size:6px}.roof-heading h2{grid-row:2;grid-column:1/-1;font-size:1.75rem}.roof-intro{display:none}.roof-stage{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.roof-readout{position:absolute;z-index:6;left:12px;top:12px;width:112px;padding:10px;background:rgba(16,17,15,.88);border:1px solid var(--line)}.roof-readout small{font-size:6px;margin-bottom:8px}.roof-readout strong{font-size:2.4rem}.roof-readout>span{font-size:7px}.roof-readout b{display:none}.roof-blueprint{grid-row:1/3;min-height:270px}.roof-panels{left:8%;right:8%;top:30%;bottom:28%}.roof-storage{right:3%;width:25%;top:27%;bottom:23%;padding:7px}.roof-pivot{right:8%}.roof-dimension{font-size:6px}.roof-status{grid-row:3;padding:12px;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}.roof-status small{margin:0;font-size:6px}.roof-status strong{text-align:right;font-size:1rem}.roof-status>p{grid-column:1/-1;margin:0;min-height:30px;font-size:10px}.roof-status dl{display:none}.roof-ruler ol{font-size:6px}.roof-ruler li:nth-child(2),.roof-ruler li:nth-child(4),.roof-ruler li:nth-child(5){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}*{animation:none!important;transition-duration:.01ms!important}}
.roof-sky,.roof-progress i{width:0}
.boxer-lab{border:1px solid var(--line);background:rgba(16,17,15,.72)}.lab-meta{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);font:400 7px/1 var(--mono);letter-spacing:.13em;color:#6d6f67}.boxer-pair{position:relative;height:165px;display:grid;grid-template-columns:72px 1fr 110px 1fr 72px;align-items:center;border-bottom:1px solid var(--line);overflow:hidden}.cylinder-id{font:400 8px/1 var(--mono);letter-spacing:.12em;color:#777970}.left-id{text-align:right;padding-right:15px}.right-id{padding-left:15px}.cylinder{position:relative;height:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.cylinder:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(255,208,0,.18)}.cylinder .piston{position:absolute;z-index:2;top:10px;width:56px;height:42px;border:1px solid var(--yellow);background:var(--ink);animation-duration:2.8s;animation-timing-function:cubic-bezier(.45,0,.55,1);animation-iteration-count:infinite;animation-play-state:paused}.left-cylinder .piston{right:8px;animation-name:boxer-left}.right-cylinder .piston{left:8px;animation-name:boxer-right}.cylinder b{position:absolute;z-index:3;top:50%;transform:translateY(-50%);font:400 7px/1 var(--mono);letter-spacing:.12em;color:#5f6159}.left-cylinder b{left:10px}.right-cylinder b{right:10px}.crank-index{position:relative;width:84px;height:84px;margin:auto;border:1px solid var(--yellow);border-radius:50%;display:grid;place-items:center}.crank-index:before,.crank-index:after{content:"";position:absolute;background:var(--line)}.crank-index:before{left:-14px;right:-14px;height:1px}.crank-index:after{top:-14px;bottom:-14px;width:1px}.crank-index i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--yellow);top:8px;left:50%;margin-left:-3.5px;transform-origin:3.5px 34px;animation:crank-spin 2.8s linear infinite;animation-play-state:paused}.crank-index span{position:relative;z-index:2;padding:5px;background:var(--ink);font:400 7px/1 var(--mono);color:#777970}.pair-b .piston,.pair-b .crank-index i{animation-delay:-1.4s}.engine-running .piston,.engine-running .crank-index i{animation-play-state:running}.force-balance{min-height:145px;display:grid;grid-template-columns:1fr 170px 1fr;align-items:center;padding:25px 6%}.force{display:flex;align-items:center;gap:14px;font:400 7px/1 var(--mono);letter-spacing:.12em;color:#66685f}.force i{height:2px;flex:1;background:var(--yellow);transform-origin:center;animation:force-pulse 1.4s ease-in-out infinite;animation-play-state:paused;position:relative}.engine-running .force i{animation-play-state:running}.left-force{flex-direction:row-reverse}.left-force i:before,.right-force i:after{content:"";display:block;position:absolute;margin-top:-3px;border-top:4px solid transparent;border-bottom:4px solid transparent}.left-force i:before{border-right:7px solid var(--yellow)}.right-force i:after{right:0;border-left:7px solid var(--yellow)}.sum{text-align:center;display:flex;flex-direction:column;gap:8px}.sum small,.sum span{font:400 7px/1 var(--mono);letter-spacing:.12em;color:#66685f}.sum strong{font:400 2rem/1 var(--mono);color:var(--yellow)}
.roof-lock{position:absolute;z-index:5;left:9%;top:calc(48% - 18px);font:400 7px/1 var(--mono);letter-spacing:.12em;color:#777970}
@keyframes crank-spin{to{transform:rotate(360deg)}}@keyframes force-pulse{50%{transform:scaleX(.55);opacity:.55}}
@media(max-width:760px){.lab-meta span:nth-child(2){display:none}.boxer-pair{height:125px;grid-template-columns:42px 1fr 70px 1fr 42px}.cylinder{height:50px}.cylinder .piston{width:38px;height:32px;top:8px}.crank-index{width:56px;height:56px}.crank-index i{top:5px;transform-origin:3.5px 23px}.cylinder-id{font-size:6px}.left-id{padding-right:6px}.right-id{padding-left:6px}.force-balance{grid-template-columns:1fr 100px 1fr;padding:20px 3%}.force span{display:none}.sum strong{font-size:1.35rem}.roof-lock{left:8%;font-size:6px}}
.left-force i:before{left:0}

/* 05 / GENERATION ARCHIVE */
.history-story{position:relative;height:620vh;border-top:1px solid var(--line);background:var(--ink);--history-progress:0}
.history-sticky{position:sticky;top:0;height:100vh;min-height:680px;padding:clamp(72px,8vh,105px) clamp(24px,8vw,128px) clamp(28px,4vh,48px);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto auto;gap:clamp(14px,2vh,24px)}
.history-sticky:before,.history-sticky:after{content:"";position:absolute;pointer-events:none;z-index:-1}.history-sticky:before{inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 88%,transparent)}.history-sticky:after{width:38vw;height:38vw;right:-14vw;top:12vh;border:1px solid rgba(255,208,0,.12);border-radius:50%;box-shadow:0 0 0 6vw rgba(255,208,0,.018),0 0 0 12vw rgba(255,208,0,.012)}
.history-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.history-heading>div{display:flex;align-items:baseline;gap:18px}.history-no{font:400 clamp(2.8rem,5vw,5.2rem)/.8 var(--mono);color:transparent;-webkit-text-stroke:1px rgba(255,208,0,.65);letter-spacing:-.1em}.history-heading p{margin:0;font:700 9px/1 var(--mono);letter-spacing:.2em;color:var(--yellow)}.history-heading h2{margin:0;text-align:right;font-size:clamp(1.65rem,3.4vw,4rem);line-height:.95;letter-spacing:-.055em}.history-heading h2 em{font-style:normal;color:var(--yellow)}
.history-display{position:relative;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(280px,1.2fr);align-items:center;gap:clamp(30px,7vw,120px);max-width:1180px;width:100%;margin:auto}.history-index{position:absolute;top:3%;left:0;display:flex;gap:12px;align-items:center;font:400 8px/1 var(--mono);letter-spacing:.16em;color:#6f716a}.history-index strong{font-size:10px;color:var(--yellow)}.history-index i{font-style:normal}
.history-code{position:relative;min-height:clamp(170px,27vh,300px);display:flex;align-items:center}.history-code:before{content:"TYPE";position:absolute;left:0;top:16%;font:400 7px/1 var(--mono);letter-spacing:.22em;color:#66685f}.history-code span{font:700 clamp(7rem,17vw,16rem)/.72 var(--mono);letter-spacing:-.13em;color:transparent;-webkit-text-stroke:1px rgba(255,208,0,.68);transition:opacity .18s ease,transform .34s cubic-bezier(.2,.8,.2,1)}.history-code i{position:absolute;left:5%;bottom:3%;font:700 clamp(.7rem,1.2vw,1rem)/1 var(--mono);font-style:normal;letter-spacing:.35em;color:var(--yellow);transition:opacity .18s ease,transform .34s ease}
.history-copy{padding:clamp(22px,3vw,42px) 0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);transition:opacity .18s ease,transform .34s cubic-bezier(.2,.8,.2,1)}.history-copy time{display:block;font:400 clamp(2.8rem,6vw,6.5rem)/.78 var(--mono);letter-spacing:-.08em;color:#e8e9e3}.history-label{margin:18px 0 0!important;font:700 8px/1 var(--mono)!important;letter-spacing:.2em;color:var(--yellow)!important}.history-copy h3{margin:clamp(18px,2.4vh,30px) 0 12px;font-size:clamp(1.35rem,2.5vw,2.5rem);letter-spacing:-.035em}.history-copy>p:last-of-type{max-width:480px;margin:0;color:#96988f;font-size:clamp(13px,1.2vw,15px);line-height:1.75}.history-copy dl{display:grid;grid-template-columns:1fr 1fr;margin:clamp(20px,3vh,34px) 0 0;border-top:1px solid var(--line)}.history-copy dl div{padding:14px 10px 0 0}.history-copy dl div+div{padding-left:18px;border-left:1px solid var(--line)}.history-copy dt{font:400 7px/1 var(--mono);letter-spacing:.18em;color:#62645d}.history-copy dd{margin:8px 0 0;font:700 9px/1.3 var(--mono);letter-spacing:.08em;color:#c4c5bd}
.history-display.changing .history-code span,.history-display.changing .history-code i,.history-display.changing .history-copy{opacity:0;transform:translateY(18px)}
.history-rail{position:relative;display:grid;grid-template-columns:repeat(6,1fr);padding-top:17px}.history-line{position:absolute;left:0;right:0;top:2px;height:1px;background:rgba(255,255,255,.16);overflow:hidden}.history-line i{display:block;width:100%;height:100%;background:var(--yellow);transform:scaleX(var(--history-progress));transform-origin:left;will-change:transform}.history-rail button{position:relative;padding:9px 12px 0 0;border:0;background:none;color:#66685f;text-align:left;cursor:pointer;font-family:var(--mono)}.history-rail button:before{content:"";position:absolute;top:-19px;left:0;width:5px;height:5px;border:1px solid #6a6c64;background:var(--ink);border-radius:50%;transition:background .25s,box-shadow .25s,transform .25s}.history-rail button b,.history-rail button span{display:block}.history-rail button b{font-size:clamp(.66rem,.9vw,.82rem);font-weight:400}.history-rail button span{margin-top:5px;font-size:7px;letter-spacing:.12em}.history-rail button.active{color:var(--yellow)}.history-rail button.active:before{background:var(--yellow);border-color:var(--yellow);box-shadow:0 0 0 5px rgba(255,208,0,.12);transform:scale(1.2)}.history-hint{margin:0;text-align:right;font:400 7px/1 var(--mono);letter-spacing:.18em;color:#62645d}.history-hint span{display:inline-block;color:var(--yellow);animation:historyNudge 1.4s ease-in-out infinite}.history-accessible{display:none}@keyframes historyNudge{50%{transform:translateY(4px)}}
@media(max-width:760px){.history-story{height:560vh}.history-sticky{min-height:610px;padding:76px 22px 24px;grid-template-rows:auto 1fr auto auto}.history-heading{display:block}.history-heading>div{justify-content:space-between}.history-heading h2{margin-top:12px;text-align:left;font-size:1.75rem}.history-display{grid-template-columns:1fr;gap:6px;align-content:center}.history-index{top:-6px}.history-code{min-height:115px}.history-code span{font-size:clamp(6.2rem,34vw,9rem)}.history-code i{left:4%;bottom:0}.history-copy{padding:17px 0}.history-copy time{font-size:2.7rem}.history-copy h3{margin:16px 0 8px;font-size:1.25rem}.history-copy>p:last-of-type{font-size:12px;line-height:1.6}.history-copy dl{margin-top:16px}.history-copy dl div{padding-top:10px}.history-copy dd{font-size:8px}.history-rail button{padding-right:4px}.history-rail button span{display:none}.history-rail button b{font-size:9px}.history-hint{display:none}}
@media(prefers-reduced-motion:reduce){.history-story{height:auto;padding:100px clamp(24px,8vw,128px)}.history-sticky{position:static;height:auto;min-height:0;padding:0;display:block;overflow:visible}.history-display,.history-rail,.history-hint{display:none}.history-heading{margin-bottom:55px}.history-accessible{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.history-accessible article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.history-accessible time,.history-accessible b{font-family:var(--mono)}.history-accessible time{font-size:2rem}.history-accessible b{display:block;margin-top:12px;font-size:8px;letter-spacing:.14em;color:var(--yellow)}.history-accessible h3{margin:34px 0 10px}.history-accessible p{margin:0;color:#92948b;line-height:1.7;font-size:13px}}@media(max-width:600px) and (prefers-reduced-motion:reduce){.history-accessible{grid-template-columns:1fr}}

/* Roof main hinge: fixed to the rear-most frame joint */
.roof-pivot{left:81%;right:auto;top:48%;width:18px;height:18px;display:block;transform:translate(-50%,-50%)}
.roof-pivot i{position:absolute;inset:0;width:auto;height:auto;border:1px solid var(--yellow);border-radius:50%;background:var(--ink);box-shadow:0 0 0 5px rgba(16,17,15,.86)}
.roof-pivot i:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:var(--yellow);transform:translate(-50%,-50%)}
.roof-pivot span{position:absolute;right:29px;top:50%;width:92px;padding-right:9px;text-align:right;transform:translateY(-50%);white-space:nowrap}
.roof-pivot span:after{content:"";position:absolute;right:-11px;top:50%;width:15px;height:1px;background:var(--yellow);opacity:.7}
.roof-pivot b,.roof-pivot small{display:block;font:400 7px/1 var(--mono);letter-spacing:.12em}.roof-pivot b{color:var(--yellow)}.roof-pivot small{margin-top:5px;color:#777970;letter-spacing:.08em}
@media(max-width:760px){.roof-pivot{left:88%}.roof-pivot span{right:27px;width:78px}.roof-pivot b,.roof-pivot small{font-size:6px}}

/* Vertical generation index */
.history-sticky{grid-template-columns:minmax(118px,158px) minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:clamp(34px,5vw,82px)}
.history-heading{grid-column:1/-1;grid-row:1}.history-display{grid-column:2;grid-row:2}.history-hint{grid-column:2;grid-row:3}
.history-rail{grid-column:1;grid-row:2;align-self:center;height:min(58vh,520px);display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);padding:0 0 0 18px}
.history-line{left:2px;right:auto;top:0;bottom:0;width:1px;height:auto}.history-line i{width:100%;height:100%;transform:scaleY(var(--history-progress));transform-origin:top}
.history-rail button{display:flex;flex-direction:column;justify-content:center;padding:0 0 0 16px}.history-rail button:before{left:-19px;top:50%;transform:translateY(-50%)}.history-rail button.active:before{transform:translateY(-50%) scale(1.2)}.history-rail button b{font-size:clamp(.72rem,1vw,.92rem)}
.history-code:before{display:none}.history-code .history-code-kind{position:absolute;left:0;top:7%;z-index:2;margin:0}.history-code .history-code-kind span{font:700 7px/1 var(--mono);letter-spacing:.2em;color:var(--yellow);-webkit-text-stroke:0}.history-code .history-code-kind small{display:block;margin-top:7px;font:400 9px/1.2 sans-serif;letter-spacing:0;color:#777970}
@media(max-width:760px){.history-sticky{grid-template-columns:60px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:17px}.history-heading{grid-column:1/-1;grid-row:1}.history-display{grid-column:2;grid-row:2;margin:0}.history-rail{grid-column:1;grid-row:2;height:100%;min-height:430px;padding-left:12px}.history-line{left:1px}.history-rail button{padding-left:9px}.history-rail button:before{left:-13px}.history-rail button b{font-size:8px}.history-code{padding-top:20px}.history-code .history-code-kind{top:0}.history-code .history-code-kind span{font-size:6px;letter-spacing:.12em}.history-code .history-code-kind small{margin-top:4px;font-size:8px}.history-hint{display:none}}
@media(prefers-reduced-motion:reduce){.history-sticky{display:block}.history-heading{display:flex}.history-accessible{margin-top:55px}}

/* 06 / HORIZONTAL CASE FILES */
.trivia-story{position:relative;height:650vh;border-top:1px solid var(--line);background:#11120f}
.trivia-sticky{position:sticky;top:58px;height:calc(100vh - 58px);min-height:640px;padding:clamp(24px,4vh,42px) clamp(24px,5vw,76px) 25px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(18px,3vh,30px);overflow:hidden}
.trivia-sticky:before{content:"CONFIDENTIAL / BOXSTER ARCHIVE";position:absolute;right:4vw;top:47%;font:700 clamp(3.5rem,10vw,10rem)/1 var(--mono);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,208,0,.04);transform:rotate(-90deg) translateX(50%);transform-origin:right center;pointer-events:none}
.files-heading{position:relative;z-index:2;display:grid;grid-template-columns:minmax(180px,.55fr) 1fr;align-items:end;gap:clamp(24px,4vw,70px)}.files-heading>div:first-child{display:flex;align-items:baseline;gap:18px}.files-heading>div:first-child>span{font:400 clamp(2.8rem,5vw,5rem)/.8 var(--mono);color:transparent;-webkit-text-stroke:1px rgba(255,208,0,.6);letter-spacing:-.1em}.files-heading>div:first-child p{margin:0;font:700 8px/1 var(--mono);letter-spacing:.18em;color:var(--yellow)}.files-heading h2{margin:0;font-size:clamp(2rem,4vw,4.2rem);line-height:.95;letter-spacing:-.055em}.files-heading h2 em{font-style:normal;color:var(--yellow)}
.files-browser{position:relative;z-index:2;min-width:0;min-height:0;display:grid;grid-template-columns:30px minmax(0,1fr);gap:clamp(12px,1.5vw,22px)}.files-index{height:100%;margin:0;padding:3px 0;list-style:none;display:grid;grid-template-rows:repeat(8,1fr);gap:7px}.files-index li{position:relative;min-height:0}.files-index button{display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;background:transparent;color:transparent;font-size:0;cursor:pointer}.files-index button:before{content:"";display:block;width:42%;height:1px;background:var(--yellow);opacity:.18;transform-origin:center;transition:width .22s ease,opacity .22s ease,box-shadow .22s ease}.files-index button:hover:before,.files-index button:focus-visible:before{width:72%;opacity:.58}.files-index button:focus-visible{outline:0}.files-index button:focus-visible:before{box-shadow:0 0 0 3px rgba(255,208,0,.1)}.files-index li.active button:before{width:100%;height:2px;opacity:1;box-shadow:0 0 10px rgba(255,208,0,.18)}
.files-window{position:relative;z-index:2;min-width:0;overflow:hidden}.files-window:after{content:"";position:absolute;right:0;top:0;bottom:0;width:clamp(40px,4vw,76px);background:linear-gradient(90deg,transparent,#11120f);pointer-events:none}.files-track{height:100%;display:flex;gap:clamp(18px,2vw,30px);will-change:transform;transform:translate3d(0,0,0)}
@media(min-width:761px){.files-track:after{content:"";flex:0 0 clamp(40px,4vw,76px)}}
.file-card{position:relative;flex:0 0 min(68vw,820px);height:100%;min-height:390px;padding:clamp(22px,3vw,38px);border:1px solid var(--line);background:rgba(15,16,14,.96);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;opacity:.42;transition:opacity .3s ease,border-color .3s ease}.file-card.active{opacity:1;border-color:rgba(255,208,0,.5)}.file-card:before{content:"";position:absolute;left:51%;top:0;bottom:0;width:1px;background:var(--line)}.file-card:after{content:"";position:absolute;left:0;right:0;top:56%;height:1px;background:var(--line)}.file-card>header,.file-card>footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;font:400 7px/1 var(--mono);letter-spacing:.15em}.file-card>header span,.file-card>footer a{color:var(--yellow)}.file-card>header b{font-weight:400;color:#62645d}.file-card>footer{align-self:end;padding-top:18px;border-top:1px solid var(--line);color:#62645d}.file-card>footer a{text-decoration:none}.file-card>footer a:hover{text-decoration:underline}
.file-mark{position:absolute;z-index:0;left:clamp(22px,3vw,38px);top:18%;font:700 clamp(4.3rem,9vw,9.2rem)/.76 var(--mono);letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,208,0,.16);white-space:nowrap}.file-copy{position:relative;z-index:2;align-self:end;margin:0 0 clamp(22px,4vh,44px) 52%;max-width:390px}.file-type{margin:0 0 18px!important;font:700 7px/1 var(--mono)!important;letter-spacing:.18em;color:var(--yellow)!important}.file-copy h3{margin:0 0 18px;font-size:clamp(1.45rem,2.6vw,2.6rem);line-height:1.12;letter-spacing:-.045em}.file-copy>p:last-child{margin:0;color:#96988f;font-size:clamp(12px,1.15vw,15px);line-height:1.75;word-break:keep-all}
@media(max-width:760px){.trivia-story{height:610vh}.trivia-sticky{top:54px;height:calc(100svh - 54px);min-height:590px;padding:18px 18px 17px;gap:14px}.files-heading{grid-template-columns:1fr;gap:8px;align-items:start}.files-heading>div:first-child{gap:10px}.files-heading>div:first-child>span{font-size:2.3rem}.files-heading>div:first-child p{font-size:6px}.files-heading h2{font-size:1.75rem}.files-browser{grid-template-columns:20px minmax(0,1fr);gap:9px}.files-index{gap:6px}.files-track{gap:0}.file-card{flex-basis:100%;min-height:0;padding:19px;grid-template-rows:auto 1fr auto}.file-card:before{left:36%}.file-card:after{top:43%}.file-mark{left:18px;top:15%;font-size:clamp(3.2rem,16vw,5.5rem)}.file-copy{align-self:end;margin:0 0 16px 18%;max-width:none;padding-left:16px}.file-type{margin-bottom:12px!important;font-size:6px!important}.file-copy h3{margin-bottom:12px;font-size:1.35rem}.file-copy>p:last-child{font-size:11px;line-height:1.62}.file-card>footer{padding-top:12px;font-size:6px}.file-card>footer span{display:none}.files-window:after{display:none}}
@media(prefers-reduced-motion:reduce){.trivia-story{height:auto;padding:100px clamp(24px,8vw,128px)}.trivia-sticky{position:static;height:auto;min-height:0;padding:0;display:block;overflow:visible}.files-heading{margin-bottom:55px}.files-browser{display:block}.files-index{display:none}.files-window{overflow:visible}.files-window:after{display:none}.files-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));transform:none!important}.file-card{height:auto;min-height:500px;opacity:1}.file-copy{margin-left:35%}}@media(max-width:760px) and (prefers-reduced-motion:reduce){.files-track{grid-template-columns:1fr}.file-card{min-height:520px}.file-copy{margin-left:18%}}

/* Full-stroke boxer piston motion */
.cylinder{--piston-gap:8px;--piston-box:64px}.cylinder .piston{will-change:left,right,background-color,box-shadow}.cylinder .piston:before{content:"";position:absolute;left:7px;right:7px;top:50%;height:1px;background:rgba(255,208,0,.45)}
@media(max-width:760px){.cylinder{--piston-box:46px}}


/* 07 / END PLATE */
.file-card>footer{padding:18px 0 0;background:transparent;color:#62645d}
.site-footer{position:relative;padding:0;background:var(--ink);color:var(--paper);border-top:1px solid var(--line);overflow:hidden}.site-footer:before{content:"07";position:absolute;right:-.08em;top:.06em;font:400 clamp(16rem,38vw,38rem)/.75 var(--mono);letter-spacing:-.16em;color:transparent;-webkit-text-stroke:1px rgba(255,208,0,.045);pointer-events:none}.site-footer>.footer-inner{position:relative;z-index:1;display:block;padding:clamp(60px,9vw,130px) clamp(24px,6vw,92px) clamp(60px,7vw,95px);border:0;font:inherit;letter-spacing:normal}
.footer-meta{display:flex;align-items:center;gap:18px;font:400 7px/1 var(--mono);letter-spacing:.18em;color:#65675f}.footer-meta i{height:1px;flex:1;background:var(--line)}.footer-meta span:first-child{color:var(--yellow)}
.footer-wordmark{display:flex;align-items:baseline;gap:clamp(18px,3vw,48px);margin-top:clamp(55px,8vw,105px);white-space:nowrap}.footer-wordmark span,.footer-wordmark strong{font:700 clamp(5.4rem,17vw,17rem)/.68 var(--mono);letter-spacing:-.14em}.footer-wordmark span{color:transparent;-webkit-text-stroke:1px rgba(255,208,0,.72)}.footer-wordmark strong{color:var(--paper)}
.footer-reference{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(40px,8vw,130px);margin-top:clamp(65px,8vw,110px)}.footer-reference>div>p{margin:0 0 24px;font:700 7px/1 var(--mono);letter-spacing:.18em;color:#65675f}.site-footer .sources{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.site-footer .sources a{display:flex;flex-direction:column;gap:12px;padding:18px 12px 18px 0;border-bottom:1px solid var(--line);font:700 8px/1 var(--mono);letter-spacing:.1em;color:#c4c5bd;text-decoration:none}.site-footer .sources a span{font-size:6px;color:var(--yellow)}.site-footer .sources a:hover{color:var(--yellow);text-decoration:none}.footer-legal small{display:block;margin:0;color:#777970;font-size:10px;line-height:1.8}
.site-footer>.footer-yellowbar{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:22px clamp(24px,6vw,92px);border:0;background:var(--yellow);color:var(--ink);font-family:var(--mono);letter-spacing:normal}.footer-yellowbar span,.footer-yellowbar a{font-size:7px;letter-spacing:.16em}.footer-yellowbar strong{font-size:clamp(1rem,2vw,1.8rem);letter-spacing:-.06em}.footer-yellowbar a{justify-self:end;color:var(--ink);text-decoration:none;font-weight:700}
@media(max-width:760px){.footer-meta{font-size:6px}.footer-reference{grid-template-columns:1fr}.site-footer .sources{grid-template-columns:1fr}.site-footer .sources a{padding:16px 0}}


/* 02 / PURE MID-ENGINE SCHEMATIC */
.layout-schematic{padding:clamp(20px,3.5vw,48px)}
.simple-profile{position:relative;height:clamp(180px,22vw,270px);overflow:hidden}
.simple-car-line{position:absolute;z-index:1;left:6%;right:6%;top:30%;height:27%;border:1px solid #555750;border-bottom:0;border-radius:110px 110px 0 0}
.simple-baseline{position:absolute;z-index:2;left:0;right:0;top:57%;height:1px;background:#3d3f39}
.simple-wheel{position:absolute;z-index:4;top:57%;width:clamp(42px,5vw,58px);aspect-ratio:1;border:2px solid #62645d;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%)}
.simple-front-wheel{left:17%}.simple-rear-wheel{left:83%}
.simple-seats{position:absolute;z-index:3;left:36%;top:37%;width:12%;height:20%;border:1px dashed #5c5e56;text-align:center;font:400 7px/1 var(--mono);letter-spacing:.13em;color:#74766d;padding-top:5px}
.simple-engine{position:absolute;z-index:3;left:51%;top:34%;width:17%;height:23%;background:var(--yellow)}
.simple-wheelbase{position:absolute;left:17%;right:17%;bottom:11%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.simple-wheelbase i{height:1px;background:rgba(255,208,0,.55)}
.simple-wheelbase strong{font:700 8px/1 var(--mono);letter-spacing:.18em;color:var(--yellow);white-space:nowrap}
@media(max-width:760px){.layout-schematic{padding:14px 10px}.simple-profile{height:155px}.simple-car-line{left:5%;right:5%;top:31%;height:25%;border-radius:75px 75px 0 0}.simple-baseline{top:56%}.simple-wheel{top:56%;width:38px}.simple-front-wheel{left:17%}.simple-rear-wheel{left:83%}.simple-seats{left:36%;top:36%;width:12%;height:20%;font-size:5px;padding-top:4px}.simple-engine{left:51%;top:33%;width:17%;height:23%}.simple-wheelbase{left:17%;right:17%;bottom:10%;gap:7px}.simple-wheelbase strong{font-size:6px;letter-spacing:.14em}}

/* 04 / STATE-BASED ROOF SEQUENCE */
.roof-ruler ol{display:grid;grid-template-columns:repeat(6,1fr);padding:0;margin:12px 0 0;list-style:none}
.roof-ruler li{position:relative;display:block;text-align:center;font:700 7px/1 var(--mono);letter-spacing:.12em;color:#5f6159;transition:color .25s ease}
.roof-ruler li:first-child{text-align:left}.roof-ruler li:last-child{text-align:right}
.roof-ruler li:not(:last-child):after{content:">";position:absolute;right:-2px;color:#3f413b;font-weight:400}
.roof-ruler li.complete{color:#9b9d93}.roof-ruler li.active{color:var(--yellow)}
@media(max-width:760px){.roof-ruler ol{font-size:5px;letter-spacing:.06em}.roof-ruler li,.roof-ruler li:nth-child(2),.roof-ruler li:nth-child(4),.roof-ruler li:nth-child(5){display:block}.roof-ruler li:not(:last-child):after{right:-1px}}

/* 03 / HOLD-TO-LISTEN ENGINE AUDIO */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.engine-sound{min-height:112px;display:grid;grid-template-columns:minmax(190px,.7fr) 1fr auto;align-items:center;gap:clamp(24px,4vw,64px);padding:20px clamp(20px,4vw,54px);border-top:1px solid var(--line);background:rgba(255,208,0,.025)}
.sound-copy{display:flex;flex-direction:column;gap:7px}.sound-copy small,.sound-copy span{font:400 7px/1 var(--mono);letter-spacing:.14em;color:#686a62}.sound-copy strong{font:700 clamp(1rem,1.6vw,1.4rem)/1 var(--mono);letter-spacing:-.04em;color:var(--paper)}
.sound-wave{height:42px;display:flex;align-items:center;justify-content:center;gap:clamp(5px,1vw,13px);border-right:1px solid var(--line);border-left:1px solid var(--line)}
.sound-wave i{width:1px;height:8px;background:#696b63;transform-origin:center;transition:background .2s;animation:sound-meter .85s ease-in-out infinite;animation-play-state:paused}.sound-wave i:nth-child(2),.sound-wave i:nth-child(8){height:15px;animation-delay:-.2s}.sound-wave i:nth-child(3),.sound-wave i:nth-child(7){height:25px;animation-delay:-.5s}.sound-wave i:nth-child(4),.sound-wave i:nth-child(6){height:34px;animation-delay:-.7s}.sound-wave i:nth-child(5){height:18px;animation-delay:-.35s}.sound-playing .sound-wave i{background:var(--yellow);animation-play-state:running}
.hold-listen{position:relative;min-width:172px;height:58px;padding:0 19px 0 49px;border:1px solid var(--yellow);border-radius:0;background:var(--yellow);color:var(--ink);cursor:pointer;touch-action:none;user-select:none;font:700 8px/1 var(--mono);letter-spacing:.15em;text-align:left;transition:background .18s,color .18s,transform .12s,box-shadow .18s}.hold-listen i{position:absolute;left:19px;top:50%;width:14px;height:14px;border:1px solid currentColor;border-radius:50%;transform:translateY(-50%)}.hold-listen i:after{content:"";position:absolute;inset:4px;border-radius:50%;background:currentColor}.hold-listen:hover,.hold-listen:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,208,0,.18)}.hold-listen.playing{background:var(--ink);color:var(--yellow);box-shadow:inset 0 0 0 1px var(--yellow);transform:translateY(2px)}
@keyframes sound-meter{50%{transform:scaleY(.3);opacity:.45}}
@media(max-width:760px){.engine-sound{grid-template-columns:1fr auto;gap:18px;padding:18px 16px}.sound-copy span{display:none}.sound-wave{grid-row:2;grid-column:1/-1;order:3;height:26px}.hold-listen{min-width:146px;height:52px;padding-left:43px;font-size:7px}.hold-listen i{left:16px}}

/* 01 / NAME ASSEMBLY */
.name-story{position:relative;height:360vh;background:var(--ink);border-top:1px solid var(--line);--merge-axis:48%;--boxer-x:-11vw;--roadster-x:11vw;--boxer-drop-width:2.45ch;--roadster-drop-width:4.7ch;--drop-opacity:1;--drop-blur:0px;--plus-opacity:1;--source-opacity:1;--result-opacity:0;--keep-color:0;--seam-scale:0;--name-progress:0}
.name-sticky{position:sticky;top:58px;height:calc(100vh - 58px);min-height:650px;padding:clamp(24px,4vh,44px) clamp(24px,6vw,92px) 24px;display:grid;grid-template-rows:auto auto minmax(270px,1fr) auto;gap:clamp(16px,2.5vh,28px);overflow:hidden}.name-sticky:after{content:"BOX / STER";position:absolute;right:-.03em;bottom:-.08em;font:700 clamp(8rem,22vw,22rem)/.8 var(--mono);letter-spacing:-.12em;color:transparent;-webkit-text-stroke:1px rgba(255,208,0,.035);pointer-events:none}
.name-heading{position:relative;z-index:2;display:grid;grid-template-columns:minmax(170px,.55fr) 1fr;gap:clamp(25px,5vw,90px);align-items:end}.name-heading>div{display:flex;align-items:baseline;gap:18px}.name-heading>div>span{font:400 clamp(2.8rem,5vw,5rem)/.8 var(--mono);color:transparent;-webkit-text-stroke:1px rgba(255,208,0,.6);letter-spacing:-.1em}.name-heading p{margin:0;font:700 8px/1 var(--mono);letter-spacing:.18em;color:var(--yellow)}.name-heading h2{margin:0;font-size:clamp(2rem,4vw,4.2rem);line-height:.95;letter-spacing:-.055em}.name-heading h2 em{font-style:normal;color:var(--yellow)}
.name-origin{position:relative;z-index:2;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:20px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.name-origin small{font:400 7px/1 var(--mono);letter-spacing:.15em;color:#66685f}.name-origin strong{font:400 clamp(1.8rem,3.6vw,3.8rem)/1 var(--mono);color:transparent;-webkit-text-stroke:1px var(--yellow)}.name-origin p{justify-self:end;margin:0;color:#878980;font-size:11px}
.name-merge{position:relative;z-index:2;min-height:270px;overflow:visible}.merge-word{position:absolute;top:44%;transform:translateY(-50%);will-change:transform}.boxer-word{left:0;width:var(--merge-axis);text-align:right;transform:translateX(var(--boxer-x)) translateY(-50%)}.roadster-word{left:var(--merge-axis);right:0;text-align:left;transform:translateX(var(--roadster-x)) translateY(-50%)}.merge-word small{display:block;margin-bottom:18px;font:400 7px/1 var(--mono);letter-spacing:.18em;color:#66685f;opacity:var(--source-opacity)}.merge-word strong{display:flex;align-items:baseline;font:700 clamp(3rem,8vw,8.2rem)/.78 var(--mono);letter-spacing:-.11em;white-space:nowrap}.boxer-word strong{justify-content:flex-end}.roadster-word strong{justify-content:flex-start}.merge-word .keep{color:color-mix(in srgb,#d8d9d2,var(--yellow) calc(var(--keep-color) * 100%))}.merge-word .drop{display:inline-block;overflow:clip;overflow-clip-margin:.18em;color:#d8d9d2;opacity:var(--drop-opacity);filter:blur(var(--drop-blur));will-change:max-width,opacity,filter}.boxer-drop{max-width:var(--boxer-drop-width);overflow-clip-margin:.38em}.roadster-drop{max-width:var(--roadster-drop-width)}.merge-word>p{margin:22px 0 0;color:#7c7e76;font-size:12px;opacity:var(--source-opacity)}
.merge-plus{position:absolute;z-index:3;left:var(--merge-axis);top:44%;transform:translate(-50%,-50%) rotate(calc(var(--name-progress) * 90deg));font:400 clamp(1.8rem,4vw,4rem)/1 var(--mono);color:#6c6e66;opacity:var(--plus-opacity)}.merge-seam{position:absolute;left:calc(var(--merge-axis) + clamp(3px,.8vw,12px));top:29%;width:1px;height:30%;background:var(--yellow);transform:scaleY(var(--seam-scale));transform-origin:center;box-shadow:0 0 14px rgba(255,208,0,.35)}.merge-result{position:absolute;left:var(--merge-axis);bottom:7%;width:100%;text-align:center;transform:translateX(-50%);opacity:var(--result-opacity)}.merge-result span,.merge-result small{display:block;font:400 7px/1 var(--mono);letter-spacing:.16em;color:#696b63}.merge-result strong{display:block;margin:9px 0;font:700 clamp(1rem,2vw,1.7rem)/1 var(--mono);letter-spacing:.08em;color:var(--yellow)}
.name-progress{position:relative;z-index:2;display:grid;grid-template-columns:150px 1fr 32px;align-items:center;gap:18px;font:400 7px/1 var(--mono);letter-spacing:.15em;color:#65675f}.name-progress>i{height:2px;background:#34352f}.name-progress>i>b{display:block;width:100%;height:100%;background:var(--yellow);transform:scaleX(var(--name-progress));transform-origin:left}.name-progress>strong{font-weight:400;text-align:right;color:var(--yellow)}
@media(max-width:760px){.name-story{height:330vh}.name-sticky{top:54px;height:calc(100svh - 54px);min-height:590px;padding:18px 18px 16px;grid-template-rows:auto auto minmax(250px,1fr) auto;gap:13px}.name-heading{grid-template-columns:1fr;gap:8px}.name-heading>div{gap:10px}.name-heading>div>span{font-size:2.3rem}.name-heading p{font-size:6px}.name-heading h2{font-size:1.75rem}.name-origin{grid-template-columns:auto auto;gap:10px;padding:9px 0}.name-origin small{font-size:6px}.name-origin strong{justify-self:end;font-size:1.7rem}.name-origin p{display:none}.merge-word{top:43%}.merge-word small{margin-bottom:12px;font-size:5px}.merge-word strong{font-size:10.5vw}.merge-word>p{margin-top:15px;font-size:8px;white-space:nowrap}.boxer-word>p{padding-right:5px}.roadster-word>p{padding-left:5px}.merge-plus{top:43%;font-size:1.5rem}.merge-seam{top:28%;height:29%}.merge-result{bottom:6%}.merge-result span,.merge-result small{font-size:5px}.merge-result strong{font-size:1rem}.name-progress{grid-template-columns:90px 1fr 25px;gap:10px;font-size:6px}}
@media(prefers-reduced-motion:reduce){.name-story{height:auto;padding:100px clamp(24px,8vw,128px)}.name-sticky{position:static;height:auto;min-height:0;padding:0;display:block;overflow:visible}.name-heading{margin-bottom:35px}.name-origin{margin-bottom:35px}.name-merge{height:300px;--boxer-x:0vw;--roadster-x:0vw;--drop-opacity:0;--plus-opacity:0;--source-opacity:0;--result-opacity:1;--keep-color:1;--seam-scale:0}.merge-word .drop{display:none}.name-progress{display:none}}

/* History hierarchy: story first, type code second */
.history-display{grid-template-columns:minmax(120px,.42fr) minmax(320px,1.58fr);gap:clamp(28px,4vw,68px);max-width:1080px}.history-index{left:auto;right:0;top:-16px}.history-code{min-height:170px;padding-top:48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.history-code>span{font-size:clamp(4.5rem,9vw,8.5rem);line-height:.78;-webkit-text-stroke-color:rgba(255,208,0,.5)}.history-code>i{position:static;margin:12px 0 0 3px;font-size:9px;letter-spacing:.24em}.history-code .history-code-kind{top:0}.history-code .history-code-kind small{color:#8c8e85}
.history-copy{padding:clamp(22px,3vw,38px) 0}.history-copy time{font-size:clamp(2.1rem,4vw,4rem);color:#f0f1eb}.history-label{margin-top:14px!important}.history-copy h3{margin:clamp(18px,2.4vh,28px) 0 14px;font-size:clamp(1.9rem,3.2vw,3.25rem);line-height:1.1}.history-copy>p:last-of-type{max-width:650px;color:#b3b5ac;font-size:clamp(14px,1.35vw,17px);line-height:1.78}.history-copy dl{margin-top:clamp(22px,3vh,32px)}
@media(max-width:760px){.history-sticky:after{display:none}.history-sticky{grid-template-columns:48px minmax(0,1fr);column-gap:13px}.history-rail{padding-left:10px}.history-rail button{padding-left:7px}.history-rail button:before{left:-11px}.history-display{grid-template-columns:1fr;gap:8px;align-content:center;min-width:0}.history-index{left:auto;right:0;top:-22px;font-size:6px}.history-index strong{font-size:8px}.history-code{min-height:90px;padding-top:34px;display:block}.history-code>span{display:block;font-size:3.7rem;line-height:.72;letter-spacing:-.1em}.history-code>i{display:block;margin:7px 0 0 2px;font-size:7px;letter-spacing:.2em}.history-code .history-code-kind{top:0}.history-code .history-code-kind span{font-size:6px}.history-code .history-code-kind small{margin-top:3px;font-size:7px}.history-copy{padding:15px 0 17px}.history-copy time{font-size:1.65rem;line-height:1}.history-label{margin-top:9px!important;font-size:6px!important}.history-copy h3{margin:18px 0 10px;font-size:1.65rem;line-height:1.12}.history-copy>p:last-of-type{max-width:none;color:#b7b9b0;font-size:13px;line-height:1.68;word-break:normal;overflow-wrap:anywhere}.history-copy dl{margin-top:16px}.history-copy dt{font-size:6px}.history-copy dd{font-size:8px}}

/* 01 / SHARP NAME MERGE */
.merge-word strong{font-style:italic}
.merge-seam{background:#f4f4ef;transform:rotate(11deg) scaleY(var(--seam-scale));box-shadow:0 0 16px rgba(244,244,239,.5)}
@media(max-width:760px){.merge-seam{transform:rotate(9deg) scaleY(var(--seam-scale))}}

/* MOBILE QA / COMPLETE NAVIGATION */
.hero:after{display:none}
@media(max-width:1050px){.topbar{height:54px}.topbar nav{display:none;position:absolute;top:54px;left:0;right:0;max-height:calc(100svh - 54px);overflow:auto;flex-direction:column;align-items:stretch;gap:0;background:rgba(16,17,15,.98);padding:12px 22px 18px;border-bottom:1px solid var(--line)}.topbar nav.open{display:flex}.topbar nav a{padding:12px 0;border-bottom:1px solid var(--line)}.topbar nav a:last-of-type{border-bottom:0}.paint-switcher{width:100%;margin:10px 0 0;padding:14px 0 2px;border-left:0;border-top:1px solid var(--line)}.paint-switcher>span{margin-right:auto}.paint-swatch{width:28px;height:28px}.paint-swatch:before{inset:8px}.menu{display:block}}
@media(max-width:760px){.hero-title{min-width:0}.hero h1{max-width:100%;font-size:19vw;letter-spacing:-.1em}.name-merge{overflow:visible}.merge-word strong{font-size:10vw}}

/* Compact footer */
.site-footer>.footer-inner{padding:clamp(48px,6vw,78px) clamp(24px,6vw,92px) clamp(40px,5vw,65px)}.footer-meta a{font:700 7px/1 var(--mono);letter-spacing:.16em;color:var(--yellow);text-decoration:none}.footer-meta a:hover{text-decoration:underline}
.footer-wordmark{margin-top:clamp(38px,5vw,62px);gap:clamp(14px,2vw,30px)}.footer-wordmark span,.footer-wordmark strong{font-size:clamp(4.5rem,11vw,11rem);line-height:.72}
.footer-reference{margin-top:clamp(42px,5vw,65px);gap:clamp(35px,6vw,90px)}.site-footer>.footer-yellowbar{grid-template-columns:1fr auto;padding-top:17px;padding-bottom:17px}
@media(max-width:760px){.site-footer>.footer-inner{padding:46px 22px 38px}.footer-meta{gap:9px}.footer-meta span:nth-of-type(2){display:none}.footer-meta a{font-size:6px}.footer-wordmark{display:flex;align-items:baseline;gap:10px;margin-top:38px;white-space:nowrap}.footer-wordmark span{font-size:10vw;line-height:.8}.footer-wordmark strong{margin:0;font-size:15.5vw;line-height:.8}.footer-reference{gap:30px;margin-top:42px}.footer-reference>div>p{margin-bottom:15px}.site-footer>.footer-yellowbar{grid-template-columns:1fr auto;padding:15px 22px}.footer-yellowbar span{display:block;font-size:5px}.footer-yellowbar strong{font-size:.9rem}}

/* Segmented soft-top sequence */
.roof-mechanism{position:absolute;z-index:5;inset:0;pointer-events:none}.roof-panel{position:absolute;left:0;top:0;height:8px;margin-top:-4px;border-top:1px solid var(--yellow);border-bottom:1px solid rgba(255,208,0,.42);background:rgba(255,208,0,.07);transform-origin:0 50%;will-change:width,transform,opacity}.roof-panel:after{content:"";position:absolute;inset:3px 0 auto;height:1px;background:rgba(255,208,0,.36)}.roof-joint{position:absolute;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border:1px solid var(--yellow);border-radius:50%;background:var(--ink);will-change:transform,opacity}.roof-lock{left:14%;top:calc(49% - 20px);transition:opacity .15s linear}.roof-pivot{left:84%;top:45%;z-index:6}
@media(max-width:760px){.roof-panel{height:6px;margin-top:-3px}.roof-lock{left:14%}.roof-pivot{left:84%;top:45%}}

/* Vertical segmented file index */
.files-index{display:flex;flex-direction:column;gap:6px}.files-index li{flex:1;min-height:0}.files-index button{display:block}.files-index button:before{width:5px;height:100%;margin:0 auto;background:rgba(232,230,220,.22);opacity:1}.files-index button:hover:before,.files-index button:focus-visible:before{width:5px;background:rgba(232,230,220,.5);opacity:1}.files-index li.active button:before{width:5px;height:100%;background:var(--yellow);opacity:1;box-shadow:0 0 10px rgba(255,208,0,.2)}
@media(max-width:760px){.files-index{gap:6px}.files-index button:before,.files-index button:hover:before,.files-index button:focus-visible:before,.files-index li.active button:before{width:4px}}

/* Paint themes: keep every technical tint tied to the selected accent. */
.plate{background-image:linear-gradient(rgba(var(--accent-rgb),.035) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.035) 1px,transparent 1px)}
.section-no{--stroke:rgba(var(--accent-rgb),.55);-webkit-text-stroke-color:var(--stroke)}
.roof-sticky:after{ -webkit-text-stroke-color:rgba(var(--accent-rgb),.08)}
.roof-heading>div span,.files-heading>div:first-child>span,.name-heading>div>span{-webkit-text-stroke-color:rgba(var(--accent-rgb),.6)}
.roof-storage{border-color:rgba(var(--accent-rgb),.38)}.roof-storage>i{background:rgba(var(--accent-rgb),.15)}.roof-story[data-stage="open"] .roof-blueprint{background:rgba(var(--accent-rgb),.05)}
.cylinder:after{background:rgba(var(--accent-rgb),.18)}.cylinder .piston:before{background:rgba(var(--accent-rgb),.45)}
.history-sticky:after{border-color:rgba(var(--accent-rgb),.12);box-shadow:0 0 0 6vw rgba(var(--accent-rgb),.018),0 0 0 12vw rgba(var(--accent-rgb),.012)}
.history-no{-webkit-text-stroke-color:rgba(var(--accent-rgb),.65)}.history-code span{-webkit-text-stroke-color:rgba(var(--accent-rgb),.68)}.history-code>span{-webkit-text-stroke-color:rgba(var(--accent-rgb),.5)}.history-rail button.active:before{box-shadow:0 0 0 5px rgba(var(--accent-rgb),.12)}
.trivia-sticky:before{-webkit-text-stroke-color:rgba(var(--accent-rgb),.04)}.files-index button:focus-visible:before{box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.files-index li.active button:before{box-shadow:0 0 10px rgba(var(--accent-rgb),.2)}
.file-card.active{border-color:rgba(var(--accent-rgb),.5)}.file-mark{-webkit-text-stroke-color:rgba(var(--accent-rgb),.16)}
.site-footer:before{-webkit-text-stroke-color:rgba(var(--accent-rgb),.045)}.footer-wordmark span{-webkit-text-stroke-color:rgba(var(--accent-rgb),.72)}
.simple-wheelbase i{background:rgba(var(--accent-rgb),.55)}.engine-sound{background:rgba(var(--accent-rgb),.025)}.hold-listen:hover,.hold-listen:focus-visible{box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18)}
.name-sticky:after{-webkit-text-stroke-color:rgba(var(--accent-rgb),.035)}.merge-seam{box-shadow:0 0 14px rgba(var(--accent-rgb),.35)}
.roof-panel{border-bottom-color:rgba(var(--accent-rgb),.42);background:rgba(var(--accent-rgb),.07)}.roof-panel:after{background:rgba(var(--accent-rgb),.36)}
.hero-meta span:first-child,.hold-listen,.site-footer>.footer-yellowbar,.footer-yellowbar a{color:var(--accent-ink)}
@keyframes boxer-left{0%,100%{right:var(--piston-gap);transform:none;background:rgba(var(--accent-rgb),.13);box-shadow:0 0 18px rgba(var(--accent-rgb),.16)}48%,52%{right:calc(100% - var(--piston-box));transform:none;background:var(--ink);box-shadow:none}}
@keyframes boxer-right{0%,100%{left:var(--piston-gap);transform:none;background:rgba(var(--accent-rgb),.13);box-shadow:0 0 18px rgba(var(--accent-rgb),.16)}48%,52%{left:calc(100% - var(--piston-box));transform:none;background:var(--ink);box-shadow:none}}