/* Editorial imagery, with a dedicated composition for small screens. */
.hero-picture{position:absolute;inset:0;display:block}
.hero-picture .hero-photo{width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-shade{background:linear-gradient(90deg,rgba(10,24,17,.55),rgba(10,24,17,.22) 43%,transparent 73%),linear-gradient(0deg,rgba(10,24,17,.48),transparent 25%)}
.destination-card img.como-photo{object-position:58% center}
.featured-provider-image{height:auto;aspect-ratio:4/3}
.featured-provider-image img{object-position:center center}
.collection-visual>img{object-position:center center;transform:none;filter:none}
.image-note{gap:14px;padding:50px 25px 25px;background:linear-gradient(0deg,rgba(10,29,19,.9),transparent)}
.image-note>span:first-child{font-size:26px;line-height:1.1}
.image-note>span:last-child{font-size:7px;line-height:1.7;letter-spacing:1.5px;max-width:105px;text-align:right}
@media(min-width:701px) and (max-width:1100px){
 .hero-picture .hero-photo{object-position:right center}
 .hero-shade{background:linear-gradient(90deg,rgba(10,24,17,.72),rgba(10,24,17,.3) 65%,rgba(10,24,17,.08)),linear-gradient(0deg,rgba(10,24,17,.45),transparent 30%)}
}
@media(max-width:700px){
 .hero{height:clamp(700px,185vw,820px);min-height:700px;max-height:none}
 .hero-picture .hero-photo{object-position:center center}
 .hero-shade{background:linear-gradient(180deg,rgba(9,23,15,.48),rgba(9,23,15,.16) 43%,transparent 63%,rgba(9,23,15,.4))}
 .hero-inner{padding-top:43px}
 .hero h1{font-size:clamp(48px,13.5vw,62px);max-width:420px}
 .hero-copy{margin:20px 0 22px;max-width:320px}
 .hero-eyebrow{margin-bottom:17px}
 .hero-secondary{margin-top:18px}
 .destination-card img.como-photo{object-position:60% center}
 .featured-provider-image{height:auto;aspect-ratio:4/3}
 .collection-visual{height:450px}
 .image-note>span:first-child{font-size:24px}
}