.hero.hero-cinematic{display:flex;flex-direction:column;max-width:none;width:100%;padding:0;gap:0}.hero-cinematic .duel{width:100%;max-width:none;height:clamp(520px,46vw,760px);border:0;border-radius:0;background:#090d0b}.duel-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:0}.hero-cinematic .duel:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#04090830 0%,transparent 35%,#070e0970 70%,#101713 100%);z-index:2;pointer-events:none}.hero-cinematic .duel-red,.hero-cinematic .duel-green{z-index:1;opacity:.24;mix-blend-mode:color;pointer-events:none}.hero-cinematic .duel-red{background:#f31c45}.hero-cinematic .duel-green{background:#00bc73}.hero-cinematic .duel-kicker{top:32px;font-size:12px;letter-spacing:4px;color:#fffc;z-index:3}.poster-title{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:3;text-align:center;display:flex;flex-direction:column;font-family:'Space Grotesk',sans-serif;line-height:.97;letter-spacing:-2px;text-shadow:0 3px 25px #000b;white-space:nowrap}.poster-title>span{font-size:clamp(23px,3.1vw,48px);font-weight:500;color:#fffc}.poster-title>strong{font-size:clamp(30px,4vw,62px);font-weight:700;margin-top:8px}.poster-title i{font-style:normal;font-size:16px;letter-spacing:5px;margin-top:25px;color:#e0ebd4}.duel-score{position:absolute;bottom:105px;z-index:3;display:flex;align-items:baseline;gap:24px}.duel-score-lula{left:6%}.duel-score-flavio{right:6%;text-align:right;flex-direction:row-reverse}.duel-score>span{font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:700;letter-spacing:-1px;text-shadow:0 3px 15px #000b;line-height:.95}.duel-score small{display:block;font-size:13px;letter-spacing:2px;margin-top:8px}.duel-score>strong{font-family:'Space Grotesk',sans-serif;font-size:clamp(64px,7vw,104px);letter-spacing:-5px;line-height:1;color:#fff;filter:drop-shadow(0 5px 20px #0008)}.duel-score-lula>strong{color:#ff657b}.duel-score-flavio>strong{color:#70efa5}.hero-cinematic .duel-bottom{z-index:3;padding:0 6% 28px;background:none}.hero-cinematic .duel-track{height:9px;background:#18b76c;box-shadow:0 0 20px #0005}.hero-cinematic .duel-track span{background:#ef3155}.hero-cinematic .duel-bottom p{text-align:center;font-size:12px;color:#bdc5bc;margin-top:18px}.art-credit{position:absolute;right:16px;top:14px;z-index:3;font-size:8px;letter-spacing:1px;color:#fff6}.hero-cinematic .hero-copy{width:100%;max-width:1000px;text-align:center;padding:36px 5% 55px}.hero-cinematic .hero-copy .eyebrow{font-size:11px}.hero-cinematic h1{font-size:clamp(36px,4.1vw,60px);letter-spacing:-2px;margin:16px 0}.hero-cinematic h1 br{display:none}.hero-cinematic h1 em:before{content:' '}.hero-cinematic .hero-copy>p{margin:18px auto 24px;max-width:660px;font-size:16px;line-height:1.65}.hero-cinematic .hero-actions,.hero-cinematic .hero-benefits{justify-content:center}.hero-cinematic .hero-benefits{margin-top:20px}
@media(min-width:1700px){.hero-cinematic .duel{height:780px}.duel-art{object-position:center 44%}}
@media(max-width:760px){.hero-cinematic .duel{height:520px}.duel-art{object-fit:contain;object-position:center;width:120%;left:-10%;height:auto;top:45px;transform:none}.hero-cinematic .duel-kicker{top:20px;font-size:9px;letter-spacing:2px}.poster-title{top:62%;letter-spacing:-1px}.poster-title>span{font-size:20px}.poster-title>strong{font-size:30px}.poster-title i{display:none}.duel-score{bottom:100px;gap:8px;align-items:start;flex-direction:column}.duel-score-lula{left:6%}.duel-score-flavio{right:6%;align-items:end}.duel-score>span{font-size:19px}.duel-score small{font-size:9px;letter-spacing:1px;margin-top:5px}.duel-score>strong{font-size:53px;letter-spacing:-3px}.hero-cinematic .duel-bottom{padding:0 6% 20px}.hero-cinematic .duel-bottom p{font-size:10px;line-height:1.5;margin-top:12px}.hero-cinematic .duel-track{height:7px}.hero-cinematic .hero-copy{padding:24px 6% 36px}.hero-cinematic h1{font-size:37px;line-height:1.06}.hero-cinematic h1 br{display:block}.hero-cinematic .hero-copy>p{font-size:15px}.hero-cinematic .hero-actions{gap:20px}.art-credit{top:42px;font-size:7px;right:8px}}
@media(max-width:430px){.duel-art{width:130%;max-width:none;left:-15%;height:auto;top:50px;object-fit:contain;transform:none}.hero-cinematic .duel{height:485px}.poster-title{top:61%}.duel-score{bottom:96px}.duel-score>strong{font-size:45px}.duel-score>span{font-size:17px}.duel-score small{font-size:8px}.poster-title>strong{font-size:25px}.poster-title>span{font-size:17px}}