:root { color-scheme: dark; font-family: Arial, Helvetica, sans-serif; color: #e7e9e9; background: #06090c; --amber: #c9ad65; --ice: #acc9d0; }
* { box-sizing: border-box; }
html, body { min-width: 280px; margin: 0; }
body { overflow-x: hidden; }
::selection { color: #101113; background: #c9ad65; }
.arrival { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; min-height: 100svh; min-height: max(100svh, 650px); overflow: hidden; padding: 125px 28px 180px; }
.station,.shade,.grain { position: absolute; inset: 0; pointer-events: none; }
.station { z-index: -5; background: #0c171e; }
.station__image { position:absolute; inset:-3%; width:106%; height:106%; object-fit:cover; object-position:50% 52%; user-select:none; transform:translate3d(calc(var(--scene-x,0px) * .7),calc(var(--scene-y,0px) * .5),0); }
.station__neon { position:absolute;inset:0;background:radial-gradient(ellipse at 88% 38%,#9f62ec40,transparent 30%);opacity:.35;animation:neon-leak 15s linear infinite; }
.shade { z-index:-4; background:radial-gradient(ellipse at 50% 43%,#05090d4d 0%,#04080b18 42%,#03070b78 100%),linear-gradient(0deg,#030609e8 0%,#03060928 36%,#05090c14 72%,#03060996 100%); }
.fog { position:absolute; pointer-events:none; z-index:-2; inset:auto -20% -5%; height:48%; opacity:.5; }
.fog--far { background:radial-gradient(ellipse at 24% 63%,#accbd226,transparent 52%),radial-gradient(ellipse at 76% 75%,#b6c0d21c,transparent 50%);animation:fog-drift 32s ease-in-out infinite alternate; }
.fog--near { height:29%;bottom:7%;background:radial-gradient(ellipse at 55% 76%,#bfd5d223,transparent 58%);animation:fog-drift 41s ease-in-out -13s infinite alternate-reverse; }
.grain { z-index:9; opacity:.075; background:url('/assets/film-grain.svg') repeat; mix-blend-mode:soft-light; }
.masthead { position:absolute;top:clamp(25px,4vw,50px);left:clamp(25px,4vw,64px);right:clamp(25px,4vw,64px);display:flex;align-items:center;gap:24px; }
.masthead__rule { flex:1;height:1px;background:#b5c5c325; }
.masthead__rule span { display:block;width:48px;height:1px;background:#a8b8b454; }
.station-id { flex:0 0 auto;font:9px/1.5 "Courier New",monospace;letter-spacing:.18em;color:#b6bfbd; }
.station-id span { margin:0 9px;color:#b8a466; }
.announcement { position:relative;z-index:3;width:min(820px,100%);text-align:center; }
.eyebrow { display:flex;align-items:center;justify-content:center;gap:11px;margin:0 0 30px;color:#b0bebc;font:9px/1.6 "Courier New",monospace;letter-spacing:.27em; }
.eyebrow>span { width:4px;height:4px;background:#b5a263;box-shadow:0 0 10px #e7bd6750; }
h1 { margin:0 0 30px;font-family:"Barlow Condensed",Impact,"Arial Narrow",sans-serif;font-size:clamp(3rem,9.3vw,9rem);font-weight:600;line-height:.87;letter-spacing:.015em;text-transform:uppercase;text-shadow:0 0 4px #d3d3f41c,0 0 30px #8c92b22e,0 3px 8px #01030599; }
.message { max-width:460px;margin:0 auto;font-size:clamp(14px,1.2vw,17px);line-height:1.8;color:#c0cdce;letter-spacing:.025em;text-shadow:0 2px 8px #000; }
.caution { position:absolute;left:-12%;width:124%;height:38px;z-index:6;display:flex;align-items:center;overflow:hidden;pointer-events:none;color:#24251e;border-top:2px solid #29271d;border-bottom:2px solid #29271d;background:#b5a05d;box-shadow:0 3px 9px #0006; }
.caution::before,.caution::after { content:'';position:absolute;left:0;right:0;height:6px;background:repeating-linear-gradient(125deg,#282820 0 13px,transparent 13px 26px); }
.caution::before { top:0; }.caution::after { bottom:0; }
.caution>span { display:block;flex:0 0 auto;min-width:100%;text-align:center;white-space:nowrap;font:11px/1 "Courier New",monospace;font-weight:bold;letter-spacing:.21em;word-spacing:.4em; }
.caution--front { bottom:76px;transform:rotate(-5deg);background:linear-gradient(0deg,#64542c36,transparent 44%,#fff2c21c),url('/assets/film-grain.svg'),#c3ad68; }
.caution--rear { bottom:122px;z-index:2;opacity:.65;transform:rotate(4deg);background:#908457; }
.scene-footer { position:absolute;bottom:24px;left:clamp(25px,4vw,64px);right:clamp(25px,4vw,64px);display:flex;justify-content:space-between;gap:20px;color:#8d9c9b;font:8px/1.6 "Courier New",monospace;letter-spacing:.17em; }
@keyframes fog-drift { from { transform:translate3d(-4%,0,0) scale(1); } to { transform:translate3d(5%,-5%,0) scale(1.08); } }
@keyframes neon-leak { 0%,90%,93%,100% { opacity:.35; } 91%,92.5% { opacity:.13; } }
.scene-paused *, .scene-paused *::before, .scene-paused *::after { animation-play-state:paused!important; }
.scene-ready .announcement { animation:arrival-reveal 1.2s ease-out both; }
@keyframes arrival-reveal { from { opacity:0;transform:translateY(8px); } to { opacity:1;transform:translateY(0); } }
@media(min-width:1200px) { .announcement { transform:translateX(-4vw); }.scene-ready .announcement { animation-name:arrival-reveal-wide; } }
@keyframes arrival-reveal-wide { from { opacity:0;transform:translate(-4vw,8px); } to { opacity:1;transform:translate(-4vw,0); } }
@media(max-width:1050px) {
 .announcement { margin-top:65px; }
}
@media(max-width:700px) {
 .arrival { min-height:max(100svh,660px);padding:205px 24px 170px; }
 .station__image { object-position:53% 50%; }.shade { background:linear-gradient(0deg,#030609de,#03060925 30%,#03060960 63%,#03060944); }
 .announcement { margin-top:95px; }.eyebrow { margin-bottom:25px;font-size:7px;letter-spacing:.18em;gap:8px; }
 .caution { height:32px; }.caution>span { font-size:9px;letter-spacing:.12em; }.caution--front { bottom:67px;transform:rotate(-7deg); }.caution--rear { bottom:111px;transform:rotate(5deg); }
 .scene-footer { left:24px;right:24px;bottom:22px;font-size:6px;letter-spacing:.06em; }.fog { height:40%;opacity:.4; }
}
@media(prefers-reduced-motion:reduce) {
 *,*::before,*::after { animation:none!important;scroll-behavior:auto!important; }.station__image { transform:none; }
}

/* Owner-supplied metal title; preserve its transparent silhouette. */
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0; }
.headline-art { display:block;width:100%;height:auto;filter:drop-shadow(0 12px 18px #0009); }
h1 { font-size:inherit;line-height:1;margin-bottom:30px; }
.announcement { width:min(960px,100%); }
.caution { color:#050505;border-color:#050505;background:#ffe000; }
.caution::before,.caution::after { background:repeating-linear-gradient(125deg,#050505 0 13px,transparent 13px 26px); }
.caution--front { background:#ffe000; }
.caution--rear { background:#f5d400;opacity:.95; }
@media(min-width:1200px) { .announcement { transform:none; }.scene-ready .announcement { animation-name:arrival-reveal; } }
@media(max-width:1050px) { .announcement { margin-top:0; } }
@media(max-width:700px) { .arrival { padding:150px 18px 185px; }.announcement { margin-top:0; }h1 { margin-bottom:28px; }.eyebrow { margin-bottom:22px; } }

.brand-logo { display:block;width:74px;height:74px;flex:0 0 auto;object-fit:contain;border-radius:0; }
@media(max-width:700px) { .brand-logo { width:56px;height:56px; } }

/* Lift the complete title block and strengthen the supporting copy. */
.arrival { justify-content:flex-start;padding-top:clamp(90px,10vh,120px); }
.announcement { margin-top:0; }
.eyebrow { font-size:18px;margin-bottom:18px;letter-spacing:.2em;color:#c8d2cf; }
.message { font-size:24px;max-width:700px;line-height:1.6; }
@media(max-width:1050px) { .arrival { padding-top:140px; } }
@media(max-width:700px) { .arrival { padding-top:130px; }.eyebrow { font-size:14px;letter-spacing:.14em;margin-bottom:18px; }.message { font-size:20px;max-width:340px;line-height:1.5; } }
@media(max-height:650px) and (min-width:701px) { .arrival { padding-top:105px; }.eyebrow { font-size:16px; }.message { font-size:22px; } }

@media(max-width:700px) { .masthead { top:max(25px,env(safe-area-inset-top));left:24px;right:24px;gap:15px; }.station-id { font-size:7px;letter-spacing:.08em; } }
@media(max-height:650px) and (min-width:701px) { .arrival { min-height:560px;padding-bottom:140px; } }