:root{--bg:#070d14;--panel:#0c1620;--ink:#edf3f6;--muted:#a5b2bd;--line:#ffffff20;--gold:#d6be8a;--blue:#c3e6fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.demo{height:30px;display:flex;align-items:center;justify-content:center;background:#14212b;font-size:10px;letter-spacing:1.7px;color:#c8d4dc}.demo strong{color:var(--gold);margin-right:12px}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:#070d14} .brand{display:flex;align-items:center;gap:13px}.brand svg{width:36px;height:48px}.brand span{font-size:13px;letter-spacing:4px}.brand small{display:block;font-size:8px;letter-spacing:2.4px;color:#a7b4c0;margin-top:7px}nav{display:flex;align-items:center;gap:32px;font-size:12px;color:#becad3}nav a:hover{color:white}.nav-cta{border:1px solid #bfd9e14d;padding:12px 20px;border-radius:30px;color:#ecf6ff}.menu-toggle{display:none}.hero{position:relative;min-height:700px;height:calc(100svh - 116px);max-height:940px;isolation:isolate;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;z-index:-3}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#050b13ed 0%,#050b13cc 22%,#050b1366 43%,transparent 68%),linear-gradient(0deg,#070d14 0%,transparent 22%)}.hero-copy{width:560px;max-width:48%;margin:0 0 60px 7%}.eyebrow{font-size:10px;letter-spacing:2.6px;text-transform:uppercase;color:var(--gold);line-height:1.7}.hero-mark{height:144px;width:155px;margin:22px 0 10px;filter:drop-shadow(0 0 20px #afdfff22)}h1{font-size:clamp(34px,4.6vw,69px);font-weight:300;letter-spacing:.17em;line-height:1.08;margin:0 0 29px}h1 small{display:block;font-size:15px;letter-spacing:.75em;padding-left:4px;margin-bottom:12px}.hero-lead{font-size:25px;font-weight:400;line-height:1.35;letter-spacing:-.5px;margin:0 0 14px}.hero-description{font-size:15px;color:#becbd5;line-height:1.75;max-width:370px;margin:0 0 26px}.actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;background:var(--blue);color:#0a1c2b;border:none;border-radius:4px;padding:17px 21px;font-size:12px;font-weight:700;cursor:pointer;min-height:48px;transition:background .2s}.button:hover{background:#e4f5ff}.text-link{font-size:12px;border-bottom:1px solid #8295a0;padding:10px 0;color:#e7edf1}.hero-note{color:#98aab7;font-size:10px;line-height:1.6;margin-top:14px}.hero-bottom{position:absolute;bottom:30px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:#a7b8c7}.hero-bottom span:first-child{color:var(--gold)}.section{padding:100px 7%;max-width:1600px;margin:auto}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:60px;padding-bottom:65px}.intro h2{font-size:38px;font-weight:400;line-height:1.15;letter-spacing:-1.5px;margin:12px 0 0}.intro p{font-size:16px;line-height:1.9;color:var(--muted);max-width:520px}.duo{display:grid;grid-template-columns:1.16fr 1fr;gap:0;margin:0 7%;border:1px solid var(--line);background:#0c1620;max-width:1376px;overflow:hidden}.duo img{width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center}.duo-copy{padding:60px 13%;display:flex;flex-direction:column;justify-content:center}.duo h2,.worlds h2,.signup h2,.saga h2{font-size:43px;line-height:1.13;letter-spacing:-1.4px;font-weight:400;margin:17px 0 20px}.duo p,.saga p{font-size:15px;color:var(--muted);line-height:1.8;margin:0 0 25px}.duo .text-link{align-self:flex-start}.tag{display:inline-block;border:1px solid var(--line);border-radius:40px;padding:7px 12px;font-size:9px;letter-spacing:1.3px;color:#b1c3d0;margin-bottom:10px}.section-title{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:35px}.section-title h2{margin-bottom:0}.section-title p{font-size:14px;line-height:1.8;color:var(--muted);max-width:300px;margin:0}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.world{padding:32px 28px 32px 0;position:relative}.world+.world{padding-left:30px;border-left:1px solid var(--line)}.world-num{font-size:10px;color:var(--gold);letter-spacing:2px}.world h3{font-size:24px;letter-spacing:-.5px;font-weight:400;margin:35px 0 9px}.world .location{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#94b0c0}.world p{font-size:14px;line-height:1.85;color:var(--muted);min-height:78px;margin:19px 0}.world button{background:none;border:0;color:#d0e9f8;cursor:pointer;padding:12px 0;font-size:12px;text-align:left;min-height:44px}.world button span{margin-left:20px}.saga{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;padding-top:55px;padding-bottom:55px}.saga h2{font-size:36px;margin:15px 0 0}.saga p{max-width:490px;margin-bottom:14px}.saga-state{font-size:11px;color:var(--gold);display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}.signup{text-align:center;max-width:780px;padding-top:90px;padding-bottom:90px}.signup h2{font-size:46px;margin-top:16px}.signup>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:460px;margin:0 auto 24px}.signup form{text-align:left;max-width:520px;margin:auto}.signup label{font-size:11px;color:#bbc8d2;display:block;margin-bottom:9px}.form-row{display:flex;gap:8px}.signup input{flex:1;min-width:0;color:white;background:#101b25;border:1px solid #9ab2c33d;border-radius:4px;padding:15px;font-size:14px}.signup small{display:block;color:#8396a5;font-size:10px;line-height:1.8;text-align:left;margin-top:11px}.form-status{font-size:13px;color:var(--gold);line-height:1.6;margin-top:12px;min-height:22px}footer{padding:32px 7%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;color:#8297a6;font-size:10px;line-height:1.8}footer strong{font-weight:400;letter-spacing:3px;color:#c5d1db}footer a{text-decoration:underline;text-underline-offset:3px}.footer-links{display:flex;gap:22px}dialog{background:#101c28;color:var(--ink);border:1px solid #708da14d;border-radius:8px;padding:40px;width:min(90vw,520px);box-shadow:0 30px 120px #0009}dialog::backdrop{background:#030810b8;backdrop-filter:blur(6px)}dialog h2{font-size:30px;font-weight:400}dialog p{font-size:16px;line-height:1.8;color:#bfccd5}dialog .close{float:right;border:none;background:none;color:white;cursor:pointer;font-size:25px;min-width:44px;min-height:44px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1600px){.duo{margin-left:auto;margin-right:auto}}
@media(max-width:900px){nav{gap:18px}.hero-copy{max-width:55%;margin-left:6%}.hero-description{max-width:300px}.hero{min-height:680px}.hero-art{object-position:57% center}.duo-copy{padding:35px 30px}.duo h2{font-size:33px}.duo img{min-height:360px}.intro{gap:35px}.section{padding-left:6%;padding-right:6%}.world{padding-right:17px}.world+.world{padding-left:17px}.world p{min-height:104px}}
@media(max-width:600px){.demo{font-size:8px;letter-spacing:1px;height:27px}.demo strong{margin-right:8px}header{height:71px;padding:0 6%;position:relative;z-index:5}.brand span{font-size:10px;letter-spacing:2.8px}.brand small{font-size:7px}.brand svg{width:28px;height:37px}.menu-toggle{display:block;border:1px solid var(--line);background:transparent;color:white;border-radius:3px;min-width:44px;min-height:44px;font-size:19px}nav{display:none;position:absolute;left:0;right:0;top:71px;padding:24px;background:#0b1621;border-bottom:1px solid var(--line);align-items:stretch;gap:9px}nav.open{display:flex;flex-direction:column}nav a{padding:13px}.hero{height:auto;min-height:850px;display:block;padding-top:27px}.hero-art{top:325px;height:380px;object-fit:cover;object-position:70% center}.hero:before{background:linear-gradient(180deg,#070d14 0%,#070d14 29%,transparent 46%,transparent 69%,#070d14 82%)}.hero-copy{max-width:none;width:auto;margin:0 6%;text-align:center;position:static}.eyebrow{font-size:9px;letter-spacing:2px}.hero-mark{height:102px;width:110px;margin:15px 0 7px}h1{font-size:36px;letter-spacing:.15em;margin-bottom:17px}h1 small{font-size:10px;letter-spacing:.65em;margin-bottom:9px}.hero-lead{font-size:21px;margin-bottom:11px}.hero-description{font-size:13px;line-height:1.7;max-width:290px;margin:0 auto}.hero .actions{position:absolute;top:685px;left:6%;right:6%;justify-content:center;flex-direction:column;gap:9px}.hero .button{width:100%;max-width:340px}.hero-note{position:absolute;top:789px;left:6%;right:6%;font-size:9px;margin:0}.hero-bottom{display:none}.section{padding:55px 6%}.intro{display:block;padding-top:25px;padding-bottom:35px}.intro h2{font-size:34px}.intro p{font-size:14px;margin-top:20px;line-height:1.85}.duo{margin:0 6%;display:flex;flex-direction:column}.duo img{height:auto;min-height:0;aspect-ratio:1.25;object-fit:cover}.duo-copy{padding:29px 24px 32px}.duo h2{font-size:34px;margin-top:12px}.duo p{font-size:14px}.section-title{display:block}.section-title h2{font-size:35px;margin-bottom:18px}.section-title p{font-size:14px}.world-grid{display:block}.world,.world+.world{padding:25px 0;border-left:0}.world+.world{border-top:1px solid var(--line)}.world h3{margin-top:20px}.world p{min-height:0;margin:14px 0 5px}.world-num{float:right;padding-top:7px}.world .location{font-size:9px}.saga{display:block;padding-top:40px;padding-bottom:40px}.saga h2{font-size:33px;margin-bottom:20px}.saga p{font-size:14px}.signup{padding-top:60px;padding-bottom:40px}.signup h2{font-size:35px}.signup>p{font-size:14px}.form-row{flex-direction:column;gap:10px}.signup input{min-height:49px}.signup small{font-size:10px}footer{display:block;padding:25px 6%;font-size:9px}.footer-links{margin-top:18px;flex-wrap:wrap}dialog{padding:25px}dialog p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* V02: saga identity leads, ship follows characters. */
.saga-hero{height:auto;min-height:0;max-height:none;display:block;padding:0 0 60px;background:#050b12;text-align:center;overflow:hidden}
.saga-hero:before{display:none}.brand-art{height:580px;max-width:1440px;margin:auto;position:relative}.brand-art img{width:100%;height:100%;object-fit:contain;object-position:center}.brand-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#050b12 0%,transparent 22%)}
.saga-hero-copy{position:relative;margin:-12px auto 0;padding:0 25px;max-width:800px}.saga-headline{font-size:38px;letter-spacing:-1px;line-height:1.15;margin:14px 0}.saga-description{font-size:15px;line-height:1.7;color:#b5c3ce;margin:0 0 25px}.saga-hero .actions{justify-content:center;position:static;flex-direction:row}.saga-hero .hero-note{position:static;font-size:10px;margin-top:19px}.saga-hero h1.sr-only{margin:0;padding:0}.saga{border-top:1px solid #ffffff15}.ship-reveal{position:relative;margin:80px 0 0;min-height:530px;display:flex;align-items:center;isolation:isolate}.ship-reveal img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center;z-index:-2}.ship-reveal:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070d14ed,transparent 75%),linear-gradient(0deg,#070d14,transparent 22%)}.ship-copy{padding:65px 7%;max-width:580px}.ship-copy h2{font-size:46px;line-height:1.1;font-weight:400;letter-spacing:-1.4px;margin:18px 0}.ship-copy p{color:#b4c6d2;font-size:15px;line-height:1.8;margin-bottom:25px}
@media(min-width:1600px){.brand-art{height:640px}}
@media(max-width:600px){.saga-hero{padding:0 0 37px;min-height:0}.brand-art{height:clamp(300px,94vw,365px);width:100%;overflow:hidden}.brand-art img{width:175%;max-width:none;height:auto;position:absolute;left:50%;transform:translateX(-50%);object-fit:cover;object-position:center}.saga-hero-copy{margin:-4px auto 0;padding:0 23px}.saga-headline{font-size:30px;line-height:1.17;margin:14px 0}.saga-description{font-size:13px;max-width:290px;margin:0 auto 22px}.saga-hero .actions{flex-direction:column;gap:10px}.saga-hero .button{width:100%}.saga-hero .hero-note{font-size:9px;margin-top:15px}.ship-reveal{margin-top:50px;min-height:560px;align-items:flex-end}.ship-reveal img{height:330px;object-position:65% center}.ship-reveal:before{background:linear-gradient(0deg,#070d14 0%,#070d14 32%,transparent 70%)}.ship-copy{padding:270px 6% 25px}.ship-copy h2{font-size:35px}.ship-copy p{font-size:14px}}

/* V03: edge-to-edge artwork, transparent masthead, readable small text. */
header{position:absolute;top:0;left:0;right:0;z-index:10;background:transparent;height:120px;padding:10px 5.5%;align-items:center}header .brand{display:block;width:180px;height:105px}.brand img{width:100%;height:100%;object-fit:contain}nav{font-size:15px;color:#edf4fb;gap:30px;text-shadow:0 2px 12px #000}.nav-cta{background:#08152230;font-size:14px} .brand-art{height:auto;aspect-ratio:1672/941;max-width:none;width:100%}.brand-art img{position:static;transform:none;width:100%;height:100%;max-width:none;object-fit:cover}.brand-art:after{background:linear-gradient(0deg,#050b12 0%,transparent 18%)}.saga-hero-copy{margin:-70px auto 0}.saga-hero{padding-bottom:55px}.eyebrow{font-size:12px;letter-spacing:2px}.saga-hero .hero-note{font-size:13px}.button,.text-link{font-size:15px}.saga-description{font-size:17px}.world-num,.world .location,.saga-state{font-size:12px}.signup label{font-size:14px}.signup small{font-size:13px;color:#a6b8c6}.tag{font-size:12px}footer{display:block;text-align:center;padding:55px 7% 25px}.social-follow h2{font-size:28px;color:#edf4fa;font-weight:400;margin:0 0 12px}.social-follow p{font-size:16px;color:#b7c8d6}.social-icons{display:flex;justify-content:center;gap:32px;margin:28px 0 22px}.social-icons a{display:flex;align-items:center;flex-direction:column;gap:10px;font-size:13px;color:#d6e5ef;text-decoration:none;min-width:65px}.social-disc{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid #abc8db55;border-radius:50%;background:#101e2a}.social-icons a:hover .social-disc{background:#294255;border-color:#d5ecfb}.social-icons svg{width:25px;height:25px;fill:currentColor}.social-follow .social-note{font-size:13px;color:#92aab9}.publisher{display:inline-flex;flex-direction:column;align-items:center;gap:16px;margin:35px 0 40px;text-decoration:none}.publisher span{font-size:12px;letter-spacing:2px;color:#9db1bf}.publisher img{width:155px;height:auto}.footer-bottom{border-top:1px solid #ffffff18;padding-top:24px;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#9bb0c0}
@media(max-width:900px){header{padding:8px 4%;height:105px}header .brand{width:140px;height:90px}nav{gap:18px;font-size:14px}.saga-hero-copy{margin:-20px auto 0}}
@media(max-width:600px){header{height:92px;padding:5px 6%;background:transparent}header .brand{width:116px;height:80px}.menu-toggle{background:#07131a55;border-color:#c6dbe34d}nav{top:92px;background:#08131cf5;font-size:16px}.brand-art{height:355px;aspect-ratio:auto;overflow:hidden}.brand-art img{position:absolute;width:175%;max-width:none;height:auto;left:50%;top:0;transform:translateX(-50%)}.brand-art{background-image:none}.brand-art:before{content:'';position:absolute;inset:0;background:#050b1266}.brand-art img{z-index:1}.brand-art:after{z-index:2}.saga-hero-copy{margin:0 auto}.saga-hero-copy .eyebrow{font-size:11px}.saga-description{font-size:15px}.saga-hero .hero-note{font-size:12px;line-height:1.7}.eyebrow{font-size:11px}.world .location,.world-num,.saga-state{font-size:12px}.world button{font-size:14px}.signup label{font-size:14px}.signup small{font-size:12px}.social-icons{gap:14px}.social-icons a{min-width:58px;font-size:12px}.social-disc{height:50px;width:50px}.social-follow h2{font-size:27px}.social-follow p{font-size:15px}.footer-bottom{flex-direction:column;font-size:12px}.publisher{margin-top:30px}.saga-headline{font-size:29px}}

/* V04: compact masthead and earlier story invitation. */
header{height:92px}header .horizontal-brand{display:flex;align-items:center;gap:13px;width:auto;height:auto;color:#e0e9ef}.horizontal-brand svg{width:35px;height:43px;flex-shrink:0}.horizontal-brand span{font-size:16px;font-weight:400;letter-spacing:3.8px;white-space:nowrap}.saga-hero{background:#050b12 url('assets/earth-background-dark.png') center center/cover no-repeat;padding:0 0 48px;min-height:740px;display:flex;flex-direction:column;align-items:center;justify-content:center}.saga-hero:before{display:block;z-index:-1;background:linear-gradient(0deg,#050b12 0%,#050b1290 38%,#050b1240 65%,#050b1210 90%)}.brand-art{width:440px;height:248px;aspect-ratio:auto;max-width:70%;margin:82px auto 12px;overflow:visible;background:none}.brand-art img{position:static;width:100%;height:100%;max-width:100%;transform:none;object-fit:contain}.brand-art:before,.brand-art:after{display:none}.saga-hero-copy{margin:0 auto;padding:0 25px}.saga-headline{font-size:38px;line-height:1.17;margin:14px 0}.saga-description{margin-bottom:24px}.saga-hero .hero-note{color:#c3cfda}.saga-hero .eyebrow{color:#e5cc96}.saga-hero .actions{margin-top:0}.saga-hero .text-link{color:#fff}.saga-hero .saga-description{color:#e3edf5;text-shadow:0 2px 7px #000,0 0 18px #000}.saga-hero .hero-note{text-shadow:0 1px 8px #000}
@media(max-width:900px){.horizontal-brand span{font-size:13px;letter-spacing:2.5px}.horizontal-brand svg{width:29px;height:36px}nav{gap:17px}.brand-art{width:400px;height:226px}.saga-hero{min-height:700px}}
@media(max-width:600px){header{height:80px}.horizontal-brand span{font-size:13px;letter-spacing:2.2px}header .horizontal-brand{gap:9px}.horizontal-brand svg{width:28px;height:35px}nav{top:80px}.saga-hero{min-height:0;padding-bottom:40px;background-position:center center}.brand-art{width:330px;max-width:88%;height:186px;margin:96px auto 18px}.brand-art img{position:static;top:auto;left:auto;transform:none;width:100%;height:100%;object-fit:contain}.saga-hero-copy{margin:0 auto;padding:0 23px}.saga-headline{font-size:29px}.saga-hero .hero-note{font-size:12px}.saga-hero .saga-description{font-size:15px}.saga-hero .actions{gap:10px}}

/* V05: shared menu control and geometric horizontal brand lockup. */
header .horizontal-brand{gap:13px;align-items:center}.horizontal-brand>svg:first-child{width:43px;height:50px}.horizontal-brand .brand-wordmark{width:208px;height:43px;flex-shrink:0;color:#dce7ed;overflow:visible}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:52px;height:52px;min-width:52px;border:1px solid #c6dbe34d;border-radius:4px;background:#07131a55;color:#edf4fb;cursor:pointer;font-size:0}.menu-toggle .menu-line{width:22px;height:2px;background:currentColor;display:block;transition:transform .18s,opacity .18s}.menu-toggle[aria-expanded="true"] .menu-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-line:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] .menu-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}nav{display:none;position:absolute;top:82px;right:5.5%;left:auto;width:290px;background:#091723f5;border:1px solid #adc9dd30;border-radius:7px;padding:17px;box-shadow:0 18px 60px #0008;backdrop-filter:blur(16px);text-shadow:none}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:6px}nav a{padding:16px;font-size:16px}nav .nav-cta{margin-top:7px;text-align:center;border-radius:4px}.menu-toggle:hover{background:#1b3044aa}
@media(max-width:600px){header .horizontal-brand{gap:9px}.horizontal-brand>svg:first-child{width:32px;height:42px}.horizontal-brand .brand-wordmark{width:169px;height:35px}.menu-toggle{width:46px;height:46px;min-width:46px}nav{top:73px;left:6%;right:6%;width:auto}}
@media(max-width:350px){.horizontal-brand .brand-wordmark{width:145px;height:31px}header .horizontal-brand{gap:7px}}

/* V07: use original supplied art unchanged; window excludes design notes below. */
.saga-hero{background:#03070c;min-height:0;justify-content:flex-start;padding-top:86px}.brand-art.original-art{position:relative;width:100%;max-width:none;height:auto;aspect-ratio:1536 / 665;margin:0;overflow:hidden}.brand-art.original-art img{position:absolute;top:0;left:0;width:100%;height:auto;max-width:none;transform:none;object-fit:initial}.brand-art.original-art:before,.brand-art.original-art:after{display:none}.saga-hero:before{display:none}.saga-hero-copy{margin:25px auto 0}.saga-hero .hero-note{margin-bottom:0}
@media(max-width:600px){.saga-hero{padding-top:80px;padding-bottom:40px}.brand-art.original-art{width:100%;height:260px;aspect-ratio:auto;max-width:none;margin:0}.brand-art.original-art img{width:600px;height:auto;max-width:none;left:50%;top:0;transform:translateX(-50%)}.saga-hero-copy{margin:27px auto 0}}

/* V08: approved gold concept; consistent near-black presentation. */
:root{--bg:#03070c;--panel:#091019;--gold:#d7ba7b;--blue:#d7ba7b}html,body{background:#03070c;color-scheme:dark}header{height:86px}header .horizontal-brand{width:46px;height:50px}.horizontal-brand>svg:first-child{width:44px;height:50px;color:#d7dce0}.menu-toggle{border-color:transparent;background:transparent}.menu-toggle:hover{background:#ffffff0a}.saga-hero{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:860px;padding:22px 0 160px;background-color:#03070c;background-image:linear-gradient(180deg,#03070c88 0%,#03070c70 65%,#03070c30 100%),url('assets/earth-background-dark.png');background-position:center;background-size:cover;background-repeat:no-repeat}.saga-hero:before{display:block;position:absolute;inset:0;background:linear-gradient(0deg,#03070c 0%,#03070c20 20%,#03070c55 45%,#03070c55 100%);z-index:-1}.brand-art.concept-logo{width:560px;height:315px;max-width:76%;margin:12px auto 12px;aspect-ratio:auto;position:relative;overflow:visible;background:none}.brand-art.concept-logo img{position:static;width:100%;height:100%;object-fit:contain;max-width:none;transform:none}.brand-art:before,.brand-art:after{display:none}.saga-hero-copy{max-width:850px;margin:0 auto;padding:0 25px}.saga-hero .eyebrow{font-size:13px;letter-spacing:4px;color:#dabd80}.saga-headline{font-family:Georgia,'Times New Roman',serif;font-size:64px;line-height:.99;letter-spacing:-1.3px;margin:24px 0 18px;font-weight:400}.saga-hero .saga-description{font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.4;color:#e8e8e6;text-shadow:0 2px 12px #000;margin:0 0 25px}.button{background:linear-gradient(115deg,#b39253 0%,#ecd398 45%,#c4a365 100%);border:1px solid #e7ce9477;color:#17120a;box-shadow:inset 0 1px 0 #fff4cf55;border-radius:5px}.button:hover{background:linear-gradient(115deg,#c3a362,#f1dbad,#d1b173)}.saga-hero .button{font-family:Georgia,'Times New Roman',serif;font-size:22px;font-weight:500;min-width:330px;padding:14px 28px;min-height:54px;gap:35px}.saga-hero .actions{justify-content:center;margin:0}.saga-hero .hero-note{font-size:14px;color:#bdc9d6;letter-spacing:.5px;margin:11px 0 0;line-height:1.6}.saga{max-width:none;margin:0 5%;padding:30px 3% 38px;grid-template-columns:1.1fr 1fr;gap:50px;border-bottom:0;align-items:center}.saga h2{font-family:Georgia,'Times New Roman',serif;font-size:37px;letter-spacing:-.8px;margin:12px 0 0}.saga p{font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:1.45;color:#e2e3e2;margin:0}.saga>div+div{border-left:1px solid #ffffff30;padding-left:50px}.saga .eyebrow{letter-spacing:3px}.duo{background:#091019}.signup h2,.duo h2,.intro h2,.worlds h2,.ship-copy h2{font-family:Georgia,'Times New Roman',serif}.signup .button{font-size:15px}.social-disc{background:#0b1119}.ship-reveal:before{background:linear-gradient(90deg,#03070ced,transparent 75%),linear-gradient(0deg,#03070c,transparent 22%)}
@media(max-width:900px){.saga-hero{min-height:780px;padding-bottom:140px}.brand-art.concept-logo{width:490px;height:276px;margin-top:45px}.saga-headline{font-size:52px}.saga-hero .saga-description{font-size:21px}.saga{gap:30px}.saga>div+div{padding-left:30px}}
@media(max-width:600px){header{height:76px}.horizontal-brand>svg:first-child{width:33px;height:41px}.saga-hero{min-height:0;padding:0 0 105px;background-position:center bottom}.brand-art.concept-logo{width:340px;max-width:90%;height:192px;margin:85px auto 17px}.saga-hero-copy{padding:0 22px;margin:0;max-width:100%}.saga-hero .eyebrow{font-size:10px;letter-spacing:2px}.saga-headline{font-size:43px;line-height:1.05;margin:21px 0 18px;letter-spacing:-.7px}.saga-hero .saga-description{font-size:18px;line-height:1.55;margin-bottom:24px}.saga-hero .button{min-width:0;width:100%;font-size:20px;gap:24px;padding:14px 22px}.saga-hero .hero-note{font-size:12px;letter-spacing:.2px;max-width:300px;margin:12px auto 0}.saga{margin:0 6%;padding:29px 0 30px}.saga h2{font-size:31px;line-height:1.12}.saga>div+div{border:0;padding:0;margin-top:22px}.saga p{font-size:18px}.saga .eyebrow{font-size:11px}.intro{padding-top:35px}.signup h2{font-size:35px}}

/* V10: restrained champagne-gold hero button. */
.saga-hero .journey-button{position:relative;min-width:330px;min-height:58px;padding:16px 28px;justify-content:space-between;gap:40px;border-radius:3px;border:1px solid #d8c191;background:linear-gradient(135deg,#dbc798 0%,#c9ad74 58%,#b99a60 100%);color:#211a10;font-family:Georgia,'Times New Roman',serif;font-size:20px;font-weight:400;letter-spacing:.35px;box-shadow:inset 0 1px 0 #fff5d980,0 5px 22px #0005;transition:background .2s,box-shadow .2s,transform .2s}.saga-hero .journey-button:before{content:'';position:absolute;inset:3px;border:1px solid #fff5d924;pointer-events:none;border-radius:1px}.journey-button svg{width:27px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.15;transition:transform .2s}.saga-hero .journey-button:hover{background:linear-gradient(135deg,#e4d1aa,#d3b980 65%,#c5a66c);box-shadow:inset 0 1px 0 #fff8e0aa,0 7px 25px #0006;transform:translateY(-1px)}.journey-button:hover svg{transform:translateX(3px)}.saga-hero .journey-button:active{transform:translateY(0);box-shadow:inset 0 1px 4px #533e2325}.saga-hero .actions{margin-top:29px}
@media(max-width:600px){.saga-hero .journey-button{min-width:0;width:100%;font-size:19px;min-height:58px;padding:16px 24px;gap:25px}.saga-hero .actions{margin-top:26px}}

/* V11: reference extraction at native brightness; no dimming layers. */
.saga-hero{background-image:url('optimized/earth-background-reference-fast-7abdf5f374b9.webp');background-color:#03070c;background-position:center top;background-size:auto max(1250px, 100%);background-repeat:no-repeat;filter:none;opacity:1}.saga-hero:before,.saga-hero:after{display:none;background:none;opacity:0}.brand-art.concept-logo{filter:none;opacity:1}.brand-art.concept-logo img{filter:none;opacity:1}
@media(max-width:600px){.saga-hero{background-size:auto 1150px;background-position:center top}}

/* V12: approved story composition; V11 background stays locked. */
.saga-hero{min-height:1060px;padding:0 0 35px}
.brand-art.concept-logo{width:420px;height:237px;max-width:76%;margin:102px auto 20px}
.saga-hero-copy{max-width:1250px;width:100%;padding:0 30px;box-sizing:border-box}
.saga-hero .eyebrow{font-size:17px;letter-spacing:4px}
.saga-headline{font-size:68px;line-height:1.1;letter-spacing:-1px;margin:37px 0 19px}
.saga-hero .saga-description{font-size:27px;line-height:1.4;margin:0}
.hero-explore{width:74%;display:flex;justify-content:center;margin:230px auto 0;padding:24px 0 10px;border-top:1px solid #c6a668}
.hero-explore a{flex:1;font-family:Georgia,'Times New Roman',serif;color:#dabd80;font-size:25px;text-decoration:none;line-height:1.3}
.hero-explore a+a{border-left:1px solid #c6a668}
.hero-explore a:hover{color:#f0dba8}
.saga-hero .saga{border:0;display:block;max-width:1100px;margin:42px auto 0;padding:0 25px;text-align:center}
.saga-hero .saga>div+div{border:0;padding:0;margin:10px 0 0}
.saga-hero .saga .eyebrow{font-size:15px;letter-spacing:4px}
.saga-hero .saga h2{font-size:45px;line-height:1.15;margin:10px 0 0}
.saga-hero .saga p{font-size:21px;line-height:1.5}
@media(max-width:1100px) and (min-width:601px){.saga-headline{font-size:55px}.saga-hero .saga-description{font-size:23px}}
@media(max-width:600px){
.saga-hero{min-height:0;padding:0 0 38px}
.brand-art.concept-logo{width:290px;height:164px;max-width:84%;margin:96px auto 23px}
.saga-hero-copy{padding:0 23px}
.saga-hero .eyebrow{font-size:11px;letter-spacing:2px;line-height:1.6}
.saga-headline{font-size:43px;line-height:1.08;margin:24px 0 20px;letter-spacing:-.6px}
.saga-hero .saga-description{font-size:19px;line-height:1.55;max-width:320px;margin:auto}
.hero-explore{width:88%;margin-top:210px;padding:19px 0 4px}
.hero-explore a{font-size:17px}
.saga-hero .saga{margin-top:35px;padding:0 23px}
.saga-hero .saga .eyebrow{font-size:11px;letter-spacing:2px}
.saga-hero .saga h2{font-size:34px;line-height:1.15}
.saga-hero .saga p{font-size:18px;line-height:1.5;margin-top:12px}
}

/* V14: user-requested tighter composition and earlier horizon; image colors untouched. */
.saga-hero{min-height:940px;background-size:auto max(1050px, 100%)}
.brand-art.concept-logo{width:400px;height:225px;margin:86px auto 14px}
.saga-hero .eyebrow{font-size:15px;letter-spacing:3.5px}
.saga-headline{font-size:56px;line-height:1.08;margin:24px 0 12px;letter-spacing:-.8px}
.saga-hero .saga-description{font-size:23px;line-height:1.4}
.hero-explore{margin-top:185px}
.saga-hero .saga{margin-top:32px}
@media(max-width:1100px) and (min-width:601px){.saga-headline{font-size:48px}}
@media(max-width:600px){
.saga-hero{min-height:0;background-size:auto 950px}
.brand-art.concept-logo{width:290px;height:164px;margin:85px auto 14px}
.saga-hero .eyebrow{font-size:11px;letter-spacing:2px}
.saga-headline{font-size:37px;line-height:1.08;margin:17px 0 12px;letter-spacing:-.5px}
.saga-hero .saga-description{font-size:18px;line-height:1.5}
.hero-explore{margin-top:145px}
.saga-hero .saga{margin-top:28px}
}

/* V15: compact page rhythm, discovery menu and connected footer. Background rules untouched. */
.intro{padding-top:36px;padding-bottom:36px;gap:45px}
.intro p{line-height:1.65;margin:0}
.duo-copy{padding:38px 10%}.duo img{min-height:350px}
.ship-reveal{margin-top:42px;min-height:460px}.ship-copy{padding:44px 7%}
.worlds{padding-top:48px;padding-bottom:38px}.section-title{margin-bottom:24px}
.world{padding-top:26px;padding-bottom:23px}.world h3{margin-top:22px}.world p{line-height:1.65}
.signup{max-width:1050px;padding:42px 7% 35px}.signup h2{font-size:42px;margin:12px 0 15px}.signup>p{max-width:600px;margin-bottom:19px;line-height:1.65}.signup form{max-width:600px}.signup small{font-size:12px;line-height:1.55}.form-status:empty{display:none}
footer{padding:35px 7% 20px;background:#050a10;border-top:1px solid #d7ba7b30;text-align:left}
.footer-directory{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:65px;align-items:center;padding-bottom:28px}
.footer-brand img{width:215px;height:121px;object-fit:contain;margin:-15px 0 -3px}
.footer-brand p{font-family:Georgia,serif;font-size:20px;line-height:1.4;color:#dde2e4;margin:5px 0 12px}
.footer-stage{font-size:10px;letter-spacing:1.8px;color:#99a7b3}
.footer-route .eyebrow{font-size:11px;letter-spacing:1.8px;margin-bottom:13px}
.footer-route a{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16px;color:#d7dde1;text-decoration:none;padding:10px 0;border-bottom:1px solid #ffffff0c}
.footer-route a span{color:#d7ba7b}.footer-route a:hover{color:#edce92}
.social-follow{text-align:center;border-top:1px solid #ffffff15;padding:22px 0 24px}
.social-follow h2{font-family:Georgia,serif;font-size:28px;margin:0 0 8px}
.social-follow p{font-size:15px;margin:0;color:#aebac4;line-height:1.55}
.social-icons{margin:20px 0 0;gap:26px}.social-disc{width:45px;height:45px;border-color:#d7ba7b55;background:none}.social-icons svg{width:21px;height:21px}.social-icons a{font-size:12px;gap:7px;text-decoration:none}.social-icons a:hover .social-disc{background:#d7ba7b15;border-color:#d7ba7b}
.footer-bottom{max-width:1240px;margin:auto;padding-top:17px;align-items:center;font-size:11px;gap:22px}
.publisher{flex-direction:row;margin:0;gap:11px;text-decoration:none}.publisher span{font-size:9px;letter-spacing:1.5px}.publisher img{width:85px;height:auto}
.menu-is-open{overflow:hidden}.menu-is-open header{z-index:40}.menu-is-open header>.brand,.menu-is-open header>.menu-toggle{visibility:hidden}.menu-backdrop{position:fixed;inset:0;z-index:30;background:#02060bab;backdrop-filter:blur(9px)}.menu-backdrop[hidden]{display:none}
#main-nav{position:fixed;top:20px;right:22px;left:auto;width:min(840px,calc(100vw - 44px));max-height:calc(100dvh - 40px);overflow:auto;z-index:40;border:1px solid #d7ba7b55;border-radius:18px;padding:32px;background:linear-gradient(130deg,#111d2a,#070e17 65%);box-shadow:0 20px 90px #0009;backdrop-filter:none;display:none;color:#e6ebee}
#main-nav.open{display:block}.menu-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:22px}
.menu-heading .eyebrow{font-size:11px;letter-spacing:2.4px}.menu-heading h2{font-family:Georgia,serif;font-size:35px;font-weight:400;margin:7px 0 0;line-height:1.1}
.menu-close{border:1px solid #d7ba7b40;background:transparent;color:#e8e8e3;font-size:29px;font-weight:300;width:44px;height:44px;flex-shrink:0;border-radius:50%;cursor:pointer;line-height:1}
.menu-close:hover{background:#d7ba7b18}.menu-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:25px}
#main-nav .menu-links a{display:flex;align-items:center;gap:15px;padding:16px 10px 16px 0;min-height:76px;border-bottom:1px solid #ffffff13;border-radius:0}
.menu-number{color:#d7ba7b;font-size:11px;letter-spacing:1px;min-width:20px}.menu-links strong{font-family:Georgia,serif;font-size:23px;font-weight:400;display:block;line-height:1.15}.menu-links small{display:block;color:#a7b6c3;font-size:13px;line-height:1.5;margin-top:5px}.menu-arrow{margin-left:auto;color:#d7ba7b;font-size:22px}
#main-nav .menu-links a:hover{background:#d7ba7b0b;color:#edce92}.menu-links a:hover .menu-arrow{transform:translate(2px,-2px)}
#main-nav .menu-links .menu-invitation{background:#d7ba7b13;border:1px solid #d7ba7b40;border-radius:8px;margin-top:15px;padding:15px 12px}.menu-invitation strong{font-size:21px}
#main-nav .menu-feature{padding:0;display:block;position:relative;min-height:395px;border:1px solid #d7ba7b30;border-radius:12px;overflow:hidden}
.menu-feature img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:42% center;transition:transform .4s}
.menu-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#020811f5,transparent 85%)}
.menu-feature>div{position:absolute;left:22px;right:18px;bottom:24px;z-index:1}.menu-feature .eyebrow{font-size:10px;letter-spacing:1.6px;line-height:1.5}.menu-feature h3{font-family:Georgia,serif;font-size:31px;font-weight:400;margin:10px 0 15px;line-height:1.06}.menu-feature span{font-size:13px}.menu-feature:hover img{transform:scale(1.04)}
.menu-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding-top:19px;border-top:1px solid #d7ba7b25;font-size:11px;color:#a7b6c3}.menu-bottom>a{padding:0;font-size:12px;color:#d7ba7b}
@media(max-width:900px){.footer-directory{gap:30px}.footer-route a{font-size:15px}.footer-route .eyebrow{font-size:10px}.publisher{gap:8px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:600px){
.intro{padding-top:25px;padding-bottom:26px}.intro p{margin-top:16px;font-size:15px;line-height:1.65}.duo-copy{padding:25px 23px}.duo img{min-height:0}.duo p{font-size:15px;line-height:1.65}
.ship-reveal{margin-top:28px;min-height:510px}.ship-copy{padding:265px 6% 25px}
.worlds{padding-top:33px;padding-bottom:23px}.section-title{margin-bottom:18px}.world,.world+.world{padding:20px 0}.world p{font-size:15px;line-height:1.65}.world h3{margin-top:17px}
.signup{padding:28px 6% 30px}.signup h2{font-size:35px}.signup>p{font-size:15px}.signup small{font-size:12px}
footer{padding:28px 6% 18px}.footer-directory{grid-template-columns:1fr 1fr;gap:24px 22px;padding-bottom:24px}.footer-brand{grid-column:1/-1;text-align:center}.footer-brand img{width:190px;height:107px}.footer-brand p{font-size:19px}.footer-route a{font-size:14px;padding:11px 0;gap:8px}.footer-route .eyebrow{font-size:9px;letter-spacing:1.4px;line-height:1.65;min-height:30px;margin-bottom:6px}
.social-follow{padding:22px 0}.social-follow h2{font-size:25px}.social-follow p{font-size:14px;max-width:300px;margin:auto}.social-icons{gap:13px;margin-top:19px}.social-icons a{min-width:58px}.social-disc{width:44px;height:44px}.footer-bottom{flex-direction:column;text-align:center;gap:13px;padding-top:18px}.publisher{margin:0;flex-direction:row}.publisher img{width:90px}
#main-nav{top:10px;right:10px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:23px 20px;border-radius:14px}.menu-heading{margin-bottom:17px}.menu-heading .eyebrow{font-size:9px;letter-spacing:1.7px}.menu-heading h2{font-size:29px;line-height:1.1}.menu-close{width:40px;height:40px}.menu-grid{display:flex;flex-direction:column;gap:18px}
#main-nav .menu-links a{min-height:67px;padding:13px 2px}.menu-links strong{font-size:22px}.menu-links small{font-size:13px}.menu-invitation strong{font-size:20px}#main-nav .menu-links .menu-invitation{padding:13px 10px;margin-top:13px}
#main-nav .menu-feature{min-height:210px}.menu-feature img{object-position:center 44%}.menu-feature>div{left:18px;bottom:19px}.menu-feature h3{font-size:26px;margin:8px 0 11px}.menu-feature h3 br{display:none}.menu-bottom{margin-top:18px;padding-top:15px;flex-direction:column;align-items:flex-start;gap:10px}.menu-bottom>a{line-height:1.5}
}

/* V16: launch-stage storytelling and unobscured art. Locked hero backdrop unchanged. */
.hero-format{font-size:14px;letter-spacing:1.1px;color:#d7ba7b;line-height:1.5;margin:11px 0 0}.hero-format span{color:#aab8c4}.hero-explore{margin-top:154px}
.ship-reveal{display:block;margin-top:38px;min-height:0;isolation:auto;background:none}
.ship-reveal:before,.ship-reveal:after{display:none;background:none}
.ship-scene{margin:0;position:relative}.ship-reveal .ship-scene img{position:static;display:block;width:100%;height:auto;object-fit:contain;filter:none;opacity:1}
.ship-scene figcaption{padding:11px 7% 0;color:#9aaab7;font-size:11px;letter-spacing:1.2px}
.ship-copy{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:25px 7% 20px;align-items:center}.ship-copy h2{font-size:40px;margin:12px 0 0}.ship-copy p{font-size:17px;line-height:1.6;margin:0 0 16px}
#main-nav .menu-feature{display:flex;flex-direction:column;min-height:0;background:#101b26}
.menu-feature:before,.menu-feature:after{display:none;background:none}.menu-feature img{position:static;height:245px;object-fit:cover;filter:none;opacity:1}
.menu-feature>div{position:static;padding:19px 20px 23px}.menu-feature h3{font-size:29px}.menu-feature .eyebrow{font-size:10px}
.saga-development{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:40px;padding-bottom:35px;border-top:1px solid #d7ba7b25;margin:0 7%;padding-left:0;padding-right:0}
.saga-development h2,.project-about h2{font-family:Georgia,serif;font-size:43px;line-height:1.1;font-weight:400;margin:13px 0 20px;letter-spacing:-.7px}
.saga-development>div>p{max-width:480px;color:#aebbc5;font-size:17px;line-height:1.65;margin-bottom:22px}
.story-path{border-left:1px solid #d7ba7b35;padding-left:32px}.story-path>div{padding:0 0 19px;margin-bottom:19px;border-bottom:1px solid #ffffff12}.story-path>div:last-child{border:0;margin:0;padding:0}
.story-path span{font-size:10px;letter-spacing:2px;color:#d7ba7b}.story-path h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:9px 0 8px}.story-path p{font-size:15px;line-height:1.6;color:#aebbc5;max-width:390px;margin:0}
.project-about{padding-top:23px;padding-bottom:27px;max-width:1050px;text-align:center}.project-about h2{font-size:32px;margin-bottom:14px}.project-about p{font-size:16px;color:#aebbc5;line-height:1.65;max-width:690px;margin:auto}
@media(max-width:900px){.saga-development{gap:35px}.saga-development h2{font-size:37px}}
@media(max-width:600px){
.hero-format{font-size:12px;letter-spacing:.3px;margin-top:10px;line-height:1.6}.hero-format span{display:block}.hero-explore{margin-top:104px}
.ship-reveal{min-height:0;margin-top:26px}.ship-reveal .ship-scene img{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}.ship-scene figcaption{font-size:10px;line-height:1.5;padding:10px 6% 0}.ship-copy{display:block;padding:19px 6% 9px}.ship-copy h2{font-size:34px;margin:10px 0 18px}.ship-copy p{font-size:16px}
.menu-feature img{height:170px}.menu-feature>div{padding:15px 17px 18px}.menu-feature h3{font-size:26px;margin:8px 0 12px}
.saga-development{display:block;margin:0 6%;padding-top:27px;padding-bottom:24px}.saga-development h2{font-size:35px}.saga-development>div>p{font-size:16px}.story-path{border-left:0;border-top:1px solid #d7ba7b25;padding:23px 0 0;margin-top:25px}.story-path h3{font-size:24px}.story-path p{font-size:15px}.story-path>div{padding-bottom:15px;margin-bottom:15px}
.project-about{padding:20px 6%}.project-about h2{font-size:29px}.project-about p{font-size:15px}
}

/* V17: people and life aboard first; Mars, bases and transport reserved for later. */
.people-preview{display:grid;grid-template-columns:1fr 410px;gap:70px;align-items:center;padding-top:38px;padding-bottom:30px;max-width:1400px}
.people-copy h2{font-family:Georgia,serif;font-size:43px;line-height:1.1;letter-spacing:-.7px;font-weight:400;margin:16px 0 22px}
.people-copy p{font-size:18px;line-height:1.7;color:#b2bfca;max-width:510px}.people-copy .concept-note{font-size:15px;line-height:1.65;color:#95a6b4;margin-top:23px}
.people-preview figure{margin:0}.people-preview figure img{display:block;width:100%;height:540px;object-fit:contain;filter:none;opacity:1}.people-preview figcaption{font-size:11px;color:#95a6b4;text-align:center;margin-top:10px;line-height:1.5}
.art-detail{display:inline-flex;align-items:center;gap:25px;min-height:44px;background:none;border:0;border-bottom:1px solid #d7ba7b66;color:#e1c991;font-size:15px;padding:11px 0;cursor:pointer}.art-detail:hover{color:#fff1ce}
.first-looks{padding-top:35px;padding-bottom:35px}.first-looks h2{font-family:Georgia,serif;font-size:40px;line-height:1.12;letter-spacing:-.7px;font-weight:400;margin:13px 0 0}.first-looks .section-title p{font-size:16px;line-height:1.65;max-width:360px}
.look-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.look-card{border:1px solid #d7ba7b25;background:#08111a}.art-open{display:block;width:100%;border:0;padding:0;background:none;cursor:zoom-in}.art-open img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;filter:none;opacity:1}.look-copy{padding:24px 26px}.look-copy h3{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:12px 0}.look-copy p{color:#aebcc7;font-size:16px;line-height:1.65;margin:0 0 12px;max-width:490px}.gallery-note{font-size:12px;color:#8fa1b0;margin:18px 0 0;line-height:1.6}
dialog{width:min(92vw,1080px);max-height:90dvh;overflow:auto;background:#09121c}dialog .detail-art{display:block;max-width:100%;max-height:58dvh;width:auto;height:auto;object-fit:contain;margin:20px auto 0;filter:none;opacity:1}dialog h2{font-family:Georgia,serif;margin-top:15px}dialog p{max-width:760px}
@media(max-width:900px){.people-preview{grid-template-columns:1fr 330px;gap:35px}.people-preview figure img{height:470px}.people-copy h2{font-size:37px}.people-copy p{font-size:16px}.look-copy{padding:21px}.look-copy h3{font-size:27px}}
@media(max-width:600px){.people-preview{display:flex;flex-direction:column;padding-top:28px;padding-bottom:15px;gap:22px}.people-copy h2{font-size:35px}.people-copy p{font-size:16px;line-height:1.65}.people-preview figure{width:100%}.people-preview figure img{width:100%;height:auto;max-height:530px;object-fit:contain}.people-preview figcaption{font-size:10px}.art-detail{font-size:14px}.first-looks{padding-top:28px;padding-bottom:27px}.first-looks h2{font-size:34px}.first-looks .section-title p{font-size:15px}.look-grid{display:block}.look-card+.look-card{margin-top:22px}.look-copy{padding:21px 22px}.look-copy h3{font-size:28px}.look-copy p{font-size:16px}.gallery-note{font-size:11px}dialog{padding:23px}dialog .detail-art{max-height:55dvh}dialog p{font-size:15px}}

/* Latest user selection: existing uniform variant board, unchanged. */
.people-preview{display:block;padding-top:32px;padding-bottom:25px}.people-copy{max-width:1100px;display:grid;grid-template-columns:1fr 1fr;column-gap:55px;margin-bottom:25px}.people-copy>.eyebrow,.people-copy>h2{grid-column:1}.people-copy>p{grid-column:2;grid-row:1/3;margin:0;align-self:center}.people-copy>.concept-note{grid-column:2;grid-row:3;margin:0}.people-copy>.art-detail{grid-column:1;grid-row:3;justify-self:start;align-self:center}.people-preview figure img{width:100%;height:auto;max-height:none;object-fit:contain}.people-preview figcaption{text-align:left;margin-top:12px}
@media(max-width:600px){.people-copy{display:block;margin-bottom:22px}.people-copy>p{margin:17px 0}.people-copy>.concept-note{margin:17px 0}.people-preview figure img{height:auto;max-height:none}.people-preview figcaption{font-size:11px}}

/* V18: bring saga label closer to the logo above. */
.saga-hero-copy>.eyebrow{transform:translateY(-18px)}
@media(max-width:600px){.saga-hero-copy>.eyebrow{transform:translateY(-16px)}}

/* V20: exact approved ship board, first feature after story introduction. */
.ship-reveal{margin-top:0}
.ship-reveal .ship-scene img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;filter:none;opacity:1}

#signup-form ul.form-status{list-style:none;padding:0;margin:0}#signup-form ul.form-status:empty{display:none}#demo-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}#signup-form button:disabled{opacity:.6}
/* Waymark: one unframed ship, integrated into the existing page surface. */
#ship{background:none;margin:0;min-height:0;overflow:hidden;padding:16px 0 0}
#ship .ship-scene{background:none;border:0;box-shadow:none;margin:0}
#ship .ship-scene img{position:static;display:block;width:84%;max-width:1453px;margin:0 auto;height:auto;aspect-ratio:auto;object-fit:contain;filter:none;opacity:1;mix-blend-mode:normal;mask-image:none}
#ship .ship-copy{padding:20px 7% 32px;gap:45px}
#ship .ship-copy h2{font-size:clamp(32px,3.2vw,46px);line-height:1.12;letter-spacing:-.6px}
@media(max-width:600px){#ship{padding-top:10px}#ship .ship-scene img{width:87.5%}#ship .ship-copy{display:block;padding:18px 6% 24px}#ship .ship-copy h2{margin:10px 0 16px}#ship .ship-copy p{font-size:16px;line-height:1.65}}
/* Waymark scale and reading order: title, ship, description. */
#ship .ship-heading{text-align:center;padding:24px 6% 18px}
#ship .ship-heading h2{font-family:Georgia,serif;font-size:clamp(32px,3.2vw,46px);line-height:1.12;letter-spacing:-.6px;font-weight:400;margin:12px 0 0}
#ship .ship-copy{display:block;text-align:center;max-width:820px;margin:0 auto;padding:18px 6% 32px}
#ship .ship-copy p{max-width:660px;margin:0 auto 16px}
@media(max-width:600px){#ship .ship-heading{padding:18px 6% 14px}#ship .ship-copy{padding:18px 6% 24px}}
/* Approved crew art: large portrait crops, with the complete board one click away. */
#people{max-width:1440px;padding:35px 5% 40px;text-align:center}
.crew-heading h2{font-family:Georgia,serif;font-size:clamp(36px,4vw,58px);font-weight:400;line-height:1.06;letter-spacing:-.8px;margin:16px 0}
.crew-heading p{font-size:17px;color:#aebcc7;margin:0 0 30px}
.crew-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.crew-rail::-webkit-scrollbar{display:none}.crew-rail:focus-visible{outline:1px solid #d7ba7b;outline-offset:5px}
#people .crew-card{flex:0 0 calc((100% - 40px)/3);margin:0;scroll-snap-align:start}
.crew-portrait{filter:url(#crew-crisp);position:relative;aspect-ratio:260/320;overflow:hidden;border-radius:18px;background:#091019}
#people .crew-card .crew-portrait img{position:absolute;display:block;width:590.76923%;max-width:none;height:auto;max-height:none;top:-30.95238%;object-fit:unset;filter:none;opacity:1}
#people .crew-card figcaption{font-size:15px;text-transform:uppercase;letter-spacing:3px;color:#d7ba7b;text-align:center;margin:18px 0 0}
.crew-controls{display:flex;justify-content:center;align-items:center;gap:26px;margin:22px 0}
.crew-controls>button{background:none;border:0;color:#e1c991;min-height:44px;padding:0 12px;font:inherit;font-size:15px;cursor:pointer}
.crew-controls>button:disabled{opacity:.35;cursor:default}.crew-count{font-size:14px;color:#aebcc7;font-variant-numeric:tabular-nums}
.crew-dots,.crew-swipe{display:none}.crew-full{border:1px solid #d7ba7b;background:transparent;color:#ede9df;font:inherit;font-size:16px;min-height:52px;padding:14px 28px;border-radius:10px;cursor:pointer}
.crew-full:hover{background:#d7ba7b12}.crew-note{font-size:14px;color:#93a3b3;margin:15px 0 0}
@media(max-width:600px){#people{padding:28px 0 32px}.crew-heading{padding:0 6%}.crew-heading h2{font-size:38px}.crew-heading p{font-size:16px;margin-bottom:24px}.crew-rail{gap:14px;padding:0 6%;scroll-padding-left:6%}#people .crew-card{flex-basis:88%;max-width:390px}.crew-portrait{border-radius:16px}#people .crew-card figcaption{font-size:14px;letter-spacing:3px;margin-top:16px}.crew-controls{margin:8px 0 0;gap:0}.crew-prev,.crew-next,.crew-count{display:none!important}.crew-dots{display:flex;gap:0}.crew-dot{width:32px;height:44px;background:none;border:0;position:relative;cursor:pointer}.crew-dot:before{content:'';position:absolute;width:8px;height:8px;left:12px;top:18px;border-radius:50%;background:#47515b}.crew-dot[aria-pressed=true]:before{background:#d7ba7b}.crew-swipe{display:block;font-size:14px;letter-spacing:1px;color:#aebcc7;margin:8px 0 22px}.crew-full{width:88%;font-size:16px;padding:13px 18px}.crew-note{font-size:13px}}

/* Social discovery: unobtrusive platform marks beside the right-hand menu. */
.header-actions{display:flex;align-items:center;gap:16px}
.header-social{display:flex;align-items:center;gap:3px}
.header-social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:5px;color:#edf3f6;transition:color .18s,background .18s}
.header-social-link svg{width:23px;height:23px;fill:currentColor;flex-shrink:0}
.header-social-link:hover{color:#d7ba7b;background:#ffffff0a}
.header-social-link:focus-visible{outline:2px solid #d7ba7b;outline-offset:2px}
.header-actions .menu-toggle{margin:0}
.header-social{padding-right:14px;border-right:1px solid #ffffff26}
@media(max-width:600px){.header-actions{gap:9px}.header-social{gap:0;padding-right:8px}.header-social-link{width:44px;height:44px}.header-social-link svg{width:21px;height:21px}}
@media(max-width:359px){header{padding-left:4%;padding-right:4%}.header-actions{gap:5px}.header-social{padding-right:4px}.header-social-link{width:40px}.header-actions .menu-toggle{min-width:44px;width:44px}}

/* Balance each platform's visible mark, not just its SVG canvas. */
.header-social-link[title$="TikTok"] svg{width:29px;height:29px}
.header-social-link[title$="YouTube"] svg{width:28px;height:28px}
@media(max-width:600px){
.header-social-link[title$="TikTok"] svg{width:27px;height:27px}
.header-social-link[title$="YouTube"] svg{width:27px;height:27px}
.eyebrow,.saga-hero .eyebrow,.footer-route .eyebrow,.menu-heading .eyebrow,.menu-feature .eyebrow{font-size:12px;line-height:1.65;letter-spacing:1.5px}
.hero-format{font-size:14px;line-height:1.6}
.signup>p,.section-title p,.social-follow p,.story-path p{font-size:16px;line-height:1.65}
.signup label,.signup small,.signup .demo-note,.gallery-note,.crew-note,.people-preview figcaption,.footer-stage,.footer-bottom,.publisher span,.social-icons a,.story-path span,.menu-bottom,.menu-feature>div>span{font-size:14px;line-height:1.6}
.signup input{font-size:16px}
.menu-links small{font-size:14px;line-height:1.5}
}

/* Settlements use the site's existing palette and editorial rhythm. */
.settlement-section{max-width:1440px;margin:auto;padding:28px 5% 38px}
.settlement-intro{max-width:690px;margin-bottom:28px}
.settlement-intro h2{font:400 clamp(34px,3.4vw,46px)/1.12 Georgia,serif;letter-spacing:-.7px;margin:12px 0 16px}
.settlement-intro p{font-size:17px;line-height:1.65;color:#aebcc7;margin:0}
.settlement{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:34px;align-items:center;padding:28px 0;border-top:1px solid #d7ba7b25}
.settlement+.settlement{margin-top:12px}
.settlement-art{padding:0;border:0;background:none;text-align:left;cursor:zoom-in;display:block;width:100%}
.settlement-art img{display:block;width:100%;height:auto;border-radius:12px;filter:none;opacity:1}
.settlement-copy h3{font:400 36px/1.12 Georgia,serif;letter-spacing:-.5px;margin:10px 0 16px}
.settlement-copy p{font-size:16px;line-height:1.65;color:#aebcc7;margin:16px 0}
.settlement-facts{display:flex;flex-wrap:wrap;gap:20px 28px;margin:0;padding:0}
.settlement-facts div{display:flex;flex-direction:column-reverse;gap:5px}
.settlement-facts dt{font-size:13px;color:#aebcc7;line-height:1.5}
.settlement-facts dd{margin:0;font:400 26px/1.2 Georgia,serif;color:#d7ba7b}
@media(max-width:900px){.settlement{grid-template-columns:1fr;gap:22px}.settlement-copy{max-width:680px}.settlement-art img{border-radius:10px}}
@media(max-width:600px){.settlement-section{padding:26px 6% 30px}.settlement-intro h2{font-size:34px}.settlement-intro p{font-size:16px}.settlement{padding:22px 0;gap:20px}.settlement-copy h3{font-size:32px}.settlement-facts dt{font-size:14px}.settlement-facts dd{font-size:27px}.settlement-copy .art-detail{font-size:16px}}

@media(max-width:600px){.saga-hero #saga .eyebrow{font-size:14px}}
/* Comfortable mobile captions and supporting copy. */
@media(max-width:600px){.eyebrow,.saga-hero .eyebrow,.footer-route .eyebrow,.menu-heading .eyebrow,.menu-feature .eyebrow{font-size:14px;line-height:1.6;letter-spacing:1px}.hero-format,.footer-stage,.publisher span,.story-path span,.settlement-facts dt{font-size:15px;line-height:1.6}.gallery-note,.crew-note,.crew-swipe,.signup label,.signup small,.footer-bottom,.menu-bottom,.menu-links small,.social-icons a{font-size:15px;line-height:1.6}.footer-route a,.art-detail,.text-link{font-size:16px}.footer-route .eyebrow{min-height:0}.menu-number{font-size:14px}}

/* Optical platform sizing: recognisable marks with balanced visual weight. */
.header-social-link{width:52px;height:52px}
.header-social{gap:4px}
.header-social-link svg{width:30px;height:30px}
.header-social-link[title$="TikTok"] svg{width:32px;height:32px}
.header-social-link[title$="YouTube"] svg{width:36px;height:36px}
.header-social-link[title$="Facebook"] svg{width:32px;height:32px}
.menu-toggle .menu-line{width:28px}
.social-icons{gap:32px;margin:26px auto 8px;align-items:center}
.social-icons a{min-width:64px;width:64px;min-height:64px;display:flex;align-items:center;justify-content:center}
.social-icons .social-disc,.social-icons a:hover .social-disc{width:64px;height:64px;background:transparent;border:0;border-radius:0;color:inherit}
.social-icons svg{width:48px;height:48px}
.social-icons a[aria-label$="TikTok"] svg{width:52px;height:52px}
.social-icons a[aria-label$="YouTube"] svg{width:56px;height:56px}
.social-icons a[aria-label$="Facebook"] svg{width:52px;height:52px}
.social-icons a:hover{color:#d7ba7b}
@media(max-width:600px){
.header-social-link{width:44px;height:48px}.header-social{gap:0}
.header-social-link svg{width:28px;height:28px}
.header-social-link[title$="TikTok"] svg{width:30px;height:30px}
.header-social-link[title$="YouTube"] svg{width:34px;height:34px}
.header-social-link[title$="Facebook"] svg{width:30px;height:30px}
.social-icons{gap:16px}.social-icons a,.social-icons .social-disc{width:56px;height:64px;min-width:56px}
}
@media(max-width:359px){.header-social-link{width:40px}.social-icons{gap:10px}}