/* SDS repairs. Load after mobile-20261014.css.
   The scroll controller emits these three values together on main:
   --sds-chapter-surface, --sds-chapter-ink, --sds-chapter-muted.
   Marked chapters inherit them; the static endpoint is muted silver-gray.
   Footage, the fixed header, footer and native player keep their own palettes. */
body.sds-premium {
  --sds-chapter-surface: #606a70;
  --sds-chapter-ink: #f5f7f7;
  --sds-chapter-muted: #edf0f1;
  --sds-repair-space: clamp(56px, 7vw, 96px);
}

/* Primary links remain readable beside the approved logo. */
@media (min-width: 1024px) {
  body.sds-premium .site-header.sds-navigation .sds-primary-nav {
    gap: 4px;
    margin-right: 12px;
  }
  body.sds-premium .site-header.sds-navigation .sds-primary-nav > a,
  body.sds-premium .site-header.sds-navigation .sds-primary-nav > .sds-services > summary {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding-inline: 12px;
    font-size: 16px;
    line-height: 1.4;
  }
}

/* The heading and every film caption occupy ordinary rows outside footage. */
body.sds-premium .sds-mobile-home .opening-return {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  margin-bottom: 32px;
}
body.sds-premium .sds-mobile-home .opening-return > div {
  min-width: 0;
}
body.sds-premium .sds-mobile-home .opening-return h2 {
  max-width: 22ch;
  font-size: clamp(32px, 5vw, 58px);
  line-height: 1.12;
  text-wrap: balance;
}
body.sds-premium .sds-mobile-home .opening-return > p {
  max-width: 45ch;
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}
body.sds-premium .sds-mobile-home .sds-selected-films > .film-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 16px;
  min-width: 0;
  padding: 0;
}
body.sds-premium .sds-mobile-home .sds-selected-films.wrap {
  padding-inline: var(--mobile-gutter, 20px);
}
body.sds-premium .sds-mobile-home .sds-selected-films .film-card__text {
  position: static;
  inset: auto;
  width: auto;
  padding: 0;
  min-width: 0;
}
body.sds-premium .sds-mobile-home .sds-selected-films .film-card__title {
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.2;
}
body.sds-premium .sds-mobile-home .sds-selected-films .film-card__title a {
  display: block;
  min-height: 44px;
  overflow-wrap: normal;
}
body.sds-premium .sds-mobile-home .sds-selected-films .film-title__end {
  white-space: normal;
}
body.sds-premium .sds-mobile-home .sds-home-hero__caption {
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1024px) {
  body.sds-premium .sds-mobile-home .opening-return {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
    align-items: end;
    gap: 40px;
    margin-bottom: 40px;
  }
}

/* One film cue owns all of its sizing; old hover padding cannot clip it.
   The frame remains the accessible link, so the decorative cue never steals input. */
body.sds-premium.page-work .sds-mobile-projects a[data-play] .frame-cue,
body.sds-premium .sds-mobile-home .sds-selected-films a[data-play] .frame-cue {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  min-height: 60px;
  padding: 8px 12px 12px;
  opacity: 1;
  background: none;
  pointer-events: none;
}
body.sds-premium.page-work .sds-mobile-projects a[data-play] .frame-cue::after,
body.sds-premium .sds-mobile-home .sds-selected-films a[data-play] .frame-cue::after {
  content: none;
}
body.sds-premium.page-work .sds-mobile-projects a[data-play] .frame-cue__control,
body.sds-premium .sds-mobile-home .sds-selected-films a[data-play] .frame-cue__control {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 9px;
  min-height: 44px;
  max-width: calc(100% - 2px);
  padding: 10px 12px;
  border: 1px solid #a5adb1;
  border-radius: 2px;
  background: #080a0b;
  color: #f5f7f7;
  transform: translateY(0);
  transition: transform .22s ease, opacity .22s ease;
}
body.sds-premium.page-work .sds-mobile-projects a[data-play] .frame-cue__control::before,
body.sds-premium .sds-mobile-home .sds-selected-films a[data-play] .frame-cue__control::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-block: 5px solid transparent;
  border-left: 8px solid currentColor;
}
body.sds-premium.page-work .sds-mobile-projects a[data-play] .frame-cue__play,
body.sds-premium .sds-mobile-home .sds-selected-films a[data-play] .frame-cue__play {
  display: block;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}
