/* Local concept preview: the new still replaces the hero film. */
body.hero-white-preview .hero.hero-cinema,
body.hero-white-preview .hero-stage { background: #e8edf4; color: #172235; }
body.hero-white-preview .hero-cinema-media,
body.hero-white-preview .hero-cinema .hero-cinema-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: none;
  margin: 0;
  mask-image: none;
  -webkit-mask-image: none;
}
body.hero-white-preview .hero-cinema-media img { object-fit: cover; object-position: center; }
body.hero-white-preview .hero-cinema-wash {
  display: block;
  background: linear-gradient(90deg, #eef1f5a8 0%, #eef1f538 35%, transparent 58%);
}
body.hero-white-preview .hero-cinema h1 { color: #121a2a; }
body.hero-white-preview .hero-cinema .hero-service,
body.hero-white-preview .hero-cinema .hero-description,
body.hero-white-preview .hero-cinema .social-proof,
body.hero-white-preview .hero-cinema .social-proof strong,
body.hero-white-preview .hero-motion-caption-label { color: #516078; }
body.hero-white-preview .hero-motion-caption-message { color: #172235; }
body.hero-white-preview .hero-motion-caption { text-shadow: none; }
body.hero-white-preview .hero-cinema .hero-baseline { color: #516078; }
body.hero-white-preview .hero-baseline-rule { background: #17223538; }
body.hero-white-preview .hero-cinema .avatar-stack img { border-color: #e8edf4; }
body.hero-white-preview .hero-cinema .actions > .hero-cta-secondary {
  background: #fff;
  border-color: #f5f5f5;
  color: #0f172a;
}
body.hero-white-preview .hero-cinema .actions > .hero-cta-secondary:hover {
  background: #fafafa;
  border-color: #d4d4d4;
  color: #0f172a;
}
body.hero-white-preview .hero-cinema .actions > .hero-cta-primary {
  background: #172235;
  border-color: #172235;
  color: #fff;
}
body.hero-white-preview .hero-cinema .actions > .hero-cta-primary:hover {
  background: #29384e;
  border-color: #29384e;
  color: #fff;
}
body.hero-white-preview .hero-checklist {
  display: grid;
  gap: 12px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
  color: #5c6b80;
  font: 400 14px/1.5 Figtree, sans-serif;
}
body.hero-white-preview .hero-checklist li { display: flex; align-items: flex-start; gap: 12px; }
body.hero-white-preview .hero-checklist svg {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  fill: none;
  stroke: #278069;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.hero-white-preview .hero-cinema .social-proof { margin-top: 27px; }
body.hero-white-preview:not(.modal-open) .masthead.over-hero {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #172235;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.hero-white-preview:not(.modal-open) .masthead.over-hero.scrolled {
  background: #e8edf4e8;
  border-color: transparent;
  color: #172235;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
body.hero-white-preview:not(.modal-open) .over-hero .brand-default { visibility: visible; }
body.hero-white-preview:not(.modal-open) .over-hero .brand-on-dark { display: none; }
body.hero-white-preview:not(.modal-open) .over-hero .navigation a,
body.hero-white-preview:not(.modal-open) .over-hero .login,
body.hero-white-preview:not(.modal-open) .over-hero .menu-toggle { color: #243247; }
body.hero-white-preview:not(.modal-open) .over-hero .nav-actions .button {
  background: #172235;
  border-color: #172235;
  color: #fff;
}
body.hero-white-preview:not(.modal-open) .over-hero .nav-actions .button:hover {
  background: #29384e;
  border-color: #29384e;
  color: #fff;
}
body.hero-white-preview .hero-cinema .hero-stage::before { display: none; }
@media (min-width: 1700px) {
  /* Match the original video's fixed 16:9 frame on ultrawide screens. */
  body.hero-white-preview .hero-cinema .hero-cinema-media {
    inset: 0 auto auto 50%;
    width: calc(var(--hero-stage-height) * 16 / 9);
    height: var(--hero-stage-height);
    transform: translateX(-50%);
    mask-image:
      linear-gradient(115deg, transparent 7%, #00000012 17%, #00000063 31%, #000000c9 45%, #000 58%),
      linear-gradient(90deg, #000 86%, transparent);
    -webkit-mask-image:
      linear-gradient(115deg, transparent 7%, #00000012 17%, #00000063 31%, #000000c9 45%, #000 58%),
      linear-gradient(90deg, #000 86%, transparent);
    mask-composite: intersect;
    -webkit-mask-composite: source-in;
  }
  body.hero-white-preview .hero-cinema-media img { object-fit: contain; }
}
@media (max-width: 1200px) {
  body.hero-white-preview .hero-stage { background: #eef1f5; }
  body.hero-white-preview .hero-cinema .hero-cinema-media {
    position: relative;
    order: 1;
    aspect-ratio: 1.55;
    height: auto;
    margin-top: -10px;
    mask-image: linear-gradient(180deg, transparent, #000 14%, #000 88%, transparent);
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 14%, #000 88%, transparent);
  }
  body.hero-white-preview .hero-cinema-media img { object-position: 100% 50%; }
  body.hero-white-preview .hero-cinema-wash { display: none; }
  body.hero-white-preview .hero-cinema .hero-baseline { background: #e8edf4; }
}
@media (max-width: 600px) {
  body.hero-white-preview .hero-cinema .hero-cinema-media { aspect-ratio: 1.08; margin-top: -15px; }
  body.hero-white-preview .hero-checklist { margin-top: 22px; gap: 9px; font-size: 13px; text-align: left; }
  body.hero-white-preview .hero-cinema .social-proof { margin-top: 24px; }
}