:root{--ink:#0b0a08;--soot:#16120d;--brass-dark:#7a5c22;--brass:#b08b3a;--brass-lit:#d8b264;--brass-hot:#f0d493;--parchment:#efe3c6;--parchment-dim:#c3ae87;--ember:#d9762b;--edge:#d8b2644d;--edge-soft:#d8b2641f;--font-display:"IM Fell English SC", Georgia, serif;--font-body:"IM Fell English", Georgia, serif;--font-meta:ui-sans-serif, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--settle:cubic-bezier(.16, .84, .28, 1);--swoop:cubic-bezier(.2, .86, .24, 1.06)}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--ink);color:var(--parchment-dim);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.05rem;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--brass-lit);outline-offset:4px}.stage{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:clamp(2rem,6vh,4rem) 1.5rem clamp(1.5rem,4vh,2.5rem);display:flex;position:relative;overflow-x:clip}.forge{z-index:-1;pointer-events:none;opacity:0;animation:bloom 1.4s var(--settle) 60ms forwards;background:radial-gradient(60ch 42ch at 50% 34%,#b08b3a2b,#0000 68%),radial-gradient(46ch 26ch at 50% 96%,#d9762b29,#0000 72%);position:absolute;inset:0}.stage__inner{z-index:1;--ring:clamp(150px, 24vw, 380px);--rise:clamp(105px, 15vw, 220px);--figure:clamp(185px, 34vh, 415px);text-align:center;flex-direction:column;align-items:center;margin:auto 0;display:flex;position:relative}.crest{width:clamp(230px,42vw,360px);position:relative}.crest__mark{margin:0}.crest__mark img{opacity:0;filter:drop-shadow(0 0 34px #b08b3a38);width:100%;animation:lift 1.1s var(--settle) .16s forwards, breathe 9s ease-in-out 1.6s infinite}.hub{aspect-ratio:1;opacity:0;width:32%;animation:bloom .9s var(--settle) .9s forwards;transition:transform .26s var(--settle);border-radius:50%;place-items:center;text-decoration:none;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hub__ring,.hub__pulse{pointer-events:none;border-radius:50%;position:absolute;inset:0}.hub__ring{background:radial-gradient(circle at 50% 48%,#d9762b42,#b08b3a17 40%,#0000 62%);transition:background .26s,opacity .26s}.hub__pulse{border:1px solid #f0d4936b;animation:4.6s ease-out 1.8s infinite ripple}.hub__label{font-family:var(--font-display);letter-spacing:.24em;text-indent:.24em;color:var(--brass-hot);text-shadow:0 0 18px #d9762ba6;font-size:clamp(.9rem,2.4vw,1.14rem);transition:color .26s,text-shadow .26s;position:relative}.hub:hover,.hub:focus-visible{transform:translate(-50%,-50%)scale(1.05)}.hub:hover .hub__ring,.hub:focus-visible .hub__ring{background:radial-gradient(circle at 50% 48%,#f0b45a75,#d9762b2e 42%,#0000 64%)}.hub:hover .hub__label,.hub:focus-visible .hub__label{color:var(--parchment);text-shadow:0 0 22px #f0d493bf}.hub:hover .hub__pulse,.hub:focus-visible .hub__pulse{opacity:0;animation:none}.hub:active{transform:translate(-50%,-50%)scale(1.01)}.hub:focus-visible{outline-offset:6px}.chronicle{font-family:var(--font-display);letter-spacing:.34em;text-indent:.34em;color:var(--brass-hot);opacity:0;animation:rise .9s var(--settle) .7s forwards;margin:clamp(1.6rem,4vh,2.4rem) 0 0;font-size:clamp(1.05rem,2.6vw,1.5rem)}.chronicle__sub{letter-spacing:.04em;color:var(--parchment-dim);opacity:0;animation:rise .9s var(--settle) .82s forwards;margin:.55rem 0 0;font-size:clamp(.95rem,2vw,1.1rem);font-style:italic}.note{font-family:var(--font-meta);letter-spacing:.11em;text-transform:uppercase;color:#c3ae879e;opacity:0;animation:rise .9s var(--settle) 1.06s forwards;margin:clamp(1.6rem,4vh,2.4rem) 0 0;font-size:.78rem}.orbit{z-index:0;pointer-events:none;position:absolute;inset:0}.crest__mark{z-index:10;position:relative}.hub{z-index:11}.orbit__slot{z-index:var(--z);translate:calc(-50% + var(--x) * var(--ring)) calc(-100% + var(--foot) * var(--rise));pointer-events:auto;animation:fly 1.15s var(--swoop) calc(1.15s + var(--i) * .13s) both;transition:scale .3s var(--settle);position:absolute;top:50%;left:50%}.orbit__figure{width:auto;max-width:none;height:calc(var(--figure) * var(--s));scale:var(--flip) 1;filter:brightness(calc(.42 + .58 * var(--dim))) saturate(calc(.55 + .45 * var(--dim))) blur(calc((1 - var(--dim)) * 1.4px));transition:filter .26s;display:block}.orbit:hover .orbit__figure{filter:brightness(calc(.22 + .3 * var(--dim))) saturate(.5) blur(calc((1 - var(--dim)) * 1.4px))}.orbit__slot:hover{z-index:9;scale:1.05}.orbit__slot:hover .orbit__figure{filter:brightness(1.1)saturate(1.04)blur()}@keyframes fly{0%{opacity:0;translate:calc(-50% + var(--x) * 78vw) calc(-100% + var(--foot) * var(--rise) - 30px)}to{opacity:1;translate:calc(-50% + var(--x) * var(--ring)) calc(-100% + var(--foot) * var(--rise))}}@media (width<=1400px){.stage__inner{--ring:clamp(120px, 19vw, 280px);--figure:clamp(155px, 27vh, 320px)}}@media (width<=1080px){.stage__inner{--ring:clamp(105px, 17vw, 210px);--figure:clamp(140px, 23vh, 250px)}.orbit__slot:first-child,.orbit__slot:nth-child(4){display:none}}@media (width<=760px){.crest{width:min(74vw,330px)}.stage__inner{--ring:32vw;--rise:26vw;--figure:clamp(148px, 38vw, 250px)}.orbit__slot:first-child,.orbit__slot:nth-child(4),.orbit__slot:nth-child(5){display:none}.orbit__slot{translate:calc(-50% + var(--mx) * var(--ring)) calc(-100% + var(--mfoot) * var(--rise));animation-name:flyPortrait}.orbit__figure{height:calc(var(--figure) * var(--ms));filter:brightness(calc(.62 + .38 * var(--dim))) saturate(calc(.7 + .3 * var(--dim)))}.orbit:hover .orbit__figure{filter:none}.chronicle{margin-top:calc(var(--figure) * 1.18);letter-spacing:.2em;text-indent:.2em;font-size:clamp(.92rem,4.2vw,1.2rem)}.chronicle__sub{font-size:clamp(.9rem,3.8vw,1.05rem)}.note{letter-spacing:.09em;margin-top:1.4rem;font-size:.68rem}.stage{padding-inline:1rem}.hub{width:max(34%,88px)}}@keyframes flyPortrait{0%{opacity:0;translate:calc(-50% + var(--mx) * 90vw) calc(-100% + var(--mfoot) * var(--rise) - 24px)}to{opacity:1;translate:calc(-50% + var(--mx) * var(--ring)) calc(-100% + var(--mfoot) * var(--rise))}}@media (width<=760px) and (height<=480px){.orbit{display:none}.chronicle{margin-top:clamp(1.6rem,4vh,2.4rem)}}.scroll-cue{z-index:1;font-family:var(--font-meta);letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:#c3ae8780;opacity:0;flex-direction:column;align-items:center;gap:.55rem;margin-top:clamp(1.6rem,4vh,2.6rem);padding:.4rem .8rem;font-size:.68rem;text-decoration:none;transition:color .24s;animation:1s 1.5s forwards bloom;display:flex;position:relative}.scroll-cue:hover{color:var(--brass-hot)}.scroll-cue__arrow{border-bottom:1px solid;border-right:1px solid;width:9px;height:9px;animation:2.6s ease-in-out infinite beckon;rotate:45deg}@keyframes beckon{0%,to{opacity:.55;translate:0}50%{opacity:1;translate:0 5px}}.reel{background:#000;width:100%;height:100svh;position:relative;overflow:hidden}.reel__video{object-fit:cover;width:100%;height:100%;display:block}.reel__vignette{pointer-events:none;background:linear-gradient(to bottom, var(--ink), transparent 14%, transparent 86%, var(--ink)), radial-gradient(120% 90% at 50% 50%, transparent 55%, #0b0a088c);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.scroll-cue__arrow{animation:none}}.colophon{z-index:1;font-family:var(--font-meta);letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:#c3ae8757;opacity:0;font-size:.7rem;animation:1.2s 1.2s forwards bloom;position:relative}@keyframes bloom{to{opacity:1}}@keyframes lift{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes ripple{0%{opacity:0;transform:scale(.5)}22%{opacity:.5}to{opacity:0;transform:scale(1)}}@keyframes breathe{0%,to{filter:drop-shadow(0 0 30px #b08b3a2e)}50%{filter:drop-shadow(0 0 46px #d9762b4d)}}@media (prefers-reduced-motion:reduce){.forge,.crest__mark img,.chronicle,.chronicle__sub,.note,.colophon{opacity:1;animation:none;transform:none}.hub{opacity:1;animation:none}.hub__pulse{display:none}.orbit__slot{opacity:1;animation:none}}@media (width<=460px){.chronicle{letter-spacing:.24em;text-indent:.24em}}
