/* Owner-approved B composition, scoped to the opening screen. No new animation. */
.hero .ambient-video{
  --video-wash:.06;
  --video-fade:24px;
}
.hero .ambient-video video,.hero .ambient-video-poster img{
  filter:brightness(.80) contrast(1.03);
}
.hero .hero-wordmark{width:clamp(243.8px,28.62vw,386.9px)}
.hero .orbit-item .orbit-medallion{width:106px;height:106px}
.hero .orbit-item .orbit-label{
  color:#f0f0f0;font-weight:600;font-size:15px;line-height:1.45;
}
/* The lower centre label was already crossing the video boundary on desktop.
   Retain its column and motion, but reserve room for the transition below it. */
@media(min-width:781px){.hero .orbit-kozosseg{bottom:calc(1% + 36px)}}
@media(max-width:1100px){.hero .orbit-item .orbit-medallion{width:93.28px;height:93.28px}}
@media(max-width:900px){.hero .hero-wordmark{width:302.1px}}
@media(max-width:780px){
  .hero .hero-wordmark{width:clamp(222.6px,65.72vw,318px)}
  .hero .orbit-item .orbit-medallion{width:82.68px;height:82.68px}
  .hero .orbit-item .orbit-label{font-size:14px}
  .hero .ambient-video{--video-fade:52px}
}
@media(max-width:640px){
  .hero .hero-wordmark{width:243.8px}
  .hero .orbit-item .orbit-medallion{width:76.32px;height:76.32px}
}
@media(max-width:359px){
  .hero .hero-wordmark{width:220.48px}
  .hero .orbit-item .orbit-medallion{width:67.84px;height:67.84px}
  .hero .orbit-item .orbit-label{font-size:12px;letter-spacing:0}
  .hero .orbit-masszazs .orbit-label{width:72px;max-width:100%}
}
/* B: portrait footage moves slightly upwards, with extra bleed to avoid gaps.
   Landscape B is composed offline; there is no live blur or extra video. */
@media(max-width:699px){
  .variant-b .hero .ambient-video video,
  .variant-b .hero .ambient-video-poster img{
    height:110%;top:-7%;position:absolute;object-position:52% 42%;
  }
}