@font-face{font-family:Rajdhani;src:url('assets/rajdhani-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Rajdhani;src:url('assets/rajdhani-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--mint:#abcfc1;--muted:#b0bdb5;--corner:#84bbaa}
body,button,.tabs span,.brand,.brand span,h1,h2,h3,.briefing-heading h2,.panel h3,.closing>span{font-family:Rajdhani,sans-serif}
body{font-size:19px}
.motion,.hero-bottom,.world-caption,.map-caption,.tabs button,.console-note{font-family:Rajdhani,sans-serif}
.brand{display:flex;align-items:center;gap:16px;letter-spacing:.2em}
.brand img{width:43px;height:66px;object-fit:contain}
.brand span{font-size:29px;margin:0;color:#ebeee6;letter-spacing:.2em}
h1{font-size:clamp(52px,5.7vw,98px);font-weight:400;line-height:.98;letter-spacing:-.015em;text-transform:uppercase}
h1 em{font-style:normal;font-size:.72em;color:#b9d3c5}
.hero-copy{top:36%;max-width:850px}
.intro{font-size:22px;line-height:1.35;color:#cad1c8}
.hero-media{position:absolute;inset:0;z-index:-4}
.hero-art{z-index:auto;animation:none;transform:none;inset:0;transition:opacity 2.8s ease;background-position:65% 49%;opacity:1;will-change:opacity}
.hero-art.alternate{background-image:url('assets/expedition.png');background-position:65% 57%;opacity:0}
.hero-media.second .current{opacity:0}
.hero-media.second .alternate{opacity:1}
.veil{background:linear-gradient(90deg,#060d10d9,#080d1080 38%,#070c100d 75%),linear-gradient(0deg,#090d0e,transparent 28%,#05090c33)}
.glyph-column{position:absolute;right:7%;top:28%;display:flex;flex-direction:column;gap:28px;mix-blend-mode:screen;opacity:.64;pointer-events:none}
.glyph-column i{display:block;width:72px;height:80px;background-image:url('assets/glyphs.png');background-size:432px 560px;background-position:0 0;filter:drop-shadow(0 0 10px #bf81293d);animation:glyph-light 8s ease-in-out infinite}
.glyph-column i:nth-child(2){background-position:-144px -160px;animation-delay:-2s}
.glyph-column i:nth-child(3){background-position:-288px -240px;animation-delay:-5s}
.glyph-column i:nth-child(4){background-position:-72px -400px;animation-delay:-7s}
@keyframes glyph-light{50%{opacity:.35;filter:drop-shadow(0 0 16px #e9a14488)}}
.scene-controls{position:absolute;right:8%;bottom:15%;display:flex;gap:12px}
.scene-controls button{font-size:16px;width:47px;height:42px;color:#c9d2c5;border-bottom:1px solid #b7cdbc55;transition:.3s}
.scene-controls [aria-pressed=true]{border-color:var(--mint);background:#89b5a324}
.world-caption{right:18%;bottom:14%;font-size:12px}
.enter,.next-stage,.tabs button{
position:relative;background-color:#88aa9824;
background-image:linear-gradient(var(--corner),var(--corner)),linear-gradient(var(--corner),var(--corner)),linear-gradient(var(--corner),var(--corner)),linear-gradient(var(--corner),var(--corner)),linear-gradient(var(--corner),var(--corner)),linear-gradient(var(--corner),var(--corner)),linear-gradient(var(--corner),var(--corner)),linear-gradient(var(--corner),var(--corner));
background-size:17px 1px,1px 12px,17px 1px,1px 12px,17px 1px,1px 12px,17px 1px,1px 12px;
background-position:left top,left top,right top,right top,left bottom,left bottom,right bottom,right bottom;
background-repeat:no-repeat;transition:background-color .3s,color .3s;
}
.enter:after,.next-stage:after,.tabs button:after{content:'';position:absolute;bottom:3px;left:28px;width:30%;height:1px;background:var(--corner);transition:width .4s}
.enter:hover,.next-stage:hover,.tabs button:hover{background-color:#91beaa38}
.enter:hover:after,.next-stage:hover:after,.tabs button:hover:after{width:65%}
.enter{padding:15px 27px;gap:22px;font-size:24px;margin-top:32px}
.enter-icon{border:0;width:25px;height:30px;font-size:26px}
.enter-icon:after{display:none}.enter:hover .enter-icon{background:none}
.enter small{font-size:11px}.eyebrow,.panel-kicker{font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600}
.nav-text{font-size:17px}.nav-text small{font-size:12px}
.briefing{padding-top:90px}
.briefing-heading h2{font-size:clamp(46px,4.5vw,76px);text-transform:uppercase;line-height:1}
.briefing-heading h2 em{font-style:normal;color:var(--mint)}
.briefing-heading>p:last-child{font-size:21px;max-width:510px}
.briefing-console{border-color:#86aa9828;background:linear-gradient(110deg,#16201cec,#0b1110);padding:9px}
.briefing-console:before,.briefing-console:after{width:27px;height:27px;border-color:var(--corner)}
.corner-extra:before,.corner-extra:after{content:'';position:absolute;width:27px;height:27px;border:solid var(--corner);pointer-events:none;z-index:2}
.corner-extra:before{top:-1px;right:-1px;border-width:1px 1px 0 0}
.corner-extra:after{bottom:-1px;left:-1px;border-width:0 0 1px 1px}
.console-top{font-family:Rajdhani,sans-serif;font-size:15px;padding:12px 20px 20px}
.concept-tag{font-size:12px}
.console-content{grid-template-columns:1.5fr 1fr}
.map{min-height:570px;background:#070b0a;align-self:stretch}
.map>.stage-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none!important;filter:none!important;opacity:0;transition:opacity .65s ease;z-index:-3}
.map>.stage-image.visible{opacity:1}
.map-shade{background:linear-gradient(0deg,#060c0bd9,transparent 17%,transparent 90%,#060c0b66)}
.map-caption{font-size:11px}
.briefing-details{padding:25px 28px}
.tabs{gap:9px;border:0}
.tabs button{padding:10px 12px 13px;border:0;margin:0;font-size:12px;color:#aec3b6}
.tabs span{font-size:17px;margin-top:2px}
.tabs [aria-selected=true]{background-color:#9dc9b635;color:#f3fff7}
.panel h3{font-size:38px;line-height:1.1;font-weight:400}
.panel-description{font-size:20px;line-height:1.5}
.detail-line>span{font-family:Rajdhani,sans-serif;font-size:12px}
.detail-line strong{font-size:18px}
.next-stage{padding:13px 18px;margin-top:17px;font-size:21px}
.console-note{font-size:14px;padding-top:21px}
.closing img{width:30px;height:48px}.closing a{font-size:17px}
@media(min-width:1700px){.briefing{padding-left:9%;padding-right:9%}.map{min-height:610px}.briefing-details{padding:32px 42px}.panel h3{font-size:46px}.hero-copy{left:12%}}
@media(max-width:1100px){.console-content{grid-template-columns:1fr}.map{min-height:0;aspect-ratio:16/10;border-right:0}.briefing-details{padding:30px}.glyph-column{right:5%;opacity:.4}.hero-copy{max-width:80%}.world-caption{display:none}}
@media(max-width:700px){.hero-copy{top:auto;bottom:165px;max-width:none}h1{font-size:51px}.intro{font-size:21px}.brand img{width:27px;height:44px}.brand span{font-size:23px}.glyph-column{top:20%;right:5%;gap:8px}.glyph-column i{width:48px;height:54px;background-size:288px 378px}.glyph-column i:nth-child(n+2){display:none}.scene-controls{bottom:105px;right:8%}.enter{padding:12px 21px;font-size:22px}.briefing-heading h2{font-size:48px}.briefing-heading>p:last-child{font-size:20px}.briefing-details{padding:24px 12px}.console-top{font-size:12px;padding:10px 6px 15px}.concept-tag{font-size:10px}.tabs span{font-size:16px}.tabs button{padding:9px 7px 12px}.panel h3{font-size:35px}.map{aspect-ratio:16/11}.map-caption{font-size:9px;left:12px;right:12px}.nav-text{font-size:15px}.closing a{font-size:16px}}