:root{--nav-height:90px}
.nav .logo{background:transparent;padding:0}
.nav .logo svg{filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}
.hero.wrap{width:100%;max-width:none;min-height:calc(100svh - var(--nav-height));display:flex;align-items:center;position:relative;padding:70px max(5%,calc((100% - 1320px)/2));isolation:isolate;overflow:hidden;background:#122337}
.hero .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% center;z-index:-2;border-radius:0}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,23,.88),rgba(4,12,23,.52) 40%,rgba(4,12,23,.08) 78%);z-index:-1}
.hero-copy{width:min(650px,58%);padding:0 0 65px;color:#fff}
.hero h1 span{color:#69b4ff}
.hero p{color:#edf4ff}
.hero-strip{position:absolute;bottom:24px;left:max(5%,calc((100% - 1320px)/2));padding:0}
.hero-strip small{color:#fff}
.hero-strip>span{color:#6dbaff;border-color:#ffffff40}
.journey{height:340svh;padding:0;overflow:visible;position:relative;--arrival-opacity:0;--route-opacity:1;background:#eff5fa}
.journey-stage{position:sticky;top:var(--nav-height);height:calc(100svh - var(--nav-height));overflow:hidden;isolation:isolate}
.route-scene{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 55% 60%,#d3e6fa,transparent 65%),#f7faff;opacity:var(--route-opacity)}
.route-intro{padding-top:20px}
.route-intro h2{font-size:clamp(38px,5.5vw,84px)}
.route{width:100%;height:auto;max-height:48%;margin:15px 0 0;flex-shrink:0}
.arrival{position:absolute;inset:0;display:flex;align-items:center;min-height:0;padding:0;background:#07111c;opacity:var(--arrival-opacity);pointer-events:none}
.arrival.arrived{pointer-events:auto}
.arrival .arrival-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;margin:0;transform:none;z-index:-2}
.arrival:after{display:block;content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06101deb,#06101d8a 45%,#06101d10);z-index:-1}
.arrival-copy.wrap{width:100%;max-width:none;padding:70px max(5%,calc((100% - 1320px)/2));margin:0}
.arrival h2{font-size:clamp(56px,8vw,120px)}
.arrival .connector{display:none}
.arrival-ring{right:28%;bottom:13%}
@media(max-width:650px){
.hero.wrap{padding:50px 6%;min-height:calc(100svh - var(--nav-height))}
.hero .hero-photo{object-position:42% center}
.hero-copy{width:100%;padding-bottom:75px}
.hero h1{font-size:clamp(66px,18vw,96px)}
.hero:after{background:linear-gradient(90deg,#06101ddd,#06101d55)}
.hero-strip{left:6%;right:6%;bottom:20px;gap:8px}
.hero-strip>span{font-size:20px}
.hero-strip small{font-size:9px}
.route-intro h2{font-size:clamp(34px,9vw,52px)}
.route{min-height:230px;max-height:48%;width:100%;margin-left:0}
.arrival-copy.wrap{padding:50px 6%}
.arrival .arrival-photo{object-position:58% center}
.arrival:after{background:linear-gradient(90deg,#06101dcf,#06101d55)}
}
.facebook-link{margin-top:16px;line-height:1.6}
.facebook-link span{display:inline-block;font-size:12px;margin-top:3px;border-bottom:1px solid currentColor}
@media(prefers-reduced-motion:reduce){
.journey{height:auto}
.journey-stage{position:relative;top:auto;height:calc(100svh - var(--nav-height))}
.route-scene{display:none}
.arrival{opacity:1;pointer-events:auto}
}
