/* Fit the entire photograph rather than enlarging it to cover a wide screen. */
.offday-hero{height:clamp(520px,70svh,660px);min-height:0;max-height:none;background:#141b19;padding:28px 5% 100px}
.offday-hero>img{inset:0 0 0 auto;width:76%;height:100%;object-fit:contain;object-position:right center}
.offday-hero:after{background:linear-gradient(90deg,#141b19 0%,#141b19f2 22%,#141b1960 40%,transparent 57%)}
.offday-hero h1{font-size:clamp(80px,8.5vw,132px);line-height:.84;margin:30px 0;max-width:52%}
.offday-hero-bottom{bottom:25px}
.offday-side{right:15px}
@media(max-width:760px){
 .offday-hero{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);padding:25px 6% 24px;gap:20px;overflow:hidden}
 .offday-hero:after{display:none}
 .offday-hero>.label{grid-row:1}
 .offday-hero h1{grid-row:2;font-size:clamp(67px,17vw,116px);line-height:.86;margin:0;max-width:100%}
 .offday-hero>img{grid-row:3;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;z-index:auto;display:block}
 .offday-hero-bottom{grid-row:4;position:static;gap:16px;align-items:stretch;margin:0}
 .offday-hero-bottom>a{width:100%;min-height:48px}
 .offday-side{display:none}
}