:root{--o:#f26721;--n:#162838;--c:#f6efe8;--p:#fffaf5;--l:#ded4ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--c);color:var(--n);font-family:Arial,sans-serif}.announce{height:34px;background:var(--n);color:#fff;text-align:center;padding:10px;font-size:9px;letter-spacing:1.4px;font-weight:800}header{height:76px;background:var(--p);display:flex;align-items:center;padding:0 5vw;gap:50px;border-bottom:1px solid var(--l);position:sticky;top:0;z-index:20}.brand{font-size:30px;font-weight:900;letter-spacing:-2px}.brand span{font-size:9px;color:var(--o)}nav{display:flex;gap:30px;flex:1}nav a{font-size:10px;font-weight:900;letter-spacing:1.2px}header button{background:var(--n);color:#fff;border:0;padding:12px 15px;font-size:10px;font-weight:900}.hero{min-height:650px;background:linear-gradient(90deg,#162838 0 47%,#f26721 47%);display:flex;align-items:center;padding:6vw 8vw;color:#fff;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:520px;height:520px;border:1px solid #fff5;border-radius:50%;right:10%;box-shadow:0 0 0 80px #fff06,0 0 0 160px #fff03}.hero>div{position:relative;z-index:2;max-width:650px}.hero small{font-size:10px;letter-spacing:2px;font-weight:900}.hero h1{font-size:clamp(60px,8vw,110px);line-height:.84;letter-spacing:-6px;margin:25px 0}.hero em{font-style:normal;color:#ffab79}.hero p{max-width:430px;line-height:1.7;color:#d5dce1}.btn{display:inline-block;background:var(--o);color:#fff;border:0;padding:14px 18px;font-size:10px;font-weight:900;letter-spacing:1px;cursor:pointer}.wrap{max-width:1400px;margin:auto;padding:90px 5vw}.kicker{font-size:10px;font-weight:900;letter-spacing:2px;color:var(--o);margin-bottom:18px}.wrap h2{font-size:60px;letter-spacing:-4px;margin:0 0 30px}.cats{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px}.cat{height:330px;background:var(--n);color:#fff;padding:25px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.cat:before{content:'';position:absolute;width:180px;height:260px;right:12%;top:10%;background:var(--o);border-radius:45% 45% 12% 12%;transform:rotate(8deg)}.cat:nth-child(2):before{background:#304a59}.cat:nth-child(3):before{background:#e7d8c8}.cat:nth-child(4):before{background:#0e1c27}.cat strong,.cat small{position:relative;z-index:2}.cat strong{font-size:34px}.cat small{font-size:9px;letter-spacing:1px;margin-top:5px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{background:var(--p);border:1px solid var(--l)}.photo{aspect-ratio:4/5;background:linear-gradient(145deg,#eee2d7,#d3c1b0);display:grid;place-items:center;position:relative}.photo:after{content:'TORNEX';font-size:25px;font-weight:900;letter-spacing:4px;color:#fff9}.product-info{padding:17px}.product-info small{color:#766e67;text-transform:uppercase;letter-spacing:1px}.product-info h3{margin:7px 0}.price{font-weight:900}.sizes{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.sizes button{border:1px solid var(--l);background:#fff;padding:7px 9px;font-size:10px}.sizes button:disabled{opacity:.3;text-decoration:line-through}.product .btn{width:100%}.sale{min-height:500px;background:var(--o);color:var(--n);padding:8vw;display:flex;align-items:center}.sale small{font-size:10px;letter-spacing:2px;font-weight:900}.sale h2{font-size:clamp(60px,8vw,110px);line-height:.84;letter-spacing:-6px}.sale em{font-style:normal;color:#fff}.drawer{position:fixed;right:-480px;top:0;width:min(480px,100%);height:100%;background:var(--p);z-index:40;padding:35px;transition:.3s;box-shadow:-20px 0 70px #0002}.drawer.open{right:0}.drawer>button,.box>button{border:0;background:none;font-size:28px;float:right}.drawer h2,.box h2{font-size:42px;letter-spacing:-3px}.item{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--l)}.modal{display:none;position:fixed;inset:0;background:#07131dcc;z-index:50;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.box{background:var(--p);width:min(520px,100%);padding:35px}.box input,.box select,.box textarea{width:100%;padding:13px;margin:7px 0 12px;border:1px solid var(--l);background:#fff}.box p{background:#fff0e7;border-left:3px solid var(--o);padding:12px;font-size:12px}.box .btn{width:100%}@media(max-width:800px){nav{display:none}.hero{background:var(--n);min-height:570px}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--n),var(--o));clip-path:polygon(0 0,100% 0,100% 35%,0 75%);opacity:.8}.cats{grid-template-columns:1fr 1fr}.products{grid-template-columns:1fr 1fr}.wrap h2{font-size:48px}}@media(max-width:500px){.cats,.products{grid-template-columns:1fr}.hero h1{font-size:58px}.wrap{padding-top:65px;padding-bottom:65px}}