/* V99: reference-inspired editorial hero with large right media and wider header. */
@media (min-width: 901px) {
  header.top > .bar.w,
  header.top > .w.bar {
    width: min(calc(100% - 72px), 1500px) !important;
    max-width: 1500px !important;
    padding-inline: 0 !important;
    margin-inline: auto !important;
    gap: clamp(18px, 2.3vw, 42px) !important;
  }
  header.top .bar > nav {flex: 1 1 auto !important;}
  header.top .bar > nav > ul {gap: clamp(10px, 1.25vw, 24px) !important;}
  body .on[data-p="home"] > section.hero.hero-atelier {
    min-height: 650px !important;
  }
  body .on[data-p="home"] > section.hero.hero-atelier > .hero-artboard.w {
    grid-template-columns: minmax(0, 49%) minmax(0, 51%) !important;
    gap: 0 !important;
  }
  body .on[data-p="home"] .hero-copy {
    padding: clamp(30px, 4vw, 68px) clamp(30px, 4vw, 75px) !important;
    padding-left: max(42px, calc((100vw - 1500px)/2 + 24px)) !important;
    align-self: center !important;
  }
  body .on[data-p="home"] .hero-copy h1 {
    max-width: 16ch !important;
    font-size: clamp(42px, 4.3vw, 76px) !important;
    line-height: 1.06 !important;
  }
  body .on[data-p="home"] .hero-stage.hero-video-stage {
    width: 100% !important;
    height: 100% !important;
    padding: 32px max(18px, calc((100vw - 1600px)/2 + 18px)) 32px 12px !important;
    background: transparent !important;
    align-items: stretch !important;
  }
  body .on[data-p="home"] .hero-stage .hero-video-frame.stage-frame {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    border-radius: 23px !important;
    box-shadow: none !important;
  }
  body .on[data-p="home"] .hero-video-frame .hero-video-placeholder,
  body .on[data-p="home"] .hero-video-frame .hero-feature-video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}
@media (min-width:901px) and (max-height:780px) {
  body .on[data-p="home"] > section.hero.hero-atelier {min-height: 540px !important;}
  body .on[data-p="home"] .hero-stage.hero-video-stage {padding-top: 20px !important;padding-bottom: 20px !important;}
  body .on[data-p="home"] .hero-copy h1 {font-size: clamp(40px, 3.7vw, 64px) !important;}
}
@media (max-width: 900px) {
  body .on[data-p="home"] .hero-stage .hero-video-frame.stage-frame {border-radius: 17px !important;overflow:hidden !important;}
}
@media (prefers-reduced-motion:reduce) {
  body .on[data-p="home"] .hero-stage .hero-video-frame.stage-frame {transition:none !important;}
}