body.sds-premium.page-work .sds-mobile-projects a[data-play] .frame-cue__control:has(.frame-cue__play)::before,
body.sds-premium .sds-mobile-home .sds-selected-films a[data-play] .frame-cue__control:has(.frame-cue__play)::before {
  display: none;
}
body.sds-premium.page-work .sds-mobile-projects a[data-play] .frame-cue__label,
body.sds-premium .sds-mobile-home .sds-selected-films a[data-play] .frame-cue__label {
  display: block;
  flex: 0 1 auto;
  max-width: none;
  padding: 0;
  margin: 0;
  overflow: visible;
  white-space: normal;
  opacity: 1;
  transform: none;
  font: 400 13px/1.35 var(--sans);
  transition: none;
}
body.sds-premium.page-work .sds-mobile-projects a[data-play] .frame-cue__arrow,
body.sds-premium .sds-mobile-home .sds-selected-films a[data-play] .frame-cue__arrow {
  display: none;
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  body.sds-premium.page-work .sds-mobile-projects a[data-play] .frame-cue__control,
  body.sds-premium .sds-mobile-home .sds-selected-films a[data-play] .frame-cue__control {
    opacity: 0;
    transform: translateY(8px);
  }
  body.sds-premium.page-work .sds-mobile-projects a[data-play]:is(:hover, :focus-visible) .frame-cue__control,
  body.sds-premium .sds-mobile-home .sds-selected-films a[data-play]:is(:hover, :focus-visible) .frame-cue__control {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 767px) {
  body.sds-premium.page-work .sds-mobile-projects a[data-play] .frame-cue__control,
  body.sds-premium .sds-mobile-home .sds-selected-films a[data-play] .frame-cue__control {
    opacity: 1;
    transform: none;
  }
  body.sds-premium.page-work .sds-mobile-projects .projects-pair > .film-card--portrait {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: min(100%, 280px);
    gap: 16px;
    justify-self: start;
  }
  body.sds-premium .sds-mobile-home .sds-home-hero__stage {
    min-height: calc(56.25vw + 96px);
  }
  body.sds-premium .sds-mobile-home .sds-home-hero__intro {
    padding-top: 0;
    padding-bottom: 24px;
    grid-template-columns: minmax(0, 1fr);
  }
  body.sds-premium .sds-mobile-home .sds-home-hero h1 {
    font-size: clamp(32px, 8.8vw, 34px);
    line-height: 1.08;
  }
}

/* All four Services examples share a reserved 16:9 frame and full image. */
body.sds-premium.page-commercials .services-explorer__visual {
  position: relative;
  aspect-ratio: 16 / 9;
  min-width: 0;
  overflow: hidden;
  background: #080a0b;
}
body.sds-premium.page-commercials .services-explorer__visual picture,
body.sds-premium.page-commercials .services-explorer__visual img,
body.sds-premium.page-commercials .services-explorer__visual video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body.sds-premium.page-commercials .services-explorer__caption {
  gap: 14px;
  padding-top: 24px;
}

/* Inquiry and process sections use the same spacing and calm proportions. */
body.sds-premium .inquiry__in {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 28px;
  padding-block: var(--sds-repair-space);
}
body.sds-premium .inquiry__head {
  min-width: 0;
  gap: 16px;
}
body.sds-premium .inquiry__title {
  max-width: 21ch;
  font-size: clamp(34px, 5.2vw, 68px);
  line-height: 1.1;
  text-wrap: balance;
}
body.sds-premium .inquiry__lead {
  max-width: 45ch;
  margin-top: 0;
  font-size: 17px;
  line-height: 1.6;
}
body.sds-premium .inquiry__body,
body.sds-premium.page-work .projects-contact .inquiry__body {
  justify-self: start;
  width: 100%;
}
body.sds-premium .inquiry__body .actions {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 12px;
}
body.sds-premium .inquiry__body .actions .btn {
  min-height: 52px;
  padding: 14px 22px;
}
body.sds-premium.page-commercials .contrast-chapter > .section[aria-labelledby="process-title"],
body.sds-premium.page-commercials .commercial-offer.pricing-chapter {
  padding-block: var(--sds-repair-space);
}
body.sds-premium.page-commercials .contrast-chapter > .section[aria-labelledby="process-title"] .split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}
body.sds-premium.page-commercials .contrast-chapter > .section[aria-labelledby="process-title"] .split > div {
  grid-column: auto;
  min-width: 0;
  position: static;
}
body.sds-premium.page-commercials .contrast-chapter > .section[aria-labelledby="process-title"] .h2 {
  font-size: clamp(32px, 4.5vw, 58px);
  max-width: 20ch;
  line-height: 1.15;
}
body.sds-premium.page-about .sds-mobile-about .process-editorial__heading > .h2 {
  font-size: clamp(34px, 4.5vw, 58px);
  max-width: 20ch;
  line-height: 1.15;
}
body.sds-premium main.sds-premium-content .sds-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 32px;
}
body.sds-premium main.sds-premium-content .sds-content-grid > * {
  min-width: 0;
  grid-column: auto;
  grid-row: auto;
  position: static;
}
body.sds-premium main.sds-premium-content .sds-content-grid .sds-section-heading,
body.sds-premium main.sds-premium-content .sds-content-grid .sds-section-copy {
  display: grid;
  align-content: start;
  gap: 16px;
  margin: 0;
}
body.sds-premium main.sds-premium-content .sds-content-grid .sds-section-heading h2 {
  max-width: 20ch;
  font-size: clamp(32px, 4.5vw, 58px);
  line-height: 1.15;
  text-wrap: balance;
}
body.sds-premium main.sds-premium-content .sds-content-grid .sds-section-copy p {
  max-width: 48ch;
  font-size: 17px;
  line-height: 1.65;
  margin: 0;
}
body.sds-premium main.sds-premium-content .sds-content-grid .sds-section-copy > a {
  justify-self: start;
}
body.sds-premium.page-about .sds-mobile-about .about-facts dd {
  display: grid;
  align-content: start;
  gap: 14px;
}
body.sds-premium.page-about .sds-mobile-about .about-facts dd p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}
body.sds-premium.page-about .sds-mobile-about .about-facts dd > a {
  display: inline-flex;
  justify-self: start;
  margin: 0;
}
body.sds-premium.page-about .sds-mobile-about .sds-working-stages {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #51585c;
}
body.sds-premium.page-about .sds-mobile-about .sds-working-stages > li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  padding: 24px 0;
  border-bottom: 1px solid #51585c;
}
body.sds-premium.page-about .sds-mobile-about .sds-working-stages__number {
  color: #b9bec1;
  font: 400 13px/1.5 var(--mono);
  padding-top: 3px;
}
body.sds-premium.page-about .sds-mobile-about .sds-working-stages h3 {
  font-size: 21px;
  line-height: 1.3;
  margin: 0 0 12px;
}
body.sds-premium.page-about .sds-mobile-about .sds-working-stages p {
  max-width: 48ch;
  color: #b9bec1;
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
}
@media (min-width: 1024px) {
  body.sds-premium .inquiry__in,
  body.sds-premium.page-work .projects-contact .inquiry__in {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr);
    align-items: center;
    gap: 48px;
  }
  body.sds-premium.page-commercials .contrast-chapter > .section[aria-labelledby="process-title"] .split {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: clamp(40px, 6vw, 80px);
  }
  body.sds-premium main.sds-premium-content .sds-content-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: clamp(40px, 6vw, 80px);
  }
}

