/* =====================================================================
   TRIWAYS — EXCLUSIVE LAYER (/exclusive/ inner pages only)
   ---------------------------------------------------------------------
   Loaded after triways-core / triways-hub / triways-article. Every rule is
   scoped under body.page-exclusive, so no other page is affected.
   Uses the core tokens; the only additions are defined once in :root below.

   Components (reuse these on the other /exclusive/ pages):
     .ex-hero     full-bleed photograph hero. H1 and fact strip (.ex-facts)
                  bottom-left, answer panel right behind a vertical brass
                  hairline. On mobile the answer drops below the photo.
     .ex-sub      italic serif subtitle under an H2 (brass, softened).
     .ex-split    ivory 7/5 split: prose left, tall plate (.ex-plate) right.
     .ex-bleed    ink band: photo bleeds to the left viewport edge, prose
                  sits on ink to the right. Stacks image-first on mobile.
     .ex-compare  two equal columns, 16:10 images, a vertical hairline between.
     .ex-faq      tinted ivory, heading 4 cols / accordion 8 cols, brass +/×.
     .ex-enquiry  photographic band, heavy ink overlay, form on a solid
                  ink panel (no blur), square brass submit.
     .ex-panorama one full-bleed photograph, heading rising into its lower
                  edge, content following on ink (Weddings: the settings).
     .ex-ledger   typography only: heading, then entries in two columns
                  under hairlines. A quiet pause between photo bands.
     .ex-statement typography only: a large italic line left, prose right
                  behind a hairline (VIP Security: who it is for).
     .ex-places   a register of places: serif name, its line, hairlines between
                  (Villas: where).
     .ex-wide     one wide, still photograph across the top of a light section,
                  content below (Villas: who it suits).
     .ex-steps    a process on one brass hairline, lozenge markers, 5 → 3 → 2 → 1
                  columns (Museum Access: from request to the door).
     .ex-terms    two quiet facts under a hairline, on ink.
     .ex-knowing  heading left (sticky), .ex-places register right.
     .ex-strip    a very wide photograph at its own proportions opening an ink
                  section (Private Aviation).
     .ex-principles five principles in columns on ink, hairlines between.
   Private Aviation reuses the stacked .ex-hero--museum hero (+ --aviation).
   Museum Access also adds .ex-hero--museum (stacked hero: photo, then the
     answer in two columns on ink), .ex-ledger--dark, .ex-split--museum.
   Modifiers: .ex-bleed--right (photo to the right edge), .ex-split--flip
     (plate first, landscape), .ex-split--villa (tall plate first),
     .ex-plate--square, .ex-plate--landscape, and per-page photo framing
     (.ex-hero--wedding/--vip/--villa, .ex-enquiry--wedding/--vip/--villa).
   ===================================================================== */

:root {
  /* New to this layer, derived from core tokens */
  --ex-ivory-tint: color-mix(in srgb, var(--hb-ivory) 84%, var(--hb-champagne));
  --ex-brass-soft: color-mix(in srgb, var(--hb-gold) 66%, var(--hb-text));   /* italic brass on ivory/white, ≥4.6:1 (AA at any size) */
  --ex-hairline-brass: rgba(200, 183, 156, 0.42);                           /* champagne hairline on dark */
  --ex-hairline-brass-light: rgba(166, 138, 91, 0.38);                      /* gold hairline on ivory */
  --ex-header: 58px;                                                         /* fixed header height */
}

/* ---------------------------------------------------------------------
   Shared: subtitle, captions
   ------------------------------------------------------------------- */
.page-exclusive .ex-sub {
  font-family: var(--hb-serif); font-style: italic; font-weight: 500;
  font-size: clamp(1.45rem, 1.15rem + 1vw, 2rem); line-height: 1.3;
  color: var(--ex-brass-soft); max-width: 30ch; margin: -0.25rem 0 clamp(2rem, 4vw, 2.75rem);
  text-wrap: balance;
}
.page-exclusive .hb-section--dark .ex-sub,
.page-exclusive .ex-bleed .ex-sub { color: rgba(220, 203, 166, 0.88); }

.page-exclusive .ex-caption,
.page-exclusive .ex-plate figcaption {
  margin-top: 0.9rem; font-size: 0.68rem; font-weight: 500; letter-spacing: 0.2em;
  text-transform: uppercase; color: var(--hb-text-dim);
}

/* ---------------------------------------------------------------------
   .ex-hero
   ------------------------------------------------------------------- */
.page-exclusive .ex-hero {
  position: relative; isolation: isolate; overflow: hidden;
  background: var(--hb-ink); color: var(--hb-champagne);
}
.page-exclusive .ex-hero__img {
  position: absolute; inset: 0; z-index: -2;
  width: 100%; height: 100%; object-fit: cover; object-position: 0% 50%;
  animation: ex-settle 2.4s var(--hb-ease) both;
}
/* Shade: a soft band under the headline, the bottom for the facts, the right
   edge for the answer. The yacht in the middle stays clear. */
.page-exclusive .ex-hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    linear-gradient(to top, rgba(10, 10, 11, 0.88) 0%, rgba(10, 10, 11, 0.5) 22%, rgba(10, 10, 11, 0) 42%),
    linear-gradient(to left, rgba(10, 10, 11, 0.62) 0%, rgba(10, 10, 11, 0.25) 28%, rgba(10, 10, 11, 0) 42%),
    linear-gradient(to bottom, rgba(10, 10, 11, 0.5) 0%, rgba(10, 10, 11, 0.12) 26%, rgba(10, 10, 11, 0) 34%);
}
@keyframes ex-settle { from { transform: scale(1.05); } to { transform: none; } }

/* Desktop: the stage dissolves into the grid (display: contents), so the
   headline spans the top and the facts and answer share the bottom row. */
.page-exclusive .ex-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  grid-template-rows: auto auto minmax(2.5rem, 1fr) auto;
  column-gap: clamp(2rem, 5vw, 5rem);
  min-height: 82vh; min-height: 82svh;
  padding-top: calc(var(--ex-header) + clamp(1.25rem, 2.5vw, 2rem));
  padding-bottom: clamp(2.5rem, 4vw, 3.5rem);
}
.page-exclusive .ex-hero__stage { display: contents; }
.page-exclusive .ex-hero__stage > nav { grid-column: 1 / -1; grid-row: 1; }
.page-exclusive .ex-hero__head { grid-column: 1 / -1; grid-row: 2; }
.page-exclusive .ex-hero .ex-facts { grid-column: 1; grid-row: 4; align-self: end; }
.page-exclusive .ex-hero__answer { grid-column: 2; grid-row: 4; align-self: end; }
.page-exclusive .ex-hero .hub-crumbs { margin: 0 0 clamp(1.5rem, 3vh, 2.25rem); }
.page-exclusive .ex-hero .hb-kicker { margin-bottom: 1rem; }
.page-exclusive .ex-hero .hb-eyebrow { color: var(--hb-champagne); }
.page-exclusive .ex-hero .hb-kicker::after { background: var(--hb-champagne); opacity: 0.55; }
/* One line across the sky, above the yacht */
.page-exclusive .ex-hero__title {
  font-family: var(--hb-serif); font-weight: 500; color: #fff;
  font-size: clamp(2.75rem, 1.4rem + 4.1vw, 5.25rem); line-height: 1.02; letter-spacing: 0.002em;
  margin: 0; text-wrap: balance;
  text-shadow: 0 1px 28px rgba(10, 10, 11, 0.4);
}

/* Fact strip: one hairline above, three quiet columns */
.page-exclusive .ex-facts {
  display: grid; grid-template-columns: repeat(3, minmax(0, max-content));
  gap: 1rem clamp(1.75rem, 4vw, 3.5rem);
  margin: clamp(1.75rem, 3.5vw, 2.75rem) 0 0; padding: 1.1rem 0 0;
  border-top: 1px solid var(--ex-hairline-brass); max-width: 40rem;
}
.page-exclusive .ex-facts dt {
  margin: 0 0 0.3rem; font-size: 0.64rem; font-weight: 600; letter-spacing: 0.22em;
  text-transform: uppercase; color: var(--hb-champagne);
}
.page-exclusive .ex-facts dd {
  margin: 0; font-family: var(--hb-serif); font-size: clamp(1.15rem, 1rem + 0.4vw, 1.35rem);
  line-height: 1.2; color: #fff;
}

/* Answer panel: no box, a vertical brass hairline */
.page-exclusive .ex-hero__answer {
  border-left: 1px solid var(--ex-hairline-brass);
  padding: 0.25rem 0 0.25rem clamp(1.5rem, 2.5vw, 2.5rem);
}
.page-exclusive .ex-hero__label {
  margin: 0 0 0.9rem; font-size: 0.68rem; font-weight: 600; letter-spacing: 0.22em;
  text-transform: uppercase; color: var(--hb-champagne);
}
.page-exclusive .ex-hero__answer p:not(.ex-hero__label) {
  font-size: 0.98rem; line-height: 1.75; color: rgba(244, 240, 232, 0.9); max-width: 32rem;
}
.page-exclusive .ex-hero__answer p + p { margin-top: 0.85rem; }
.page-exclusive .ex-hero .art-named { font-size: 0.7rem; letter-spacing: 0.14em; margin-top: 1.25rem; }
.page-exclusive .ex-hero a:focus-visible { outline-color: var(--hb-champagne); }

/* ---------------------------------------------------------------------
   .ex-split
   ------------------------------------------------------------------- */
.page-exclusive .ex-split__grid {
  display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: clamp(2.5rem, 6vw, 6.5rem); align-items: start;
}
.page-exclusive .ex-plate { margin: 0; position: sticky; top: calc(var(--ex-header) + 2rem); }
.page-exclusive .ex-plate img {
  display: block; width: 100%; height: auto; aspect-ratio: 4 / 5;
  object-fit: cover; object-position: 30% 50%; background: var(--hb-ink-soft);
}
.page-exclusive .ex-split .art-entry h3 { font-size: clamp(1.35rem, 1.2rem + 0.5vw, 1.6rem); margin-bottom: 0.7rem; }
.page-exclusive .ex-split .art-entry + .art-entry { margin-top: 1.9rem; padding-top: 1.9rem; }
.page-exclusive .ex-split .art-entry p { max-width: 56ch; }

