:root {
  --navy: #071b2a;
  --navy-2: #0b2937;
  --ink: #10212a;
  --ivory: #f3efe6;
  --paper: #faf8f2;
  --blue: #b9dcea;
  --teal: #65afa0;
  --yellow: #f3c443;
  --line: rgba(16,33,42,.18);
  --container: min(1280px, calc(100vw - 96px));
  --ease: cubic-bezier(.22,1,.36,1);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; background: var(--navy); }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; top: 10px; left: 10px; transform: translateY(-150%); padding: 12px 16px; background: var(--yellow); color: var(--navy); font-weight: 700; }
.skip-link:focus { transform: none; }

.opening-frame { position: relative; isolation: isolate; width: 100%; height: 100vh; height: 100dvh; min-height: 0; overflow: hidden; color: white; background: var(--navy); }
.hero-media, .hero-media img, .hero-scrim { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-media { z-index: -3; overflow: hidden; }
.hero-media img { object-fit: cover; object-position: center; transform: scale(1.025); transition: transform 1.2s var(--ease); }
.hero-scrim { z-index: -2; background: linear-gradient(90deg, rgba(3,18,29,.96) 0%, rgba(4,22,33,.82) 28%, rgba(5,25,38,.34) 56%, rgba(5,20,30,.12) 100%), linear-gradient(0deg, rgba(3,18,29,.9) 0%, transparent 34%); }
.road-lines { position: absolute; z-index: -1; inset: 0; pointer-events: none; overflow: hidden; opacity: .34; mix-blend-mode: screen; }
.road-lines i { position: absolute; left: 46%; top: 62%; width: 42vw; height: 1px; background: linear-gradient(90deg, transparent, rgba(185,220,234,.8), transparent); transform: rotate(-4deg); animation: roadSweep 5s linear infinite; }
.road-lines i:nth-child(2) { top: 71%; animation-delay: -1.7s; width: 28vw; }
.road-lines i:nth-child(3) { top: 80%; animation-delay: -3.2s; width: 54vw; }
@keyframes roadSweep { 0% { transform: translateX(-40vw) rotate(-4deg); opacity: 0; } 20%,70% { opacity: .7; } 100% { transform: translateX(70vw) rotate(-4deg); opacity: 0; } }

.nav { position: relative; z-index: 10; display: flex; align-items: center; justify-content: space-between; width: var(--container); height: 92px; margin: 0 auto; border-bottom: 1px solid rgba(255,255,255,.2); }
.wordmark { display: inline-flex; align-items: center; gap: 12px; color: white; font-size: 12px; font-weight: 700; letter-spacing: .18em; line-height: 1.1; }
.wordmark small { display: block; margin-top: 4px; color: rgba(255,255,255,.82); font-size: 12px; line-height: 1.35; letter-spacing: .18em; }
.mark { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; font-family: Georgia, serif; font-size: 22px; font-style: italic; font-weight: 400; letter-spacing: 0; }
.nav-links { display: flex; align-items: center; gap: 36px; font-size: 12px; font-weight: 600; letter-spacing: .08em; }
.nav-links > a:not(.nav-call) { position: relative; padding: 14px 0; color: rgba(255,255,255,.82); }
.nav-links > a:not(.nav-call)::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 7px; height: 1px; background: var(--blue); transition: right .35s var(--ease); }
.nav-links > a:hover::after, .nav-links > a:focus-visible::after { right: 0; }
.nav-call { display: inline-flex; align-items: center; gap: 22px; min-height: 46px; padding: 0 18px; border: 1px solid rgba(255,255,255,.38); transition: color .25s, background .25s; }
.nav-call:hover, .nav-call:focus-visible { color: var(--navy); background: white; }
.menu-toggle { display: none; }

