/* Preserve the supplied poster; dissolve its outer edges into the page. */
.arena-scene.arena-scene--jett{inset:0;width:100%;height:100%;object-fit:contain;filter:none;object-position:center;transform:none;mask-image:linear-gradient(90deg,transparent 3%,#000 30%,#000 70%,transparent 97%);-webkit-mask-image:linear-gradient(90deg,transparent 3%,#000 30%,#000 70%,transparent 97%)}
.arena-scene.arena-scene--jett.active{opacity:1;transform:none}
.arena-sticky:has(.arena-scene--jett.active){background:#080c12}
.arena-sticky:has(.arena-scene--jett.active):after{background:linear-gradient(90deg,#080c12 0%,#080c12 9%,#080c12e6 17%,#080c1299 25%,#080c1233 34%,transparent 43%,transparent 57%,#080c1233 66%,#080c1299 75%,#080c12e6 83%,#080c12 91%,#080c12 100%),linear-gradient(0deg,#080c1250,transparent 15%,transparent 85%,#080c1230)}
.arena-sticky:has(.arena-scene--jett.active) .arena-outline{opacity:.22}
@media(max-width:700px){
 .arena-scene.arena-scene--jett{width:100%;height:260px;inset:20px 0 auto;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}
 .arena-sticky:has(.arena-scene--jett.active):after{background:linear-gradient(0deg,#080c12,transparent 70%)}
 .arena-sticky:has(.arena-scene--jett.active) .arena-content{top:300px}
 .arena-sticky:has(.arena-scene--jett.active) h2{font-size:clamp(36px,8.8vw,55px);letter-spacing:-2px}
 .arena-sticky:has(.arena-scene--jett.active) p{margin:16px 0}
}

/* Keep the headline as two deliberate lines at every viewport width. */
.arena #arena-title{max-width:100%;font-size:clamp(42px,6.9vw,108px);letter-spacing:-.045em}
.arena #arena-title .arena-title-line{display:block;white-space:nowrap;color:inherit}
@media(max-width:700px){.arena #arena-title{font-size:clamp(24px,7.7vw,54px);letter-spacing:-.045em}}
