@font-face{font-family:Cinzel;src:url("/_landing/assets/fonts/cinzel.ttf") format("truetype");font-weight:400 900;font-display:swap}
:root{
  color-scheme:dark;--bg:#030b14;--ink:#eee9dc;--muted:#bdc9d1;
  --gold:#ebca8b;--blue:#68bdff;--cyan:#84e1e1;
  --serif:Cinzel,Georgia,serif;--body:Georgia,"Times New Roman",serif;--ui:"Segoe UI",Arial,sans-serif;
  --panel-shape:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:18px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
body.dialog-open{overflow:hidden}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation;color:inherit}
button{font:inherit;cursor:pointer}
button[hidden],[hidden]{display:none!important}
a{text-decoration:none}
img,svg{display:block;max-width:100%}
svg{flex-shrink:0}
h1,h2,h3,p,figure{margin:0}
::selection{background:#42687d;color:white}
:focus-visible{outline:2px solid #b6e9ff;outline-offset:5px}
.container{width:min(100% - 24px,1400px);margin-inline:auto}
.skip-link{position:fixed;top:-80px;left:14px;padding:14px 20px;background:var(--gold);color:#06111a;z-index:100;font-family:var(--ui)}
.skip-link:focus{top:12px}

/* Header */
.site-header{position:relative;z-index:20;min-height:66px;border-bottom:1px solid #50748c;background:linear-gradient(180deg,#03080ff5,#07131ef0);box-shadow:0 4px 22px #0008}
.header-inner{width:min(100% - 32px,1460px);min-height:66px;margin:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 20px}
.brand{display:inline-flex;align-items:center;gap:12px;color:#f5dfb1;flex-shrink:0}
.brand-emblem{width:40px;height:46px;color:#d1b276;filter:drop-shadow(0 0 4px #ca9b3d33)}
.brand>span{font-family:var(--serif);font-size:19px;font-weight:500;letter-spacing:.24em;text-shadow:0 0 12px #deb46f40}
.main-nav{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;width:100%;padding-bottom:12px}
.main-nav a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 11px;font:10px var(--ui);text-transform:uppercase;letter-spacing:.1em;color:#c6d1dc;position:relative}
.main-nav a:hover,.main-nav a[aria-current]{color:#f4dca6}
.main-nav a[aria-current]::after{content:"";height:1px;position:absolute;left:12px;right:12px;bottom:4px;background:linear-gradient(90deg,transparent,#edce8c,transparent)}
.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:11px;border:1px solid #7c745d;background:#08111b}
.menu-toggle span{width:20px;height:1px;background:#e1cc9c;transition:transform .18s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.main-nav[data-collapsible=true]{display:none;position:absolute;left:0;right:0;top:65px;padding:12px 20px 20px;background:#040e19fa;border-bottom:1px solid #47778f;box-shadow:0 20px 35px #000b}
.main-nav[data-collapsible=true].is-open{display:flex;flex-direction:column}
.main-nav[data-collapsible=true] a{justify-content:flex-start;min-height:48px;border-bottom:1px solid #2c455944;padding-inline:12px;font-size:12px}
.header-cta{display:none}

/* Opening: the three accesses are the primary purpose of the page. */
.hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:calc(100svh - 66px);overflow:hidden;background:#07131e;scroll-margin-top:90px}
.hero-art,.hero-vignette{position:absolute;inset:0;z-index:-2}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:52% 14%}
.hero-vignette{z-index:-1;background:linear-gradient(180deg,#01071200 18%,#02081120 30%,#0208117a 50%,#020811d9 74%,#020811 100%),linear-gradient(90deg,#02081130,transparent 30%,transparent 75%,#02081122)}
.hero-inner{text-align:center;padding-top:clamp(180px,28svh,270px);padding-bottom:24px}
.hero-kicker{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:13px;font:8px var(--ui);text-transform:uppercase;letter-spacing:.25em;color:#eedaba;text-shadow:0 2px 8px #000}
.hero-kicker>span{width:24px;height:1px;background:linear-gradient(90deg,transparent,#ebc987)}
.hero-kicker>span:last-child{transform:rotate(180deg)}
h1{font-family:var(--serif);font-weight:500;line-height:1.14;font-size:clamp(43px,11.6vw,76px);letter-spacing:.12em;text-indent:.12em;margin-bottom:9px;color:#f9dfac;text-shadow:0 1px 0 #fff0c9,0 0 12px #dcad5d66,0 0 42px #c78f3855,0 3px 8px #000}
h1>span{display:inline-block}
.wordmark-orbit{display:inline-block;position:relative}
.wordmark-orbit svg{position:absolute;width:1.35em;height:1.45em;max-width:none;top:-.2em;left:-.19em;color:#f8d493;filter:drop-shadow(0 0 3px #e9be5b)}
.hero-description{font-size:18px;line-height:1.4;letter-spacing:.025em;color:#f0eee9;text-shadow:0 2px 5px #000,0 0 16px #000;margin:0 auto 22px}
.portal-actions{display:grid;gap:9px;max-width:580px;margin:auto;scroll-margin-top:22px}
.entry-button{--accent:#ebca8b;--rgb:235,202,139;position:relative;min-height:66px;width:100%;display:flex;align-items:center;gap:13px;padding:11px 20px;border:0;isolation:isolate;color:var(--accent);background:transparent;filter:drop-shadow(0 0 3px rgba(var(--rgb),.25));transition:filter .2s,transform .2s}
.entry-blue{--accent:#71c2ff;--rgb:113,194,255}
.entry-cyan{--accent:#87e3e2;--rgb:135,227,226}
.entry-button::before{content:"";position:absolute;z-index:-2;inset:3px 4px;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);background:linear-gradient(120deg,rgba(var(--rgb),.16),transparent 40%,rgba(var(--rgb),.05) 80%),linear-gradient(#071321f5,#020a13fa);box-shadow:inset 0 0 15px rgba(var(--rgb),.15);transition:background .2s}
.entry-button::after{content:"";position:absolute;z-index:-1;inset:11px 14px;background:radial-gradient(ellipse at 50% 90%,rgba(var(--rgb),.08),transparent 70%)}
.entry-frame{position:absolute;inset:0;width:100%;height:100%;max-width:none;color:var(--accent);pointer-events:none}
.entry-icon{height:38px;width:38px;filter:drop-shadow(0 0 4px rgba(var(--rgb),.5))}
.entry-title{font-family:var(--serif);font-size:13px;font-weight:600;letter-spacing:.04em;line-height:1.35;text-align:center;flex:1;text-transform:uppercase;color:#eef6f8;text-shadow:0 0 8px rgba(var(--rgb),.38)}
.entry-gold .entry-title{color:#fae7b7}
.entry-arrow{height:16px;width:16px}
.entry-button:hover{transform:translateY(-2px);filter:drop-shadow(0 0 7px rgba(var(--rgb),.52))}
.entry-button:hover::before{background:linear-gradient(120deg,rgba(var(--rgb),.3),rgba(var(--rgb),.08) 50%,rgba(var(--rgb),.2)),#06111b}
.entry-button:active{transform:translateY(0)}
.entry-button:focus-visible{outline:none;filter:drop-shadow(0 0 8px var(--accent))}
.portal-status{margin:16px auto 0;display:flex;gap:10px;justify-content:center;align-items:center;font:8px var(--ui);letter-spacing:.13em;text-transform:uppercase;color:#aabfcd}
.portal-status>span{height:2px;width:13px;background:#a88f62}
.hero-bottom-line{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#245376 20%,#86c1d3 50%,#245376 80%,transparent)}

/* Continuous angular panels */
.page-panels{display:grid;gap:10px;padding-top:12px;padding-bottom:12px}
.panel{position:relative;padding:1px;background:linear-gradient(120deg,#3d8bb1,#18394e 30%,#122c3e 65%,#438aab);clip-path:var(--panel-shape);scroll-margin-top:12px}
.panel-surface{position:relative;isolation:isolate;background:#04101b;clip-path:var(--panel-shape);overflow:hidden}
.panel-trace{pointer-events:none;position:absolute;z-index:5;inset:0;width:100%;height:100%;max-width:none;color:#38799a;opacity:.8}
.panel-copy{position:relative;z-index:2;padding:28px 25px}
.eyebrow{display:flex;align-items:center;gap:13px;color:#bac8d5;font:8px var(--ui);letter-spacing:.4em;text-transform:uppercase;margin-bottom:8px}
.eyebrow>span{height:1px;width:74px;background:linear-gradient(90deg,#347699,transparent)}
h2{font-family:var(--serif);font-weight:500;font-size:clamp(25px,6.9vw,36px);letter-spacing:.035em;line-height:1.2;color:#f4ebd6;text-shadow:0 1px 12px #000b}
.heading-rule{height:1px;width:44px;margin:12px 0 14px;background:linear-gradient(90deg,#efdfb9,#95c9d7)}
.panel-copy>p:not(.eyebrow){font-size:18px;line-height:1.43;color:#e0e4e7;max-width:42ch;text-shadow:0 1px 4px #000}
.panel-copy>p.secondary-copy{font-size:17px;margin-top:11px;color:#c3d1dc}
.keywords{display:flex;align-items:center;flex-wrap:wrap;gap:11px;color:#8abbd3;font:8px var(--ui);letter-spacing:.14em;text-transform:uppercase;margin-top:21px;padding-top:13px;border-top:1px solid #39768e66}
.keywords i{font-size:8px;font-style:normal;color:#70c5dd}
.scenic-background{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}
.scenic-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#03101aee,#03101ac9 60%,#03101a55 80%,#03101a33)}
.scenic-panel .panel-surface{padding-bottom:140px}
.scene-coordinate{position:absolute;z-index:1;right:25px;bottom:25px;font:7px/1.8 var(--ui);letter-spacing:.2em;color:#b5c9d9;text-align:right;text-shadow:0 1px 4px #000}
.scene-coordinate>span{display:block}
.scene-coordinate>span:first-child{color:#e3c68b;letter-spacing:.4em;font-size:9px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #c2b17d66}
.scene-coordinate>span+span{display:none}
.universe-panel .scenic-background{object-position:70% 70%}

/* Two views of the world; mode names and rules remain undecided. */
.game-panel .panel-surface{padding:27px 20px 22px;background:linear-gradient(#03101cf0,#020b15f5),url("/_landing/assets/images/horizonte.webp") center 35% / cover}
.panel-heading{display:flex;flex-direction:column;gap:12px;margin:0 5px 18px}
.section-detail{font-size:16px;color:#b8cbd7}
.game-landscapes{display:grid;gap:14px}
.landscape{--card-accent:#bba46d;position:relative;min-height:215px;border:1px solid var(--card-accent);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);background:#06101a;overflow:hidden}
.landscape::after{content:"";position:absolute;inset:15% 0 0;background:linear-gradient(transparent 12%,#02081055 43%,#020910ee 68%,#020910 100%);pointer-events:none}
.landscape>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.landscape-blue{--card-accent:#56a5d1}
.landscape figcaption{position:absolute;bottom:20px;left:17px;right:15px;display:flex;gap:14px;align-items:center;z-index:2}
.landscape figcaption>svg{width:47px;height:57px;color:var(--card-accent);filter:drop-shadow(0 0 7px #e0c48d33)}
.landscape h3{font-family:var(--serif);font-size:16px;line-height:1.25;font-weight:500;letter-spacing:.025em;color:#f6ead3;margin-bottom:5px}
.landscape figcaption p{font-size:16px;line-height:1.3;color:#dae4eb;max-width:32ch}
.section-footnote{display:flex;align-items:center;justify-content:center;gap:10px;font:8px var(--ui);letter-spacing:.04em;color:#9db4c4;margin-top:17px}
.section-footnote>span{color:#d3b67c}

/* Original character images: no filters or generated substitutes. */
.characters-panel .panel-copy{padding-bottom:16px}
.character-art{position:relative;aspect-ratio:1.85}
.character-art img{width:100%;height:100%;object-fit:cover;object-position:45% 50%}
.character-art::after{content:"";position:absolute;inset:0;background:linear-gradient(#04101b 0,transparent 17%,transparent 80%,#04101b66);pointer-events:none}
.panel-copy>p.character-tagline{margin-top:18px;color:#d3bc8e;font-size:18px;font-style:italic;line-height:1.4}
.characters-panel .keywords{margin-top:18px}
.gallery-panel .panel-surface{display:grid}
.gallery-copy{padding:28px 25px 22px}
.gallery-copy>p:not(.eyebrow){font-size:18px;line-height:1.45;color:#cbd7df}
.gallery-copy>p.gallery-quote{font-size:20px;color:#e0ca9c;font-style:italic;margin-top:18px}
.art-trigger{display:flex;align-items:center;gap:22px;min-height:44px;margin-top:17px;padding:0;border:0;background:transparent;color:#b3dcf2;font:10px var(--serif);font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.art-trigger svg{height:12px;width:12px}
.art-trigger:hover{color:white}
.gallery-art{position:relative}
.gallery-art button{width:100%;border:0;background:transparent;padding:0;cursor:zoom-in;display:block}
.gallery-art img{width:100%;height:auto}
.expand-mark{position:absolute;bottom:17px;right:20px;width:30px;height:30px;display:grid;place-items:center;font:23px var(--ui);color:#caeaff;background:#06101cbf;border:1px solid #82bed299}

/* Footer and native dialogs; no secondary pages. */
.site-footer{border-top:1px solid #2c728f;position:relative;background:linear-gradient(180deg,#081a26,#020911)}
.site-footer::before{content:"";position:absolute;height:1px;top:4px;left:20px;right:20px;background:linear-gradient(90deg,transparent,#2d6e8a,transparent)}
.footer-content{display:flex;flex-direction:column;align-items:center;gap:18px;padding:25px 18px 20px;text-align:center}
.footer-content>p{color:#bacbda;font-size:15px;letter-spacing:.06em}
.footer-content .brand>span{font-size:21px}
.back-top{display:inline-flex;align-items:center;gap:20px;min-height:34px;font:9px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:#a7c8d8}
.back-top>span{color:#e5cd97;font-size:18px}
.footer-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 8px 22px;border-top:1px solid #24567277;color:#91a8b8}
.footer-bottom>span{font:8px var(--ui);letter-spacing:.1em}
.footer-bottom>p{font:7px/1.7 var(--ui);text-align:right;text-transform:uppercase;letter-spacing:.12em}
.footer-bottom>svg{position:absolute;width:31px;height:31px;left:50%;top:-16px;transform:translateX(-50%);color:#74c6d9;background:#04101a;padding:3px}
dialog{color:var(--ink);border:1px solid #5b9db9;background:#05101b;box-shadow:0 0 0 5px #091d2c,0 0 0 6px #29617b,0 15px 100px #000;padding:0;max-height:90svh;max-width:calc(100% - 36px)}
dialog::backdrop{background:#01060de8}
.portal-dialog{width:540px}
.dialog-content{position:relative;padding:42px 25px 30px;text-align:center;background:radial-gradient(ellipse at 50% 0,#14354b88,transparent 65%)}
.dialog-close{position:absolute;right:7px;top:7px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border:0;background:#03101ba8;color:#c4e0ed;font:30px var(--ui)}
.dialog-close:hover{background:#173247;color:white}
.dialog-emblem{width:60px;height:60px;color:var(--gold);margin:0 auto 18px}
.dialog-content .eyebrow{justify-content:center;color:#93b5c7;margin-bottom:15px}
.dialog-content h2{font-size:25px;margin-bottom:20px}
.dialog-content>p:not(.eyebrow){font-size:18px;line-height:1.5;color:#d0dce5}
.dialog-content>p.dialog-status{font:9px var(--ui);text-transform:uppercase;letter-spacing:.12em;margin-top:21px;display:flex;align-items:center;justify-content:center;gap:8px;color:#ddc78f}
.dialog-status>span{width:4px;height:4px;border-radius:50%;background:#ddc78f}
.dialog-return{display:block;margin:26px auto 0;min-height:46px;padding:11px 22px;border:1px solid #6d8d9f;background:#112735;font:11px var(--serif);color:#e1eef4}
.art-dialog{width:1000px;padding-top:52px}
.art-dialog>img{width:100%;max-height:75svh;object-fit:contain}
.art-dialog>p{display:flex;justify-content:space-between;margin:15px 20px 20px;font:12px var(--serif);color:#eddaac}
.art-dialog>p>span{font:9px var(--ui);letter-spacing:.2em;color:#a9bacb}

@media(max-width:359px){
 .entry-button{padding-inline:16px;gap:9px}
 .entry-icon{width:32px;height:32px}
 .entry-title{font-size:12px;letter-spacing:.025em}
}
@media(min-width:600px){
 .container{width:min(100% - 40px,1400px)}
 .hero-description{font-size:23px}
 .entry-button{min-height:73px;padding-inline:26px}
 .entry-title{font-size:17px}
 .entry-icon{width:42px;height:42px}
 .panel-copy{padding:34px}
 .game-landscapes{grid-template-columns:1fr 1fr;gap:16px}
 .game-panel .panel-surface{padding:30px 27px 22px}
 .landscape{min-height:245px}
 .landscape figcaption{gap:10px;bottom:17px;left:13px}
 .landscape figcaption>svg{width:38px;height:47px}
 .landscape h3{font-size:15px}
 .panel-heading{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:25px}
 .section-detail{font-size:15px;padding-bottom:3px}
 .character-art{aspect-ratio:2.4}
 .gallery-copy{padding:34px}
 .gallery-art img{max-height:480px;object-fit:contain}
}
@media(min-width:900px){
 .site-header{min-height:74px}
 .header-inner{min-height:74px;flex-wrap:nowrap}
 .brand-emblem{width:46px;height:52px}
 .brand>span{font-size:23px}
 .menu-toggle{display:none}
 .main-nav,.main-nav[data-collapsible=true],.main-nav[data-collapsible=true].is-open{position:static;width:auto;display:flex;flex-direction:row;align-items:stretch;padding:0;background:none;border:0;box-shadow:none}
 .main-nav a,.main-nav[data-collapsible=true] a{min-height:74px;padding:0 12px;justify-content:center;font:10px var(--ui);border:0}
 .main-nav a[aria-current]::after{bottom:9px}
 .hero{min-height:clamp(600px,calc(100svh - 74px),820px)}
 .hero-art img{object-position:52% 38%}
 .hero-vignette{background:linear-gradient(180deg,transparent 10%,#01071008 35%,#01071044 57%,#020911c9 82%,#020911f5 100%),linear-gradient(90deg,#01071144,transparent 25%,transparent 80%,#01071133)}
 .hero-inner{padding-top:280px;padding-bottom:29px}
 .hero-kicker{font-size:9px;margin-bottom:13px;letter-spacing:.3em}
 h1{font-size:clamp(80px,8.7vw,122px);letter-spacing:.15em;text-indent:.15em;line-height:1.12;margin-bottom:10px}
 .hero-description{font-size:23px;line-height:1.35;letter-spacing:.04em;margin-bottom:24px}
 .portal-actions{max-width:none;grid-template-columns:repeat(3,1fr);gap:12px}
 .entry-button{min-height:78px;padding:12px 21px;gap:12px}
 .entry-icon{width:43px;height:43px}
 .entry-title{font-size:clamp(12px,1.2vw,18px);letter-spacing:.025em}
 .entry-arrow{width:15px;height:15px}
 .portal-status{font-size:8px;margin-top:17px}
 .scenic-panel .panel-surface{min-height:310px;padding-bottom:0;display:flex;align-items:center}
 .panel-copy{width:47%;padding:32px 42px}
 .eyebrow{font-size:8px;margin-bottom:9px}
 h2{font-size:clamp(28px,2.7vw,39px)}
 .panel-copy>p:not(.eyebrow){font-size:19px;line-height:1.4}
 .scenic-panel .scenic-background{width:77%;left:auto;right:0;object-position:center}
 .scenic-panel .scenic-shade{background:linear-gradient(90deg,#030c17 0,#030c17f5 25%,#030c17cf 37%,#030c1755 52%,transparent 70%),linear-gradient(180deg,#030c1722,transparent 65%,#030c1744)}
 .scene-coordinate{bottom:auto;top:50%;right:34px;transform:translateY(-50%);text-align:left}
 .scene-coordinate>span+span{display:block}
 .about-panel .scenic-background{object-position:center 42%}
 .game-panel .panel-surface{padding:28px 29px 20px}
 .panel-heading{margin-bottom:18px}
 .section-detail{font-size:17px}
 .landscape{min-height:265px}
 .landscape figcaption{left:22px;bottom:22px;gap:17px}
 .landscape figcaption>svg{width:57px;height:64px}
 .landscape h3{font-size:clamp(17px,1.6vw,23px);margin-bottom:7px}
 .landscape figcaption p{font-size:18px}
 .section-footnote{margin-top:16px;font-size:9px}
 .universe-panel .panel-surface{min-height:345px}
 .universe-panel .scenic-background{width:68%}
 .characters-panel .panel-surface{display:flex;align-items:center;min-height:340px}
 .characters-panel .panel-copy{width:34%;padding:30px 20px 30px 42px}
 .characters-panel h2{font-size:clamp(25px,2.5vw,36px);white-space:nowrap}
 .characters-panel .panel-copy>p:not(.eyebrow){font-size:18px}
 .characters-panel .panel-copy>p.character-tagline{font-size:20px}
 .character-art{position:absolute;z-index:-1;right:0;top:0;bottom:0;width:70%;aspect-ratio:auto}
 .character-art img{object-position:48% center}
 .character-art::after{background:linear-gradient(90deg,#04101b 0,#04101ba6 5%,transparent 18%,transparent 85%,#04101b22),linear-gradient(180deg,transparent 70%,#04101b44)}
 .gallery-panel .panel-surface{grid-template-columns:.7fr 1fr;align-items:center;min-height:360px}
 .gallery-copy{padding:35px 40px}
 .gallery-copy h2{font-size:32px}
 .gallery-art{align-self:stretch;display:flex;align-items:center;background:#08121e;border-left:1px solid #30607b66}
 .gallery-art button{height:100%}
 .gallery-art img{max-height:390px;min-height:100%;object-fit:cover}
 .gallery-copy>p:not(.eyebrow){font-size:19px}
 .gallery-copy>p.gallery-quote{font-size:24px;margin-top:25px}
 .art-trigger{margin-top:21px}
 .site-footer{margin-top:3px}
 .footer-content{flex-direction:row;justify-content:space-between;padding:22px 28px;gap:20px}
 .footer-content>p{font-size:14px;letter-spacing:.08em}
 .footer-content .brand>span{font-size:22px}
 .footer-bottom{padding:23px 18px 20px}
}
@media(min-width:1250px){
 .header-inner{gap:30px}
 .brand>span{font-size:26px;letter-spacing:.27em}
 .main-nav a,.main-nav[data-collapsible=true] a{font-size:11px;padding-inline:15px}
 .header-cta{display:flex;align-items:center;gap:18px;justify-content:center;min-height:39px;border:1px solid #b3985f;padding:10px 17px;color:#ecd49a;font:10px var(--serif);font-weight:600;text-transform:uppercase;letter-spacing:.05em;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
 .header-cta svg{width:11px;height:11px}
 .entry-button{min-height:82px;padding-inline:27px;gap:19px}
 .entry-icon{width:47px;height:47px}
 .entry-title{font-size:18px;letter-spacing:.035em}
 .entry-arrow{width:18px;height:18px}
 .hero-description{font-size:25px}
 .panel-copy{width:45%;padding:33px 46px}
 .panel-copy>p:not(.eyebrow){font-size:20px}
 .keywords{font-size:9px;margin-top:22px}
 .scene-coordinate{right:40px}
 .game-panel .panel-surface{padding:29px 32px 22px}
 .landscape{min-height:285px}
 .universe-panel .panel-surface{min-height:340px}
 .characters-panel .panel-surface{min-height:390px}
 .characters-panel .panel-copy{width:34%;padding-left:46px;padding-right:32px}
 .characters-panel .panel-copy>p:not(.eyebrow){font-size:20px}
 .character-art{width:71%}
 .character-art img{object-position:center}
 .gallery-panel .panel-surface{grid-template-columns:.8fr 1fr}
 .gallery-copy{padding-left:46px}
 .gallery-copy h2{font-size:37px}
 .gallery-art img{max-height:410px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{transition:none!important;animation:none!important}
}