/* Chapter contract: every local paper and ink follows the same emitted palette.
   No transition on these properties: RAF has already interpolated the palette. */
body.sds-premium [data-mood-chapter] [data-premium-reveal] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
body.sds-premium main.sds-premium-content[data-mood-chapter],
body.sds-premium main.sds-premium-content [data-mood-chapter] {
  --bg: var(--sds-chapter-surface);
  --stage: var(--sds-chapter-surface);
  --text: var(--sds-chapter-ink);
  --text-2: var(--sds-chapter-muted);
  --text-3: var(--sds-chapter-muted);
  --text-4: var(--sds-chapter-muted);
  --copy-color: var(--sds-chapter-muted);
  --line: var(--sds-chapter-muted);
  --line-2: var(--sds-chapter-muted);
  --line-3: var(--sds-chapter-muted);
  --mood-label-paper: var(--sds-chapter-surface);
  --mood-label-control-ink: var(--sds-chapter-ink);
  --mood-control-paper: var(--sds-chapter-surface);
  --mood-control-ink: var(--sds-chapter-ink);
  background: var(--sds-chapter-surface);
  color: var(--sds-chapter-ink);
  color-scheme: dark;
  transition: none;
}
body.sds-premium main.sds-premium-content [data-mood-chapter] :is(.opening-wall, .sds-production-preview, .sds-production-preview__option, .inquiry, .pricing-chapter, .production-packages__stage, .production-packages__controls, .production-package, .production-package__selector, .production-package__choice, .production-package__quantity, .projects-chapter, .sds-contact-planning),
body.sds-premium.page-commercials main [data-mood-chapter] #core-commercial,
body.sds-premium.page-commercials main [data-mood-chapter] #core-commercial :is(.production-package, .production-package__selector, .production-package__choice, .production-package__quantity, .production-packages__stage, .production-packages__controls) {
  --bg: var(--sds-chapter-surface);
  --stage: var(--sds-chapter-surface);
  --text: var(--sds-chapter-ink);
  --text-2: var(--sds-chapter-muted);
  --text-3: var(--sds-chapter-muted);
  --copy-color: var(--sds-chapter-muted);
  --mood-label-paper: var(--sds-chapter-surface);
  --mood-label-control-ink: var(--sds-chapter-ink);
  --mood-control-paper: var(--sds-chapter-surface);
  --mood-control-ink: var(--sds-chapter-ink);
  background: transparent;
  color: var(--sds-chapter-ink);
  border-color: var(--sds-chapter-muted);
}
body.sds-premium.page-commercials main [data-mood-chapter] #core-commercial .production-package::before {
  background: transparent;
}
body.sds-premium main.sds-premium-content [data-mood-chapter] :where(h1, h2, h3, h4, p, dt, dd, summary, legend, .eyebrow, .link-arrow, .film-card__title, .film-card__meta, .film-card__arrow, .project-index__title, .project-index__category, .num) {
  background: none;
  background-image: none;
  box-shadow: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
  -webkit-text-stroke-width: 0;
  text-shadow: none;
  color: var(--sds-chapter-ink);
}
body.sds-premium main.sds-premium-content [data-mood-chapter] :where(p, dd, .eyebrow, .film-card__meta, .project-index__category) {
  color: var(--sds-chapter-muted);
}
body.sds-premium main.sds-premium-content [data-mood-chapter] .sds-production-preview__price {
  color: var(--sds-chapter-ink) !important;
}
body.sds-premium main.sds-premium-content [data-mood-chapter] .sds-production-preview__option :is(h3, a),
body.sds-premium.page-commercials main [data-mood-chapter] #core-commercial :is(h2, h3, h4, a, strong, span, summary, legend, .production-package__price) {
  color: var(--sds-chapter-ink);
}
body.sds-premium.page-commercials main [data-mood-chapter] #core-commercial :is(.production-package__purpose, .production-package__note, .production-package__capture, .production-package__deliverable-copy > span) {
  color: var(--sds-chapter-muted);
}
body.sds-premium main.sds-premium-content [data-mood-chapter] .btn-light,
body.sds-premium.page-commercials main [data-mood-chapter] #core-commercial .btn-light,
body.sds-premium.page-commercials main [data-mood-chapter] #core-commercial .production-packages__tab[aria-selected="true"] {
  background: var(--sds-chapter-ink);
  border-color: var(--sds-chapter-ink);
  color: var(--sds-chapter-surface);
}
body.sds-premium main.sds-premium-content [data-mood-chapter] .btn-light *,
body.sds-premium.page-commercials main [data-mood-chapter] #core-commercial .btn-light *,
body.sds-premium.page-commercials main [data-mood-chapter] #core-commercial .production-packages__tab[aria-selected="true"] * {
  color: inherit;
  -webkit-text-fill-color: currentColor;
}
body.sds-premium main.sds-premium-content [data-mood-chapter] .btn-glass,
body.sds-premium.page-commercials main [data-mood-chapter] #core-commercial .production-packages__tab[aria-selected="false"] {
  background: transparent;
  color: var(--sds-chapter-ink);
  border-color: var(--sds-chapter-muted);
}
body.sds-premium main#main.sds-premium-content [data-mood-chapter] :where(a, button, summary, input):focus-visible {
  outline-color: var(--sds-chapter-ink);
}
body.sds-premium.page-commercials main [data-mood-chapter] #core-commercial .production-package__choice input {
  accent-color: var(--sds-chapter-ink);
}
body.sds-premium.page-commercials main [data-mood-chapter] #core-commercial :is(.offer__details, .offer__row, .production-packages__shared) {
  border-color: var(--sds-chapter-muted);
}
body.sds-premium.page-contact main.sds-contact-main {
  --contact-gray: var(--sds-chapter-surface);
  --contact-black: var(--sds-chapter-surface);
  --contact-ink: var(--sds-chapter-ink);
  --contact-body: var(--sds-chapter-muted);
  --contact-muted: var(--sds-chapter-muted);
  --contact-rule: var(--sds-chapter-muted);
  --contact-control: var(--sds-chapter-muted);
  background: transparent;
}
body.sds-premium.page-contact main.sds-contact-main .sds-contact-planning {
  background: transparent;
}

