/* Filaro Collection - Residences phone plate SSOT
   Linked LAST from residences.html (after all other site CSS).
   Locked 07/Aug/26 (Paul): phone <=767 only. Desktop sticky/overlay FREEZE.
   Match Story + A Note:
     - full-screen media then wine title/copy (chapters)
     - Book 2 cover: title ON street image (unlocked 09/Aug/26 Paul)
     - title/text copy-start = --key-copy-top (site phone SSOT, zero drift)
     - body y mandatory snap; phoneSnap reveals
   Fail-if: sticky media on phone (snap fights sticky release);
   desktop 1440 change; force-visible pending (kills reveals);
   plate-specific padding-top that shifts title Y.
   ===================================================================== */

@media (max-width: 767px) {
  :root {
    /* Phone copy-start SSOT (locked 09/Aug/26 Paul) - match Story:
       --key-copy-top = ear/title-block start; --key-title-top = body when no ear. */
    --phone-chrome-top: 5.75rem;
    --phone-chrome-bottom: calc(
      clamp(2rem, 6vh, 3.5rem) + 2.75rem + env(safe-area-inset-bottom, 0px)
    );
    --key-copy-top: max(6.5rem, clamp(12.25rem, 24.5vh, 16rem));
    --phone-ear-size: 0.75rem;
    --phone-ear-leading: 1.2;
    --phone-ear-gap: 0.85rem;
    --phone-ear-stack: calc(
      (var(--phone-ear-size) * var(--phone-ear-leading)) + var(--phone-ear-gap)
    );
    --key-title-top: calc(var(--key-copy-top) + var(--phone-ear-stack));
    --note-phone-copy-top: var(--key-copy-top);
    --filaro-phone-copy-top: var(--key-copy-top);
    /* Plate = scrollport height (JS --phone-plate-h). Fail-if 100lvh. */
    --res-plate-h: 100vh;
    --res-plate-h: 100dvh;
    --res-plate-h: var(--phone-plate-h, 100dvh);
    --phone-canvas-h: calc(
      var(--res-plate-h) - var(--phone-chrome-top) - var(--phone-chrome-bottom)
    );
    --res-title-col-max: 34rem;
    --phone-copy-gutter-left: var(--gutter, 1.25rem);
    --phone-copy-gutter-right: 2.5rem;
    /* Phone title-line SSOT = Story (09/Aug/26) */
    --phone-title-line: min(
      5.8rem,
      calc(
        (
            100vw - var(--phone-copy-gutter-left) - var(--phone-copy-gutter-right) -
              0.35rem
          ) * 0.144
      )
    );
    /* Feature callout plate title (Kitchen / Living / Ensuite) - smaller than chapter */
    --phone-feature-title: clamp(1.7rem, 5.2vw, 2.15rem);
    /* L2 continue / L3 para - match Story phone (09/Aug/26) */
    --phone-type-body-family: var(--font-sans);
    --phone-type-body-weight: 300;
    --phone-type-l2-weight: 500;
    --phone-type-body-track: 0.015em;
    --phone-type-l2-size: clamp(1.2rem, 2.1vw, 1.35rem);
    --phone-type-l2-leading: 1.35;
    --phone-continue-max: 17.5rem;
    --phone-type-l3-size: 1.1rem;
    --phone-type-l3-leading: 1.35;
  }
  /* Scrollport = body at one phone screen. CSS y mandatory (hop revert 09/Aug/26). */
  html {
    height: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    scroll-snap-type: none !important;
    touch-action: pan-y !important;
  }
  html.is-explore-gesture-unlock,
  html.is-explore-gesture-unlock body,
  body.is-map-drawer-open,
  body.is-plan-drawer-open,
  body.is-design-drawer-open {
    touch-action: none !important;
  }
  body,
  body.is-loading,
  body.is-loaded {
    height: 100% !important;
    height: var(--phone-plate-h, 100dvh) !important;
    max-height: var(--phone-plate-h, 100dvh) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scroll-snap-type: y mandatory !important;
    scroll-behavior: auto !important;
    touch-action: pan-y !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
  }

  /* Wrappers never steal snap */
  section.story,
  section.story > .story__stack,
  section.key-still,
  section.kitchen-block,
  section.kitchen-block > .kitchen-block__media,
  section.kitchen-block > .kitchen-block__stack,
  .story__col,
  .kitchen-panel,
  .spine-copy {
    scroll-snap-align: none !important;
  }
  /* Spine resume markers must not insert 1px between plate magnets */
  [data-spine-marker] {
    display: block !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    line-height: 0 !important;
    font-size: 0 !important;
    scroll-snap-align: none !important;
    pointer-events: none !important;
  }

  /* ---- Book 2 cover: title ON street image + left scrim (Paul 09/Aug/26)
     One plate (not image then wine). Desktop overlay freeze. ---- */
  #s12.hero {
    display: block !important;
    position: relative !important;
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    overflow: hidden !important;
    background: transparent !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
  #s12 .hero__media {
    position: absolute !important;
    inset: 0 !important;
    flex: none !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    z-index: 0 !important;
    scroll-snap-align: none !important;
    scroll-snap-stop: normal !important;
  }
  #s12 .hero__media img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 32% 100%;
  }
  /* Left cinematic wash so white type reads on sky (Place/Light strength) */
  #s12 .hero__scrim {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(
      90deg,
      rgba(20, 20, 18, 0.82) 0%,
      rgba(20, 20, 18, 0.55) 28%,
      rgba(20, 20, 18, 0.22) 48%,
      transparent 68%
    ) !important;
  }
  #s12 .hero__band {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    flex: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    padding-top: var(--key-copy-top) !important;
    padding-right: var(--phone-copy-gutter-right) !important;
    padding-bottom: var(--phone-chrome-bottom) !important;
    padding-left: var(--phone-copy-gutter-left) !important;
    background: transparent !important;
    color: #fff !important;
    overflow: hidden !important;
    z-index: 2 !important;
    text-align: left !important;
    scroll-snap-align: none !important;
    scroll-snap-stop: normal !important;
  }
  #s12 .hero__band > .chapter__eyebrow,
  #s12 .hero__band > .chapter-heading {
    display: block !important;
    width: 100% !important;
    max-width: var(--res-title-col-max) !important;
  }
  #s12 .chapter-heading .title-line {
    white-space: normal !important;
  }
  #s12 .hero__band .chapter__eyebrow,
  #s12 .hero__band .chapter-heading,
  #s12 .hero__band .title-line,
  #s12 .hero__band .payoff,
  #s12 .hero__band .payoff i {
    color: #fff !important;
    text-shadow: 0 1px 18px rgba(20, 20, 18, 0.45);
  }

  /* ---- Sticky story chapters -> media plate + wine beat ---- */
  section.story {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  section.story > .story__media {
    position: relative !important;
    top: auto !important;
    inset: auto !important;
    flex: 0 0 var(--res-plate-h) !important;
    width: 100% !important;
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    margin: 0 !important;
    overflow: hidden !important;
    z-index: 0 !important;
    pointer-events: none;
  }
  section.story > .story__media img,
  section.story > .story__media video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  section.story > .story__media .story__scrim,
  section.story > .story__media::before,
  section.story > .story__media::after {
    display: none !important;
  }
  section.story > .story__stack {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: auto !important;
    width: 100% !important;
    z-index: 1 !important;
  }
  section.story .story__beat,
  section.story .story__beat--thread,
  section.story .story__beat--project {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    flex: 0 0 var(--res-plate-h) !important;
    width: 100% !important;
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    padding-top: var(--key-copy-top) !important;
    padding-right: var(--phone-copy-gutter-right) !important;
    padding-bottom: var(--phone-chrome-bottom) !important;
    padding-left: var(--phone-copy-gutter-left) !important;
    background: var(--wine, #5b2c2d) !important;
    color: #fff !important;
    overflow: hidden !important;
    z-index: 2 !important;
    text-align: left !important;
  }
  section.story .story__col {
    width: 100% !important;
    max-width: var(--res-title-col-max) !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* L2 continue + L3 para = match Story phone (weight + continue max) */
  section.story .body,
  section.key-still .body,
  section.key-still .key-still__copy-block .body,
  section.team .body,
  .team__intro .body,
  section.story .story__project,
  section.story .project {
    margin-top: 0 !important;
    color: #fff !important;
    text-align: left !important;
    font-family: var(--phone-type-body-family) !important;
    letter-spacing: var(--phone-type-body-track) !important;
    text-transform: none !important;
    font-style: normal !important;
    font-synthesis: none !important;
    -webkit-font-smoothing: antialiased;
  }
  section.story .body,
  section.key-still .body,
  section.key-still .key-still__copy-block .body,
  section.team .body,
  .team__intro .body {
    font-size: var(--phone-type-l3-size) !important;
    font-weight: var(--phone-type-body-weight) !important;
    line-height: var(--phone-type-l3-leading) !important;
  }
  section.story .story__project,
  section.story .project {
    font-size: var(--phone-type-l2-size) !important;
    font-weight: var(--phone-type-l2-weight) !important;
    line-height: var(--phone-type-l2-leading) !important;
    max-width: var(--phone-continue-max) !important;
  }
  section.story .chapter-heading + .body,
  section.story .payoff + .body,
  section.story .body + .body {
    margin-top: 1.15rem !important;
  }
  /* Team title plate: body under payoff (phone type lock had margin 0) */
  section.team .chapter-heading + .body,
  .team__intro .chapter-heading + .body {
    margin-top: 1.15rem !important;
  }
  /* Body -> CTA: generous (never match body+body). Visual SSOT 09/Aug/26 */
  section.story .body + .map-teaser,
  section.key-still .body + .map-teaser,
  section.key-still .key-still__copy-block .body + .map-teaser {
    margin-top: var(--filaro-body-to-cta, 2.75rem) !important;
  }

  /* ---- Place: title ON brick image + left scrim; body on wine text plate
     (Paul 07/Aug/26) - overrides sequential media-then-wine above. ---- */
  #s12-place {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }
  #s12-place > .story__media {
    position: relative !important;
    top: auto !important;
    inset: auto !important;
    flex: none !important;
    width: 100% !important;
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    margin: 0 !important;
    overflow: hidden !important;
    contain: paint !important;
    z-index: 0 !important;
    pointer-events: none;
    scroll-snap-align: none !important;
  }
  /* Pin clips size-zoom - sticky alone does not clip tall absolute img on release */
  #s12-place > .story__media > .story__media-pin {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    z-index: 0 !important;
  }
  #s12-place > .story__media img {
    object-fit: cover !important;
    object-position: 24% 0%;
    max-width: none !important;
    position: absolute !important;
    inset: auto !important;
    width: 120% !important;
    height: 120% !important;
    left: calc((100% - 120%) * 0.24) !important;
    top: 0 !important;
    transform: none !important;
    scale: 1 !important;
  }
  #s12-place > .story__media .story__scrim {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
  }
  #s12-place > .story__stack {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    margin-top: calc(-1 * var(--res-plate-h)) !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    z-index: 1 !important;
  }
  #s12-place .story__beat--key {
    background: transparent !important;
    color: #fff !important;
  }
  #s12-place .story__beat--key .chapter-heading,
  #s12-place .story__beat--key .title-line,
  #s12-place .story__beat--key .payoff,
  #s12-place .story__beat--key .payoff i {
    color: #fff !important;
    text-shadow: 0 1px 18px rgba(20, 20, 18, 0.45);
  }
  #s12-place .story__beat--textcard {
    position: relative !important;
    z-index: 3 !important;
    isolation: isolate !important;
    transform: translateZ(0);
    background: var(--wine, #5b2c2d) !important;
    background-color: var(--wine, #5b2c2d) !important;
    color: #fff !important;
  }
  #s12-place .story__beat--textcard .body,
  #s12-place .story__beat--textcard .map-teaser {
    text-shadow: none !important;
  }
  #s12-place .story__beat--key,
  #s12-place .story__beat--textcard {
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }

  /* ---- Layout: title ON marble + left scrim; body wine (Paul 07/Aug/26)
     09/Aug/26: NOT sticky on phone. Sticky + 135% size-zoom released a tall
     marble strip into the wine -> Living seam (looked like a squashed flash).
     Title overlays media via negative-margin stack; wine is opaque solo. ---- */
  #s12-layout {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    isolation: isolate !important;
  }
  #s12-layout > .story__media {
    position: relative !important;
    top: auto !important;
    inset: auto !important;
    flex: none !important;
    width: 100% !important;
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    margin: 0 !important;
    overflow: hidden !important;
    contain: paint !important;
    z-index: 0 !important;
    pointer-events: none;
    scroll-snap-align: none !important;
  }
  #s12-layout > .story__media > .story__media-pin {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    z-index: 0 !important;
  }
  #s12-layout > .story__media img {
    object-fit: cover !important;
    object-position: 29% 0%;
    max-width: none !important;
    position: absolute !important;
    inset: auto !important;
    width: 135% !important;
    height: 135% !important;
    left: calc((100% - 135%) * 0.29) !important;
    top: 0 !important;
    transform: none !important;
    scale: 1 !important;
  }
  #s12-layout > .story__media .story__scrim {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background: linear-gradient(
      90deg,
      rgba(20, 20, 18, 0.9) 0%,
      rgba(20, 20, 18, 0.68) 26%,
      rgba(20, 20, 18, 0.28) 48%,
      rgba(20, 20, 18, 0.06) 68%,
      transparent 82%
    ) !important;
  }
  #s12-layout > .story__stack {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    margin-top: calc(-1 * var(--res-plate-h)) !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    z-index: 2 !important;
  }
  #s12-layout .story__beat--key {
    background: transparent !important;
    color: #fff !important;
  }
  #s12-layout .story__beat--key .chapter__eyebrow,
  #s12-layout .story__beat--key .chapter-heading,
  #s12-layout .story__beat--key .title-line,
  #s12-layout .story__beat--key .payoff,
  #s12-layout .story__beat--key .payoff i {
    color: #fff !important;
    text-shadow: 0 1px 18px rgba(20, 20, 18, 0.45);
  }
  #s12-layout .story__beat--textcard {
    position: relative !important;
    z-index: 3 !important;
    isolation: isolate !important;
    transform: translateZ(0);
    background: var(--wine, #5b2c2d) !important;
    background-color: var(--wine, #5b2c2d) !important;
    color: #fff !important;
  }
  #s12-layout .story__beat--textcard .body {
    text-shadow: none !important;
  }
  #s12-layout .story__beat--key,
  #s12-layout .story__beat--textcard {
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }

  /* ---- Interiors: Chapter 04 title ON cooking pot; body wine alone
     (Paul 09/Aug/26) - same overlay stack as Place/Layout.
     Cooking still = Cottonbro key (pot/steam); continue still = RonLach. ---- */
  #s12-finishes {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    isolation: isolate !important;
  }
  #s12-finishes > .story__media {
    position: relative !important;
    top: auto !important;
    inset: auto !important;
    flex: none !important;
    width: 100% !important;
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    margin: 0 !important;
    overflow: hidden !important;
    contain: paint !important;
    z-index: 0 !important;
    pointer-events: none;
    scroll-snap-align: none !important;
    background: #111 !important;
  }
  #s12-finishes > .story__media > .story__media-pin {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    z-index: 0 !important;
  }
  #s12-finishes > .story__stack {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    margin-top: calc(-1 * var(--res-plate-h)) !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    z-index: 2 !important;
  }
  #s12-finishes .story__beat--key {
    background: transparent !important;
    color: #fff !important;
  }
  #s12-finishes .story__beat--key .chapter__eyebrow,
  #s12-finishes .story__beat--key .chapter-heading,
  #s12-finishes .story__beat--key .title-line,
  #s12-finishes .story__beat--key .payoff,
  #s12-finishes .story__beat--key .payoff i {
    color: #fff !important;
    text-shadow: 0 1px 18px rgba(20, 20, 18, 0.45);
  }
  #s12-finishes .story__beat--textcard {
    position: relative !important;
    z-index: 3 !important;
    isolation: isolate !important;
    transform: translateZ(0);
    background: var(--wine, #5b2c2d) !important;
    background-color: var(--wine, #5b2c2d) !important;
    color: #fff !important;
  }
  #s12-finishes .story__beat--textcard .body {
    text-shadow: none !important;
  }
  #s12-finishes .story__beat--key,
  #s12-finishes .story__beat--textcard {
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }

  /* ---- Interiors continue: fitted joinery copy ON perfume still (one plate)
     (Paul 09/Aug/26) - no wine follow. ---- */
  #s12-finishes-key-after-kitchen {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    isolation: isolate !important;
  }
  #s12-finishes-key-after-kitchen > .story__media {
    position: relative !important;
    top: auto !important;
    inset: auto !important;
    flex: none !important;
    width: 100% !important;
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    margin: 0 !important;
    overflow: hidden !important;
    contain: paint !important;
    z-index: 0 !important;
    pointer-events: none;
    scroll-snap-align: none !important;
    background: #111 !important;
  }
  #s12-finishes-key-after-kitchen > .story__media > .story__media-pin {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    z-index: 0 !important;
  }
  #s12-finishes-key-after-kitchen > .story__stack {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    margin-top: calc(-1 * var(--res-plate-h)) !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    z-index: 2 !important;
  }
  #s12-finishes-key-after-kitchen .story__beat--onmedia {
    background: transparent !important;
    background-color: transparent !important;
    color: #fff !important;
    padding-top: var(--key-title-top) !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
  #s12-finishes-key-after-kitchen .story__beat--onmedia .story__project {
    color: #fff !important;
    text-shadow: 0 1px 18px rgba(20, 20, 18, 0.45);
  }

  /* Layout chapter tail: Living / LKD / Retreat sit above sticky marble release.
     Fail-if: overflow:hidden on kitchen-block__media - snap magnets on img+callouts
     are skipped (Layout wine jumps to LKD; Living/Retreat plates unreachable).
     Finishes kitchen keeps overflow visible and snap works. Clip crop on the img box. */
  #s12-layout-living,
  #s12-layout-lkd,
  #s12-layout-retreat {
    position: relative !important;
    z-index: 5 !important;
    isolation: isolate !important;
    background: var(--wine, #5b2c2d) !important;
  }
  #s12-layout-living > .kitchen-block__media,
  #s12-layout-retreat > .kitchen-block__media {
    overflow: visible !important;
    background: #1a1210 !important;
  }
  #s12-layout-lkd > .story__media {
    overflow: hidden !important;
    background: #1a1210 !important;
  }
  /* LKD wine continue: eva bronzini still under copy (Paul 11/Aug/26). Desktop freeze. */
  #s12-layout-lkd #s12-layout-lkd-card {
    position: relative !important;
    background: var(--wine, #5b2c2d) !important;
    background-image: none !important;
    isolation: auto !important;
    overflow: hidden !important;
  }
  #s12-layout-lkd #s12-layout-lkd-card .story__card-bg--phone {
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 45% !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }
  #s12-layout-lkd #s12-layout-lkd-card::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(
      90deg,
      rgba(20, 20, 18, 0.738) 0%,
      rgba(20, 20, 18, 0.557) 26%,
      rgba(20, 20, 18, 0.230) 48%,
      rgba(20, 20, 18, 0.049) 68%,
      transparent 82%
    ) !important;
  }
  #s12-layout-lkd #s12-layout-lkd-card > .story__col {
    position: relative !important;
    z-index: 2 !important;
  }

  /* ---- Aerial: one full plate + Place-matched Explore CTA (Paul 09/Aug/26) ---- */
  #s12-aerial.key-still {
    position: relative !important;
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    overflow: hidden !important;
  }
  #s12-aerial .aerial-cta-band {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
    /* Match Place wine textcard pad so CTA lands at the same spot */
    padding-top: var(--key-title-top) !important;
    padding-right: var(--phone-copy-gutter-right) !important;
    padding-bottom: var(--phone-chrome-bottom) !important;
    padding-left: var(--phone-copy-gutter-left) !important;
    pointer-events: none !important;
    background: transparent !important;
  }
  #s12-aerial .aerial-cta-band > .story__col {
    width: 100% !important;
    max-width: var(--res-title-col-max) !important;
    margin: 0 !important;
  }
  /* Invisible Place body stack - same height so CTA Y matches Place wine */
  #s12-aerial .aerial-cta-spacer {
    visibility: hidden !important;
    pointer-events: none !important;
    margin: 0 !important;
  }
  #s12-aerial .aerial-cta-spacer + .aerial-cta-spacer {
    margin-top: 1.15rem !important;
  }
  #s12-aerial .aerial-cta-band .map-teaser {
    pointer-events: auto !important;
    text-shadow: none !important;
    margin-top: var(--filaro-body-to-cta, 2.75rem) !important;
  }

  /* ---- Light title: ON image + left scrim; body wine plate (Paul 07/Aug/26)
     09/Aug/26: pin relative (not sticky) so mandatory snap lands every plate. ---- */
  #s12-light.key-still.key-still--title {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    position: relative !important;
    background: transparent !important;
  }
  /* Kill soft-light wash + desktop vertical scrim - use Place-strength left wash */
  #s12-light.key-still::after,
  #s12-light > .hero__scrim {
    display: none !important;
    content: none !important;
    background: none !important;
  }
  /* CLIP shell - scale on img inside overflow:hidden (no sticky - snap law) */
  #s12-light > .key-still__pin {
    position: relative !important;
    top: auto !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    overflow: hidden !important;
    z-index: 0 !important;
    pointer-events: none !important;
    scroll-snap-align: none !important;
  }
  #s12-light > .key-still__pin > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    max-width: none !important;
    filter: none !important;
    z-index: 0 !important;
    pointer-events: none !important;
    scroll-snap-align: none !important;
  }
  /* Left cinematic scrim over sticky image (same tokens as Place .story__scrim) */
  #s12-light::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: var(--res-plate-h) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(
      90deg,
      rgba(20, 20, 18, 0.9) 0%,
      rgba(20, 20, 18, 0.68) 26%,
      rgba(20, 20, 18, 0.28) 48%,
      rgba(20, 20, 18, 0.06) 68%,
      transparent 82%
    ) !important;
  }
  #s12-light > .hero__band {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: 0 !important;
    right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: calc(-1 * var(--res-plate-h)) 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #fff !important;
    overflow: visible !important;
    z-index: 3 !important;
    text-align: left !important;
  }
  #s12-light .key-still__title-block {
    flex: 0 0 var(--res-plate-h) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--res-title-col-max) !important;
    padding-top: var(--key-copy-top) !important;
    padding-right: var(--phone-copy-gutter-right) !important;
    padding-bottom: var(--phone-chrome-bottom) !important;
    padding-left: var(--phone-copy-gutter-left) !important;
    background: transparent !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
  #s12-light .key-still__title-block .chapter__eyebrow,
  #s12-light .key-still__title-block .chapter-heading,
  #s12-light .key-still__title-block .title-line,
  #s12-light .key-still__title-block .payoff,
  #s12-light .key-still__title-block .payoff i {
    color: #fff !important;
    text-shadow: 0 1px 18px rgba(20, 20, 18, 0.45);
  }
  #s12-light .key-still__copy-block {
    flex: 0 0 var(--res-plate-h) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    padding-top: var(--key-copy-top) !important;
    padding-right: var(--phone-copy-gutter-right) !important;
    padding-bottom: var(--phone-chrome-bottom) !important;
    padding-left: var(--phone-copy-gutter-left) !important;
    background: var(--wine, #5b2c2d) !important;
    color: #fff !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 4 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
  #s12-light .key-still__copy-block .body {
    text-shadow: none !important;
    margin-top: 0 !important;
    max-width: var(--res-title-col-max) !important;
    color: #fff !important;
  }
  #s12-light .key-still__copy-block .body + .body {
    margin-top: 1.15rem !important;
  }

  /* ---- Construction: title ON still; body wine (Paul 09/Aug/26)
     Same Light overlay stack. Still restored 10/Aug/26 (was wine-only hide).
     No left scrim (Paul 09/Aug/26). ---- */
  #s12-programme.key-still.key-still--title {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    position: relative !important;
    background: transparent !important;
  }
  #s12-programme.key-still::after,
  #s12-programme > .hero__scrim {
    display: none !important;
    content: none !important;
    background: none !important;
  }
  #s12-programme > .key-still__pin {
    position: relative !important;
    top: auto !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    overflow: hidden !important;
    z-index: 0 !important;
    pointer-events: none !important;
    scroll-snap-align: none !important;
    background: transparent !important;
  }
  #s12-programme > .key-still__pin > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    max-width: none !important;
    filter: none !important;
    z-index: 0 !important;
    pointer-events: none !important;
    scroll-snap-align: none !important;
  }
  /* Construction: no left scrim (Paul 09/Aug/26) */
  #s12-programme::before {
    content: none !important;
    display: none !important;
    background: none !important;
  }
  #s12-programme > .hero__band {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: 0 !important;
    right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: calc(-1 * var(--res-plate-h)) 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #fff !important;
    overflow: visible !important;
    z-index: 3 !important;
    text-align: left !important;
  }
  #s12-programme .key-still__title-block {
    flex: 0 0 var(--res-plate-h) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--res-title-col-max) !important;
    padding-top: var(--key-copy-top) !important;
    padding-right: var(--phone-copy-gutter-right) !important;
    padding-bottom: var(--phone-chrome-bottom) !important;
    padding-left: var(--phone-copy-gutter-left) !important;
    background: transparent !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
  #s12-programme .key-still__title-block .chapter__eyebrow,
  #s12-programme .key-still__title-block .chapter-heading,
  #s12-programme .key-still__title-block .title-line,
  #s12-programme .key-still__title-block .payoff,
  #s12-programme .key-still__title-block .payoff i {
    color: #fff !important;
    text-shadow: none !important;
  }
  #s12-programme .key-still__copy-block {
    flex: 0 0 var(--res-plate-h) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    padding-top: var(--key-title-top) !important;
    padding-right: var(--phone-copy-gutter-right) !important;
    padding-bottom: var(--phone-chrome-bottom) !important;
    padding-left: var(--phone-copy-gutter-left) !important;
    background: var(--wine, #5b2c2d) !important;
    color: #fff !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 4 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
  #s12-programme .key-still__copy-block .body {
    text-shadow: none !important;
    color: #fff !important;
  }
  #s12-programme .key-still__copy-block .body + .body {
    margin-top: 1.15rem !important;
  }
  #s12-programme .key-still__copy-block .map-teaser {
    text-shadow: none !important;
  }

  /* Other key-still titles (not Light / Construction): keep image then wine band */
  section.key-still.key-still--title:not(.key-still--benefits):not(#s12-light):not(#s12-programme) {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  section.key-still.key-still--title:not(.key-still--benefits):not(#s12-light):not(#s12-programme) > img {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 var(--res-plate-h) !important;
    width: 100% !important;
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    object-fit: cover !important;
  }
  section.key-still.key-still--title:not(.key-still--benefits):not(#s12-light):not(#s12-programme) > .hero__scrim {
    display: none !important;
  }
  section.key-still.key-still--title:not(.key-still--benefits):not(#s12-light):not(#s12-programme) > .hero__band {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    flex: 0 0 var(--res-plate-h) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    padding-top: var(--key-copy-top) !important;
    padding-right: var(--phone-copy-gutter-right) !important;
    padding-bottom: var(--phone-chrome-bottom) !important;
    padding-left: var(--phone-copy-gutter-left) !important;
    background: var(--wine, #5b2c2d) !important;
    color: #fff !important;
    overflow: hidden !important;
    z-index: 2 !important;
    text-align: left !important;
  }
  section.key-still.key-still--title:not(#s12-light):not(#s12-programme) .hero__band .body {
    text-shadow: none !important;
    margin-top: 0 !important;
    max-width: var(--res-title-col-max) !important;
  }
  section.key-still.key-still--title:not(#s12-light):not(#s12-programme) .hero__band .chapter-heading + .body,
  section.key-still.key-still--title:not(#s12-light):not(#s12-programme) .hero__band .body + .body {
    margin-top: 1.15rem !important;
  }

  /* Phone (11/Aug/26 Paul): restore Light benefits after Orient (spec list).
     Keep stale phone-light-order / colour shell retired. Living rose callouts stay. */
  #phone-light-order,
  #s12-light-colour,
  #s12-light-colour.light-colour-plate {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    scroll-snap-align: none !important;
    scroll-snap-stop: normal !important;
  }

  /* Light still: title ON garden + wine benefits list (after Orient). */
  #s12-light-still.key-still.key-still--benefits {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    position: relative !important;
    background: transparent !important;
    pointer-events: auto !important;
  }
  #s12-light-still.key-still::after {
    display: none !important;
    content: none !important;
  }
  #s12-light-still > .key-still__pin {
    position: relative !important;
    top: auto !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    overflow: hidden !important;
    z-index: 0 !important;
    pointer-events: none !important;
    scroll-snap-align: none !important;
  }
  #s12-light-still > .key-still__pin > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    max-width: none !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }
  #s12-light-still > .hero__band {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: calc(-1 * var(--res-plate-h)) 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #fff !important;
    overflow: visible !important;
    z-index: 3 !important;
    text-align: left !important;
  }
  #s12-light-still .spine-copy {
    display: contents !important;
  }
  #s12-light-still .key-still__title-block {
    flex: 0 0 var(--res-plate-h) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: var(--res-title-col-max) !important;
    padding-top: var(--key-copy-top) !important;
    padding-right: var(--phone-copy-gutter-right) !important;
    padding-bottom: var(--phone-chrome-bottom) !important;
    padding-left: var(--phone-copy-gutter-left) !important;
    background: transparent !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
  #s12-light-still .key-still__title-block .chapter-heading,
  #s12-light-still .key-still__title-block .title-line,
  #s12-light-still .key-still__title-block .payoff,
  #s12-light-still .key-still__title-block .payoff i {
    color: #fff !important;
    text-shadow: 0 1px 18px rgba(20, 20, 18, 0.45);
  }
  #s12-light-still .key-still__copy-block {
    flex: 0 0 var(--res-plate-h) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    padding-top: var(--key-title-top) !important;
    padding-right: var(--phone-copy-gutter-right) !important;
    padding-bottom: var(--phone-chrome-bottom) !important;
    padding-left: var(--phone-copy-gutter-left) !important;
    background: var(--wine, #5b2c2d) !important;
    color: #fff !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 4 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
  #s12-light-still .key-still__copy-block .benefits {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: var(--res-title-col-max) !important;
    width: 100% !important;
  }
  #s12-light-still .key-still__copy-block .benefits li + li {
    margin-top: 0 !important;
  }

  /* Living specs table card: solid wine only (Paul 11/Aug/26 - remove rose bg). */
  #s12-layout-living .kitchen-callouts {
    background: var(--wine, #5b2c2d) !important;
    isolation: auto !important;
  }
  #s12-layout-living .kitchen-callouts::before,
  #s12-layout-living .kitchen-callouts::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
  }
  #s12-layout-living .kitchen-callouts .kitchen-panel {
    position: relative !important;
    z-index: 2 !important;
  }
  /* Other benefits plates (if any): keep image then wine.
     Exclude #s12-light-colour - phone wine plate after Follow the light. */
  section.key-still.key-still--benefits:not(#s12-light-still):not(#s12-light-colour) {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  section.key-still.key-still--benefits:not(#s12-light-still):not(#s12-light-colour) .key-still__pin {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 var(--res-plate-h) !important;
    width: 100% !important;
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    overflow: hidden !important;
  }
  section.key-still.key-still--benefits:not(#s12-light-still):not(#s12-light-colour) .key-still__pin img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  section.key-still.key-still--benefits:not(#s12-light-still):not(#s12-light-colour) .hero__scrim {
    display: none !important;
  }
  section.key-still.key-still--benefits:not(#s12-light-still):not(#s12-light-colour) .hero__band {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 var(--res-plate-h) !important;
    width: 100% !important;
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    padding-top: var(--key-copy-top) !important;
    padding-right: var(--phone-copy-gutter-right) !important;
    padding-bottom: var(--phone-chrome-bottom) !important;
    padding-left: var(--phone-copy-gutter-left) !important;
    background: var(--wine, #5b2c2d) !important;
    color: #fff !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
  section.key-still.key-still--benefits:not(#s12-light-still):not(#s12-light-colour) .spine-copy {
    max-width: var(--res-title-col-max) !important;
    margin: 0 !important;
  }
  section.key-still.key-still--benefits:not(#s12-light-still):not(#s12-light-colour) .chapter-heading {
    margin: 0 0 1.25rem !important;
  }

  /* ---- Orient / plans / team title: one viewport, copy-start ----
     Team cards hidden on phone; roster is #s12-team-roster (10/Aug/26). */
  section.band.band--light,
  #s12-light-orient,
  section.type-strip,
  #s12-plans,
  section.team {
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    padding-top: var(--key-copy-top) !important;
    padding-bottom: var(--phone-chrome-bottom) !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
  #s12-plans .type-card__specs,
  #s12-plans .type-card__massing,
  #s12-plans .type-card__note {
    display: none !important;
  }
  /* Title block -> type table air (11/Aug/26 Paul) */
  #s12-plans .type-strip__intro {
    margin: 0 0 2.25rem !important;
  }
  #s12-plans .type-strip__types {
    margin-top: 0 !important;
  }
  #s12-plans .type-strip__grid {
    grid-template-rows: repeat(3, max-content) !important;
    align-content: start !important;
    gap: 0 !important;
  }
  #s12-plans .type-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto !important;
    grid-row: auto !important;
    align-items: baseline !important;
    gap: 1rem !important;
    margin: 0 !important;
    /* Generous row height (was 0.9rem) */
    padding: 1.55rem 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22) !important;
  }
  #s12-plans .type-card:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.22) !important;
  }
  #s12-plans .type-card__label,
  #s12-plans .type-card__title {
    margin: 0 !important;
    font-family: var(--font-sans) !important;
    font-size: 0.78rem !important;
    line-height: 1.3 !important;
  }
  #s12-plans .type-card__label {
    color: rgba(255, 255, 255, 0.82) !important;
  }
  #s12-plans .type-card__title {
    color: #fff !important;
    font-weight: 300 !important;
    text-align: right !important;
  }
  #s12-plans .type-card__title-full {
    display: none !important;
  }
  #s12-plans .type-card__title-phone {
    display: inline !important;
  }
  #s12-plans a.type-card__hit {
    z-index: 3 !important;
    inset: -1px 0 !important;
  }
  section.team .team__grid {
    display: none !important;
  }
  #s12-team-roster,
  section.team-roster-plate {
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
  .orient {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
  }
  .orient__head {
    padding-left: var(--phone-copy-gutter-left) !important;
    padding-right: var(--phone-copy-gutter-right) !important;
  }
  /* Follow the light - phone-only cleanup (10/Aug/26).
     Wash owns the whole plate; diagram labels stay quiet behind selected copy.
     Headline removed 10/Aug/26 - controls + diagram only; NORTH clear above plan. */
  #s12-light-orient {
    position: relative !important;
    isolation: isolate;
  }
  #s12-light-orient .orient {
    position: static !important;
  }
  #s12-light-orient .orient__head {
    display: none !important;
  }
  #s12-light-orient .orient__wash {
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    z-index: 0 !important;
  }
  #s12-light-orient .orient__hint,
  #s12-light-orient .orient__switch-block,
  #s12-light-orient .orient__stage,
  #s12-light-orient .controls {
    position: relative;
    z-index: 2;
  }
  #s12-light-orient .orient[data-day="morning"] .orient__wash {
    background:
      radial-gradient(
        ellipse 160% 140% at 100% 35%,
        rgba(247, 245, 239, 0.78) 0%,
        #e0c49a 18%,
        #c49a6a 36%,
        #8a5340 55%,
        #6e3a36 72%,
        #5b2c2d 88%,
        #5b2c2d 100%
      ),
      radial-gradient(
        ellipse 120% 100% at 70% 70%,
        rgba(196, 154, 106, 0.45) 0%,
        #5b2c2d 70%,
        #5b2c2d 100%
      ),
      #5b2c2d !important;
  }
  #s12-light-orient .orient[data-day="midday"] .orient__wash {
    background:
      radial-gradient(
        ellipse 180% 130% at 50% -5%,
        rgba(247, 245, 239, 0.82) 0%,
        #e0c49a 16%,
        #c49a6a 34%,
        #8a5340 52%,
        #6e3a36 70%,
        #5b2c2d 88%,
        #5b2c2d 100%
      ),
      radial-gradient(
        ellipse 130% 90% at 50% 40%,
        rgba(196, 154, 106, 0.5) 0%,
        #5b2c2d 72%,
        #5b2c2d 100%
      ),
      #5b2c2d !important;
  }
  #s12-light-orient .orient[data-day="afternoon"] .orient__wash {
    background:
      radial-gradient(
        ellipse 160% 140% at 0% 35%,
        rgba(247, 245, 239, 0.78) 0%,
        #e0c49a 18%,
        #c49a6a 36%,
        #8a5340 55%,
        #6e3a36 72%,
        #5b2c2d 88%,
        #5b2c2d 100%
      ),
      radial-gradient(
        ellipse 120% 100% at 30% 70%,
        rgba(196, 154, 106, 0.45) 0%,
        #5b2c2d 70%,
        #5b2c2d 100%
      ),
      #5b2c2d !important;
  }
  #s12-light-orient .orient[data-day="morning"] .orient__wash,
  #s12-light-orient .orient[data-day="midday"] .orient__wash,
  #s12-light-orient .orient[data-day="afternoon"] .orient__wash {
    opacity: 0.8 !important;
  }
  #s12-light-orient .orient__overlay .sun-arc,
  #s12-light-orient .orient__overlay .streets,
  #s12-light-orient .orient__th-labels {
    display: none !important;
  }
  #s12-light-orient .orient__day-caption .chapter-heading .title-line {
    font-size: calc(var(--phone-title-line) - 10px) !important;
  }
  #s12-light-orient .orient__plan {
    top: 22% !important;
    right: 2% !important;
    bottom: 10% !important;
    left: 2% !important;
    overflow: visible !important;
  }
  #s12-light-orient .orient__stage {
    overflow: visible !important;
    contain: none !important;
  }
  #s12-light-orient .orient__plan-plate {
    /* Same render path as floorplan TypeCard massing (11/Aug/26 Paul).
       Prior height:100% + object-fit:fill stretched the 591x291 outline. */
    height: auto !important;
    width: 13.2rem !important; /* floorplan fp-drawer__massing hairline */
    max-width: min(100%, 13.2rem) !important;
    max-height: none !important;
    aspect-ratio: 591 / 291 !important;
    overflow: visible !important;
  }
  #s12-light-orient .orient__plan img {
    object-fit: fill !important; /* box locked to 591/291 - no stretch */
    object-position: center center !important;
  }
  /* Hide SVG NORTH - phone marker is plate-anchored below (no overlap). */
  #s12-light-orient .orient__overlay > g:first-of-type {
    display: none !important;
  }
  /* Plate-anchored NORTH: sit fully above massing edge (clear air gap). */
  #s12-light-orient .orient__plan-plate::before {
    content: "" !important;
    position: absolute !important;
    top: -3.35rem !important;
    right: 1.05rem !important;
    z-index: 3 !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 0.28rem solid transparent !important;
    border-right: 0.28rem solid transparent !important;
    border-bottom: 0.45rem solid #fff !important;
    pointer-events: none !important;
  }
  #s12-light-orient .orient__plan-plate::after {
    content: "NORTH" !important;
    position: absolute !important;
    top: -2.75rem !important;
    right: 0 !important;
    z-index: 3 !important;
    color: #fff !important;
    font-family: var(--font-sans) !important;
    font-size: 0.72rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    pointer-events: none !important;
  }

  /* ---- Spec-table feature plates SSOT (Living locks remaining)
     Layout living / retreat + Finishes kitchen / ensuite / bathroom.
     Phone: image plate then solid wine (title + hairline table).
     Title-line size = Story CONNECTION fluid (not flat 5.7rem).
     No right scrim on media or wine (Paul 07/Aug/26). ---- */
  section.kitchen-block {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    overflow: visible !important;
  }
  section.kitchen-block > .kitchen-block__media {
    position: relative !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }
  /* Kill right chrome wash - was covering wine callout plate too */
  section.kitchen-block > .kitchen-block__media::after {
    display: none !important;
    content: none !important;
    background: none !important;
  }
  section.kitchen-block > .kitchen-block__media > img {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 var(--res-plate-h) !important;
    width: 100% !important;
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    object-fit: cover !important;
    scale: 1 !important;
  }
  section.kitchen-block > .kitchen-block__media > .kitchen-block__scrim {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: var(--res-plate-h) !important;
    bottom: auto !important;
    z-index: 1 !important;
    /* Left only - no right / bottom multi wash */
    background: linear-gradient(
      90deg,
      rgba(20, 20, 18, 0.9) 0%,
      rgba(20, 20, 18, 0.68) 26%,
      rgba(20, 20, 18, 0.28) 48%,
      rgba(20, 20, 18, 0.06) 68%,
      transparent 82%
    ) !important;
  }
  section.kitchen-block .kitchen-callouts {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 var(--res-plate-h) !important;
    width: 100% !important;
    height: var(--res-plate-h) !important;
    min-height: var(--res-plate-h) !important;
    max-height: var(--res-plate-h) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    padding-top: var(--key-copy-top) !important;
    padding-right: var(--phone-copy-gutter-right) !important;
    padding-bottom: var(--phone-chrome-bottom) !important;
    padding-left: var(--phone-copy-gutter-left) !important;
    background: var(--wine, #5b2c2d) !important;
    color: #fff !important;
    overflow: hidden !important;
    justify-content: flex-start !important;
    pointer-events: auto !important;
    z-index: 2 !important;
  }
  section.kitchen-block > .kitchen-block__stack {
    display: none !important;
  }
  /* Feature plate title - smaller than chapter title-line (Paul 09/Aug/26) */
  section.kitchen-block .kitchen-section-title {
    margin: 0 0 1.25rem !important;
    font-family: var(--font-sans) !important;
    font-weight: 100 !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    color: #fff !important;
    text-align: left !important;
  }
  section.kitchen-block .kitchen-section-title .title-line {
    display: block !important;
    font-size: var(--phone-feature-title) !important;
    font-weight: 100 !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    color: #fff !important;
    text-align: left !important;
    white-space: normal !important;
  }
  section.kitchen-block .kitchen-section-title .payoff,
  section.kitchen-block .kitchen-section-title .payoff i {
    display: block !important;
    margin-top: 0.08em !important;
    font-family: var(--font-serif) !important;
    font-style: italic !important;
    font-weight: 250 !important;
    font-size: clamp(1.65rem, 3.1vw, 2.55rem) !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
    font-synthesis: none !important;
    color: #fff !important;
    text-align: left !important;
  }
  section.kitchen-block .kitchen-panel {
    width: 100% !important;
    max-width: var(--feature-plate-table-max, 32rem) !important;
  }
  section.kitchen-block .kitchen-list {
    gap: 0 !important;
  }

  /* Programme overlay lives in Light-style block above - do not force flex column here */

/* ---- FILARO_PHONE_IMAGES 10/Aug/26 (Paul paste) - crops + scrim @767 ---- */
  #s12 .hero__media img {
    object-position: 32% 100% !important;
    transform: none !important;
    transform-origin: 32% 100% !important;
  }
  #s12 .hero__scrim {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(135deg, rgba(20, 20, 18, 0.198) 0%, rgba(20, 20, 18, 0.150) 26%, rgba(20, 20, 18, 0.062) 48%, rgba(20, 20, 18, 0.013) 68%, transparent 82%) !important;
  }
  #s12-place > .story__media img {
    position: absolute !important;
    inset: auto !important;
    width: 120% !important;
    height: 120% !important;
    max-width: none !important;
    max-height: none !important;
    left: calc((100% - 120%) * 0.24) !important;
    top: 0 !important;
    object-fit: cover !important;
    object-position: 24% 0% !important;
    transform: none !important;
    transform-origin: 24% 0% !important;
    scale: 1 !important;
  }
  #s12-place > .story__media .story__scrim {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(135deg, rgba(20, 20, 18, 0.693) 0%, rgba(20, 20, 18, 0.524) 26%, rgba(20, 20, 18, 0.216) 48%, rgba(20, 20, 18, 0.046) 68%, transparent 82%) !important;
  }
  #s12-aerial > video {
    object-fit: cover !important;
    object-position: 91% 51% !important;
    transform: none !important;
    transform-origin: 91% 51% !important;
  }
  #s12-aerial > .hero__scrim {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, rgba(20, 20, 18, 0.261) 0%, rgba(20, 20, 18, 0.197) 26%, rgba(20, 20, 18, 0.081) 48%, rgba(20, 20, 18, 0.017) 68%, transparent 82%) !important;
  }
  #s12-light > .key-still__pin > img {
    object-position: 41% 6% !important;
    transform: scale(1.5) !important;
    transform-origin: 41% 6% !important;
  }
  #s12-light::before {
    display: block !important;
    background: linear-gradient(90deg, rgba(20, 20, 18, 0.549) 0%, rgba(20, 20, 18, 0.415) 26%, rgba(20, 20, 18, 0.171) 48%, rgba(20, 20, 18, 0.037) 68%, transparent 82%) !important;
  }
  #s12-light-still .key-still__pin img {
    object-position: 47% 0% !important;
    transform: scaleX(-1) scale(1.45) !important;
    transform-origin: 47% 0% !important;
  }
  #s12-light-still .hero__scrim {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(135deg, rgba(20, 20, 18, 0.540) 0%, rgba(20, 20, 18, 0.408) 26%, rgba(20, 20, 18, 0.168) 48%, rgba(20, 20, 18, 0.036) 68%, transparent 82%) !important;
    z-index: 2 !important;
  }
  #s12-layout > .story__media img {
    position: absolute !important;
    inset: auto !important;
    width: 135% !important;
    height: 135% !important;
    max-width: none !important;
    max-height: none !important;
    left: calc((100% - 135%) * 0.29) !important;
    top: 0 !important;
    object-fit: cover !important;
    object-position: 29% 0% !important;
    transform: none !important;
    transform-origin: 29% 0% !important;
    scale: 1 !important;
  }
  #s12-layout > .story__media .story__scrim {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, rgba(20, 20, 18, 0.711) 0%, rgba(20, 20, 18, 0.537) 26%, rgba(20, 20, 18, 0.221) 48%, rgba(20, 20, 18, 0.047) 68%, transparent 82%) !important;
  }
  #s12-layout-living > .kitchen-block__media > img {
    object-position: 75% 38% !important;
    transform: none !important;
    transform-origin: 75% 38% !important;
  }
  #s12-layout-living > .kitchen-block__media > .kitchen-block__scrim {
    display: none !important;
    background: none !important;
  }
  #s12-layout-lkd > .story__media img {
    object-position: 82% 59% !important;
    transform: none !important;
    transform-origin: 82% 59% !important;
  }
  #s12-layout-retreat > .kitchen-block__media > img {
    object-position: 50% 0% !important;
    transform: scaleX(-1) !important;
    scale: 1 !important;
    transform-origin: 50% 0% !important;
  }
  #s12-layout-retreat > .kitchen-block__media > .kitchen-block__scrim {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, rgba(20, 20, 18, 0.693) 0%, rgba(20, 20, 18, 0.524) 26%, rgba(20, 20, 18, 0.216) 48%, rgba(20, 20, 18, 0.046) 68%, transparent 82%) !important;
  }
  #s12-layout-retreat > .kitchen-block__media > .kitchen-block__scrim {
    height: var(--res-plate-h) !important;
    bottom: auto !important;
  }
  /* Retreat: title ON bed image; wine keeps specs table only
     (11/Aug/26 Paul - restore 10/Aug title-on-bed). */
  #s12-layout-retreat .kitchen-callouts {
    overflow: visible !important;
  }
  #s12-layout-retreat .kitchen-section-title {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(-1 * var(--res-plate-h)) !important;
    height: var(--res-plate-h) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding-top: var(--key-copy-top) !important;
    padding-right: var(--phone-copy-gutter-right) !important;
    padding-bottom: var(--phone-chrome-bottom) !important;
    padding-left: var(--phone-copy-gutter-left) !important;
    max-width: var(--res-title-col-max) !important;
    background: transparent !important;
    z-index: 3 !important;
    pointer-events: none !important;
  }
  #s12-layout-retreat .kitchen-section-title .title-line,
  #s12-layout-retreat .kitchen-section-title .payoff,
  #s12-layout-retreat .kitchen-section-title .payoff i {
    color: #fff !important;
    text-shadow: 0 1px 18px rgba(20, 20, 18, 0.45);
  }
  #s12-finishes > .story__media {
    background: #111 !important;
  }
  #s12-finishes > .story__media img {
    position: absolute !important;
    inset: auto !important;
    width: 135% !important;
    height: 135% !important;
    max-width: none !important;
    max-height: none !important;
    left: calc((100% - 135%) * 0.16) !important;
    top: 0 !important;
    object-fit: cover !important;
    object-position: 16% 0% !important;
    transform: none !important;
    transform-origin: 16% 0% !important;
    scale: 1 !important;
  }
  #s12-finishes > .story__media .story__scrim {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, rgba(20, 20, 18, 0.072) 0%, rgba(20, 20, 18, 0.054) 26%, rgba(20, 20, 18, 0.022) 48%, rgba(20, 20, 18, 0.005) 68%, transparent 82%) !important;
  }
  #s12-finishes-kitchen > .kitchen-block__media > img {
    object-position: 50% 50% !important;
    transform: none !important;
    transform-origin: 50% 50% !important;
  }
  #s12-finishes-kitchen > .kitchen-block__media > .kitchen-block__scrim {
    display: none !important;
    background: none !important;
  }
  #s12-finishes-key-after-kitchen > .story__media {
    background: #111 !important;
  }
  #s12-finishes-key-after-kitchen > .story__media img {
    position: absolute !important;
    inset: auto !important;
    width: 155% !important;
    height: 155% !important;
    max-width: none !important;
    max-height: none !important;
    left: calc((100% - 155%) * 0.40) !important;
    top: 0 !important;
    object-fit: cover !important;
    object-position: 40% 0% !important;
    transform: none !important;
    transform-origin: 40% 0% !important;
    scale: 1 !important;
  }
  #s12-finishes-key-after-kitchen > .story__media .story__scrim {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(135deg, rgba(20, 20, 18, 0.594) 0%, rgba(20, 20, 18, 0.449) 26%, rgba(20, 20, 18, 0.185) 48%, rgba(20, 20, 18, 0.040) 68%, transparent 82%) !important;
  }
  #s12-finishes-throughout-ensuite > .kitchen-block__media > img {
    object-position: 66% 46% !important;
    transform: none !important;
    transform-origin: 66% 46% !important;
  }
  #s12-finishes-throughout-ensuite > .kitchen-block__media > .kitchen-block__scrim {
    display: none !important;
    background: none !important;
  }
  #s12-finishes-bathroom > .kitchen-block__media > img {
    object-position: 29% 50% !important;
    transform: none !important;
    transform-origin: 29% 50% !important;
  }
  #s12-finishes-bathroom > .kitchen-block__media > .kitchen-block__scrim {
    display: none !important;
    background: none !important;
  }
  #s12-programme > .key-still__pin > img {
    object-position: 68% 24% !important;
    transform: none !important;
    transform-origin: 68% 24% !important;
  }
  #s12-programme::before {
    content: none !important;
    display: none !important;
    background: none !important;
  }
  #s12-programme > .hero__scrim {
    display: none !important;
    background: none !important;
  }


  /* Shared copy-start lock - zero drift
     Title / ear plates: --key-copy-top. Body / copy (no ear): --key-title-top. */
  #s12 .hero__band,
  section.story .story__beat--key,
  section.story .story__beat--thread,
  section.key-still.key-still--title:not(#s12-light):not(#s12-light-still):not(#s12-programme) .hero__band,
  #s12-light .key-still__title-block,
  #s12-light-still .key-still__title-block,
  #s12-programme .key-still__title-block,
  section.key-still.key-still--benefits:not(#s12-light-still):not(#s12-light-colour) .hero__band,
  section.kitchen-block .kitchen-callouts {
    padding-top: var(--key-copy-top) !important;
    padding-left: var(--phone-copy-gutter-left) !important;
    padding-right: var(--phone-copy-gutter-right) !important;
    padding-bottom: var(--phone-chrome-bottom) !important;
  }
  section.story .story__beat--textcard,
  section.story .story__beat--project,
  #s12-light .key-still__copy-block,
  #s12-light-still .key-still__copy-block,
  #s12-light-colour .key-still__copy-block,
  #s12-programme .key-still__copy-block {
    padding-top: var(--key-title-top) !important;
    padding-left: var(--phone-copy-gutter-left) !important;
    padding-right: var(--phone-copy-gutter-right) !important;
    padding-bottom: var(--phone-chrome-bottom) !important;
  }
  section.band.band--light,
  section.type-strip,
  section.team {
    padding-top: var(--key-copy-top) !important;
  }
  #s12-welcome .filaro-footer-welcome,
  .filaro-welcome .filaro-footer-welcome {
    padding-top: var(--key-copy-top) !important;
  }

  /* ---- Snap targets (Residences phone sequence 09/Aug/26)
     One magnet per visual plate. No sticky chapters (sticky fights y mandatory).
     Cover -> Place title/wine -> Aerial -> Light title/wine -> Orient ->
     Rose title/wine -> Layout title/wine -> Living img/wine -> LKD img/wine ->
     Retreat img/wine -> Interiors... -> Plans -> Construction -> Team ->
     Welcome -> Footer.
     Removed: Arrival car, Lounge wine-bar. ---- */
  #s12.hero,
  section.story:not(#s12-place):not(#s12-layout):not(#s12-finishes):not(#s12-finishes-key-after-kitchen) > .story__media,
  section.story:not(#s12-place):not(#s12-layout):not(#s12-finishes):not(#s12-finishes-key-after-kitchen) .story__beat,
  #s12-place .story__beat--key,
  #s12-place .story__beat--textcard,
  #s12-layout .story__beat--key,
  #s12-layout .story__beat--textcard,
  #s12-finishes .story__beat--key,
  #s12-finishes .story__beat--textcard,
  #s12-finishes-key-after-kitchen .story__beat--onmedia,
  #s12-aerial,
  section.key-still.key-still--title:not(.key-still--benefits):not(#s12-light):not(#s12-programme) > img,
  section.key-still.key-still--title:not(.key-still--benefits):not(#s12-light):not(#s12-programme) > .hero__band,
  #s12-light .key-still__title-block,
  #s12-light .key-still__copy-block,
  #s12-light-still .key-still__title-block,
  #s12-light-still .key-still__copy-block,
  #s12-programme .key-still__title-block,
  #s12-programme .key-still__copy-block,
  section.key-still.key-still--benefits:not(#s12-light-still):not(#s12-light-colour) .key-still__pin,
  section.key-still.key-still--benefits:not(#s12-light-still):not(#s12-light-colour) .hero__band,
  #s12-light-orient,
  section.band.band--light,
  section.kitchen-block > .kitchen-block__media > img,
  section.kitchen-block .kitchen-callouts,
  #s12-plans,
  section.type-strip,
  #s12-team,
  section.team,
  #s12-team-roster,
  section.team-roster-plate,
  #s12-welcome,
  #s12-footer {
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
  #s12 .hero__media,
  #s12 .hero__band {
    scroll-snap-align: none !important;
    scroll-snap-stop: normal !important;
  }
  #s12-light > .hero__band {
    scroll-snap-align: none !important;
    scroll-snap-stop: always !important;
  }
  #s12-programme > .hero__band {
    scroll-snap-align: none !important;
    scroll-snap-stop: always !important;
  }

  /* ---- Type = A Note title card ---- */
  #s12 .chapter__eyebrow,
  section.story .chapter__eyebrow,
  section.key-still .chapter__eyebrow {
    margin: 0 0 var(--phone-ear-gap) !important;
    font-size: var(--phone-ear-size) !important;
    font-weight: 500 !important;
    letter-spacing: var(--tracking-label, 0.1em) !important;
    line-height: var(--phone-ear-leading) !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.72) !important;
  }
  #s12 .chapter-heading,
  section.story .chapter-heading,
  section.key-still.key-still--title .chapter-heading {
    margin: 0 !important;
    font-family: var(--font-sans) !important;
    font-weight: 100 !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    color: #fff !important;
    text-align: left !important;
  }
  /* Chapter phone title-lines = CONNECTION fluid SSOT (not feature callout titles) */
  #s12 .chapter-heading > .title-line,
  section.story h2.chapter-heading > .title-line,
  section.key-still.key-still--title .chapter-heading > .title-line,
  #s12-welcome .chapter-heading > .title-line,
  .filaro-welcome .chapter-heading > .title-line:not(#contact-drawer-title) {
    display: block !important;
    font-size: var(--phone-title-line) !important;
    font-weight: 100 !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    color: #fff !important;
    text-align: left !important;
    white-space: normal !important;
  }
  /* Feature callout titles (Kitchen / Living / Ensuite / Bathroom / Retreat) */
  section.kitchen-block .kitchen-section-title .title-line {
    display: block !important;
    font-size: var(--phone-feature-title) !important;
    font-weight: 100 !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    color: #fff !important;
    text-align: left !important;
    white-space: normal !important;
  }
  #s12 .chapter-heading .payoff,
  #s12 .chapter-heading .payoff i,
  section.story .chapter-heading .payoff,
  section.story .chapter-heading .payoff i,
  section.key-still .chapter-heading .payoff,
  section.key-still .chapter-heading .payoff i {
    display: block !important;
    margin-top: 0.08em !important;
    font-family: var(--font-serif) !important;
    font-style: italic !important;
    font-weight: 250 !important;
    font-size: clamp(1.65rem, 3.1vw, 2.55rem) !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
    font-synthesis: none !important;
    color: #fff !important;
    text-align: left !important;
  }

  /* Motion: pending reveal stays pending. Cinematic expand ON for phone stills
     (Paul 07/Aug/26 - all Residences images except video). Do not kill scale. */

  /* Left align */
  #s12 .title-line,
  #s12 .payoff,
  section.story .chapter-heading,
  section.story .title-line,
  section.story .payoff,
  section.story .body,
  section.key-still .title-line,
  section.key-still .payoff,
  section.key-still .body,
  .kitchen-section-title,
  .kitchen-section-title .title-line,
  .kitchen-section-title .payoff,
  #s12-welcome .chapter-heading,
  #s12-welcome .title-line,
  #s12-welcome .payoff {
    text-align: left !important;
  }

  /* ---- Colour (wine) plates: no scrim (Paul 10/Aug/26)
     Chrome right-wash (::before/::after z3) was painting over solid wine bands.
     Lift colour plates above wash; kill plate-local pseudo scrims. ---- */
  section.story .story__beat--textcard,
  section.key-still .hero__band,
  section.key-still .key-still__copy-block,
  section.kitchen-block .kitchen-callouts,
  section.band.band--light,
  section.type-strip,
  section.team,
  #s12-team-roster,
  section.team-roster-plate,
  #s12-welcome .filaro-footer-welcome,
  .filaro-welcome .filaro-footer-welcome {
    position: relative !important;
    z-index: 5 !important;
  }
  section.story .story__beat--textcard::before,
  section.story .story__beat--textcard::after,
  section.key-still .hero__band::before,
  section.key-still .hero__band::after,
  section.key-still .key-still__copy-block::before,
  section.key-still .key-still__copy-block::after,
  section.kitchen-block .kitchen-callouts::before,
  section.kitchen-block .kitchen-callouts::after,
  section.band.band--light::before,
  section.band.band--light::after,
  section.type-strip::before,
  section.type-strip::after,
  section.team::before,
  section.team::after,
  #s12-team-roster::before,
  #s12-team-roster::after {
    content: none !important;
    display: none !important;
    background: none !important;
  }
}