@charset "UTF-8";
:root{color-scheme:dark;--ink:#080e10;--paper:#f1ede4;--muted:#b4babb;--gold:#d5bea0;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:7px}.skip{position:absolute;top:-100px;left:20px;z-index:10;padding:15px;background:var(--ink)}.skip:focus{top:15px}#wake,.ambience{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#wake{opacity:.65}.ambience{background:radial-gradient(ellipse at 83% 31%,#a67e4e15,transparent 45%),linear-gradient(180deg,transparent 50%,#080e10e8);z-index:0}.page{position:relative;max-width:1680px;margin:auto;padding:0 6%}header{height:120px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:15px;letter-spacing:3px;font-weight:700}.brand img{object-fit:contain}.brand small{font-size:10px;color:var(--gold)}.nav{font-size:10px;letter-spacing:2px;display:flex;gap:32px}.nav span{color:var(--gold);font-size:18px}.hero{min-height:calc(100svh - 120px);position:relative;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:20px;padding:55px 0 110px}.eyebrow{display:flex;gap:12px;align-items:center;color:var(--gold);font-size:10px;letter-spacing:3px;margin:0 0 32px}.eyebrow span{width:22px;height:1px;background:var(--gold)}h1{font-size:clamp(58px,6.4vw,108px);line-height:1.02;letter-spacing:-5px;font-weight:500;margin:0 0 30px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--gold)}.intro{color:var(--muted);font-size:18px;line-height:1.8;margin:0}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:35px}.button{border:1px solid #d5bea06b;padding:18px 23px;font-size:12px;letter-spacing:.3px;background:#c3a17409;transition:background .2s,border-color .2s}.button:hover{background:#c3a17422;border-color:var(--gold)}.button span{margin-left:20px;color:var(--gold)}.soon{font-size:8px;letter-spacing:1.7px;color:#a7b0b1;display:flex;align-items:center;gap:8px}.soon i{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #d5bea060}.channel{font-size:12px;color:var(--gold)}.emblem{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate}.emblem img{position:relative;width:100%;height:auto;max-width:590px;filter:drop-shadow(0 35px 45px #0009);animation:float 9s ease-in-out infinite}.orbit{position:absolute;width:88%;aspect-ratio:1;border:1px solid #d5bea018;border-radius:50%;z-index:-1;box-shadow:0 0 110px #85b6ae09}.orbit:after{content:'';position:absolute;inset:-25px;border:1px dashed #d5bea015;border-radius:50%}.caption{font-size:8px;letter-spacing:4px;color:#b7a68d;margin-top:-12px}.hero-bottom{position:absolute;bottom:30px;width:100%;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#9ea9ab}.hero-bottom a{color:var(--gold)}.hero-bottom a span{padding-left:20px}.story{padding:75px 0 70px;scroll-margin-top:25px}.section-label{display:flex;align-items:center;gap:30px;color:var(--gold);font-size:9px;letter-spacing:2.5px}.rule{height:1px;background:var(--line);flex:1}.story-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;margin-top:50px}h2{font-weight:400;font-size:clamp(36px,4vw,62px);line-height:1.14;letter-spacing:-2px;margin:0}.story-grid p{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 18px}.story-grid .closing{color:var(--paper);margin-top:26px}.chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px}.chapters span{border-top:1px solid var(--line);padding:25px 0;font-size:9px;letter-spacing:2px}.chapters b{color:var(--gold);font-weight:400;margin-right:20px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0;font-size:8px;letter-spacing:1.7px;color:#a2aaab}footer button{border:0;background:transparent;color:#b7bfc0;font-size:10px;cursor:pointer;padding:10px 0}footer button span{margin-left:12px;color:var(--gold)}@keyframes float{50%{transform:translateY(-12px)}}body.paused .emblem img{animation-play-state:paused}
@media(min-width:1600px){.hero{min-height:850px}}
@media(max-width:900px){.page{padding:0 6%}header{height:92px}.brand{font-size:12px;letter-spacing:2px}.brand img{width:42px;height:42px}.hero{min-height:auto;padding:65px 0 100px;grid-template-columns:1fr 1fr}h1{font-size:64px;letter-spacing:-3px}.eyebrow{font-size:8px;letter-spacing:2px}.intro{font-size:15px}.caption{font-size:6px;letter-spacing:2px}.story-grid{gap:6%}.soon{font-size:7px}}
@media(max-width:620px){header{height:84px}.nav{font-size:8px;gap:12px}.hero{grid-template-columns:1fr;padding-top:42px;gap:8px}.copy{position:relative;z-index:1}h1{font-size:clamp(56px,14vw,80px);margin-bottom:22px}.eyebrow{margin-bottom:24px;letter-spacing:1.8px}.intro{font-size:16px}.actions{margin-top:24px;gap:20px}.emblem{width:80%;max-width:360px;margin:5px auto 30px}.caption{margin-top:-7px}.hero-bottom{font-size:6px;letter-spacing:1px;bottom:24px}.hero-bottom a span{padding-left:8px}.story{padding:40px 0 30px}.story-grid{grid-template-columns:1fr;gap:28px;margin-top:32px}h2{font-size:42px}.story-grid p{font-size:14px}.chapters{grid-template-columns:1fr;gap:0;margin-top:30px}.chapters span{padding:20px 0}footer{flex-wrap:wrap;padding:22px 0;gap:12px;font-size:7px}footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.emblem img{animation:none}}

/* Visible water motion also works independently of the canvas. */
#wake{opacity:1}
.water-motion{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 75% 55%,#17585b50,transparent 65%);z-index:0}
.water-motion>div{position:absolute;left:-30%;top:28%;width:160%;height:110%;border-radius:45%;background:repeating-radial-gradient(ellipse at 50% 0%,transparent 0 32px,#64b6ba26 33px 35px,transparent 37px 70px);transform:rotate(-12deg);animation:water-drift 12s ease-in-out infinite alternate;will-change:transform}
.water-motion>div+div{top:42%;left:-40%;opacity:.65;background:repeating-radial-gradient(ellipse at 50% 0%,transparent 0 46px,#dbbc8429 48px 49px,transparent 52px 100px);animation:water-drift-two 16s ease-in-out infinite alternate}
.ambience{background:radial-gradient(ellipse at 83% 31%,#a67e4e15,transparent 45%),linear-gradient(180deg,#080e1010 30%,#080e10c0)}
@keyframes water-drift{from{transform:translate(-3%,-4%) rotate(-12deg) scale(1)}to{transform:translate(7%,7%) rotate(-5deg) scale(1.12)}}
@keyframes water-drift-two{from{transform:translate(6%,0) rotate(8deg) scale(1.1)}to{transform:translate(-5%,8%) rotate(-3deg) scale(1)}}
body.paused .water-motion>div{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.water-motion>div{animation:none}}