@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--blue:#0754ff;--ink:#101113;--muted:#696d75;--line:#e3e5e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.showroom:focus-visible{outline:3px solid var(--blue);outline-offset:5px}header{min-height:96px;display:flex;align-items:center;justify-content:space-between;padding:20px 4%;gap:30px;border-bottom:1px solid var(--line);background:white;position:relative;z-index:20}.brand{display:inline-flex;flex-direction:column;white-space:nowrap}.brand strong{font-family:Arial,sans-serif;font-size:clamp(22px,2.45vw,38px);font-weight:950;letter-spacing:-1.8px;font-style:italic;line-height:1}.brand span{font-size:9px;letter-spacing:4.1px;margin-top:7px;text-align:center}nav{display:flex;gap:30px;font-size:13px;font-weight:600}nav a{padding:9px 0}nav a:hover,nav .active{color:var(--blue)}nav .active{border-bottom:2px solid var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--blue);color:white;padding:17px 24px;border-radius:5px;border:1px solid var(--blue);font-size:13px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#003ccb;transform:translateY(-2px)}.button span{font-size:22px;line-height:12px}.outline{background:transparent;color:var(--ink);border:1px solid var(--ink)}.outline:hover{color:white;background:var(--ink)}.hero{display:grid;grid-template-columns:40% 60%;min-height:680px;overflow:hidden;background:linear-gradient(110deg,#fff 35%,#f3f5f8 100%)}.hero-copy{padding:104px 0 60px 10%;position:relative;z-index:10}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;display:flex;align-items:center;gap:12px;margin:0 0 24px}.eyebrow i{width:28px;height:2px;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(48px,5.3vw,90px);font-weight:800;line-height:.99;letter-spacing:-1.8px;margin:0 0 28px}em{color:var(--blue);font-style:normal}.intro{font-size:15px;line-height:1.8;color:#555a64;max-width:370px}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.actions .button{padding:16px 18px;gap:20px}.little-note{font-size:10px;color:#7a7e86;margin-top:22px}.showroom-wrap{position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:24px}.showroom{position:relative;width:100%;height:535px;overflow:hidden;touch-action:pan-y;cursor:grab;isolation:isolate}.showroom:active{cursor:grabbing}.studio-line{position:absolute;top:0;height:75%;width:7%;background:linear-gradient(90deg,transparent,#ffffffdd,transparent);transform:skewY(-20deg);pointer-events:none}.line1{left:15%}.line2{right:13%}.studio-floor{position:absolute;bottom:0;left:0;width:100%;height:25%;background:radial-gradient(ellipse at 50% 80%,#cfd4dd88,transparent 70%)}.platform{position:absolute;width:92%;height:100px;left:4%;bottom:32px;border-radius:50%;background:linear-gradient(170deg,#565c67,#17191d 65%);box-shadow:0 17px 0 #17191d,0 21px 0 #050608,0 34px 28px #151a2b40;border:1px solid #757b87;z-index:1}.rim{position:absolute;inset:0;border-radius:50%;border-bottom:3px solid #1176ff;border-top:1px solid #5f9cff;box-shadow:0 4px 6px #0754ffcc,0 8px 15px #0754ff66}.platform-label{position:absolute;font-size:6px;letter-spacing:2px;color:#a0a6b3;bottom:-11px;left:50%;transform:translateX(-50%);white-space:nowrap}.orbit-guide{position:absolute;bottom:16px;left:1%;width:98%;height:125px;border:1px solid #0754ff22;border-radius:50%;z-index:0}.mannequins{position:absolute;inset:0;z-index:2}.model{position:absolute;bottom:64px;left:50%;border:0;background:none;padding:0;width:185px;height:425px;transform-origin:50% 100%;will-change:transform;transition:filter .25s;cursor:pointer}.model:hover{filter:drop-shadow(0 0 10px #0754ff66)}.sprite{display:block;width:100%;height:100%;background-image:url('assets/mannequins.png');background-size:400% 100%;background-repeat:no-repeat;filter:drop-shadow(0 7px 6px #00000022)}.sprite0{background-position:0% 0}.sprite1{background-position:33.333333% 0}.sprite2{background-position:66.666667% 0}.sprite3{background-position:100% 0}.showroom-marker{position:absolute;left:6%;right:6%;top:25px;font-size:8px;letter-spacing:1.5px;color:#737985;display:flex;align-items:center;gap:8px;z-index:10}.marker-number{margin-left:auto;font-size:7px}.live-dot{width:5px;height:5px;background:var(--blue);border-radius:50%}.rotation-controls{display:flex;align-items:center;gap:14px;background:#14161c;color:white;border:1px solid #454953;border-radius:40px;padding:6px 10px;position:relative;z-index:9;margin-top:-8px;box-shadow:0 5px 20px #00000015}.rotation-controls button{border:0;color:white;background:transparent;width:30px;height:30px;border-radius:50%;font-size:18px}.rotation-controls button:hover{background:#424650}.rotation-controls #pause{background:var(--blue);width:36px;height:36px}.rotation-controls span{font-size:8px;letter-spacing:1px}.interaction-hint{font-size:9px;color:#9297a0;margin:14px 0 12px}.category-tabs{display:flex;gap:6px;justify-content:center}.category-tabs button{background:white;border:1px solid #dfe3e9;color:#616874;padding:8px 12px;border-radius:30px;font-size:10px}.category-tabs button.active{border-color:var(--blue);color:var(--blue);background:#0754ff06}.benefit-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:25px 6%;gap:40px}.benefit-strip>div{display:flex;align-items:center;gap:19px;border-right:1px solid var(--line)}.benefit-strip>div:last-child{border:0}.benefit-icon{font-size:17px;font-weight:500;color:var(--blue);border:1px solid #0754ff33;width:42px;height:42px;display:grid;place-items:center;border-radius:50%}.benefit-strip p{font-size:12px;font-weight:600;margin:0}.benefit-strip small{display:block;font-size:10px;color:#8a8f98;font-weight:400;margin-top:5px}.section{padding:95px 6%;scroll-margin-top:0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:35px}.section-head>p{max-width:340px;font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:4px}h2{font-size:clamp(32px,3.3vw,48px);font-weight:600;letter-spacing:-1.8px;line-height:1.12;margin-bottom:0}.section .eyebrow{color:var(--blue);font-size:9px;letter-spacing:2px;margin-bottom:18px}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.collection-card{min-width:0}.product-photo{aspect-ratio:1/1.08;overflow:hidden;background:#f3f4f6;border-radius:6px}.product-photo img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.collection-card:hover img{transform:scale(1.05)}.collection-card p{margin:20px 0 0}.collection-card small{font-size:8px;letter-spacing:1.4px;color:#878c96}.collection-card strong{display:flex;justify-content:space-between;font-size:17px;margin:8px 0;font-weight:600}.collection-card strong span{color:var(--blue)}.collection-card p>span{font-size:11px;color:var(--muted)}.customization{background:#0f1115;color:white;display:grid;grid-template-columns:1fr 1fr;gap:10%}.customization h2{font-size:clamp(40px,4.6vw,65px);margin-bottom:30px}.customization .eyebrow{color:#7da7ff}.text-link{font-size:12px;display:inline-block;padding:12px 0;border-bottom:1px solid currentColor}.custom-list article{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid #ffffff22}.custom-list article:first-child{padding-top:0}.custom-list article>span{font-size:10px;color:#6d97ff;padding-top:4px}.custom-list h3{font-size:18px;font-weight:500;margin-bottom:8px}.custom-list p{color:#999fa9;font-size:12px;line-height:1.8;max-width:370px;margin:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.about-grid p{font-size:14px;line-height:1.9;color:var(--muted)}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-top:1px solid var(--line);margin-top:45px;padding-top:35px}.process span{font-size:9px;letter-spacing:2px;color:var(--blue)}.process h3{font-size:17px;font-weight:500;margin:15px 0 10px}.process p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:280px}.quote{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#f5f7fb;border-top:1px solid var(--line)}.quote h2{font-size:clamp(38px,4.2vw,60px)}.quote>div>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);margin-top:25px}.direct-contact{font-size:12px;display:inline-block;margin-top:15px;border-bottom:1px solid #b5c9ff;padding-bottom:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:600;margin-bottom:18px}input,select,textarea{background:white;border:1px solid #d8dce5;border-radius:4px;width:100%;padding:13px;font-size:12px;color:var(--ink)}textarea{resize:vertical;min-height:85px}.form-note{font-size:9px;color:var(--muted);line-height:1.7;margin-top:12px}footer{background:#0c0e11;color:white;padding:35px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer .brand strong{font-size:25px}footer .brand span{font-size:6px;letter-spacing:3px}footer p{font-size:8px;letter-spacing:1.7px;color:#7c838f;margin:0}footer>a:last-child{font-size:11px;color:#bac0ca}[hidden]{display:none!important}
@media(min-width:1600px){.hero{min-height:760px}.showroom{height:620px}.model{height:500px;width:210px}.hero-copy{padding-top:120px}.platform{bottom:35px}}
@media(max-width:1100px){header{gap:20px;padding:20px 4%}nav{gap:18px;font-size:11px}.header-quote{padding:14px 16px}.hero{grid-template-columns:41% 59%;min-height:600px}.hero-copy{padding-top:90px}h1{font-size:5.7vw}.showroom{height:470px}.model{height:365px;width:157px}.actions{gap:8px}.actions .button{font-size:11px;padding:14px;gap:14px}.intro{font-size:13px}.benefit-strip{gap:20px}.benefit-strip small{font-size:9px}.collection-grid{gap:14px}.collection-card strong{font-size:15px}}
@media(max-width:760px){html{scroll-padding-top:25px}header{min-height:78px;gap:15px;padding:20px 5%;flex-wrap:wrap}.brand strong{font-size:27px}.brand span{font-size:6px;letter-spacing:3.7px}.header-quote{font-size:10px;padding:11px 14px;gap:12px}nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:11px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:45px 6% 10px;text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.3px;margin-bottom:20px}h1{font-size:clamp(44px,11.7vw,74px);letter-spacing:-1.6px}.intro{font-size:13px;margin:0 auto;max-width:390px}.actions{justify-content:center;margin-top:24px}.actions .button{font-size:11px;padding:15px 18px}.little-note{font-size:9px;margin:18px 0}.showroom-wrap{padding-bottom:26px}.showroom{height:450px}.model{height:350px;width:150px}.showroom-marker{top:10px;font-size:6px;letter-spacing:1px}.marker-number{font-size:6px}.platform{width:94%;left:3%;bottom:35px;height:80px}.model{bottom:65px}.category-tabs button{padding:8px 12px;font-size:10px}.benefit-strip{grid-template-columns:1fr;padding:24px 6%;gap:18px}.benefit-strip>div{border:0;gap:15px}.benefit-strip p{font-size:11px}.benefit-strip small{font-size:10px}.benefit-icon{width:32px;height:32px;font-size:13px}.section{padding:60px 6%}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:20px;font-size:12px}h2{font-size:33px}.collection-grid{grid-template-columns:1fr 1fr;gap:28px 14px}.collection-card strong{font-size:14px}.collection-card p>span{font-size:10px}.collection-card small{font-size:7px}.customization,.about-grid,.quote{grid-template-columns:1fr;gap:35px}.customization h2{font-size:43px}.custom-list p{font-size:12px}.process{grid-template-columns:1fr;gap:30px;margin-top:20px}.process p{max-width:none}.quote h2{font-size:43px}footer{flex-wrap:wrap}footer p{order:3;width:100%;font-size:7px}footer .brand strong{font-size:23px}}
@media(max-width:400px){.showroom{height:385px}.model{height:300px;width:129px}.platform{height:65px}.brand strong{font-size:23px}.category-tabs button{font-size:9px;padding:8px 10px}.eyebrow i{width:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Preserve the native quarter-strip aspect ratio. */
.model{width:159.375px}@media(min-width:1600px){.model{width:187.5px}}@media(max-width:1100px){.model{width:136.875px}}@media(max-width:760px){.model{width:131.25px}}@media(max-width:400px){.model{width:112.5px}}

/* Additional collection mannequins use their native image proportions. */
.model-added{width:195.5px}.sprite4,.sprite5{background-image:url('assets/flag-soccer-mannequins.png');background-size:326.087% 100%}.sprite4{background-position:22.16% 0}.sprite5{background-position:77.27% 0}.category-tabs{flex-wrap:wrap}.hero{grid-template-columns:36% 64%}.hero-copy{padding-left:11%}
@media(min-width:1600px){.model-added{width:230px}}
@media(max-width:1100px){.model-added{width:167.9px}}
@media(max-width:760px){.model-added{width:161px}.hero-copy{padding-left:6%}.category-tabs{max-width:94%}}
@media(max-width:400px){.model-added{width:138px}}

.catalog-section{margin:0 auto;padding:64px clamp(20px,5vw,84px);display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid #dce2ec;background:#f4f7fc;color:#101828}.catalog-section h2{font-size:clamp(26px,3vw,42px);line-height:1.1;margin:10px 0 16px;max-width:650px}.catalog-section p:not(.eyebrow){max-width:600px;line-height:1.6}.catalog-section .actions{flex-wrap:wrap;flex-shrink:0}.catalog-section .outline{color:#0754ff;border-color:#0754ff}@media(max-width:900px){.catalog-section{align-items:flex-start;flex-direction:column}}