/* One shared design: preserve every section and photo on smaller screens. */
@media (max-width: 1050px) {
  body > header {height:82px;min-height:82px;padding:8px 5%;gap:20px;flex-wrap:nowrap;justify-content:space-between}
  body > header .brand {min-width:0;flex:0 1 auto}
  body > header .brand img {width:150px;max-width:100%;height:66px;object-fit:contain}
  body > header .menu {display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;min-width:72px;padding:8px 0;font-size:17px;flex-shrink:0}
  body > header nav {display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100svh - 82px);height:auto;overflow-y:auto;overscroll-behavior:contain;padding:16px 6% 24px;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:6px;background:#050505 url('assets/menu-gold-glitter-optimized.webp') center/cover;border-bottom:1px solid #94702c;box-shadow:0 12px 25px #0007}
  body > header nav.open {display:flex}
  body > header nav > a {font-size:18px;min-height:46px;white-space:normal;padding:10px 12px;background:#030303d9;color:#e8cb8c;-webkit-text-fill-color:#e8cb8c}
  body > header nav .care-menu {border-color:#bd9446}
  body > header nav a.request-wing-button {width:240px;max-width:100%;padding:0;margin:8px 0;background:transparent;align-self:flex-start}
}

@media (max-width: 900px) {
  #aquarius-page .choices, #aquarius-page .details {grid-template-columns:minmax(0,1fr)}
  #aquarius-page .choice {min-width:0}
}

@media (max-width: 760px) {
  html {scroll-padding-top:24px}
  main > section, .service-copy, .intro-grid > *, .interior-details > *, .principles > * {min-width:0}
  .wrap {padding:52px 6%}
  h2 {font-size:clamp(30px,8.2vw,38px);line-height:1.2;letter-spacing:-.035em;overflow-wrap:break-word}
  .eyebrow {font-size:12px;letter-spacing:.12em;overflow-wrap:break-word}
  .hero .hero-image {height:auto;width:100%;object-fit:contain}
  .hero .hero-content {padding:36px 6% 30px}
  .hero-content h1 {font-size:clamp(30px,8.5vw,42px);line-height:1.16;letter-spacing:-.035em}
  .hero .hero-bottom {margin:0 6%;gap:16px;flex-wrap:wrap;align-items:center}
  .hero-bottom > span {font-size:12px;line-height:1.6;max-width:100%}
  .hero-bottom a, .text-link {min-height:44px;display:inline-flex;align-items:center;gap:12px}
  .text-link span {margin-left:8px}
  .aviation-availability .availability-headline {font-size:clamp(23px,6.2vw,28px)}
  .aviation-availability .availability-headline span, .aviation-availability .availability-headline em {white-space:normal}

  /* Keep the cabin visible below the introduction instead of enlarging a narrow crop. */
  #introduction {min-height:0;padding:52px 6% calc(60vw + 24px)}
  #introduction:before {background-position:center bottom;background-size:100% auto;background-repeat:no-repeat}
  #introduction:after {background:linear-gradient(180deg,#0009 0%,#0007 55%,transparent 80%)}
  #introduction .intro-grid {grid-template-columns:minmax(0,1fr);gap:8px}

  .service-section {display:flex;flex-direction:column;min-height:0}
  .service-section .service-image {height:auto;min-height:0;flex:none;order:0}
  .service-section .service-image img {position:relative;inset:auto;width:100%;height:auto;object-fit:contain}
  .service-section .service-copy {order:1;padding:44px 6% 48px}
  .service-section .image-caption {padding:44px 6% 18px;font-size:11px;letter-spacing:.1em}
  .service-copy > p:not(.eyebrow), .services li {font-size:16px}
  #aircraft .service-copy {background-position:center bottom}
  #hangar .service-copy {background-position:right center}
  .interior-heading {padding-bottom:30px}
  .fragrance-photo {margin:0}
  .fragrance-photo img {width:100%;height:auto}
  .interior-details {grid-template-columns:minmax(0,1fr);gap:34px;padding-top:34px;padding-bottom:48px}
  .fragrance-list li {gap:16px}
  .fragrance-list strong {font-size:20px;overflow-wrap:break-word}

  /* Show the wash photograph once in full, followed by the same three photo cards. */
  #care-programs {min-height:0}
  #care-programs > .care-section-photo {inset:0 0 auto;height:auto;aspect-ratio:1672/941;object-fit:contain;object-position:center}
  #care-programs > .care-section-shade {background:linear-gradient(180deg,transparent calc(56.28vw - 70px),#080808 calc(56.28vw + 6px))}
  #care-programs > .wrap {padding:calc(56.28vw + 24px) 6% 52px}
  #care-programs .care-seal {padding:16px;margin:24px 0 36px;font-size:16px}
  #care-programs .care-grid {grid-template-columns:minmax(0,1fr);gap:32px}
  #care-programs .care-grid article {min-width:0;min-height:440px;padding:26px 22px}
  #care-programs .care-grid article .eyebrow {font-size:12px;letter-spacing:.08em;margin-bottom:100px}
  #care-programs .care-grid article h3 {font-size:28px}
  #care-programs .care-grid article p:not(.eyebrow) {font-size:16px;line-height:1.65}
  #care-programs .care-grid .best {left:20px;max-width:calc(100% - 40px);font-size:12px;letter-spacing:.08em}
  .partner.wrap {padding:52px 6%;background-position:center}
  .principles {grid-template-columns:minmax(0,1fr);gap:28px;margin-top:32px}
  .fleet-showcase.operations-scene {width:100%;min-height:0;aspect-ratio:1672/941}
  .fleet-showcase .operations-photo > img {width:100%;height:100%;object-fit:contain}
  .coverage .wrap {padding:52px 6%}
  .airports {grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
  .airports > div {padding-right:0;min-width:0}
  .airports p {overflow-wrap:break-word}

  #contact.contact {padding:44px 4%;gap:24px}
  #contact .contact-heading :is(h1,h2) {font-size:clamp(30px,8.2vw,38px)}
  #contact .contact-aircraft-scene {width:100%;aspect-ratio:1661/947}
  #contact h2.contact-photo-headline {font-size:clamp(18px,5.5vw,42px);line-height:1.2;bottom:5%;left:3%;right:3%}
  #contact .aircraft-light.landing {width:4px;height:4px;box-shadow:0 0 5px 2px #fff4ce,0 0 12px 5px #ffdb8477}
  #contact .aircraft-light.wing-left, #contact .aircraft-light.wing-right {width:3px;height:3px;box-shadow:0 0 4px 2px #fff,0 0 10px 4px #f1f4ff99}
  #contact .contact-form-panel {min-width:0}
  #contact .form-grid input, #contact .form-grid select, #contact .form-grid textarea {max-width:100%;font-size:16px}
  #contact .form-grid input[type=date] {min-width:0;max-width:100%;-webkit-appearance:none;appearance:none}
  #contact .contact-form-panel .button {white-space:normal}
  :is(.lux-footer,#aquarius-page .lux-footer) .lux-badge-copy {overflow-wrap:anywhere}
  :is(.lux-footer,#aquarius-page .lux-footer) .lux-service-links a {min-height:44px;display:flex;align-items:center}
  #aquarius-page .hero {margin:0 0 28px;padding:36px 6% 28px}
  #aquarius-page .hero h1 {font-size:clamp(32px,8.5vw,46px);overflow-wrap:break-word}
  #aquarius-page .top, #aquarius-page .jump-links {min-width:0}
  #aquarius-page .jump-links a {min-height:44px}
}

@media (max-width: 380px) {
  #contact .contact-form-panel {padding:20px 12px}
  #contact .contact-form-panel .button {padding:12px}
}