/* Touch/small-screen presentation. SVG contours stay vector at every DPR. */
.hero-mobile.day-hero{height:100svh;min-height:620px}
.hero-mobile .hero-panorama{inset:0;visibility:visible;transform:none;will-change:transform}
.hero-panorama picture{display:contents}
.hero-mobile .hero-panorama img{display:block;object-position:50% 50%}
.hero-mobile .hero-environment:after,.hero-mobile .hero-environment:before{display:none}
.hero-mobile .hero-environment .mobile-refraction{position:absolute;inset:auto;top:0;left:0;opacity:1;transition:none;pointer-events:none;will-change:transform}
.mobile-lens-fallback{overflow:hidden;mask-image:radial-gradient(ellipse closest-side,black 22%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse closest-side,black 22%,transparent 100%)}
.mobile-lens-fallback img{position:absolute;max-width:none;object-fit:fill}
.hero-mobile .hero-environment .mobile-refraction[hidden]{display:none}
.hero-mobile .kinetic-title{inset:12% 12px 26%;display:flex;align-items:center;justify-content:center;transform:none;animation:none;filter:none}
.hero-mobile .kinetic-title>.headline-line{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mobile-hero-art{display:block;width:100%;height:100%;max-width:620px;overflow:visible;flex:none}
.hero-mobile .hero-korean{left:24px;bottom:128px;font-size:19px}
.hero-mobile .immersive-baseline{left:24px;right:24px;bottom:70px}
body:not(:has(.version-switcher)) .hero-mobile .immersive-baseline{bottom:max(28px,env(safe-area-inset-bottom))}
body:not(:has(.version-switcher)) .hero-mobile .hero-korean{bottom:100px}
@media(min-width:600px){
  .hero-mobile .kinetic-title{inset:10% 5% 24%}
  .hero-mobile .hero-korean{left:5%;font-size:24px}
  .hero-mobile .immersive-baseline{left:5%;right:5%}
}
@media(orientation:landscape) and (max-height:600px){
  .hero-mobile.day-hero{min-height:360px}
  .hero-mobile .kinetic-title{inset:5% 47% 12% 5%}
  .hero-mobile .hero-korean,body:not(:has(.version-switcher)) .hero-mobile .hero-korean{left:58%;bottom:39%;font-size:19px}
  .hero-mobile .immersive-baseline{bottom:16px}
}
@media print{.hero-mobile.day-hero{height:650px}.hero-mobile .hero-environment:before{display:none}}