*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:#101114;color:#f7f7f7;line-height:1.5}
a{text-decoration:none;color:inherit}
header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #292b31;background:#111216;position:sticky;top:0;z-index:10}
.logo{font-weight:900;font-size:20px;letter-spacing:-1px}
.logo span{color:#ff5b22}
nav{display:flex;gap:30px;font-size:14px}
nav a:hover{color:#ff5b22}
.shop-btn,.primary-btn,.order-btn{display:inline-block;background:#ff5b22;color:#fff;padding:11px 18px;border-radius:5px;font-weight:700}
.hero{min-height:610px;padding:90px 7%;display:flex;align-items:center;justify-content:space-between;gap:50px;background:radial-gradient(circle at 75% 45%,#3a2020 0,#17181c 35%,#101114 70%)}
.hero-copy{max-width:620px}
.eyebrow{color:#ff5b22;font-size:12px;font-weight:800;letter-spacing:3px;margin-bottom:14px}
h1{font-size:clamp(48px,7vw,82px);line-height:.98;letter-spacing:-3px}
h1 span{color:#ff5b22}
.hero-copy>p:not(.eyebrow){max-width:530px;color:#c8c8ca;margin:24px 0 30px;font-size:17px}
.hero-mark{width:390px;height:390px;border:5px solid #ff5b22;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:64px;font-weight:900;line-height:.8;transform:rotate(-8deg);box-shadow:0 0 55px #ff5b2233}
.hero-mark span{color:#ff5b22}
.shop{padding:85px 7%;background:#15161a}
h2{font-size:42px;letter-spacing:-1px;margin-bottom:35px}
.product-grid{display:grid;grid-template-columns:minmax(280px,420px);gap:28px}
.product-card{background:#1e2025;border:1px solid #30323a;border-radius:12px;overflow:hidden;box-shadow:0 15px 45px #0005}
.product-image{background:#222;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-image img{width:100%;height:100%;object-fit:cover}
.product-info{padding:22px}
.tag{font-size:11px;color:#ff5b22;font-weight:800;letter-spacing:2px}
h3{font-size:25px;margin:7px 0}
.description{color:#aaaeb6;font-size:14px;margin-bottom:14px}
.price{font-size:25px;font-weight:800;margin-bottom:18px}
.order-btn{width:100%;text-align:center}
.about,.contact{padding:85px 7%;border-top:1px solid #292b31}
.about p:not(.eyebrow),.contact p:not(.eyebrow){max-width:650px;color:#b9bbc2}
.contact a{color:#ff7b4c}
footer{text-align:center;padding:28px;color:#858890;font-size:13px;background:#0d0e10}
@media(max-width:750px){header{padding:0 4%}nav{display:none}.hero{padding:70px 6%;text-align:center}.hero-mark{display:none}.hero-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.shop,.about,.contact{padding:65px 6%}h2{font-size:34px}.product-grid{grid-template-columns:1fr}}