/* Mobile art direction: one continuous photograph behind the live text. */
@media(max-width:760px){
 .site-header{height:64px;padding:0 5%;gap:8px}
 .header-actions{gap:8px}.header-actions>.button{display:inline-flex;padding:10px 12px;font-size:10px;min-height:40px;white-space:nowrap}
 .header-actions>.language{display:none}.brand{gap:7px}.brand strong{font-size:20px}.brand svg{width:25px}.brand small{font-size:7px}
 .menu-button{color:#8d6e37;appearance:none;-webkit-appearance:none;min-width:36px;min-height:44px;padding:4px;line-height:1}
 .nav{top:64px}
 .hero{isolation:isolate;min-height:clamp(510px,140vw,680px);background-image:url('hero-mobile-sunset.webp');background-size:cover;background-position:center bottom;background-color:#eec4a3}
 .hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,246,232,.65) 0%,rgba(255,243,224,.38) 32%,rgba(255,238,214,.05) 57%,transparent 70%);pointer-events:none}
 .hero .wrap{padding:27px 0 220px;position:relative;z-index:1}
 .hero-copy{max-width:100%;background:none;padding:0}.hero-copy:after{display:none}
 .hero h1{font-size:clamp(42px,11.8vw,62px);line-height:1.02;letter-spacing:-1.5px;margin:0 0 15px;max-width:100%}
 .hero .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:14px;color:#30271f}
 .hero .line{margin:14px 0;width:38px;background:#8b652e}
 .hero .lead{font-size:12px;line-height:1.65;max-width:310px;color:#30271f;font-weight:500;margin-bottom:0}
 .flight-form{margin-top:-22px}
 .field input,.brief-fields input,.brief-fields textarea,.route-search input{font-size:16px!important}
 .cookie-banner{width:calc(100% - 24px);left:12px;transform:none;bottom:max(12px,env(safe-area-inset-bottom));padding:13px 14px;border-radius:10px;box-shadow:0 6px 28px #30251420;max-height:45svh;overflow:auto}
 .cookie-banner strong{font-size:18px;line-height:1.2;display:block}
 .cookie-banner p{font-size:11px;line-height:1.45;margin:6px 0 0}
 .cookie-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:10px}
 .cookie-actions .button{font-size:10px;line-height:1.35;padding:9px 8px;min-height:40px;gap:0}
 .range-feature>img{height:auto;aspect-ratio:1.7;object-fit:cover}
}
@media(max-width:350px){.brand strong{font-size:18px}.brand svg{width:20px}.header-actions>.button{padding:8px;font-size:9px}.hero .eyebrow{letter-spacing:1.4px}.hero .lead{font-size:11px;max-width:270px}}

.flight-form .place-panel{display:block}.flight-form .place-panel[hidden]{display:none!important}
/* Keep the complete route planner inside the first mobile viewport. */
@media(max-width:760px){
 .hero{min-height:0;height:clamp(280px,44svh,340px);background-size:cover;background-position:center bottom}
 .hero .wrap{padding:18px 0 0}.hero h1{font-size:38px;line-height:1;max-width:250px;margin-bottom:9px}.hero .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:10px}.hero .line{margin:10px 0}.hero .lead{font-size:11px;line-height:1.5;max-width:290px}.hero:before{background:linear-gradient(180deg,rgba(255,244,225,.87),rgba(255,242,221,.63) 37%,rgba(255,238,214,.06) 63%,transparent 80%)}
 .flight-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 18px;padding:12px 14px;margin-top:-18px}
 .flight-form .field{min-height:57px;padding:5px 0;gap:7px}.flight-form .field .icon{width:20px;height:20px}.flight-form .field label{font-size:10px}.flight-form .field input{padding:4px 0;font-size:16px}
 .flight-form .swap{top:28px;left:calc(50% - 13px);right:auto;width:26px;height:26px;transform:none;font-size:15px;padding:0;color:#8d6e37;z-index:2}
 .flight-form .guest-field{border:0;min-height:44px}.flight-form .guest-field .icon{display:none}.flight-form .count{gap:4px;max-width:95px}.flight-form .count button{color:#292820;min-width:27px;min-height:40px;padding:2px}.flight-form .count input{width:23px}
 .flight-form>.button{margin:0;min-height:44px;padding:10px;font-size:11px;gap:8px}.flight-form .form-note{grid-column:1/-1}
 .flight-form .place-panel{width:min(320px,calc(100vw - 70px));max-width:none;left:0;top:100%}.flight-form .field:has(#destination) .place-panel{left:auto;right:0}
}
@media(max-width:350px){.hero h1{font-size:34px}.hero .lead{font-size:10px;max-width:260px}.flight-form{gap:6px 14px;padding:10px}.flight-form .guest-field label{font-size:9px}}

@media(max-width:760px){.hero{background-image:url('hero-mobile-compact.webp')}.hero .wrap{padding-top:14px}.hero h1{font-size:34px}.hero .eyebrow{margin-bottom:8px}.hero .line{margin:8px 0}.hero .lead{font-size:10px;line-height:1.45;max-width:290px}}