/* Signature identity: the existing flight timeline and its viewport guards
   remain in app.js / flight.css; this layer changes presentation only. */
:root{--cream:#edf0f3;--ink:#14243d;--muted:#5f7083;--line:#c6d0da;--accent:#9cc9da;--signature-night:#111f34;--signature-blue-ink:#386981;--signature-light:#eaf1f5}
::selection{background:#9cc9da;color:#14243d}
:focus-visible{outline-color:#447c99}
/* Filter the clipped viewport, never the expanding cabin textures. */
.cabin-viewport{filter:sepia(1) saturate(.55) hue-rotate(165deg) brightness(.82)}
.shade-panel{background:#b8c3cf}
.shade-panel-light{background:radial-gradient(ellipse at 50% 50%,#e6eff700,#14243d30 80%,#14243d60 100%)}
.opening-preloader{background:radial-gradient(ellipse at 50% 48%,#243c59,#111f34 75%);color:#edf0f3}
.opening-preloader span{color:#9cc9da;font-size:9px;letter-spacing:.15em}
.opening-preloader p{font-size:28px;line-height:1.12;font-weight:400}
.hero-shade{display:block;background:linear-gradient(90deg,#111f3452,transparent 55%)}
.hero-top{top:25%;width:38%}
.hero-top .eyebrow{font-size:9px;line-height:1.6;letter-spacing:.13em;color:#cfdeeb;margin-bottom:28px}
.hero-top h1{font-size:clamp(35px,3.65vw,74px);line-height:1.07;letter-spacing:-.065em;text-transform:uppercase;color:#f4f6f9;font-weight:400}
.hero-top h1>span{color:#9cc9da}
.hero-bottom{bottom:19%;max-width:25%;color:#edf0f3}
.hero-bottom .eyebrow{font-size:8px;line-height:1.7;letter-spacing:.1em;color:#b3c6d5;margin-bottom:16px}
.hero-bottom p{font-size:clamp(15px,1.45vw,25px);line-height:1.35;letter-spacing:-.035em}
.hero-note{font-size:14px;line-height:1.55;color:#edf0f3;width:240px}
.hero-note a{border-color:#9cc9da55;font-size:10px;color:#d7e5ee;padding-top:14px}
.hero-note a>span{color:#9cc9da}
.scroll-note{border-color:#9cc9da55;color:#d7e5ee}
.header{color:#edf0f3}
.header nav a:hover,.header-contact:hover{color:#9cc9da}
.header.scrolled{background:#edf0f3f5;color:#14243d;border-bottom-color:#c6d0daaa}
.header.scrolled nav a:hover,.header.scrolled .header-contact:hover{color:#386981}
.header .wordmark{font-weight:400;letter-spacing:-1.5px}
.header.scrolled .wordmark{color:#14243d}
.mobile-menu{background:#edf0f3;color:#14243d}
.header.menu-open{color:#14243d}
.wordmark span{letter-spacing:.2em}
.sky-tint{background:linear-gradient(180deg,#14243daa,#111f34b8)}
.flight-experience .intro{background:linear-gradient(180deg,#14243d00,#14243d8c 55%,#111f34b8);color:#edf0f3}
.flight-experience .intro .section-label{color:#c7d7e4;border-color:#a9c3d84d}
.flight-experience .intro-title>span{color:#9cc9da}
.flight-experience .intro-description{color:#dce7ef}
.flight-experience .intro .text-link{color:#edf0f3;border-color:#9cc9da66}
.intro-title>span{color:#71879b}
em{font-family:var(--font);font-style:normal;color:#386981;letter-spacing:-.06em}
.heading-line h2,.service-intro h2,.about h2,.faq h2{letter-spacing:-.065em}
.intro-description{color:#5f7083}
.text-link:hover{color:#386981}
.filters button{color:#5f7083}
.filters button.active{color:#14243d;border-color:#386981}
.card-arrow{border-radius:3px;border-color:#d7e8f0cc}
.destination-card:hover .card-arrow{background:#9cc9da;color:#14243d;border-color:#9cc9da}
.more-destinations button{border-bottom-color:#a4b6c7}
.more-destinations button:hover{color:#386981}
.escape-overlay{background:#14243d78}
.escape-content h2 em{color:#b2d7e5}
.pill{border-radius:3px;letter-spacing:.01em}
.pill.light{background:#9cc9da;color:#14243d}
.pill.dark{background:#14243d;color:#edf0f3}
.pill.light:hover{background:#badce8}
.pill.dark:hover{background:#24435e}
.service-list summary i{color:#386981}
.service-photo>span{color:#5f7083}
.about{background:#e0e7ed}
.about-grid>div>p{color:#566b7e}
.about-info{border-color:#becbd6}
.about-info small{color:#5f7083}
.round-link{border-color:#aebfce;border-radius:3px}
.round-link:hover{background:#14243d;color:#edf0f3}
.footer{background:#14243d;color:#edf0f3}
.footer .section-label{color:#aec0d0;border-color:#4a5f75}
.footer-main h2 em{color:#9cc9da}
.footer-arrow{border-color:#7d9cb3}
.footer-arrow:hover{background:#9cc9da;color:#14243d}
.footer-contacts{border-color:#4a5f75}
.footer-contacts>div>span{color:#aec0d0}
.footer-contacts a:hover{color:#9cc9da}
.footer-contacts p{color:#cbd8e3}
.footer-contacts .secondary-phone{color:#aec0d0}
.footer-bottom{border-color:#4a5f75;color:#b6c5d3}
.floating-book{border-radius:4px;background:#14243d66;border-color:#9cc9da4d;padding:5px;gap:5px}
.floating-book>span{border-radius:2px;background:#9cc9da;color:#14243d;padding:13px 22px}
.floating-book i{border-radius:2px;background:#9cc9da;color:#14243d;width:39px;height:39px}
.floating-book:hover>span,.floating-book:hover i{background:#b8dce8}
.dialog-close{border-radius:3px;background:#dfe7ee;color:#14243d}
.detail-tags span{border-radius:3px;border-color:#b8c8d5;color:#386981}
.destination-detail .availability-note{color:#5f7083}
.inquiry-dialog h2 em{color:#386981}
input::placeholder,textarea::placeholder{color:#76899b}
input:focus,select:focus,textarea:focus{border-color:#386981}
.skip{background:#14243d;color:#edf0f3}
@media(max-width:1000px){
 .hero-top{width:42%;top:25%}
 .hero-top h1{font-size:4vw}
 .hero-top .eyebrow{font-size:8px;max-width:260px;line-height:1.6}
 .hero-note{width:190px;font-size:12px}
 .hero-bottom{max-width:26%}
 .hero-bottom p{font-size:16px}
 .hero-bottom .eyebrow{font-size:7px}
}
@media(max-width:700px){
 .hero-shade{background:linear-gradient(180deg,#111f34cc 0%,#111f3466 24%,transparent 52%),linear-gradient(90deg,#111f3444,transparent 50%)}
 .hero-top{top:12%;width:88%}
 .hero-top .eyebrow{font-size:7px;letter-spacing:.1em;max-width:100%;margin-bottom:17px}
 .hero-top h1{font-size:clamp(27px,8.3vw,40px);line-height:1.08;letter-spacing:-.065em}
 .hero-note{bottom:16%;width:150px;max-width:46%;font-size:11px;line-height:1.5}
 .hero-note a{font-size:8px;line-height:1.5;margin-top:14px;padding-top:10px}
 .hero-bottom{bottom:14%;max-width:40%}
 .hero-bottom .eyebrow{display:none}
 .hero-bottom p{font-size:13px;line-height:1.5}
 .scroll-note{bottom:8.5%;font-size:6px}
 .floating-book{bottom:16px}
 .floating-book>span{font-size:10px;padding:12px 19px}
 .floating-book i{width:36px;height:36px}
 .opening-preloader p{font-size:25px}
 .opening-preloader span{font-size:8px}
 .header .wordmark{letter-spacing:-1.2px}
 .header .wordmark span{letter-spacing:.18em}
 .footer-bottom{font-size:7px}
 .footer-bottom button{font-size:7px}
}