/* Template hoop. */
:root{--fb:'Rubik';--fh:'Marhey';--bg:#FBF3E8;--ink:#121212;--ink2:#5C5751;--line:#EADBC6;--acc:#F26B1D;--blk:#121212;--wood:#E7B57A;--nav-bg:rgba(18,18,18,.96);--nav-solid:#121212;--demo-bg:#F26B1D;--r-in:18px}
.hoop .nav{color:#fff}.hoop .nav .links a{border-color:rgba(255,255,255,.12)}.hoop .links a:hover{color:var(--acc)}
.hoop .btn{border-radius:12px;font-weight:700}
.hoop .cta,.hoop .b1,form .btn{background:var(--acc);color:#fff;box-shadow:0 5px 0 #B24A0C}
.hoop .b2{background:#fff;color:var(--blk)}
.card{background:#fff;border:2px solid var(--blk);border-radius:18px;padding:22px}
.hero{background:var(--blk);color:#fff;position:relative;overflow:hidden;padding:56px 0 64px}
.hero::before{content:"";position:absolute;width:760px;height:760px;border:3px solid rgba(242,107,29,.35);border-radius:50%;top:-380px;inset-inline-end:-200px}
.hero::after{content:"";position:absolute;width:300px;height:300px;border:3px solid rgba(242,107,29,.25);border-radius:50%;bottom:-150px;inset-inline-start:30%}
.hero-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center;position:relative;z-index:1}
.tag{display:inline-block;background:var(--acc);color:#fff;font-weight:700;font-size:14px;padding:5px 14px;border-radius:8px;transform:rotate(-2deg)}
.hero h1{font-size:66px;font-weight:700;margin:18px 0;line-height:1.3}.hero h1 em{font-style:normal;color:var(--acc)}
.hero-t>p{font-size:18px;color:#CFC9C1;max-width:540px}
.hero-b{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.nums{display:flex;gap:30px;margin-top:34px;flex-wrap:wrap}
.nums b{display:block;font-family:var(--fb);font-weight:900;font-size:58px;line-height:1;color:transparent;-webkit-text-stroke:2px var(--acc)}
.nums span{font-size:14px;color:#CFC9C1}
.hero-v{display:grid;place-items:center}
.jersey{width:min(100%,380px);aspect-ratio:5/6;background:var(--acc) center/cover;clip-path:polygon(28% 0,38% 0,50% 14%,62% 0,72% 0,100% 12%,94% 40%,82% 34%,82% 100%,18% 100%,18% 34%,6% 40%,0 12%)}
.sec-h h2{font-size:44px;font-weight:700;line-height:1.35}.sec-h h2 em{font-style:normal;color:var(--acc)}
.kick{color:var(--acc);font-weight:900;text-transform:uppercase}
.prog{background:var(--wood);background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.04) 0 2px,transparent 2px 90px)}
.prog .sec-h p{color:#4A3A28}
.jg{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.jc{position:relative;border-bottom:8px solid var(--acc);box-shadow:6px 6px 0 var(--blk)}
body.ltr .jc{box-shadow:-6px 6px 0 var(--blk)}
.no{display:block;font-weight:900;font-size:54px;line-height:1;color:transparent;-webkit-text-stroke:2px var(--blk);margin-bottom:8px}
.jc h3{font-size:22px;margin:6px 0 4px}.jc p{margin:0;color:var(--ink2)}
.ag{background:var(--blk);color:#fff;border-radius:6px;padding:2px 10px;font-size:12px}
.info{background:var(--bg)}
.ig{grid-template-columns:repeat(3,minmax(0,1fr))}
.tile{background:var(--acc);color:#fff;border-radius:22px;padding:26px;position:relative;overflow:hidden}
.tile::after{content:"";position:absolute;width:140px;height:140px;border:3px solid rgba(255,255,255,.25);border-radius:50%;bottom:-60px;inset-inline-end:-40px}
.tile .i{width:36px;height:36px}.tile h3{font-size:22px;margin:10px 0 4px}.tile p{margin:0;color:#FFE4D3}
.achv{background:var(--blk);color:#fff}.achv .sec-h p{color:#CFC9C1}
.stg{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pl{background:#1F1F1F;border-radius:20px;overflow:hidden;padding-bottom:18px;border:2px solid #2C2C2C}
.pl .ph{height:230px;background:center/cover;margin-bottom:14px}.pl b{display:block;font-size:21px;padding:0 18px}.pl span{color:var(--acc);font-size:14px;padding:0 18px;display:block}
.season{background:#fff}
.tl>div{border:2px solid var(--blk);border-radius:16px}.tl small{color:var(--acc)}
.tl .now{background:var(--blk);color:#fff}.tl .now small{color:var(--acc)}.tl .now p{color:#CFC9C1}
.why{background:var(--bg)}.why-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:50px;align-items:center}
.why-v{min-height:0;width:100%;aspect-ratio:1;background:center/cover;border-radius:50%;border:12px solid var(--blk);box-shadow:0 0 0 6px var(--acc)}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:16px}.ticks li{display:flex;gap:12px}
.ticks .i{width:30px;height:30px;padding:6px;border-radius:8px;background:var(--acc);color:#fff}
.ticks b{display:block;font-size:18px}.ticks span{color:var(--ink2)}
.rv{background:#fff}.revs{grid-template-columns:repeat(3,minmax(0,1fr))}.stars{color:var(--acc)}
.gal div{border-radius:18px}
.hoop .fq{background:var(--bg)}.faqs details{border:2px solid var(--blk);border-radius:14px}
.hoop .portal{--po-bg:#121212;--po-acc:#F26B1D}
.bk{background:var(--acc);color:#fff}.bk .kick{color:var(--blk)}.bk .sec-h p{color:#FFE4D3}.bk form{color:var(--ink);border:0}
.bk form .btn{background:var(--blk);box-shadow:none}
.bk-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start}
.ct-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px}
.crow>.i{width:26px;height:26px;color:var(--acc)}.lnk{color:var(--acc);font-weight:700;font-size:14px}
.soc a{border:2px solid var(--blk);border-radius:12px;background:#fff}
footer{background:var(--blk);color:#9C958D}
@media (max-width:900px){
 .hero{padding:36px 0 44px}.hero::before{width:420px;height:420px;top:-210px;inset-inline-end:-160px}
 .hero-in,.why-in,.bk-in,.ct-in{grid-template-columns:minmax(0,1fr)}
 .hero h1{font-size:40px}.hero-t>p{font-size:16px}.nums{gap:20px}.nums b{font-size:42px}
 .jersey{width:min(100%,260px)}
 .jg,.ig,.stg,.revs{grid-template-columns:minmax(0,1fr)}.sec-h h2{font-size:31px}
 .why-v{width:min(100%,320px);margin:0 auto}
}