/* Approved mobile hero overlay and restrained desktop action. */
@media(max-width:560px){
.hero{position:relative;display:block;min-height:0;background:#43172a}
.hero .hero-artwork{position:absolute;inset:0 0 auto;height:100%;aspect-ratio:auto}
.hero .hero-artwork .hero-image.hero-image--fair{height:100%;object-fit:cover;object-position:73% top;transform-origin:74% top}
.hero .hero-shade{inset:0;height:100%;background:linear-gradient(180deg,rgba(33,12,22,.22) 0%,rgba(33,12,22,.03) 34%,rgba(67,23,42,.26) 52%,rgba(67,23,42,.55) 76%,rgba(67,23,42,.85) 100%)}
.hero .hero-artwork::after{content:"";position:absolute;inset:0 0 auto;height:130px;pointer-events:none;background:linear-gradient(180deg,rgba(41,17,27,.80) 0,rgba(41,17,27,.68) 42px,rgba(41,17,27,.30) 85px,transparent 130px)}
.hero .hero-inner{padding-top:300px;padding-bottom:32px}
.hero .hero-eyebrow{font-size:11px;letter-spacing:.06em;line-height:1.6;max-width:280px;margin-bottom:17px;text-shadow:0 1px 4px rgba(25,8,16,.45)}
.hero h1{font-size:clamp(26px,7.4vw,33px);line-height:1.16;letter-spacing:-.04em;text-shadow:0 2px 18px #20091440}
.hero .hero-copy{font-size:14px;line-height:1.7;margin-top:19px}
.hero .hero-inner>.button{display:none}
.hero .hero-event{margin-top:28px;padding-top:20px}
.hero .opening-hours-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hero .opening-hours-day{display:block}
.hero .opening-hours-day dt{font-size:11px}
.hero .opening-hours-day dd{font-size:10px;white-space:nowrap;margin:6px 0 0}
.hero .opening-hours{margin-top:20px}
}
@media(max-width:360px){.hero .hero-inner{padding-top:280px}}

@media(min-width:561px){
.hero .hero-inner>.button{background:transparent;color:var(--logo-cream);border:1px solid #f5e8ec88;box-shadow:none;min-height:42px;padding:10px 17px;font-size:.8125rem;border-radius:4px;margin-top:26px}
.hero .hero-inner>.button:hover{background:#f5e8ec16;border-color:var(--logo-cream)}
}

/* More video detail on desktop while preserving contrast beneath copy. */
@media(min-width:561px){
.hero .hero-shade{background:linear-gradient(90deg,rgba(41,17,27,.78) 0%,rgba(41,17,27,.70) 29%,rgba(41,17,27,.38) 48%,rgba(41,17,27,.05) 76%),linear-gradient(180deg,rgba(41,17,27,.38),transparent 25%)}
}
@media(min-width:561px) and (max-width:850px){
.hero .hero-shade{background:linear-gradient(90deg,rgba(41,17,27,.80) 0%,rgba(41,17,27,.60) 48%,rgba(41,17,27,.10) 100%),linear-gradient(180deg,rgba(41,17,27,.38),transparent 25%)}
}