@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&display=swap');
body[data-design="esports"]{font-family:'Chakra Petch',sans-serif}
body[data-design="esports"] :is(h1,h2,h3){font-family:'Chakra Petch',sans-serif;font-weight:700}
body[data-design="esports"]:has(.xports-hero)>header{position:absolute;inset:0 0 auto;z-index:30;background:transparent;border:0}
body[data-design="esports"]:has(.xports-hero)>header .navrow{min-height:120px;width:min(1700px,calc(100% - 80px))}
body[data-design="esports"]:has(.xports-hero)>header #main-navigation a{font-size:16px;font-weight:600}
.xports-hero{position:relative;isolation:isolate;overflow:hidden;padding:140px 0 50px;background:#0b0e13;min-height:900px}
.xports-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;z-index:-1}
.xports-container{width:min(1320px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:center}
.xports-character{direction:rtl;align-self:end}
.xports-character img{display:block;width:610px;max-width:none;height:auto}
.xports-copy{margin-left:20px;padding-bottom:30px;min-width:0}
body[data-design="esports"] .xports-copy h1{font-size:clamp(3rem,4.25vw,5rem);line-height:1.12;letter-spacing:0;margin:0;color:white;font-weight:700;text-transform:uppercase}
.xports-copy .xports-eyebrow{font-size:16px;font-weight:600;letter-spacing:4px;line-height:1.6;margin:0 0 22px;color:white}
.xports-copy>p:not(.xports-eyebrow){font-size:18px;line-height:1.7;max-width:690px;color:white;margin:30px 0 0;text-transform:uppercase}
.xports-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:35px}
body[data-design="esports"] .xports-actions :is(.button,.discover-render),body[data-design="esports"]>header .header-enquire{font:700 17px 'Chakra Petch',sans-serif;letter-spacing:.5px;text-align:center;min-width:200px;padding:18px 30px;border-radius:0;background:linear-gradient(to right,#ff0808,#7a0202,#ff0808);background-size:200% auto;clip-path:polygon(7% 0,100% 0,100% 100%,0 100%,0 30%);transition:background-position .3s;color:white}
body[data-design="esports"] .xports-actions .discover-render{background:transparent;border:1px solid white;position:relative}
body[data-design="esports"] .xports-actions .discover-render:before{content:'';position:absolute;left:6px;top:-3px;width:1px;height:26px;transform:rotate(43deg);background:white}
body[data-design="esports"] .xports-actions a:hover{background-position:right center}
@media(max-width:1600px){.xports-character{direction:initial}.xports-character img{width:100%}.xports-container{grid-template-columns:5fr 7fr}.xports-hero{min-height:780px}.xports-copy{margin-left:0}}
@media(max-width:1000px){body[data-design="esports"]:has(.xports-hero)>header{position:relative;background:#0b0e13}body[data-design="esports"]:has(.xports-hero)>header .navrow{width:calc(100% - 32px);min-height:76px}.xports-hero{padding:60px 0 0;min-height:0}.xports-container{grid-template-columns:1fr;gap:40px}.xports-copy{grid-row:1;text-align:center;padding:0}.xports-copy>p:not(.xports-eyebrow){margin:24px auto 0}.xports-actions{justify-content:center}.xports-character{max-width:480px;margin:auto}.xports-backdrop{object-position:center}.xports-copy .xports-eyebrow{font-size:14px;letter-spacing:3px}}
@media(max-width:600px){.xports-container{width:calc(100% - 36px)}body[data-design="esports"] .xports-copy h1{font-size:clamp(2rem,9vw,3rem)}.xports-copy>p:not(.xports-eyebrow){font-size:16px}.xports-actions{gap:12px}body[data-design="esports"] .xports-actions :is(.button,.discover-render){min-width:0;padding:16px 22px;font-size:16px}.xports-character{width:90%}}
@media(prefers-reduced-motion:reduce){.xports-actions a{transition:none!important}}