:root{--bg:#0b100f;--bg2:#101615;--panel:#141d1a;--paper:#f3ead8;--muted:#9ca99f;--copper:#c97843;--copper2:#ef8350;--teal:#73b7a8;--green:#b9d79b;--line:rgba(243,234,216,.14);--room-a:var(--copper);--room-b:var(--teal);--room-c:var(--green);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif;color-scheme:dark}
*{box-sizing:border-box}html{background:#080d0c;scroll-behavior:smooth}body{margin:0;color:var(--paper);font-family:var(--sans);line-height:1.62;overflow-x:hidden;background:radial-gradient(circle at 84% 7%,color-mix(in srgb,var(--room-b) 10%,transparent),transparent 29rem),radial-gradient(circle at 10% 26%,color-mix(in srgb,var(--room-a) 8%,transparent),transparent 33rem),linear-gradient(180deg,#0c1210 0%,#080c0b 100%)}
body:before{content:"";position:absolute;inset:0 0 auto 0;height:320px;pointer-events:none;opacity:.3;background:linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.022) 8.1% 8.2%,transparent 8.3% 91%,rgba(255,255,255,.018) 91.1% 91.2%,transparent 91.3%),repeating-linear-gradient(0deg,transparent 0 27px,rgba(255,255,255,.016) 28px);mask-image:linear-gradient(to bottom,#000,transparent)}
a{color:inherit;text-underline-offset:.23em;text-decoration-color:color-mix(in srgb,var(--room-a) 62%,transparent)}a:hover{color:var(--room-c)}a:focus-visible{outline:2px solid var(--room-b);outline-offset:4px}img,video{max-width:100%;height:auto}audio{display:block;width:100%;height:54px}::selection{background:color-mix(in srgb,var(--room-a) 32%,transparent);color:var(--paper)}
.page-home{--room-a:#c97843;--room-b:#73b7a8;--room-c:#b9d79b}.page-workshop{--room-a:#d38a4f;--room-b:#9ab68d;--room-c:#e4c28b}.page-vesper{--room-a:#e6793f;--room-b:#77b8ad;--room-c:#f0d7aa}.page-gang{--room-a:#f09a54;--room-b:#a48ad9;--room-c:#f4d6a3}.page-cabinet{--room-a:#b2784e;--room-b:#788f7f;--room-c:#d6c29a}.page-recipes{--room-a:#d58049;--room-b:#6ea69b;--room-c:#ead2a8}.page-nemacad{--room-a:#bd7a45;--room-b:#63b7a8;--room-c:#a8d6b5}.page-curriculum{--room-a:#ae7546;--room-b:#78a8a2;--room-c:#d8c48e}.page-soulkyn{--room-a:#d46b7f;--room-b:#8e78bf;--room-c:#e3a879}.page-saucepan{--room-a:#cf7d4c;--room-b:#5ba5b9;--room-c:#d7bf88}
.site{width:min(1260px,calc(100% - 36px));margin:0 auto;padding:18px 0 54px;position:relative}.frame{position:relative;border:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 18%)}.frame:before,.frame:after{content:"";position:absolute;width:42px;height:42px;pointer-events:none}.frame:before{left:-1px;top:-1px;border-left:2px solid var(--room-a);border-top:2px solid var(--room-a)}.frame:after{right:-1px;bottom:-1px;border-right:2px solid var(--room-b);border-bottom:2px solid var(--room-b)}.inner{padding:0 clamp(16px,2.4vw,30px) 34px}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding:16px 0 14px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:800 .74rem/1 var(--mono);letter-spacing:.095em;text-transform:uppercase;color:var(--room-a)}.brand-mark{width:19px;height:19px;position:relative;border:1px solid var(--room-a);transform:rotate(45deg);box-shadow:inset 0 0 0 4px rgba(0,0,0,.55),0 0 22px color-mix(in srgb,var(--room-a) 18%,transparent)}.brand-mark:after{content:"";position:absolute;inset:5px;background:var(--room-b)}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav a{min-height:39px;display:inline-flex;align-items:center;padding:8px 10px;border:1px solid transparent;text-decoration:none;font:800 .66rem/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.nav a:hover,.nav a[aria-current="page"]{color:var(--paper);border-color:color-mix(in srgb,var(--room-a) 48%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--room-a) 8%,transparent),transparent)}.signal-line{display:flex;gap:10px 18px;flex-wrap:wrap;padding:10px 0 0;color:var(--muted);font:700 .64rem/1.45 var(--mono);letter-spacing:.07em;text-transform:uppercase}.signal-line i{font-style:normal;color:var(--room-c)}
.threshold{margin-top:18px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;color:var(--muted);font:800 .63rem/1.4 var(--mono);letter-spacing:.085em;text-transform:uppercase}.threshold:before,.threshold:after{content:"";height:1px;background:linear-gradient(90deg,var(--room-a),transparent)}.threshold:after{background:linear-gradient(90deg,transparent,var(--room-b))}.threshold strong{color:var(--room-a);font-weight:800}
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(28px,5vw,68px);align-items:center;padding:clamp(38px,6vw,78px) 0 44px}.hero-copy{min-width:0}.eyebrow,.section-no,.archive-id,.recipe-id{font-family:var(--mono);letter-spacing:.085em;text-transform:uppercase}.eyebrow{font-size:.7rem;color:var(--room-c);font-weight:800}h1{margin:.18em 0 .22em;max-width:12ch;font-size:clamp(3rem,7.4vw,7rem);line-height:.86;letter-spacing:-.055em;font-weight:820}.lede{max-width:730px;margin:0;color:#dfd9ce;font-size:clamp(1.03rem,1.65vw,1.28rem)}
.hero-art{position:relative;padding:10px;border:1px solid color-mix(in srgb,var(--room-a) 62%,transparent);background:#090d0c;box-shadow:0 28px 80px rgba(0,0,0,.32);min-width:0}.hero-art:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(90deg,var(--room-a),var(--room-a)) left top/34px 2px no-repeat,linear-gradient(180deg,var(--room-a),var(--room-a)) left top/2px 34px no-repeat,linear-gradient(90deg,var(--room-b),var(--room-b)) right bottom/34px 2px no-repeat,linear-gradient(180deg,var(--room-b),var(--room-b)) right bottom/2px 34px no-repeat}.hero-art img{display:block;width:100%;max-height:620px;object-fit:contain;background:#090d0c}.hero-art figcaption{padding:9px 4px 0;color:var(--muted);font:700 .62rem/1.45 var(--mono);letter-spacing:.045em}.screen{position:absolute;inset:10px;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,rgba(255,255,255,.13) 0 1px,transparent 1px 4px)}
.readouts{margin-top:25px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.readout{padding:14px 14px 15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(20,29,26,.28)}.readout b{display:block;color:var(--room-a);font:800 .6rem/1.4 var(--mono);letter-spacing:.075em;text-transform:uppercase}.readout span{display:block;margin-top:6px;color:#ddd7cb;font-size:.83rem;line-height:1.4}
.section{padding:38px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}.section-no{font-size:.64rem;color:var(--room-a);font-weight:800}h2{margin:.12em 0 0;font-size:clamp(1.55rem,3vw,2.45rem);line-height:1.04;letter-spacing:-.03em}.section-note{max-width:48ch;margin:0;text-align:right;color:var(--muted);font-size:.88rem}
.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.room{--door:#c97843;min-height:225px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:20px;border:1px solid var(--line);background:linear-gradient(155deg,color-mix(in srgb,var(--door) 10%,transparent),transparent 46%),rgba(20,29,26,.44);text-decoration:none}.room:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;background:linear-gradient(90deg,transparent 0 92%,color-mix(in srgb,var(--door) 14%,transparent) 92% 100%),repeating-linear-gradient(0deg,transparent 0 34px,rgba(255,255,255,.022) 35px)}.room:after{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--door)}.room:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--door) 55%,transparent);box-shadow:0 18px 42px rgba(0,0,0,.22)}.room .num{font:800 .68rem/1 var(--mono);letter-spacing:.09em;color:var(--door)}.room strong{display:block;margin-top:32px;font-size:1.3rem;line-height:1.08}.room p{margin:8px 0 0;color:var(--muted);font-size:.87rem;max-width:32ch}.room small{margin-top:24px;color:var(--room-b);font:800 .64rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.room.workshop{--door:#d38a4f}.room.vesper{--door:#ea7a41}.room.cabinet{--door:#a97b59}.room.recipes{--door:#d89458}.room.nemacad{--door:#6db7aa}.room.curriculum{--door:#9ba66d}
.manifesto{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px;align-items:start}.manifesto blockquote{margin:0;padding:20px 0 20px 20px;border-left:3px solid var(--room-a);font-family:var(--serif);font-size:clamp(1.35rem,2.7vw,2.1rem);line-height:1.25}.manifesto p{margin:0 0 1rem;color:#d8d2c7}
.portal{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:18px;padding:24px;border:1px solid color-mix(in srgb,var(--room-a) 42%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--room-a) 10%,transparent),transparent 58%),rgba(20,29,26,.45)}.portal h3{margin:4px 0 8px;font-size:1.4rem}.portal p{margin:0;color:var(--muted)}.portal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;border:1px solid color-mix(in srgb,var(--room-a) 55%,transparent);text-decoration:none;font:800 .66rem/1 var(--mono);letter-spacing:.075em;text-transform:uppercase;background:color-mix(in srgb,var(--room-a) 8%,transparent)}.button:hover{background:color-mix(in srgb,var(--room-a) 16%,transparent)}
.report-grid,.cabinet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.report,.drawer{position:relative;border:1px solid var(--line);background:rgba(20,29,26,.40);padding:10px;min-width:0}.report:nth-child(2n){transform:translateY(10px)}.report-media,.drawer-media{position:relative;overflow:hidden;background:#090d0c}.report-media img,.drawer-media img{display:block;width:100%;max-height:540px;object-fit:contain;background:#090d0c}.card-copy{padding:14px 8px 8px}.archive-id{font-size:.62rem;color:var(--room-a);font-weight:800}.card-copy h3{margin:5px 0 7px;font-size:1.18rem;line-height:1.2}.card-copy p{margin:0;color:#d5cfc4}.card-copy .sub{margin-top:10px;color:var(--muted);font-size:.82rem}
.pawline{display:flex;gap:7px;align-items:center;color:var(--room-a);font:800 .62rem/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}.paw{width:14px;height:11px;border-radius:50% 50% 45% 45%;background:var(--room-a);position:relative;transform:rotate(-12deg)}.paw:before,.paw:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--room-a);top:-6px}.paw:before{left:0}.paw:after{right:0}
.drawer{padding:0;background:#131a17}.drawer-label{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--room-a) 9%,transparent),transparent);font:800 .6rem/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.drawer-label b{color:var(--room-a)}.drawer .card-copy{padding:15px 16px 18px}.drawer.empty{min-height:260px;display:grid;place-items:center;padding:28px;text-align:center;border-style:dashed}.drawer.empty .archive-id{color:var(--room-b)}
.recipe-stack{display:grid;gap:20px}.recipe{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);border:1px solid var(--line);background:rgba(20,29,26,.43);overflow:hidden}.recipe figure{margin:0;position:relative;display:grid;place-items:center;background:#090d0c;border-right:1px solid var(--line)}.recipe figure img{display:block;width:100%;height:100%;max-height:620px;object-fit:cover}.recipe-body{padding:24px}.recipe-id{font-size:.62rem;color:var(--room-a);font-weight:800}.recipe h3{margin:4px 0 8px;font-size:1.38rem}.recipe .intro{margin:0 0 17px;color:#d7d1c5}.recipe-columns{display:grid;grid-template-columns:.78fr 1.22fr;gap:24px}.recipe h4{margin:0 0 8px;color:var(--room-b);font:800 .65rem/1.35 var(--mono);letter-spacing:.075em;text-transform:uppercase}.recipe ul,.recipe ol{margin:0;padding-left:1.15rem;color:#d8d2c7}.recipe-meta{display:flex;gap:8px 15px;flex-wrap:wrap;margin-top:18px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font:800 .61rem/1.4 var(--mono);letter-spacing:.065em;text-transform:uppercase}
.academy-hero{position:relative}.seal{width:112px;height:112px;position:absolute;right:17px;bottom:18px;padding:15px;border-radius:50%;background:rgba(8,13,12,.68);border:1px solid color-mix(in srgb,var(--room-a) 55%,transparent)}.seal img{display:block;width:100%;height:100%;object-fit:contain}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.course{position:relative;padding:20px;border:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--room-b) 7%,transparent),transparent 55%),rgba(20,29,26,.38)}.course:before{content:"";position:absolute;top:0;left:0;width:52px;height:2px;background:var(--room-a)}.course b{color:var(--room-b);font:800 .65rem/1.2 var(--mono);letter-spacing:.08em}.course h3{margin:6px 0 8px;font-size:1.18rem}.course p{margin:0;color:#d5cfc4}.exercise{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line);color:var(--muted);font-size:.84rem}.links{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.beacon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.beacon{position:relative;padding:22px;border:1px solid var(--line);background:rgba(20,29,26,.4);overflow:hidden}.beacon:before{content:"";position:absolute;right:-32px;top:-32px;width:100px;height:100px;border:1px solid color-mix(in srgb,var(--room-a) 20%,transparent);transform:rotate(45deg)}.beacon .flag{display:inline-flex;padding:5px 7px;border:1px solid color-mix(in srgb,var(--room-a) 45%,transparent);color:var(--room-a);font:800 .58rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.beacon h3{margin:12px 0 6px;font-size:1.28rem}.beacon p{margin:0;color:var(--muted)}
.warning{padding:13px 15px;border-left:3px solid var(--room-a);background:linear-gradient(90deg,color-mix(in srgb,var(--room-a) 11%,transparent),transparent);color:#ded6ca;font-size:.88rem}.footer{padding:44px 0 3px}.footer-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer strong{display:block;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.02em}.footer p{margin:5px 0 0;color:var(--muted);font-size:.82rem}.footer .back{color:var(--room-b);font:800 .64rem/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;text-decoration:none}.signal-strip{display:grid;grid-template-columns:3fr 1.25fr .7fr .4fr;height:5px;margin-top:16px}.signal-strip i:nth-child(1){background:var(--room-a)}.signal-strip i:nth-child(2){background:var(--room-c)}.signal-strip i:nth-child(3){background:var(--room-b)}.signal-strip i:nth-child(4){background:#2c3b35}.mature{display:inline-flex;gap:7px;align-items:center;padding:6px 8px;border:1px solid color-mix(in srgb,var(--room-a) 52%,transparent);color:var(--room-c);font:800 .59rem/1 var(--mono);letter-spacing:.075em;text-transform:uppercase}.mature:before{content:"18+";display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid currentColor;border-radius:50%}.room-art{display:block;width:100%;max-height:300px;object-fit:cover;margin:-20px -20px 20px;width:calc(100% + 40px);border-bottom:1px solid var(--line)}.transition-frame{position:relative;padding:20px;border:1px solid color-mix(in srgb,var(--room-a) 46%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--room-a) 12%,transparent),transparent 46%),linear-gradient(315deg,color-mix(in srgb,var(--room-b) 10%,transparent),transparent 50%),rgba(20,29,26,.38)}.transition-frame:after{content:"EXTERNAL DESTINATION";position:absolute;right:14px;top:12px;color:color-mix(in srgb,var(--room-a) 66%,var(--muted));font:800 .56rem/1 var(--mono);letter-spacing:.09em}
@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-art{max-width:780px}.readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manifesto,.portal{grid-template-columns:1fr}.portal-actions{justify-content:flex-start}.recipe{grid-template-columns:1fr}.recipe figure{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:720px){.site{width:min(100% - 20px,1260px);padding-top:10px}.inner{padding-inline:12px}.nav{width:100%}.nav a{flex:1 1 auto;justify-content:center}.threshold{grid-template-columns:1fr}.threshold:before,.threshold:after{display:none}.hero{padding-top:34px}h1{font-size:clamp(3rem,17vw,5.3rem)}.room-grid,.report-grid,.cabinet-grid,.course-grid,.beacon-grid{grid-template-columns:1fr}.report:nth-child(2n){transform:none}.recipe-columns{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.section-note{text-align:left}.manifesto{gap:18px}}@media(max-width:460px){.readouts{grid-template-columns:1fr}.recipe-body{padding:18px}.hero-art{padding:7px}.room{min-height:200px}}@media(max-width:720px){.masthead{align-items:stretch}.brand{max-width:100%;font-size:.62rem;letter-spacing:.055em;line-height:1.35}.nav{gap:5px}.nav a{min-width:calc(33.333% - 4px);padding:8px 6px;font-size:.59rem}.transition-frame{overflow:hidden}.transition-frame .room-art{width:calc(100% + 24px);max-width:none;margin:-20px -12px 20px}.hero-art img{max-height:480px}.portal-actions .button{flex:1 1 140px}.recipe figure img{max-height:420px}.recipe-columns{gap:16px}.footer-row{align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.room:hover{transform:none}}