/* Our Group is an operational field: photography, data plates and loose visual instruments. */
      .regions { min-height: 224svh; padding: clamp(84px, 9vw, 132px) 24px clamp(96px, 11vw, 164px); color: var(--ink); background: var(--surface); }
      .regions::before { display: none; }
      .regions-cluster { position: sticky; top: clamp(72px, 8vh, 90px); display: block; width: min(100%, 1392px); height: min(780px, calc(100svh - 116px)); min-height: 650px; margin: 0 auto; }
      .regions-intro { position: absolute; z-index: 5; top: 43%; left: 50%; display: block !important; width: min(40%, 560px); min-height: 0; margin: 0; color: var(--ink); text-align: center; opacity: var(--regions-intro-opacity, 1); transform: translate(-50%, -50%); will-change: opacity; }
      .regions .eyebrow { margin-bottom: 16px; color: var(--orange-text); }
      .regions-intro h2 { max-width: 560px; margin: 0 auto; color: var(--ink); font-size: clamp(2.2rem, 3.05vw, 2.8rem); letter-spacing: -.072em; line-height: 1.01; }
      .regions-intro__supporting { max-width: 520px; margin: 18px auto 0; color: rgba(20, 60, 48, .78); font-size: 13.5px; font-weight: 600; line-height: 1.35; }
      .regions .region-card { position: absolute; display: block; min-height: 0; margin: 0; overflow: hidden; border-radius: 22px; box-shadow: none !important; isolation: isolate; background: var(--ink-deep); transform: translate3d(var(--node-x, 0px), var(--node-y, 0px), 0); transform-origin: center; opacity: 1; will-change: transform; }
      .regions .region-card::before, .regions .region-card::after { display: none; }
      .regions .region-card img, .regions .region-card__scrim { position: absolute; inset: 0; width: 100%; height: 100%; }
      .regions .region-card img { z-index: -3; display: block; object-fit: cover; }
      .regions .region-card__media { position: absolute; z-index: -3; inset: 0; overflow: hidden; border-radius: 22px; background: var(--ink-deep); }
      .regions .region-card__media img { z-index: 0; }
      .regions .region-card__media iframe { position: absolute; z-index: 1; top: 50%; left: 0; width: 100%; height: auto; border: 0; aspect-ratio: 30 / 53; transform: translateY(-50%); pointer-events: none; }
      .regions .region-card__scrim { display: none; }
      .regions .region-card__content { position: absolute; right: 14px; bottom: 14px; left: 14px; display: inline-flex; width: fit-content; max-width: calc(100% - 28px); align-items: center; padding: 8px 10px; border: 0; border-radius: 8px; color: var(--ink-deep); background: var(--paper); }
      .regions .region-card__content p, .regions .region-card__content strong { margin: 0; color: inherit; line-height: 1.1; }
      .regions .region-card__content p { font-family: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif; font-size: var(--text-label); font-weight: 700; letter-spacing: .02em; }
      .regions .region-card--country { overflow: visible; border-radius: 0; background: transparent; }
      .regions .region-card--country img { border-radius: 22px; }
      .regions .region-card--country .region-card__content { z-index: 2; right: -24px; bottom: 24px; left: auto; min-width: 0; min-height: 40px; justify-content: center; padding: 0 16px; border-radius: 10px; color: var(--ink-deep); background: var(--orange-soft); }
      .regions .region-card--europe .region-card__content { right: auto; left: -24px; }
      .regions .region-card--country .region-card__content p { font-family: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif; font-size: var(--text-caption); font-weight: 760; letter-spacing: .09em; line-height: 1.17; text-transform: uppercase; }
      .regions .region-card--metric { z-index: 3; display: block; padding: 18px; border: 1px solid rgba(248, 247, 242, .12); color: var(--paper); background: var(--data-surface); }
      .regions .region-card--metric .region-card__content { position: relative; right: auto; bottom: auto; left: auto; display: block; width: 100%; max-width: none; height: 100%; padding: 0; color: inherit; background: transparent; }
      .regions .region-card__metric { position: relative; z-index: 1; display: flex; height: 100%; flex-direction: column; align-items: flex-start; }
      .regions .metric-code { color: rgba(248, 247, 242, .58); font-size: 8px; font-weight: 760; letter-spacing: .13em; line-height: 1; text-transform: uppercase; }
      .regions .region-card__metric strong { margin-top: auto; font-family: "Parkinsans", ui-sans-serif, system-ui, sans-serif; font-size: clamp(2.25rem, 3vw, 3.25rem); font-weight: 520; letter-spacing: -.08em; line-height: .82; }
      .regions .region-card__metric p { max-width: 126px; margin-top: 9px; color: rgba(248, 247, 242, .78); font-size: var(--text-caption); font-weight: 760; letter-spacing: .09em; line-height: 1.17; text-transform: uppercase; }
      .regions .metric-graphic { display: flex; width: 100%; height: 48px; margin: 14px 0 12px; color: var(--orange-action); }
      .regions .metric-graphic--regions { position: relative; align-items: center; justify-content: space-between; padding: 0 5px; }
      .regions .metric-graphic--regions::before { position: absolute; right: 9px; left: 9px; height: 1px; background: rgba(255, 138, 61, .54); content: ""; }
      .regions .metric-graphic--regions i { position: relative; z-index: 1; width: 11px; height: 11px; border: 3px solid var(--ink-deep); border-radius: 50%; background: var(--orange-action); box-shadow: 0 0 0 1px var(--orange-action); }
      .regions .metric-graphic--bars { align-items: end; gap: 6px; padding-bottom: 5px; border-bottom: 1px solid rgba(248, 247, 242, .22); }
      .regions .metric-graphic--bars i { display: block; width: 100%; border-radius: 3px 3px 0 0; background: #315e49; }
      .regions .metric-graphic--bars i:nth-child(1) { height: 18%; }.regions .metric-graphic--bars i:nth-child(2) { height: 30%; }.regions .metric-graphic--bars i:nth-child(3) { height: 44%; }.regions .metric-graphic--bars i:nth-child(4) { height: 58%; }.regions .metric-graphic--bars i:nth-child(5) { height: 70%; }.regions .metric-graphic--bars i:nth-child(6) { height: 84%; }.regions .metric-graphic--bars i:nth-child(7) { height: 100%; background: var(--orange-action); }
      .regions .metric-graphic--farms { display: grid; width: 92px; height: 50px; grid-template-columns: repeat(5, 1fr); gap: 7px 9px; align-content: center; }
      .regions .metric-graphic--farms i { position: relative; display: block; width: 8px; height: 8px; border-radius: 50%; background: #315e49; }
      .regions .metric-graphic--farms i::after { position: absolute; inset: 0; border-radius: inherit; background: var(--orange-action); content: ""; opacity: 0; transform: scale(.65); }
      @keyframes region-farm-signal { 0%, 100% { opacity: .08; transform: scale(.72); } 18% { opacity: .68; transform: scale(.94); } 34% { opacity: .24; transform: scale(.8); } 54% { opacity: .82; transform: scale(1); } 72% { opacity: .12; transform: scale(.74); } }
      @media (prefers-reduced-motion: no-preference) {
        .regions .metric-graphic--farms i::after { animation: region-farm-signal var(--farm-signal-duration) ease-in-out var(--farm-signal-delay) infinite; }
        .regions .metric-graphic--farms i:nth-child(1)::after { --farm-signal-duration: 8.4s; --farm-signal-delay: -1.3s; }
        .regions .metric-graphic--farms i:nth-child(2)::after { --farm-signal-duration: 9.1s; --farm-signal-delay: -5.8s; }
        .regions .metric-graphic--farms i:nth-child(3)::after { --farm-signal-duration: 7.8s; --farm-signal-delay: -3.6s; }
        .regions .metric-graphic--farms i:nth-child(4)::after { --farm-signal-duration: 8.8s; --farm-signal-delay: -7.1s; }
        .regions .metric-graphic--farms i:nth-child(5)::after { --farm-signal-duration: 7.4s; --farm-signal-delay: -2.2s; }
        .regions .metric-graphic--farms i:nth-child(6)::after { --farm-signal-duration: 9.4s; --farm-signal-delay: -4.4s; }
        .regions .metric-graphic--farms i:nth-child(7)::after { --farm-signal-duration: 8.1s; --farm-signal-delay: -6.5s; }
        .regions .metric-graphic--farms i:nth-child(8)::after { --farm-signal-duration: 9.7s; --farm-signal-delay: -1.9s; }
        .regions .metric-graphic--farms i:nth-child(9)::after { --farm-signal-duration: 7.6s; --farm-signal-delay: -5.1s; }
        .regions .metric-graphic--farms i:nth-child(10)::after { --farm-signal-duration: 8.6s; --farm-signal-delay: -3.0s; }
      }
      .regions .region-card--regions .region-card__metric { display: grid; grid-template-columns: minmax(0, 1fr) 92px; grid-template-rows: auto 1fr auto; column-gap: 18px; }
      .regions .region-card--regions .metric-code { grid-column: 1 / -1; }
      .regions .region-card--regions .metric-graphic { grid-column: 2; grid-row: 2 / span 2; align-self: end; margin: 0 0 2px; }
      .regions .region-card--regions strong { grid-column: 1; grid-row: 2; align-self: end; }
      .regions .region-card--regions p { grid-column: 1; grid-row: 3; }
      @media (min-width: 801px) {
        .regions .region-card--markets { padding: 12px; }
        .regions .region-card--markets .metric-graphic { height: 32px; margin: 8px 0 6px; }
        .regions .region-card--markets .region-card__metric strong { font-size: clamp(2rem, 2.6vw, 2.8rem); }
        .regions .region-card--markets .region-card__metric p { margin-top: 6px; font-size: 9.5px; }
      }
      @media (min-width: 801px) and (max-width: 1200px) {
        .regions .region-card--regions .region-card__metric { grid-template-columns: 1fr; }
        .regions .region-card--regions .metric-graphic { display: none; }
        .regions .region-card--regions { min-height: 150px; }
        .regions .region-card--farms { min-height: 140px; }
        .regions .region-card--farms .metric-graphic { display: none; }
        .regions .region-card--markets { min-height: 145px; padding: 12px; }
        .regions .region-card--markets .metric-graphic { height: 28px; }
      }
      .regions .region-card--support .region-card__content { right: auto; bottom: 14px; left: 14px; min-height: 38px; padding: 0 14px; border-radius: 8px; }
      .regions .region-card--support .region-card__content p { font-size: var(--text-caption); font-weight: 760; letter-spacing: .09em; line-height: 1.17; text-transform: uppercase; }
      .regions .region-card--connection { overflow: visible; }
      .regions .region-card--connection img { border-radius: 22px; }
      .regions .region-card--connection .region-card__content { right: -42px; bottom: 24px; left: auto; }
      /* Four image anchors, three data instruments and two loose supporting views frame the central statement. */
      .regions .region-card--country { width: min(16.5%, calc(31svh - 42px)); aspect-ratio: .72 / 1; }
      .regions .region-card--peru { top: 3%; left: 0; }
      .regions .region-card--caribbean { top: 51%; left: 0; }
      .regions .region-card--brazil { top: 60%; left: 42%; width: min(17%, calc(31svh - 42px)); aspect-ratio: .82 / 1; }
      .regions .region-card--europe { top: 3%; left: 82%; background: var(--ink-deep); }
      .regions .region-card--regions { top: 2%; left: 23%; width: 19%; aspect-ratio: 1.88 / 1; }
      .regions .region-card--markets { top: 0; left: 64.5%; width: 12.5%; aspect-ratio: 1.02 / 1; }
      .regions .region-card--farms { top: 0; left: 44%; width: 14.5%; aspect-ratio: 1.16 / 1; }
      .regions .region-card--origin { top: 68%; left: 22%; width: 18%; aspect-ratio: 1.32 / 1; }
      .regions .region-card--connection { top: 67%; left: 69%; width: 18%; aspect-ratio: 1.18 / 1; }
      @media (max-width: 800px) {
        .regions { min-height: auto; padding: 84px 24px; }
        .regions-cluster { position: relative; top: auto; display: flex; width: min(100%, 560px); height: auto; min-height: 0; flex-direction: column; gap: 20px; }
        .regions-intro { position: relative; top: auto; left: auto; order: 0; width: 100%; margin: 0 0 24px; text-align: left; opacity: 1; transform: none; will-change: auto; }
        .regions-intro h2 { max-width: 11ch; margin: 0; font-size: clamp(2.7rem, 12vw, 3.7rem); line-height: .98; }
        .regions-intro__supporting { margin: 18px 0 0; font-size: var(--text-action); }
        .regions .region-card { position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 100%; min-height: 0; opacity: 1 !important; transform: none !important; will-change: auto; }
        .regions .region-card--country { overflow: hidden; border-radius: var(--media-radius-mobile); }
        .regions .region-card img { transform: translate3d(0, var(--node-y, 0px), 0) scale(1.1); will-change: transform; }
        .regions .region-card__metric { transform: translate3d(0, calc(var(--node-y, 0px) * .35), 0); will-change: transform; }
        .regions .region-card--peru { order: 1; aspect-ratio: 5 / 4; }
        .regions .region-card--regions { order: 2; min-height: 160px; aspect-ratio: auto; }
        .regions .region-card--brazil { order: 3; aspect-ratio: 5 / 4; }
        .regions .region-card--farms { order: 4; min-height: 160px; aspect-ratio: auto; }
        .regions .region-card--caribbean { order: 5; aspect-ratio: 5 / 4; }
        .regions .region-card--europe { order: 6; aspect-ratio: 5 / 4; }
        .regions .region-card--markets { order: 7; min-height: 160px; aspect-ratio: auto; }
        .regions .region-card--origin { order: 8; aspect-ratio: 5 / 4; }
        .regions .region-card--connection { order: 9; overflow: hidden; aspect-ratio: 5 / 4; }
        .regions .region-card--connection .region-card__content { right: auto; bottom: 14px; left: 14px; }
        .regions .region-card--country .region-card__content, .regions .region-card--europe .region-card__content { top: 14px; right: auto; bottom: auto; left: 14px; min-width: 0; min-height: 40px; padding: 0 16px; }
        .regions .region-card--country .region-card__content p { font-size: var(--text-caption); }
        .regions .region-card--metric { min-height: 160px; }
        .regions .region-card__metric strong { font-size: clamp(2.8rem, 14vw, 3.7rem); }
      }
      @media (max-width: 800px) {
        .regions .region-card:not(.region-card--country):not(.region-card--metric),
        .regions .region-card--country img,
        .regions .region-card--connection img,
        .regions .region-card__media { border-radius: var(--media-radius-mobile); }
      }
      @media (prefers-reduced-motion: reduce) { .regions-intro { opacity: 1; will-change: auto; } .regions .region-card { transform: none !important; opacity: 1 !important; will-change: auto; } .regions .region-card img, .regions .region-card__metric { transform: none !important; will-change: auto; } .regions .region-card__media iframe { display: none; } }
      @media (max-width: 800px) { html.is-reduced-motion .regions .region-card img, html.is-reduced-motion .regions .region-card__metric { transform: none !important; will-change: auto; } }

/* Updated documentary copy: retain the scenes, let reading determine their bounds. */
.regions-intro__supporting { font-size: var(--text-body-small); font-weight: 400; line-height: 1.5; }
.regions .home-group-stat { margin-top: auto; }
.regions .home-group-stat strong { display: block; margin-top: 0; }
.regions .region-card--regions .home-group-stat { grid-column: 1; grid-row: 2 / span 2; align-self: end; }
.regions .region-card--support .home-group-photo-stat { display: grid; gap: 8px; padding: 12px 14px; }
.regions .home-group-photo-stat strong { font-family: "Parkinsans", ui-sans-serif, system-ui, sans-serif; font-size: clamp(1.8rem, 2.8vw, 2.6rem); font-weight: 500; letter-spacing: -.06em; }
.regions .home-group-photo-stat p { max-width: 18ch; }
.hero-content h1, .regions-intro h2, .journey__intro h2, .quality-card h2,
.home-flamingo-title, .product-card__title { overflow-wrap: anywhere; }
.product-card__details { grid-template-columns: minmax(0, 1fr); }
.regions .region-card__metric p { overflow-wrap: anywhere; }
.home-flamingo-title { max-width: 10ch; font-size: var(--text-heading-feature); line-height: 1.06; letter-spacing: -.06em; }
.flamingo-card .eyebrow { margin: 0; }
.quality__grid { height: auto; min-height: clamp(570px, 48vw, 700px); grid-template-rows: repeat(2, auto); }
.quality-card__content { height: auto; min-height: 100%; }
.quality-card__body + .quality-card__body { margin-top: 1em; }
.quality-card--quality-copy .eyebrow { color: var(--orange-soft); }

@media (min-width: 801px) {
  .home-about-track { height: auto; }
  .home-about { position: relative; top: auto; height: auto; min-height: 0; padding-bottom: calc(70svh + 96px); }
  .products { margin-top: -70svh; }
  .regions { --group-copy-height: 600px; --group-field-space: max(520px, calc(20rem + 160px)); }
  .regions .region-card--metric { min-height: calc(8rem + 32px); }
  .regions .region-card--farms { width: 18%; }
  .regions .region-card--support { min-height: calc(8rem + 48px); }
  .regions-cluster { height: max(900px, calc(var(--group-copy-height) + var(--group-field-space))); min-height: 0; top: min(72px, calc(100svh - max(900px, calc(var(--group-copy-height) + var(--group-field-space))) - 16px)); }
  .regions-intro { top: 50%; }
  .regions .region-card--brazil,
  .regions .region-card--origin,
  .regions .region-card--connection { top: calc(50% + var(--group-copy-height) / 2 + 40px); }
}
@media (min-width: 1100px) and (min-height: 760px) {
  .home-about-track.is-desktop-pinned { height: calc(var(--mobile-about-height) + 140svh); }
  .home-about-track.is-desktop-pinned .home-about { position: sticky; top: min(0px, calc(100svh - var(--mobile-about-height))); height: var(--mobile-about-height); padding-bottom: 96px; }
  .home-about-track.is-desktop-pinned + .products { margin-top: -80svh; }
}
@media (max-width: 800px) {
  .hero-track { height: auto; min-height: 100dvh; }
  .hero-banner { height: auto; min-height: 100dvh; }
  .hero-content { padding-top: 112px; }
  .product-card { aspect-ratio: auto; }
  .product-card__link { height: auto; }
  .product-card__content { height: auto; min-height: calc((100vw - 32px) * 1.25); }
  .regions .home-group-photo-stat strong { font-size: clamp(2.4rem, 12vw, 3.7rem); }
}
@media (prefers-reduced-motion: reduce) {
  .home-about { padding-bottom: 96px; }
  .products { margin-top: 0; }
}

/* Approved shared 80px editorial scale; keep the established smaller mobile reading field. */
.home-about h2, .products .intro-grid h2 {
  font-size: clamp(3rem, 5.56vw, 5rem);
  line-height: .96;
}
@media (max-width: 800px) {
  .home-about h2, .products .intro-grid h2 {
    font-size: clamp(2.6rem, 11vw, 3.8rem);
    line-height: .98;
  }
}
@media (min-width: 801px) {
  .regions .region-card--brazil { top: 51%; left: 82%; width: min(16.5%, calc(31svh - 42px)); aspect-ratio: .72 / 1; }
  .regions .region-card--origin { top: calc(50% + var(--group-copy-height) / 2 + 40px); left: 30%; width: 18%; aspect-ratio: 1.32 / 1; overflow: visible; }
  .regions .region-card--connection { top: calc(50% + var(--group-copy-height) / 2 + 40px); left: 53%; width: 18%; aspect-ratio: 1.32 / 1; overflow: visible; }
  .regions .region-card--origin img { border-radius: 22px; }
  .regions .region-card--origin .home-group-photo-stat { left: -64px; right: auto; bottom: 18px; }
  .regions .region-card--connection .home-group-photo-stat { left: auto; right: -64px; bottom: 18px; }
}
.regions .region-card--regions .region-card__metric { grid-template-columns: minmax(0, 1fr) 120px; }
.regions .metric-graphic--regions { width: 100%; gap: 8px; }
.regions .metric-graphic--regions i { flex-shrink: 0; opacity: .32; animation: region-sequence 3.6s linear infinite; }
.regions .metric-graphic--regions i:nth-child(2) { animation-delay: .6s; }
.regions .metric-graphic--regions i:nth-child(3) { animation-delay: 1.2s; }
.regions .metric-graphic--regions i:nth-child(4) { animation-delay: 1.8s; }
.regions .metric-graphic--regions i:nth-child(5) { animation-delay: 2.4s; }
.regions .metric-graphic--regions i:nth-child(6) { animation-delay: 3s; }
@keyframes region-sequence { 0%, 14% { opacity: 1; } 20%, 100% { opacity: .32; } }
@media (prefers-reduced-motion: reduce) {
  .regions .metric-graphic--regions i { animation: none; opacity: 1; }
}
@media (min-width: 801px) {
  .regions .region-card--europe { background: transparent; }
}
@media (min-width: 801px) and (max-width: 1200px) {
  .regions .region-card--regions .region-card__metric { grid-template-columns: 1fr; }
}

/* Home body copy: one size, weight and rhythm; labels remain independent. */
.hero-copy,
.home-about__copy p,
.products .intro-grid > p,
.product-card__description,
.regions-intro__supporting,
.journey__lead,
.journey-stage__copy,
.quality-card__body,
.flamingo-lead,
.closing-cta .closing-cta__copy {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 800px) {
  .hero-copy,
  .home-about__copy p,
  .products .intro-grid > p,
  .product-card__description,
  .regions-intro__supporting,
  .journey__lead,
  .journey-stage__copy,
  .quality-card__body,
  .flamingo-lead,
  .closing-cta .closing-cta__copy { font-size: .9375rem; }
}
@media (min-width: 801px) {
  .regions { --group-upper-edge: 240px; --group-reading-gap: 48px; }
  .regions-intro { top: calc(var(--group-upper-edge) + var(--group-reading-gap) + var(--group-copy-height) / 2); }
  .regions .region-card--origin,
  .regions .region-card--connection {
    top: calc(var(--group-upper-edge) + var(--group-copy-height) + var(--group-reading-gap) * 2);
  }
}

/* Both editorial statements share the same column and horizontal reading field. */
@media (min-width: 801px) {
  .products .intro-grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
    gap: clamp(48px, 8vw, 160px);
  }
}
.home-about h2, .products .intro-grid h2 { width: 100%; max-width: none; }

/* Supporting copy cards share one subtitle scale and internal alignment. */
.quality-card--quality-copy .quality-card__content,
.quality-card--responsibility-copy .quality-card__content {
  justify-content: flex-start;
  padding: clamp(24px, 2.8vw, 42px);
}
.quality-card__content .eyebrow { margin: 0 0 24px; }
.quality-card--quality-copy h2,
.quality-card--responsibility-copy h2 {
  max-width: none;
  margin: 0 0 20px;
  font-size: var(--text-title);
  font-weight: 520;
  line-height: 1.08;
  letter-spacing: -.045em;
  text-align: left;
}

/* Approved Home hierarchy: shared roles, not a single size for every h2. */
:root {
  --home-type-editorial: var(--type-editorial);
  --home-type-feature: var(--type-feature);
  --home-type-group: var(--type-compact);
}
.home-about h2,
.products .intro-grid h2,
.journey__intro h2,
.contact .closing-cta__title {
  font-size: var(--home-type-editorial);
  font-weight: 520;
  line-height: .96;
  letter-spacing: -.075em;
}
.home-flamingo-title {
  font-size: var(--home-type-feature);
  font-weight: 520;
  line-height: 1.06;
  letter-spacing: -.06em;
}
.regions-intro h2 { font-size: var(--home-type-group); font-weight: 520; }
.journey-stage h3 {
  font-size: var(--text-title);
  font-weight: 520;
  line-height: 1.08;
  letter-spacing: -.045em;
}
@media (max-width: 800px) {
  :root {
    --home-type-editorial: var(--type-editorial);
    --home-type-feature: var(--type-feature);
    --home-type-group: var(--type-compact);
  }
  .home-about h2, .products .intro-grid h2,
  .journey__intro h2, .contact .closing-cta__title { line-height: .98; }
}

/* Direct handoff: the orange introduction rises over the opening, with no
   intermediate expanding photograph or blank image chapter. */
.hero-track { height:auto; min-height:100svh; }
.hero-banner { height:auto; min-height:100svh; display:flex; align-items:flex-end; }
.hero-content { padding-block:120px clamp(48px,8svh,80px); }
/* Word spans must remain inline (the shared h1 > span rule creates lines). */
.hero-content .home-opening-word { display:inline; }
@keyframes home-opening-enter {
  from { opacity:0; }
  to { opacity:1; }
}
@keyframes home-backdrop-drift {
  from { transform:scale(1); }
  to { transform:scale(1.10); }
}
@media (prefers-reduced-motion:no-preference) {
  .hero-content [data-home-opening-words] .home-opening-word { animation:home-opening-enter 520ms ease-in-out var(--hero-word-delay,0ms) both; }
  .hero-background { transform-origin:60% 50%; animation:home-backdrop-drift 24s linear infinite alternate; animation-play-state:var(--hero-backdrop-play,paused); }
}
@media (prefers-reduced-motion:reduce) {
  .hero-content h1, .hero-content .hero-copy, .hero-content .home-opening-word, .hero-background { animation:none; transform:none; }
}
.home-about-track { margin-top:0; background:var(--orange-wash); border-radius:var(--radius) var(--radius) 0 0; }
@media (min-height:601px) and (prefers-reduced-motion:no-preference) {
  .hero-track { height:200svh; }
  .hero-banner { position:sticky; top:0; height:100svh; min-height:0; }
  .home-about-track { margin-top:-100svh; }
}

@media (min-width: 701px) and (max-height: 850px) {
  .journey[data-enhanced="true"] .journey__stages { margin-top: 32px; min-height: 120px; }
}
@media (min-width: 701px) {
  /* Natural reading flow when the whole pinned scene cannot fit vertically. */
  .journey[data-enhanced="false"] .journey__layout { display: block; }
  .journey[data-enhanced="false"] .journey__content { max-width: 800px; margin-inline: auto; }
  .journey[data-enhanced="false"] .journey__media { display: none; }
  .journey[data-enhanced="false"] .journey-stage__media { display: block; }
  .journey[data-enhanced="false"] .journey-stage__media img { height: auto; aspect-ratio: 4 / 3; }
}