/* A continuous mobile composition: message, glass artwork, then the action. */
@media (max-width:600px){
  .site-header{grid-template-columns:1fr auto}
  .site-header .header-cta{display:none}
  .site-header .nav-toggle{justify-self:end}
  .dynamic-fv .image-hero__stage{margin-top:0;aspect-ratio:auto;height:calc(130vw + 224px);background:#edf5fd}
  .hero.dynamic-fv h1.image-hero__title{padding-top:84px}
  .dynamic-fv .image-hero__title>picture{height:auto}
  .dynamic-fv .image-hero__image{height:auto;object-fit:initial}
  .dynamic-fv .fv-scene{bottom:128px;background:#e7f1fc}
  .dynamic-fv .fv-scene::after{background:linear-gradient(90deg,#ffffff26,transparent 85%),linear-gradient(180deg,transparent 0%,transparent 82%,#fff 100%)}
  .dynamic-fv .image-hero__stage::after{content:'';position:absolute;inset:auto 0 0;height:128px;background:#fff;pointer-events:none;z-index:1}
  .dynamic-fv .fv-artwork{inset:0;transform-origin:50% 70%}
  .dynamic-fv .fv-background img{position:absolute;left:-6%;bottom:0;width:112%;max-width:none;height:auto;object-fit:initial}
  .dynamic-fv .fv-flow{display:none}
  .dynamic-fv .fv-refraction{inset:24% -15% -12%}
  .dynamic-fv .fv-atmosphere{inset:24% -10% -5%}
  .dynamic-fv .image-hero__actions{top:auto;bottom:20px;left:6%;right:6%;padding:0;text-align:center}
  .dynamic-fv .image-hero__actions .primary-btn{width:100%;height:56px;min-height:56px;padding:12px 20px;gap:28px;font-size:16px;box-shadow:0 8px 24px #113b591a}
  .dynamic-fv .image-hero__time{margin:10px 0 0;font-size:11px;line-height:1.5;color:#47667f}
  .dynamic-fv .image-hero__note{margin:4px 0 0;font-size:11px;line-height:1.5;color:#617b90}
  .dynamic-fv .fv-motion-toggle{bottom:136px;right:6%;min-height:32px;font-size:10px;padding:6px 10px;background:#ffffffd6}
}
@media(max-width:360px){
  .dynamic-fv .image-hero__stage{margin-top:0;height:calc(130vw + 218px)}
  .hero.dynamic-fv h1.image-hero__title{padding-top:78px}
  .dynamic-fv .image-hero__actions .primary-btn{height:52px;min-height:52px;font-size:15px}
}