:root{--paper: #e0c7b1;--paper-deep: #d4b89e;--ink: #26221f;--ink-soft: rgba(38, 34, 31, .62);--ink-faint: rgba(38, 34, 31, .28);--night-paper: #e8d3bd;--vellum: #e9dac8;--taupe: #c6b3a3;--mauve: #b29aa0;--magenta: #c79ba6;--accent: #a8858d;--plate-wash: rgba(233, 218, 200, .88);--plate-wash-foot: rgba(224, 204, 188, .82);--plate-gap: rgba(233, 218, 200, .3);--serif: "IM Fell English", Georgia, serif;--body: "Inter", -apple-system, sans-serif;--mono: "Space Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--ink);color:var(--paper)}#sky{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;display:block}main{position:relative;z-index:2}.almanac-title{font-family:var(--serif);font-weight:400;letter-spacing:.01em}.phase-numeral{font-family:var(--serif);font-style:italic;color:var(--accent)}.plate-marginalia{color:var(--accent);opacity:.9}.phase-rule{border:none;border-top:1px solid currentColor;opacity:.5}.plate .phase-rule{border-top:none;height:1px;opacity:1;background:linear-gradient(90deg,var(--accent) 0%,var(--ink-faint) 78%,transparent 100%)}.mono-label{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase}.phase{position:relative;min-height:100vh;display:flex;align-items:center;pointer-events:none}.phase>*{pointer-events:auto}.plate{position:relative;border:1px solid var(--ink);padding:clamp(24px,3.5vw,44px) clamp(22px,3.5vw,44px);background:linear-gradient(180deg,var(--plate-wash) 0%,var(--plate-wash) 58%,var(--plate-wash-foot) 100%);box-shadow:0 0 0 4px var(--plate-gap),0 0 0 5px var(--ink);max-width:600px}.plate:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid var(--ink-faint);pointer-events:none}body.night{--ink: #e8d3bd;--ink-soft: rgba(232, 211, 189, .62);--ink-faint: rgba(232, 211, 189, .26);--paper: #26221f;--paper-deep: #1b1815;--accent: #b9a0a6;--plate-wash: rgba(38, 34, 31, .86);--plate-wash-foot: rgba(27, 24, 21, .9);--plate-gap: rgba(38, 34, 31, .34)}body.night ::selection{background:#e8d3bd;color:#26221f}.reveal{opacity:0;transform:translateY(26px);transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1)}.reveal.on{opacity:1;transform:translateY(0)}.film-frame{position:relative;border:1px solid var(--ink);box-shadow:0 0 0 4px var(--paper),0 0 0 5px var(--ink);background:#000}.film-frame video{display:block;width:100%;height:100%;object-fit:cover}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;z-index:40;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain-shift .9s steps(4) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,2%)}to{transform:translate(2%,1%)}}.scroll-cue{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:10px;transition:opacity .8s ease;pointer-events:none}.scroll-cue .line{width:1px;height:44px;background:currentColor;transform-origin:top;animation:cue-drop 2.2s cubic-bezier(.65,0,.35,1) infinite}@keyframes cue-drop{0%{transform:scaleY(0)}45%{transform:scaleY(1);transform-origin:top}46%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.chrome{position:fixed;z-index:30;font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;font-size:10px}#chrome-brand{top:22px;left:24px}#chrome-phase{top:22px;left:50%;transform:translate(-50%);opacity:.6}#chrome-right{top:18px;right:24px;display:flex;gap:16px;align-items:center}#progress-rail{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:14px}#progress-rail a{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;opacity:.35;transition:opacity .4s ease}#progress-rail a.active{opacity:1}#progress-rail .dot{width:5px;height:5px;border:1px solid currentColor;transform:rotate(45deg);flex-shrink:0}#progress-rail a.active .dot{background:currentColor}#progress-rail .lbl{font-family:var(--mono);font-size:8px;letter-spacing:.22em;white-space:nowrap}button.sound-toggle{background:none;border:none;border-bottom:1px solid transparent;color:inherit;opacity:.5;font-family:var(--mono);font-size:9px;letter-spacing:.24em;padding:2px 0 3px;cursor:pointer;text-transform:uppercase;transition:opacity .5s ease,border-color .5s ease}button.sound-toggle:hover{opacity:1;border-bottom-color:currentColor}button.sound-toggle[aria-pressed=true]{opacity:.9}button.sound-toggle:focus-visible{outline:none;opacity:1;border-bottom-color:currentColor}button.begin-link{background:none;border:none;color:inherit;opacity:.75;font-family:var(--mono);font-size:10px;letter-spacing:.3em;padding:4px 2px;cursor:pointer;text-transform:uppercase;transition:opacity .5s ease,letter-spacing .5s ease}button.begin-link:hover{opacity:1;letter-spacing:.34em}button.begin-link:focus-visible{outline:none;opacity:1}.correspondence-line{width:100%;background:transparent;border:none;border-bottom:1px solid var(--ink);color:var(--ink);font-family:var(--serif);font-size:clamp(1.3rem,3.4vw,2.2rem);font-style:italic;padding:12px 2px;outline:none;caret-color:var(--ink)}.correspondence-line::placeholder{color:var(--ink-faint);font-style:italic}.aperture{border:1px solid var(--ink);background:#e8d3bd1f;position:relative}.aperture .ap-screen{aspect-ratio:16 / 9;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.engraving{mix-blend-mode:multiply}.paper-texture{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:center / cover no-repeat;mix-blend-mode:multiply;opacity:.5}.dome-plate{position:relative;width:min(88vw,620px);aspect-ratio:2848 / 1600;background:#e0c7b1;border:1px solid var(--ink);box-shadow:0 0 0 4px var(--plate-gap, rgba(224, 199, 177, .55)),0 0 0 5px var(--ink);overflow:hidden}.dome-sky{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;opacity:.5;will-change:transform}.dome-sky img{height:100%;flex:none;mix-blend-mode:multiply}.dome-sky img:nth-child(2n){transform:scaleX(-1)}.dome-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.observatory-landing{min-height:100vh;padding-bottom:0}.observatory-door{display:block;text-decoration:none;color:inherit;cursor:pointer;text-align:center}.building-plate{position:relative;width:min(92vw,660px);aspect-ratio:1800 / 1366;background:#e0c7b1;border:1px solid var(--ink);box-shadow:0 0 0 4px var(--plate-gap),0 0 0 5px var(--ink);overflow:hidden;perspective:900px}.building-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.door-opening,.door-leaf{position:absolute;left:46.06%;top:50.15%;width:9.05%;height:29.13%}.door-opening{border-radius:50% 50% 3% 3%/22% 22% 1% 1%;background:radial-gradient(120% 70% at 50% 88%,#c79ba680,#14110f00 62%),linear-gradient(180deg,#14110f,#1c1815);opacity:0;transition:opacity .35s ease}.door-leaf{background:#e0c7b1;isolation:isolate;transform-origin:left center;backface-visibility:hidden}.door-leaf img{width:100%;height:100%;display:block;mix-blend-mode:multiply}.door-glow{position:absolute;left:50%;bottom:12%;width:9%;height:20%;transform:translate(-50%);background:radial-gradient(ellipse at 50% 60%,var(--magenta) 0%,rgba(199,155,166,0) 70%);opacity:0;transition:opacity .6s ease;pointer-events:none;mix-blend-mode:multiply}.observatory-door:hover .door-glow,.observatory-door:focus-visible .door-glow{opacity:.85}.door-invite{display:inline-block;margin-top:20px;font-size:10px;letter-spacing:.42em;color:var(--accent);border-bottom:1px solid transparent;padding-bottom:4px;transition:border-color .5s ease,letter-spacing .5s ease}.observatory-door:hover .door-invite,.observatory-door:focus-visible .door-invite{border-bottom-color:var(--accent);letter-spacing:.5em}.observatory-door:focus-visible{outline:1px solid var(--accent);outline-offset:10px}.observatory-door.entering{pointer-events:none}.observatory-door.entering .door-leaf{animation:door-swing .85s cubic-bezier(.35,0,.25,1) forwards}@keyframes door-swing{0%{transform:rotateY(0);filter:brightness(1)}20%{transform:rotateY(-8deg)}to{transform:rotateY(-104deg);filter:brightness(.86)}}.observatory-door.entering .door-opening{animation:doorway-open .6s ease .1s forwards}@keyframes doorway-open{0%{opacity:0}to{opacity:1}}.observatory-door.entering .door-glow{animation:door-spill 1.55s cubic-bezier(.4,0,.2,1) forwards}@keyframes door-spill{0%{opacity:0;transform:translate(-50%) scale(1)}40%{opacity:.9;transform:translate(-50%) scale(2.2)}to{opacity:1;transform:translate(-50%) scale(26)}}.observatory-door.entering .building-plate{transform-origin:50.6% 64.7%;animation:step-through 1.55s cubic-bezier(.5,0,.75,0) forwards}@keyframes step-through{0%{transform:scale(1)}45%{transform:scale(1.05)}to{transform:scale(3.4)}}.observatory-door.entering:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#14110f;opacity:0;pointer-events:none;animation:fall-to-dark 1.55s ease-in forwards}@keyframes fall-to-dark{0%{opacity:0}55%{opacity:0}to{opacity:1}}.observatory-door.entering .door-invite{opacity:0;transition:opacity .3s ease}@media(prefers-reduced-motion:reduce){.observatory-door.entering .building-plate,.observatory-door.entering .door-leaf,.observatory-door.entering .door-glow,.observatory-door.entering:after{animation:none;transition:none}}.planetarium{--ink: #e8d3bd;--ink-soft: rgba(232, 211, 189, .62);--ink-faint: rgba(232, 211, 189, .24);--accent: #b9a0a6;min-height:100vh;background:#14110f;color:var(--ink);opacity:0;transition:opacity 1.4s ease}.planetarium.lit{opacity:1}.planetarium .grain{animation:none;opacity:.03}.dome-vault{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -18%,#e8d3bd1a,#e8d3bd00 62%),radial-gradient(90% 60% at 50% 120%,#b9a0a612,#14110f00 70%)}.planetarium-inner{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:clamp(28px,6vh,72px) clamp(20px,5vw,64px) clamp(40px,8vh,96px);display:flex;flex-direction:column;gap:clamp(28px,5vh,56px)}.projection{position:relative}.screen{position:relative;border:1px solid rgba(232,211,189,.28);background:#0d0b0a;box-shadow:0 0 0 6px #e8d3bd0d,0 0 90px #e8d3bd1a,0 24px 80px #0009}.screen .ap-screen{aspect-ratio:16 / 9;border-bottom:1px solid rgba(232,211,189,.18)}.planetarium .iris{opacity:.16;width:34%}.screen-caption{padding:16px 20px 18px}.projector-beam{position:absolute;left:50%;bottom:100%;width:62%;height:46vh;transform:translate(-50%);pointer-events:none;background:linear-gradient(to top,#e8d3bd1a,#e8d3bd00 78%);clip-path:polygon(46% 100%,54% 100%,100% 0,0 0);opacity:.7}.reel-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:clamp(12px,2vw,20px)}.reel-can{text-align:left;background:none;border:1px solid rgba(232,211,189,.18);color:var(--ink);padding:14px 16px 16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:border-color .4s ease,background .4s ease}.reel-can:hover,.reel-can:focus-visible{border-color:#e8d3bd73}.reel-can.on{border-color:var(--accent);background:#b9a0a612}.reel-can .mono-label{color:var(--accent)}.reel-can-title{font-family:var(--serif);font-size:clamp(.95rem,1.6vw,1.15rem);line-height:1.3}.interior-colophon{border-top:1px solid var(--ink-faint);padding-top:22px;text-align:center}.phase-display{justify-content:center;align-items:flex-end;padding:0 clamp(16px,5vw,64px) 14vh}.plate-display{background:none;border:none;box-shadow:none;text-align:center;max-width:none;padding:0}.plate-display:before{display:none}.display-line{font-size:clamp(2.4rem,8vw,6rem);line-height:1.02;letter-spacing:.005em;color:var(--ink);text-shadow:0 0 34px rgba(232,211,189,.28)}body.night .display-line{text-shadow:0 0 46px rgba(232,211,189,.34)}body.totality .plate-display{opacity:1!important}.intro-descriptor{font-size:clamp(.95rem,2.1vw,1.6rem);letter-spacing:.24em;text-transform:uppercase;text-align:center;color:var(--ink);opacity:0;transform:translateY(10px);transition:opacity 1.6s cubic-bezier(.22,1,.36,1),transform 1.6s cubic-bezier(.22,1,.36,1)}.intro-descriptor[data-on=true]{opacity:.88;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.intro-descriptor{transition:none}}@media(max-width:640px){.scroll-cue,#progress-rail{display:none}.plate{padding:20px 18px 22px}.building-plate{width:94vw}}.iris{width:52%;display:block;color:var(--ink);opacity:.75;overflow:visible}body.totality .reveal{opacity:0}@media(max-width:768px){#progress-rail .lbl,#chrome-phase{display:none}.plate{max-width:88%}.phase{align-items:flex-end;padding-bottom:12vh}}@media(prefers-reduced-motion:reduce){.grain,.scroll-cue .line{animation:none}.reveal{transition:none;opacity:1;transform:none}}.room-gears{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.room-gears img{position:absolute;filter:invert(1);mix-blend-mode:screen;opacity:.055;animation-name:room-turn;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}@keyframes room-turn{0%{transform:rotate(var(--start, 0deg))}to{transform:rotate(calc(var(--start, 0deg) + 360deg))}}@media(prefers-reduced-motion:reduce){.room-gears img{animation:none}}