/* ===== The elephant mark as a graphic device · replaces the plain circles =====
   Parts of the riders&elephants mark, tone on tone, cropped so some read as the elephant and some only hint at it.
   A = the back, zoomed right in · B = the trunk curl · C = the legs · D = the whole elephant, half off the edge · E = the rider */
.hero::before,.hero::after{display:none!important}
.hero,.band{position:relative}
.hero>*,.band>*{position:relative;z-index:1}
.hero>.hero-badge{position:absolute}
.hero::before,.band::before{content:'';position:absolute;z-index:0;pointer-events:none;-webkit-mask:url(/Assets/Images/elephant-white.png) no-repeat;mask:url(/Assets/Images/elephant-white.png) no-repeat;background:rgba(255,255,255,.09)}
.hero::before{display:block!important;width:760px;height:100%;top:0;right:calc(50% - 50vw);opacity:1!important;border-radius:0!important;background:rgba(255,255,255,.08)!important;-webkit-mask-size:4200px auto;mask-size:4200px auto;-webkit-mask-position:-560px -980px;mask-position:-560px -980px}
.band.b-blue::before{width:560px;height:560px;bottom:0;right:calc(50% - 50vw);-webkit-mask-size:1700px auto;mask-size:1700px auto;-webkit-mask-position:-1150px -620px;mask-position:-1150px -620px}
.band.b-black::before{width:1000px;height:360px;bottom:0;left:calc(50% - 50vw);-webkit-mask-size:2000px auto;mask-size:2000px auto;-webkit-mask-position:-280px -1350px;mask-position:-280px -1350px}
.band.b-red::before{width:780px;height:670px;top:50%;transform:translateY(-50%);right:calc(50% - 50vw);background:rgba(45,40,37,.10);-webkit-mask-size:780px auto;mask-size:780px auto;-webkit-mask-position:220px 0;mask-position:220px 0}
.band.b-pink::before{width:520px;height:420px;top:0;right:calc(50% - 50vw);background:rgba(45,40,37,.06);-webkit-mask-size:2600px auto;mask-size:2600px auto;-webkit-mask-position:-1100px -260px;mask-position:-1100px -260px}
.band.b-gold::before{width:620px;height:520px;bottom:0;left:calc(50% - 50vw);background:rgba(45,40,37,.07);-webkit-mask-size:3200px auto;mask-size:3200px auto;-webkit-mask-position:-2500px -1500px;mask-position:-2500px -1500px}
.band.b-purple::before{width:600px;height:520px;bottom:0;right:calc(50% - 50vw);-webkit-mask-size:1500px auto;mask-size:1500px auto;-webkit-mask-position:-1000px -560px;mask-position:-1000px -560px}
@media(max-width:900px){.hero::before,.band::before{opacity:.6!important}}

html,body{overflow-x:clip}
@media(max-width:700px){.hero::before,.band::before{display:none!important}}