:root{color-scheme:dark;--ink:#091525;--deep:#0c1d30;--line:#3b6474;--mist:#e6f5f2;--teal:#9fe2df}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--mist);font:1rem/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit}
a:focus-visible{outline:3px solid #ffe3a7;outline-offset:5px}
.skip-link{position:absolute;top:-5rem;left:1rem;z-index:10;background:var(--mist);color:var(--ink);padding:.5rem 1rem}.skip-link:focus{top:1rem}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:5.5rem;padding:1rem clamp(1.25rem,5vw,5rem);border-bottom:1px solid #a2d7d038}
.wordmark{font:small-caps 700 clamp(1.3rem,2vw,2rem)/1.1 Georgia,serif;letter-spacing:.08em;text-decoration:none}
.masthead span,.eyebrow{color:var(--teal);letter-spacing:.2em;text-transform:uppercase;font-size:.85rem;font-weight:700}.masthead b{padding:0 .25rem;color:#e8ca9b}
.arrival{background:#071323}.scene{position:relative;max-width:1875px;margin:auto;overflow:hidden;aspect-ratio:1875/839}.scene-image,.scene-image img{display:block;width:100%;height:100%}.scene-image img{object-fit:cover}
.scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,#07142615 41%,#071426bd 70%,#071426ec 100%),linear-gradient(0deg,#0714266e,transparent 28%)}
.scene-copy{position:absolute;top:11%;right:4%;width:36%;text-align:center;text-shadow:0 2px 20px #03101a}.scene-logo{display:block;width:clamp(4.5rem,7vw,8rem);height:auto;margin:0 auto .2rem;filter:drop-shadow(0 4px 14px #020c1b)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scene-copy .brand-lockups{margin:0 auto .65rem;display:flex;flex-direction:column;align-items:center;gap:.35rem}
.brand-lockups img{display:block;height:auto;filter:drop-shadow(0 4px 14px #020c1b)}
.rune-logo{width:min(100%,35rem)}.apatite-logo{width:min(78%,27rem)}
.scene-copy h1{font:normal clamp(2rem,4.1vw,5.5rem)/1.05 Georgia,serif;letter-spacing:-.035em;margin:.1rem 0 .8rem}.scene-copy .eyebrow{margin:.5rem 0 1.3rem}.rune-line{font:italic clamp(1.35rem,2.2vw,2.6rem)/1.2 Georgia,serif;margin:0 0 1.4rem;color:#f6dfb4}.coming-soon{font-size:clamp(1rem,1.35vw,1.5rem);font-weight:650;max-width:28rem;margin:0 auto 1.5rem}
.contact-link{display:inline-block;border:1px solid #b8e5df;background:#10354abf;color:#f1fffa;padding:.65rem 1.5rem;border-radius:2px;text-decoration:none;font-size:1rem;font-weight:700;letter-spacing:.04em}.contact-link:hover{background:#b8e5df;color:#092035}
.wheel-nav{position:absolute;left:27.7%;top:49.9%;width:16.8%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:2}.wheel-rotor{position:absolute;inset:0;animation:mill-turn 80s linear infinite}.wheel-rotor>img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 0 8px #051425)}
@keyframes mill-turn{to{transform:rotate(360deg)}}@keyframes counter-turn{to{transform:rotate(-360deg)}}
.wheel-nav:hover .wheel-rotor,.wheel-nav:hover .spoke span,.wheel-nav:focus-within .wheel-rotor,.wheel-nav:focus-within .spoke span{animation-play-state:paused}
.spoke{position:absolute;z-index:2;width:38%;text-decoration:none;display:grid;place-items:center}.spoke span{display:block;width:100%;padding:.25rem .35rem;border:1px solid #a9d9d3;background:#071c2ef2;color:#fff;border-radius:99px;text-align:center;font-size:clamp(.85rem,1.05vw,1.1rem);font-weight:700;box-shadow:0 2px 12px #001421;animation:counter-turn 80s linear infinite}.spoke:hover span,.spoke:focus-visible span{background:#d9f3e9;color:#092035}
.stories{top:8%;left:31%}.games{top:51%;right:-6%}.worlds{bottom:5%;right:0}.wheel-plaque{position:absolute;z-index:2;width:32%;height:auto;left:5%;top:56%;pointer-events:none}.hub{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);background:#d9f3e9;color:#092035;text-decoration:none;border:1px solid #aadbd3;border-radius:99px;padding:.25rem .45rem;min-width:3.5rem;text-align:center;font-size:.8rem;font-weight:700;box-shadow:0 2px 18px #001421}.hub:hover{background:#fff}
.small-nav{display:none}.chapters{max-width:1100px;margin:auto;padding:2rem clamp(1.25rem,5vw,4rem) 6rem}.chapter{display:grid;grid-template-columns:minmax(9rem,1fr) 3fr;gap:2rem;padding:3.5rem 0;border-bottom:1px solid var(--line);scroll-margin-top:1rem}.chapter-number{font-size:.85rem;color:var(--teal);letter-spacing:.14em;text-transform:uppercase}.chapter h2{font:normal clamp(2.5rem,5vw,4rem)/1.1 Georgia,serif;margin:0}.chapter p{font-size:1.15rem;max-width:35rem;margin:1rem 0}.chapter a{display:inline-block;color:var(--teal);font-weight:700;text-underline-offset:.3rem}
footer{display:flex;justify-content:space-between;gap:2rem;padding:2rem clamp(1.25rem,5vw,5rem);border-top:1px solid var(--line);color:#bfd7d8;font-size:.9rem}footer a{text-decoration:none}
@media(max-width:1100px){.wheel-nav{display:none}.small-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:1rem}.small-nav a{display:block;background:#18374b;border:1px solid #79bdc1;border-radius:.35rem;text-align:center;padding:.8rem .2rem;text-decoration:none;font-weight:700}}
@media(max-width:850px){.masthead span{display:none}.scene{aspect-ratio:auto;display:flex;flex-direction:column}.scene-image,.scene-image img{height:auto}.scene-shade{display:none}.scene-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;padding:1rem 1rem 2rem;background:#091525;text-shadow:none}.scene-copy .brand-lockups{max-width:34rem}.scene-copy .eyebrow{margin:.5rem 0}.rune-line{margin:.3rem 0 .8rem}.coming-soon{margin:0 auto 1rem}.chapter{grid-template-columns:1fr;gap:.5rem;padding:2.5rem 0}footer{flex-direction:column;gap:.25rem}}
@media(max-width:380px){.small-nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wheel-rotor,.spoke span{animation:none}}