.services-hint { display: none; }
.services-horizontal { position: relative; padding-block: 0; margin-block: 70px; }
.services-horizontal .services-stage { position: sticky; top: var(--stage-top, 84px); padding-block: 18px; }
.services-horizontal .section-row { margin-bottom: 18px; }
.services-horizontal .section-heading h2 { font-size: clamp(1.8rem, 4vw, 3.6rem); }
.services-horizontal .services-window { overflow: hidden; padding: 5px; margin: -5px; }
.services-horizontal .feature-grid { position: relative; display: flex; gap: 22px; height: clamp(210px, 43vh, 460px); }
.services-horizontal .feature-card { flex: 0 0 min(70vw, 690px); min-height: 0; height: 100%; }
.motion-active .services-horizontal .feature-card { animation: none; }
.services-horizontal .services-hint { display: block; margin-top: 12px; font-size: .75rem; color: var(--accent); }
.services-horizontal .jump-links { margin-top: 12px; }
@media (max-height: 650px) {
  .services-horizontal .feature-grid { height: 32vh; }
  .services-horizontal .jump-links { display: none; }
  .services-horizontal .section-heading h2 { font-size: 1.7rem; }
}
.motion-active .hero-media img, .motion-active .care-photo img, .motion-active .feature-card img { animation: none; transform: translateY(var(--photo-shift, 0px)) scale(1.09); filter: brightness(var(--photo-light, 1)) saturate(var(--photo-color, 1)); }
.motion-active .hero-media, .motion-active .care-photo, .motion-active .feature-card { box-shadow: 0 0 55px rgb(255 100 206 / var(--photo-glow, 0)); }
.motion-active .hero-copy { transform: translateY(var(--copy-shift, 0px)); }
.motion-active [data-reveal].in-view { animation: motion-arrive 1s cubic-bezier(.16,1,.3,1) both; }
.motion-active .feature-card:nth-child(2).in-view { animation-delay: .1s; }
.motion-active .feature-card:nth-child(3).in-view { animation-delay: .2s; }
@keyframes motion-arrive { from { opacity: .35; transform: translateY(32px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  .motion-active [data-reveal].in-view { animation: none; }
  .motion-active .hero-media img, .motion-active .care-photo img, .motion-active .feature-card img, .motion-active .hero-copy { transform: none; filter: none; }
}

.motion-toggle { margin-top: 10px; padding: 7px 12px; border: 1px solid var(--line); border-radius: 30px; background: var(--panel); color: var(--muted); font-size: .75rem; }
.hero-media .hero-led-layer { display: none; pointer-events: none; }
@media (prefers-reduced-motion: no-preference) {
  .motion-active .hero-ignition-wait > picture:not(.hero-led-layer) img { filter: brightness(.035) saturate(.4); }
  .motion-active .hero-igniting > picture:not(.hero-led-layer) img { animation: hero-room-on 4.8s cubic-bezier(.4, 0, .2, 1) 1.6s both; }
  .motion-active .hero-igniting .hero-led-layer { display: block; mix-blend-mode: screen; animation: hero-led-on 4.8s cubic-bezier(.4, 0, .2, 1) 1.6s both; }
  .motion-active .hero-igniting .hero-led-layer img { filter: brightness(.55) contrast(8) brightness(.8); }
  @keyframes hero-room-on {
    0% { filter: brightness(.035) saturate(.4); }
    100% { filter: brightness(var(--photo-light, 1)) saturate(var(--photo-color, 1)); }
  }
  @keyframes hero-led-on {
    0% { opacity: .35; }
    100% { opacity: 0; }
  }
}