.oddity-hero.logo-hero{background:#101013}
.oddity-hero.logo-hero .hero-copy{position:relative;z-index:2}
.oddity-hero.logo-hero .hero-logo{position:absolute;z-index:1;right:clamp(24px,9vw,150px);top:50%;transform:translateY(-50%);width:clamp(150px,26vw,340px);height:auto;border-radius:14px;box-shadow:0 22px 60px rgba(0,0,0,.55);background:#1d1e24}
.oddity-hero.logo-hero .hero-shade{background:radial-gradient(ellipse at 80% 40%,rgba(153,24,28,.18),transparent 60%),linear-gradient(115deg,#101013,#17171c)}
@media(max-width:820px){.oddity-hero.logo-hero .hero-logo{right:18px;top:96px;transform:none;width:min(96px,24vw)}}
.baoli-photo.logo-figure img{max-width:420px;max-height:none;border-radius:14px;background:#1d1e24;margin-inline:auto}
/* R23: venue-section logos never upscale beyond native resolution (hero unchanged) */
.baoli-photo.logo-figure img{width:auto!important;max-width:min(100%,420px)!important;height:auto}
/* R23: mobile logo hero - logo centred above the title */
@media(max-width:640px){
.oddity-hero.logo-hero{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding-top:max(120px,calc(var(--menu-clearance,0px) + 24px))}
.oddity-hero.logo-hero .hero-logo{position:relative;z-index:2;right:auto;top:auto;transform:none;display:block;width:min(150px,38vw);height:auto;margin:0 auto 18px;flex:none}
.oddity-hero.logo-hero .hero-copy{padding-top:0;flex:none}
}
/* R23: Flying Horses desktop - gutter between title and logo tile */
@media(min-width:821px){
body[data-venue="flying-horses"] .oddity-hero.logo-hero .hero-copy{padding-right:calc(clamp(24px,9vw,150px) + clamp(150px,26vw,340px) + 40px - max(20px,(100vw - 1120px)/2))}
}