/* Service / legal / list-adjacent static pages — used with journey-detail.css */

.jbody--static {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}

.jbody--contact {
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  /* Match hero: no extra top; balanced bottom before footer (jbody default was padding-bottom: 0) */
  padding: 0 1.1rem 3.25rem;
}
.jbody--contact .jbody__main {
  padding-top: 1.5rem;
}
.jbody--contact .jsec--contact-lead {
  margin-top: 0;
}
.jbody--contact .jsec--contact-lead .jsec__h2,
.jbody--contact .jsec--contact-lead .jsec__text {
  margin-top: 0;
}
@media (min-width: 768px) {
  .jbody--contact {
    padding: 0 2rem 3.75rem;
  }
}
@media (min-width: 1024px) {
  .jbody.jbody--contact {
    display: block;
    max-width: 56rem;
    padding: 0 2.5rem 4.25rem;
  }
}

@media (min-width: 1024px) {
  .jbody.jbody--static {
    display: block;
    max-width: 42rem;
  }
}

/* Prose: numbered steps, lists */
.sprose ol {
  margin: 0 0 1rem;
  padding-left: 1.2rem;
  font-size: 0.92rem;
  line-height: 1.65;
  color: var(--ink-soft, #3d3d3a);
}
.sprose li { margin: 0.4rem 0; }
.sprose li::marker { color: var(--garnet-red); font-weight: 600; }

/* Service hero — mobile: stack CTAs so each can be full width; avoid squeezed two-col wrap */
@media (max-width: 1023px) {
  .jhero--service .jhero__cta-row {
    display: flex;
    flex-direction: column;
    max-width: 22rem;
  }
  .jhero--service .jhero__cta {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
  }
}

/* Service hero: keep CTAs on desktop; allow room so labels stay one line (do not cap at 20rem) */
@media (min-width: 1024px) {
  .jhero--service .jhero__cta-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.65rem 0.75rem;
    max-width: min(100%, 40rem);
    width: 100%;
    margin-top: 0.5rem;
  }
  .jhero--service .jhero__cta {
    white-space: nowrap;
    flex: 0 0 auto;
    padding: 0.9rem 1.35rem;
    font-size: 0.95rem;
  }
  .jhero--service .jhero__price-strip {
    display: none;
  }
  /* Ghost CTA: ink reads as black on full-bleed dark hero; use light outline + text (matches chips / lede) */
  .jhero--service .jhero__cta--secondary {
    color: #fff;
    border: 1.5px solid rgba(255, 255, 255, 0.9);
  }
  .jhero--service .jhero__cta--secondary:hover {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    border-color: #fff;
  }
}
@media (min-width: 1280px) {
  .jhero--service .jhero__cta-row {
    max-width: min(100%, 44rem);
    gap: 0.75rem 1rem;
  }
  .jhero--service .jhero__cta {
    padding: 0.95rem 1.5rem;
    font-size: 1rem;
  }
}

