:root{color-scheme:dark;--bg:#060c17;--surface:#0c1626;--ink:#f2eee3;--muted:#a5b0c2;--gold:#dfbc73;--edge:rgba(222,186,111,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.skip{position:absolute;top:-80px;padding:1rem;background:var(--gold);color:var(--bg);z-index:10}.skip:focus{top:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.header{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-bottom:1px solid var(--edge)}.brand{display:flex;align-items:center;gap:1rem}.brand img{width:190px}.brand span{border-left:1px solid var(--edge);padding-left:1rem;font-size:.875rem;letter-spacing:.16em;color:var(--gold)}nav{display:flex;gap:2rem;font-size:.875rem;color:var(--muted)}nav a:hover,.text-link:hover,.footer>a:hover{color:var(--gold)}.nav-cta{border:1px solid var(--edge);padding:.65rem 1.15rem;font-size:.875rem}.nav-cta:hover{background:var(--surface)}.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:760px;padding-top:4rem;padding-bottom:4rem;gap:2rem}.eyebrow{font-size:.8125rem;letter-spacing:.14em;color:var(--gold);line-height:1.6;margin:0 0 1.4rem;font-weight:600}.hero .eyebrow{display:flex;gap:1rem;align-items:center}.line{height:1px;width:34px;background:var(--gold)}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.07;margin:0}h1{font-size:clamp(3.3rem,6.5vw,6rem)}em{color:var(--gold);font-weight:400}h2{font-size:clamp(2.3rem,4.2vw,4rem)}h3{font-size:1.4rem;font-weight:400;margin:.4rem 0}.hero-description{max-width:430px;margin:1.7rem 0;color:var(--muted);font-size:1.0625rem}.hero-date{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;color:var(--gold)}.hero-date>span{font-size:.75rem;letter-spacing:.1em}.hero-date strong{font-family:Georgia,serif;font-size:2.2rem;font-weight:400}.hero-date i{opacity:.45;font-style:normal}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin:1.6rem 0 1rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.75rem 1.6rem;font-weight:600;font-size:.9375rem;transition:background .2s,color .2s;border:1px solid var(--gold);cursor:pointer}.primary{background:var(--gold);color:#10141d}.primary:hover{background:#edce94}.secondary{background:transparent;color:var(--gold)}.secondary:hover{background:#1a2331}.text-link{font-size:.875rem;border-bottom:1px solid var(--edge);padding-bottom:.25rem}.hero-note{font-size:.8125rem;color:var(--muted);margin:0}.hero-art{margin:0;position:relative}.hero-art img{width:100%;aspect-ratio:1;object-fit:contain;mask-image:radial-gradient(ellipse 72% 70% at 50% 48%,black 53%,transparent 100%)}figcaption{font-size:.75rem;letter-spacing:.1em;color:var(--muted)}.hero-art figcaption{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--edge);padding-top:1rem}.dates{display:grid;grid-template-columns:.85fr 1fr 1fr;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:2.3rem 0;gap:2rem}.dates-intro h2{font-size:2rem;letter-spacing:-.03em}.dates-intro .eyebrow{font-size:.75rem;margin-bottom:.8rem}.date-card{display:flex;align-items:center;gap:1.3rem;border-left:1px solid var(--edge);padding-left:2rem}.date-number{font-family:Georgia,serif;font-size:4rem;line-height:1;color:var(--gold)}.date-number>span{display:block;text-align:center;font: .75rem/2 Arial,sans-serif;letter-spacing:.25em;margin-top:.4rem}.date-card .eyebrow{font-size:.75rem;margin:0}.date-card h3{font-family:Georgia,serif;font-size:1.8rem;line-height:1.2}.date-card p:not(.eyebrow){font-size:.875rem;color:var(--muted);margin:.5rem 0}.calendar{display:inline-block;color:var(--gold);font-size:.8125rem;border-bottom:1px solid var(--edge);margin-top:.4rem}.calendar:hover{border-color:var(--gold)}.universe{display:grid;grid-template-columns:.9fr 1fr;gap:6rem;align-items:center;padding-top:7rem;padding-bottom:7rem}.character{margin:0;background:#02051e;position:relative;overflow:hidden}.character img{width:100%;height:620px;object-fit:contain;object-position:center}.character figcaption{position:absolute;bottom:1.5rem;left:1.5rem;color:#c4ccdb;background:rgba(2,5,30,.7);padding:.35rem .65rem}.universe-copy>p:not(.eyebrow){color:var(--muted);max-width:510px;margin:1.6rem 0}.universe-detail{display:flex;gap:1.4rem;align-items:flex-start;border-top:1px solid var(--edge);padding-top:1.3rem;margin-top:1.3rem}.universe-detail>span{color:var(--gold);font-size:.8125rem;line-height:2.8}.universe-detail h3{font-size:1.0625rem;margin:0 0 .5rem}.universe-detail p{color:var(--muted);font-size:.9375rem;margin:0}.universe-copy>.art-note{font-size:.8125rem;line-height:1.6}.join{background:linear-gradient(120deg,#111f33,#08111f);border:1px solid var(--edge);padding:3.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.join-heading p:not(.eyebrow){color:var(--muted);max-width:370px}.join-options{display:grid;gap:2rem}.join-options article+article{padding-top:1.5rem;border-top:1px solid var(--edge)}.step{font-size:.75rem;color:var(--gold);letter-spacing:.1em}.join-options h3{font-family:Georgia,serif;font-size:2rem;margin-top:.55rem}.join-options p{margin:.7rem 0 1.1rem;color:var(--muted);font-size:.9375rem}.button:disabled{cursor:not-allowed;opacity:.65}.availability{display:block;color:var(--muted);font-size:.8125rem;margin-top:.65rem}.faq{display:grid;grid-template-columns:.7fr 1fr;gap:4rem;padding-top:7rem;padding-bottom:7rem}.questions details{border-bottom:1px solid var(--edge)}.questions details:first-child{border-top:1px solid var(--edge)}summary{padding:1.3rem 2rem 1.3rem 0;cursor:pointer;position:relative;font-size:1.0625rem;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:0;font-size:1.4rem;color:var(--gold)}details[open] summary::after{content:'−'}details p{margin:0 0 1.5rem;color:var(--muted);font-size:.9375rem}.footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem 0;border-top:1px solid var(--edge);color:var(--muted);font-size:.8125rem}.footer .brand img{width:145px}.footer .brand span{font-size:.75rem}.footer p{margin:0}@media(min-width:1600px){.hero{min-height:830px}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}nav{gap:1rem}.hero{min-height:660px;gap:.5rem}.hero .eyebrow{font-size:.75rem}.dates{gap:1rem}.date-card{padding-left:1rem;gap:.8rem}.date-number{font-size:3rem}.dates-intro h2{font-size:1.6rem}.universe{gap:3rem}.character img{height:540px}.join{gap:2rem;padding:2.5rem}.footer{gap:1rem}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{min-height:90px;flex-wrap:wrap;padding:1rem 0}.brand img{width:148px}.brand span{padding-left:.7rem}nav{display:none}.nav-cta{padding:.5rem .7rem;font-size:.8125rem}.hero{grid-template-columns:1fr;padding:3rem 0 2.5rem;gap:2rem;min-height:auto}h1{font-size:clamp(3.2rem,12vw,5.1rem)}.hero-description{max-width:100%}.hero-art{max-width:440px;width:100%;justify-self:center}.hero-art img{aspect-ratio:1.15}.hero-date>span{font-size:.75rem}.dates{grid-template-columns:1fr;padding:2rem 0;gap:1.7rem}.dates-intro h2{font-size:2rem}.date-card{border-left:0;border-top:1px solid var(--edge);padding:1.6rem 0 0;gap:2rem}.date-number{font-size:4rem;min-width:80px}.universe{grid-template-columns:1fr;gap:2.5rem;padding-top:4rem;padding-bottom:4rem}.character{max-width:440px;width:100%;justify-self:center}.character img{height:500px}.universe-copy h2{font-size:3.1rem}.join{grid-template-columns:1fr;padding:2rem 1.5rem;gap:1.7rem}.join h2{font-size:2.6rem}.faq{grid-template-columns:1fr;gap:2rem;padding:4rem 0}.faq h2{font-size:2.7rem}.footer{flex-wrap:wrap;justify-content:center;text-align:center;padding:2rem 0}.footer p{width:100%}.footer .brand{justify-content:center;width:100%}}@media(max-width:390px){.header{justify-content:center}.hero .eyebrow{font-size:.7rem;letter-spacing:.1em}.hero-date{gap:.6rem}.hero-actions{gap:1rem}h1{font-size:3.1rem}.join h2{font-size:2.25rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.lore{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem 5rem;border-top:1px solid var(--edge);padding:5rem 0 6rem}.lore-heading h2{font-size:clamp(2.6rem,4vw,3.6rem)}.lore-heading>p:not(.eyebrow){max-width:460px;color:var(--muted);margin:1.6rem 0 0}.lore-chapters{display:grid;gap:1.6rem}.lore-chapters article+article{border-top:1px solid var(--edge);padding-top:1.5rem}.lore-chapters h3{font-family:Georgia,serif;font-size:1.7rem;margin:.65rem 0}.lore-chapters p{color:var(--muted);font-size:.9375rem;margin:.5rem 0 0}.peoples{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.peoples article{border:1px solid var(--edge);padding:2rem;background:var(--surface)}.peoples h3{font-family:Georgia,serif;font-size:2.5rem;color:var(--gold);margin:.3rem 0 1rem}.peoples .eyebrow{margin-bottom:.5rem}.peoples p:not(.eyebrow){color:var(--muted);max-width:460px}.people-traits{display:block;font-size:.8125rem;color:var(--gold);padding-top:1rem;border-top:1px solid var(--edge);margin-top:1.5rem}.lore-destinations{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:3rem;border-bottom:1px solid var(--edge);padding-bottom:2rem}.lore-destinations .eyebrow{margin:0}.lore-destinations>p:not(.eyebrow){color:var(--muted);margin:0}.community{margin-bottom:5rem;padding:3.5rem 0;border-top:1px solid var(--edge);display:grid;grid-template-columns:1fr 1fr;gap:5rem}.community-copy>p{color:var(--muted);margin:0 0 1.2rem}.community-copy>p:last-child{margin-bottom:0}.community-motto{font-family:Georgia,serif;font-size:1.7rem;color:var(--gold)!important;line-height:1.4;border-left:2px solid var(--gold);padding-left:1.4rem}.community .eyebrow{margin-bottom:1.5rem}@media(max-width:1050px){.lore{gap:3rem}.community{gap:3rem}}@media(max-width:760px){.lore{grid-template-columns:1fr;gap:2.5rem;padding:3rem 0 4rem}.peoples{grid-template-columns:1fr;gap:1.3rem}.peoples article{padding:1.5rem}.lore-destinations{grid-template-columns:1fr;gap:1rem}.community{grid-template-columns:1fr;gap:2rem;padding:2.5rem 0;margin-bottom:3rem}.community h2{font-size:2.6rem}}

/* Responsive refinement: compact first screen, comfortable reading and touch targets. */
.hero{min-height:clamp(540px,75vh,690px);padding-block:3rem;gap:clamp(1.5rem,4vw,4rem)}
.hero>*{min-width:0}h1{font-size:clamp(3rem,5.5vw,5.4rem)}
.hero-description{max-width:480px}.hero-art img{aspect-ratio:1}
.universe{padding-block:5rem;gap:clamp(2rem,5vw,5rem)}.character img{height:540px}
.lore{padding-block:4rem;gap:3rem}.community{margin-bottom:4rem;gap:3rem}
.faq{padding-block:5rem}.join{padding:3rem;gap:3rem}
.calendar{min-height:44px;display:inline-flex;align-items:center}
.hero .eyebrow{letter-spacing:.1em}
@media(max-width:1050px){.hero{min-height:560px}.hero-description{font-size:1rem}}
@media(max-width:900px){.hero,.universe{grid-template-columns:1fr}.hero{min-height:auto;gap:1.7rem}
.hero-art{max-width:360px;width:100%;justify-self:center}
.hero-copy{max-width:660px}.hero-description{max-width:600px}
.character{max-width:360px;width:100%;justify-self:center}.character img{height:430px}
.lore,.community{grid-template-columns:1fr;gap:2rem}.lore-destinations{grid-template-columns:1fr;gap:1rem}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.hero{padding-block:2rem 2.5rem}
h1{font-size:clamp(2.65rem,10.8vw,4rem)}.hero .eyebrow{margin-bottom:1rem}
.hero-description{margin-block:1.2rem;font-size:1rem}.hero-date{gap:.6rem}
.hero-actions{gap:1rem;margin-block:1.3rem .8rem}.hero-actions .button{padding-inline:1.1rem}
.universe,.lore,.faq{padding-block:3rem}.community{padding-block:2.5rem;margin-bottom:3rem}
.universe-copy h2,.lore-heading h2,.faq h2{font-size:clamp(2.3rem,9vw,3rem)}
.peoples{gap:1rem}.peoples article{padding:1.4rem}
.join{padding:1.7rem 1.3rem;gap:1.5rem}.join h2{font-size:clamp(2.2rem,8vw,2.7rem)}
.join .button{min-height:48px}.footer{gap:1rem}}
@media(max-width:540px){.peoples{grid-template-columns:1fr}.hero-actions{align-items:stretch}.hero-actions .text-link{align-self:center}}
