:root{--stryke-red:#F04A24;--stryke-black:#080A0D;--stryke-panel:#111318;--stryke-cream:#F5F2EA}
html,body{background:var(--stryke-black);color:var(--stryke-cream)}
#header-group,.header-section{background:var(--stryke-black)}
.content-for-layout{background:radial-gradient(circle at 82% 5%,rgba(240,74,36,.10),transparent 28%),var(--stryke-black)}
.content-for-layout h1,.content-for-layout h2,.content-for-layout h3{text-transform:uppercase;font-weight:800;letter-spacing:-.025em}
.button,.button-secondary,button[class*="button"]{text-transform:uppercase;font-weight:800;letter-spacing:.045em;transition:transform .2s ease,box-shadow .2s ease}
.button:hover,.button-secondary:hover,button[class*="button"]:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(240,74,36,.22)}
.product-card,.collection-card{transition:transform .22s ease,box-shadow .22s ease}
.product-card:hover,.collection-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.38)}
#footer-group,footer{background:var(--stryke-black)}
@media(max-width:749px){.content-for-layout h1{font-size:clamp(2.5rem,13vw,4rem)}.content-for-layout h2{font-size:clamp(2rem,10vw,3rem)}}