.hero-copy { position: absolute; z-index: 2; left: max(48px, calc((100vw - min(1280px, calc(100vw - 96px))) / 2)); top: 50%; width: min(630px, 46vw); transform: translateY(-44%); }
.location-line, .kicker { margin: 0 0 24px; font-size: 12px; line-height: 1.45; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.location-line { display: flex; align-items: center; gap: 12px; color: var(--blue); }
.location-line span { width: 38px; height: 1px; background: var(--yellow); }
h1, h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.045em; }
h1 { max-width: 720px; font-size: clamp(54px, min(6.4vw, 10.5vh), 108px); line-height: .91; text-wrap: balance; }
.hero-lead { max-width: 520px; margin: 30px 0 0; color: rgba(255,255,255,.82); font-size: clamp(15px, 1.1vw, 18px); line-height: 1.65; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 34px; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 54px; padding: 0 22px; border: 1px solid transparent; font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; transition: transform .25s var(--ease), background .25s, color .25s; }
.button span, .text-link span, .service-row a span { transition: transform .25s var(--ease); }
.button:hover, .button:focus-visible { transform: translateY(-2px); }
.button:hover span, .button:focus-visible span, .text-link:hover span, .service-row a:hover span { transform: translate(3px,-3px); }
.button-primary { color: var(--navy); background: var(--yellow); }
.button-primary:hover, .button-primary:focus-visible { background: #ffd35b; }
.text-link { display: inline-flex; gap: 15px; min-height: 44px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.45); color: white; font-size: 12px; font-weight: 700; letter-spacing: .05em; }
.hero-facts { position: absolute; z-index: 2; right: max(48px, calc((100vw - min(1280px, calc(100vw - 96px))) / 2)); bottom: 30px; left: max(48px, calc((100vw - min(1280px, calc(100vw - 96px))) / 2)); display: grid; grid-template-columns: repeat(3, minmax(160px, 1fr)); gap: 0; width: min(660px, calc(100% - 96px)); border-top: 1px solid rgba(255,255,255,.3); }
.hero-facts p { margin: 0; padding: 17px 28px 0 0; }
.hero-facts small { display: block; margin-bottom: 6px; color: var(--blue); font-size: 12px; line-height: 1.35; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.hero-facts strong { font-family: Georgia, serif; font-size: 15px; font-weight: 400; }

.section-pad { padding: 130px max(48px, calc((100vw - 1280px) / 2)); }
.section-head { display: grid; grid-template-columns: 1.2fr .8fr; column-gap: 10vw; align-items: end; }
.section-head .kicker { grid-column: 1/-1; }
.kicker { color: #3b6269; }
h2 { font-size: clamp(46px, 5.4vw, 82px); line-height: .98; text-wrap: balance; }
.section-head > p:last-child { max-width: 510px; margin: 0 0 8px; color: #4b5d64; font-size: 17px; line-height: 1.75; }
.service-list { margin-top: 100px; border-top: 1px solid var(--line); }
.service-row { display: grid; grid-template-columns: 70px .8fr 1.2fr 90px; gap: 30px; align-items: center; min-height: 170px; border-bottom: 1px solid var(--line); }
.service-icon { color: var(--teal); font-family: Georgia, serif; font-size: 30px; }
.service-row h3 { margin: 0; font-family: Georgia, serif; font-size: 31px; font-weight: 400; }
.service-row p { max-width: 520px; margin: 0; color: #53636a; font-size: 15px; line-height: 1.7; }
.service-row a { display: flex; justify-content: space-between; min-height: 44px; align-items: center; border-bottom: 1px solid var(--ink); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.airport-story { display: grid; grid-template-columns: 1.25fr .75fr; min-height: 760px; background: var(--ivory); }
.airport-image { overflow: hidden; min-height: 660px; }
.airport-image img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); }
.airport-copy { display: flex; flex-direction: column; justify-content: center; padding: 80px clamp(42px, 6vw, 100px); background: var(--blue); }
.airport-copy .kicker { color: #294f58; }
.airport-copy h2 { font-size: clamp(48px, 4.6vw, 70px); }
.airport-copy > p:not(.kicker) { margin: 34px 0; color: #36515a; font-size: 16px; line-height: 1.7; }
.airport-copy ul { padding: 0; margin: 0 0 38px; list-style: none; border-top: 1px solid rgba(7,27,42,.25); }
.airport-copy li { padding: 17px 0; border-bottom: 1px solid rgba(7,27,42,.25); font-size: 14px; }
.airport-copy li span { display: inline-block; width: 42px; color: #294f58; font-size: 12px; line-height: 1.35; font-weight: 800; }
.button-dark { align-self: flex-start; color: white; background: var(--navy); }
.button-dark:hover, .button-dark:focus-visible { background: #123949; }

.experience { background: var(--paper); }
.experience-title { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 70px; }
.experience-title .kicker { align-self: flex-start; margin-right: 60px; }
.experience-grid { display: grid; grid-template-columns: 1.2fr .8fr; grid-template-rows: auto auto; gap: 52px 70px; }
.experience-grid figure { margin: 0; overflow: hidden; }
.experience-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease); }
.experience-grid figure:hover img { transform: scale(1.025); }
.experience-large { grid-row: 1/3; min-height: 720px; }
.experience-large img { min-height: 660px; }
.experience-large figcaption { padding-top: 14px; color: #68777c; font-size: 12px; }
.experience-copy { align-self: center; }
.quote { margin: 0 0 50px; font-family: Georgia, serif; font-size: clamp(28px, 2.4vw, 38px); line-height: 1.25; }
.detail-line { display: grid; grid-template-columns: 110px 1fr; gap: 20px; padding: 18px 0; border-top: 1px solid var(--line); }
.detail-line span { color: #3b6269; font-size: 12px; line-height: 1.4; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.detail-line p { margin: 0; color: #45585f; font-size: 15px; line-height: 1.6; }
.experience-small { max-height: 330px; }

.driver-band { position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 70px; align-items: center; min-height: 560px; padding: 80px max(48px, calc((100vw - 1280px) / 2)); color: white; background: var(--navy); }
.driver-number { position: absolute; left: -2vw; bottom: -22vw; color: rgba(101,175,160,.1); font-family: Georgia, serif; font-size: 52vw; line-height: 1; }
.driver-copy { position: relative; z-index: 1; grid-column: 2; }
.driver-copy .kicker { color: #8cd7c8; }
.driver-copy p:last-child { max-width: 570px; margin: 34px 0 0; color: rgba(255,255,255,.7); font-size: 17px; line-height: 1.7; }
.driver-note { position: relative; z-index: 1; align-self: end; border-top: 1px solid rgba(255,255,255,.25); padding-top: 20px; }
.driver-note span { color: var(--yellow); font-size: 12px; line-height: 1.4; font-weight: 800; letter-spacing: .14em; }
.driver-note p { margin: 12px 0 0; color: rgba(255,255,255,.82); font-size: 14px; line-height: 1.65; }

.booking { display: grid; grid-template-columns: 1fr .8fr; gap: 10vw; background: var(--ivory); }
.booking-panel { align-self: center; padding: 36px; border: 1px solid var(--line); background: rgba(255,255,255,.35); }
.booking-panel > p { margin: 0 0 24px; color: #526269; font-size: 14px; }
.booking-panel ol { padding: 0; margin: 0; list-style: none; border-top: 1px solid var(--line); }
.booking-panel li { display: grid; grid-template-columns: 90px 1fr; padding: 17px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.booking-panel li span { color: #3b6269; font-size: 12px; line-height: 1.4; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.booking-phone { display: grid; grid-template-columns: 1fr auto; align-items: center; margin-top: 34px; padding: 24px; color: white; background: var(--navy); }
.booking-phone small { color: var(--blue); font-size: 12px; line-height: 1.4; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.booking-phone strong { grid-row: 2; font-family: Georgia, serif; font-size: 35px; font-weight: 400; }
.booking-phone > span { grid-column: 2; grid-row: 1/3; color: var(--yellow); font-size: 22px; }
.booking-pending strong { margin-top: 6px; font-size: clamp(24px, 2.1vw, 32px); }

footer { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; min-height: 160px; padding: 30px max(48px, calc((100vw - 1280px) / 2)); color: white; background: #04121c; }
.footer-mark { justify-self: start; }
footer > p { margin: 0; color: rgba(255,255,255,.76); font-size: 12px; line-height: 1.5; letter-spacing: .05em; }
.copyright { justify-self: end; }
.mobile-bar { display: none; }

.reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s var(--ease), transform .8s var(--ease); }
.reveal.is-visible { opacity: 1; transform: none; }
:focus-visible { outline: 3px solid var(--yellow); outline-offset: 4px; }

@media (max-width: 900px) {
  :root { --container: calc(100vw - 48px); }
  .nav { height: 76px; }
  .menu-toggle { display: grid; gap: 5px; place-content: center; width: 48px; height: 48px; border: 0; color: white; background: transparent; }
  .menu-toggle span { width: 25px; height: 1px; background: currentColor; transition: transform .3s, opacity .3s; }
  .menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
  .nav-links { position: fixed; inset: 0; z-index: -1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 8px; padding: 110px 34px 60px; visibility: hidden; opacity: 0; background: rgba(4,18,28,.98); transition: opacity .3s, visibility .3s; }
  .nav-links.is-open { visibility: visible; opacity: 1; }
  .nav-links > a:not(.nav-call) { font-family: Georgia, serif; font-size: 36px; font-weight: 400; letter-spacing: -.02em; }
  .nav-call { margin-top: 24px; }
  .hero-copy { left: 24px; width: calc(100% - 48px); }
  .hero-facts { left: 24px; right: 24px; width: calc(100% - 48px); }
  .section-pad { padding: 96px 32px; }
  .section-head { grid-template-columns: 1fr; gap: 35px; }
  .section-head .kicker { grid-column: auto; }
  .service-list { margin-top: 70px; }
  .service-row { grid-template-columns: 48px 1fr 80px; padding: 28px 0; }
  .service-row p { grid-column: 2/4; }
  .airport-story { grid-template-columns: 1fr; }
  .airport-image { min-height: 520px; }
  .airport-copy { padding: 80px 48px; }
  .experience-title { display: block; }
  .experience-title .kicker { margin-right: 0; }
  .experience-grid { grid-template-columns: 1fr; gap: 50px; }
  .experience-large { grid-row: auto; min-height: auto; }
  .experience-large img { min-height: 500px; }
  .experience-small { max-height: 500px; }
  .driver-band { grid-template-columns: .35fr 1.65fr; gap: 30px; padding: 80px 32px; }
  .driver-copy { grid-column: 2; }
  .driver-note { grid-column: 2; }
  .booking { grid-template-columns: 1fr; gap: 60px; }
  footer { grid-template-columns: 1fr; justify-items: start; padding: 50px 32px 110px; }
  .copyright { justify-self: start; }
}

@media (max-width: 640px) {
  :root { --container: calc(100vw - 40px); }
  .opening-frame { height: 100vh; height: 100dvh; }
  .hero-media img { object-position: center 56%; transform: scale(1.01); }
  .hero-scrim { background: linear-gradient(180deg, rgba(4,18,28,.92) 0%, rgba(4,18,28,.63) 44%, rgba(4,18,28,.25) 66%, rgba(4,18,28,.96) 100%); }
  .wordmark .mark { width: 38px; height: 38px; }
  .hero-copy { top: 44%; transform: translateY(-50%); }
  .location-line { margin-bottom: 20px; }
  h1 { font-size: clamp(48px, min(15.2vw, 9.2vh), 68px); line-height: .94; }
  .hero-lead { max-width: 340px; margin-top: 22px; font-size: 15px; line-height: 1.55; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 10px; margin-top: 24px; }
  .button { min-height: 50px; }
  .text-link { display: none; }
  .hero-facts { bottom: 18px; grid-template-columns: 1fr 1fr; gap: 16px; }
  .hero-facts p { padding: 12px 0 0; }
  .hero-facts p:nth-child(3) { display: none; }
  .hero-facts strong { font-size: 13px; }
  .section-pad { padding: 82px 20px; }
  h2 { font-size: clamp(42px, 13.2vw, 58px); }
  .section-head > p:last-child { font-size: 15px; }
  .service-list { margin-top: 55px; }
  .service-row { grid-template-columns: 38px 1fr; gap: 14px; }
  .service-row h3 { font-size: 26px; }
  .service-row p, .service-row a { grid-column: 2; }
  .service-row a { width: 110px; }
  .airport-image { min-height: 360px; }
  .airport-copy { padding: 70px 20px; }
  .airport-copy h2 { font-size: 47px; }
  .experience-title { margin-bottom: 45px; }
  .experience-grid { gap: 40px; }
  .experience-large img { min-height: 390px; }
  .detail-line { grid-template-columns: 90px 1fr; }
  .experience-small { max-height: 300px; }
  .driver-band { grid-template-columns: 1fr; min-height: 620px; padding: 80px 20px; }
  .driver-number { bottom: -19vw; font-size: 100vw; }
  .driver-copy, .driver-note { grid-column: 1; margin-left: 19vw; }
  .driver-copy h2 { font-size: 46px; }
  .booking { gap: 46px; }
  .booking-panel { padding: 24px 18px; }
  .booking-phone { padding: 20px; }
  .booking-phone strong { font-size: 31px; }
  .mobile-bar { position: fixed; z-index: 50; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); left: 12px; display: block; padding: 5px; border: 1px solid rgba(255,255,255,.18); opacity: 0; pointer-events: none; transform: translateY(calc(100% + 24px)); background: rgba(7,27,42,.92); backdrop-filter: blur(12px); box-shadow: 0 12px 32px rgba(0,0,0,.28); transition: opacity .35s, transform .55s var(--ease); }
  .mobile-bar.is-visible { opacity: 1; pointer-events: auto; transform: none; }
  .mobile-bar a { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 0 18px; color: var(--navy); background: var(--yellow); }
  .mobile-bar span { font-size: 12px; line-height: 1.4; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
  .mobile-bar strong { font-family: Georgia, serif; font-size: 21px; font-weight: 400; }
}

@media (max-height: 720px) and (min-width: 641px) {
  .nav { height: 70px; }
  .hero-copy { transform: translateY(-48%); }
  h1 { font-size: min(5.4vw, 9.5vh); }
  .hero-lead { margin-top: 18px; line-height: 1.5; }
  .hero-actions { margin-top: 20px; }
  .hero-facts { bottom: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .hero-media img, .airport-image img { transform: none !important; }
  .reveal { opacity: 1; transform: none; }
}