*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f1eadc;color:#171610;font-family:DM Sans,sans-serif}.demo{background:#171610;color:#e7dcc9;text-align:center;padding:.55rem 1rem;font-size:.7rem;letter-spacing:.04em}header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 4vw;background:rgba(241,234,220,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,22,16,.12)}header .brand{color:inherit;text-decoration:none;font-weight:700}header>span{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem}header button{justify-self:end;border:1px solid rgba(23,22,16,.3);background:transparent;padding:.65rem .9rem;font:600 .75rem DM Sans;cursor:pointer}.mast{padding:10vw 6vw 5vw;min-height:68vh;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.mast:before{content:"";position:absolute;width:52vw;height:52vw;border-radius:50%;right:-12vw;top:-18vw;background:radial-gradient(circle at 35% 35%,#f7d391,#c36c3e 35%,rgba(195,108,62,.12) 65%,transparent 69%)}.mast>*{position:relative}.mast>p,.label{font-size:.68rem;text-transform:uppercase;letter-spacing:.17em;font-weight:700}.mast h1{font:400 clamp(4rem,8vw,9rem)/.82 Newsreader,serif;letter-spacing:-.055em;max-width:1000px;margin:.8rem 0 2rem}.mast h1 em{font-weight:400;color:#a65b35}.mast-meta{display:flex;flex-wrap:wrap;gap:1rem}.mast-meta span{padding:.55rem .75rem;border:1px solid rgba(23,22,16,.25);font-size:.75rem}.jump{display:flex;gap:2rem;padding:1.2rem 6vw;border-top:1px solid rgba(23,22,16,.14);border-bottom:1px solid rgba(23,22,16,.14);overflow:auto}.jump a{color:inherit;text-decoration:none;font-weight:700;font-size:.78rem;white-space:nowrap}.sheet,.notes,.next{padding:8vw 6vw}.split{display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw}.split h2,.notes h2,.next h2{font:400 clamp(3rem,6vw,6.5rem)/.9 Newsreader,serif;letter-spacing:-.045em;margin:.7rem 0}.timeline article{display:grid;grid-template-columns:80px 1fr;gap:1.5rem;padding:1.4rem 0;border-top:1px solid rgba(23,22,16,.16)}.timeline article:last-child{border-bottom:1px solid rgba(23,22,16,.16)}.timeline time{font:500 1.25rem Newsreader,serif}.timeline strong{font-size:1rem}.timeline p{margin:.3rem 0 0;opacity:.65;line-height:1.6}.notes{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;background:#171610;color:#f0e7d8}.notes-title p{max-width:30rem;color:#aaa094;line-height:1.7}.note-paper{background:#f4ede1;color:#171610;padding:2rem;min-height:480px}.note-paper label{display:block;font-weight:700;font-size:.8rem;margin-bottom:.7rem}.note-paper textarea{width:100%;min-height:130px;border:0;border-bottom:1px solid rgba(23,22,16,.18);background:transparent;resize:vertical;font:400 1rem/1.7 DM Sans;padding:.4rem 0 1rem;margin-bottom:1.8rem;outline:none}.note-paper button{border:0;background:#171610;color:#f5eddf;padding:.8rem 1rem;font-weight:700;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.cards article{border-top:1px solid rgba(23,22,16,.2);padding:1.5rem 0}.cards b{font-size:.66rem;letter-spacing:.14em;color:#a65b35}.cards h3{font:400 2rem Newsreader,serif;margin:.7rem 0}.cards p{line-height:1.7;opacity:.65}.next{background:#c86f3d}.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.doors a{background:#171610;color:#f5eddf;text-decoration:none;padding:1.5rem;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.doors span{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:#d8b779}.doors strong{font:400 1.5rem Newsreader,serif}footer{display:flex;justify-content:space-between;gap:2rem;padding:2rem 6vw;background:#0e0d0b;color:#9f978a;font-size:.75rem}.reading .demo,.reading header,.reading .jump,.reading footer{display:none}.reading .mast{min-height:45vh;padding-top:5vw}.reading{background:#fbf8f1}.reading .notes{background:#f6f0e4;color:#171610}.reading .note-paper{box-shadow:0 10px 50px rgba(23,22,16,.08)}@media(max-width:760px){header{grid-template-columns:1fr auto}header>span{display:none}.split,.notes{grid-template-columns:1fr;gap:2rem}.cards,.doors{grid-template-columns:1fr}.mast{padding-top:18vw}.mast:before{width:90vw;height:90vw}.jump{gap:1.2rem}.timeline article{grid-template-columns:60px 1fr}footer{flex-direction:column}.sheet,.notes,.next{padding:16vw 6vw}}