/* V56 — fit the split hero to desktop/laptop viewports; subtle bar divider. */
header.top .util{border-bottom:1px solid rgba(193,215,243,.23)!important;box-shadow:inset 0 -1px rgba(255,255,255,.035)}
@media (min-width:901px){
 body:has(.on[data-p="home"]){--site-header-height:110px}
 .on[data-p="home"] > section.hero.hero-atelier{
  height:calc(100svh - var(--site-header-height));
  min-height:450px;
  overflow:hidden;
 }
 .on[data-p="home"] > section.hero.hero-atelier > .hero-artboard{
  box-sizing:border-box;
  flex:1 1 0;
  min-height:0;
  width:100%;
  grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);
  gap:clamp(20px,3.4vw,52px);
  padding:clamp(10px,2.1vh,28px) clamp(16px,2vw,28px);
 }
 .on[data-p="home"] .hero-copy h1{
  font-size:clamp(30px,min(4vw,7.6vh),67px);
  line-height:1.045;
  margin-bottom:clamp(12px,2vh,22px);
 }
 .on[data-p="home"] .hero-kicker{margin-bottom:clamp(8px,1.7vh,18px)!important}
 .on[data-p="home"] .hero-summary{font-size:clamp(14px,min(1.2vw,2.4vh),19px);line-height:1.5}
 .on[data-p="home"] .hero-actions{margin-top:clamp(12px,2.1vh,24px)}
 .on[data-p="home"] .hero-actions .btn{padding:clamp(10px,1.6vh,15px) 18px;min-height:0}
 .on[data-p="home"] .hero-stage{height:100%;min-height:0}
 .on[data-p="home"] .stage-frame{
  width:auto;
  max-width:100%;
  height:min(100%,calc(100svh - var(--site-header-height) - 100px));
  aspect-ratio:.96;
 }
 .on[data-p="home"] .hero-side-marker{right:-15px}
 .on[data-p="home"] > section.hero.hero-atelier > .trust ul.w{padding-block:clamp(8px,1.35vh,15px)!important}
}
@media (min-width:901px) and (max-height:620px){
 .on[data-p="home"] .hero-copy h1{font-size:clamp(29px,min(3.6vw,7vh),51px)}
 .on[data-p="home"] .hero-stage .stage-frame{height:min(100%,calc(100svh - var(--site-header-height) - 65px))}
}