/* H&R Executive Services (ridewithhr.com) | Editorial luxury refresh | 15 October 2026
   New visuals intentionally retain reference-image labels until the client's
   actual fleet photography is supplied. All dark areas opt into local tokens. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --obsidian: #f8f6f1;
  --panel: #f1ede6;
  --card: #ffffff;
  --card-2: #f8f6f1;
  --field: #ffffff;
  --ink: #252728;
  --ivory: #252728;
  --muted: #646a6d;
  --faint: #777b7e;
  --gold: #99723c;
  --gold-bright: #c6a574;
  --gold-deep: #896332;
  --gold-grad: linear-gradient(135deg,#dbc49c,#c7a46e 55%,#ad874d);
  --on-gold: #211e19;
  --line: rgba(40,43,45,.13);
  --line-strong: rgba(40,43,45,.2);
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: Manrope, ui-sans-serif, system-ui, sans-serif;
  --radius: 1.05rem;
  --shadow: 0 28px 65px rgba(34,35,33,.13);
}
body { background:#f8f6f1; color:#252728; line-height:1.7; }
h1,h2,h3 { font-weight:500; line-height:1.04; letter-spacing:-.025em; }
h2,h3 { text-wrap:balance; }
:focus-visible { outline:3px solid #ae8952; outline-offset:3px; }
::selection { color:#1d1b17; background:#ddc69e; }
.preview-ribbon { background:#efe4d1; color:#5d4c37; font-weight:600; letter-spacing:.035em; border-bottom:1px solid #e2d4bd; }
.site-header { background:rgba(253,251,247,.94); border-bottom:1px solid #ebe5dc; box-shadow:0 4px 20px rgba(31,29,25,.035); }
.site-header.scrolled { border-color:#ddd5c7; box-shadow:0 8px 28px rgba(31,29,25,.09); }
.brand-mark { color:#f6ecda; background:#26282a; width:3rem; height:3rem; border-color:#ab8856; }
.brand-copy strong { color:#26282a; font-size:1.35rem; }
.brand-copy small { color:#8b6b43; letter-spacing:.1em; }
.site-nav { background:rgba(253,251,247,.99); }
.site-nav a { color:#45484a; }
.site-nav a:hover { color:#1d1f20; }
.site-nav a[aria-current="page"] { color:#8b6633; }
.site-nav .nav-cta { color:#211e19; background:var(--gold-grad); box-shadow:0 8px 26px rgba(170,131,75,.15); }
.nav-toggle span:not(.sr-only) { background:#242528; }
.eyebrow { color:#926c38; font-size:.69rem; font-weight:800; letter-spacing:.16em; }
.button { min-height:3.2rem; font-weight:750; letter-spacing:.025em; box-shadow:none; }
.button-primary { color:#211e19; background:var(--gold-grad); box-shadow:0 12px 24px rgba(148,106,52,.16); }
.button-primary:hover { color:#211e19; box-shadow:0 16px 30px rgba(148,106,52,.23); }
.button-secondary { background:#27292a; color:#fff; }
.button-secondary:hover { background:#414342; color:#fff; }
.button-outline { color:#2b2d2e; border:1px solid #beb4a4; }
.button-outline:hover { background:#2b2d2e; border-color:#2b2d2e; color:white; }
.text-link { color:#6e5737; }
.hero { background:radial-gradient(circle at 80% 25%,rgba(215,196,164,.42),transparent 38%),linear-gradient(135deg,#fbfaf7 0%,#f5f0e7 100%); }
.hero::before { border-color:rgba(151,110,58,.14); }
.hero h1 { font-size:clamp(3.9rem,13vw,8.4rem); font-weight:500; letter-spacing:-.055em; line-height:.88; }
.hero h1 em { color:#94703e; }
.hero-intro { color:#596164; font-size:1.05rem; line-height:1.85; max-width:36rem; }
.hero-actions { gap:.75rem; }
.hero-whatsapp .text-link { color:#785d38; }
.trust-row { border-color:rgba(40,43,45,.15); }
.trust-row dt { color:#292b2a; }
.trust-row dd { color:#6b6f6e; }
.hero-visual { isolation:isolate; }
.sun-disc { opacity:.65; background:radial-gradient(circle at center,rgba(219,181,122,.44),rgba(219,181,122,0) 72%); }
.vehicle-frame { border:1px solid rgba(48,48,47,.12); border-radius:2rem; background:#e9e5de; box-shadow:0 28px 60px rgba(35,32,27,.17); }
.vehicle-frame img { filter:contrast(1.025) saturate(.92) brightness(1.02); }
.vehicle-frame::after { background:linear-gradient(to top,rgba(25,26,25,.35),transparent 30%); }
.vehicle-frame figcaption { background:rgba(25,27,29,.8); color:#fff; border-color:rgba(255,255,255,.16); font-size:.62rem; }
.route-card { background:rgba(36,38,40,.95); color:#faf7f0; border-color:rgba(255,255,255,.16); box-shadow:0 18px 36px rgba(22,22,22,.19); }
.route-card small { color:#d2c9bd; }
.marquee { color:#e1c495; background:#25282b; border-color:#25282b; }
.marquee i { color:#a88b60; }
.section { padding-block:clamp(4.5rem,7vw,7.5rem); }
.section-heading h2,.fleet-title h2,.approach h2,.enquiry h2 { font-size:clamp(3rem,7vw,5.2rem); }
.service-grid { gap:1.25rem; }
.service-card { padding:2.1rem; background:linear-gradient(155deg,#fff,#faf8f5); border-color:#ebe6dd; box-shadow:0 16px 40px rgba(31,28,22,.05); }
.service-card:hover { border-color:#c6af8a; box-shadow:0 22px 55px rgba(40,38,31,.1); }
.service-number { color:#947039; }
.service-icon { color:#86683c; background:#f4ead9; border:1px solid #ebdcc4; width:3.2rem; height:3.2rem; font-weight:600; }
.service-card h2,.service-card h3 { color:#28292a; font-size:2.2rem; line-height:1; }
.service-card p,.service-note { color:#616769; }
.service-card a { color:#866437; border-color:#a68759; }
.price-list li { color:#333738; }
.price-list strong { color:#816032; }
.price-list .price-extra strong { color:#816032; }
.service-note { color:#755e3f!important; }
.section-link { margin-top:2.7rem; }
.home-fleet,.page-cta,.island-band,.site-footer {
  --ivory:#f7f2e9; --ink:#f7f2e9;
  --muted:#c9c3ba; --faint:#aaa59b;
  --line:rgba(255,255,255,.16); --line-strong:rgba(255,255,255,.26);
  --gold:#c5a36e; --on-gold:#221e19;
}
.home-fleet { background:#25282b; color:#f7f2e9; }
.home-fleet h2,.page-cta h2,.island-band h2 { color:#f7f2e9; }
.home-fleet-copy>p:not(.eyebrow) { color:#c9c3ba; }
.home-fleet-image { border-color:rgba(255,255,255,.18); background:#353638; }
.home-fleet-image img { filter:contrast(1.035) saturate(.93) brightness(1.03); }
.home-fleet .button-outline,.site-footer .button-outline { color:#f9f5eb; border-color:#a39988; }
.home-fleet .button-outline:hover,.site-footer .button-outline:hover { color:#242528; background:#e0c496; }
.page-cta { background:#292b2c; color:#f8f4ed; }
.page-cta>div:last-child>p { color:#cbc4b8; }
.island-band { background:linear-gradient(135deg,#333537,#222526); color:#f7f2e9; }
.island-copy>p:not(.eyebrow):not(.coverage-note) { color:#d1c8ba; }
.page-hero { background:linear-gradient(125deg,#f8f6f0,#eee7db); border-color:#e4dcd0; min-height:27rem; }
.page-hero::after { background:radial-gradient(circle,rgba(182,148,92,.18),transparent 68%); }
.page-hero h1 { font-size:clamp(3.6rem,10.5vw,7.3rem); line-height:.92; }
.page-hero h1 em { color:#8f693a; }
.page-hero-copy>p:last-child,.page-hero-aside p { color:#626769; }
.page-hero-aside { border-color:#d2c7b7; }
.page-hero-aside span { color:#8b6839; }
.page-hero-services,.page-hero-about,.page-hero-enquire { background:linear-gradient(125deg,#f8f6f0,#eee7db); }
.page-hero-dark { 
  --ivory:#f9f5eb; --muted:#d3c9b8; --gold:#d0ae76;
  --line:rgba(255,255,255,.18);
  background:linear-gradient(125deg,#292c2d,#393b3b); color:#f9f5eb;
}
.page-hero-dark h1 { color:#fff9ee; }
.page-hero-dark .page-hero-copy>p:last-child,.page-hero-dark .page-hero-aside p { color:#d3c9b8; }
.fleet { background:#f8f6f1; color:#292b2b; }
.fleet .eyebrow { color:#906a38; }
.featured-vehicle { background:#fff; border-color:#e3dfd7; box-shadow:0 18px 48px rgba(35,33,29,.07); }
.vehicle-image-wrap { background:linear-gradient(155deg,#f5f1eb,#dfdad2); }
.vehicle-image-wrap img { filter:contrast(1.02) saturate(.95) brightness(1.07); }
.image-label { background:rgba(33,35,36,.87); color:white; border-color:rgba(255,255,255,.16); font-size:.66rem; }
.status-pill { color:#5b604f; border-color:#c8c3b4; }
.vehicle-year { color:#8c6535; }
.vehicle-details h2,.vehicle-details h3 { color:#27292a; }
.vehicle-details>p:not(.vehicle-year) { color:#616769; }
.vehicle-details li { border-color:#e8e2d8; }
.vehicle-details li span { color:#646a6c; }
.vehicle-details li strong { color:#2b2d2e; }
.fleet-note { background:#f0e9df; border-color:#e1d6c6; }
.fleet-note>p { color:#62676a; }
.fleet-options { background:#f0ece5; color:#272b2c; border-color:#e3dad0; }
.fleet-options li { border-color:#e1d9ce; }
.fleet-options li span { color:#686969; }
.fleet-gallery { gap:1.25rem; }
.fleet-gallery figure { background:#fff; border-color:#eae3d8; box-shadow:0 16px 36px rgba(32,31,28,.06); }
.fleet-gallery figure:hover { border-color:#bda174; box-shadow:0 22px 52px rgba(32,31,28,.12); }
.fleet-gallery .fg-img { background:linear-gradient(135deg,#faf9f7,#e8e5e0); aspect-ratio:16/10.5; }
.fleet-gallery .fg-img img { object-fit:cover; filter:contrast(1.025) saturate(.86) brightness(1.06); transition:transform .6s ease; }
.fleet-gallery figure:hover .fg-img img { transform:scale(1.025); }
.fleet-gallery .fg-tag { color:#fff; background:rgba(34,37,39,.82); border-color:rgba(255,255,255,.22); font-size:.6rem; }
.fleet-gallery figcaption { padding:1.35rem 1.4rem 1.5rem; }
.fleet-gallery figcaption strong { color:#252728; font-size:1.7rem; line-height:1; }
.fleet-gallery figcaption span { color:#697073; font-size:.74rem; line-height:1.5; }
.fleet-gallery .fg-request { color:#916938; border-color:#b08c58; }
.approach-intro>p:last-child,.steps p { color:#656a6b; }
.steps li { border-color:#e0d9cf; }
.island-band .eyebrow { color:#d7b57e; }
.enquiry { background:#f1ede6; }
.enquiry-copy>p:not(.eyebrow) { color:#626769; }
.enquiry-notice { background:#f7efe1; border-left-color:#b08c56; }
.enquiry-notice strong { color:#825f32; }
.enquiry-notice span { color:#626769; }
.booking-form { padding:clamp(1.35rem,3vw,2.7rem); background:#fff; border-color:#e9e3d9; box-shadow:0 20px 60px rgba(34,33,29,.08); }
.field label { color:#303435; font-size:.73rem; }
.field input,.field select,.field textarea { min-height:3.1rem; color:#2d3032; background:#fbfaf7; border-color:#d8d1c7; border-radius:.6rem; }
.field input::placeholder,.field textarea::placeholder { color:#868989; }
.field input:focus,.field select:focus,.field textarea:focus { border-color:#a58250; box-shadow:0 0 0 3px rgba(168,132,75,.18); }
.field-note { color:#7b5c32; }
.consent { color:#5d6466; }
.consent a,.enquiry-call a { color:#8b6737; }
.booking-expectations { background:#f8f6f1; }
.value-card,.expectation-grid article { background:#fff; border-color:#e7e1d8; box-shadow:0 12px 35px rgba(34,33,29,.045); }
.value-card>span,.expectation-grid span { color:#a17b47; }
.value-card h3,.expectation-grid h3 { color:#292b2c; }
.value-card p,.expectation-grid p { color:#666b6c; }
.values { background:#eee9e1; }
.about-story-copy { color:#666a6d; }
.about-story-copy p:first-child { color:#2b2e30; }
.legal h2,.legal strong { color:#282b2b; }
.legal { color:#5d6466; }
.legal a { color:#865f2d; }
.legal .tbc { color:#825d33; }
.site-footer { background:#202325; color:#f8f4ea; }
.site-footer .brand-copy strong { color:#f8f4ea; }
.site-footer .brand-copy small { color:#d9b984; }
.site-footer .brand-mark { background:#323536; }
.footer-top>p,.footer-bottom,.footer-bottom a { color:#c2bdb5; }
.footer-bottom .footer-contact a { color:#dec08b; }
.whatsapp-float { color:#fff; background:rgba(34,36,37,.95); border-color:rgba(203,167,110,.62); box-shadow:0 12px 30px rgba(0,0,0,.18); }
.enquiry-dialog { color:#25292a; background:#fff; border-color:#d9d0c2; box-shadow:0 25px 80px rgba(0,0,0,.24); }
.enquiry-dialog h2 { color:#292c2d; }
.enquiry-dialog>p:not(.eyebrow):not(.dialog-status) { color:#62686b; }
.enquiry-dialog textarea { color:#25292a; background:#fbfaf7; border-color:#d9d0c2; }
.fleet-intro { max-width:46rem; margin:0 auto 2.5rem; text-align:center; }
.fleet-intro h2 { margin:0 0 1rem; font-size:clamp(2.9rem,7vw,4.8rem); }
.fleet-intro p:last-child { color:#666a6a; }
.luxury-promise { display:grid; grid-template-columns:1fr; gap:2rem; align-items:center; background:#ece5d9; }
.luxury-promise h2 { max-width:15ch; font-size:clamp(3rem,8vw,5.5rem); }
.luxury-promise p:not(.eyebrow) { max-width:35rem; color:#626769; }
.luxury-promise .promise-points { display:grid; gap:1.2rem; padding:2rem; background:#fff; border:1px solid #e1d7c7; border-radius:1.1rem; }
.luxury-promise .promise-points div { padding-bottom:1rem; border-bottom:1px solid #eae5dd; }
.luxury-promise .promise-points div:last-child { border:0; padding-bottom:0; }
.luxury-promise .promise-points span { font-size:.67rem; letter-spacing:.15em; color:#987441; font-weight:800; }
.luxury-promise .promise-points strong { display:block; font-family:var(--serif); color:#292b2d; font-size:1.7rem; font-weight:600; }
@media (min-width:42rem) {
 .luxury-promise { grid-template-columns:1fr 1fr; }
 .fleet-gallery figure { flex-basis:calc((100% - 1.25rem)/2); }
}
@media (min-width:64rem) {
 .hero { grid-template-columns:1.02fr .98fr; gap:2.5rem; }
 .hero-visual { max-width:42rem; }
 .vehicle-frame { inset:3rem -1rem auto 1.5rem; }
 .fleet-gallery figure { flex-basis:calc((100% - 2.5rem)/3); }
 .site-nav { background:transparent; }
 .site-nav a { font-size:.79rem; }
}
@media (max-width:63.99rem) {
 .site-nav { top:6.65rem; min-height:calc(100vh - 6.65rem); }
 .site-nav.open { box-shadow:0 25px 45px rgba(34,33,29,.13); }
 .site-nav a { border-bottom-color:#e2dbd0; }
 .site-nav .nav-cta { color:#27231e; }
}
@media (max-width:41.99rem) {
 .hero h1 { font-size:clamp(3.6rem,14.5vw,5.4rem); }
 .hero-visual { margin-top:1.2rem; min-height:24rem; }
 .vehicle-frame { inset:2rem .3rem auto .3rem; border-radius:1.3rem; }
 .vehicle-frame img { aspect-ratio:1 / 1; }
 .route-card { top:auto; bottom:1.5rem; }
 .fleet-gallery .fg-img { aspect-ratio:16 / 10.5; }
 .luxury-promise { gap:1.5rem; }
}
@media (prefers-reduced-motion:reduce) {
 .fleet-gallery .fg-img img { transition:none; }
}

/* The October editorial hero replaces the older rotating slideshow. */
.hero-editorial {
  position:relative; display:grid; grid-template-columns:minmax(0,1fr);
  gap:2.5rem; align-items:center; min-height:unset;
  padding:clamp(3.8rem,7vw,6.5rem) clamp(1.2rem,6vw,6rem) 0;
  background:linear-gradient(132deg,#f9f7f1 2%,#eee7da 98%);
  border-bottom:1px solid #dfd4c3;
}
.hero-editorial:before { display:none; }
.hero-editorial-copy { position:relative; z-index:2; padding-bottom:0; max-width:43rem; }
.hero-editorial .eyebrow { margin-bottom:2rem; }
.hero-editorial h1 {
  margin:0; font-family:var(--serif);
  font-weight:500; font-size:clamp(4.1rem,10vw,8rem);
  line-height:.89; letter-spacing:-.053em; color:#242729;
}
.hero-editorial h1 em { color:#976f3b; font-weight:400; }
.hero-editorial .hero-intro {
  max-width:34rem; margin:2.1rem 0 1.9rem;
  color:#555e60; font-size:clamp(.99rem,1.4vw,1.13rem); line-height:1.85;
}
.hero-editorial .hero-actions { margin-bottom:.75rem; }
.hero-editorial .hero-whatsapp { margin:.8rem 0 2.5rem; }
.hero-editorial .hero-whatsapp .text-link { color:#826336; font-size:.8rem; }
.hero-editorial-credentials {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem; max-width:35rem;
  padding-top:1.35rem; border-top:1px solid #d5cabc;
}
.hero-editorial-credentials div { display:flex; flex-direction:column; gap:.22rem; }
.hero-editorial-credentials strong { font-family:var(--serif);font-size:clamp(1.45rem,2.1vw,1.9rem);font-weight:600;line-height:1.1;color:#282b2d; }
.hero-editorial-credentials span { color:#696b68; font-size:.7rem; line-height:1.5; }
.hero-editorial-visual { position:relative; min-width:0; isolation:isolate; }
.hero-editorial-visual:before {
  content:'';position:absolute; inset:-1.3rem -1.3rem 1.2rem 1.4rem; z-index:-1;
  border:1px solid #d2b993; border-radius:1.1rem;
}
.hero-editorial-photo {
  position:relative; margin:0; aspect-ratio:1.11/1;
  overflow:hidden; border:1px solid #d4c7b4;
  border-radius:.75rem; background:#ded9d0;
  box-shadow:0 33px 65px rgba(40,37,29,.18);
}
.hero-editorial-photo:after {
  content:'';position:absolute;inset:48% 0 0;
  background:linear-gradient(to top,rgba(17,20,22,.86),rgba(17,20,22,0));pointer-events:none;
}
.hero-editorial-photo img {
  display:block; width:100%;height:100%;object-fit:cover;object-position:50% center;
  filter:contrast(1.035) saturate(.88) brightness(1.035);
}
.hero-editorial-photo figcaption {
  position:absolute;z-index:2;left:clamp(1.2rem,3vw,2rem);bottom:clamp(1.1rem,2vw,1.8rem);
  color:#fff;display:flex;flex-direction:column;gap:.3rem;
  text-shadow:0 2px 14px rgba(0,0,0,.18);
}
.hero-editorial-photo figcaption span {
  font-size:.62rem; letter-spacing:.19em; color:#ead1a5;font-weight:800;
}
.hero-editorial-photo figcaption strong {
  font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.75rem);
  line-height:1.03;font-weight:500;
}
.hero-editorial-photo figcaption small {font-size:.67rem;color:#f1e9dc;}
.hero-editorial-monogram {
  position:absolute;right:1.3rem;top:1.3rem;z-index:2;
  display:grid;place-items:center;width:4.25rem;height:4.25rem;
  border:1px solid #cdb48d;border-radius:50%;font-family:var(--serif);
  color:#f6ecdc;background:#292b2ccf;font-size:1.7rem;line-height:1;
}
.hero-editorial-monogram span {font-size:.6rem;color:#d9ae6c;vertical-align:top;}
.hero-editorial-position {
  position:absolute;right:1rem;bottom:-1.25rem;z-index:3;
  padding:.75rem 1rem;background:#292c2e;color:#f4ead9;
  border:1px solid #b49a70;border-radius:.4rem;
  box-shadow:0 12px 22px rgba(0,0,0,.12);
  font-size:.69rem;letter-spacing:.035em;
}
.hero-editorial-position span {margin-right:.6rem;color:#d8b581;font-weight:800;}
.hero-editorial-services {
  grid-column:1/-1; display:flex; flex-wrap:wrap;
  align-items:center;justify-content:center;gap:.55rem 1.4rem;
  margin-top:1.4rem;padding:1.35rem 0;
  border-top:1px solid #dccfbd;color:#605d54;
  font-size:.68rem;font-weight:750;letter-spacing:.095em;text-transform:uppercase;
}
.hero-editorial-services i {font-size:.65rem;color:#aa834b;font-style:normal;}
@media (min-width:64rem) {
  .hero-editorial {
    grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
    column-gap:clamp(2rem,5vw,5.5rem);row-gap:3.5rem;
    padding-top:clamp(5rem,7vw,7rem);
  }
  .hero-editorial h1 {font-size:clamp(5.4rem,7.6vw,8.8rem);}
  .hero-editorial-visual {margin-right:1.2rem;}
  .hero-editorial-photo {aspect-ratio:.96/1;}
  .hero-editorial-services {justify-content:space-between;margin-top:0;}
}
@media (max-width:41.99rem) {
  .hero-editorial {padding-top:3.4rem;gap:1.9rem;}
  .hero-editorial h1 {font-size:clamp(3.85rem,13.8vw,6.1rem);}
  .hero-editorial-photo {aspect-ratio:1.1/1;}
  .hero-editorial-visual:before {inset:-.6rem -.5rem .8rem 1rem;}
  .hero-editorial-monogram {height:3.1rem;width:3.1rem;font-size:1.25rem;right:.65rem;top:.65rem;}
  .hero-editorial-services {gap:.7rem 1rem;justify-content:center;margin-top:1rem;text-align:center;}
  .hero-editorial-services i {display:none;}
}

/* Cinematic seaside hero: white Mercedes, genuine Barbados sunset, restrained charcoal. */
.hero-cinematic {
  --hero-cream: #f9f5ec;
  position:relative;isolation:isolate;display:grid;
  grid-template-columns:1fr;align-items:center;gap:0;
  min-height:clamp(44rem,82vh,53rem);padding:4.5rem clamp(1.25rem,5.5vw,6rem) 0;
  background:#171b1d;color:var(--hero-cream);overflow:hidden;
}
.hero-cinematic::before { display:none; }
.hero-cinematic-backdrop {
  position:absolute;inset:0;z-index:-2;
  background-image:linear-gradient(90deg,rgba(12,15,18,.97) 0%,rgba(14,17,20,.87) 30%,rgba(17,18,19,.52) 64%,rgba(27,22,15,.17) 100%),url("https://commons.wikimedia.org/wiki/Special:FilePath/Sunset_In_Barbados_West_Indies.jpg?width=1800");
  background-position:center,center 44%;
  background-size:cover;
  background-repeat:no-repeat;
}
.hero-cinematic::after {
  content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,transparent 55%,rgba(12,15,17,.43));
  pointer-events:none;
}
.hero-cinematic-copy {position:relative;z-index:3;max-width:48rem;padding-bottom:3rem;}
.hero-cinematic .eyebrow {color:#e2bd81;font-size:.68rem;letter-spacing:.18em;}
.hero-cinematic .eyebrow span {padding:0 .25rem;color:#b38b55;}
.hero-cinematic h1 {font-family:var(--serif);font-size:clamp(4.5rem,11vw,9.1rem);font-weight:500;line-height:.86;letter-spacing:-.055em;margin:0;color:#fffaf2;text-shadow:0 2px 22px rgba(0,0,0,.12);}
.hero-cinematic h1 em {font-weight:400;color:#e7c48f;}
.hero-cinematic .hero-intro {max-width:32rem;margin:2.3rem 0 1.9rem;color:#efe9dc;font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.85;}
.hero-cinematic .hero-actions {display:flex;flex-wrap:wrap;flex-direction:row;gap:.85rem;align-items:center;}
.hero-cinematic .hero-actions .button {width:auto;min-height:3.35rem;}
.hero-cinematic .button-outline {color:#fff9ee;background:rgba(10,13,15,.18);border:1px solid rgba(255,247,230,.7);}
.hero-cinematic .button-outline:hover {background:rgba(255,255,255,.14);color:#fff;}
.hero-cinematic-wa {display:inline-flex;gap:.8rem;align-items:center;margin-top:1.6rem;color:#edcb95;font-size:.76rem;font-weight:700;letter-spacing:.02em;text-decoration:none;border-bottom:1px solid #c9a16a;padding-bottom:.25rem;}
.hero-cinematic-wa:hover {color:#fff3df;}
.hero-cinematic-visual {position:relative;z-index:2;min-width:0;padding:1rem 0 3rem;}
.hero-cinematic-vehicle {
  overflow:hidden;margin:0;position:relative;width:100%;height:clamp(16rem,34vw,34rem);
  border-radius:1.25rem;border:1px solid rgba(239,223,199,.35);
  box-shadow:0 40px 90px rgba(0,0,0,.3);background:#dfd7cc;
}
.hero-cinematic-vehicle img {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 49%;filter:brightness(1.04) contrast(1.025) saturate(.83);}
.hero-cinematic-car-label {
  display:flex;flex-direction:column;gap:.27rem;position:absolute;z-index:3;right:1rem;bottom:4rem;
  max-width:85%;padding:.8rem 1rem;background:rgba(22,24,26,.88);border-left:2px solid #cb9f62;color:#fffaf1;
  -webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);
}
.hero-cinematic-car-label span {font-size:.61rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#dec08c;}
.hero-cinematic-car-label strong {font-family:var(--serif);font-weight:500;font-size:clamp(1.45rem,2vw,2.1rem);line-height:1;}
.hero-cinematic-car-label small {font-size:.62rem;color:#ddd5c8;}
.hero-cinematic-bottom {
  grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem 1.4rem;
  border-top:1px solid rgba(255,255,255,.25);padding:1.35rem .25rem;z-index:3;color:#e5dfd3;
  font-size:.67rem;letter-spacing:.105em;font-weight:700;text-transform:uppercase;
}
.hero-cinematic-bottom i {color:#d3a766;font-style:normal;}
@media (min-width:64rem){
 .hero-cinematic {grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:clamp(2rem,4vw,5rem);row-gap:1.2rem;min-height:clamp(42rem,82vh,54rem);padding-top:5rem;}
 .hero-cinematic-copy {padding-bottom:0;}
 .hero-cinematic h1 {font-size:clamp(5.4rem,7vw,9rem);}
 .hero-cinematic-visual {padding:0;margin-top:2rem;margin-bottom:3rem;align-self:center;}
 .hero-cinematic-vehicle {height:clamp(27rem,37vw,39rem);}
 .hero-cinematic-car-label {bottom:1rem;}
}
@media (max-width:41.99rem){
 .hero-cinematic {padding-top:3.5rem;}
 .hero-cinematic h1 {font-size:clamp(4.1rem,14vw,6rem);}
 .hero-cinematic-copy {padding-bottom:1.2rem;}
 .hero-cinematic .hero-actions {flex-direction:column;align-items:stretch;}
 .hero-cinematic .hero-actions .button {width:100%;}
 .hero-cinematic-visual {padding-bottom:2.7rem;}
 .hero-cinematic-vehicle {height:20rem;}
 .hero-cinematic-car-label {right:.5rem;bottom:3.2rem;}
 .hero-cinematic-bottom i {display:none;}
}


/* Homepage story sections: experience, destinations, airport welcome, and planning. */
.experience-section {
  display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,5rem);align-items:center;
  background:#f8f6f1;
}
.experience-visual {position:relative;margin:0;min-width:0;}
.experience-visual-frame {
  position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:1.1rem;
  border:1px solid #d9d0c2;background:#ded9d0;box-shadow:0 28px 65px rgba(34,35,33,.13);
}
.experience-visual-frame::after {
  content:"";position:absolute;inset:45% 0 0;
  background:linear-gradient(to top,rgba(20,22,23,.68),transparent);pointer-events:none;
}
.experience-visual img {
  width:100%;height:100%;object-fit:cover;object-position:center 58%;
  filter:contrast(1.02) saturate(.8) brightness(1.02);
}
.experience-visual figcaption {
  position:absolute;z-index:2;left:1rem;right:1rem;bottom:1rem;padding:.7rem .85rem;
  color:#f8f4ea;background:rgba(34,36,37,.8);border-left:2px solid #caa56c;
  font-size:.66rem;line-height:1.5;
}
.experience-copy h2,.destinations-section h2,.airport-welcome h2,.journey-planner h2 {
  margin:0 0 1.35rem;font-size:clamp(3rem,7vw,5.35rem);
}
.experience-copy>p:not(.eyebrow) {max-width:39rem;color:#62686a;}
.experience-details {display:grid;gap:0;margin:2rem 0 2.2rem;border-top:1px solid #ddd5ca;}
.experience-detail {display:grid;grid-template-columns:2.4rem 1fr;gap:1rem;padding:1.25rem 0;border-bottom:1px solid #ddd5ca;}
.experience-detail>span {color:#9a7440;font-size:.7rem;font-weight:800;letter-spacing:.12em;}
.experience-detail strong {display:block;color:#292b2c;font-family:var(--serif);font-size:1.55rem;font-weight:600;line-height:1.05;}
.experience-detail small {display:block;margin-top:.35rem;color:#656a6c;font-size:.74rem;line-height:1.55;}

.destinations-section {
  --ivory:#f8f4eb;--muted:#cbc4b9;--line:rgba(255,255,255,.16);
  color:#f8f4eb;background:#242729;
}
.destinations-heading {display:grid;gap:1rem;margin-bottom:2.5rem;}
.destinations-heading h2 {max-width:14ch;color:#fffaf1;}
.destinations-heading>p:last-child {max-width:40rem;margin:0;color:#cbc4b9;}
.destinations-panorama {
  position:relative;overflow:hidden;min-height:clamp(22rem,45vw,35rem);margin:0;
  border:1px solid rgba(255,255,255,.18);border-radius:1.1rem;background:#303537;
}
.destinations-panorama::after {
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(16,19,20,.76),rgba(18,20,21,.08) 70%),linear-gradient(0deg,rgba(18,20,21,.66),transparent 50%);
}
.destinations-panorama img {width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:center;filter:saturate(.86) contrast(1.04);}
.destinations-panorama figcaption {
  position:absolute;z-index:2;left:clamp(1.25rem,4vw,3rem);bottom:clamp(1.2rem,4vw,2.7rem);max-width:31rem;
}
.destinations-panorama figcaption span {display:block;margin-bottom:.55rem;color:#e0bd85;font-size:.65rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;}
.destinations-panorama figcaption strong {display:block;font-family:var(--serif);font-size:clamp(2.1rem,5vw,4rem);font-weight:500;line-height:1;}
.destinations-panorama figcaption small {display:block;margin-top:.65rem;color:#eee7dc;font-size:.68rem;}
.destination-grid {display:grid;grid-template-columns:1fr;gap:1px;margin-top:1px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.15);border-radius:1rem;overflow:hidden;}
.destination-card {min-height:14rem;padding:1.7rem;background:#2a2d2f;}
.destination-card span {color:#d7b37a;font-size:.65rem;font-weight:800;letter-spacing:.14em;}
.destination-card h3 {margin:2.2rem 0 .7rem;color:#fff8ee;font-size:2rem;}
.destination-card p {margin:0;color:#c9c3ba;font-size:.82rem;}

.airport-welcome {display:grid;grid-template-columns:1fr;gap:clamp(2.5rem,6vw,6rem);align-items:start;background:#eee8de;}
.airport-intro>p:not(.eyebrow) {max-width:41rem;color:#606668;}
.arrival-steps {margin:2.1rem 0 0;padding:0;list-style:none;border-top:1px solid #d9d0c2;}
.arrival-steps li {display:grid;grid-template-columns:2.7rem 1fr;gap:1rem;padding:1.3rem 0;border-bottom:1px solid #d9d0c2;}
.arrival-steps>li>span {display:grid;place-items:center;width:2.2rem;height:2.2rem;color:#795a33;border:1px solid #bea77f;border-radius:50%;font-size:.7rem;font-weight:800;}
.arrival-steps h3 {margin:.15rem 0 .45rem;color:#292b2c;font-size:1.55rem;}
.arrival-steps p {margin:0;color:#62686a;font-size:.8rem;}
.airport-rate-card {padding:clamp(1.5rem,3vw,2.4rem);color:#f8f3e9;background:#292c2e;border:1px solid #3c4041;border-radius:1rem;box-shadow:0 24px 55px rgba(30,31,29,.16);}
.airport-rate-card .eyebrow {color:#d4ae75;}
.rate-heading {display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.2rem;}
.rate-heading h3 {color:#fff9ef;font-size:2.35rem;}
.rate-heading span {color:#c9c1b5;font-size:.65rem;text-align:right;}
.airport-rates {margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.18);}
.airport-rates li {display:flex;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:.78rem;}
.airport-rates strong {color:#e3c28f;font-size:.88rem;}
.airport-rate-note {margin:1.2rem 0;color:#ccc5bb;font-size:.72rem;line-height:1.65;}
.airport-rate-card .button {width:100%;}

.journey-planner {
  --ivory:#faf5eb;--muted:#ccc5bb;--line:rgba(255,255,255,.17);
  display:grid;grid-template-columns:1fr;gap:clamp(2.5rem,6vw,6rem);align-items:center;
  color:#faf5eb;background:linear-gradient(135deg,#202325,#303335);
}
.journey-planner h2 {color:#fff9ef;}
.journey-planner-copy>p:not(.eyebrow) {max-width:37rem;color:#ccc5bb;}
.planner-promise {display:grid;gap:.75rem;margin-top:1.8rem;}
.planner-promise span {display:flex;gap:.75rem;align-items:center;color:#e4ddd1;font-size:.74rem;}
.planner-promise span::before {content:"✓";display:grid;place-items:center;width:1.35rem;height:1.35rem;color:#24221e;background:#d4b17a;border-radius:50%;font-size:.65rem;font-weight:900;}
.journey-starter {display:grid;grid-template-columns:1fr;gap:1rem;padding:clamp(1.35rem,3vw,2.35rem);background:#f8f5ef;border:1px solid #d8cdbd;border-radius:1rem;box-shadow:0 30px 70px rgba(0,0,0,.2);}
.journey-starter .field label {color:#303335;}
.journey-starter .field input,.journey-starter .field select {color:#2d3032;background:#fff;border-color:#d6cfc4;}
.journey-starter .button {width:100%;margin-top:.3rem;}
.journey-starter-note {margin:0;color:#65696a;font-size:.68rem;line-height:1.55;text-align:center;}
.journey-starter-note strong {color:#76572f;}

@media (min-width:48rem) {
  .destination-grid {grid-template-columns:repeat(3,1fr);}
  .journey-starter {grid-template-columns:repeat(2,minmax(0,1fr));}
  .journey-starter .field-wide,.journey-starter .button,.journey-starter-note {grid-column:1/-1;}
}
@media (min-width:64rem) {
  .experience-section {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);}
  .experience-visual-frame {aspect-ratio:4/4.7;}
  .airport-welcome {grid-template-columns:minmax(0,1.07fr) minmax(22rem,.93fr);}
  .airport-rate-card {position:sticky;top:8.2rem;}
  .journey-planner {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);}
}
@media (max-width:41.99rem) {
  .experience-section,.destinations-section,.airport-welcome,.journey-planner {padding-inline:1.2rem;}
  .experience-copy h2,.destinations-section h2,.airport-welcome h2,.journey-planner h2 {font-size:clamp(2.8rem,13vw,4.2rem);}
  .experience-visual-frame {aspect-ratio:1/1;}
  .destinations-panorama {min-height:25rem;}
  .destination-card {min-height:12rem;}
  .rate-heading {align-items:start;flex-direction:column;}
  .rate-heading span {text-align:left;}
}


/* Reference-led full-bleed hero refinement: integrated vehicle, not a boxed photo. */
.hero-cinematic {
  min-height:clamp(46rem,88vh,58rem);
  background:#15191b;
}
.hero-cinematic-backdrop {
  background-image:
    linear-gradient(90deg,rgba(9,12,14,.98) 0%,rgba(11,14,16,.88) 32%,rgba(16,18,18,.42) 64%,rgba(25,20,14,.08) 100%),
    url("https://commons.wikimedia.org/wiki/Special:FilePath/Sunset_In_Barbados_West_Indies.jpg?width=2200");
  background-position:center,center 47%;
}
.hero-cinematic-copy {max-width:49rem;}
.hero-cinematic .hero-intro {max-width:34rem;}
.hero-cinematic-visual {isolation:isolate;}
.hero-cinematic-visual::before {
  content:"";position:absolute;z-index:-1;inset:8% -8% 4% 8%;
  background:radial-gradient(ellipse at center,rgba(232,203,158,.16),transparent 68%);
  filter:blur(16px);pointer-events:none;
}
.hero-cinematic-vehicle {
  overflow:visible;height:clamp(21rem,39vw,40rem);
  border:0;border-radius:0;background:transparent;box-shadow:none;
}
.hero-cinematic-vehicle img {
  object-position:center 53%;transform:scale(1.13);
  filter:brightness(1.055) contrast(1.035) saturate(.84);
  -webkit-mask-image:radial-gradient(ellipse 73% 68% at 52% 50%,#000 54%,rgba(0,0,0,.88) 70%,transparent 100%);
  mask-image:radial-gradient(ellipse 73% 68% at 52% 50%,#000 54%,rgba(0,0,0,.88) 70%,transparent 100%);
}
.hero-cinematic-car-label {
  right:.5rem;bottom:1rem;max-width:28rem;padding:.7rem 0 .7rem 1rem;
  background:linear-gradient(90deg,rgba(17,20,22,.76),rgba(17,20,22,0));
  border-left:1px solid #d2aa70;-webkit-backdrop-filter:none;backdrop-filter:none;
}
.hero-cinematic-car-label span {font-size:.57rem;}
.hero-cinematic-car-label strong {font-size:clamp(1.3rem,1.7vw,1.8rem);}
.hero-cinematic-car-label small {font-size:.58rem;}
.hero-cinematic-bottom {
  margin-inline:calc(-1 * clamp(1.25rem,5.5vw,6rem));
  padding-inline:clamp(1.25rem,5.5vw,6rem);
  background:linear-gradient(90deg,rgba(10,13,15,.68),rgba(10,13,15,.38));
  border-top-color:rgba(236,216,184,.3);justify-content:space-between;
}
.hero-cinematic-bottom span {display:inline-flex;align-items:center;gap:.55rem;}
.hero-cinematic-bottom span::before {content:"◇";color:#d7b27a;font-size:.85rem;}

@media (min-width:64rem) {
  .hero-cinematic {
    grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);
    column-gap:clamp(1rem,2.5vw,3rem);padding-top:clamp(4.8rem,7vh,6.5rem);
  }
  .hero-cinematic-visual {margin-right:-3.5rem;margin-top:1rem;}
  .hero-cinematic-vehicle {height:clamp(31rem,42vw,43rem);}
  .hero-cinematic h1 {font-size:clamp(5.6rem,7.35vw,9.35rem);}
}
@media (max-width:63.99rem) {
  .hero-cinematic-backdrop {
    background-image:
      linear-gradient(180deg,rgba(10,13,15,.84) 0%,rgba(11,14,16,.72) 47%,rgba(13,16,18,.44) 72%,rgba(12,15,17,.72) 100%),
      url("https://commons.wikimedia.org/wiki/Special:FilePath/Sunset_In_Barbados_West_Indies.jpg?width=1500");
  }
  .hero-cinematic-visual {margin-inline:-.75rem;}
}
@media (max-width:41.99rem) {
  .hero-cinematic {min-height:unset;padding-top:3.8rem;}
  .hero-cinematic h1 {font-size:clamp(4.15rem,14.5vw,6rem);}
  .hero-cinematic .hero-intro {font-size:.98rem;line-height:1.72;}
  .hero-cinematic-vehicle {height:clamp(18rem,82vw,23rem);}
  .hero-cinematic-vehicle img {
    transform:scale(1.18);object-position:52% 51%;
    -webkit-mask-image:radial-gradient(ellipse 77% 72% at 51% 50%,#000 50%,rgba(0,0,0,.9) 68%,transparent 100%);
    mask-image:radial-gradient(ellipse 77% 72% at 51% 50%,#000 50%,rgba(0,0,0,.9) 68%,transparent 100%);
  }
  .hero-cinematic-car-label {right:1rem;bottom:1rem;max-width:78%;}
  .hero-cinematic-bottom {justify-content:center;gap:.7rem 1.2rem;}
  .hero-cinematic-bottom span::before {display:none;}
}


/* Final cohesive hero artwork treatment: one seamless scene for each breakpoint. */
.hero-cinematic {
  display:grid;grid-template-columns:1fr;align-content:space-between;
  min-height:clamp(48rem,88vh,58rem);padding-top:clamp(4.8rem,8vh,7rem);
}
.hero-cinematic-backdrop {
  background-image:
    linear-gradient(90deg,rgba(8,11,13,.96) 0%,rgba(10,13,15,.83) 31%,rgba(11,14,16,.48) 49%,rgba(12,14,15,.12) 74%,rgba(12,14,15,.08) 100%),
    url("../images/hero/barbados-luxury-arrival-blank-plate.webp");
  background-position:center,center;
  background-size:cover;
}
.hero-cinematic::after {
  background:linear-gradient(180deg,rgba(8,11,13,.12) 42%,rgba(8,11,13,.68) 100%);
}
.hero-cinematic-copy {max-width:44rem;padding-bottom:4rem;}
.hero-cinematic .hero-intro {max-width:31rem;}
.hero-scene-note {
  margin:.85rem 0 0;color:rgba(244,235,220,.72);
  font-size:.58rem;letter-spacing:.055em;line-height:1.5;
}
.hero-cinematic-bottom {align-self:end;margin-top:0;}
.hero-cinematic-visual {display:none;}

@media (min-width:64rem) {
  .hero-cinematic {
    grid-template-columns:1fr;column-gap:0;padding-top:clamp(5.4rem,8vh,7.2rem);
  }
  .hero-cinematic-copy {padding-bottom:4.5rem;}
  .hero-cinematic h1 {font-size:clamp(5.6rem,7.35vw,9rem);}
}
@media (max-width:63.99rem) {
  .hero-cinematic-backdrop {
    background-image:
      linear-gradient(180deg,rgba(8,11,13,.95) 0%,rgba(9,12,14,.84) 39%,rgba(10,13,15,.28) 64%,rgba(8,11,13,.72) 100%),
      url("../images/hero/barbados-luxury-arrival-mobile-blank-plate.webp");
    background-position:center 58%;
    background-size:cover;
  }
}
@media (max-width:41.99rem) {
  .hero-cinematic {min-height:58rem;padding-top:4rem;}
  .hero-cinematic-copy {padding-bottom:15rem;}
  .hero-cinematic h1 {font-size:clamp(4rem,14vw,5.75rem);}
  .hero-cinematic .hero-intro {max-width:29rem;}
  .hero-scene-note {max-width:25rem;}
  .hero-cinematic-bottom {background:rgba(9,12,14,.62);}
}

/* Fleet artwork (Oct 2026): every vehicle has a 1600x1000 (16:10) studio image on a warm champagne
   backdrop, so cards use the same 16:10 frame and show each image whole. The featured EQE SUV stacks
   above its details below 80rem (a narrower side-by-side column would leave the car tiny); from 80rem its column is taller than 16:10, so the image spans the
   column width, sits centred, and fades into bands of its own top and bottom edge colours instead of
   being cropped and zoomed. */
.fleet-page .vehicle-image-wrap { min-height:0; aspect-ratio:16 / 10; background:#e3d3c2; }
.fleet-page .vehicle-image-wrap img { position:absolute; inset:0; width:100%; height:100%; min-height:0; object-fit:cover; object-position:50% 50%; filter:none; }
.fleet-gallery .fg-img { aspect-ratio:16 / 10; background:#e3d3c2; }
.fleet-gallery .fg-img img { object-fit:cover; object-position:50% 50%; filter:none; }
/* The disclosure sits top-left over the empty backdrop so it never covers the car; phones get the short form. */
.fleet-page .image-label { top:.75rem; bottom:auto; left:.75rem; right:auto; max-width:calc(100% - 1.5rem); padding:.32rem .65rem; border-radius:999px; background:rgba(33,35,36,.74); font-size:.62rem; text-align:left; }
@media (max-width:41.99rem) { .fleet-page .image-label .il-more { display:none; } }
.fleet-gallery .fg-ref { position:absolute; right:.6rem; bottom:.55rem; padding:.18rem .45rem; color:#4f4a43; background:rgba(255,255,255,.74); border-radius:.35rem; font-size:.56rem; letter-spacing:.02em; }
@media (min-width:42rem) and (max-width:79.99rem) {
  .fleet-page .featured-vehicle { grid-template-columns:1fr; }
}
@media (min-width:80rem) {
  .fleet-page .vehicle-image-wrap { aspect-ratio:auto; min-height:38rem; background:linear-gradient(180deg,#e8d8c6 0%,#e6d6c4 45%,#ddcdbf 55%,#dbcbbd 100%); }
  .fleet-page .vehicle-image-wrap img { inset:auto 0 auto 0; top:50%; height:auto; aspect-ratio:16 / 10; transform:translateY(-50%);
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 91%,transparent 100%); mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 91%,transparent 100%); }
}
@media (max-width:41.99rem) {
  .fleet-gallery .fg-img { aspect-ratio:16 / 10; }
}

/* Fleet image viewer (app.js): every fleet image is a button that opens a larger view. */
.zoom-trigger { position:absolute; inset:0; display:block; width:100%; height:100%; margin:0; padding:0; background:none; border:0; border-radius:0; cursor:zoom-in; }
.zoom-trigger:focus-visible { outline:3px solid #b08c58; outline-offset:-3px; }
.zoom-hint { position:absolute; top:.6rem; right:.6rem; display:grid; place-items:center; width:2.1rem; height:2.1rem; color:#fff; background:rgba(33,35,36,.66); border:1px solid rgba(255,255,255,.22); border-radius:50%; opacity:0; transition:opacity .2s ease; }
.zoom-trigger:hover .zoom-hint, .zoom-trigger:focus-visible .zoom-hint { opacity:1; }
@media (hover:none) { .zoom-hint { opacity:.85; } }
.fleet-gallery .fg-tag, .fleet-gallery .fg-ref, .fleet-page .image-label { z-index:1; pointer-events:none; }
html.lb-open { overflow:hidden; }
.fleet-lightbox { width:min(96vw, 76rem); max-width:none; max-height:96vh; margin:auto; padding:0; overflow:hidden; color:#26292a; background:#f8f5f0; border:0; border-radius:1rem; box-shadow:0 30px 90px rgba(0,0,0,.35); }
.fleet-lightbox::backdrop { background:rgba(14,15,16,.84); backdrop-filter:blur(4px); }
.lb-stage { position:relative; background:#e3d3c2; }
.lb-img { display:block; width:100%; height:auto; max-height:calc(96vh - 6rem); aspect-ratio:16 / 10; object-fit:contain; }
.lb-prev, .lb-next, .lb-close { position:absolute; display:grid; place-items:center; width:2.8rem; height:2.8rem; padding:0; color:#fff; background:rgba(33,35,36,.72); border:1px solid rgba(255,255,255,.26); border-radius:50%; font-size:1.6rem; line-height:1; cursor:pointer; }
.lb-prev:hover, .lb-next:hover, .lb-close:hover { background:rgba(33,35,36,.9); }
.lb-prev:focus-visible, .lb-next:focus-visible, .lb-close:focus-visible, .lb-request:focus-visible { outline:3px solid #b08c58; outline-offset:2px; }
.lb-prev { top:50%; left:.8rem; transform:translateY(-50%); }
.lb-next { top:50%; right:.8rem; transform:translateY(-50%); }
.lb-close { top:.8rem; right:.8rem; font-size:1.5rem; }
.lb-count { position:absolute; top:1.05rem; left:.9rem; margin:0; padding:.25rem .65rem; color:#fff; background:rgba(33,35,36,.66); border-radius:999px; font-size:.66rem; letter-spacing:.04em; }
.lb-caption { display:flex; flex-wrap:wrap; align-items:baseline; gap:.3rem 1rem; padding:1rem 1.3rem 1.15rem; }
.lb-name { color:#252728; font-family:var(--serif); font-size:1.55rem; font-weight:500; line-height:1.1; }
.lb-note { color:#666b6d; font-size:.72rem; }
.lb-request { margin-left:auto; color:#916938; font-size:.76rem; font-weight:800; text-decoration:none; border-bottom:1px solid #b08c58; }
.lb-request[hidden] { display:none; }
@media (max-width:41.99rem) {
  .fleet-lightbox { width:100vw; max-height:100vh; border-radius:0; }
  .lb-img { max-height:calc(100vh - 9rem); }
  .lb-prev, .lb-next { width:2.4rem; height:2.4rem; font-size:1.4rem; }
  .lb-prev { left:.5rem; } .lb-next { right:.5rem; }
  .lb-close { top:.5rem; right:.5rem; width:2.4rem; height:2.4rem; }
  .lb-count { top:.75rem; left:.6rem; }
  .lb-caption { padding:.9rem 1rem 1.1rem; }
  .lb-request { margin-left:0; }
}

/* H&R Executive Services logo (17 Oct 2026): the header uses the logo panel without its tagline
   (assets/images/brand/hr-executive-services-mark.svg); the footer uses the full logo for dark backgrounds. */
.brand-logo { display:inline-flex; align-items:center; flex-shrink:0; line-height:0; }
.brand-logo img { display:block; width:auto; height:2.9rem; }
.site-footer .brand-logo img { height:4.4rem; }
@media (max-width:41.99rem) {
  .site-header .brand-logo img { height:2.35rem; }
  .site-footer .brand-logo img { height:3.8rem; }
}

/* Home "Our own fleet" image (17 Oct 2026): the 16:10 studio image of the EQS SUV, shown whole at every
   width, with its "illustrative model reference" note as a small pill clear of the car. */
.home-fleet-image img { min-height:0; height:auto; aspect-ratio:16 / 10; object-fit:cover; object-position:50% 50%; filter:none; }
.home-fleet-image figcaption { top:.75rem; right:auto; bottom:auto; left:.75rem; max-width:calc(100% - 1.5rem); padding:.32rem .65rem; border-radius:999px; background:rgba(33,35,36,.74); font-size:.62rem; text-align:left; }
@media (max-width:41.99rem) { .home-fleet-image figcaption .fc-more { display:none; } }

/* Enquiry form: "Flight details" sub-heading, shown for airport journeys only (app.js). */
.form-subhead { margin:.6rem 0 -.3rem; color:#8b6b43; font-size:.7rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.form-subhead span { color:#6b6f71; font-weight:500; letter-spacing:0; text-transform:none; }

/* Enquiry form spam trap: a field people never see; bots that fill it are dropped by FormSubmit. */
.hp-field { position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0; }
