:root{--ink:#141411;--paper:#f4f0e6;--lime:#d9ff35;--orange:#ff5833;--line:#bdb9ae}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Mono',monospace}.topbar{height:76px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;position:relative;z-index:2}.brand{font:800 25px/1 Syne,sans-serif;letter-spacing:-1.8px;color:var(--ink);text-decoration:none}.brand b{display:inline-block;background:var(--orange);font-size:15px;letter-spacing:-1px;transform:skew(-10deg);padding:3px 5px;margin-left:3px}.top-whatsapp,footer a:last-child{color:var(--ink);font-size:12px;text-underline-offset:4px}.hero{min-height:570px;background:var(--lime);padding:86px 5.5vw;position:relative;overflow:hidden;border-bottom:1px solid var(--ink)}.eyebrow{font-size:11px;letter-spacing:1.1px;margin:0 0 14px;font-weight:500}.hero h1{font:800 clamp(58px,10vw,142px)/.81 Syne,sans-serif;letter-spacing:-.075em;margin:0;position:relative;z-index:1}.hero h1 i{font-weight:600}.hero-copy{max-width:285px;line-height:1.5;font-size:13px;margin:30px 0;position:relative;z-index:1}.button{display:inline-flex;gap:28px;align-items:center;padding:15px 18px;background:var(--ink);color:#fff;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.5px;position:relative;z-index:1}.button span{font-size:18px}.hero:after{content:'⚽';font-size:min(42vw,480px);position:absolute;right:-5vw;bottom:-18vw;filter:grayscale(1);opacity:.16;transform:rotate(-18deg)}.hero-number{position:absolute;right:5.5vw;top:74px;font-size:11px}.catalog{padding:94px 5.5vw}.catalog-head{display:flex;justify-content:space-between;gap:24px;align-items:end}.catalog h2,.process h2{font:700 clamp(34px,5vw,68px)/.95 Syne,sans-serif;letter-spacing:-.06em;margin:0}.search{border-bottom:1px solid var(--ink);width:min(260px,46vw);display:flex;align-items:center;gap:8px;padding:8px 0}.search input{border:0;background:transparent;outline:0;font:12px 'DM Mono',monospace;width:100%}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:48px}.filters button{font:11px 'DM Mono',monospace;padding:9px 12px;border:1px solid var(--ink);background:transparent;cursor:pointer}.filters button.active,.filters button:hover{background:var(--ink);color:white}.results{font-size:11px;color:#6a6961;margin:23px 0 15px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{min-width:0}.shirt{height:285px;background:var(--shirt-bg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.shirt:before{content:'';width:40%;height:65%;background:var(--shirt);clip-path:polygon(17% 0,33% 8%,67% 8%,83% 0,100% 25%,82% 37%,78% 100%,22% 100%,18% 37%,0 25%);filter:drop-shadow(5px 6px 0 rgba(0,0,0,.13));}.shirt:after{content:attr(data-mark);position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);color:var(--mark);font:800 21px Syne,sans-serif;letter-spacing:-2px}.card-info{padding:12px 2px 0;display:grid;grid-template-columns:1fr auto;gap:4px}.card h3{font:700 15px Syne,sans-serif;margin:0;letter-spacing:-.5px}.card p{font-size:10px;margin:0;color:#6a6961}.card button{grid-row:1/3;grid-column:2;border:0;background:var(--orange);width:35px;height:35px;font-size:17px;cursor:pointer}.process{background:var(--ink);color:var(--paper);padding:94px 5.5vw}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:65px}.steps article{border-top:1px solid #66645d;padding-top:12px}.steps span{color:var(--lime);font-size:11px}.steps h3{font:700 22px Syne,sans-serif;margin:36px 0 8px}.steps p{font-size:11px;line-height:1.55;color:#cac7bd;max-width:190px}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 5.5vw;border-top:1px solid var(--ink)}footer p{font-size:11px}@media(max-width:760px){.topbar{padding:0 20px}.hero,.catalog,.process{padding-left:20px;padding-right:20px}.hero{min-height:520px;padding-top:70px}.hero:after{right:-18vw;bottom:-4vw}.catalog{padding-top:65px;padding-bottom:65px}.catalog-head{align-items:start;flex-direction:column}.search{width:100%}.filters{margin-top:32px}.products{grid-template-columns:repeat(2,1fr);gap:25px 12px}.shirt{height:210px}.steps{grid-template-columns:1fr;gap:25px;margin-top:45px}.steps h3{margin-top:17px}footer{padding:24px 20px}footer p{display:none}.brand{font-size:22px}}
