*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.app{position:relative;height:100dvh;min-height:400px;overflow:hidden;background:#fff}.brand{position:absolute;z-index:25;top:0;left:0;height:clamp(66px,11vh,105px);width:100%;display:flex;align-items:center;padding:8px clamp(16px,3vw,44px);background:#fff}.brand button{background:none;border:0;padding:0;cursor:pointer;display:flex;align-items:center;height:100%;max-width:100%}.brand img{width:auto;height:100%;max-width:min(58vw,480px);object-fit:contain;display:block}.home{position:absolute;inset:clamp(66px,11vh,105px) 0 0;display:flex;flex-direction:column;overflow:hidden}.panel{position:relative;display:block;flex:1 1 0;min-height:0;width:100%;border:0;padding:0;color:#fff;cursor:pointer;overflow:hidden;background:#222;isolation:isolate;transition:flex-grow .65s cubic-bezier(.22,.8,.25,1),flex-basis .65s cubic-bezier(.22,.8,.25,1)}.home.expanded .panel{flex:0 0 clamp(58px,8vh,80px)}.home.expanded .panel.selected{flex:1 1 auto}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--img) center/cover no-repeat;transform:scale(1.025);transition:transform .8s}.panel.selected:before{transform:scale(1.07)}.panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000000ed;transition:background .5s}.panel.selected:after{background:#00000030}.panel .title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:clamp(32px,6vw,96px);letter-spacing:-.055em;text-shadow:0 2px 20px #0006;transition:font-size .5s;pointer-events:none}.home.expanded .panel:not(.selected) .title{font-size:clamp(18px,2.5vw,28px)}.detail{position:absolute;inset:clamp(66px,11vh,105px) 0 0;background:#151515;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;animation:appear .45s both}.detail:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--img) center/cover no-repeat;z-index:-2}.detail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0008;z-index:-1}.detail h1{font-size:clamp(46px,11vw,145px);letter-spacing:-.07em;margin:0}.detail p{letter-spacing:.22em;font-size:12px}.back{position:absolute;top:22px;left:clamp(16px,3vw,44px);padding:13px 18px;background:#fff;color:#111;border:0;cursor:pointer}.intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#fff;pointer-events:none;animation:introHide 1.95s forwards}.intro img{position:absolute;left:50%;top:50%;width:min(70vw,680px);transform:translate(-50%,-50%);animation:introLogo 1.95s cubic-bezier(.6,0,.2,1) forwards}@keyframes introLogo{0%,36%{left:50%;top:50%;width:min(70vw,680px);transform:translate(-50%,-50%)}88%,to{left:clamp(16px,3vw,44px);top:clamp(33px,5.5vh,52px);width:auto;height:clamp(66px,11vh,105px);transform:translateY(-50%)}}@keyframes introHide{0%,88%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes appear{0%{opacity:0}to{opacity:1}}@media (max-width:700px){.panel .title{font-size:clamp(28px,9vw,55px)}.home.expanded .panel{flex-basis:60px}.intro img{width:85vw}@keyframes introLogo{0%,36%{left:50%;top:50%;width:85vw;transform:translate(-50%,-50%)}88%,to{left:16px;top:33px;width:auto;height:66px;transform:translateY(-50%)}}}@media (prefers-reduced-motion:reduce){.intro{display:none}.panel,.panel:before,.panel:after,.panel .title{transition:none}}.clothing-view *{box-sizing:border-box}.clothing-view{scroll-behavior:smooth}.clothing-view{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#f6f5f1}.clothing-view button,.clothing-view input{font:inherit}.clothing-view a{color:inherit;text-decoration:none}.clothing-view .site-header{height:clamp(66px,11vh,105px);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,3vw,44px);background:#fff;gap:25px}.clothing-view .site-header .logo{height:100%;width:auto;max-width:38vw;object-fit:contain}.clothing-view .nav{display:flex;gap:clamp(12px,3vw,38px);align-items:center;font-size:11px;font-weight:800;letter-spacing:.08em}.clothing-view .nav a.active{border-bottom:3px solid #034bfa;padding-bottom:7px}.clothing-view .langs{font-size:11px;font-weight:800;white-space:nowrap}.clothing-view .blue{color:#034bfa}.clothing-view .hero{min-height:390px;display:grid;grid-template-columns:47% 53%;background:#f6f5f1;overflow:hidden}.clothing-view .hero-copy{padding:55px clamp(20px,4.5vw,70px);display:flex;flex-direction:column;justify-content:center}.clothing-view .hero h1{font-size:clamp(55px,7.7vw,120px);line-height:.85;letter-spacing:-.075em;margin:0 0 27px;font-weight:1000}.clothing-view .hero p{font-size:13px;letter-spacing:.27em;line-height:1.55;font-weight:700}.clothing-view .hero-img{background:url(./assets/clothing-hero.jpg) center/cover no-repeat;min-height:420px}.clothing-view .collection{display:grid;grid-template-columns:70% 30%;background:#f5f4f0}.clothing-view .products{display:flex;flex-direction:column}.clothing-view .product{display:grid;grid-template-columns:56% 44%;min-height:145px;border-bottom:1px solid #555}.clothing-view .product.reverse{grid-template-columns:44% 56%}.clothing-view .photo{background:#d4d2cd;overflow:hidden;min-height:150px}.clothing-view .photo img{width:100%;height:100%;object-fit:cover;display:block}.clothing-view .info{border:1px solid #444;padding:17px 24px;display:flex;flex-direction:column;justify-content:center;gap:4px;background:#f6f5f1}.clothing-view .info .number{font-size:11px;font-weight:800}.clothing-view .info h2{font-size:clamp(18px,2vw,28px);line-height:.95;letter-spacing:-.04em;margin:3px 0}.clothing-view .info .kind{color:#666;font-size:13px}.clothing-view .info .price{font-size:17px;font-weight:900}.clothing-view .info .desc{font-size:12px;line-height:1.45;margin:9px 0 0}.clothing-view .statement{position:relative;padding:65px 7%;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#f6f5f1}.clothing-view .statement h2{font-family:Comic Sans MS,Trebuchet MS,cursive;font-style:italic;font-weight:900;font-size:clamp(36px,5vw,85px);line-height:1.12;letter-spacing:-.06em;transform:rotate(-5deg);margin:0 0 65px}.clothing-view .statement p{font-size:12px;letter-spacing:.25em;line-height:1.6}.clothing-view .statement:after{content:"";height:140px;background:linear-gradient(120deg,transparent 45%,#034bfa 45%,#034bfa 65%,transparent 65%);opacity:.85}.clothing-view .subscribe{background:#111;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:40px clamp(22px,4.5vw,70px) 48px}.clothing-view .subscribe h2{font-size:clamp(35px,5vw,65px);letter-spacing:-.05em;line-height:1;margin:0 0 18px}.clothing-view .subscribe p{font-size:13px;letter-spacing:.23em;line-height:1.6}.clothing-view .subscribe form{align-self:center}.clothing-view .field{display:flex;border:1px solid #aaa;height:49px}.clothing-view .field input{background:transparent;border:0;color:#fff;padding:0 15px;min-width:0;flex:1;outline:none}.clothing-view .field button{background:#034bfa;color:#fff;border:0;width:65px;cursor:pointer;font-size:24px}.clothing-view .consent{font-size:11px;display:flex;gap:10px;align-items:center;margin-top:12px}.clothing-view .status{min-height:1.4em;font-size:12px;margin-top:10px}@media (max-width:760px){.clothing-view .site-header{gap:8px}.clothing-view .nav{gap:10px;font-size:9px;overflow-x:auto}.clothing-view .langs{display:none}.clothing-view .hero{grid-template-columns:1fr}.clothing-view .hero-copy{padding:35px 22px}.clothing-view .hero-img{min-height:320px}.clothing-view .collection{grid-template-columns:1fr}.clothing-view .statement{padding:50px 30px;min-height:330px}.clothing-view .statement h2{font-size:50px;margin-bottom:30px}.clothing-view .statement:after{display:none}.clothing-view .subscribe{grid-template-columns:1fr;gap:20px}.clothing-view .product{min-height:145px}.clothing-view .info{padding:12px}.clothing-view .info h2{font-size:19px}}html,body,#root{height:100%;min-height:100%}body{overflow:auto}.app{height:100dvh}.app.route-clothing,.app.route-tournaments,.app.route-universe{height:auto;min-height:100dvh;overflow:visible}.app.route-clothing .brand,.app.route-tournaments .brand,.app.route-universe .brand{position:relative}.clothing-view{background:#f6f5f1;color:#111;min-height:calc(100dvh - var(--header-height));font-family:Arial,Helvetica,sans-serif}.clothing-view .site-header{display:none}.clothing-view .hero{min-height:390px}.clothing-view .subscribe{min-height:180px}.route-placeholder{min-height:calc(100dvh - var(--header-height));display:grid;place-items:center;background:#111;color:#fff;text-align:center}.route-placeholder h1{font-size:clamp(48px,10vw,130px);margin:0}.route-placeholder p{letter-spacing:.2em}.brand{--header-height:clamp(66px,11vh,105px);height:var(--header-height)}.brand img{height:100%;width:auto;max-width:none}.brand button{flex:0 0 auto}.brand .global-nav{display:none;position:absolute;right:clamp(16px,3vw,44px);top:calc(100% - 2px);margin:0;min-width:210px;padding:18px;background:#fff;box-shadow:0 12px 30px #0003;flex-direction:column;align-items:stretch;gap:16px;z-index:35}.brand .global-nav.open{display:flex}.brand .menu-toggle{margin-left:auto;width:48px;height:48px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;flex:0 0 48px}.brand .menu-toggle span{width:27px;height:3px;background:#111;display:block;transition:transform .2s}.brand .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.brand .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.brand .global-nav a{font-size:11px;color:#111;text-decoration:none;font-weight:800;letter-spacing:.04em}.brand .global-nav a.current{border-bottom:2px solid #034bfa;padding-bottom:5px}.brand .global-nav a:focus-visible,.brand button:focus-visible{outline:3px solid #034bfa;outline-offset:4px}@media (max-width:700px){.brand .global-nav{gap:16px}.brand .global-nav a{font-size:9px}.brand img{max-width:38vw}.clothing-view .hero{grid-template-columns:1fr}}@media (max-width:430px){.brand .global-nav a{font-size:8px}.brand .global-nav{gap:5px}}.panel{font-family:inherit}.brand{position:relative}.app.route-home .brand{position:absolute}@media (max-width:700px){.brand img{max-width:none;height:100%;width:auto}}.app{--header-height:clamp(66px,11vh,105px)}.brand .brand-link{display:flex;align-items:center;height:100%;max-width:100%;flex:0 0 auto}.brand .global-nav a.active{border-bottom:2px solid #034bfa;padding-bottom:5px}.panel{text-decoration:none}.clothing-view .hero-img{background-image:url(/assets/clothing-hero.jpg)}.app:not(.route-home){height:auto;min-height:100dvh;overflow:visible}.app:not(.route-home) .brand{position:relative}.placeholder-link{display:inline-block;margin-top:24px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em;text-underline-offset:6px}.clothing-view .product-photo-button{width:100%;border:0;padding:0;cursor:pointer;text-align:inherit}.clothing-view .product-photo-button:focus-visible,.clothing-view .details-button:focus-visible{outline:3px solid #034bfa;outline-offset:-3px}.clothing-view .details-button{align-self:flex-start;margin-top:10px;padding:0 0 4px;background:none;border:0;border-bottom:2px solid #034bfa;color:#111;font-size:10px;font-weight:900;letter-spacing:.12em;cursor:pointer}.product-modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#000b;animation:modalFade .2s ease both}.product-modal{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);width:min(1100px,100%);max-height:calc(100dvh - 48px);overflow:auto;background:#f6f5f1;color:#111;box-shadow:0 24px 90px #0007;animation:modalEnter .25s ease both}.modal-close{position:absolute;z-index:2;top:16px;right:16px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #222;background:#fff;color:#111;font-size:32px;line-height:1;cursor:pointer}.modal-close:focus-visible{outline:3px solid #034bfa;outline-offset:3px}.modal-gallery{display:flex;min-height:560px;background:#d4d2cd}.modal-main-image{min-width:0;flex:1}.modal-main-image img{display:block;width:100%;height:100%;max-height:calc(100dvh - 48px);object-fit:cover}.modal-thumbnails{display:flex;width:96px;padding:12px;flex-direction:column;gap:10px;overflow-y:auto;background:#eee}.modal-thumbnails button{height:88px;padding:0;border:2px solid transparent;background:none;cursor:pointer;opacity:.58}.modal-thumbnails button.active{border-color:#034bfa;opacity:1}.modal-thumbnails img{display:block;width:100%;height:100%;object-fit:cover}.modal-product-info{display:flex;padding:clamp(42px,6vw,86px) clamp(28px,5vw,68px);flex-direction:column;justify-content:center}.modal-kind{color:#666;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.modal-product-info h2{margin:12px 0;font-size:clamp(36px,5vw,72px);line-height:.9;letter-spacing:-.055em}.modal-price{font-size:20px;font-weight:900;text-transform:uppercase}.modal-description{margin:30px 0;font-size:15px;line-height:1.65}.modal-characteristics{margin-top:12px;border-top:1px solid #999;padding-top:24px}.modal-characteristics h3{margin:0 0 16px;font-size:11px;letter-spacing:.16em}.modal-characteristics dl{margin:0}.modal-characteristics dl div{display:grid;grid-template-columns:1fr 1.3fr;gap:16px;padding:9px 0;border-bottom:1px solid #ccc;font-size:12px}.modal-characteristics dt{color:#666}.modal-characteristics dd{margin:0;font-weight:700}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalEnter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (max-width:760px){.product-modal-backdrop{padding:0}.product-modal{grid-template-columns:1fr;width:100%;height:100dvh;max-height:none}.modal-gallery{min-height:48dvh}.modal-main-image img{max-height:58dvh}.modal-product-info{padding:34px 24px 48px}.modal-close{top:12px;right:12px}.modal-thumbnails{width:76px}.modal-thumbnails button{height:68px}}@media (prefers-reduced-motion:reduce){.product-modal-backdrop,.product-modal{animation:none}}
