:root{--bg: #14160f;--surface: #1e2218;--ink: #e4f0c8;--muted: #9aa886;--paper: #e4f0c8;--paper-2: #c5d4a6;--carbon: #14160f;--step-small: .875rem;--step-body: 1.125rem;--step-lead: 1.4rem;--step-head: clamp(2rem, 1.3rem + 2.4vw, 3.4rem);--margin: 4.5rem;--notch: 4.75rem}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Jost,sans-serif;font-weight:400;font-size:var(--step-body);line-height:1.5}img{max-width:100%;height:auto}button,a{font-family:inherit}h1,h2,h3{font-weight:700;letter-spacing:-.03em;line-height:.92;text-transform:uppercase;margin:0}p{margin:0}[hidden]{display:none!important}header{height:4.25rem;display:flex;align-items:center;justify-content:space-between;padding:0 var(--margin);background:var(--bg)}.brand{display:flex;align-items:center;gap:.55rem;color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:-.03em;text-transform:uppercase}.logo{width:2.25rem;height:2.25rem;object-fit:contain;flex:none;background:var(--carbon)}nav{display:flex;align-items:center;gap:1.4rem}nav a{color:var(--ink);text-decoration:none;font-weight:500}nav a:hover{color:var(--paper)}button,.go{border:0;cursor:pointer;background:var(--paper);color:var(--carbon);border-radius:0 var(--notch) 0 0;padding:.75rem 1.3rem .85rem;font-size:var(--step-body);font-weight:700;letter-spacing:-.03em;text-transform:uppercase;text-decoration:none;display:inline-block}.go.dark{background:var(--carbon);color:var(--paper)}button:disabled{opacity:.45;cursor:default}.home{height:calc(100svh - 4.25rem);display:grid;place-items:center;padding:1.5rem var(--margin) 2rem}.volume{width:min(74rem,100%);height:min(36rem,100%);position:relative}.sheet{position:absolute;border-radius:0 7.5rem 0 0}.sheet-back{top:8%;right:-1%;bottom:6%;left:4%;background:#9aab78;animation:turn 7.5s ease-in-out infinite}.sheet-mid{top:4%;right:2%;bottom:3%;left:2%;background:var(--paper-2);animation:turn-mid 7.5s ease-in-out infinite}.sheet-front{top:0;right:14%;bottom:0;left:0;background:var(--paper);color:var(--carbon);padding:2.6rem 3rem 2.2rem;display:flex;flex-direction:column;justify-content:space-between}#slogan{font-size:clamp(2.8rem,3.6vw,3.7rem);max-width:100%}.leaf-foot{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;max-width:38rem}.intro{font-size:var(--step-lead);line-height:1.35}@keyframes turn{0%,to{transform:rotate(-7deg) translate(10px,16px)}50%{transform:rotate(5deg) translate(34px,-18px)}}@keyframes turn-mid{0%,to{transform:rotate(3deg) translate(8px,6px)}50%{transform:rotate(-2deg) translate(-6px,14px)}}.why,.index,.rules,.who,.appendix,.roadmap{padding:7.5rem var(--margin)}.why{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}.why-copy,.who-cols{display:grid;gap:1.1rem}.why h2,.rules h2,.who h2,.appendix h2,.roadmap h2,.how h2,.close h2{font-size:var(--step-head);margin-bottom:1.2rem}.frame{position:relative;height:28rem;border-radius:0 6rem 0 0;overflow:hidden;margin:0}.frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s linear}.frame img.show{opacity:1}.index{display:grid;grid-template-columns:14rem minmax(0,1fr) 24rem;gap:1.75rem;align-items:start}.rail{position:sticky;top:1.5rem;display:grid;gap:.55rem}.rail a{color:var(--muted);text-decoration:none;font-weight:500;font-size:var(--step-lead)}.rail a:hover,.rail a.on{color:var(--ink)}.shelves{display:grid;gap:2.4rem}.shelf h2{font-size:clamp(1.8rem,2vw,2.4rem);margin-bottom:.8rem}.shelf-list{display:grid;gap:.55rem}.leaf{width:100%;text-align:left;background:var(--surface);color:var(--ink);border-radius:0 1.6rem 0 0;padding:.85rem 1.1rem .95rem;text-transform:none;letter-spacing:0;font-weight:400;line-height:1.35;display:grid;grid-template-columns:4.5rem 1fr;gap:.8rem;align-items:baseline}.leaf .call{font-weight:700;letter-spacing:-.03em;text-transform:uppercase;color:var(--paper-2)}.leaf.on{background:var(--paper);color:var(--carbon)}.leaf.on .call{color:var(--carbon)}.slip{position:sticky;top:1.5rem;background:var(--surface);border-radius:0 var(--notch) 0 0;padding:1.3rem 1.2rem 1.4rem;display:grid;gap:.8rem}.slip h2{font-size:1.8rem}.slip-lead{color:var(--muted)}#pile{position:relative;min-height:7.5rem}.slip-leaf{position:absolute;left:0;right:0;min-height:6.2rem;text-align:left;background:var(--paper);color:var(--carbon);border-radius:0 2rem 0 0;padding:.9rem 1rem;text-transform:none;letter-spacing:0;font-weight:500;line-height:1.3}.slip-leaf.top{z-index:2}#status{color:var(--muted);min-height:3.2rem}.slip-actions{display:flex;flex-wrap:wrap;gap:.6rem}#reading{background:var(--paper);color:var(--carbon);border-radius:0 2rem 0 0;padding:1rem 1rem 1.15rem;display:grid;gap:.55rem;max-height:22rem;overflow:auto}#readShelf{font-weight:700;letter-spacing:-.03em;text-transform:uppercase}#readQ{font-size:1.35rem;text-transform:none;letter-spacing:0;line-height:1.25}#readA{line-height:1.45}.how{background:var(--paper);color:var(--carbon);padding:7.5rem var(--margin)}.how-copy{max-width:40rem;margin-bottom:1.6rem}#gather{width:100%;height:auto;display:block}.how-steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-top:1.4rem}.how-steps h3{font-size:1.6rem;margin-bottom:.45rem}.how button,.how .go{background:var(--carbon);color:var(--paper)}.tiles{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:.7rem}.tile{background:var(--surface);border-radius:0 2.2rem 0 0;min-height:11rem;padding:1.2rem 1.15rem;display:grid;align-content:start;gap:.55rem}.tile.accent{background:var(--paper);color:var(--carbon);grid-row:span 2}.tile h3{font-size:1.5rem}.who-cols{grid-template-columns:1fr 1fr;gap:2rem}.drawer{display:flex;flex-direction:column}.drawer details{background:var(--surface);border-radius:0 2.4rem 0 0;margin-top:-2.2rem;padding:1.15rem 1.3rem 2.4rem;position:relative}.drawer details:first-child{margin-top:0}.drawer details[open]{background:var(--paper);color:var(--carbon);margin-bottom:2.2rem;z-index:1;padding-bottom:1.3rem}.drawer summary{cursor:pointer;font-weight:700;font-size:1.25rem;letter-spacing:-.03em;list-style:none}.drawer summary::-webkit-details-marker{display:none}.drawer details p{margin-top:.7rem;max-width:46rem}.phases{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.8rem}.phases article{background:var(--surface);border-radius:0 2rem 0 0;padding:1.1rem 1rem 1.2rem;display:grid;gap:.55rem;align-content:start}.phases h3{font-size:1.45rem}.close{display:grid;grid-template-columns:1fr 2.4fr 1fr;gap:.7rem;padding:0 var(--margin) 7.5rem;align-items:stretch}.flank{min-height:22rem;border-radius:0 var(--notch) 0 0;overflow:hidden}.flank.photo img{width:100%;height:100%;object-fit:cover;display:block}.flank.flat{background:var(--surface)}.close-main{background:var(--paper);color:var(--carbon);border-radius:0 var(--notch) 0 0;padding:2.2rem 2rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;min-height:22rem}footer{background:var(--paper);color:var(--carbon);padding:2rem var(--margin) 2.4rem}.mark{display:flex;align-items:flex-end;gap:4px;height:18vh;margin-bottom:2.2rem}.mark span{flex:1;display:flex;align-items:flex-end;justify-content:center;background:var(--carbon);color:var(--paper);font-weight:700;font-size:clamp(3rem,8vw,7rem);line-height:.78;letter-spacing:-.04em}.mark span:nth-child(3n){height:100%}.mark span:nth-child(3n+1){height:78%}.mark span:nth-child(3n+2){height:62%}.foot{display:flex;justify-content:space-between;gap:2rem;align-items:end}.foot a,.foot span{color:var(--carbon);text-decoration:none;font-weight:500;margin-right:1rem}.credits{max-width:28rem;font-size:var(--step-small)}@media(prefers-reduced-motion:reduce){.sheet-back,.sheet-mid{animation:none}.frame img{transition:none}}