/* Cabin page experiences: desk, kinetic mobile, and lantern path. */

body[data-page="home"]{background:#edf1ec}
.home-room{padding-top:0!important;overflow:clip;background:radial-gradient(circle at 82% 13%,rgba(215,228,218,.86),transparent 30rem),linear-gradient(180deg,#f8faf6 0%,#eef2ed 32%,#e6ece6 100%)}
.home-threshold{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,.92fr) minmax(28rem,1.08fr);align-items:center;gap:clamp(2rem,5vw,7rem);padding:clamp(8.5rem,15vh,11rem) clamp(1.4rem,6vw,7rem) clamp(5.5rem,9vh,7rem);border-bottom:1px solid rgba(113,139,124,.24)}
.home-threshold:before,.home-threshold:after{content:"";position:absolute;pointer-events:none}
.home-threshold:before{inset:0;opacity:.44;background-image:linear-gradient(90deg,transparent calc(50% - .5px),rgba(113,139,124,.13) 50%,transparent calc(50% + .5px)),linear-gradient(rgba(113,139,124,.09) 1px,transparent 1px);background-size:100% 100%,100% 18vh;mask-image:linear-gradient(90deg,#000,transparent 82%)}
.home-threshold:after{width:min(54vw,54rem);aspect-ratio:1;right:-16vw;top:-18vw;border:1px solid rgba(113,139,124,.12);border-radius:50%;box-shadow:0 0 0 9vw rgba(113,139,124,.035),0 0 0 18vw rgba(113,139,124,.025)}
.threshold-copy{position:relative;z-index:3;align-self:center}
.threshold-copy h1{max-width:9.4ch;font-size:clamp(4.1rem,7.4vw,8.6rem);line-height:.88;letter-spacing:-.065em}
.threshold-copy h1 em{color:var(--accent-active);font-weight:400}
.threshold-thesis{max-width:36rem;margin-top:clamp(1.7rem,3vw,2.5rem);color:#48534c;font:400 clamp(1.08rem,1.7vw,1.4rem)/1.66 "Lora",Georgia,serif}
.threshold-copy .hero-actions{margin-top:clamp(2rem,4vw,3rem)}
.threshold-copy .project-note{display:flex;align-items:center;gap:.65rem;margin-top:1.4rem;color:var(--muted);font-size:.68rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
.threshold-copy .project-note:before{content:"";width:.42rem;height:.42rem;border:1px solid var(--accent);border-radius:50%;box-shadow:inset 0 0 0 2px #eef2ed;background:var(--accent)}
.writing-desk{--desk-x:0deg;--desk-y:0deg;position:relative;z-index:2;min-height:min(42rem,68vh);display:grid;place-items:center;perspective:1200px;touch-action:pan-y}
.desk-halo{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(212,180,119,.18),rgba(113,139,124,.08) 42%,transparent 70%);filter:blur(9px);transform:translate(13%,-9%)}
.desk-object{position:relative;width:min(42vw,42rem);aspect-ratio:1.12;transform-style:preserve-3d;transform:rotateX(calc(54deg + var(--desk-y))) rotateZ(calc(-10deg + var(--desk-x)));transition:transform 900ms var(--ease);will-change:transform}
.writing-desk:hover .desk-object{transition-duration:180ms}
.desk-surface,.desk-shadow{position:absolute;inset:4% 0 0;border-radius:1.3rem}
.desk-surface{transform:translateZ(-1px);overflow:hidden;border:1px solid rgba(81,99,87,.25);background:repeating-linear-gradient(4deg,rgba(80,96,84,.038) 0 1px,transparent 1px 13px),linear-gradient(145deg,#aebfb2,#92aa99);box-shadow:-2.4rem 3.2rem 6rem rgba(49,66,54,.18),inset 0 1px rgba(255,255,255,.5)}
.desk-surface:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 42%,rgba(44,63,49,.08))}
.desk-shadow{transform:translate3d(-1.6rem,2.4rem,-35px);background:rgba(45,61,50,.17);filter:blur(1.7rem)}
.desk-page{position:absolute;left:21%;top:11%;width:53%;height:72%;border:1px solid rgba(199,205,198,.8);border-radius:.35rem;transform-style:preserve-3d;background:#fffef9;box-shadow:0 2rem 3rem rgba(36,47,39,.16)}
.page-under{transform:translate3d(-1rem,1.2rem,13px) rotateZ(-3.5deg);background:repeating-linear-gradient(180deg,transparent 0 1.5rem,rgba(113,139,124,.1) 1.5rem calc(1.5rem + 1px)),#f4f3ec}
.page-main{display:flex;flex-direction:column;padding:12% 12% 9%;transform:translateZ(30px) rotateZ(1.5deg);transition:transform 800ms var(--ease)}
.writing-desk:hover .page-main{transform:translateZ(42px) rotateZ(.3deg)}
.page-main small{color:var(--accent-active);font-size:clamp(.42rem,.75vw,.68rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.page-main strong{margin-top:10%;font:500 clamp(.9rem,1.7vw,1.55rem)/1.08 "Lora",Georgia,serif;letter-spacing:-.035em}
.page-main p{max-width:25ch;margin-top:10%;color:#718078;font:400 clamp(.46rem,.78vw,.72rem)/1.65 "Lora",Georgia,serif}
.page-number{position:absolute;right:9%;top:7%;color:#b0b9b3;font-size:clamp(.46rem,.7vw,.66rem)}
.page-caret{width:1px;height:1.1em;margin-top:3%;background:var(--accent-active);animation:cabin-caret 1.45s steps(1) infinite}
@keyframes cabin-caret{50%{opacity:0}}
.desk-pencil{position:absolute;left:74%;top:22%;width:3.4%;height:52%;z-index:4;border-radius:999px;transform:translateZ(37px) rotateZ(-10deg);background:linear-gradient(90deg,#b8965e 0 25%,#d4b477 25% 72%,#896f47 72%);box-shadow:.5rem .7rem 1rem rgba(32,37,34,.14)}
.desk-cup{position:absolute;left:6%;top:52%;width:14%;aspect-ratio:1;z-index:3;border:.55rem solid #dce4dc;border-radius:50%;transform:translateZ(35px);background:#6d5540;box-shadow:.7rem 1.2rem 1.3rem rgba(45,58,49,.2)}
.desk-cup:after{content:"";position:absolute;width:55%;height:32%;left:-52%;top:26%;border:.32rem solid #dce4dc;border-right:0;border-radius:999px 0 0 999px}
.desk-cup i{position:absolute;left:26%;top:35%;width:18%;height:42%;border:1px solid rgba(255,255,255,.3);border-radius:50%;transform:rotate(calc(var(--steam,1)*16deg));opacity:.55}
.desk-cup i:nth-child(2){left:48%;top:26%;--steam:-1}.desk-cup i:nth-child(3){left:63%;top:38%;--steam:.5}
.desk-lamp{position:absolute;right:3%;top:0;width:22%;height:24%;z-index:5;transform:translateZ(64px);border-radius:52% 52% 16% 16%;background:linear-gradient(145deg,#405d4b,#68816f);box-shadow:0 1rem 2rem rgba(40,57,45,.22)}
.desk-lamp:before{content:"";position:absolute;left:47%;top:92%;width:7%;height:110%;border-radius:999px;background:#566b5d}
.desk-lamp:after{content:"";position:absolute;left:27%;top:185%;width:48%;height:14%;border-radius:50%;background:#435b4b}
.desk-lamp span{position:absolute;inset:75% -90% -210%;clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(237,207,147,.28),transparent);mix-blend-mode:screen}
.desk-instruction{position:absolute;right:0;bottom:2%;display:flex;align-items:center;gap:.7rem;color:var(--muted);font-size:.64rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase}
.desk-instruction:before{content:"";width:2.6rem;height:1px;background:var(--outline)}
.threshold-scroll,.maker-scroll{position:absolute;z-index:4;left:clamp(1.4rem,6vw,7rem);bottom:2rem;display:flex;align-items:center;gap:1rem;color:#69746d;font-size:.65rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.threshold-scroll i,.maker-scroll i{position:relative;width:4.2rem;height:1px;overflow:hidden;background:var(--outline)}
.threshold-scroll i:after,.maker-scroll i:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:var(--accent-active);animation:cabin-guide 2.4s var(--ease) infinite}
@keyframes cabin-guide{55%,100%{transform:translateX(100%)}}

/* assembly */
.room-assembly{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(22rem,.75fr);background:linear-gradient(90deg,rgba(31,42,34,.035) 1px,transparent 1px),#e8eee8;background-size:12vw 100%}
.room-stage{position:sticky;top:0;height:100svh;min-width:0;display:grid;place-items:center;overflow:hidden;border-right:1px solid rgba(113,139,124,.22)}
.room-stage:before{content:"";position:absolute;width:78%;aspect-ratio:1;border:1px solid rgba(113,139,124,.12);border-radius:50%;box-shadow:0 0 0 7vw rgba(113,139,124,.035)}
.assembly-heading{position:absolute;left:clamp(1.2rem,3.5vw,4rem);right:clamp(1.2rem,3.5vw,4rem);top:clamp(6.5rem,12vh,8.5rem);display:flex;align-items:baseline;justify-content:space-between;gap:2rem}
.assembly-heading span{color:var(--accent-active);font-size:.68rem;font-weight:700;letter-spacing:.12em}.assembly-heading p{color:var(--muted);font:italic 400 clamp(.85rem,1.2vw,1rem)/1.4 "Lora",Georgia,serif}
.cabin-workspace{position:relative;width:min(86%,62rem);aspect-ratio:16/10;perspective:1400px}
.workspace-glow{position:absolute;inset:22% 15% 4%;border-radius:50%;transform:translateY(4rem);background:rgba(70,91,76,.2);filter:blur(3rem)}
.workspace-shell{position:absolute;inset:0;display:grid;grid-template-columns:0 minmax(0,1fr) 0;grid-template-rows:2.5rem minmax(0,1fr) 0;overflow:hidden;border:1px solid rgba(103,121,109,.36);border-radius:.65rem;transform:rotateX(3deg) rotateY(-5deg);transform-style:preserve-3d;background:rgba(248,249,246,.93);box-shadow:3rem 3.8rem 6rem rgba(48,63,52,.16),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(16px);transition:grid-template-columns 1.25s var(--ease),grid-template-rows 1.25s var(--ease),transform 1.25s var(--ease)}
.cabin-workspace[data-assembly-stage="1"] .workspace-shell{grid-template-columns:22% minmax(0,1fr) 0;transform:rotateX(2deg) rotateY(-3deg)}
.cabin-workspace[data-assembly-stage="2"] .workspace-shell{grid-template-columns:19% minmax(0,1fr) 25%;transform:rotateX(1deg)}
.cabin-workspace[data-assembly-stage="3"] .workspace-shell{grid-template-columns:18% minmax(0,1fr) 24%;grid-template-rows:2.5rem minmax(0,1fr) 20%;transform:none}
.workspace-topbar{grid-column:1/-1;display:flex;align-items:center;gap:.38rem;padding:0 .8rem;border-bottom:1px solid var(--divider);background:rgba(232,237,232,.8)}
.workspace-topbar i{width:.42rem;height:.42rem;border:1px solid #93a098;border-radius:50%}.workspace-topbar span{margin-left:auto;color:#88938c;font-size:.53rem;letter-spacing:.08em}
.workspace-rail{grid-column:1;grid-row:2;min-width:0;display:flex;flex-direction:column;gap:.85rem;padding:1.5rem clamp(.45rem,1.2vw,1rem);overflow:hidden;border-right:1px solid var(--divider);background:rgba(232,237,232,.46)}
.workspace-rail small,.workspace-note small,.workspace-page small{color:var(--accent-active);font-size:clamp(.38rem,.66vw,.58rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.workspace-rail b,.workspace-rail span{white-space:nowrap;color:var(--secondary);font-size:clamp(.38rem,.64vw,.58rem);font-weight:500}
.workspace-rail b{padding:.5rem;border-radius:.3rem;background:rgba(113,139,124,.12);color:var(--text)}
.workspace-page{grid-column:2;grid-row:2;min-width:0;overflow:hidden;padding:clamp(1.6rem,4.5vw,4rem) clamp(1.5rem,5vw,5.2rem);background:rgba(255,255,252,.72)}
.workspace-page h3{max-width:14ch;margin-top:1.1rem;font:500 clamp(1.05rem,2.1vw,2.05rem)/1.08 "Lora",Georgia,serif;letter-spacing:-.035em}
.workspace-page p{max-width:47ch;margin-top:1rem;color:#69756e;font:400 clamp(.48rem,.78vw,.75rem)/1.72 "Lora",Georgia,serif}
.workspace-page i{display:block;width:1px;height:1em;margin-top:.3rem;background:var(--accent)}
.workspace-note{grid-column:3;grid-row:2;min-width:0;display:flex;flex-direction:column;gap:.8rem;overflow:hidden;padding:1.5rem clamp(.45rem,1.2vw,1rem);border-left:1px solid var(--divider);background:rgba(238,241,235,.72)}
.workspace-note strong{font:500 clamp(.58rem,1vw,.88rem)/1.2 "Lora",Georgia,serif}
.workspace-note span{color:var(--secondary);font-size:clamp(.36rem,.58vw,.54rem);line-height:1.45}.workspace-note span b{display:block;margin-bottom:.15rem;color:#8b958f;font-size:.85em;letter-spacing:.08em;text-transform:uppercase}
.workspace-time{grid-column:1/-1;grid-row:3;position:relative;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:1rem;overflow:hidden;padding:.8rem 10% .7rem;border-top:1px solid var(--divider);background:rgba(225,233,226,.7)}
.workspace-time:before{content:"";position:absolute;top:38%;left:12%;right:12%;height:1px;background:#bac8bd}
.workspace-time i{position:relative;z-index:2;align-self:start;justify-self:center;width:.48rem;height:.48rem;border:2px solid #e4ebe4;border-radius:50%;background:var(--accent)}
.workspace-time span{text-align:center;color:#69756e;font-size:clamp(.34rem,.58vw,.52rem)}
.assembly-layer{opacity:0;transition:opacity .8s ease .12s}
.cabin-workspace[data-assembly-stage="1"] [data-layer="rail"],.cabin-workspace[data-assembly-stage="2"] [data-layer="rail"],.cabin-workspace[data-assembly-stage="3"] [data-layer="rail"],.cabin-workspace[data-assembly-stage="2"] [data-layer="note"],.cabin-workspace[data-assembly-stage="3"] [data-layer="note"],.cabin-workspace[data-assembly-stage="3"] [data-layer="time"]{opacity:1}
.assembly-steps{padding:0 clamp(1.5rem,4.5vw,5rem)}.assembly-step{min-height:100svh;display:flex;flex-direction:column;justify-content:center;opacity:.24;transition:opacity 600ms ease}.assembly-step.is-active{opacity:1}
.assembly-step>span{display:grid;place-items:center;width:2.6rem;height:2.6rem;margin-bottom:1.7rem;border:1px solid var(--accent);border-radius:50%;color:var(--accent-active);font-size:.65rem;font-weight:700}
.assembly-step h2{max-width:9ch;font-size:clamp(2.7rem,5vw,5.3rem);line-height:.94;letter-spacing:-.05em}
.assembly-step p{max-width:32rem;margin-top:1.8rem;font-size:clamp(1rem,1.4vw,1.18rem)}

/* principle windows */
.home-principles{position:relative;padding:clamp(7rem,14vw,13rem) clamp(1.4rem,6vw,7rem);background:#f6f8f4}
.principles-prologue{display:grid;grid-template-columns:minmax(12rem,.55fr) minmax(22rem,1.15fr) minmax(16rem,.65fr);align-items:end;gap:clamp(2rem,5vw,6rem);margin-bottom:clamp(5rem,10vw,9rem)}
.principles-prologue .eyebrow{align-self:start}.principles-prologue h2{font-size:clamp(3rem,5.6vw,6.3rem);line-height:.94;letter-spacing:-.052em}
.principles-prologue>p:last-child{padding-left:1.5rem;border-left:1px solid var(--accent)}
.principle-windows{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,2vw,2rem);perspective:1200px}
.principle-window{--card-rx:0deg;--card-ry:0deg;position:relative;min-height:clamp(21rem,30vw,29rem);display:flex;flex-direction:column;padding:clamp(1.6rem,3vw,3rem);overflow:hidden;border:1px solid rgba(113,139,124,.26);border-radius:.85rem;transform:rotateX(var(--card-rx)) rotateY(var(--card-ry));transform-style:preserve-3d;background:linear-gradient(145deg,rgba(255,255,252,.96),rgba(235,241,235,.88));box-shadow:0 1.5rem 4rem rgba(48,64,52,.08);transition:transform 180ms ease,box-shadow 500ms ease,border-color 500ms ease}
.principle-window:nth-child(1),.principle-window:nth-child(4){grid-column:span 7}.principle-window:nth-child(2),.principle-window:nth-child(5){grid-column:span 5}.principle-window:nth-child(3){grid-column:3/span 8}
.principle-window:hover{border-color:rgba(80,100,87,.46);box-shadow:0 2.3rem 5rem rgba(48,64,52,.13)}
.principle-window>span{color:var(--accent-active);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.principle-window h3{max-width:13ch;margin-top:auto;font:500 clamp(2rem,3.8vw,4.1rem)/.97 "Lora",Georgia,serif;letter-spacing:-.05em}
.principle-window p{max-width:37rem;margin-top:1.5rem}.principle-window>i{position:absolute;right:-1.5rem;top:2rem;color:rgba(113,139,124,.1);font:italic 400 clamp(7rem,14vw,14rem)/1 "Lora",Georgia,serif;letter-spacing:-.08em}
.home-status{min-height:100svh;display:grid;grid-template-columns:minmax(20rem,.85fr) minmax(24rem,1.15fr);align-items:center;gap:clamp(3rem,8vw,10rem);padding:8rem clamp(1.4rem,7vw,9rem);overflow:hidden;background:radial-gradient(circle at 23% 50%,rgba(113,139,124,.2),transparent 27rem),#e7ede7}
.home-status>div:last-child{position:relative;z-index:2}.home-status h2{max-width:12ch;font-size:clamp(3.4rem,6.5vw,7.4rem);line-height:.92;letter-spacing:-.06em}
.home-status>div:last-child>p:not(.eyebrow){max-width:39rem;margin-top:2rem;font-size:clamp(1rem,1.6vw,1.24rem)}.home-status .inline-links{margin-top:2.5rem}
.status-orbit{position:relative;justify-self:center;width:min(37vw,34rem);aspect-ratio:1;border:1px solid rgba(80,100,87,.24);border-radius:50%;transform:rotateX(68deg) rotateZ(-18deg);transform-style:preserve-3d}
.status-orbit:before,.status-orbit:after{content:"";position:absolute;border:1px solid rgba(80,100,87,.18);border-radius:50%}.status-orbit:before{inset:17%}.status-orbit:after{inset:34%}
.status-orbit i{position:absolute;width:1.2rem;aspect-ratio:1;border-radius:50%;background:var(--accent-active);box-shadow:0 0 0 .7rem rgba(113,139,124,.12);animation:orbit-breathe 4.5s ease-in-out infinite}
.status-orbit i:nth-child(1){left:7%;top:43%}.status-orbit i:nth-child(2){right:20%;top:12%;animation-delay:-1.4s}.status-orbit i:nth-child(3){right:34%;bottom:21%;animation-delay:-2.8s}
.status-orbit b{position:absolute;inset:44%;border-radius:50%;transform:translateZ(5rem);background:#f8f5e8;box-shadow:0 0 4rem 2rem rgba(212,180,119,.28)}
@keyframes orbit-breathe{50%{transform:scale(1.3);box-shadow:0 0 0 1rem rgba(113,139,124,.04)}}
.home-coda{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:7rem 1.5rem;background:#202a23}
.home-coda:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(184,204,189,.11),transparent 22rem),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,12.5vw 100%}
.home-coda>p{position:relative;z-index:3;text-align:center;color:#eef2ed;font:400 clamp(3rem,7.5vw,8rem)/.96 "Lora",Georgia,serif;letter-spacing:-.06em}.home-coda>p em{color:#b9cabc}
.coda-door{position:absolute;z-index:1;width:min(28vw,22rem);height:min(57vh,38rem);border:1px solid rgba(223,235,226,.28);border-bottom:0;transform:perspective(900px) rotateY(-5deg);box-shadow:inset 0 0 5rem rgba(213,229,217,.06),0 0 8rem rgba(134,163,142,.07)}
.coda-door span{position:absolute;right:1.3rem;top:50%;width:.5rem;height:.5rem;border:1px solid #b6c5ba;border-radius:50%}

/* About: the maker's kinetic mobile */
body[data-page="about"]{background:#f2f4ef}.maker-story{padding-top:70px!important;background:radial-gradient(circle at 76% 10%,rgba(217,229,220,.78),transparent 28rem),linear-gradient(180deg,#f8faf6,#edf1ec 70%,#e4ebe5)}
.maker-hero{position:relative;min-height:calc(100svh - 70px);display:grid;grid-template-columns:minmax(3rem,.17fr) minmax(28rem,1.2fr) minmax(18rem,.63fr);align-items:center;gap:clamp(2rem,4vw,5rem);overflow:hidden;padding:clamp(4rem,8vh,7rem) clamp(1.4rem,6vw,7rem) 6rem;border-bottom:1px solid rgba(113,139,124,.22)}
.maker-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(113,139,124,.09) 50%,transparent calc(50% + .5px)),linear-gradient(rgba(113,139,124,.07) 1px,transparent 1px);background-size:25% 100%,100% 25%}
.maker-index{position:relative;z-index:2;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-block:1rem 3rem;border-right:1px solid rgba(113,139,124,.28)}
.maker-index span{color:var(--muted);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl}.maker-index b{color:var(--accent-active);font:400 1.3rem/1 "Lora",Georgia,serif}
.maker-hero-copy{position:relative;z-index:2}.maker-hero h1{max-width:9ch;font-size:clamp(5rem,10vw,11rem);line-height:.77;letter-spacing:-.078em}.maker-hero h1 em{color:var(--accent-active);font-weight:400}
.maker-hero-copy>p:last-child{max-width:42rem;margin-top:clamp(2.2rem,4vw,3.7rem);color:#455149;font:400 clamp(1.12rem,1.9vw,1.5rem)/1.67 "Lora",Georgia,serif}
.maker-signature{position:relative;z-index:2;align-self:end;margin-bottom:3rem;padding:2rem 0 0;border-top:1px solid rgba(113,139,124,.28)}
.maker-signature svg{width:min(100%,17rem);overflow:visible}.maker-signature path{fill:none;stroke:#647b6b;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.maker-signature span{display:block;margin-top:.8rem;color:var(--muted);font-size:.63rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.maker-scroll{left:auto;right:clamp(1.4rem,6vw,7rem)}
.maker-mobile-section{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(25rem,.92fr);background:radial-gradient(circle at 25% 42%,rgba(113,139,124,.15),transparent 33rem),#e8eee8}
.mobile-sticky{position:sticky;top:0;height:100svh;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:clamp(5.5rem,10vh,8rem) clamp(1.5rem,4vw,4rem) 2.5rem;overflow:hidden;border-right:1px solid rgba(113,139,124,.22)}
.mobile-canvas-wrap{position:relative;min-height:0;border:1px solid rgba(113,139,124,.2);border-radius:50% 50% .9rem .9rem;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(252,252,247,.9),transparent 39%),linear-gradient(180deg,rgba(248,250,246,.7),rgba(224,233,225,.5))}
.mobile-canvas-wrap:before{content:"";position:absolute;z-index:2;left:1.4rem;right:1.4rem;top:1.4rem;height:1px;background:rgba(113,139,124,.18)}.mobile-canvas-wrap:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 -5rem 6rem rgba(224,233,225,.58)}
.mobile-canvas-wrap canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%}
.mobile-fallback{position:absolute;inset:5% 7%;display:grid;place-items:center}.mobile-fallback:before{content:"";width:48%;height:1px;background:var(--accent)}.mobile-fallback:after{content:"";position:absolute;top:12%;bottom:34%;width:1px;background:var(--accent)}
.mobile-fallback i{position:absolute;top:41%;width:22%;aspect-ratio:1.5;border:1px solid var(--accent);border-radius:50%}.mobile-fallback i:nth-child(1){left:12%;transform:rotate(14deg)}.mobile-fallback i:nth-child(2){left:39%;top:52%;transform:rotate(-8deg)}.mobile-fallback i:nth-child(3){right:9%;transform:rotate(9deg)}.has-maker-webgl .mobile-fallback{opacity:0}
.mobile-label{position:absolute;z-index:4;left:2rem;bottom:1.8rem;display:flex;align-items:baseline;gap:.85rem}.mobile-label span{color:var(--accent-active);font-size:.62rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.mobile-label strong{color:#3e4c42;font:500 clamp(1.4rem,2.5vw,2.5rem)/1 "Lora",Georgia,serif}
.mobile-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;padding-top:1.1rem}.mobile-controls button{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.8rem;border:1px solid rgba(113,139,124,.25);border-radius:999px;color:var(--secondary);background:rgba(248,250,246,.56);font:600 .68rem/1 "Geist",sans-serif;letter-spacing:.04em;cursor:pointer;transition:color 300ms ease,background 300ms ease,border-color 300ms ease}
.mobile-controls button span{color:var(--muted);font-size:.56rem}.mobile-controls button:hover,.mobile-controls button.is-active{border-color:var(--accent-active);color:#fff;background:var(--accent-active)}.mobile-controls button.is-active span{color:#d9e2db}
.maker-chapters{padding-inline:clamp(1.5rem,5vw,6rem)}.maker-chapter{min-height:100svh;display:flex;flex-direction:column;justify-content:center;opacity:.22;transition:opacity 600ms ease}.maker-chapter.is-active{opacity:1}
.maker-chapter:before{content:"";width:4rem;height:1px;margin-bottom:clamp(2rem,5vw,4rem);background:var(--accent)}.maker-chapter .about-role{margin-bottom:1.4rem}
.maker-chapter h2{max-width:10ch;font-size:clamp(3.2rem,6vw,6.6rem);line-height:.92;letter-spacing:-.06em}.maker-chapter>p:last-child{max-width:38rem;margin-top:2rem;color:#566159;font-size:clamp(1rem,1.45vw,1.2rem)}
.maker-coda{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:8rem clamp(1.4rem,7vw,8rem);text-align:center;background:radial-gradient(circle at 50% 40%,rgba(113,139,124,.2),transparent 28rem),#f6f8f4}
.maker-coda:before,.maker-coda:after{content:"";position:absolute;width:min(50vw,42rem);aspect-ratio:1;border:1px solid rgba(113,139,124,.12);border-radius:50%}.maker-coda:before{transform:translate(-47%,-58%)}.maker-coda:after{transform:translate(47%,58%)}.maker-coda>*{position:relative;z-index:2}
.coda-rule{width:min(21rem,70vw);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:3rem}.coda-rule i{height:1px;background:var(--outline)}.coda-rule b{width:.65rem;height:.65rem;border:1px solid var(--accent);border-radius:50%}
.maker-coda h2{max-width:13ch;margin-top:.7rem;font-size:clamp(3.3rem,7.4vw,8rem);line-height:.91;letter-spacing:-.065em}.maker-coda>p:not(.eyebrow){margin-top:2rem;font:400 clamp(1.05rem,1.8vw,1.4rem)/1.5 "Lora",Georgia,serif}.maker-coda .about-actions{margin-top:3rem}

/* 404: lantern path */
body[data-page="404"]{overflow:hidden;background:#dce5df}body[data-page="404"] .site-header{color:#26352c;background:linear-gradient(180deg,rgba(228,236,230,.72),transparent)}
.lost-page{--lantern-x:72%;--lantern-y:48%;position:relative;min-height:100svh;display:grid;align-items:center;overflow:hidden;padding:7.5rem clamp(1.4rem,7vw,8rem) 4rem!important;isolation:isolate;background:radial-gradient(circle at var(--lantern-x) var(--lantern-y),rgba(248,227,180,.16),transparent 17rem),linear-gradient(180deg,#dfe8e2,#cbd8d0 65%,#bbc9c0)}
.lost-page:before{content:"";position:absolute;z-index:8;inset:0;pointer-events:none;opacity:.94;background:radial-gradient(circle 18rem at var(--lantern-x) var(--lantern-y),transparent 0 42%,rgba(221,231,224,.18) 68%,rgba(214,225,218,.66) 100%);transition:opacity 600ms ease}.lost-page.is-lantern-fixed:before{opacity:.72}
.lost-sky,.lost-world,.lantern-light{position:absolute;inset:0;pointer-events:none}.lost-sky{z-index:0;overflow:hidden}.lost-moon{position:absolute;right:14%;top:18%;width:clamp(3.5rem,7vw,7rem);aspect-ratio:1;border-radius:50%;background:#f0e4c6;box-shadow:0 0 5rem 2rem rgba(238,218,174,.25)}
.fog{position:absolute;width:80vw;height:18rem;border-radius:50%;background:rgba(242,247,243,.48);filter:blur(3rem);animation:cabin-fog 18s ease-in-out infinite alternate}.fog-one{left:-18%;top:20%}.fog-two{right:-22%;top:42%;animation-duration:23s;animation-delay:-8s}.fog-three{left:12%;bottom:-6%;animation-duration:28s;animation-delay:-14s}@keyframes cabin-fog{to{transform:translate3d(8vw,2vh,0) scale(1.08)}}
.lost-world{z-index:2;perspective:950px;transform-style:preserve-3d}.lost-world:before{content:"";position:absolute;left:-15%;right:-15%;bottom:-33%;height:72%;transform:rotateX(62deg);transform-origin:center top;border-top:1px solid rgba(84,106,91,.2);background:repeating-radial-gradient(ellipse at center,transparent 0 8%,rgba(70,94,77,.045) 8.2% 8.5%,transparent 8.7% 14%),linear-gradient(180deg,rgba(136,158,143,.12),rgba(83,112,91,.22))}
.trail-line{position:absolute;left:45%;bottom:-12%;width:25%;height:68%;transform:perspective(500px) rotateX(52deg) rotateZ(-13deg);border-left:1px dashed rgba(55,81,63,.35);border-right:1px dashed rgba(55,81,63,.2);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);background:rgba(235,226,198,.12)}
.trail-stone{position:absolute;width:clamp(2.2rem,5vw,5rem);aspect-ratio:1.3;border-radius:50% 44% 48% 38%;transform:rotateX(55deg) rotateZ(var(--stone-r,0deg));background:linear-gradient(145deg,#65796b,#87998d);box-shadow:.8rem 1.2rem 1.5rem rgba(52,70,57,.2)}
.stone-one{left:45%;bottom:9%;--stone-r:14deg}.stone-two{left:61%;bottom:21%;--stone-r:-8deg;transform:scale(.68) rotateX(55deg) rotateZ(var(--stone-r))}.stone-three{left:53%;bottom:35%;--stone-r:18deg;transform:scale(.42) rotateX(55deg) rotateZ(var(--stone-r))}
.waypost{position:absolute;bottom:20%;width:.46rem;height:clamp(7rem,16vh,11rem);transform-origin:bottom;background:linear-gradient(90deg,#42594a,#708577);box-shadow:1rem 1.5rem 1.5rem rgba(47,63,52,.18)}
.waypost i{position:absolute;top:10%;height:1.8rem;background:linear-gradient(180deg,#536b5b,#3d5545);clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)}.waypost span{position:absolute;z-index:2;top:calc(10% + .5rem);color:#dce5df;font-size:.48rem;font-weight:700;letter-spacing:.12em}
.post-one{right:21%}.post-one i{left:-4.5rem;width:4.8rem;transform:rotate(4deg)}.post-one span{left:-3.9rem}.post-two{right:36%;bottom:43%;transform:scale(.58)}.post-two i{left:0;width:5.5rem;transform:rotate(-3deg) scaleX(-1)}.post-two span{left:.7rem}
.distant-cabin{position:absolute;right:10%;bottom:45%;width:clamp(5rem,9vw,9rem);height:clamp(3.2rem,6vw,6rem);opacity:.74;background:#3f5647;box-shadow:0 1rem 3rem rgba(48,68,53,.25)}
.distant-cabin:before{content:"";position:absolute;left:-10%;right:-10%;bottom:100%;height:72%;clip-path:polygon(50% 0,100% 100%,0 100%);background:#34493c}.distant-cabin i,.distant-cabin b{position:absolute;bottom:20%;width:18%;height:37%;background:#dac391;box-shadow:0 0 1.5rem rgba(224,197,140,.58)}.distant-cabin i{left:18%}.distant-cabin b{right:18%}.distant-cabin span{position:absolute;left:50%;bottom:100%;width:.4rem;height:2rem;background:#405448}
.lantern-light{z-index:5;left:calc(var(--lantern-x) - 9rem);top:calc(var(--lantern-y) - 9rem);width:18rem;height:18rem;border-radius:50%;background:radial-gradient(circle,rgba(255,234,184,.28),rgba(255,229,172,.08) 46%,transparent 70%);mix-blend-mode:screen;filter:blur(.5rem)}
.lost-copy{position:relative;z-index:12;width:min(42rem,100%)}.lost-copy h1{display:flex;align-items:center;gap:clamp(.5rem,2vw,1.2rem);margin:-.35rem 0 .7rem;color:#25352b;font-size:clamp(8rem,19vw,18rem);line-height:.8;letter-spacing:-.1em}.lost-copy h1 span:last-child{margin-left:-.05em}
.lost-copy h1 i{flex:0 0 auto;width:clamp(3.7rem,7vw,7rem);aspect-ratio:.82;border:1px solid rgba(77,99,84,.42);border-radius:48% 48% 42% 42%;background:radial-gradient(circle at 50% 55%,#f8e4b7 0 12%,#d9b976 13% 21%,rgba(84,105,91,.85) 22% 28%,transparent 29%),linear-gradient(90deg,transparent 42%,#526b5a 43% 57%,transparent 58%);box-shadow:0 0 4rem rgba(231,202,143,.22)}
.lost-copy>p:not(.eyebrow){max-width:34rem;color:#44544a;font:400 clamp(1.08rem,1.7vw,1.35rem)/1.65 "Lora",Georgia,serif}.lost-copy .hero-actions{margin-top:2.4rem}
.lantern-switch{display:inline-flex;align-items:center;gap:.65rem;margin-top:2rem;padding:0;border:0;color:#617067;background:none;font:650 .65rem/1 "Geist",sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.lantern-switch i{width:.55rem;height:.55rem;border:1px solid var(--accent-active);border-radius:50%;background:transparent;transition:background 250ms ease,box-shadow 250ms ease}.lantern-switch[aria-pressed="true"] i{background:#d8b974;box-shadow:0 0 0 .35rem rgba(214,184,116,.18)}
.lost-hint{position:absolute;z-index:12;right:clamp(1.5rem,4vw,4rem);bottom:2rem;color:rgba(64,82,70,.62);font-size:.62rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;writing-mode:vertical-rl}

@media(max-width:980px){
  .home-threshold{grid-template-columns:minmax(0,1fr) minmax(22rem,.85fr);gap:1rem}.desk-object{width:min(44vw,34rem)}
  .room-assembly,.maker-mobile-section{grid-template-columns:minmax(0,1.05fr) minmax(19rem,.95fr)}
  .principles-prologue{grid-template-columns:1fr 2fr}.principles-prologue>p:last-child{grid-column:2}
  .maker-hero{grid-template-columns:minmax(2rem,.12fr) minmax(24rem,1fr) minmax(13rem,.45fr)}
}

@media(max-width:760px){
  body[data-page="home"] .site-header,body[data-page="about"] .site-header,body[data-page="404"] .site-header{min-height:64px;align-items:center;gap:.45rem;padding:.55rem .75rem}
  body[data-page="home"] .brand,body[data-page="about"] .brand,body[data-page="404"] .brand{gap:.3rem;font-size:.84rem}
  body[data-page="home"] .brand-mark,body[data-page="about"] .brand-mark,body[data-page="404"] .brand-mark{width:30px;height:30px}
  body[data-page="home"] .site-nav,body[data-page="about"] .site-nav,body[data-page="404"] .site-nav{width:auto;flex:1;justify-content:flex-end;gap:0;overflow:visible}
  body[data-page="home"] .site-nav a,body[data-page="about"] .site-nav a,body[data-page="404"] .site-nav a{flex:0 0 auto;padding:.4rem .28rem;border:0;font-size:clamp(.58rem,2.35vw,.72rem)}
  .home-threshold{min-height:100svh;grid-template-columns:1fr;align-content:start;padding:7.8rem 1.25rem 5rem}
  .threshold-copy h1{max-width:8ch;font-size:clamp(3.6rem,16vw,5.6rem)}.threshold-thesis{max-width:29rem;font-size:1.02rem}
  .writing-desk{min-height:18rem;margin-top:-1.5rem}.desk-object{width:min(85vw,30rem)}.desk-instruction{display:none}
  .threshold-scroll,.maker-scroll{left:1.25rem;right:auto;bottom:1.2rem}
  .room-assembly{display:block;padding-top:1px;background-size:25vw 100%}
  .room-stage{z-index:3;top:64px;height:49svh;border-right:0;border-bottom:1px solid rgba(113,139,124,.22);background:rgba(232,238,232,.92);backdrop-filter:blur(10px)}
  .assembly-heading{top:1rem}.assembly-heading p{display:none}.cabin-workspace{width:92%;margin-top:2.8rem}
  .workspace-shell{grid-template-rows:1.6rem minmax(0,1fr) 0;border-radius:.45rem}.cabin-workspace[data-assembly-stage="3"] .workspace-shell{grid-template-rows:1.6rem minmax(0,1fr) 22%}
  .workspace-page{padding:1rem 1.15rem}.workspace-page p{margin-top:.45rem;font-size:clamp(.32rem,1.45vw,.52rem)}.workspace-note,.workspace-rail{padding:.7rem .35rem;gap:.45rem}
  .assembly-steps{padding:0 1.25rem}.assembly-step{min-height:68svh;justify-content:flex-end;padding-bottom:5rem}.assembly-step h2{max-width:11ch;font-size:clamp(2.7rem,12vw,4.6rem)}
  .home-principles{padding:7rem 1.25rem}.principles-prologue{display:block;margin-bottom:4rem}.principles-prologue h2{font-size:clamp(2.8rem,12vw,4.8rem)}.principles-prologue>p:last-child{margin-top:2rem}
  .principle-windows{grid-template-columns:1fr}.principle-window,.principle-window:nth-child(n){grid-column:auto;min-height:22rem}
  .home-status{min-height:100svh;grid-template-columns:1fr;gap:3rem;padding:7rem 1.25rem}.status-orbit{width:min(72vw,25rem)}.home-status h2{font-size:clamp(3.2rem,13vw,5rem)}
  .home-coda>p{font-size:clamp(2.8rem,12vw,5rem)}.coda-door{width:52vw}
  .maker-story{padding-top:64px!important}.maker-hero{min-height:calc(100svh - 64px);grid-template-columns:1fr;align-content:center;padding:5rem 1.25rem 6rem}
  .maker-index{position:absolute;left:1.25rem;right:1.25rem;top:1.2rem;height:auto;flex-direction:row;padding:0 0 .8rem;border-right:0;border-bottom:1px solid rgba(113,139,124,.24)}.maker-index span{writing-mode:initial}
  .maker-hero h1{font-size:clamp(4.4rem,20vw,7rem);line-height:.8}.maker-signature{display:none}
  .maker-mobile-section{display:block}.mobile-sticky{z-index:3;top:64px;height:53svh;padding:1rem;border-right:0;border-bottom:1px solid rgba(113,139,124,.22);background:rgba(232,238,232,.9);backdrop-filter:blur(10px)}
  .mobile-canvas-wrap{border-radius:48% 48% .7rem .7rem}.mobile-label{left:1.2rem;bottom:1rem}.mobile-controls{gap:.35rem;padding-top:.55rem}.mobile-controls button{min-height:2.2rem;gap:.3rem;font-size:.58rem}
  .maker-chapters{padding:0 1.25rem}.maker-chapter{min-height:72svh;justify-content:flex-end;padding-bottom:5rem}.maker-chapter h2{max-width:11ch;font-size:clamp(2.8rem,12.5vw,4.8rem)}
  .maker-coda{padding-inline:1.25rem}.maker-coda h2{font-size:clamp(3rem,13vw,5rem)}
  .lost-page{--lantern-x:50%;--lantern-y:35%;align-items:start;padding:8rem 1.25rem 3rem!important}.lost-copy h1{font-size:clamp(7.5rem,38vw,12rem)}.lost-copy h1 i{width:clamp(3.2rem,15vw,5rem)}
  .lost-world{transform:translateX(8%)}.distant-cabin{right:12%;bottom:25%}.waypost{bottom:13%}.post-two{bottom:32%}.trail-line{left:50%;bottom:-4%;height:48%}.lost-hint,.lantern-switch{display:none}
}

@media(max-width:430px){
  body[data-page="home"] .site-nav a,body[data-page="about"] .site-nav a,body[data-page="404"] .site-nav a{font-size:.57rem;padding-inline:.19rem}
  .threshold-copy .hero-actions,.lost-copy .hero-actions{align-items:stretch;flex-direction:column}.threshold-copy .hero-actions .button,.lost-copy .hero-actions .button{justify-content:center;width:100%}
}

@media(prefers-reduced-motion:reduce){
  .page-caret,.threshold-scroll i:after,.maker-scroll i:after,.status-orbit i,.fog{animation:none!important}
  .desk-object,.principle-window,.workspace-shell{transition-duration:0s!important}
}

/* -------------------------------------------------------------------------- */
/* Refinement: higher-fidelity desk, legible timeline, product blueprint      */
/* -------------------------------------------------------------------------- */

.home-desk-canvas{position:absolute;z-index:3;inset:-7% -4%;width:108%;height:114%;pointer-events:none;opacity:0;filter:drop-shadow(0 2.4rem 2.5rem rgba(48,63,52,.14));transition:opacity 800ms ease}
.has-home-desk .home-desk-canvas{opacity:1}.home-desk-fallback{transition:opacity 600ms ease}.has-home-desk .home-desk-fallback{opacity:0}.has-home-desk .desk-halo{transform:translate(10%,-5%) scale(1.12)}

.cabin-workspace[data-assembly-stage="3"] .workspace-shell{grid-template-rows:2.5rem minmax(0,1fr) 28%}
.workspace-time{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:0;padding:0 7%;overflow:visible;background:linear-gradient(180deg,rgba(230,237,231,.86),rgba(244,247,243,.98))}
.workspace-time:before{display:none}.timeline-spine{position:absolute;z-index:1;left:13%;right:13%;top:38%;height:1px;background:#b6c4b9}
.workspace-time .timeline-spine i{display:block;width:100%;height:100%;border:0;border-radius:0;transform:scaleX(0);transform-origin:left;background:var(--accent-active);transition:transform 1.4s var(--ease) .25s}
.cabin-workspace[data-assembly-stage="3"] .timeline-spine i{transform:scaleX(1)}
.timeline-event{position:relative;z-index:2;display:grid;grid-template-rows:auto 1fr auto auto;justify-items:center;min-width:0;padding:.7rem .45rem .65rem;text-align:center}
.timeline-event>b{color:#89958d;font-size:clamp(.42rem,.62vw,.58rem);font-weight:650;letter-spacing:.1em}
.workspace-time .timeline-event>i{align-self:center;width:.65rem;height:.65rem;border:3px solid #e7eee8;border-radius:50%;background:#879b8d;box-shadow:0 0 0 1px #a7b7ab}
.workspace-time .timeline-event.is-current>i{width:.78rem;height:.78rem;background:var(--accent-active);box-shadow:0 0 0 1px var(--accent),0 0 0 .34rem rgba(113,139,124,.1)}
.timeline-event small{margin-top:.1rem;color:#87938b;font-size:clamp(.38rem,.54vw,.5rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.timeline-event span{max-width:16ch;margin-top:.12rem;color:#445148;font:500 clamp(.5rem,.75vw,.7rem)/1.15 "Lora",Georgia,serif}

.status-blueprint{position:relative;justify-self:center;width:min(42vw,39rem);aspect-ratio:1.18;perspective:1200px}
.status-blueprint:before{content:"";position:absolute;inset:7% -5% -8% 6%;border-radius:50%;transform:rotateX(62deg) translateZ(-3rem);background:rgba(63,83,68,.18);filter:blur(2.2rem)}
.blueprint-board{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(88,109,94,.35);border-radius:.65rem;transform:rotateX(3deg) rotateY(8deg) rotateZ(-2deg);background:linear-gradient(145deg,rgba(251,251,246,.98),rgba(229,237,230,.94));box-shadow:-2rem 2.7rem 5rem rgba(47,63,52,.14),inset 0 1px #fff;transition:transform 900ms var(--ease)}
.status-blueprint:hover .blueprint-board{transform:rotateX(1deg) rotateY(2deg) rotateZ(0)}
.blueprint-board header,.blueprint-board footer{position:absolute;z-index:3;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,2.2vw,2rem);color:#65736a;font-size:clamp(.45rem,.65vw,.62rem);font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.blueprint-board header{top:0;height:14%;border-bottom:1px solid rgba(113,139,124,.22)}.blueprint-board header b{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid var(--accent);border-radius:50%;color:var(--accent-active)}
.blueprint-board svg{position:absolute;inset:14% 0 12%;width:100%;height:74%}.blueprint-grid{fill:none;stroke:rgba(113,139,124,.1);stroke-width:1}.blueprint-route{fill:none;stroke:#647e6d;stroke-width:2.5;stroke-dasharray:8 8}.blueprint-board circle{fill:#f5f7f1;stroke:#506457;stroke-width:3}
.blueprint-label{position:absolute;z-index:3;display:flex;flex-direction:column;padding:.7rem .85rem;border:1px solid rgba(113,139,124,.25);border-radius:.35rem;background:rgba(250,251,247,.92);box-shadow:0 .7rem 1.5rem rgba(62,78,66,.07)}
.blueprint-label small{color:var(--accent-active);font-size:.48rem;font-weight:750}.blueprint-label strong{margin-top:.2rem;color:#344238;font:500 clamp(.65rem,1.1vw,1rem)/1.1 "Lora",Georgia,serif}.blueprint-label span{margin-top:.22rem;color:#7a877f;font-size:clamp(.4rem,.62vw,.56rem)}
.label-workflow{left:5%;top:45%}.label-files{left:34%;top:22%}.label-interface{right:4%;bottom:20%}
.blueprint-board footer{bottom:0;height:12%;justify-content:flex-start;gap:.6rem;border-top:1px solid rgba(113,139,124,.22)}.blueprint-board footer i{width:.5rem;height:.5rem;border-radius:50%;background:#718b7c;box-shadow:0 0 0 .3rem rgba(113,139,124,.1)}

/* -------------------------------------------------------------------------- */
/* About refinement: the maker's cabinet                                      */
/* -------------------------------------------------------------------------- */

body[data-page="about"]{overflow-x:clip}
.maker-story{overflow:visible}
.maker-cabinet-section{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(25rem,.88fr);align-items:start;background:radial-gradient(circle at 25% 42%,rgba(113,139,124,.13),transparent 34rem),#e8eee8}
.cabinet-sticky{position:sticky;top:70px;height:calc(100svh - 70px);min-width:0;align-self:start;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:clamp(2.5rem,6vh,5rem) clamp(1.5rem,4vw,4rem) 2.5rem;overflow:hidden;border-right:1px solid rgba(113,139,124,.22)}
.maker-cabinet-section .maker-chapters{min-width:0}
.cabinet-stage{position:relative;min-height:0;overflow:hidden;border:1px solid rgba(113,139,124,.22);border-radius:45% 45% .9rem .9rem;background:radial-gradient(circle at 52% 35%,rgba(255,253,243,.92),transparent 40%),linear-gradient(180deg,rgba(248,250,246,.78),rgba(218,228,220,.68))}
.cabinet-stage:before{content:"";position:absolute;z-index:2;left:1.4rem;right:1.4rem;top:1.4rem;height:1px;background:rgba(113,139,124,.18)}.cabinet-stage:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 -5rem 6rem rgba(215,226,217,.62)}
.cabinet-stage canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;filter:drop-shadow(0 2rem 2rem rgba(48,63,52,.12))}
.cabinet-fallback{position:absolute;inset:15% 15% 12%;display:flex;flex-direction:column;justify-content:center;perspective:900px}.cabinet-fallback>div{position:relative;height:24%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:0 1.2rem;border:1px solid #9b8565;border-bottom-color:#715e43;transform:rotateY(-8deg);background:linear-gradient(90deg,#cbb38e,#e0cba8);box-shadow:.7rem .8rem 1.2rem rgba(61,72,62,.12)}
.cabinet-fallback>div:first-child{transform:translate3d(1.8rem,0,1rem) rotateY(-8deg)}.cabinet-fallback span{font-size:.55rem}.cabinet-fallback b{font:500 1rem/1 "Lora",Georgia,serif}.cabinet-fallback i{font:400 1.3rem/1 "Lora",Georgia,serif}.has-maker-webgl .cabinet-fallback{opacity:0}
.cabinet-label{position:absolute;z-index:4;left:2rem;bottom:1.8rem;display:flex;align-items:baseline;gap:.85rem}.cabinet-label span{color:var(--accent-active);font-size:.62rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.cabinet-label strong{color:#3e4c42;font:500 clamp(1.4rem,2.5vw,2.5rem)/1 "Lora",Georgia,serif}
.cabinet-hint{position:absolute;z-index:4;right:1.7rem;bottom:1.8rem;color:#849087;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.cabinet-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;padding-top:1.1rem}.cabinet-controls button{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.8rem;border:1px solid rgba(113,139,124,.25);border-radius:999px;color:var(--secondary);background:rgba(248,250,246,.56);font:600 .68rem/1 "Geist",sans-serif;letter-spacing:.04em;cursor:pointer;transition:color 300ms ease,background 300ms ease,border-color 300ms ease}
.cabinet-controls button span{color:var(--muted);font-size:.56rem}.cabinet-controls button:hover,.cabinet-controls button.is-active{border-color:var(--accent-active);color:#fff;background:var(--accent-active)}.cabinet-controls button.is-active span{color:#d9e2db}

@media(max-width:980px){.maker-cabinet-section{grid-template-columns:minmax(0,1.05fr) minmax(19rem,.95fr)}}
@media(max-width:760px){
  .home-desk-canvas{inset:-12% -8%;width:116%;height:124%}.has-home-desk .writing-desk{min-height:21rem}
  .cabin-workspace[data-assembly-stage="3"] .workspace-shell{grid-template-rows:1.6rem minmax(0,1fr) 30%}
  .workspace-time{padding-inline:3%}.timeline-event{padding:.4rem .1rem}.timeline-event small{display:none}.timeline-event span{font-size:clamp(.42rem,1.8vw,.58rem)}.timeline-spine{left:12%;right:12%;top:38%}
  .status-blueprint{width:min(88vw,31rem)}
  .maker-cabinet-section{display:block}.cabinet-sticky{z-index:3;top:64px;height:56svh;padding:1rem;border-right:0;border-bottom:1px solid rgba(113,139,124,.22);background:rgba(232,238,232,.92);backdrop-filter:blur(10px)}
  .cabinet-stage{border-radius:44% 44% .7rem .7rem}.cabinet-label{left:1.2rem;bottom:1rem}.cabinet-hint{display:none}.cabinet-controls{gap:.35rem;padding-top:.55rem}.cabinet-controls button{min-height:2.2rem;gap:.3rem;font-size:.58rem}
}
@media(prefers-reduced-motion:reduce){.home-desk-canvas{display:none}.home-desk-fallback{opacity:1!important}.blueprint-board{transition:none}}