/* ---------------------------------------------------------------------
   .ex-bleed
   ------------------------------------------------------------------- */
.page-exclusive .ex-bleed {
  display: grid; grid-template-columns: minmax(0, 11fr) minmax(0, 9fr);
  min-height: 640px; background: var(--hb-ink); color: var(--hb-champagne);
}
.page-exclusive .ex-bleed__media { position: relative; margin: 0; min-height: 100%; }
.page-exclusive .ex-bleed__media img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: 78% 50%;
}
.page-exclusive .ex-bleed__media::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(to right, rgba(21, 21, 21, 0) 52%, rgba(21, 21, 21, 0.28) 70%, rgba(21, 21, 21, 0.72) 86%, var(--hb-ink) 100%),
    linear-gradient(to top, rgba(21, 21, 21, 0.6) 0%, rgba(21, 21, 21, 0) 22%);
}
.page-exclusive .ex-bleed__media figcaption {
  position: absolute; left: clamp(1.25rem, 4vw, 2.5rem); bottom: 1.4rem; z-index: 1;
  font-size: 0.68rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase;
  color: rgba(244, 240, 232, 0.78);
}
.page-exclusive .ex-bleed__body {
  align-self: center;
  padding: clamp(4rem, 7vw, 7rem) max(clamp(1.25rem, 4vw, 2.5rem), calc((100vw - 1280px) / 2 + 2.5rem)) clamp(4rem, 7vw, 7rem) clamp(2.5rem, 5vw, 5rem);
}
.page-exclusive .ex-bleed__body p:not(.ex-sub) { max-width: 52ch; }

/* ---------------------------------------------------------------------
   .ex-compare
   ------------------------------------------------------------------- */
.page-exclusive .ex-compare__list {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0; padding: 0; list-style: none;
}
.page-exclusive .ex-compare__item { padding-right: clamp(1.75rem, 4vw, 4rem); }
.page-exclusive .ex-compare__item + .ex-compare__item {
  padding-right: 0; padding-left: clamp(1.75rem, 4vw, 4rem);
  border-left: 1px solid var(--hb-line);
}
.page-exclusive .ex-compare__media { margin: 0 0 1.75rem; }
.page-exclusive .ex-compare__media img {
  display: block; width: 100%; height: auto; aspect-ratio: 16 / 10;
  object-fit: cover; background: var(--hb-ink-soft);
}
.page-exclusive .ex-compare__media--sea img { object-position: 12% 50%; }
.page-exclusive .ex-compare__item h3 {
  margin: 0 0 0.4rem; font-family: var(--hb-serif); font-weight: 500;
  font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.4rem); line-height: 1.1; color: var(--hb-ink);
}
.page-exclusive .ex-compare__role {
  margin: 0 0 1rem; font-family: var(--hb-serif); font-style: italic; font-weight: 500;
  font-size: clamp(1.3rem, 1.2rem + 0.3vw, 1.5rem); line-height: 1.35; color: var(--ex-brass-soft);
}
.page-exclusive .ex-compare__item p:not(.ex-compare__role) {
  font-size: 1rem; line-height: 1.8; color: var(--hb-text-dim); max-width: 50ch;
}
.page-exclusive .ex-compare__item a { color: var(--hb-ink); border-bottom: 1px solid var(--hb-gold); }
.page-exclusive .ex-compare__item a:hover,
.page-exclusive .ex-compare__item a:focus-visible { color: var(--hb-gold); }

/* ---------------------------------------------------------------------
   .ex-faq  (native details/summary: keyboard and screen-reader support built in)
   ------------------------------------------------------------------- */
.page-exclusive .ex-faq { background: var(--ex-ivory-tint); }
.page-exclusive .ex-faq__grid {
  display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
  gap: clamp(2rem, 6vw, 7rem); align-items: start;
}
.page-exclusive .ex-faq__head { position: sticky; top: calc(var(--ex-header) + 2.5rem); }
.page-exclusive .ex-faq .hb-faq { max-width: none; border-top-color: var(--ex-hairline-brass-light); }
.page-exclusive .ex-faq .hb-faq__item { padding: 0; border-bottom-color: var(--ex-hairline-brass-light); }
.page-exclusive .ex-faq .hb-faq__item > summary {
  position: relative; display: block; padding: 1.45rem 3rem 1.45rem 0;
  font-size: clamp(1.15rem, 1.05rem + 0.35vw, 1.35rem); line-height: 1.35;
}
.page-exclusive .ex-faq .hb-faq__item > summary::before,
.page-exclusive .ex-faq .hb-faq__item > summary::after {
  content: ""; position: absolute; right: 0.35rem; top: 50%;
  width: 14px; height: 1px; margin-top: -0.5px; background: var(--hb-gold);
  font-size: 0; transition: transform 0.35s var(--hb-ease);
}
.page-exclusive .ex-faq .hb-faq__item > summary::after { transform: rotate(90deg); }
.page-exclusive .ex-faq .hb-faq__item[open] > summary::before { transform: rotate(45deg); }
.page-exclusive .ex-faq .hb-faq__item[open] > summary::after { transform: rotate(135deg); }
.page-exclusive .ex-faq .hb-faq__item > summary:hover { color: var(--hb-gold); }
.page-exclusive .ex-faq .hb-faq__item p { margin: -0.35rem 0 0; padding: 0 3rem 1.6rem 0; font-size: 1rem; }

/* ---------------------------------------------------------------------
   .ex-enquiry
   ------------------------------------------------------------------- */
.page-exclusive .ex-enquiry { position: relative; isolation: isolate; overflow: hidden; }
.page-exclusive .ex-enquiry__img {
  position: absolute; inset: 0; z-index: -2;
  width: 100%; height: 100%; object-fit: cover; object-position: 30% 60%;
}
.page-exclusive .ex-enquiry::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    linear-gradient(to right, rgba(21, 21, 21, 0.88) 0%, rgba(21, 21, 21, 0.72) 55%, rgba(21, 21, 21, 0.8) 100%);
}
.page-exclusive .ex-enquiry .art-enquiry { align-items: center; }
.page-exclusive .ex-enquiry .art-form {
  background: rgba(21, 21, 21, 0.86);
  border-top: 1px solid var(--ex-hairline-brass);
  padding: clamp(1.75rem, 3.5vw, 3rem);
}
.page-exclusive .ex-enquiry .art-form input,
.page-exclusive .ex-enquiry .art-form select,
.page-exclusive .ex-enquiry .art-form textarea { border-bottom-color: rgba(244, 240, 232, 0.32); }
.page-exclusive .ex-enquiry .art-form textarea { min-height: 6rem; }
.page-exclusive .ex-enquiry .art-form__submit .hb-cta {
  border-radius: 0; background: var(--hb-champagne); border-color: var(--hb-champagne); color: var(--hb-ink);
  padding: 1.05rem 2.25rem;
}
.page-exclusive .ex-enquiry .art-form__submit .hb-cta:hover,
.page-exclusive .ex-enquiry .art-form__submit .hb-cta:focus-visible { background: transparent; color: var(--hb-champagne); }
.page-exclusive .ex-enquiry .art-enquiry__aside { color: rgba(244, 240, 232, 0.72); }

/* ---------------------------------------------------------------------
   Modifiers and components added with the Weddings page
   ------------------------------------------------------------------- */
/* Hero photo: the couple stands right of centre, clear of the answer column */
.page-exclusive .ex-hero--wedding .ex-hero__img { object-position: 100% 50%; }
/* The headline sits in the sky, clear of the couple's heads */
.page-exclusive .ex-hero--wedding .hub-crumbs { margin-bottom: 1rem; }
.page-exclusive .ex-hero--wedding .hb-kicker { margin-bottom: 0.6rem; }
@media (min-width: 1200px) {
  /* The answer reads over a deeper shade where the white ship crosses behind it */
  .page-exclusive .ex-hero--wedding::before {
    background:
      linear-gradient(to top, rgba(10, 10, 11, 0.88) 0%, rgba(10, 10, 11, 0.5) 22%, rgba(10, 10, 11, 0) 42%),
      linear-gradient(to left, rgba(10, 10, 11, 0.8) 0%, rgba(10, 10, 11, 0.6) 26%, rgba(10, 10, 11, 0) 40%),
      linear-gradient(to bottom, rgba(10, 10, 11, 0.55) 0%, rgba(10, 10, 11, 0.15) 28%, rgba(10, 10, 11, 0) 36%);
  }
}

.page-exclusive .ex-plate--square img { aspect-ratio: 1 / 1; object-position: 50% 50%; }

/* .ex-panorama: one full-bleed photograph; the heading rises into its lower edge,
   and the section's content follows on ink */
.page-exclusive .ex-panorama {
  background: var(--hb-ink); color: var(--hb-champagne);
  padding-bottom: var(--hb-section-y);
}
.page-exclusive .ex-panorama__media { position: relative; margin: 0; }
.page-exclusive .ex-panorama__media img {
  display: block; width: 100%; height: clamp(440px, 46vw, 80vh);
  object-fit: cover; object-position: 50% 55%;
}
.page-exclusive .ex-panorama__media::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(to top, var(--hb-ink) 0%, rgba(21, 21, 21, 0.72) 22%, rgba(21, 21, 21, 0) 55%),
    linear-gradient(to bottom, rgba(21, 21, 21, 0.35) 0%, rgba(21, 21, 21, 0) 18%);
}
.page-exclusive .ex-panorama__media figcaption {
  position: absolute; top: 1.4rem; right: clamp(1.25rem, 4vw, 2.5rem); z-index: 1;
  font-size: 0.68rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase;
  color: rgba(244, 240, 232, 0.82);
}
.page-exclusive .ex-panorama__body { position: relative; z-index: 1; margin-top: clamp(-12rem, -11vw, -6rem); }
.page-exclusive .ex-panorama__intro { max-width: 46rem; margin-bottom: clamp(2.5rem, 5vw, 4rem); }
.page-exclusive .ex-panorama__intro .ex-sub { max-width: 34ch; margin-bottom: 0; }

