/* Cinematic travel experience — visual-only progressive enhancement.
   Retains the existing video, functional flight form, honest fare labels and brand. */
:root{--experience-navy:#071124;--experience-pink:#f02ca3;--experience-cyan:#2ee8e1}
.hero{min-height:100svh;background-color:#071124}
.hero-video{filter:saturate(1.2) contrast(1.05) brightness(1.07)}
.veil{background:linear-gradient(90deg,rgba(3,8,25,.95) 0%,rgba(5,10,27,.76) 34%,rgba(5,10,27,.29) 72%),linear-gradient(0deg,rgba(3,8,24,.94),transparent 45%,rgba(3,8,24,.3))}
.aurora-one{opacity:.29}.aurora-two{opacity:.22}
.nav{width:min(1360px,calc(100% - 64px));border-color:rgba(255,255,255,.17)}
.nav nav a{font-weight:600}.nav nav a:hover{color:#6bf7f0}
.hero-content{width:min(1360px,calc(100% - 64px));padding-top:clamp(44px,7vh,92px);padding-bottom:58px}
.copy{max-width:800px}.copy h1{font-size:clamp(46px,5.2vw,78px);line-height:1.055}
.copy h1 em{background-image:linear-gradient(100deg,#ff63bd 3%,#f5a4df 46%,#61f5ec 98%)}
.copy>p{max-width:680px;font-size:clamp(16px,1.5vw,19px);text-shadow:0 1px 10px rgba(0,0,0,.2)}
.eyebrow{color:#8efbf4;letter-spacing:.22em}.trust{gap:16px;flex-wrap:wrap;margin-top:22px}
.trust b{font-size:13px}.trust i{opacity:.8}
.search-card{max-width:100%;border:1px solid rgba(83,211,230,.33);background:linear-gradient(115deg,rgba(6,17,37,.95),rgba(6,16,34,.91));box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 55px rgba(46,232,225,.035)}
.trip-tabs button.active{color:#fff}
.fields label,.traveler-trigger{min-height:76px!important}
.search{background:linear-gradient(115deg,#ff239d,#bd36de);min-height:51px}
.route-strip button{background:rgba(6,13,33,.78);border-color:rgba(255,255,255,.2)}
.experience-benefits{position:relative;z-index:2;background:linear-gradient(180deg,#070d20,#09162b);padding:22px 0 40px}
.experience-grid{width:min(1360px,calc(100% - 64px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.experience-tile{display:flex;align-items:center;gap:15px;min-height:110px;padding:18px;border:1px solid rgba(129,175,212,.23);border-radius:17px;background:linear-gradient(125deg,rgba(26,41,72,.84),rgba(13,25,51,.88));color:#fff;text-decoration:none;transition:transform .2s,border-color .2s}
.experience-tile:hover{transform:translateY(-4px);border-color:rgba(46,232,225,.55)}
.experience-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#e9a0ff,#71d8ff);color:#09132a;font-size:29px;font-weight:800}
.experience-tile:nth-child(2) .experience-icon{background:linear-gradient(135deg,#b88cff,#75f1ee)}
.experience-tile:nth-child(3) .experience-icon{background:linear-gradient(135deg,#82dfff,#d4a3ff)}
.experience-tile:nth-child(4) .experience-icon{background:linear-gradient(135deg,#ffad81,#ff5caa)}
.experience-tile strong{display:block;font:800 15px Manrope,sans-serif;line-height:1.3;margin-bottom:5px}
.experience-tile small{display:block;color:#b6c8dd;font-size:12px;line-height:1.5}
.destinations{background:linear-gradient(180deg,#080f22,#071328)}
.destinations .section-heading h2{font-size:clamp(38px,4.5vw,60px)}
.destination-grid article{min-height:315px;border-color:rgba(143,187,215,.28);box-shadow:0 12px 35px rgba(0,0,0,.25)}
.destination-grid article:hover{box-shadow:0 24px 55px rgba(0,0,0,.38)}
.destination-grid article h3{font-size:27px}
.destination-grid article p b{color:#7afbf0}
.video-showcase{background:#071328}
.farelovers-video-feature{background:linear-gradient(115deg,#12213d,#07152b)}
@media(min-width:1200px){.hero-content{padding-top:64px}.copy h1{max-width:800px}.search-card{margin-top:5px}}
@media(max-width:1050px){.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.nav,.hero-content,.experience-grid{width:min(100% - 36px,1360px)}.hero-content{padding-top:45px}.veil{background:linear-gradient(90deg,rgba(3,8,25,.93),rgba(5,10,27,.51)),linear-gradient(0deg,#071124,transparent)}}
@media(max-width:640px){.nav,.hero-content,.experience-grid{width:calc(100% - 28px)}.copy h1{font-size:clamp(39px,9vw,52px)}.hero-content{padding-top:27px}.experience-grid{grid-template-columns:1fr;gap:10px}.experience-tile{min-height:88px}.hero-video{filter:saturate(1.12) brightness(.95)}.fields label,.traveler-trigger{min-height:64px!important}.search-card{padding:13px}.trust{gap:9px 13px}.trust b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.experience-tile{transition:none}}