@media (prefers-reduced-motion: reduce) {
  body.sds-premium.page-work .sds-mobile-projects a[data-play] .frame-cue__control,
  body.sds-premium .sds-mobile-home .sds-selected-films a[data-play] .frame-cue__control {
    transition: none;
    transform: none;
  }
}
@media (forced-colors: active) {
  body.sds-premium.page-work .sds-mobile-projects a[data-play] .frame-cue__control,
  body.sds-premium .sds-mobile-home .sds-selected-films a[data-play] .frame-cue__control {
    background: Canvas;
    color: CanvasText;
    border-color: CanvasText;
  }
}

/* Final ID-scoped metadata follows the same chapter contrast contract. */
body.sds-premium.page-commercials main [data-mood-chapter] #core-commercial .eyebrow{color:var(--sds-chapter-muted)}
body.sds-premium.scroll-mood-ready{background:var(--scroll-mood-bg,#080a0b)}
body.sds-premium .sds-selected-films a[data-film-motion]{transform:none;scale:1}

/* Content is readable immediately; no delayed opacity entrance. */
body.sds-premium [data-premium-reveal]{opacity:1!important;transform:none!important;transition:none!important}

body.sds-premium.page-home main.sds-mobile-home [data-mood-chapter] .eyebrow{color:var(--sds-chapter-muted)}
body.sds-premium.page-contact main.sds-contact-main.sds-repair-contact :where(h1,h2,h3){color:var(--sds-chapter-ink)}
body.sds-premium.page-contact main.sds-contact-main.sds-repair-contact :where(p,.eyebrow){color:var(--sds-chapter-muted)}

/* Captions share one full-width column at every breakpoint. */
body.sds-premium .sds-mobile-home .sds-selected-films{max-width:1440px}
body.sds-premium .sds-mobile-home .sds-selected-films .film-card__text{display:flex;flex-direction:column;align-items:stretch;gap:12px;grid-template-columns:none}
body.sds-premium .sds-mobile-home .sds-selected-films .film-card__meta{order:0;margin:0;max-width:none}
body.sds-premium .sds-mobile-home .sds-selected-films .film-card__title{order:1;width:100%;max-width:none;margin:0}
body.sds-premium .sds-mobile-home .sds-selected-films .film-card__title a{width:100%}
body.sds-premium .sds-mobile-home .sds-selected-films .film-card__media{aspect-ratio:16/9;background:#080a0b}
body.sds-premium .sds-mobile-home .sds-selected-films .film-card__media :is(img,video){object-fit:contain}

@media(min-width:1024px){
 body.sds-premium.page-commercials .services-opening{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start;padding-top:calc(var(--header-h) + 56px);padding-bottom:72px}
 body.sds-premium.page-commercials .services-opening__copy{margin:0}
 body.sds-premium.page-commercials .services-opening .h1{font-size:clamp(54px,4.8vw,72px);line-height:1.08;max-width:12ch;letter-spacing:-.045em}
 body.sds-premium.page-commercials .services-explorer{margin:0;min-width:0}
 body.sds-premium.page-commercials .services-explorer__tabs{gap:8px}
 body.sds-premium.page-contact .sds-contact-intro h1{font-size:clamp(64px,7.2vw,104px);line-height:1.05}
}

@media(min-width:1024px){body.sds-premium.page-commercials .services-opening .h1{max-width:none;text-wrap:initial;font-size:clamp(52px,4.3vw,64px)}}
body.sds-premium.page-commercials main .pricing-chapter .production-packages__shared{--text:var(--sds-chapter-ink);--text-2:var(--sds-chapter-muted);--text-3:var(--sds-chapter-muted);--copy-color:var(--sds-chapter-muted)}
body.sds-premium.page-commercials main .pricing-chapter .production-packages__shared :is(h3,h4,dt,summary,strong){color:var(--sds-chapter-ink)}
body.sds-premium.page-commercials main .pricing-chapter .production-packages__shared :is(p,dd,li){color:var(--sds-chapter-muted)}

body.sds-premium.page-commercials main #core-commercial .offer__details-body :is(dt,h3,h4){color:var(--sds-chapter-ink)!important;-webkit-text-fill-color:currentColor}
body.sds-premium.page-commercials main #core-commercial .offer__details-body :is(dd,p,li){color:var(--sds-chapter-muted)!important;-webkit-text-fill-color:currentColor}

@media(min-width:1024px){body.sds-premium.page-commercials .services-opening__copy{display:block;grid-template-columns:none;max-width:none}body.sds-premium.page-commercials .services-opening__copy .h1{width:100%}}
