/* The whole panorama fits the screen; no minimum image width or cover crop. */
.hero{background:linear-gradient(#c8eeff 0%,#effaff 50%,#fff 76%)}
.hero-art{width:100%;max-width:1120px;height:auto;margin-inline:auto;left:auto;top:auto;object-fit:contain;aspect-ratio:1902/827;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.hero-copy{margin-top:max(-95.2px,-8.5vw);background:linear-gradient(transparent,#fff 85%)}
.logo.large{font-size:clamp(56px,6.6vw,82px)}
@media(max-width:760px){
 .hero{padding-top:74px;background:linear-gradient(#fff 0 74px,#d8f3ff 74px,#fff 70%)}
 .hero-art{width:100%;max-width:100%;height:auto;margin:0;left:auto;top:auto;mask-image:none}
 .hero-copy{margin-top:-7%;padding:0 16px 12px}
 .logo.large{font-size:clamp(48px,13vw,68px)}
 .hero h1{font-size:clamp(29px,7.7vw,40px)}
}