*{box-sizing:border-box}html{width:100%;overflow-x:hidden}body{color:#fff;background:#050505;width:100%;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:#fff;text-decoration:none}.header{z-index:10;justify-content:space-between;align-items:center;width:100%;padding:30px 60px;display:flex;position:absolute;top:0;left:0}.storm-logo{letter-spacing:12px;white-space:nowrap;font-size:28px;font-weight:600}nav{align-items:center;gap:45px;display:flex}nav a{letter-spacing:3px;font-size:13px;transition:opacity .25s,color .25s}nav a:hover{opacity:.65}.header-icons{white-space:nowrap;align-items:center;gap:25px;font-size:20px;display:flex}.hero{text-align:center;justify-content:center;align-items:center;width:100%;height:100vh;min-height:650px;display:flex;position:relative;overflow:hidden}.hero-background{background-color:#0000;background-image:linear-gradient(#00000073,#000000bf),url(/storm-background.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.hero-content{z-index:2;width:100%;padding:30px 20px;position:relative}.hero-content h2{letter-spacing:15px;margin:0;font-size:55px;font-weight:400}.hero-content p{letter-spacing:8px;color:#ddd;margin:0 0 40px;font-size:14px;line-height:1.5}.hero-btn{letter-spacing:4px;border:1px solid #fff;border-radius:40px;padding:16px 45px;font-size:12px;transition:background .25s,color .25s,transform .25s;display:inline-block}.hero-btn:hover{color:#050505;background:#fff;transform:translateY(-2px)}.collection{color:#111;text-align:center;background:#f5f5f2;width:100%;padding:120px 60px;overflow:hidden}.small-title{letter-spacing:5px;color:#555;margin:0;font-size:12px}.collection h1{letter-spacing:3px;margin:18px 0 0;font-size:55px;font-weight:400}.description{color:#555;max-width:650px;margin:20px auto 0;font-size:15px;line-height:1.7}.collection .products{gap:30px;width:100%;margin-top:70px;display:flex}.collection .product-card{flex:1;min-width:0}.collection .product-card>div{background:#ddd;width:100%;height:450px;overflow:hidden}.collection .product-card h3{color:#111;letter-spacing:3px;margin:22px 0 0;font-size:14px;font-weight:400}.philosophy{text-align:center;width:100%;padding:150px 20px;overflow:hidden}.philosophy h2{letter-spacing:12px;margin:0;font-size:60px;font-weight:400;line-height:1.15}.philosophy p{color:#bbb;letter-spacing:2px;margin:30px 0 0;font-size:25px}footer{text-align:center;color:#aaa;letter-spacing:2px;border-top:1px solid #222;width:100%;padding:50px;font-size:13px;line-height:2}.shop{padding:100px 50px}.shop h2{text-align:center;letter-spacing:8px;font-size:50px;font-weight:300}.shop .products{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.card{background:#111;padding-bottom:25px}.image-box{background:#151515;justify-content:center;align-items:center;height:450px;display:flex;overflow:hidden}.image-box img{object-fit:cover;width:100%;height:100%}.image-box p{color:#777;letter-spacing:4px}.card h3{letter-spacing:2px;margin:0;padding:20px;font-size:14px;font-weight:400}.card strong{padding:0 20px;display:block}@media (max-width:1000px){.header{padding:25px 35px}nav{gap:25px}nav a{letter-spacing:2px;font-size:12px}.storm-logo{letter-spacing:9px;font-size:24px}.hero-content h2{letter-spacing:12px;font-size:48px}.collection{padding:100px 35px}.collection .product-card>div{height:380px}.philosophy{padding:120px 20px}.philosophy h2{font-size:50px}}@media (max-width:800px){html,body{width:100%;max-width:100%;overflow-x:hidden}main{width:100%;overflow-x:hidden}.header{z-index:20;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;width:100%;padding:20px 16px 18px;display:flex;position:absolute;top:0;left:0}.storm-logo{letter-spacing:8px;justify-content:center;align-items:center;width:100%;margin:0;font-size:22px;line-height:1;display:flex}nav{flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;width:100%;margin-top:20px;display:flex}nav a{letter-spacing:1.3px;white-space:nowrap;justify-content:center;align-items:center;min-width:0;padding:5px 8px;font-size:9px;line-height:1.2;display:inline-flex}.header-icons{display:none}.hero{justify-content:center;align-items:center;width:100%;height:100svh;min-height:650px;padding:145px 20px 60px;display:flex;overflow:hidden}.hero-background{background-color:#0000;background-image:linear-gradient(#0000007a,#000000d1),url(/storm-background.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;transform:scale(1.01)}.hero-content{z-index:2;text-align:center;width:100%;max-width:500px;margin:0 auto;padding:0;position:relative}.hero-content p{color:#d7d7d7;letter-spacing:3.5px;white-space:normal;width:100%;margin:0 0 24px;font-size:10px;line-height:1.7}.hero-content h2{color:#fff;letter-spacing:8px;white-space:nowrap;width:100%;margin:0 0 28px;font-size:39px;font-weight:400;line-height:1.1}.hero-btn{letter-spacing:3px;border-radius:40px;min-width:185px;padding:14px 28px;font-size:10px}.collection{text-align:center;width:100%;padding:78px 18px 75px}.small-title{letter-spacing:3px;font-size:9px}.collection h1{letter-spacing:3px;margin-top:14px;font-size:38px;line-height:1.1}.description{width:100%;max-width:340px;margin:18px auto 0;font-size:13px;line-height:1.7}.collection .products{flex-direction:column;gap:30px;width:100%;margin-top:45px;display:flex}.collection .product-card{flex:none;width:100%}.collection .product-card>div{background:#ddd;border-radius:2px;width:100%;height:390px}.collection .product-card h3{letter-spacing:2.5px;margin:17px 0 0;font-size:12px;line-height:1.3}.philosophy{text-align:center;width:100%;padding:105px 18px}.philosophy h2{letter-spacing:6px;width:100%;margin:0;font-size:37px;font-weight:400;line-height:1.2}.philosophy p{letter-spacing:1.5px;color:#aaa;margin:24px 0 0;font-size:17px}footer{letter-spacing:1.8px;width:100%;padding:38px 20px;font-size:10px;line-height:2}.shop{width:100%;padding:60px 20px}.shop h2{letter-spacing:5px;font-size:34px;line-height:1.15}.shop .products{grid-template-columns:1fr;gap:20px;display:grid}.image-box{height:420px}}@media (max-width:500px){.header{padding:18px 12px 15px}.storm-logo{letter-spacing:7px;font-size:20px}nav{gap:0;margin-top:17px}nav a{letter-spacing:1.05px;padding:5px 6px;font-size:8.5px}.hero{min-height:620px;padding:135px 18px 55px}.hero-content p{letter-spacing:2.8px;margin-bottom:20px;font-size:9px}.hero-content h2{letter-spacing:7px;margin-bottom:25px;font-size:34px}.hero-btn{letter-spacing:2.8px;min-width:175px;padding:13px 24px;font-size:9px}.collection{padding:70px 16px}.collection h1{font-size:34px}.description{max-width:310px;font-size:12px}.collection .products{gap:26px;margin-top:38px}.collection .product-card>div{height:350px}.philosophy{padding:90px 16px}.philosophy h2{letter-spacing:5px;font-size:32px}.philosophy p{font-size:15px}footer{padding:34px 16px}}@media (max-width:380px){.storm-logo{letter-spacing:6px;font-size:18px}nav a{letter-spacing:.8px;padding:4px 5px;font-size:8px}.hero{padding-top:130px}.hero-content h2{letter-spacing:6px;font-size:31px}.hero-content p{letter-spacing:2.3px;font-size:8px}.hero-btn{min-width:165px;padding:12px 20px;font-size:8px}.collection h1{font-size:31px}.collection .product-card>div{height:320px}.philosophy h2{letter-spacing:4px;font-size:29px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}