@font-face{font-family:Lato;src:url(Lato-Regular.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url(Lato-Bold.ttf) format('truetype');font-weight:700;font-display:swap}
.hero h1{max-width:1160px;margin:0 auto;font-size:clamp(10px,2.65vw,34px);line-height:1.4;font-weight:500;letter-spacing:-.02em}
.hero h1 span{display:block;white-space:nowrap}
.video-stage{position:relative;container-type:inline-size;background:#17151c}
.video-stage video{display:block;width:100%;height:auto}
.player-options{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px}
.task-instruction{white-space:pre-line}
.mission-banner{padding:16px 20px;background:#efebf7;color:#302644;border-bottom:1px solid #dcd4e8;font:400 15px/1.5 Lato,sans-serif}
.mission-banner strong{display:block;color:#675097;margin-bottom:5px}
.mission-banner span{white-space:pre-line}