/* ============================================================
   unify-v62.css · loaded LAST on individual tour + day-trip pages.
   Brings the below-gallery area into line with the transfer pages:
   ONE combined section — title + trimmed lead + a navy "At a glance"
   card (mirroring .xf-journey on boat-transfer-*.html) — plus a
   clean multi-photo "meet your driver" collage on day trips.
   Palette: navy #0C2342/#16263a · gold #C19A4D/#A9843A/#D9B86A ·
   cream #F4EBD9 · off-white #F4EFE6 · muted #4a5562/#5c6674.
   ============================================================ */

/* ============================================================
   1 · OVERVIEW — hero title + lead + navy "At a glance" card
   (single section; replaces the old split hero + about blocks)
   ============================================================ */
.us-about{padding:clamp(56px,7vw,96px) 0;background:var(--white,#fff);}
.us-hero{padding:clamp(30px,3.6vw,44px) 0 clamp(56px,7vw,92px)!important;background:var(--white,#fff);}

.us-about .us-grid,.us-hero .us-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(28px,4vw,64px);align-items:start;}

/* copy column */
.us-about .us-copy .h-eyebrow{display:inline-flex;align-items:center;gap:11px;}
.us-about .us-copy .h-eyebrow::before{content:"";width:24px;height:2px;background:#C19A4D;}
.us-about .us-copy h2{font-family:var(--f-display,'Archivo',sans-serif);font-weight:800;font-size:clamp(28px,3.4vw,44px);line-height:1.03;letter-spacing:-.03em;color:#16263a;margin:16px 0 0;}
.us-about .us-copy h2 em{font-style:italic;font-weight:500;color:#C19A4D;}
.us-about .us-copy>p{margin:18px 0 0;font-size:16px;line-height:1.62;color:#4a5562;max-width:54ch;}
.us-about .us-copy .us-insider,.us-hero .us-copy .us-insider{margin-top:14px;font-size:14.5px;line-height:1.6;color:#5c6674;}
.us-about .us-copy .us-insider strong,.us-hero .us-copy .us-insider strong{color:#A9843A;font-weight:700;}

/* hero copy column — title stack sits above the lead */
.us-hero .us-copy h1{margin:0!important;}
.us-hero .us-copy .tagline{margin-top:14px!important;}
.us-hero .us-copy .tour-tags{margin-bottom:16px!important;}
.us-hero .us-copy .us-lead{margin-top:22px;font-size:16px;line-height:1.62;color:#4a5562;max-width:54ch;}
/* KPI strip is relocated into the gallery booking card by pages-refresh-v60.js;
   keep it out of the copy flow while it is still in the hero */
.us-hero .us-copy .tour-kpis{margin-top:22px;}

/* navy "At a glance" card (shared) */
.us-about .us-card,.us-hero .us-card{background:#0C2342;border-radius:22px;padding:clamp(24px,2.6vw,34px);align-self:start;}
.us-about .us-k,.us-hero .us-k{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-body,'Manrope',sans-serif);font-weight:800;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#D9B86A;}
.us-about .us-k::before,.us-hero .us-k::before{content:"";width:20px;height:2px;background:#C19A4D;}
.us-about .us-specs,.us-hero .us-specs{margin-top:16px;}
.us-about .us-specs>div,.us-hero .us-specs>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid rgba(255,255,255,.1);}
.us-about .us-specs>div:first-child,.us-hero .us-specs>div:first-child{border-top:none;}
.us-about .us-specs .s-k,.us-hero .us-specs .s-k{font-size:13px;color:rgba(226,235,247,.6);}
.us-about .us-specs .s-v,.us-hero .us-specs .s-v{font-family:var(--f-display,'Archivo',sans-serif);font-weight:600;font-size:15px;color:#fff;text-align:right;}
.us-about .us-foot,.us-hero .us-foot{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);}
.us-about .us-foot span,.us-hero .us-foot span{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#EAF0F7;}
.us-about .us-foot span::before,.us-hero .us-foot span::before{content:"";flex:0 0 auto;width:16px;height:16px;border-radius:50%;background:#C19A4D;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center/11px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center/11px no-repeat;}
@media(max-width:820px){.us-about .us-grid,.us-hero .us-grid{grid-template-columns:1fr;gap:26px;}.us-about .us-copy>p,.us-hero .us-copy .us-lead{max-width:none;}}

/* ============================================================
   2 · MEET YOUR DRIVER — clean 3-photo collage (no overlap)
   Replaces the broken JS "polaroid cluster" that spilled onto
   the route map. Driver portrait + two route photos.
   ============================================================ */
.ms-driver .ms-driver-grid{align-items:center!important;}
.ms-driver .ms-driver-body h2{font-family:var(--f-display,'Archivo',sans-serif);font-weight:800;letter-spacing:-.03em;color:#16263a;}
.ms-driver .ms-driver-body h2 em{font-style:italic;font-weight:500;color:#C19A4D;}
.ms-driver .ms-driver-body>p{font-size:16px;line-height:1.62;color:#4a5562;max-width:46ch;margin-top:14px;}

.ms-driver .msd-collage{display:grid;grid-template-columns:1.22fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:clamp(340px,34vw,460px);}
.ms-driver .msd-collage figure{margin:0;overflow:hidden;border-radius:16px;background:#0C2342;box-shadow:0 26px 54px -38px rgba(10,22,44,.6);}
.ms-driver .msd-collage img{width:100%;height:100%;object-fit:cover;display:block;}
.ms-driver .msd-collage .m{grid-row:1 / 3;}

/* clear separation before the route map so nothing overlaps */
.ms-driver .ms-routemap{margin-top:clamp(36px,4.5vw,64px)!important;}
@media(max-width:760px){
  .ms-driver .ms-driver-grid{grid-template-columns:1fr!important;gap:24px!important;}
  .ms-driver .msd-collage{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:none;}
  .ms-driver .msd-collage .m{grid-row:auto;grid-column:1 / -1;aspect-ratio:16/10;}
  .ms-driver .msd-collage .s1,.ms-driver .msd-collage .s2{aspect-ratio:1/1;}
}

/* ---- safety: contain any legacy single-photo driver figure ---- */
.ms-driver .ms-driver-photo{overflow:hidden!important;aspect-ratio:4/5!important;max-height:460px;border-radius:22px!important;}
.ms-driver .ms-driver-photo img{width:100%!important;height:100%!important;object-fit:cover!important;}
.ms-driver .msd-extra,.ms-driver .msd-e1,.ms-driver .msd-e2{display:none!important;}