/* Isolated treatment-video prototype. All existing hero geometry stays in place. */
.hero--treatment .hero-portrait {
  background-image: url('hero-treatment/treatment-desktop-poster.webp');
  background-position: 50% 50%;
}
.hero--treatment .hero-treatment-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 50% 50%;
  opacity: 0;
  transition: opacity .6s ease;
  pointer-events: none;
}
.hero--treatment .hero-treatment-video.has-frame { opacity: 1; }
.hero--treatment .hero-video-control {
  position: absolute;
  z-index: 2;
  right: 24px;
  bottom: 24px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #756c6570;
  border-radius: 50%;
  color: #302b27;
  background: #f7f3ecdc;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease;
}
.hero--treatment .hero-video-control[hidden] { display: none; }
.hero--treatment .hero-video-control:hover { background: #fff5e9; border-color: #756c65; }
.hero--treatment .hero-video-control:focus-visible { outline: 2px solid #302b27; outline-offset: 4px; }
.hero--treatment .hero-video-control svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.hero--treatment .hero-video-control .video-play { display: none; }
.hero--treatment .hero-video-control[data-paused="true"] .video-play { display: block; }
.hero--treatment .hero-video-control[data-paused="true"] .video-pause { display: none; }
@media (min-width: 601px) and (max-width: 1100px) {
  .hero--treatment .hero-portrait { background-position: 50% 50%; }
  .hero--treatment .hero-treatment-video { object-position: 50% 50%; }
}
@media (max-width: 600px) {
  .hero--treatment .hero-portrait {
    background-image: url('hero-treatment/treatment-mobile-poster.webp');
    background-position: 50% 50%;
    height: 440px;
    bottom: auto;
    mask-image: linear-gradient(#000 57%, transparent 100%);
    -webkit-mask-image: linear-gradient(#000 57%, transparent 100%);
  }
  .hero--treatment .hero-video-control { right: 16px; bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero--treatment .hero-treatment-video { display: none; transition: none; }
  .hero--treatment .hero-video-control { display: none; transition: none; }
}