/* .ex-ledger: typography only. Heading above, entries in two columns under
   hairlines; a pause between two photographic bands */
.page-exclusive .ex-ledger__head { max-width: 46rem; }
.page-exclusive .ex-ledger__grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(2.5rem, 6vw, 6.5rem);
}
.page-exclusive .ex-ledger .art-entry,
.page-exclusive .ex-ledger .art-entry + .art-entry {
  margin: 0; padding: 1.75rem 0 2.25rem; border-top: 1px solid var(--ex-hairline-brass-light);
}
.page-exclusive .ex-ledger .art-entry h3 { font-size: clamp(1.35rem, 1.2rem + 0.5vw, 1.6rem); margin-bottom: 0.7rem; }
.page-exclusive .ex-ledger .art-entry p { max-width: 54ch; }

/* .ex-bleed--right: the half-bleed band mirrored, photo to the right edge */
.page-exclusive .ex-bleed--right { grid-template-columns: minmax(0, 9fr) minmax(0, 11fr); min-height: 580px; }
.page-exclusive .ex-bleed--right .ex-bleed__media { order: 2; }
.page-exclusive .ex-bleed--right .ex-bleed__media img { object-position: 22% 50%; }
.page-exclusive .ex-bleed--right .ex-bleed__media::after {
  background:
    linear-gradient(to left, rgba(21, 21, 21, 0) 52%, rgba(21, 21, 21, 0.28) 70%, rgba(21, 21, 21, 0.72) 86%, var(--hb-ink) 100%),
    linear-gradient(to top, rgba(21, 21, 21, 0.6) 0%, rgba(21, 21, 21, 0) 22%);
}
.page-exclusive .ex-bleed--right .ex-bleed__media figcaption { left: auto; right: clamp(1.25rem, 4vw, 2.5rem); }
.page-exclusive .ex-bleed--right .ex-bleed__body {
  padding: clamp(4rem, 7vw, 7rem) clamp(2.5rem, 5vw, 5rem) clamp(4rem, 7vw, 7rem) max(clamp(1.25rem, 4vw, 2.5rem), calc((100vw - 1280px) / 2 + 2.5rem));
}

.page-exclusive .ex-enquiry--wedding .ex-enquiry__img { object-position: 50% 60%; }

/* ---------------------------------------------------------------------
   Added with the VIP Security page
   ------------------------------------------------------------------- */
/* Hero: sky and pyramids hold the headline on the left; the car and the
   officer sit under a deep shade on the right, behind the answer */
/* 16:9 photograph shown at its natural framing: no settle zoom on this hero */
.page-exclusive .ex-hero--vip .ex-hero__img { object-position: 0% 50%; animation: none; }
@media (min-width: 1200px) {
  /* Two lines, held left of the officer's face */
  .page-exclusive .ex-hero--vip .ex-hero__title { max-width: 9.5em; }
  .page-exclusive .ex-hero--vip::before {
    background:
      linear-gradient(to top, rgba(10, 10, 11, 0.88) 0%, rgba(10, 10, 11, 0.5) 22%, rgba(10, 10, 11, 0) 42%),
      linear-gradient(to left, rgba(10, 10, 11, 0.82) 0%, rgba(10, 10, 11, 0.62) 28%, rgba(10, 10, 11, 0) 44%),
      linear-gradient(to right, rgba(10, 10, 11, 0.55) 0%, rgba(10, 10, 11, 0.2) 30%, rgba(10, 10, 11, 0) 48%),
      linear-gradient(to bottom, rgba(10, 10, 11, 0.5) 0%, rgba(10, 10, 11, 0.12) 26%, rgba(10, 10, 11, 0) 34%);
  }
}

/* .ex-statement: typography only. A large italic line on the left, the prose on
   the right behind a hairline */
.page-exclusive .ex-statement__head { max-width: 46rem; margin-bottom: clamp(2.5rem, 5vw, 4rem); }
.page-exclusive .ex-statement__grid {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(2rem, 6vw, 6.5rem); align-items: start;
}
.page-exclusive .ex-statement__lead {
  margin: 0; font-family: var(--hb-serif); font-style: italic; font-weight: 500;
  font-size: clamp(1.75rem, 1.3rem + 1.5vw, 2.6rem); line-height: 1.22;
  color: var(--ex-brass-soft); text-wrap: balance;
}
.page-exclusive .ex-statement .art-prose {
  border-left: 1px solid var(--ex-hairline-brass-light); padding-left: clamp(1.5rem, 3vw, 3rem);
}
.page-exclusive .ex-statement .art-prose p { max-width: 58ch; }
.page-exclusive .ex-statement .art-prose p + p { margin-top: 1.1rem; }

.page-exclusive .ex-register__intro { max-width: 46rem; margin-bottom: clamp(2.5rem, 5vw, 3.5rem); }
.page-exclusive .ex-register__intro .ex-sub { margin-bottom: 0; }

/* .ex-split--flip: the plate leads on the left, landscape, centred on the prose */
.page-exclusive .ex-split--flip .ex-split__grid { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); align-items: center; }
.page-exclusive .ex-split--flip .ex-plate { position: static; }
.page-exclusive .ex-plate--landscape img { aspect-ratio: 4 / 3; object-position: 0% 50%; }

.page-exclusive .ex-enquiry--vip .ex-enquiry__img { object-position: 50% 50%; }
/* The car door and the two figures sit left of centre; the jet holds the right */
.page-exclusive .ex-panorama--vip .ex-panorama__media img { object-position: 40% 0%; }

