video.hero-video { opacity: 0; transition: opacity .25s; }
.motion-poster { opacity: 1; }
.hero[data-motion="playing"] video.hero-video,
.hero[data-motion="paused"] video.hero-video { opacity: 1; }
.hero[data-motion="playing"] .motion-poster,
.hero[data-motion="paused"] .motion-poster,
.hero[data-motion="photo"] .motion-poster { opacity: 0; }
.site-header .nav-cta { background: #fffdf8; color: #18191b; }
.variant-14 .site-header .nav-cta,
.variant-26 .site-header .nav-cta,
.variant-27 .site-header .nav-cta,
.site-header.scrolled .nav-cta { background: #18191b; color: #fffdf8; }
.hero-kicker { position: relative; z-index: 2; }
section[id] { scroll-margin-top: 80px; }
.work-card { min-width: 0; overflow: hidden; }
.work-card-photo, .work-card-body { min-width: 0; }
.work-card-photo { width: 100%; }
.variant-26 .hero { background: #ed512d; color: #16191a; }
.variant-26 .hero-main { color: #fff9ed; letter-spacing: -.085em; }
.variant-26 .hero-main .accent { color: #15191a; }
.variant-26 .hero-kicker::before { background: #17191b; }
.variant-26 .feed-slash { background: #fff7e9; mix-blend-mode: normal; opacity: .9; }
.variant-26 .hero-photo { transform: rotate(-6deg); right: 4%; border-width: 6px; }
.variant-26 .hero .pill-button.outline { border-color: #1a1d1d; }
@media (max-width: 760px) {
  .variant-26 .hero::after { background: linear-gradient(0deg, #ed512d 61%, transparent 70%); }
  .variant-26 .hero-photo { top: 245px; right: 7%; }
}
@media (max-width: 380px) {
  .work-card-photo { height: auto; aspect-ratio: 1.3; }
}
@media (max-width: 760px) {
  .video-status { max-width: 170px; }
  .video-controls { top: 80px; }
  .service-tabs { max-width: 100%; }
  .service-tabs button { min-height: 44px; }
  .process-sticky { padding: 90px 22px 20px; min-height: 700px; }
  .process-grid { gap: 18px; flex: 1; align-content: center; }
  .process-image { height: 27svh; max-height: 230px; min-height: 160px; }
  .process-count { margin-bottom: 12px; }
  .process-count strong { font-size: 30px; }
  .process-heading { min-height: 0; font-size: 30px; margin-bottom: 12px; }
  .process-detail { min-height: 0; margin-bottom: 0; font-size: 13px; line-height: 1.9; }
  .process-bottom { margin-top: 16px; padding: 0; }
  .track-labels { display: none; }
  .track-scroller { overflow: visible; }
  .process-track { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); min-width: 0; gap: 7px; }
  .process-track::before, .track-fill, .process-step::before { display: none; }
  .process-step { min-width: 0; max-width: none; min-height: 59px; padding: 8px 6px; border: 1px solid #788182; border-radius: 3px; color: #d4d9d8; }
  .process-step[aria-current="step"] { background: #f2f0e9; color: #141619; border-color: #f2f0e9; }
  .process-step .step-index { font-size: 9px; margin-bottom: 4px; }
  .process-step .step-name { font-size: 10px; white-space: normal; line-height: 1.45; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}