/* The existing planning chapters share a soft silver fallback, including
   reduced motion, Save-Data and no-script loads. About keeps its dark skin. */
.contrast-chapter{
  --bg:#dedfdf;--stage:#e7e8e8;--text:#000000;--text-2:#373736;
  --text-3:#54544f;--text-4:#5e5e59;--line:#bfc0c0;--line-2:#a9aaaa;--line-3:#686863;
}
.scroll-mood-ready:not(.page-about) main [data-mood-chapter]{
  --bg:inherit;--stage:inherit;--text:inherit;--text-2:inherit;--text-3:inherit;--text-4:inherit;
  --line:inherit;--line-2:inherit;--line-3:inherit;
}
/* Fixed controls and footage overlays retain their own readable palettes. */
.scroll-mood-ready main{ text-shadow:none;-webkit-text-stroke-width:0; }
.scroll-mood-ready main .btn-light{
  background:#f5f5f2;color:#050505;border-color:#8f8f8a;text-shadow:none;
}
.scroll-mood-ready main .btn-light:hover{background:#fff;color:#050505}
.scroll-mood-ready main .btn-glass{
  background:#0b0b0b;color:#f5f5f2;border-color:#8f8f8a;text-shadow:none;
}
.scroll-mood-ready main .btn-glass:hover{background:#232323;color:#fff}
/* A local opaque paper, rather than an outline, supports reading through the
   inversion. Primary, body, metadata and quiet ink retain their own endpoints.
   A spatial boundary reveals black/white glyph regions continuously; neither
   rounded page-fill contrast nor gradient antialiasing is called a fill pass. */
/* Unsupported text clipping still gets readable ink on the same local paper. */
  .scroll-mood-ready:not(.page-about) main :where(h1,h2,h3,h4,p,dt,dd,summary,.eyebrow,
    .link-arrow,.film-card__title,.service-proof__title,.film-card__arrow,
    .service-proof__arrow,.service-proof__title>span:not(.film-title__label),
    .offer__item,.offer__item-line,.num,.purpose-story__number,
    .project-index__title,.project-index__category,.project-index__arrow):where(:not(.btn,.btn *, .frame-cue,.frame-cue *,
    .hero-film__cue,.hero-film__cue *, .scene-hero__content,.scene-hero__content *, .player,.player *)){
    position:relative;border-radius:2px;
    box-shadow:0 0 0 2px var(--mood-label-paper,var(--bg));
    background:var(--mood-label-paper,var(--bg));
    color:var(--mood-label-control-ink,var(--text));
    -webkit-text-fill-color:var(--mood-label-control-ink,var(--text));
    -webkit-text-stroke-width:0;text-shadow:none;
    box-decoration-break:clone;-webkit-box-decoration-break:clone;
  }
/* Numbering stays in its existing grid row and column. Its paper covers only
   the existing 12px/1.5 line, beginning after the existing 3px top padding. */
.scroll-mood-ready:not(.page-about) main .offer__row::before{
  background-image:linear-gradient(var(--mood-label-paper,var(--bg)),var(--mood-label-paper,var(--bg)));
  background-size:100% 1.5em;background-position:0 3px;background-repeat:no-repeat;
  color:var(--mood-label-control-ink,var(--text));
  -webkit-text-fill-color:var(--mood-label-control-ink,var(--text));
  -webkit-text-stroke-width:0;text-shadow:none;
}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .scroll-mood-ready:not(.page-about) main :where(h1,h2,h3,h4,p,dt,dd,summary,.eyebrow,
    .link-arrow,.film-card__title,.service-proof__title,.film-card__arrow,
    .service-proof__arrow,.service-proof__title>span:not(.film-title__label),
    .offer__item,.offer__item-line,.num,.purpose-story__number,
    .project-index__title,.project-index__category,.project-index__arrow):where(:not(.btn,.btn *, .frame-cue,.frame-cue *,
    .hero-film__cue,.hero-film__cue *, .scene-hero__content,.scene-hero__content *, .player,.player *)){
    --reading-light:var(--mood-label-primary-light,#fff);
    --reading-dark:var(--mood-label-primary-dark,#000);
    position:relative;border-radius:2px;
    box-shadow:0 0 0 2px var(--mood-label-paper,var(--bg));
    -webkit-text-stroke-width:0;text-shadow:none;
    color:var(--mood-label-control-ink,var(--text));
    background-image:linear-gradient(90deg,
      var(--reading-dark) 0%,var(--reading-dark) var(--mood-label-reveal,0%),
      var(--reading-light) var(--mood-label-reveal,0%),var(--reading-light) 100%),
      linear-gradient(var(--mood-label-paper,var(--bg)),var(--mood-label-paper,var(--bg)));
    background-clip:text,border-box;-webkit-background-clip:text,border-box;
    -webkit-text-fill-color:transparent;
    box-decoration-break:clone;-webkit-box-decoration-break:clone;
  }
  .scroll-mood-ready:not(.page-about) main .offer__row::before{
    background-image:linear-gradient(90deg,
      var(--reading-dark) 0%,var(--reading-dark) var(--mood-label-reveal,0%),
      var(--reading-light) var(--mood-label-reveal,0%),var(--reading-light) 100%),
      linear-gradient(var(--mood-label-paper,var(--bg)),var(--mood-label-paper,var(--bg)));
    background-clip:text,border-box;-webkit-background-clip:text,border-box;
    -webkit-text-fill-color:transparent;
  }
  .scroll-mood-ready:not(.page-about) main :where(p,dd,.offer__item-line,.offer__delivery-spec):where(:not(.btn *,
    .frame-cue *, .hero-film__cue *, .scene-hero__content *, .player *)){
    --reading-light:var(--mood-label-copy-light,#fff);
    --reading-dark:var(--mood-label-copy-dark,#000);
  }
  .scroll-mood-ready:not(.page-about) main :is(.eyebrow,.film-card__meta,
    .film-card__arrow,.service-proof__arrow,.project-index__category,
    .service-proof__title>span:not(.film-title__label)),
    .scroll-mood-ready:not(.page-about) main .offer__row::before{
    --reading-light:var(--mood-label-light,#fff);
    --reading-dark:var(--mood-label-dark,#000);
  }
  .scroll-mood-ready:not(.page-about) main :is(.budget-panel__scope,.budget-panel__range){
    --reading-light:var(--mood-label-primary-light,#fff);
    --reading-dark:var(--mood-label-primary-dark,#000);
  }
  .scroll-mood-ready:not(.page-about) main :is(.num,.purpose-story__number,.project-index__arrow){
    --reading-light:var(--mood-label-quiet-light,#fff);
    --reading-dark:var(--mood-label-quiet-dark,#000);
  }
  .scroll-mood-ready:not(.page-about) main :is(.film-card__meta,.eyebrow){width:fit-content;max-width:100%}

}
  .scroll-mood-ready:not(.page-about) main summary .plus{
    color:var(--mood-label-control-ink,var(--text));text-shadow:none;
  }
  .scroll-mood-ready:not(.page-about) main :is(a,summary):not(.btn,[data-play],.frame-cue *,
    .hero-film__cue *, .scene-hero__content *, .player *):focus-visible{
    outline-color:var(--mood-label-control-ink,var(--text));
  }
/* Keep the approved over-footage Home proposition white on its own scrim.
   Short/narrow layouts place the same heading below the frame and use paper. */
@media(min-width:1024px) and (min-height:651px){
  .scroll-mood-ready:not(.page-about) main .opening-cinema .opening-intro h1{
    background:none;box-shadow:none;color:#f5f5f2;
    -webkit-text-fill-color:#f5f5f2;text-shadow:none;
  }
}
@media(max-width:1023px),(pointer:coarse){
  .scroll-mood-ready main :is(.film-card__meta,.eyebrow):not(.frame-cue *, .hero-film__cue *,
    .scene-hero__content *, .player *){font-size:14px;font-weight:500}
}
.scroll-mood-ready main ::selection{
  background:#f5f5f2;color:#050505;-webkit-text-fill-color:#050505;text-shadow:none;
}