/* Service page: form (left) + prose (right) on wide screens */
.jbody--split {
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.75rem 1.1rem 2.5rem;
}
@media (min-width: 768px) {
  .jbody--split {
    padding: 2.25rem 2rem 3rem;
  }
}
@media (min-width: 1024px) {
  .jbody--split {
    display: grid;
    grid-template-columns: minmax(18rem, 22rem) minmax(0, 1fr);
    gap: 2.5rem 3.25rem;
    align-items: start;
    padding: 2.5rem 2.5rem 3.5rem;
  }
  .jbody.jbody--split {
    display: grid;
  }
  .sp-split__form {
    position: sticky;
    top: calc(72px + 1.25rem);
  }
}
@media (min-width: 1280px) {
  .jbody--split {
    grid-template-columns: minmax(22rem, 26rem) minmax(0, 1fr);
    gap: 2.75rem 3.75rem;
    padding: 2.75rem 2.5rem 4rem;
  }
}
.sp-form-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 1.45rem 1.4rem 1.5rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 4px 12px rgba(0, 0, 0, 0.04);
}
.sp-form-card h2 {
  margin: 0 0 0.5rem;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--garnet-red);
}
.sp-form-card p.sp-form-hint {
  margin: 0 0 1.25rem;
  font-size: 0.84rem;
  color: var(--muted);
  line-height: 1.55;
}
/* Right column: breathing room so sections don’t stack; first block aligns with form */
.jbody--split .sp-split__content {
  padding-top: 0.35rem;
  padding-bottom: 0.25rem;
}
@media (min-width: 1024px) {
  .jbody--split .sp-split__content {
    padding-top: 0.5rem;
  }
}
.jbody--split .sp-split__content .jsec:first-child {
  margin-top: 0;
}
/* Looser vertical rhythm between body sections (overrides .jsec from journey-detail.css) */
.jbody--split .sp-split__content .jsec {
  margin-bottom: 2.75rem;
}
.jbody--split .sp-split__content .jsec:last-child {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .jbody--split .sp-split__content .jsec {
    margin-bottom: 3.5rem;
  }
  .jbody--split .jsec__eyebrow {
    margin-bottom: 0.8rem;
  }
  .jbody--split .jsec__h2 {
    margin-top: 0;
    margin-bottom: 1.1rem;
    line-height: 1.2;
  }
  .jbody--split .jsec__text,
  .jbody--split .sprose ol {
    line-height: 1.72;
  }
  .jbody--split .jsec__text {
    margin-bottom: 0;
  }
  .jbody--split .jsec p.jsec__text + p.jsec__text {
    margin-top: 0.85rem;
  }
  .jbody--split .sprose ol {
    margin: 0 0 0.25rem;
  }
}
/* Narrow screens: form stacks on top, full width */
/* Keep sidebar forms single-column (override .contact-form 2-col grid) */
.sp-split__form .contact-form,
.sp-split__form .contact-form.sp-form--side {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
/* Split sidebar: more air between label ↔ control and between field groups */
.jbody--split .sp-split__form .cfield {
  gap: 0.5rem;
}
.jbody--split .sp-split__form .cfield input,
.jbody--split .sp-split__form .cfield select,
.jbody--split .sp-split__form .cfield textarea {
  padding: 0.75rem 0.9rem;
  margin-top: 0.05rem;
}
.jbody--split .sp-split__form .cfield textarea {
  min-height: 7.5rem;
}
.jbody--split .sp-split__form .cfield--full {
  margin-top: 0;
}
.jbody--split .sp-split__form .cbtn {
  margin-top: 0.35rem;
  padding: 0.9rem 1.25rem;
  width: 100%;
  align-self: stretch;
}
@media (min-width: 600px) {
  .sp-split__form .contact-form {
    display: flex;
    flex-direction: column;
  }
}
.sp-split__form .contact-form .cfield--full,
.sp-split__form .contact-form .cbtn { width: 100%; }

/* Contact */
.contact-form__row {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
@media (min-width: 600px) {
  .contact-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.contact-grid {
  display: grid;
  gap: 1.75rem;
  margin-top: 0.75rem;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .contact-grid {
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    column-gap: 2rem;
    row-gap: 0;
  }
}
.contact-line--email {
  margin-top: 1rem;
  margin-bottom: 0;
}
.contact-aside {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 1.25rem 1.35rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--ink-soft, #3d3d3a);
}
.contact-aside h3 {
  margin: 0 0 0.75rem;
  font-size: 0.95rem;
  font-weight: 700;
}
.contact-aside a { color: var(--garnet-red); font-weight: 600; }
.contact-line {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0.5rem 0 0;
}
.contact-line svg { flex-shrink: 0; margin-top: 0.1rem; color: var(--garnet-red); }
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
@media (min-width: 600px) {
  .contact-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  /* Contact 2-col layout: use flex + row wrapper so name/email stay side by side; pin submit to card bottom on md+ */
  .contact-grid .contact-form {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  .cfield--full { grid-column: 1 / -1; }
  .contact-grid .contact-form .cfield--full { width: 100%; }
}
@media (min-width: 768px) {
  .contact-grid .contact-form {
    min-height: 100%;
  }
  .contact-grid .contact-form .cfield--full:last-of-type {
    margin-top: auto;
    width: 100%;
  }
  .contact-grid .cbtn {
    width: 100%;
    align-self: stretch;
    text-align: center;
  }
  .contact-grid .contact-form .cfield--full:has(textarea) {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .contact-grid .contact-form .cfield--full:has(textarea) textarea {
    flex: 1 1 7rem;
    min-height: 7rem;
  }
}
.cfield { display: flex; flex-direction: column; gap: 0.35rem; }
.cfield label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--muted);
}
.cfield input,
.cfield select,
.cfield textarea {
  font: inherit;
  padding: 0.7rem 0.85rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
}
.cfield textarea { min-height: 7rem; resize: vertical; }
.cbtn {
  padding: 0.85rem 1.25rem;
  border: none;
  border-radius: 12px;
  background: var(--garnet-red);
  color: #fff;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  align-self: flex-start;
}
.cbtn:hover { filter: brightness(0.95); }
.contact-map {
  margin-top: 1rem;
  border-radius: 14px;
  overflow: hidden;
  min-height: 10rem;
  background: var(--surface-2, #f0f0ed);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  color: var(--muted);
  border: 1px dashed var(--line);
}

/* Notes (archive) */
.notes-head {
  margin-bottom: 1.5rem;
}
.notes-grid {
  display: grid;
  gap: 1rem;
}
@media (min-width: 600px) {
  .notes-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .notes-grid { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
}
.ncard {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}
.ncard:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.ncard__img {
  position: relative;
  aspect-ratio: 5/3;
  overflow: hidden;
}
.ncard__img .media-cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  max-width: none;
}
.ncard__body { padding: 0.9rem 1rem 1.1rem; }
.ncard__cat {
  font-size: 0.65rem;
  color: var(--garnet-red);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 0.4rem;
}
.ncard__t { font-size: 1rem; font-weight: 600; line-height: 1.35; margin: 0 0 0.5rem; }
.ncard__meta { font-size: 0.74rem; color: var(--muted); }

/* 404 */
.page-404 {
  text-align: center;
  padding: 3rem 1.25rem 4rem;
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  max-width: 28rem;
  margin: 0 auto;
}
.page-404__k {
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--garnet-red);
  margin: 0;
}
.page-404 h1 { margin: 0; font-size: clamp(1.75rem, 4vw, 2.4rem); font-weight: 600; }
.page-404 p { margin: 0; color: var(--muted); line-height: 1.6; }
.page-404__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: center; margin-top: 1rem; }
.btn-outline {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 1.1rem;
  border-radius: 12px;
  border: 1.5px solid var(--ink);
  font-weight: 600;
  text-decoration: none;
  color: var(--ink);
  font-size: 0.9rem;
}
.btn-outline:hover { background: var(--ink); color: #fff; }

/* Team teaser (about) */
.team {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
@media (max-width: 640px) { .team { grid-template-columns: 1fr; } }
.tperson {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 1.1rem;
  text-align: center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}
.tperson__ava {
  width: 64px; height: 64px; border-radius: 50%;
  background: var(--garnet-red-soft);
  color: var(--garnet-red);
  font-size: 1.35rem;
  font-weight: 700;
  display: grid; place-items: center;
  margin: 0 auto 0.65rem;
}
.tperson__n { font-weight: 600; font-size: 0.9rem; margin: 0 0 0.2rem; }
.tperson__r { font-size: 0.75rem; color: var(--muted); }

/* Destination: featured strip */
.dfeat { margin-top: 0.25rem; }
.dfeat__eyebrow {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--garnet-red);
  margin: 0 0 1rem;
}

/* ── About (brand: boarding pass, bubble, journey line, values, tagline pill) ─ */
.jbody--about {
  max-width: 56rem;
}
.jbody--about .jbody__main {
  width: 100%;
}
.jsec--about-lead {
  margin-top: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .jsec--about-lead { padding-top: 2.75rem; padding-bottom: 2.75rem; }
}

/* Simple text + image split (no card) */
.about-lead-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-top: 1rem;
}
.about-lead-split__text {
  padding: 0;
}
.about-lead-split__text .jsec__eyebrow { margin-top: 0; }
.about-lead-split__text .jsec__h2 { margin-top: 0.3rem; }
.about-lead-split__text .jsec__text { margin-bottom: 1.25rem; line-height: 1.7; }
.about-lead-split__text .jsec__text strong { color: var(--ink-soft, #3d3d3a); font-weight: 600; }
.about-lead-split__fig {
  margin: 0;
  border-radius: 18px;
  overflow: hidden;
  aspect-ratio: 4/3;
  background: var(--surface-2, #f0f0ed);
}
.about-lead-split__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
}
@media (min-width: 768px) {
  .about-lead-split {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: stretch;
  }
  .about-lead-split__fig {
    aspect-ratio: auto;
    border-radius: 20px;
    min-height: 100%;
  }
  .about-lead-split__img {
    height: 100%;
    min-height: 22rem;
  }
}
/* Editorial sentence case for About (overrides journey-detail desktop UPPER H2) */
.jbody--about .jsec__h2,
.about-cred__head .jsec__h2 {
  text-transform: none;
  letter-spacing: -0.01em;
}
.jsec__text--narrow {
  max-width: 50ch;
}
@media (min-width: 1024px) {
  .jbody.jbody--static.jbody--about {
    max-width: 56rem;
  }
}

/* Boarding-pass style story card: text zone + image zone (key-visual layout) */
.about-pass--split {
  display: flex;
  flex-direction: column;
  padding: 0;
  border-radius: 20px;
  border: 1px solid var(--line);
  background: linear-gradient(165deg, #fff 0%, var(--surface, #fafaf9) 50%, #fff 100%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 12px 32px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.about-pass__text {
  position: relative;
  padding: 1.5rem 1.35rem 1.5rem 1.6rem;
}
.about-pass__text::before {
  content: '';
  position: absolute;
  top: 1.1rem;
  bottom: 1.1rem;
  left: 0;
  width: 4px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--garnet-red) 0%, var(--garnet-red-deep, #7a1518) 100%);
}
.about-pass--split .jsec__eyebrow { margin-top: 0.1rem; }
.about-pass--split .jsec__h2 { margin-top: 0.35rem; }
.about-pass--split .jsec__text { margin-bottom: 1.35rem; }
.about-pass--split .jsec__text strong { color: var(--ink-soft, #3d3d3a); font-weight: 600; }
.about-pass__figure {
  margin: 0;
  min-height: 12rem;
  position: relative;
  background: var(--surface-2, #f0f0ed);
}
.about-pass__img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 12rem;
  object-fit: cover;
  object-position: center 35%;
}
@media (max-width: 767px) {
  .about-pass--split .about-pass__figure { order: -1; }
}
@media (min-width: 768px) {
  .about-pass--split {
    display: grid;
    grid-template-columns: 1fr minmax(12rem, 40%);
    align-items: stretch;
  }
  .about-pass--split .about-pass__figure {
    min-height: 100%;
    order: 0;
  }
  .about-pass__text {
    padding: 1.6rem 1.5rem 1.7rem 1.85rem;
  }
  .about-pass__img { min-height: 17rem; }
  .abubble__text { font-size: 0.95rem; }
}

/* Full-bleed mid-page photo strip — caption overlaid on image with shadow + scrim */
.about-strip {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 1.75rem;
  margin-bottom: 0;
  box-sizing: border-box;
  border: none;
}
.about-strip__imgwrap {
  position: relative;
  min-height: 11.5rem;
  max-height: min(42vh, 20rem);
  background: #2a2a28;
  overflow: hidden;
}
@media (min-width: 768px) {
  .about-strip__imgwrap {
    min-height: 16rem;
    max-height: min(48vh, 28rem);
  }
}
.about-strip__img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 11.5rem;
  max-height: min(42vh, 20rem);
  object-fit: cover;
  object-position: center 40%;
}
@media (min-width: 768px) {
  .about-strip__img { min-height: 16rem; max-height: min(48vh, 28rem); }
}
.about-strip__cap--overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 1.35rem 1.5rem 1.5rem;
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 1.5;
  font-size: clamp(0.8rem, 1.3vw, 0.95rem);
  font-style: italic;
  font-weight: 500;
  color: #fff;
  text-shadow:
    0 0 1px rgba(0, 0, 0, 0.9),
    0 1px 2px rgba(0, 0, 0, 0.6),
    0 2px 16px rgba(0, 0, 0, 0.5),
    0 0 32px rgba(0, 0, 0, 0.35);
  z-index: 2;
  box-sizing: border-box;
}
.about-strip__imgwrap::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60%;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0.2) 45%,
    transparent 100%
  );
  pointer-events: none;
  z-index: 1;
}

/* Two-up photos before values */
.about-dual-photos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.6rem;
  margin: 1.35rem 0 0.5rem;
}
@media (min-width: 600px) {
  .about-dual-photos { gap: 0.85rem; margin-top: 1.5rem; }
}
.about-dual-photos__cell {
  margin: 0;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--line);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  aspect-ratio: 4/3;
  background: var(--surface-2, #f0f0ed);
}
.about-dual-photos__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Values: full-bleed blurred scene (ref: one panel — headline + 2×2 glass cards) */
.about-values-band {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 0.25rem;
  margin-bottom: 0;
  box-sizing: border-box;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.about-values-band--scene {
  padding: 0;
  /* Match scene floor so any sub-pixel gap isn’t a different color than the blur */
  background: #1a1917;
}
.about-values-band__inner {
  max-width: 56rem;
  margin: 0 auto;
  padding: 0 1.1rem;
}
@media (min-width: 768px) {
  .about-values-band__inner { padding: 0 2rem; }
}
@media (min-width: 1024px) {
  .about-values-band__inner { padding: 0 2.5rem; }
}
/* journey-detail .jsec has margin-bottom — inside dark .about-values-band that reads as a black bar */
.jsec--about-values {
  margin-top: 0;
  margin-bottom: 0;
}
.about-values-block--head .jsec__eyebrow { margin: 0 0 0.5rem; }
.about-values-block--head .jsec__h2 { margin: 0 0 0.6rem; }
.about-values-block--head .jsec__text { margin: 0; }

/* Blurred split backgrounds + tint; content = white headline + centered frosted grid */
.about-values-scene {
  position: relative;
  overflow: hidden;
  min-height: 0;
}
.about-values-scene__blur {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.about-values-scene__bgs {
  position: absolute;
  /* Bleed for blur so edges don’t show unblurred */
  top: -8%;
  right: -5%;
  bottom: -8%;
  left: -5%;
  display: flex;
  filter: blur(14px);
  -webkit-filter: blur(14px);
  transform: scale(1.04);
  will-change: filter;
}
@supports (backdrop-filter: none) {
  .about-values-scene__bgs { filter: blur(16px); -webkit-filter: blur(16px); }
}
.about-values-scene__part {
  flex: 1;
  min-width: 0;
  min-height: 100%;
  background-color: #555;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 38%;
}
.about-values-scene__part--beach {
  background-image: url("images/A_candid_beachside_202604101630.png");
}
.about-values-scene__part--safari {
  background-image: url("images/Cinematic_safari_scene_202604022346.png");
  background-position: center 42%;
}
.about-values-scene__tint {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    160deg,
    rgba(8, 8, 6, 0.55) 0%,
    rgba(20, 15, 12, 0.4) 45%,
    rgba(8, 8, 6, 0.58) 100%
  );
  pointer-events: none;
}
.about-values-scene__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 56rem;
  width: 100%;
  margin: 0 auto;
  padding: 1.5rem 1.1rem 1.75rem;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .about-values-scene__content {
    gap: 1.35rem;
    padding: 1.75rem 2rem 1.9rem;
  }
}
/* Top-left: white / pink type; grid = frosted 2×2 in ref layout */
.about-values-block--scene-head {
  align-self: flex-start;
  text-align: left;
  max-width: 30rem;
  margin: 0;
}
/* Desktop: headline in left column, 2×2 “glass” grid in right (ref-style, no overlap) */
@media (min-width: 1024px) {
  .about-values-scene__content {
    display: grid;
    grid-template-columns: minmax(0, 17rem) minmax(0, 1fr);
    gap: 1.25rem 2.25rem;
    align-items: start;
    padding: 1.85rem 2.5rem 2.1rem;
  }
  .about-values-block--scene-head {
    margin: 0.15rem 0 0;
    max-width: 16.5rem;
  }
  .about-values-scene__gridwrap {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .about-values-scene__gridwrap .about-val-grid {
    width: 100%;
    max-width: 32rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .about-values-block--scene-head { max-width: 26rem; }
}
.about-values-block--scene-head .jsec__eyebrow {
  color: #ffc9cb;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45);
  letter-spacing: 0.14em;
}
.about-values-block--scene-head .jsec__h2 {
  color: #fff;
  text-shadow: 0 2px 28px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.35);
  font-weight: 700;
}
.jsec--about-values .jsec__text--values-kicker,
.about-values-band--scene .jsec--about-values .jsec__text--values-kicker {
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.35);
  line-height: 1.55;
}
.about-values-scene__gridwrap {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 0;
}
@media (min-width: 1024px) {
  .about-values-scene__content .about-values-scene__gridwrap {
    align-items: start;
  }
}

/* Message bubble (key-visual device) */
.abubble {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  margin: 0;
  max-width: 100%;
}
.abubble__gem {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-size: 0.85rem;
  font-weight: 800;
  color: #fff;
  background: linear-gradient(135deg, var(--garnet-red) 0%, var(--garnet-red-deep) 100%);
  box-shadow: 0 2px 8px rgba(169, 30, 34, 0.35);
}
.abubble__body {
  margin: 0;
  padding: 0.85rem 1rem 0.95rem;
  flex: 1;
  min-width: 0;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 4px 16px 16px 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.abubble__text {
  margin: 0 0 0.55rem;
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--ink-soft, #3d3d3a);
  font-style: normal;
}
.abubble__by {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--garnet-red);
  letter-spacing: 0.02em;
  margin: 0;
}

/* “By the numbers” — left: image, right: compact stat tiles (white band) */
.about-cred {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 0;
  margin-bottom: 0;
  box-sizing: border-box;
  padding: 2rem 1.25rem 1.5rem;
  background: #fff;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.about-cred__inner {
  max-width: 52rem;
  margin: 0 auto;
}
.about-cred__head { margin-bottom: 1.25rem; }
.about-cred__head .jsec__eyebrow { color: var(--ocean-blue, #2271b3); }
.about-cred__head .jsec__h2 {
  text-transform: none;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.about-cred__lede {
  margin: 0.6rem 0 0;
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--muted, #6b6b66);
  max-width: 42ch;
}
@media (min-width: 640px) {
  .about-cred__lede { font-size: 0.95rem; }
}
.about-cred__split {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: stretch;
}
@media (min-width: 700px) {
  .about-cred__split {
    display: grid;
    grid-template-columns: minmax(0, 12rem) minmax(0, 1fr);
    gap: 1.1rem 1.35rem;
    align-items: center;
  }
}
@media (min-width: 900px) {
  .about-cred__split { grid-template-columns: minmax(0, 14.5rem) 1fr; }
}
.about-cred__fig {
  margin: 0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.06);
  min-height: 12rem;
  max-height: 20rem;
  background: #ddd;
}
@media (min-width: 700px) {
  .about-cred__fig { min-height: 100%; max-height: 17rem; }
}
.about-cred__figimg {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 12rem;
  object-fit: cover;
  object-position: center 35%;
}
/* Stat grid (generic + compact variant beside image) */
.about-stats {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.65rem;
  grid-template-columns: 1fr 1fr;
  align-content: center;
}
@media (max-width: 520px) {
  .about-stats--compact { grid-template-columns: 1fr; }
}
.about-stat {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 14px;
  padding: 0.85rem 0.8rem 0.95rem;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.about-stat__n {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--ocean-blue, #2271b3);
}
@media (min-width: 700px) {
  .about-stat__n { font-size: 1.55rem; }
}
.about-stat__u {
  font-size: 0.62rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--muted, #6b6b66);
  margin-bottom: 0.2rem;
}
.about-stat__d {
  font-size: 0.76rem;
  line-height: 1.4;
  color: var(--ink-soft, #3d3d3a);
  margin-top: 0.15rem;
}
.about-stats--compact .about-stat__d {
  font-size: 0.74rem;
  line-height: 1.38;
  margin-top: 0.1rem;
}

/* Second block: light grey — “What you actually get” */
.about-band--proof {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1.5rem 1.25rem 2.4rem;
  box-sizing: border-box;
  background: var(--surface-2, #f0f0ed);
  border-top: 1px solid var(--line, rgba(0, 0, 0, 0.08));
  border-bottom: 1px solid var(--line, rgba(0, 0, 0, 0.08));
}
.about-band__inner--proof {
  max-width: 52rem;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .about-cred { padding: 2.5rem 2.5rem 1.75rem; }
  .about-band--proof { padding: 1.6rem 2.5rem 2.5rem; }
}

/* Dotted journey line (directional element) */
.about-journeyline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  margin: 0.25rem 0 1.5rem;
  color: var(--ocean-blue, #2271b3);
  opacity: 0.55;
}
.about-band--proof .about-journeyline {
  margin: 0.15rem 0 1.15rem;
  opacity: 0.65;
}
.about-journeyline__dash {
  flex: 1;
  max-width: 6rem;
  height: 0;
  border-top: 2px dashed rgba(34, 113, 179, 0.4);
}
.about-journeyline__plane {
  flex-shrink: 0;
  transform: translateY(-1px);
}

/* Proof list (replaces 2×2 pill cards — one column of icon + line rows) */
.about-proof-eyebrow {
  margin: 0 0 0.5rem;
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--ocean-blue, #2271b3);
}
.about-proof {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(34, 113, 179, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.65);
  overflow: hidden;
}
.about-proof__row {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem 1rem;
  margin: 0;
  padding: 1rem 1.1rem 1.05rem 1rem;
  border-bottom: 1px solid rgba(34, 113, 179, 0.1);
}
.about-proof__row:last-child { border-bottom: 0; }
@media (min-width: 900px) {
  .about-proof {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 20px;
  }
  .about-proof__row {
    padding: 1.1rem 1.15rem 1.1rem;
    min-height: 5.5rem;
    align-items: center;
    border-bottom: 1px solid rgba(34, 113, 179, 0.1);
    border-right: 1px solid rgba(34, 113, 179, 0.1);
  }
  .about-proof__row:nth-child(2n) { border-right: 0; }
  .about-proof__row:nth-child(3),
  .about-proof__row:nth-child(4) { border-bottom: 0; }
}
.about-proof__ic {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #fff;
  color: var(--ocean-blue, #2271b3);
  border: 1px solid rgba(34, 113, 179, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
@media (min-width: 600px) {
  .about-proof__ic { width: 2.75rem; height: 2.75rem; }
}
.about-proof__ic svg { width: 1rem; height: 1rem; }
.about-proof__line {
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--ink-soft, #3d3d3a);
}
.about-proof__line strong { color: var(--ink); font-weight: 600; }

/* Values: 2×2 grid (Serve / Grow | Connect / Guide) */
.jsec__text--values-kicker { max-width: 50ch; }
.about-val-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.15rem;
  align-items: stretch;
}
@media (min-width: 560px) {
  .about-val-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem 1.4rem;
  }
}
@media (min-width: 1024px) {
  .about-val-grid { gap: 1.4rem 1.65rem; }
}
.about-val-grid__item {
  margin: 0;
  padding: 1.1rem 1.15rem 1.2rem 1.2rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
@media (min-width: 768px) {
  .about-val-grid__item { padding: 1.2rem 1.2rem 1.3rem 1.3rem; }
}
.about-val-grid__item--guide {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.65) 0%, var(--garnet-red-soft) 100%);
  border-color: rgba(169, 30, 34, 0.22);
  box-shadow: 0 2px 14px rgba(169, 30, 34, 0.1);
  border-left: 4px solid var(--garnet-red);
  padding-left: 1.05rem;
}
@media (min-width: 560px) {
  .about-val-grid__item--guide { padding-left: 1.15rem; }
}
/* On blurred values scene: frosted “glass” cards (ref) */
.about-val-grid--onscene .about-val-grid__item {
  background: rgba(255, 255, 255, 0.82);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.55);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.14);
  border-radius: 18px;
}
.about-val-grid--onscene .about-val-grid__item--guide {
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 245, 244, 0.9) 100%);
  border-color: rgba(255, 200, 200, 0.45);
  box-shadow: 0 4px 22px rgba(169, 30, 34, 0.12);
  border-left-color: var(--garnet-red);
}
@media (prefers-reduced-transparency: reduce) {
  .about-val-grid--onscene .about-val-grid__item {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: rgba(255, 255, 255, 0.95);
  }
  .about-val-grid--onscene .about-val-grid__item--guide {
    background: linear-gradient(165deg, #fff 0%, #fff5f4 100%);
  }
  .about-values-scene__bgs {
    filter: blur(6px);
    -webkit-filter: blur(6px);
  }
}
.about-val-grid__h {
  margin: 0 0 0.5rem;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--garnet-red);
}
.about-val-grid__p {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.6;
  color: var(--ink-soft, #3d3d3a);
}
@media (min-width: 768px) {
  .about-val-grid__p { font-size: 0.9rem; }
}

/* Team — air after the values block */
.jbody--about .jsec--about-team {
  margin-top: 2rem;
  padding-top: 0.35rem;
}
@media (min-width: 768px) {
  .jbody--about .jsec--about-team { margin-top: 2.5rem; }
}

/* Team: add bubble quotes */
.about-team { margin-top: 1.15rem; }
.tperson__bubble {
  margin: 0.85rem 0 0;
  padding: 0.7rem 0.75rem;
  font-size: 0.78rem;
  line-height: 1.55;
  text-align: left;
  color: var(--ink-soft, #3d3d3a);
  background: var(--surface-2, #f0f0ed);
  border-radius: 4px 12px 12px 12px;
  border: 1px solid var(--line);
  font-style: normal;
}
.about-team .tperson {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.about-team .tperson__photo {
  width: 5.25rem;
  height: 5.25rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 2px solid #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  background: var(--surface-2, #f0f0ed);
  margin: 0 0 0.75rem;
  align-self: flex-start;
}
.about-team .tperson__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
  display: block;
}
.about-team .tperson__n,
.about-team .tperson__r { text-align: left; width: 100%; }

/* Tagline sign-off (one per page) */
.about-signoff {
  display: flex;
  justify-content: center;
  padding: 2.5rem 1.25rem 0.5rem;
  margin-top: 0.5rem;
}
.about-signoff .tag-pill {
  background-color: var(--garnet-red);
  background-image: none;
  border-radius: 999px;
  padding: 0.55rem 1.25rem;
  font-weight: 600;
}
  margin-top: 0.5rem;
}
.jbody--about {
  padding-bottom: 0.5rem;
}
@media (min-width: 1024px) {
  .about-signoff { padding: 3rem 2rem 1.25rem; }
}