/* Actual official game media throughout. Never replace the sources with generated scenery. */
.cast-backdrop{background:linear-gradient(90deg,#070b10d9 0%,#070b1070 40%,#070b101a 75%),linear-gradient(0deg,#070b10b3,transparent 28%,transparent 80%,#070b1077),url('assets/journey/lumiere.webp') center/cover}
.cast-copy{text-shadow:0 2px 14px #000}.cast .eyebrow,.cast .small-label{color:#e0cda9}.cast-selector button{background:linear-gradient(90deg,#05080c55,transparent);color:#eee9df}.portrait-rule{display:none}
.atlas{position:relative;isolation:isolate;min-height:100svh;padding:80px 8% 34px;display:flex;flex-direction:column;justify-content:space-between;gap:70px;overflow:hidden;background:#080b0e}
.atlas-stage{position:absolute;inset:0;height:100%;max-height:none;min-height:0;z-index:-1;overflow:hidden}
.atlas-stage:after{background:linear-gradient(0deg,#04080cf2 0%,#04080c99 18%,transparent 47%,#04080c9c 85%,#04080cdd),linear-gradient(90deg,#04080c88,transparent 65%)}
.atlas-heading{padding:0;display:block;max-width:580px;text-shadow:0 2px 18px #000}.atlas-heading h2{margin:16px 0}.atlas-heading>p:last-child{max-width:360px;color:#eee9df;justify-self:start}
.atlas-caption{bottom:150px;left:8%;right:8%;text-shadow:0 2px 14px #000;pointer-events:auto}.atlas-caption .text-link{color:#fff}.atlas-selector{position:relative;margin-top:320px;border-top:1px solid #d0c4aa66;padding-top:14px}.atlas-selector button{color:#eee9df;text-shadow:0 2px 9px #000}.atlas .eyebrow{color:#e0cda9}
.combat{isolation:isolate;background:linear-gradient(90deg,#07090de8 0%,#07090daf 40%,#07090d55 75%),linear-gradient(0deg,#07090dcc,transparent 30%,#07090d77),url('assets/journey/broken-horizon.webp') center/cover}
.combat>div,.combat-screen figcaption{text-shadow:0 2px 12px #000}.combat>div>p:not(.eyebrow),.mechanic-note p{color:#e0ded7}.combat .eyebrow{color:#e0cda9}.combat-screen video{box-shadow:0 12px 55px #0008}
footer{margin:0;padding:40px 8%;background:linear-gradient(#06090ce6,#06090ca8),url('assets/journey/lumiere.webp') center bottom/cover}
@media(max-width:860px){.atlas{padding:78px 6% 26px}.atlas-caption{left:6%;right:6%}.combat{background-position:65% center}.cast-backdrop{background-position:58% center}}
@media(max-width:600px){.cast-backdrop{background:linear-gradient(0deg,#070b10bb, #070b10ad 45%,#070b1022 85%),url('assets/journey/lumiere.webp') 57% center/cover}.cast-copy{padding-top:370px}.cast{min-height:1050px}.atlas{min-height:980px;padding:70px 7% 26px;gap:0}.atlas-heading{max-width:100%}.atlas-stage{height:100%;min-height:0}.atlas-stage>img{object-position:54% center}.atlas-caption{bottom:150px;left:7%;right:7%}.atlas-selector{margin-top:550px;gap:12px}.atlas-selector button{min-height:64px;min-width:135px}.combat{background:linear-gradient(#06090cbe,#06090c99),url('assets/journey/broken-horizon.webp') 65% center/cover}footer{padding:35px 7%}}

/* Keep the colour of the game visible; darkness is local to copy, not a blue wash. */
html{scroll-padding-top:0}
.atlas{padding-top:110px}
.site-header{background:linear-gradient(#05070bba,#05070b55 60%,transparent);backdrop-filter:none}
.site-header nav a{position:relative;padding:12px 0;color:#eee9df}
.site-header nav a[aria-current=location]:after{content:'';position:absolute;height:1px;background:#d9c39a;left:0;right:0;bottom:5px}
.cast-backdrop{background:linear-gradient(90deg,#05070bba, #05070b40 48%,transparent 78%),linear-gradient(0deg,#05070b80,transparent 23%,transparent 85%,#05070b33),url('assets/journey/lumiere.webp') center/cover}
.cast .small-label{color:#eee4d3}
.atlas-stage>img{position:absolute;inset:0;width:100%;height:100%}
.atlas-stage>.atlas-previous{z-index:1;opacity:0;pointer-events:none;transition:opacity .35s ease}
.atlas-stage:after{z-index:2;background:linear-gradient(0deg,#020407dc,transparent 44%,#02040722 68%,#02040799),linear-gradient(90deg,#02040766,transparent 60%)}
.atlas-caption{z-index:3}
.atlas-heading,.atlas-selector{z-index:4;position:relative}
.atlas-selector button{background:none}
.combat{background:linear-gradient(90deg,#040608ca 0%,#04060860 55%,#04060833),linear-gradient(0deg,#04060866,transparent 30%),url('assets/journey/broken-horizon.webp') center/cover}
.finale:after{background:linear-gradient(0deg,#030509a6,transparent 28%,#0305094d 78%,#03050977),radial-gradient(ellipse at center,#03050966,transparent 75%)}
footer{border-top:1px solid #d9c39a44;background:linear-gradient(#030508b3,#03050899),url('assets/journey/lumiere.webp') center bottom/cover}
@media(max-width:600px){
 .atlas{padding-top:100px}
 .cast-backdrop{background:linear-gradient(0deg,#030508c9, #03050866 55%,transparent 85%),url('assets/journey/lumiere.webp') 57% center/cover}
 .combat{background:linear-gradient(90deg,#030508b3,#03050866),url('assets/journey/broken-horizon.webp') 65% center/cover}
 .finale:after{background:radial-gradient(ellipse at center,#03050999,transparent 100%),linear-gradient(0deg,#030509b3,transparent 50%)}
 .site-header nav.open{background:#080b0ff5}
}
@media(prefers-reduced-motion:reduce){.atlas-stage>.atlas-previous{transition:none}}