@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,800&family=Barlow:wght@400;500;600;700&display=swap');
:root{--blue:#0655ff;--navy:#07172d;--yellow:#ffda17;--muted:#56677b;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:white;color:var(--navy);font:17px/1.55 Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;line-height:1;text-transform:uppercase}h2{font-size:clamp(36px,4.1vw,54px);margin-bottom:20px}h3{font-size:30px;margin-bottom:15px}p{margin-bottom:22px}.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.skip{position:fixed;left:15px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.header{position:sticky;top:0;background:#fff;z-index:30;border-bottom:1px solid #e6ebf2}.header-inner{min-height:90px;display:flex;align-items:center;gap:28px}.brand{width:106px;aspect-ratio:328/238;position:relative;overflow:hidden;flex-shrink:0}.brand img{max-width:none;width:204.574%;height:auto}.nav{display:flex;align-items:center;gap:30px;margin-left:auto}.nav a{font-weight:700;font-size:15px;text-transform:uppercase;padding:30px 0}.nav a[aria-current=page]{color:var(--blue)}.header-flag{font-size:28px;margin-left:8px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border-radius:4px;background:var(--blue);color:#fff;font-weight:700;line-height:1.3;text-align:center;transition:transform .2s,background .2s}.button:hover{background:#0348dd;transform:translateY(-2px)}.button.yellow{background:var(--yellow);color:var(--navy);animation:button-pulse 6s ease-in-out infinite}.button.yellow:hover{background:#ffe75d}.button.outline{background:#07172d99;border:1px solid #c7d4e4;color:#fff}.button.instagram{background:linear-gradient(110deg,#7135c4,#c72b76,#e6573f)}.button.instagram:hover{box-shadow:0 0 0 3px #ffffff44}.menu-toggle{display:none;padding:9px 13px;background:white;border:1px solid #d7dfea;border-radius:4px;font-weight:700}.marquee{position:relative;background:var(--blue);color:#fff;overflow:hidden;min-height:31px;display:flex;align-items:center;padding-right:120px}.marquee-track{display:flex;width:max-content;flex-shrink:0;animation:marquee 25s linear infinite;font-size:13px;letter-spacing:.04em;font-weight:700}.marquee-track div{display:flex;gap:60px;padding-right:60px;white-space:nowrap}.motion-toggle{position:absolute;right:0;top:0;bottom:0;background:var(--blue);border:0;border-left:1px solid #7ba3ff;color:white;font-size:13px;padding:0 15px;cursor:pointer;z-index:1}.hero{position:relative;min-height:640px;overflow:hidden;background:var(--navy);color:white;isolation:isolate}.hero-image{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:70% center;animation:camera 11s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07172df5 0%,#07172de0 21%,#07172d64 43%,#07172d08 67%)}.hero-copy{position:relative;padding:85px 0 70px;max-width:520px}.eyebrow{font-size:14px;letter-spacing:.12em;font-weight:700;text-transform:uppercase;display:block;margin-bottom:19px;color:var(--blue)}.hero .eyebrow{color:#c9d9fa}.hero h1{font-size:clamp(58px,6.1vw,88px);font-style:italic;letter-spacing:-.015em;line-height:.95;margin-bottom:28px}.hero h1 span{display:block;color:var(--blue);margin-top:7px}.hero-copy p{max-width:360px;color:#e6ebf5;font-size:20px;line-height:1.45;margin-bottom:28px}.hero-actions{display:flex;align-items:flex-start;gap:13px;flex-direction:column}.hero-actions .button{min-width:290px}.section{padding:70px 0}.section-heading{text-align:center;margin-bottom:36px}.section-heading h2{margin-bottom:12px}.section-heading:before{content:'';display:block;margin:0 auto 18px;width:45px;height:5px;background:var(--blue)}.section-heading p{color:var(--muted);font-size:15px;text-transform:uppercase;letter-spacing:.11em;margin-bottom:0}.sports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sport-card{position:relative;display:block;overflow:hidden;background:#0b2039;min-height:430px;border-radius:2px}.sport-card .crop{position:absolute;inset:0;transition:transform .5s}.crop svg{width:100%;height:100%;display:block}.sport-card:hover .crop,.sport-card:focus-visible .crop{transform:scale(1.06)}.sport-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#041322f0 100%)}.sport-label{position:absolute;bottom:28px;left:24px;color:white;z-index:1}.sport-label h3{font-size:38px;margin-bottom:13px}.sport-label span{font-size:14px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.sport-label span:before{content:'';display:inline-block;width:26px;height:4px;background:var(--blue);margin-right:12px;vertical-align:middle}.business-banner{display:grid;grid-template-columns:1.1fr 1fr;background:#f1f4f8;min-height:390px}.business-banner img{width:100%;height:100%;object-fit:cover;object-position:35% center}.business-copy{padding:60px 50px;align-self:center}.business-copy h2{font-size:clamp(36px,4vw,52px)}.business-copy h2 span{color:var(--blue)}.business-copy p{color:var(--muted)}.instagram-section{background:var(--navy);color:white}.instagram-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:35px}.instagram-heading .eyebrow{color:#ff7dbb}.instagram-heading h2{margin-bottom:14px}.instagram-heading p{max-width:580px;color:#c8d4e6}.instagram-heading .button{flex-shrink:0;display:block}.instagram-heading .button span{display:block;font-weight:400;font-size:14px;margin-top:4px}.instagram-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:880px;margin:auto}.instagram-post{display:block;background:white;color:var(--navy);border-radius:5px;overflow:hidden;transition:transform .25s}.instagram-post:hover{transform:translateY(-4px)}.post-head{padding:13px 17px;font-size:14px;font-weight:700;display:flex;gap:11px;align-items:center}.post-avatar{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:var(--blue);color:white}.instagram-post img{width:100%;height:auto}.post-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;font-size:14px}.post-foot span{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.business-card{padding:35px;border:1px solid #d9e1ed;background:#f4f6fa}.business-card .number{display:block;font:800 55px/1 'Barlow Condensed',Impact,sans-serif;color:var(--blue);margin-bottom:30px}.business-card p{color:var(--muted);font-size:16px}.text-link{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:5px}.contact{background:var(--blue);color:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.contact .eyebrow{color:#d5e2ff}.contact h2{font-size:clamp(40px,4.2vw,58px)}.contact p{color:#e1eaff;max-width:520px}.contact-links{display:grid;gap:22px}.contact-location{padding-top:15px;border-top:1px solid #93b3ff}.contact-location h3{font:700 19px/1.4 Barlow,Arial,sans-serif;text-transform:none;margin-bottom:8px}.contact-location p{font-size:16px;margin-bottom:12px}.contact-location a{font-weight:700;text-decoration:underline;text-underline-offset:4px}.footer{padding:32px 0 85px;background:var(--navy);color:#cbd6e9}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.footer strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;color:white}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:15px}.copyright{font-size:14px;margin-top:24px}.floating{position:fixed;right:23px;bottom:23px;z-index:40;background:#078947;color:white;border-radius:35px;padding:14px 22px;box-shadow:0 5px 20px #0003;font-size:15px;font-weight:700;animation:whatsapp 6s ease-in-out infinite}.is-paused *{animation-play-state:paused!important}.motion-ready .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}.motion-ready .reveal.is-visible{opacity:1;transform:none}
@keyframes camera{from{transform:scale(1)}to{transform:scale(1.055)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes button-pulse{0%,70%,100%{box-shadow:0 0 0 0 #ffda1744}82%{box-shadow:0 0 0 8px #ffda1700}}@keyframes whatsapp{0%,70%,100%{box-shadow:0 5px 20px #0003,0 0 0 0 #07894744}82%{box-shadow:0 5px 20px #0003,0 0 0 12px #07894700}}
@media(min-width:1550px){.hero{min-height:720px}.hero-copy{padding-top:120px}}
@media(max-width:1050px){.header-inner{gap:18px}.nav{gap:20px}.header-flag{display:none}.header-inner>.button{padding:13px 18px;font-size:14px}.hero h1{font-size:72px}.sport-card{min-height:360px}.business-copy{padding:45px 35px}.business-card{padding:26px}}
@media(max-width:780px){html{scroll-padding-top:88px}.wrap{width:calc(100% - 36px)}.header-inner{min-height:78px;flex-wrap:wrap;gap:13px}.brand{width:90px}.header-inner>.button{margin-left:auto;min-height:43px;padding:11px 15px}.menu-toggle{display:block}.nav{display:none;order:5;flex-direction:column;align-items:stretch;gap:0;width:100%;margin:0;padding:8px 0 14px}.nav.open{display:flex}.nav a{padding:12px 0;font-size:15px}.marquee-track div{gap:35px;padding-right:35px}.hero{min-height:0;padding-top:325px}.hero-image{height:365px;bottom:auto}.hero-image img{object-position:68% center}.hero-shade{background:linear-gradient(transparent 220px,#07172d 365px);inset:0}.hero-copy{padding:18px 0 40px;max-width:none}.hero h1{font-size:clamp(47px,11vw,65px);line-height:.98}.hero-copy p{font-size:18px;max-width:440px}.hero .eyebrow{font-size:12px;margin-bottom:14px}.hero-actions{gap:13px}.hero-actions .button{min-width:0;width:100%;font-size:16px}.section{padding:52px 0}.sports-grid{grid-template-columns:1fr;gap:20px}.sport-card{min-height:420px}.sport-label h3{font-size:38px}.business-banner{grid-template-columns:1fr}.business-banner img{height:300px;object-position:center}.business-copy{padding:35px 24px}.instagram-heading{flex-direction:column;align-items:flex-start;gap:10px}.instagram-heading .button{width:100%}.instagram-grid{grid-template-columns:1fr;max-width:480px}.business-grid{grid-template-columns:1fr;gap:20px}.business-card .number{margin-bottom:20px}.contact-grid{grid-template-columns:1fr;gap:35px}.footer-inner{display:block}.footer-links{margin-top:22px}.floating{right:16px;bottom:16px;padding:13px 18px}.post-foot{flex-wrap:wrap}.section-heading p{font-size:13px;letter-spacing:.05em}}
@media(max-width:380px){.header-inner>.button{display:none}.menu-toggle{margin-left:auto}.hero h1{font-size:45px}.hero{padding-top:280px}.hero-image{height:320px}.hero-shade{background:linear-gradient(transparent 190px,#07172d 320px)}.sport-card{min-height:360px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}
.header-flag svg{display:block;width:48px;height:34px}
.floating-actions{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;flex-direction:column;gap:12px;align-items:stretch}
.floating-actions .floating{position:relative;right:auto;bottom:auto;display:flex;align-items:center;gap:13px;min-height:70px;padding:8px 22px 8px 8px;border:2px solid #fff8;border-radius:40px;font-size:18px;font-weight:700;line-height:1.25;box-shadow:0 6px 24px #0005;transition:transform .2s,background .2s;overflow:hidden;isolation:isolate}
.floating svg{width:26px;height:26px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.floating-actions .floating-whatsapp{background:linear-gradient(115deg,#00a451,#007c3b);color:white;animation:none;border-color:#23ed8e;box-shadow:0 6px 24px #0005,0 0 14px #00cf6050}
.floating-actions .floating-store{background:linear-gradient(115deg,#ffe858,var(--yellow));color:var(--navy);animation:none;border-color:#fff178}
.floating-icon{position:relative;display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:50%;background:#fff9;border:1px solid #fff9;z-index:1}
.floating-whatsapp .floating-icon{background:linear-gradient(145deg,#28df82,#009c48);box-shadow:inset 0 2px 4px #fffa}
.floating-label{position:relative;padding-left:13px;border-left:2px solid #07172d40;z-index:1}
.floating-whatsapp .floating-label{border-color:#23ed8e}
.floating-arrow{position:absolute;right:15px;opacity:0;transform:translateX(-5px);transition:opacity .2s,transform .2s;font-size:23px;z-index:1}
.floating-store .floating-label{padding-right:14px}
.floating-store:before{content:'';position:absolute;top:-50%;left:-55%;width:30%;height:200%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:skewX(-22deg);pointer-events:none;z-index:2}
.floating-store:focus-visible:before{animation:duty-store-shine .85s ease-out 1}
.floating-store:focus-visible .shopping-bag{animation:duty-bag-swing .7s ease-in-out 1;transform-origin:50% 20%}
.floating-store:focus-visible .floating-arrow{opacity:1;transform:translateX(0)}
.is-paused .floating-store:before{animation-play-state:paused!important}
@media(hover:hover) and (pointer:fine){.floating-store:hover:before{animation:duty-store-shine .85s ease-out 1}.floating-store:hover .shopping-bag{animation:duty-bag-swing .7s ease-in-out 1;transform-origin:50% 20%}.floating-store:hover .floating-arrow{opacity:1;transform:translateX(0)}}
@keyframes duty-store-shine{from{left:-55%}to{left:140%}}
@keyframes duty-bag-swing{0%,100%{transform:rotate(0)}20%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}70%{transform:rotate(-5deg)}}
.floating-actions .floating:hover{transform:translateY(-3px)}
.floating-actions .floating-whatsapp:hover{background:#006530}
.floating-actions .floating-store:hover{background:#ffe75d}
.footer{padding-bottom:180px}
@media(max-width:780px){body{padding-bottom:90px}.floating-actions{left:12px;right:12px;bottom:12px;flex-direction:row;gap:9px}.floating-actions .floating{flex:1;min-width:0;min-height:64px;padding:7px;gap:7px;font-size:14px;border-radius:20px}.floating svg{width:23px;height:23px}.floating-icon{flex-basis:33px;width:33px;height:33px}.floating-label{padding-left:7px}.floating-store .floating-label{padding-right:0}.floating-arrow{display:none}.footer{padding-bottom:32px}}

.contact .free-art-note{max-width:480px;padding:12px 16px;border-left:3px solid var(--yellow);background:#ffffff12;color:white;font-size:18px;line-height:1.5;margin:0 0 24px}
