.HeroBanner_banner__wiLBs{position:relative;min-height:clamp(240px,32vh,360px);overflow:hidden;display:flex;align-items:flex-end;isolation:isolate}.HeroBanner_bannerImage__hPoPF{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;background-color:var(--bg-layer);filter:brightness(.75) contrast(1.05)}.HeroBanner_bannerOverlay__MklHX{position:absolute;inset:0;background:var(--overlay-hero);pointer-events:none}.HeroBanner_banner__wiLBs:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(180deg,transparent 0,var(--overlay-deep) 100%),linear-gradient(90deg,transparent 0,var(--accent-blue-tint) 42%,var(--warm-tint) 74%,transparent 100%)}.HeroBanner_bannerContent__Xe9aE{position:relative;z-index:1;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem 1.8rem;width:100%}.HeroBanner_bannerEyebrow__pQyoj{margin-bottom:.7rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-blue)}.HeroBanner_bannerTitle__bMFc5{font-family:var(--font-display);font-size:clamp(2.35rem,4vw,3.4rem);font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--white);margin-bottom:.45rem}.HeroBanner_bannerSub__rvwNh{max-width:34rem;font-size:.95rem;line-height:1.65;color:var(--text-secondary)}.HeroBanner_toneCinema__OxBm7 .HeroBanner_bannerEyebrow__pQyoj,.HeroBanner_toneConcerts__tdTA5 .HeroBanner_bannerEyebrow__pQyoj{color:var(--accent)}.HeroBanner_toneTheatre__sj8Ao .HeroBanner_bannerEyebrow__pQyoj{color:var(--tone-theatre)}.HeroBanner_toneMuseum__Qvj1V .HeroBanner_bannerEyebrow__pQyoj{color:var(--accent-blue)}.HeroBanner_toneDatsan__0zJmP .HeroBanner_bannerEyebrow__pQyoj{color:var(--tone-datsan)}.HeroBanner_toneWater__YQTFR .HeroBanner_bannerEyebrow__pQyoj{color:#5BA4CF}.HeroBanner_toneElectricity__e4ka6 .HeroBanner_bannerEyebrow__pQyoj{color:#F59E0B}.HeroBanner_toneOutages__kEHju .HeroBanner_bannerEyebrow__pQyoj{color:#EF4444}.HeroBanner_toneGuides__uiMK_ .HeroBanner_bannerEyebrow__pQyoj{color:#10B981}.HeroBanner_toneAttractions__EiiJt .HeroBanner_bannerEyebrow__pQyoj{color:#F59E0B}@media (max-width:640px){.HeroBanner_banner__wiLBs{min-height:200px}.HeroBanner_bannerContent__Xe9aE{padding:0 1rem 1.35rem}.HeroBanner_bannerSub__rvwNh{font-size:.86rem}}