/* ---------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------- */
@media (max-width: 1199.98px) {
  /* Tablet: the photo holds the headline and the facts; the answer follows on ink */
  .page-exclusive .ex-hero__img,
  .page-exclusive .ex-hero::before { bottom: auto; height: 80vh; height: 80svh; }
  .page-exclusive .ex-hero__img { object-position: 28% 50%; }
  .page-exclusive .ex-hero::before {
    background:
      linear-gradient(to top, var(--hb-ink) 0%, rgba(21, 21, 21, 0.6) 20%, rgba(21, 21, 21, 0) 40%),
      linear-gradient(to bottom, rgba(10, 10, 11, 0.5) 0%, rgba(10, 10, 11, 0.12) 26%, rgba(10, 10, 11, 0) 34%);
  }
  .page-exclusive .ex-hero__inner { display: block; min-height: 0; }
  .page-exclusive .ex-hero__stage {
    display: flex; flex-direction: column;
    min-height: calc(80svh - var(--ex-header) - 2rem);
  }
  .page-exclusive .ex-hero .ex-facts { margin-top: auto; align-self: stretch; }
  .page-exclusive .ex-hero__answer { margin-top: 2.75rem; max-width: 44rem; }

  .page-exclusive .ex-bleed { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .page-exclusive .ex-hero--wedding .ex-hero__img { object-position: 71% 50%; }
  .page-exclusive .ex-hero--vip .ex-hero__img { object-position: 60% 50%; }
}

@media (max-width: 991.98px) {
  .page-exclusive .ex-split__grid { grid-template-columns: minmax(0, 1fr); }
  .page-exclusive .ex-plate { position: static; max-width: 34rem; }
  .page-exclusive .ex-plate img { aspect-ratio: 5 / 4; }

  .page-exclusive .ex-bleed { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .page-exclusive .ex-bleed__media { aspect-ratio: 16 / 10; min-height: 0; }
  .page-exclusive .ex-bleed__media img { object-position: 78% 50%; }
  .page-exclusive .ex-bleed__media::after {
    background: linear-gradient(to top, var(--hb-ink) 0%, rgba(21, 21, 21, 0) 38%);
  }
  .page-exclusive .ex-bleed__body { padding: clamp(2.5rem, 6vw, 3.5rem) clamp(1.25rem, 4vw, 2.5rem) var(--hb-section-y); }

  .page-exclusive .ex-faq__grid { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .page-exclusive .ex-faq__head { position: static; }

  .page-exclusive .ex-statement__grid { grid-template-columns: minmax(0, 1fr); gap: 1.75rem; }
  .page-exclusive .ex-statement .art-prose { border-left: 0; padding-left: 0; padding-top: 1.75rem; border-top: 1px solid var(--ex-hairline-brass-light); }
  .page-exclusive .ex-split--flip .ex-split__grid { grid-template-columns: minmax(0, 1fr); }
  .page-exclusive .ex-split--flip .ex-plate { max-width: none; }

  .page-exclusive .ex-bleed--right { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .page-exclusive .ex-bleed--right .ex-bleed__media { order: 0; }
  .page-exclusive .ex-bleed--right .ex-bleed__media::after {
    background: linear-gradient(to top, var(--hb-ink) 0%, rgba(21, 21, 21, 0) 38%);
  }
  .page-exclusive .ex-bleed--right .ex-bleed__media figcaption { left: clamp(1.25rem, 4vw, 2.5rem); right: auto; }
  .page-exclusive .ex-bleed--right .ex-bleed__body { padding: clamp(2.5rem, 6vw, 3.5rem) clamp(1.25rem, 4vw, 2.5rem) var(--hb-section-y); }
}

@media (max-width: 767.98px) {
  /* Hero: photo on top with H1 and facts; the answer follows on ink */
  /* Mobile: the photo stands clear at the top; the headline starts below the hull */
  .page-exclusive .ex-hero__img,
  .page-exclusive .ex-hero::before { height: 72vh; height: 72svh; }
  .page-exclusive .ex-hero__img { object-position: 46% 50%; }
  .page-exclusive .ex-hero::before {
    background:
      linear-gradient(to top, var(--hb-ink) 0%, rgba(21, 21, 21, 0.7) 14%, rgba(21, 21, 21, 0) 30%),
      linear-gradient(to bottom, rgba(10, 10, 11, 0.55) 0%, rgba(10, 10, 11, 0) 20%);
  }
  .page-exclusive .ex-hero__inner { padding-top: calc(var(--ex-header) + 1.25rem); }
  .page-exclusive .ex-hero__stage { min-height: 0; }
  .page-exclusive .ex-hero__head { margin-top: calc(72svh * 0.78 - var(--ex-header) - 4rem); }
  .page-exclusive .ex-hero__title { font-size: clamp(2.6rem, 11vw, 3.4rem); }
  .page-exclusive .ex-hero .ex-facts { margin-top: 1.75rem; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem 1rem; }
  .page-exclusive .ex-facts dd { font-size: 1.05rem; }
  .page-exclusive .ex-hero__answer { border-left: 0; padding: 0; margin-top: 2.25rem; }
  .page-exclusive .ex-hero__answer p:not(.ex-hero__label) { font-size: 1rem; }

  .page-exclusive .ex-compare__list { grid-template-columns: minmax(0, 1fr); gap: 3.25rem; }
  .page-exclusive .ex-compare__item,
  .page-exclusive .ex-compare__item + .ex-compare__item { padding: 0; border-left: 0; }
  .page-exclusive .ex-compare__item + .ex-compare__item { padding-top: 3.25rem; border-top: 1px solid var(--hb-line); }

  .page-exclusive .ex-hero--wedding .ex-hero__img { object-position: 68% 50%; }
  /* The client at the car door and the officer, not the empty desert */
  .page-exclusive .ex-hero--vip .ex-hero__img { object-position: 78% 50%; }

  .page-exclusive .ex-panorama__media img { height: auto; aspect-ratio: 4 / 3; object-position: 62% 55%; }
  .page-exclusive .ex-panorama__body { margin-top: -3.5rem; }
  .page-exclusive .ex-panorama--vip .ex-panorama__media img { object-position: 30% 50%; }
  .page-exclusive .ex-ledger__grid { grid-template-columns: minmax(0, 1fr); }

  .page-exclusive .ex-faq .hb-faq__item > summary { padding-right: 2.5rem; }
  .page-exclusive .ex-faq .hb-faq__item p { padding-right: 0; }

  /* core pads <main> for the fixed mobile bar; keep that strip ink, not ivory, between two dark bands */
  body.page-exclusive main { background: var(--hb-ink); }

  /* The photo holds the top of the band and fades into ink behind the form */
  .page-exclusive .ex-enquiry__img { height: 36rem; bottom: auto; object-position: 72% 50%; }
  .page-exclusive .ex-enquiry::before {
    background: linear-gradient(to bottom, rgba(21, 21, 21, 0.62) 0, rgba(21, 21, 21, 0.8) 18rem, var(--hb-ink) 36rem);
  }
  .page-exclusive .ex-enquiry .art-form { padding: 1.5rem 1.25rem 1.75rem; margin: 0 -0.25rem; }
}

/* ---------------------------------------------------------------------
   Added with the Villas page (stillness: fewer, larger, slower moments)
   ------------------------------------------------------------------- */
/* Hero: the sky and the river hold the headline; the pergola sits under the
   shade on the right, behind the answer */
.page-exclusive .ex-hero--villa .ex-hero__img { object-position: 50% 58%; }
@media (min-width: 1200px) {
  .page-exclusive .ex-hero--villa::before {
    background:
      linear-gradient(to top, rgba(10, 10, 11, 0.9) 0%, rgba(10, 10, 11, 0.55) 24%, rgba(10, 10, 11, 0) 46%),
      linear-gradient(to left, rgba(10, 10, 11, 0.84) 0%, rgba(10, 10, 11, 0.64) 28%, rgba(10, 10, 11, 0) 46%),
      linear-gradient(to right, rgba(10, 10, 11, 0.4) 0%, rgba(10, 10, 11, 0) 38%),
      linear-gradient(to bottom, rgba(10, 10, 11, 0.5) 0%, rgba(10, 10, 11, 0.12) 26%, rgba(10, 10, 11, 0) 34%);
  }
}

/* .ex-split--villa: the tall plate leads on the left, the places follow */
.page-exclusive .ex-split--villa .ex-split__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
.page-exclusive .ex-split--villa .ex-plate img { object-position: 100% 50%; }

/* .ex-places: a register of places. Serif name over its line, hairlines between */
.page-exclusive .ex-places { margin: clamp(2rem, 4vw, 3rem) 0 0; border-bottom: 1px solid var(--ex-hairline-brass-light); }
.page-exclusive .ex-places > div {
  display: grid; grid-template-columns: minmax(0, 11rem) minmax(0, 1fr); gap: 0.5rem clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(1.4rem, 2.4vw, 1.9rem) 0; border-top: 1px solid var(--ex-hairline-brass-light);
}
.page-exclusive .ex-places dt {
  margin: 0; font-family: var(--hb-serif); font-weight: 500;
  font-size: clamp(1.5rem, 1.25rem + 0.8vw, 1.95rem); line-height: 1.1; color: var(--hb-ink);
}
.page-exclusive .ex-places dd { margin: 0.2rem 0 0; font-size: 1rem; line-height: 1.75; color: var(--hb-text-dim); max-width: 46ch; }
.page-exclusive .ex-places a { color: var(--hb-ink); border-bottom: 1px solid var(--hb-gold); }
.page-exclusive .ex-places a:hover,
.page-exclusive .ex-places a:focus-visible { color: var(--hb-gold); }

.page-exclusive .ex-hero--villa .ex-hero__title { max-width: 7.6em; }

.page-exclusive .ex-bleed--villa .ex-bleed__media img { object-position: 0% 50%; }
/* Entries on ink: ivory serif titles under champagne hairlines */
.page-exclusive .ex-bleed .art-entry,
.page-exclusive .ex-bleed .art-entry + .art-entry {
  margin: 0; padding: 1.5rem 0 1.6rem; border-top: 1px solid var(--ex-hairline-brass);
}
.page-exclusive .ex-bleed .art-entry h3 {
  margin: 0 0 0.55rem; font-family: var(--hb-serif); font-weight: 500;
  font-size: clamp(1.35rem, 1.2rem + 0.5vw, 1.6rem); line-height: 1.2; color: #fff;
}

/* .ex-wide: one wide, still photograph across the top of a light section, then
   the section's content below it */
.page-exclusive .ex-wide { padding-top: 0; }
.page-exclusive .ex-wide__media { position: relative; margin: 0 0 var(--hb-section-y); }
.page-exclusive .ex-wide__media img {
  display: block; width: 100%; height: clamp(420px, 44vw, 78vh);
  object-fit: cover; object-position: 50% 62%; background: var(--hb-ink-soft);
}
.page-exclusive .ex-wide__media::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(to top, rgba(21, 21, 21, 0.55) 0%, rgba(21, 21, 21, 0) 26%);
}
.page-exclusive .ex-wide__media figcaption {
  position: absolute; left: max(clamp(1.25rem, 4vw, 2.5rem), calc((100vw - 1280px) / 2 + 2.5rem)); bottom: 1.4rem; z-index: 1;
  font-size: 0.68rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase;
  color: rgba(244, 240, 232, 0.86);
}

.page-exclusive .ex-enquiry--villa .ex-enquiry__img { object-position: 0% 50%; }

@media (max-width: 1199.98px) {
  .page-exclusive .ex-hero--villa .ex-hero__img { object-position: 44% 50%; }
}
@media (max-width: 991.98px) {
  .page-exclusive .ex-split--villa .ex-split__grid { grid-template-columns: minmax(0, 1fr); }
  .page-exclusive .ex-split--villa .ex-plate img { aspect-ratio: 5 / 4; object-position: 100% 50%; }
  .page-exclusive .ex-bleed--villa .ex-bleed__media img { object-position: 0% 50%; }
}
@media (max-width: 767.98px) {
  .page-exclusive .ex-hero--villa .ex-hero__img { object-position: 46% 50%; }
  .page-exclusive .ex-places > div { grid-template-columns: minmax(0, 1fr); }
  .page-exclusive .ex-wide__media img { height: auto; aspect-ratio: 4 / 3; object-position: 30% 60%; }
  .page-exclusive .ex-enquiry--villa .ex-enquiry__img { object-position: 12% 50%; }
}

/* ---------------------------------------------------------------------
   Added with the Private Museum Access page
   ------------------------------------------------------------------- */
/* .ex-hero--museum: a stacked hero at every width. The photograph stands
   alone with the headline on the floor, left of the statue; the direct answer
   follows on ink in two columns (the yes, then the aside with the CTAs) */
.page-exclusive .ex-hero--museum .ex-hero__img { animation: none; }
.page-exclusive .ex-hero--museum .ex-hero__label { margin-bottom: 1rem; }
.page-exclusive .ex-hero--museum .ex-hero__answer .ex-hero__yes {
  margin: 0; font-family: var(--hb-serif); font-weight: 500;
  font-size: clamp(1.45rem, 1.15rem + 0.95vw, 2.05rem); line-height: 1.32;
  color: #fff; max-width: 34ch; text-wrap: pretty;
}
.page-exclusive .ex-hero__ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 1.1rem 2rem; margin-top: 1.9rem; }
.page-exclusive .ex-hero .hb-cta--solid {
  border-radius: 0; background: var(--hb-champagne); border-color: var(--hb-champagne); color: var(--hb-ink);
}
.page-exclusive .ex-hero .hb-cta--solid:hover,
.page-exclusive .ex-hero .hb-cta--solid:focus-visible { background: transparent; color: var(--hb-champagne); }
.page-exclusive .ex-hero .hb-link { color: var(--hb-champagne); border-color: rgba(200, 183, 156, 0.4); }
.page-exclusive .ex-hero .hb-link:hover,
.page-exclusive .ex-hero .hb-link:focus-visible { color: #fff; border-color: #fff; }

@media (min-width: 992px) {
  .page-exclusive .ex-hero--museum .ex-hero__answer {
    display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: clamp(2rem, 5vw, 5rem); align-items: start; max-width: none;
  }
  .page-exclusive .ex-hero--museum .ex-hero__aside {
    border-left: 1px solid var(--ex-hairline-brass); padding-left: clamp(1.5rem, 2.5vw, 2.5rem);
    margin-top: 2.05rem;
  }
}
@media (min-width: 1200px) {
  .page-exclusive .ex-hero--museum .ex-hero__img,
  .page-exclusive .ex-hero--museum::before { bottom: auto; height: 92vh; height: 92svh; }
  .page-exclusive .ex-hero--museum .ex-hero__img { object-position: 50% 18%; }
  .page-exclusive .ex-hero--museum::before {
    background:
      linear-gradient(to top, var(--hb-ink) 0%, rgba(21, 21, 21, 0.78) 16%, rgba(21, 21, 21, 0.3) 34%, rgba(21, 21, 21, 0) 50%),
      linear-gradient(to right, rgba(10, 10, 11, 0.62) 0%, rgba(10, 10, 11, 0.3) 34%, rgba(10, 10, 11, 0) 54%),
      linear-gradient(to bottom, rgba(10, 10, 11, 0.55) 0%, rgba(10, 10, 11, 0.12) 20%, rgba(10, 10, 11, 0) 30%);
  }
  .page-exclusive .ex-hero--museum .ex-hero__inner { display: block; min-height: 0; padding-bottom: var(--hb-section-y-tight); }
  .page-exclusive .ex-hero--museum .ex-hero__stage {
    display: flex; flex-direction: column;
    min-height: calc(92svh - var(--ex-header) - clamp(1.25rem, 2.5vw, 2rem));
    padding-bottom: clamp(2rem, 3.5vw, 3rem);
  }
  .page-exclusive .ex-hero--museum .ex-hero__head { margin-top: auto; }
  /* Held left of the statue */
  .page-exclusive .ex-hero--museum .ex-hero__title { max-width: 8.6em; }
  .page-exclusive .ex-hero--museum .ex-facts { margin-top: 1.75rem; align-self: flex-start; }
  .page-exclusive .ex-hero--museum .ex-hero__answer {
    border-left: 0; border-top: 1px solid var(--ex-hairline-brass);
    padding: clamp(2.25rem, 3.5vw, 3rem) 0 0;
  }
}

/* .ex-steps: five steps on one brass hairline, a small lozenge marking each */
.page-exclusive .ex-steps {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 clamp(1.25rem, 2.5vw, 2.5rem);
  margin: clamp(3.5rem, 6vw, 5.5rem) 0 0; padding: 0; list-style: none;
  border-top: 1px solid var(--ex-hairline-brass-light);
}
.page-exclusive .ex-steps li { position: relative; padding-top: 1.9rem; }
.page-exclusive .ex-steps li::before {
  content: ""; position: absolute; top: -4px; left: 0; width: 7px; height: 7px;
  background: var(--hb-gold); transform: rotate(45deg);
}
.page-exclusive .ex-steps__n {
  display: block; margin-bottom: 0.85rem; font-family: var(--hb-serif); font-style: italic;
  font-size: 1.1rem; color: var(--ex-brass-soft);
}
.page-exclusive .ex-steps h3 {
  margin: 0 0 0.6rem; font-family: var(--hb-serif); font-weight: 500;
  font-size: clamp(1.4rem, 1.25rem + 0.45vw, 1.65rem); line-height: 1.15; color: var(--hb-ink);
}
.page-exclusive .ex-steps p { margin: 0; font-size: 0.95rem; line-height: 1.75; color: var(--hb-text-dim); }
.page-exclusive .ex-steps a { color: var(--hb-ink); border-bottom: 1px solid var(--hb-gold); }
.page-exclusive .ex-steps a:hover,
.page-exclusive .ex-steps a:focus-visible { color: var(--hb-gold); }
.page-exclusive .ex-steps__cta {
  display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem;
  margin-top: clamp(2.75rem, 4.5vw, 3.75rem);
}
.page-exclusive .ex-steps__cta .hb-cta { border-radius: 0; }
.page-exclusive .ex-steps__cta p { margin: 0; font-size: 0.9rem; color: var(--hb-text-dim); }
.page-exclusive .ex-plate--wall img { object-position: 22% 50%; }

/* Hawass band: the seated kings hold the right edge */
.page-exclusive .ex-bleed--museum { min-height: 660px; }
.page-exclusive .ex-bleed--museum .ex-bleed__media img { object-position: 78% 50%; }
.page-exclusive .ex-bleed .hb-heading { color: #fff; }
.page-exclusive .ex-bleed .hb-copy { color: rgba(244, 240, 232, 0.74); max-width: 52ch; }
.page-exclusive .ex-bleed .hb-copy + .hb-copy { margin-top: 1rem; }
/* .ex-terms: two quiet facts under a hairline */
.page-exclusive .ex-terms {
  display: grid; grid-template-columns: repeat(2, minmax(0, max-content)); gap: 1rem clamp(2rem, 4vw, 3.5rem);
  margin: clamp(2rem, 3.5vw, 2.75rem) 0 0; padding-top: 1.2rem; border-top: 1px solid var(--ex-hairline-brass);
}
.page-exclusive .ex-terms dt {
  margin: 0 0 0.3rem; font-size: 0.64rem; font-weight: 600; letter-spacing: 0.22em;
  text-transform: uppercase; color: var(--hb-champagne);
}
.page-exclusive .ex-terms dd { margin: 0; font-family: var(--hb-serif); font-size: 1.25rem; line-height: 1.25; color: #fff; }

/* .ex-split--museum: the tall plate leads, the collection follows */
.page-exclusive .ex-split--museum .ex-split__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
.page-exclusive .ex-plate--ramesses img { object-position: 38% 50%; }

/* Knowing how: the forecourt wide, then heading left and the register right */
.page-exclusive .ex-wide--museum .ex-wide__media img { height: clamp(460px, 52vw, 86vh); object-position: 50% 42%; }
.page-exclusive .ex-knowing {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(2rem, 6vw, 6.5rem); align-items: start;
}
.page-exclusive .ex-knowing__head { position: sticky; top: calc(var(--ex-header) + 2.5rem); }
.page-exclusive .ex-knowing__head .hb-heading { font-size: clamp(2rem, 1.5rem + 1.8vw, 3rem); text-wrap: balance; }
.page-exclusive .ex-knowing__head .hb-copy { max-width: 40ch; }
.page-exclusive .ex-knowing .ex-places { margin-top: 0; }
.page-exclusive .ex-knowing .ex-places > div { grid-template-columns: minmax(0, 12.5rem) minmax(0, 1fr); }
.page-exclusive .ex-knowing .ex-places dt { font-size: clamp(1.4rem, 1.2rem + 0.6vw, 1.75rem); }

/* .ex-ledger--dark: the ledger on ink, for the trade */
.page-exclusive .ex-ledger__top {
  display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;
  gap: 1.5rem 3rem; margin-bottom: clamp(2.5rem, 4.5vw, 3.75rem);
}
.page-exclusive .ex-ledger__top .ex-sub { margin-bottom: 0; }
.page-exclusive .ex-ledger__top .hb-link { margin-bottom: 0.5rem; }
.page-exclusive .ex-ledger--dark .art-entry,
.page-exclusive .ex-ledger--dark .art-entry + .art-entry { border-top-color: var(--ex-hairline-brass); }
.page-exclusive .ex-ledger--dark .art-entry h3 { color: #fff; }
.page-exclusive .ex-ledger--dark .art-entry p {
  margin: 0; font-size: 1rem; line-height: 1.8; color: rgba(244, 240, 232, 0.72);
}
.page-exclusive .ex-ledger__more {
  margin: clamp(1.5rem, 3vw, 2.25rem) 0 0; padding-top: 1.75rem; border-top: 1px solid var(--hb-line-on-dark);
  font-size: 0.98rem; line-height: 1.8; color: rgba(244, 240, 232, 0.72);
}
.page-exclusive .ex-ledger__more a { color: var(--hb-champagne); border-bottom: 1px solid rgba(200, 183, 156, 0.45); }
.page-exclusive .ex-ledger__more a:hover,
.page-exclusive .ex-ledger__more a:focus-visible { color: #fff; border-bottom-color: #fff; }

/* Enquiry: the lit museum and the Great Pyramid, under a lighter shade */
.page-exclusive .ex-enquiry--museum .ex-enquiry__img { object-position: 36% 62%; }
.page-exclusive .ex-enquiry--museum::before {
  background:
    linear-gradient(to right, rgba(21, 21, 21, 0.8) 0%, rgba(21, 21, 21, 0.4) 42%, rgba(21, 21, 21, 0.55) 62%, rgba(21, 21, 21, 0.78) 100%),
    linear-gradient(to top, rgba(21, 21, 21, 0.7) 0%, rgba(21, 21, 21, 0) 30%);
}

@media (max-width: 1199.98px) {
  .page-exclusive .ex-hero--museum .ex-hero__img { object-position: 64% 30%; }
  .page-exclusive .ex-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 2.5rem; border-top: 0; }
  .page-exclusive .ex-steps li { border-top: 1px solid var(--ex-hairline-brass-light); }
}
@media (max-width: 991.98px) {
  .page-exclusive .ex-hero--museum .ex-hero__answer { border-left: 0; padding-left: 0; }
  .page-exclusive .ex-hero--museum .ex-hero__aside {
    margin-top: 1.75rem; padding-top: 1.5rem; border-top: 1px solid var(--ex-hairline-brass);
  }
  .page-exclusive .ex-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-exclusive .ex-split--museum .ex-split__grid { grid-template-columns: minmax(0, 1fr); }
  .page-exclusive .ex-plate--ramesses img { aspect-ratio: 5 / 4; object-position: 40% 30%; }
  .page-exclusive .ex-knowing { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .page-exclusive .ex-knowing__head { position: static; }
  .page-exclusive .ex-bleed--museum { min-height: 0; }
  .page-exclusive .ex-bleed--museum .ex-bleed__media img { object-position: 70% 50%; }
}
@media (max-width: 767.98px) {
  .page-exclusive .ex-hero--museum .ex-hero__img { object-position: 66% 30%; }
  .page-exclusive .ex-hero--museum .ex-hero__answer .ex-hero__yes { font-size: 1.4rem; }
  .page-exclusive .ex-hero__ctas .hb-cta { width: 100%; justify-content: center; }
  .page-exclusive .ex-steps { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
  .page-exclusive .ex-steps li { padding: 1.5rem 0 1.75rem; }
  .page-exclusive .ex-steps__cta .hb-cta { width: 100%; justify-content: center; }
  .page-exclusive .ex-terms { grid-template-columns: minmax(0, 1fr); }
  .page-exclusive .ex-knowing .ex-places > div { grid-template-columns: minmax(0, 1fr); }
  .page-exclusive .ex-wide--museum .ex-wide__media img { height: auto; aspect-ratio: 4 / 5; object-position: 50% 40%; }
  .page-exclusive .ex-enquiry--museum .ex-enquiry__img { object-position: 36% 50%; }
}

/* ---------------------------------------------------------------------
   Added with the /exclusive/ hub
   ------------------------------------------------------------------- */
/* .ex-hero--hub: no answer panel. The candlelit terrace fills the viewport;
   the headline, one line of intro and the two CTAs sit low on the left, over
   the shade, clear of the lit temple on the right */
.page-exclusive .ex-hero--hub .ex-hero__img { object-position: 50% 50%; }
.page-exclusive .ex-hero--hub .ex-hero__inner {
  display: flex; flex-direction: column;
  min-height: 94vh; min-height: 94svh;
  padding-bottom: clamp(3rem, 6vw, 5.5rem);
}
.page-exclusive .ex-hero--hub .ex-hero__head { margin-top: auto; max-width: 40rem; }
.page-exclusive .ex-hero--hub::before {
  background:
    linear-gradient(to top, rgba(10, 10, 11, 0.9) 0%, rgba(10, 10, 11, 0.55) 26%, rgba(10, 10, 11, 0) 55%),
    linear-gradient(to right, rgba(10, 10, 11, 0.72) 0%, rgba(10, 10, 11, 0.4) 30%, rgba(10, 10, 11, 0) 56%),
    linear-gradient(to bottom, rgba(10, 10, 11, 0.55) 0%, rgba(10, 10, 11, 0.1) 22%, rgba(10, 10, 11, 0) 30%);
}
/* The SEO name rides inside the H1 as its eyebrow */
.page-exclusive .ex-hero__kicker {
  display: flex; align-items: center; gap: 1rem; margin-bottom: 1.25rem;
  font-family: var(--hb-sans); font-size: var(--hb-eyebrow-fs); font-weight: 600; line-height: 1.4;
  letter-spacing: 0.22em; text-transform: uppercase; color: var(--hb-champagne); text-shadow: none;
}
.page-exclusive .ex-hero__kicker::after { content: ""; flex: 0 0 46px; height: 1px; background: var(--hb-champagne); opacity: 0.55; }
.page-exclusive .ex-hero--hub .ex-hero__title { font-size: clamp(3rem, 1.5rem + 4.6vw, 6rem); line-height: 0.98; }
.page-exclusive .ex-hero__intro {
  margin: clamp(1.25rem, 2.5vw, 1.75rem) 0 0; max-width: 34rem;
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.125rem); line-height: 1.75; color: rgba(244, 240, 232, 0.88);
}
.page-exclusive .ex-hero--hub .ex-hero__ctas { margin-top: clamp(1.75rem, 3vw, 2.5rem); }

/* Intro split: prose first, a landscape plate centred on it */
.page-exclusive .ex-split--intro .ex-split__grid { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); align-items: center; }
.page-exclusive .ex-split--intro .ex-plate { position: static; }
.page-exclusive .ex-split--intro .art-prose p:not(.ex-sub) { max-width: 54ch; }
.page-exclusive .ex-split--intro .art-prose p + p { margin-top: 1.1rem; }
.page-exclusive .ex-plate--forecourt img { aspect-ratio: 5 / 4; object-position: 50% 45%; }

/* .ex-collection: six doorways. Two paired entries, then four wide rows that
   alternate sides; photograph and text never boxed */
.page-exclusive .ex-collection__head { max-width: 46rem; margin-bottom: clamp(3rem, 6vw, 5rem); }
.page-exclusive .ex-collection__head .ex-sub { margin-bottom: 0; }
.page-exclusive .ex-collection__list {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(3.5rem, 7vw, 6.5rem) clamp(2rem, 4vw, 4rem);
  margin: 0; padding: 0; list-style: none;
}
.page-exclusive .ex-item { position: relative; display: grid; align-items: center; gap: clamp(1.5rem, 3vw, 3rem); }
/* The pair opens the collection as two plates, text beneath; the second steps down */
.page-exclusive .ex-item--pair { grid-template-columns: minmax(0, 1fr); align-items: start; gap: 1.75rem; }
.page-exclusive .ex-item--pair + .ex-item--pair { margin-top: clamp(0rem, 7vw, 6.5rem); }
.page-exclusive .ex-item--pair .ex-item__media img { aspect-ratio: 16 / 10; }
.page-exclusive .ex-item--pair .ex-item__body { max-width: 30rem; }
.page-exclusive .ex-item--wide { grid-column: 1 / -1; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: clamp(2rem, 5vw, 5.5rem); }
.page-exclusive .ex-item--text-first { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
.page-exclusive .ex-item--text-first .ex-item__media { order: 2; }
/* Rows step in and out, so the column never reads as one straight edge */
.page-exclusive .ex-item--wide:not(.ex-item--text-first) { margin-right: clamp(0rem, 6vw, 6rem); }
.page-exclusive .ex-item--text-first { margin-left: clamp(0rem, 6vw, 6rem); }

.page-exclusive .ex-item__media { margin: 0; overflow: hidden; background: var(--hb-ink-soft); }
.page-exclusive .ex-item__media img {
  display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover;
  transition: transform 1.2s var(--hb-ease), filter 0.6s var(--hb-ease); filter: saturate(0.92);
}
.page-exclusive .ex-item--wide .ex-item__media img { aspect-ratio: 16 / 8.5; }
.page-exclusive #weddings .ex-item__media img { object-position: 30% 50%; }
.page-exclusive #aviation .ex-item__media img { object-position: 62% 50%; }
.page-exclusive #villas .ex-item__media img { object-position: 50% 62%; }
.page-exclusive #yachts .ex-item__media img { object-position: 30% 55%; }
.page-exclusive #museum .ex-item__media img { object-position: 50% 42%; }
.page-exclusive #security .ex-item__media img { object-position: 50% 38%; }
.page-exclusive .ex-item:hover .ex-item__media img { transform: scale(1.03); filter: none; }

.page-exclusive .ex-item__n {
  display: block; margin-bottom: 0.9rem; font-family: var(--hb-serif); font-style: italic;
  font-size: 1.1rem; color: rgba(220, 203, 166, 0.8);
}
.page-exclusive .ex-item__name {
  margin: 0 0 0.85rem; font-family: var(--hb-serif); font-weight: 500;
  font-size: clamp(1.9rem, 1.5rem + 1.3vw, 2.75rem); line-height: 1.05; color: #fff;
}
.page-exclusive .ex-item--pair .ex-item__name { font-size: clamp(1.75rem, 1.4rem + 1vw, 2.3rem); }
.page-exclusive .ex-item__name a { color: inherit; }
/* The whole entry is one link target; the visible "Explore" line is decoration */
.page-exclusive .ex-item__name a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.page-exclusive .ex-item__name a:focus-visible { outline: 0; }
.page-exclusive .ex-item:has(a:focus-visible) { outline: 1px solid var(--hb-champagne); outline-offset: 10px; }
.page-exclusive .ex-item__desc { margin: 0; font-size: 0.98rem; line-height: 1.75; color: rgba(244, 240, 232, 0.74); max-width: 42ch; }
.page-exclusive .ex-item .art-named { margin-top: 1.1rem; font-size: 0.68rem; letter-spacing: 0.14em; }
.page-exclusive .ex-item__go {
  display: inline-flex; align-items: center; gap: 0.5rem; margin-top: 1.5rem; padding-bottom: 0.3rem;
  font-size: 0.72rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--hb-champagne); border-bottom: 1px solid rgba(200, 183, 156, 0.4);
  transition: color 0.3s var(--hb-ease), border-color 0.3s var(--hb-ease);
}
.page-exclusive .ex-item__go .hb-arrow { transition: transform 0.25s var(--hb-ease); }
.page-exclusive .ex-item:hover .ex-item__go { color: #fff; border-color: #fff; }
.page-exclusive .ex-item:hover .ex-item__go .hb-arrow { transform: translateX(4px); }

/* The pause after the collection: the river on the left edge, one idea on ink */
.page-exclusive .ex-bleed--hub { min-height: 600px; border-top: 1px solid var(--hb-line-on-dark); }
.page-exclusive .ex-bleed--hub .ex-bleed__media img { object-position: 62% 50%; }
.page-exclusive .ex-bleed--hub .hb-heading { font-size: clamp(2rem, 1.5rem + 1.9vw, 3.2rem); text-wrap: balance; }

/* .ex-trio: three words across the page, hairlines between, no boxes */
.page-exclusive .ex-trio__head { max-width: 46rem; margin-bottom: clamp(2.5rem, 5vw, 3.75rem); }
.page-exclusive .ex-trio__list {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ex-hairline-brass-light);
}
.page-exclusive .ex-trio__list li { padding: 2rem clamp(1.5rem, 3.5vw, 3.5rem) 0.5rem; }
.page-exclusive .ex-trio__list li:first-child { padding-left: 0; }
.page-exclusive .ex-trio__list li + li { border-left: 1px solid var(--ex-hairline-brass-light); }
.page-exclusive .ex-trio__n { display: block; margin-bottom: 1.5rem; font-family: var(--hb-serif); font-style: italic; font-size: 1.1rem; color: var(--ex-brass-soft); }
.page-exclusive .ex-trio h3 {
  margin: 0 0 0.9rem; font-family: var(--hb-serif); font-weight: 500; font-style: italic;
  font-size: clamp(2rem, 1.6rem + 1.4vw, 2.9rem); line-height: 1; color: var(--hb-ink);
}
.page-exclusive .ex-trio p { margin: 0; font-size: 1rem; line-height: 1.8; color: var(--hb-text-dim); max-width: 34ch; }

/* .ex-behind: the operation behind the moment. Prose and the partner ledger
   left, a five-photograph mosaic right */
.page-exclusive .ex-behind__grid {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(2.5rem, 6vw, 6.5rem); align-items: start;
}
.page-exclusive .ex-behind__text { position: sticky; top: calc(var(--ex-header) + 2.5rem); }
.page-exclusive .ex-behind__text .hb-heading { font-size: clamp(2rem, 1.5rem + 1.7vw, 3rem); text-wrap: balance; }
.page-exclusive .ex-behind__text .hb-copy { max-width: 46ch; }
.page-exclusive .ex-behind__lead {
  margin: 2rem 0 0; font-family: var(--hb-serif); font-style: italic; font-weight: 500;
  font-size: clamp(1.35rem, 1.15rem + 0.7vw, 1.75rem); line-height: 1.3; color: rgba(220, 203, 166, 0.92); max-width: 30ch;
}
.page-exclusive .ex-behind__ledger { margin: 1.75rem 0 2.25rem; }
.page-exclusive .ex-behind .art-entry,
.page-exclusive .ex-behind .art-entry + .art-entry { margin: 0; padding: 1.15rem 0 1.25rem; border-top: 1px solid var(--ex-hairline-brass); }
.page-exclusive .ex-behind .art-entry h3 { margin: 0 0 0.35rem; font-family: var(--hb-serif); font-weight: 500; font-size: 1.35rem; line-height: 1.2; color: #fff; }
.page-exclusive .ex-behind .art-entry p { margin: 0; font-size: 0.95rem; line-height: 1.7; color: rgba(244, 240, 232, 0.7); }

.page-exclusive .ex-mosaic {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas: "a a" "b c" "d e";
  gap: clamp(0.6rem, 1.2vw, 1rem); margin: 0; padding: 0; list-style: none;
}
.page-exclusive .ex-mosaic__a { grid-area: a; }
.page-exclusive .ex-mosaic__b { grid-area: b; }
.page-exclusive .ex-mosaic__c { grid-area: c; }
.page-exclusive .ex-mosaic__d { grid-area: d; }
.page-exclusive .ex-mosaic__e { grid-area: e; }
.page-exclusive .ex-mosaic figure { position: relative; margin: 0; height: 100%; }
.page-exclusive .ex-mosaic img {
  display: block; width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--hb-ink-soft);
}
.page-exclusive .ex-mosaic__a img { aspect-ratio: 16 / 7; object-position: 60% 50%; }
.page-exclusive .ex-mosaic__b img { object-position: 72% 30%; }
.page-exclusive .ex-mosaic__c img { object-position: 40% 50%; }
.page-exclusive .ex-mosaic__d { margin-top: clamp(1.5rem, 4vw, 3.5rem); }
.page-exclusive .ex-mosaic__d img { aspect-ratio: 3 / 4; }
.page-exclusive .ex-mosaic__e img { aspect-ratio: 1 / 1; }
.page-exclusive .ex-mosaic figure::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(to top, rgba(21, 21, 21, 0.6) 0%, rgba(21, 21, 21, 0) 34%);
}
.page-exclusive .ex-mosaic figcaption {
  position: absolute; left: 1rem; bottom: 0.85rem; z-index: 1;
  font-size: 0.64rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(244, 240, 232, 0.86);
}

/* .ex-begin: a quiet index of the six pages */
.page-exclusive .ex-begin__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(1.75rem, 3.5vw, 2.75rem); }
.page-exclusive .ex-begin .hb-heading { margin-bottom: 0; text-wrap: balance; }
.page-exclusive .ex-begin__list {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ex-hairline-brass-light);
}
.page-exclusive .ex-begin__list li { border-bottom: 1px solid var(--ex-hairline-brass-light); }
.page-exclusive .ex-begin__list a {
  display: flex; justify-content: space-between; align-items: center; gap: 1rem;
  padding: 1.15rem 1.25rem 1.15rem 0; margin-right: 1.25rem;
  font-family: var(--hb-serif); font-weight: 500; font-size: clamp(1.2rem, 1.1rem + 0.35vw, 1.4rem); line-height: 1.2; color: var(--hb-ink);
}
.page-exclusive .ex-begin__list .hb-arrow { color: var(--hb-gold); font-family: var(--hb-sans); font-size: 0.9rem; transition: transform 0.25s var(--hb-ease); }
.page-exclusive .ex-begin__list a:hover,
.page-exclusive .ex-begin__list a:focus-visible { color: var(--hb-gold); }
.page-exclusive .ex-begin__list a:hover .hb-arrow { transform: translateX(4px); }
.page-exclusive .ex-begin__more { margin: 1.5rem 0 0; font-size: 0.95rem; line-height: 1.8; color: var(--hb-text-dim); }
.page-exclusive .ex-begin__more a { color: var(--hb-ink); border-bottom: 1px solid var(--hb-gold); }
.page-exclusive .ex-begin__more a:hover,
.page-exclusive .ex-begin__more a:focus-visible { color: var(--hb-gold); }

/* .ex-final: the invitation. The deck at sunset, the words low on the left */
.page-exclusive .ex-final { position: relative; isolation: isolate; overflow: hidden; padding: clamp(7rem, 12vw, 12rem) 0 clamp(4.5rem, 8vw, 7.5rem); }
.page-exclusive .ex-final__img {
  position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 60% 55%;
}
.page-exclusive .ex-final::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    linear-gradient(to right, rgba(21, 21, 21, 0.88) 0%, rgba(21, 21, 21, 0.62) 38%, rgba(21, 21, 21, 0.1) 70%),
    linear-gradient(to top, rgba(21, 21, 21, 0.7) 0%, rgba(21, 21, 21, 0) 40%);
}
.page-exclusive .ex-final__body { max-width: 36rem; }
.page-exclusive .ex-final .hb-heading { font-size: var(--hb-h2); text-wrap: balance; }
.page-exclusive .ex-final .hb-copy { color: rgba(244, 240, 232, 0.8); max-width: 44ch; }
.page-exclusive .ex-final .hb-cta--solid { border-radius: 0; }
.page-exclusive .ex-final__aside { margin: 1.75rem 0 0; font-size: 0.88rem; line-height: 1.7; color: rgba(244, 240, 232, 0.66); }
.page-exclusive .ex-final__aside a { color: var(--hb-champagne); border-bottom: 1px solid rgba(200, 183, 156, 0.45); }
.page-exclusive .ex-final__aside a:hover,
.page-exclusive .ex-final__aside a:focus-visible { color: #fff; border-bottom-color: #fff; }

@media (max-width: 1199.98px) {
  /* The whole photograph stays behind the hero at tablet width (the spokes stack instead) */
  .page-exclusive .ex-hero--hub .ex-hero__img,
  .page-exclusive .ex-hero--hub::before { bottom: 0; height: 100%; }
  .page-exclusive .ex-hero--hub .ex-hero__img { object-position: 42% 50%; }
  .page-exclusive .ex-hero--hub::before {
    background:
      linear-gradient(to top, rgba(10, 10, 11, 0.92) 0%, rgba(10, 10, 11, 0.6) 34%, rgba(10, 10, 11, 0) 62%),
      linear-gradient(to bottom, rgba(10, 10, 11, 0.55) 0%, rgba(10, 10, 11, 0) 24%);
  }
  .page-exclusive .ex-hero--hub .ex-hero__inner { display: flex; min-height: 86vh; min-height: 86svh; }
  .page-exclusive .ex-item--pair { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .page-exclusive .ex-item--wide { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
  .page-exclusive .ex-item--text-first { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .page-exclusive .ex-item--wide:not(.ex-item--text-first),
  .page-exclusive .ex-item--text-first { margin: 0; }
  .page-exclusive .ex-item--wide .ex-item__media img { aspect-ratio: 4 / 3; }
  .page-exclusive .ex-begin__grid { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
}
@media (max-width: 991.98px) {
  .page-exclusive .ex-split--intro .ex-split__grid { grid-template-columns: minmax(0, 1fr); }
  .page-exclusive .ex-split--intro .ex-plate { max-width: none; }
  .page-exclusive .ex-bleed--hub { min-height: 0; }
  .page-exclusive .ex-behind__grid { grid-template-columns: minmax(0, 1fr); }
  .page-exclusive .ex-behind__text { position: static; }
  .page-exclusive .ex-trio__list { grid-template-columns: minmax(0, 1fr); }
  .page-exclusive .ex-trio__list li,
  .page-exclusive .ex-trio__list li:first-child { padding: 1.75rem 0 2rem; }
  .page-exclusive .ex-trio__list li + li { border-left: 0; border-top: 1px solid var(--ex-hairline-brass-light); }
  .page-exclusive .ex-trio__list { display: grid; }
  .page-exclusive .ex-trio__list li { display: grid; grid-template-columns: 3rem minmax(0, 1fr); column-gap: 1rem; }
  .page-exclusive .ex-trio__n { grid-row: 1 / 3; margin: 0.35rem 0 0; }
  .page-exclusive .ex-begin__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .page-exclusive .ex-hero--hub .ex-hero__img { object-position: 30% 50%; }
  .page-exclusive .ex-hero--hub .ex-hero__head { margin-top: auto; }
  .page-exclusive .ex-hero--hub .ex-hero__title { font-size: clamp(2.75rem, 12.5vw, 3.6rem); }
  .page-exclusive .ex-hero__kicker { font-size: 0.64rem; letter-spacing: 0.18em; }
  .page-exclusive .ex-hero__kicker::after { content: none; }
  .page-exclusive .ex-hero--hub .ex-hero__ctas { flex-direction: column; align-items: flex-start; }

  .page-exclusive .ex-collection__list { grid-template-columns: minmax(0, 1fr); gap: 3.5rem; }
  .page-exclusive .ex-item,
  .page-exclusive .ex-item--wide,
  .page-exclusive .ex-item--text-first { grid-template-columns: minmax(0, 1fr); gap: 1.4rem; }
  .page-exclusive .ex-item--text-first .ex-item__media { order: 0; }
  .page-exclusive .ex-item--pair + .ex-item--pair { margin-top: 0; }
  .page-exclusive .ex-item__media img,
  .page-exclusive .ex-item--wide .ex-item__media img { aspect-ratio: 3 / 2; }

  .page-exclusive .ex-mosaic { grid-template-areas: "a a" "b c" "d e"; }
  .page-exclusive .ex-mosaic__a img { aspect-ratio: 3 / 2; }
  .page-exclusive .ex-mosaic__d { margin-top: 0; }
  .page-exclusive .ex-mosaic__d img,
  .page-exclusive .ex-mosaic__e img { aspect-ratio: 4 / 5; }
  .page-exclusive .ex-mosaic figcaption { left: 0.7rem; bottom: 0.6rem; font-size: 0.58rem; letter-spacing: 0.16em; }

  .page-exclusive .ex-begin__list { grid-template-columns: minmax(0, 1fr); }
  .page-exclusive .ex-begin__list a { margin-right: 0; padding-right: 0; }

  .page-exclusive .ex-final { padding-top: 16rem; }
  .page-exclusive .ex-final__img { height: 26rem; bottom: auto; object-position: 70% 50%; }
  .page-exclusive .ex-final::before {
    background: linear-gradient(to bottom, rgba(21, 21, 21, 0.2) 0, rgba(21, 21, 21, 0.55) 12rem, var(--hb-ink) 26rem);
  }
  .page-exclusive .ex-final .ex-hero__ctas { flex-direction: column; align-items: flex-start; }
}

/* ---------------------------------------------------------------------
   Added with the Private Aviation page
   ------------------------------------------------------------------- */
/* Hero: reuses the stacked .ex-hero--museum layout. The 3:1 boarding photograph
   is held shorter so it is barely cropped; the headline sits on the tarmac,
   left of the jet's nose */
@media (min-width: 1200px) {
  .page-exclusive .ex-hero--aviation .ex-hero__img,
  .page-exclusive .ex-hero--aviation::before { height: 78vh; height: 78svh; }
  .page-exclusive .ex-hero--aviation .ex-hero__img { object-position: 100% 50%; }
  .page-exclusive .ex-hero--aviation .ex-hero__stage { min-height: calc(78svh - var(--ex-header) - clamp(1.25rem, 2.5vw, 2rem)); }
  .page-exclusive .ex-hero--aviation .ex-hero__title { max-width: 7.4em; }
  .page-exclusive .ex-hero--aviation::before {
    background:
      linear-gradient(to top, var(--hb-ink) 0%, rgba(21, 21, 21, 0.8) 16%, rgba(21, 21, 21, 0.3) 36%, rgba(21, 21, 21, 0) 52%),
      linear-gradient(to right, rgba(10, 10, 11, 0.7) 0%, rgba(10, 10, 11, 0.42) 30%, rgba(10, 10, 11, 0) 50%),
      linear-gradient(to bottom, rgba(10, 10, 11, 0.55) 0%, rgba(10, 10, 11, 0.12) 20%, rgba(10, 10, 11, 0) 30%);
  }
}

/* Partner split: the cabin plate, the traveller kept in frame */
.page-exclusive .ex-split--aviation .ex-split__grid { align-items: center; }
.page-exclusive .ex-split--aviation .ex-plate { position: static; }
.page-exclusive .ex-split--aviation .art-prose p:not(.ex-sub) { max-width: 56ch; }
.page-exclusive .ex-split--aviation .art-prose p + p { margin-top: 1.1rem; }
.page-exclusive .ex-plate--cabin img { object-position: 24% 50%; }

/* .ex-strip: a very wide photograph at its own proportions, full-bleed, fading
   into the ink section it opens */
.page-exclusive .ex-strip { position: relative; margin: 0; }
.page-exclusive .ex-strip img {
  display: block; width: 100%; height: auto; min-height: 180px;
  object-fit: cover; object-position: 0% 50%; background: var(--hb-ink);
}
.page-exclusive .ex-strip::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(to top, var(--hb-ink) 0%, rgba(21, 21, 21, 0) 45%);
}
.page-exclusive .ex-strip figcaption {
  position: absolute; top: 1.2rem; right: clamp(1.25rem, 4vw, 2.5rem); z-index: 1;
  font-size: 0.68rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase;
  color: rgba(244, 240, 232, 0.72);
}
.page-exclusive .ex-strip--dawn img { object-position: 30% 50%; }

/* .ex-principles: five principles across the page on ink, hairlines between
   columns, no boxes and no icons */
.page-exclusive .ex-principles { background: var(--hb-ink); color: var(--hb-champagne); padding-bottom: var(--hb-section-y); }
.page-exclusive .ex-principles__head { position: relative; z-index: 1; max-width: 46rem; margin: clamp(-5rem, -4.5vw, -1.5rem) 0 clamp(2.5rem, 5vw, 4rem); }
.page-exclusive .ex-principles .hb-heading { color: #fff; }
.page-exclusive .ex-principles__list {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ex-hairline-brass);
}
.page-exclusive .ex-principles__list li { padding: 1.9rem clamp(1rem, 2vw, 2rem) 0.5rem; }
.page-exclusive .ex-principles__list li:first-child { padding-left: 0; }
.page-exclusive .ex-principles__list li + li { border-left: 1px solid var(--hb-line-on-dark); }
.page-exclusive .ex-principles__n {
  display: block; margin-bottom: 1.4rem; font-family: var(--hb-serif); font-style: italic;
  font-size: 1.1rem; color: rgba(220, 203, 166, 0.8);
}
.page-exclusive .ex-principles h3 {
  margin: 0 0 0.75rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.2em;
  text-transform: uppercase; line-height: 1.5; color: var(--hb-champagne);
}
.page-exclusive .ex-principles p {
  margin: 0; font-family: var(--hb-serif); font-size: clamp(1.15rem, 1.05rem + 0.3vw, 1.3rem);
  line-height: 1.4; color: rgba(244, 240, 232, 0.88);
}

/* Jet split: the aircraft sits top centre of the photograph */
.page-exclusive .ex-plate--jet img { object-position: 42% 40%; }

/* Helicopter band: the river's bend and the ship stay in frame */
.page-exclusive .ex-bleed--helicopter .ex-bleed__media img { object-position: 60% 60%; }

/* Process: heading left, one italic line right, then the steps */
.page-exclusive .ex-process__top {
  display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 1.5rem clamp(2rem, 6vw, 6.5rem); align-items: end;
}
.page-exclusive .ex-process__head .hb-heading { margin-bottom: 0; text-wrap: balance; }
.page-exclusive .ex-process__lead {
  margin: 0 0 0.4rem; font-family: var(--hb-serif); font-style: italic; font-weight: 500;
  font-size: clamp(1.35rem, 1.15rem + 0.7vw, 1.75rem); line-height: 1.3; color: var(--ex-brass-soft);
  max-width: 28ch; text-wrap: balance;
}

/* Behind: ledger titles are links to the capability pages */
.page-exclusive .ex-behind .art-entry h3 a { color: inherit; border-bottom: 1px solid transparent; transition: border-color 0.3s var(--hb-ease), color 0.3s var(--hb-ease); }
.page-exclusive .ex-behind .art-entry h3 a:hover,
.page-exclusive .ex-behind .art-entry h3 a:focus-visible { color: var(--hb-champagne); border-bottom-color: rgba(200, 183, 156, 0.5); }
.page-exclusive .ex-behind--aviation .ex-mosaic__a img { object-position: 50% 62%; }
.page-exclusive .ex-behind--aviation .ex-mosaic__b img { object-position: 55% 40%; }
.page-exclusive .ex-behind--aviation .ex-mosaic__c img { object-position: 62% 50%; }
.page-exclusive .ex-behind--aviation .ex-mosaic__d img { object-position: 70% 50%; }
.page-exclusive .ex-behind--aviation .ex-mosaic__e img { object-position: 70% 50%; }

/* Network: the felucca held right of centre, the words below */
.page-exclusive .ex-wide--network .ex-wide__media img { object-position: 64% 55%; }
.page-exclusive .ex-statement--network .art-prose a { color: var(--hb-ink); border-bottom: 1px solid var(--hb-gold); }
.page-exclusive .ex-statement--network .art-prose a:hover,
.page-exclusive .ex-statement--network .art-prose a:focus-visible { color: var(--hb-gold); }

/* Ledger on ink opened by the dawn strip */
.page-exclusive .ex-ledger--strip { background: var(--hb-ink); padding-bottom: var(--hb-section-y); }
.page-exclusive .ex-ledger--strip .hb-wrap { margin-top: clamp(1rem, 3vw, 2.5rem); }
.page-exclusive .ex-ledger--strip .hb-heading { text-wrap: balance; }

/* Enquiry: the captain walks on the right, the form sits over the shade */
.page-exclusive .ex-enquiry--aviation .ex-enquiry__img { object-position: 60% 50%; }

@media (max-width: 1199.98px) {
  .page-exclusive .ex-hero--aviation .ex-hero__img { object-position: 78% 50%; }
  .page-exclusive .ex-principles__list { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 2.5rem; border-top: 0; }
  .page-exclusive .ex-principles__list li,
  .page-exclusive .ex-principles__list li:first-child,
  .page-exclusive .ex-principles__list li + li { padding: 1.6rem 1.5rem 0 0; border-left: 0; border-top: 1px solid var(--ex-hairline-brass); }
}
@media (max-width: 991.98px) {
  .page-exclusive .ex-principles__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-exclusive .ex-process__top { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767.98px) {
  .page-exclusive .ex-hero--aviation .ex-hero__img { object-position: 84% 50%; }
  .page-exclusive .ex-strip img { aspect-ratio: 5 / 2; }
  .page-exclusive .ex-strip--dawn img { object-position: 8% 50%; }
  .page-exclusive .ex-principles__list { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
  .page-exclusive .ex-principles__list li,
  .page-exclusive .ex-principles__list li:first-child,
  .page-exclusive .ex-principles__list li + li { display: grid; grid-template-columns: 3rem minmax(0, 1fr); column-gap: 0.75rem; padding: 1.5rem 0 1.6rem; }
  .page-exclusive .ex-principles__n { grid-row: 1 / 3; margin: 0.1rem 0 0; }
  .page-exclusive .ex-wide--network .ex-wide__media img { height: auto; aspect-ratio: 4 / 3; object-position: 68% 50%; }
  .page-exclusive .ex-enquiry--aviation .ex-enquiry__img { object-position: 78% 50%; }
}

@media (prefers-reduced-motion: reduce) {
  .page-exclusive .ex-hero__img { animation: none; }
  .page-exclusive .ex-item:hover .ex-item__media img { transform: none; }
}
