:root{--yellow:#ffc400;--black:#111214;--muted:#64676b;--line:#d9dadb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#18191b;background:#f7f7f7;line-height:1.5}img{max-width:100%;display:block}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #357aff;outline-offset:4px}.skip{position:absolute;left:1rem;top:-5rem;background:white;padding:.5rem;z-index:4}.skip:focus{top:1rem}.wrap{width:min(92%,1320px);margin-inline:auto}header{background:#000;color:white;border-bottom:3px solid var(--yellow)}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.35rem 0}.top img{width:clamp(160px,24vw,270px);height:auto}nav{display:flex;gap:clamp(.8rem,3vw,2.5rem);flex-wrap:wrap}nav a{text-decoration:none;font-weight:700}nav a:hover{color:var(--yellow)}.hero{position:relative;isolation:isolate;min-height:clamp(420px,44vw,650px);display:grid;align-items:center;color:white;background:#16191a}.hero>img{position:absolute;inset:0 0 0 auto;width:72%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#111416 14%,#111416 28%,#111416b8 46%,transparent 73%);pointer-events:none}.hero-copy{position:relative;z-index:1;padding-block:3rem}.eyebrow{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin:0 0 1rem}.hero .eyebrow,.about .eyebrow{color:var(--yellow)}h1,h2,h3{line-height:1.06;margin:0}h1,h2{text-transform:uppercase;font-style:italic;font-weight:900;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,6vw,6rem)}h1 em{color:var(--yellow)}h2{font-size:clamp(1.7rem,3vw,2.7rem)}h2.eyebrow{font-size:.75rem;letter-spacing:.14em}.hero-copy>p:not(.eyebrow){max-width:30ch;font-size:1.15rem}.button{display:inline-flex;gap:1rem;background:var(--yellow);color:#151515;font-weight:800;text-decoration:none;padding:.65rem 1rem;border-radius:4px}.category-band{background:#171819;color:white;padding:1.5rem 0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.category{position:relative;overflow:hidden;display:block;border:1px solid #4e4e4e;border-radius:4px;text-decoration:none}.category:hover,.category[aria-current=true]{border-color:var(--yellow)}.category img{width:100%;aspect-ratio:2.05;object-fit:cover}.category span{display:flex;justify-content:space-between;gap:.3rem;padding:.65rem;font-weight:700}.category b{color:var(--yellow)}.products,.about>.wrap{padding-block:clamp(2.4rem,5vw,5rem)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-head h2{border-left:.45rem solid var(--yellow);padding-left:.6rem}.section-head button{background:none;border:1px solid #656565;padding:.45rem .6rem;cursor:pointer}.note{color:var(--muted);margin:.7rem 0 1.3rem}article{border:1px solid var(--line);border-radius:5px;background:white;overflow:hidden}article img{width:100%;aspect-ratio:1.5;object-fit:contain;background:#f1f1f1}article>div{padding:1rem}article p{margin:.55rem 0 0;color:#4c5054;font-size:.9rem}.about,footer{background:var(--black);color:white}.about p:last-child{max-width:54ch}footer{border-top:1px solid #424242}footer>.wrap{display:flex;justify-content:space-between;gap:1rem;padding-block:1rem;font-size:.9rem}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero>img{width:100%;object-position:65% center}.hero:after{background:linear-gradient(90deg,#111416e8,#11141683 75%,#11141635)}}@media(max-width:460px){.top{flex-wrap:wrap;padding-bottom:.75rem}.grid{gap:.55rem}.category span{font-size:.86rem}.hero{min-height:390px}article>div{padding:.65rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
