/* Natural paint edges extend beyond the photo and across the next section. */
.hero-competition{overflow:visible;position:relative;z-index:1}
.hero-competition .hero-photo{overflow:visible;isolation:isolate}
.hero-competition .hero-brand-brush{left:-40%;bottom:-35px;width:128%;height:auto;aspect-ratio:2049/417;background:url('brush-red.png') center/contain no-repeat;transform:translate(0,0) rotate(-12deg);transform-origin:center;z-index:1;pointer-events:none}
.hero-competition .hero-dancers-overlay{z-index:3}
/* Background stays below the crossing stroke; every countdown text group stays above it. */
.hero-competition + .countdown-band{position:relative;z-index:auto}
.hero-competition + .countdown-band > *{position:relative;z-index:2}
/* The title's own span receives paint; the separate year receives none. */
.hero-competition .event-title{position:relative;display:inline-block;isolation:auto}
.hero-competition .event-title:before{content:'';display:block;position:absolute;left:5%;top:50%;width:90%;height:auto;aspect-ratio:2049/417;background:#ffe900;-webkit-mask:url('brush-red.png') center/contain no-repeat;mask:url('brush-red.png') center/contain no-repeat;transform:translate(0,-50%) rotate(-2deg);transform-origin:center;z-index:-1;pointer-events:none}
html.bgp-motion-enabled .hero-competition .hero-brand-brush{animation:bgp-hero-lower-paint 7s cubic-bezier(.45,0,.55,1) -1.75s infinite alternate}
html.bgp-motion-enabled .hero-competition .event-title:before{animation:bgp-hero-title-paint 7s cubic-bezier(.45,0,.55,1) -2s infinite alternate}
@keyframes bgp-hero-lower-paint{from{transform:translate(-7px,8px) rotate(-13deg)}to{transform:translate(7px,-8px) rotate(-11deg)}}
@keyframes bgp-hero-title-paint{from{transform:translate(-6px,calc(-50% + 9px)) rotate(-2.5deg)}to{transform:translate(6px,calc(-50% - 9px)) rotate(-1deg)}}
@media(max-width:760px){.hero-competition .hero-brand-brush{left:4%;bottom:-35px;width:92%}.hero-competition .event-title:before{left:1%;width:98%;top:61%}}
@media(prefers-reduced-motion:reduce){.hero-competition .hero-brand-brush,.hero-competition .event-title:before{animation:none!important}}

@media(min-width:761px){.home-editorial{margin-left:105px}.home-editorial .hero-copy{padding-left:7%}}

/* Keep the complete couple clear of the mobile section rail. */
@media(max-width:760px){
 .hero-competition .hero-photo{margin-left:90px;width:calc(100% - 90px);height:auto;aspect-ratio:1267/1900;align-self:flex-end}
 .hero-competition .hero-photo>img{object-fit:contain;object-position:center}
 .hero-competition .hero-dancers-overlay{-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center;mask-position:center}
}


/* Keep the complete competition name and year together at every screen size. */
.hero-competition .hero-copy{container-type:inline-size}
.home-editorial .hero-competition .hero-copy h1{display:flex;align-items:baseline;gap:.22em;flex-wrap:nowrap;white-space:nowrap;max-width:none;font-size:clamp(18px,3vw,64px);font-size:clamp(16px,7.8cqw,64px);line-height:1.12}
.hero-competition .event-title,.hero-competition .event-title .first,.hero-competition .event-title .last{display:inline;white-space:nowrap}
.hero-competition .hero-year{display:inline;font-size:1em;margin:0;letter-spacing:inherit}

/* Enlarge the title paint equally in both dimensions, retaining its drift. */
.hero-competition .event-title:before{scale:1.4}