/* Cinematic inner spaces inherit the approved Atlas visual language. */
body:is([data-page="dino"],[data-page="learn"],[data-page="voyages"]) .site-header { color:#f0efe6; background:#07151bf2; border-color:#b7c9cb18; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
body:is([data-page="dino"],[data-page="learn"],[data-page="voyages"]) .brand small { color:#a7bdc3; }
body:is([data-page="dino"],[data-page="learn"],[data-page="voyages"]) .site-header nav a { color:#d9e4e4; }
body:is([data-page="dino"],[data-page="learn"],[data-page="voyages"]) .site-header nav a[aria-current] { color:#fff; }
body:is([data-page="dino"],[data-page="learn"],[data-page="voyages"]) .language { color:#e4eceb; }
body:is([data-page="dino"],[data-page="learn"],[data-page="voyages"]) .menu-toggle { background:transparent; border-color:#b7c9cb55; color:#e4eceb; }
body:is([data-page="dino"],[data-page="learn"],[data-page="voyages"]) .site-header .compact { color:#e4eceb; background:transparent; border-color:#b7c9cb55; }
.expedition-space {
 --exp-ivory:#f0efe6; --exp-muted:#c0ccd0; --exp-glass:#0c1b22cf;
 --exp-edge:#b8cfcb42; --exp-amber:#d1b885; --exp-ease:cubic-bezier(.22,.8,.25,1);
 position:relative; isolation:isolate; color:var(--exp-ivory); background:#07151b;
 min-height:calc(100svh - 90px); overflow:hidden;
}
.expedition-environment,.expedition-atmosphere { position:absolute; inset:0; pointer-events:none; z-index:-2; }
.expedition-environment { overflow:hidden; }
.expedition-environment>img {
 width:100%; height:100%; max-width:none; object-fit:cover; object-position:66% 50%;
 transform:translate3d(calc(var(--exp-camera-x,0px) + var(--exp-pointer-x,0px)),calc(var(--exp-camera-y,0px) + var(--exp-pointer-y,0px)),0) scale(var(--exp-camera-zoom,1.035));
 transition:transform .85s var(--exp-ease); transform-origin:65% 50%;
}
.expedition-atmosphere { z-index:-1; background:linear-gradient(90deg,#041219e8 0%,#07171bb8 35%,#07171b24 65%),linear-gradient(0deg,#05141bf0 0%,#05141b12 35%,#05141b32 100%); }
.expedition-content { position:relative; width:100%; padding:34px clamp(25px,4.2vw,82px) 18px; }
.expedition-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:14px; font-size:11px; letter-spacing:.055em; color:#c5d2d4; }
.expedition-breadcrumb>a { display:inline-flex; align-items:center; min-height:44px; gap:10px; transition:color .2s; }
.expedition-breadcrumb>a:hover { color:white; }
.expedition-breadcrumb>[aria-current] { color:var(--exp-ivory); }
.expedition-grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); align-items:center; gap:clamp(35px,5vw,94px); min-height:590px; padding:22px 0 42px; }
.expedition-heading { max-width:590px; align-self:center; min-width:0; }
.expedition-eyebrow,.expedition-kicker { font-family:"SFMono-Regular",Consolas,monospace; text-transform:uppercase; letter-spacing:.15em; }
.expedition-eyebrow { font-size:11px; color:#acbec5; margin-bottom:25px; }
.expedition-heading h1 { font-size:clamp(44px,4.5vw,80px); line-height:1.14; letter-spacing:-.045em; font-weight:620; text-wrap:balance; }
.expedition-intro { margin-top:28px; color:var(--exp-muted); font-size:15px; line-height:1.95; max-width:465px; }
.expedition-detail { display:flex; gap:15px; align-items:flex-start; color:#b2c6cb; font-size:11px; line-height:1.8; margin-top:34px; max-width:440px; }
.expedition-detail-line { display:block; width:42px; flex:0 0 42px; height:1px; background:#a2c5c1; margin-top:9px; }
.expedition-panels { min-width:0; perspective:1600px; padding:16px 0 0; }
.expedition-panel { outline:none; }
.expedition-panel[hidden] { display:none; }
.expedition-preview {
 position:relative; border:1px solid var(--exp-edge); border-radius:24px;
 background:linear-gradient(145deg,#112a32a6,#08171de0); box-shadow:0 35px 100px #0006;
 transform:translate3d(var(--exp-preview-x,0px),var(--exp-preview-y,0px),0) rotateX(var(--exp-preview-rx,0deg)) rotateY(calc(-3deg + var(--exp-preview-ry,0deg))) rotateZ(-1.1deg);
 transform-origin:50% 55%; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
 transition:border-color .35s,transform .55s var(--exp-ease); padding:9px;
}
.expedition-panel:focus-visible .expedition-preview { outline:2px solid #ddc99e; outline-offset:5px; }
.expedition-media { position:relative; overflow:hidden; border-radius:17px 17px 3px 3px; aspect-ratio:1.97; background:#132831; }
.expedition-media>img { width:100%; height:100%; object-fit:cover; object-position:50% 55%; }
.expedition-media:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,#04161d33,transparent 48%,#08181d45); pointer-events:none; }
.expedition-media-label { position:absolute; left:19px; top:16px; z-index:1; font-size:9px; letter-spacing:.11em; color:#f5f3e8; padding:6px 10px; border:1px solid #efeee13a; background:#06141b7d; border-radius:20px; backdrop-filter:blur(8px); }
.expedition-artifact { position:absolute; pointer-events:none; width:clamp(155px,17vw,260px); height:auto; max-width:none; left:-54px; top:24%; transform:rotate(-9deg); z-index:2; filter:drop-shadow(0 15px 20px #0011194d); }
.expedition-artifact-nest { width:clamp(145px,16vw,245px); left:auto; right:-36px; top:22%; transform:rotate(5deg); }
.expedition-preview-copy { position:relative; z-index:3; padding:24px 21px 20px; }
.expedition-kicker { color:var(--exp-amber); font-size:10px; letter-spacing:.1em; line-height:1.8; margin-bottom:10px; }
.expedition-preview-copy h2 { font-size:clamp(27px,2.7vw,40px); font-weight:570; line-height:1.16; letter-spacing:-.035em; margin-bottom:14px; }
.expedition-description { color:#ced8d9; font-size:13px; line-height:1.9; max-width:550px; }
.expedition-facts { list-style:none; padding:0; margin:19px 0 0; display:flex; flex-wrap:wrap; gap:8px 17px; font-size:10px; color:#b4c9c9; }
.expedition-facts li { display:flex; gap:7px; align-items:center; }
.expedition-facts li:before { content:""; width:3px; height:3px; background:#b2d8ce; border-radius:50%; flex-shrink:0; }
.expedition-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:24px; }
.expedition-action { border:1px solid var(--exp-ivory); background:var(--exp-ivory); color:#14252d; display:inline-flex; align-items:center; justify-content:space-between; gap:22px; padding:11px 20px; min-height:48px; border-radius:30px; font-size:12px; font-weight:650; line-height:1.6; max-width:100%; transition:transform .25s var(--exp-ease),background .25s; }
.expedition-action:hover { background:#fffef5; transform:translateY(-2px); }
.expedition-action-secondary { color:#d5e1e1; background:transparent; border-color:#b6d0d34f; padding:10px 16px; gap:16px; font-size:11px; }
.expedition-action-secondary:hover { color:white; background:#b6d0d318; }
.expedition-arrow { font-size:20px; font-weight:400; line-height:1; flex-shrink:0; }
.expedition-note { color:#aebfc3; font-size:10px; line-height:1.85; margin-top:18px; }
.expedition-dock { display:flex; gap:clamp(28px,4vw,80px); align-items:center; border-top:1px solid #b2cacc38; padding-top:17px; }
.expedition-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); flex:1; gap:8px; min-width:0; }
.expedition-tab { min-width:0; min-height:76px; border:0; border-bottom:1px solid transparent; display:flex; align-items:center; text-align:left; gap:13px; color:#a0b6be; background:transparent; padding:9px 12px 12px 0; transition:color .25s,background .25s,border-color .25s; }
.expedition-tab:hover { color:var(--exp-ivory); }
.expedition-tab[aria-selected="true"] { color:var(--exp-ivory); border-bottom-color:#d3ddca; }
.expedition-tab-number { font-family:Consolas,monospace; font-size:10px; align-self:flex-start; margin-top:4px; color:#87a1a9; }
.expedition-tab>span:nth-child(2) { min-width:0; }
.expedition-tab b { display:block; font-weight:550; font-size:15px; line-height:1.45; }
.expedition-tab small { display:block; font-weight:400; font-size:10px; color:#a3b9be; margin-top:6px; line-height:1.6; }
.expedition-tab-indicator { margin-left:auto; font-size:17px; opacity:0; transform:translate(-5px,3px); transition:opacity .3s,transform .3s; }
.expedition-tab[aria-selected="true"] .expedition-tab-indicator { opacity:1; transform:translate(0,0); }
.expedition-read { display:flex; flex-shrink:0; align-items:center; gap:24px; color:#e1e8e4; border:0; background:transparent; min-height:48px; padding:10px 0; font-size:12px; text-align:left; }
.expedition-read>span:last-child { border:1px solid #c4d6d250; border-radius:50%; width:44px; height:44px; display:grid; place-items:center; font-size:20px; transition:background .2s; }
.expedition-read:hover>span:last-child { background:#a2c5c11c; }
.expedition-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:13px; }
.expedition-footer>small { color:#b2c2c5; font-size:9px; line-height:1.7; letter-spacing:.01em; }
.expedition-pause { flex-shrink:0; font-size:10px; color:#b7cbce; min-height:44px; padding:8px 15px; border:1px solid #b7cbce38; border-radius:22px; background:#08191c80; }
.expedition-space :is(a,button):focus-visible { outline:2px solid #f0deb4; outline-offset:5px; }
.expedition-space[data-expedition-paused="true"] .expedition-environment>img,.expedition-space[data-expedition-paused="true"] .expedition-preview { transition:none; }
@media (min-width:1500px) and (min-height:900px) {
 .expedition-grid { min-height:calc(100svh - 340px); gap:7vw; }
 .expedition-preview { max-width:750px; }
 .expedition-preview-copy { padding:31px 26px 26px; }
 .expedition-description { font-size:15px; }
 .expedition-facts { font-size:11px; }
 .expedition-actions { margin-top:27px; }
 .expedition-action { font-size:14px; }
}
@media (max-width:1200px) {
 .expedition-grid { gap:35px; min-height:590px; padding-top:22px; }
 .expedition-heading h1 { font-size:clamp(43px,4.6vw,60px); }
 .expedition-intro { font-size:14px; }
 .expedition-preview-copy { padding:21px 16px 18px; }
 .expedition-description { font-size:12px; }
 .expedition-action { font-size:11px; padding:10px 15px; }
 .expedition-action-secondary { font-size:10px; }
 .expedition-dock { gap:30px; }
 .expedition-tab b { font-size:13px; }
 .expedition-tab { gap:10px; }
}
@media (max-width:960px) {
 body:is([data-page="dino"],[data-page="learn"],[data-page="voyages"]) .site-header nav { background:#091c24; border-color:#c4d6d226; }
 .expedition-space { min-height:calc(100svh - 80px); }
 .expedition-content { padding:25px 32px 15px; }
 .expedition-grid { grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:25px; }
 .expedition-heading h1 { font-size:43px; }
 .expedition-intro { margin-top:22px; font-size:13px; }
 .expedition-detail { font-size:10px; gap:10px; margin-top:25px; }
 .expedition-detail-line { width:25px; flex-basis:25px; }
 .expedition-eyebrow { font-size:9px; }
 .expedition-preview { transform:none; }
 .expedition-artifact { left:-28px; width:145px; }
 .expedition-artifact-nest { left:auto; right:-15px; }
 .expedition-tabs { gap:4px; }
 .expedition-read { font-size:11px; gap:12px; max-width:150px; }
 .expedition-tab small { font-size:9px; }
 .expedition-tab-indicator { display:none; }
}
@media (max-width:700px) {
 .expedition-space { min-height:0; }
 .expedition-content { padding:17px 22px 17px; display:flex; flex-direction:column; }
 .expedition-environment>img { object-position:70% 50%; transform:none; transition:none; }
 .expedition-atmosphere { background:linear-gradient(180deg,#06161ce6 0%,#081c20b8 26%,#06161ce8 62%,#05141bfa 100%); }
 .expedition-breadcrumb { font-size:9px; gap:10px; }
 .expedition-grid { display:contents; }
 .expedition-heading { max-width:none; align-self:stretch; order:1; padding:27px 0 25px; }
 .expedition-eyebrow { font-size:9px; margin-bottom:19px; }
 .expedition-heading h1 { font-size:clamp(38px,10vw,53px); line-height:1.17; }
 .expedition-intro { font-size:13px; line-height:1.95; margin-top:22px; max-width:480px; }
 .expedition-detail { font-size:10px; margin-top:22px; gap:12px; }
 .expedition-detail-line { width:30px; flex-basis:30px; }
 .expedition-panels { padding:25px 0 24px; perspective:none; order:3; }
 .expedition-preview { padding:7px; border-radius:19px; transform:none; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
 .expedition-media { aspect-ratio:1.58; border-radius:13px 13px 3px 3px; }
 .expedition-media-label { left:12px; top:12px; font-size:8px; padding:5px 9px; }
 .expedition-artifact { width:132px; left:-12px; top:21%; }
 .expedition-artifact-nest { width:140px; left:auto; right:-10px; top:17%; }
 .expedition-preview-copy { padding:20px 13px 16px; }
 .expedition-kicker { font-size:9px; }
 .expedition-preview-copy h2 { font-size:30px; }
 .expedition-description { font-size:12px; line-height:1.95; }
 .expedition-facts { gap:8px 15px; margin-top:17px; font-size:9px; }
 .expedition-actions { gap:10px; margin-top:23px; }
 .expedition-action { font-size:11px; min-height:48px; padding:10px 17px; }
 .expedition-action-secondary { font-size:10px; min-height:44px; padding:10px 13px; }
 .expedition-note { font-size:9px; margin-top:15px; }
 .expedition-dock { display:contents; }
 .expedition-tabs { flex:none; width:100%; gap:6px; order:2; border-top:1px solid #b2cacc38; padding-top:12px; }
 .expedition-tab { padding:8px 4px 11px 0; min-height:86px; align-items:flex-start; gap:7px; }
 .expedition-tab-number { font-size:8px; margin-top:4px; }
 .expedition-tab b { font-size:12px; line-height:1.45; overflow-wrap:anywhere; }
 .expedition-tab small { font-size:8px; line-height:1.7; margin-top:5px; }
 .expedition-read { max-width:none; width:100%; justify-content:space-between; font-size:12px; padding:5px 0; order:4; }
 .expedition-footer { align-items:flex-start; gap:12px; margin-top:12px; order:5; }
 .expedition-footer>small { font-size:8px; max-width:210px; padding-top:10px; }
 .expedition-pause { font-size:9px; padding:8px 12px; }
 .expedition-space[data-expedition-lang="en"] .expedition-heading h1 { font-size:clamp(37px,10vw,48px); }
 .expedition-space[data-expedition-lang="en"] .expedition-preview-copy h2 { font-size:27px; }
}
@media (max-width:359px) {
 .expedition-content { padding-left:18px; padding-right:18px; }
 .expedition-heading h1 { font-size:38px; }
 .expedition-preview-copy h2 { font-size:27px; }
 .expedition-tab { gap:5px; }
 .expedition-tab b { font-size:11px; }
 .expedition-tab small { font-size:8px; }
 .expedition-action { gap:15px; }
 .expedition-media { aspect-ratio:1.5; }
 .expedition-space[data-expedition-lang="en"] .expedition-heading h1 { font-size:37px; }
}
@media (prefers-reduced-motion:reduce),(pointer:coarse) {
 .expedition-environment>img { transform:none; transition:none; }
 .expedition-preview { transform:none; transition:none; }
 .expedition-action:hover { transform:none; }
 .expedition-tab-indicator { transition:none; }
}
/* Short desktop viewports keep both the scene controls and primary actions in view. */
@media(min-width:961px) and (max-height:800px){
 .expedition-content{padding:9px 4% 10px}
 .expedition-grid{min-height:0;padding:10px 0 20px;gap:40px}
 .expedition-eyebrow{font-size:9px;margin-bottom:16px}
 .expedition-heading h1{font-size:clamp(37px,3.7vw,51px);line-height:1.25}
 .expedition-intro{font-size:12px;line-height:1.9;margin-top:19px}
 .expedition-detail{font-size:9px;margin-top:22px}
 .expedition-preview{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,.68fr);padding:6px;border-radius:17px;min-height:270px}
 .expedition-media{aspect-ratio:auto;height:100%;border-radius:11px 2px 2px 11px;min-height:270px}
 .expedition-media>img{object-position:65% 50%}
 .expedition-media-label{top:10px;left:8px;font-size:7px;padding:4px 7px;letter-spacing:.03em}
 .expedition-preview-copy{padding:16px 14px}
 .expedition-preview-copy h2{font-size:27px;line-height:1.25;margin-bottom:10px}
 .expedition-kicker{font-size:8px;line-height:1.8;margin-bottom:7px}
 .expedition-description{font-size:11px;line-height:1.9}
 .expedition-facts{margin-top:12px;font-size:8px;line-height:1.6;gap:5px 11px}
 .expedition-actions{margin-top:17px;gap:7px}
 .expedition-action{min-height:44px;font-size:10px;padding:9px 13px;gap:12px}
 .expedition-action-secondary{font-size:10px;padding:7px 0;border:0;min-height:44px}
 .expedition-action-secondary .expedition-arrow{display:none}
 .expedition-note{font-size:8px;line-height:1.8;margin-top:11px}
 .expedition-artifact{width:128px;left:-29px;top:20%}
 .expedition-artifact-nest{width:128px;left:auto;right:-20px;top:15%}
 .expedition-dock{padding-top:10px;gap:25px}
 .expedition-tab{min-height:62px;padding-top:5px;padding-bottom:8px}
 .expedition-tab b{font-size:12px}.expedition-tab small{font-size:9px;margin-top:4px}
 .expedition-read{font-size:11px;gap:15px}
 .expedition-footer{margin-top:5px}.expedition-footer>small{font-size:8px}
}
