/* Natural document flow on phones: content determines height, no pinned scene. */
@media(max-width:700px){
 body{font-variant-emoji:text}
 .mobile-decoration,.hero-scroll .scroll-circle,.field-arrow,.option-arrow,.destination-arrow,.footer-top>.round{display:none!important}
 .hero-flight-track,.hero-flight-track.cinematic-scene{height:auto;pointer-events:auto}
 .hero-flight-track .hero-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-content:center;height:auto;min-height:100svh;max-height:none;position:relative;top:auto;padding:100px 20px 32px;background:linear-gradient(160deg,#d4dde0,#e8edef 45%,#fafaf7);overflow:hidden}
 .hero-flight-track .hero-visual,.hero-flight-track .hero-layout{display:contents;clip-path:none;transform:none}
 .hero-flight-track .hero-atmosphere,.hero-cloud,.hero-horizon,.hero-grain,.hero-progress{display:none}
 .hero-flight-track .hero-wordmark,.hero-flight-track .hero-index,.hero-flight-track .hero-copy,.hero-flight-track .hero-base,.hero-flight-track .hero-scroll{position:static;inset:auto;width:100%;max-width:none;margin:0;padding:0;transform:none;opacity:1;clip-path:none;z-index:1}
 .hero-flight-track .hero-wordmark{grid-row:1;font-size:clamp(106px,32vw,150px);letter-spacing:-3px;line-height:1.12;overflow:visible}
 .hero-wordmark-ink,.hero-flight-track .hero-copy h1,.hero-flight-track .hero-base .pill{animation:none}
 .hero-flight-track .hero-index{grid-row:2;font:18px/29px Arial,sans-serif;letter-spacing:.4px}
 .hero-flight-track .hero-index span{display:inline}
 .hero-flight-track .hero-copy{grid-row:3;margin-top:12px}
 .hero-flight-track .hero-copy h1{font-size:clamp(32px,8.5vw,48px);font-weight:700;line-height:1.24;letter-spacing:-.7px;max-width:540px;text-wrap:balance;overflow-wrap:break-word}
 .hero-flight-track .hero-airspace{position:relative;inset:auto;grid-row:4;width:100%;height:auto;aspect-ratio:1696/960;margin:0;z-index:1}
 .hero-flight-track .jet-scene{position:absolute;inset:0;width:100%;height:100%;margin:0;transform:none}
 .hero-flight-track .jet-motion,.hero-flight-track .hero-jet{transform:none!important;animation:none!important;will-change:auto}
 .hero-flight-track .hero-base{grid-row:5}
 .hero-flight-track .hero-base .pill{display:flex;width:100%;max-width:420px;justify-content:center;text-align:center;white-space:normal;min-height:56px;padding:14px 20px}
 .hero-flight-track .hero-scroll{grid-row:6;justify-content:center;font-size:18px;line-height:29px;text-align:center;margin-top:4px}
 .hero-flight-track+.search-shell{margin-top:0;transform:none;will-change:auto}
 body.home .header{width:calc(100% - 40px);padding:20px 0}
 .wrap{width:calc(100% - 40px);min-width:0}
 .section-label{gap:8px;font-size:18px;line-height:29px;overflow-wrap:break-word}
 .search-intro h2,.discovery h2,.results h2,.how h2,.footer-top h2,.world-copy h2{font-size:clamp(32px,9vw,52px);font-weight:700;line-height:1.22;letter-spacing:-.8px;overflow-wrap:break-word;text-wrap:balance}
 .search-intro,.discovery-heading,.how-layout,.world-layout{gap:28px;min-width:0}
 .discovery-heading{display:flex;flex-direction:column;align-items:flex-start}
 .discovery-heading p,.search-intro p,.world-description{max-width:100%;font-size:18px;line-height:29px}
 .discovery,.world-section,.how{padding-block:56px}
 .search-section{padding-block:48px}
 .budget-form,.budget-results{grid-template-columns:minmax(0,1fr);gap:20px}
 .budget-dates-field,.budget-origin-field{grid-column:1/-1}
 .budget-field,.budget-field input,.budget-field select,.budget-date-trigger{min-width:0;max-width:100%;box-sizing:border-box}
 .budget-field input,.budget-field select,.budget-date-trigger{font-size:18px;line-height:29px;padding:16px 18px;min-height:64px}
 .budget-submit{width:100%;max-width:100%;justify-content:center;white-space:normal;text-align:center;padding:16px 18px}
 .budget-calendar{position:relative;inset:auto;width:100%;max-width:100%;max-height:75dvh;overflow:auto;overscroll-behavior:contain;padding:16px 8px;box-sizing:border-box}
 .budget-calendar-pair{grid-template-columns:minmax(0,1fr);gap:24px}
 .budget-calendar-top{flex-wrap:wrap;justify-content:flex-end}
 .budget-date-modes{flex:1 1 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:24px}
 .budget-date-modes button{padding:10px 4px;white-space:normal}
 .budget-weekday{font-size:18px;letter-spacing:-.8px}
 .budget-day-grid{gap:6px 0}
 #budget-calendar-months{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #budget-calendar-months .budget-month-choice{padding:12px 4px}
 .budget-calendar-foot{flex-wrap:wrap;gap:8px}.budget-calendar-foot button{padding:10px 12px}
 .budget-airports{width:100%;max-width:100%;box-sizing:border-box}
 .budget-hotel-option>label{align-items:flex-start}.budget-hotel-option input[type=checkbox]{margin-top:4px}
 .budget-result{padding:20px}.budget-result h3,.steps h3{font-size:26px;line-height:1.3}
 .budget-price{font-size:42px}.budget-hotel-list h4{overflow-wrap:anywhere}
 .budget-pagination{flex-wrap:wrap;gap:12px}.budget-pagination>span{order:-1;flex-basis:100%;text-align:center}
 .budget-pagination .pill{flex:1;justify-content:center;padding:12px}
 .steps article>div,.footer-top>div,.world-copy{min-width:0}
 .footer-links{flex-direction:column;align-items:flex-start;gap:20px}
 .footer-wordmark{line-height:1.12;margin:36px 0 24px}
 .footer-bottom{font-size:18px;line-height:29px;overflow-wrap:anywhere}
 .navigation-dialog nav a{font-size:clamp(24px,6.8vw,34px);line-height:1.4;overflow-wrap:break-word}
 .navigation-dialog nav a .mobile-decoration{display:none}
 .picker-dialog{padding:24px 16px;max-height:90dvh;overflow:auto}
 .picker-dialog h2{font-size:32px;line-height:1.25;overflow-wrap:break-word}
 .world-art-foot{flex-wrap:wrap;justify-content:center;text-align:center;gap:16px}
}
@media(max-width:700px){.pill>span:has(>.mobile-decoration){display:none}.hero-flight-track .hero-scroll>span:first-child{max-width:100%}}