*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f7f7f0;color:#20231f;font-family:Arial,Helvetica,sans-serif}.site-top{background:#252920;color:#f4f6ec;text-align:center;font-size:10px;letter-spacing:.12em;padding:10px 18px}.site-header{width:min(1240px,calc(100% - 80px));margin:auto;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #dedfd5}.wordmark{font-size:20px;letter-spacing:-.05em;font-weight:800;color:inherit;text-decoration:none;display:flex;gap:9px;align-items:center}.wordmark span{width:23px;height:23px;border:6px solid #d84b21;transform:rotate(-12deg);display:block}.site-header nav{display:flex;gap:30px}.site-header a{color:inherit;text-decoration:none;font-size:12px}.site-header a:hover{text-decoration:underline}.site-footer{border-top:1px solid #dedfd5;padding:38px max(18px,calc((100% - 1240px)/2)) 105px;display:flex;gap:30px;align-items:start;justify-content:space-between;font-size:12px}.site-footer p{max-width:380px;color:#60665c;line-height:1.6}.site-footer a{color:inherit}.demo-banner{position:fixed;bottom:10px;left:10px;z-index:50;padding:5px 9px;background:#fff;border:1px solid #ddd;border-radius:4px;font:10px Arial;box-shadow:0 2px 8px #0001}@media(max-width:1000px){.site-header{width:calc(100% - 44px)}}@media(max-width:700px){.site-header{width:calc(100% - 36px);min-height:70px}.site-header nav{gap:18px}.site-header nav a:first-child{display:none}.site-footer{display:block}.site-footer p{margin-top:20px}.wordmark{font-size:18px}.demo-banner{bottom:auto;top:4px;left:4px;font-size:8px;opacity:.9}} .basic{width:min(1100px,calc(100% - 36px));margin:55px auto 100px;line-height:1.6}.basic a{color:inherit}.basic input,.basic button{font:inherit;padding:12px}.basic button{background:#d84b21;color:white;border:0;border-radius:4px;cursor:pointer}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:25px}.product-grid img{width:100%;height:280px;object-fit:contain;background:#eceee3}.cart-line{display:grid;grid-template-columns:90px 1fr 100px 100px;gap:15px;align-items:center;padding:25px 0;border-bottom:1px solid #dedfd5}.cart-line img{width:90px;height:90px;object-fit:contain}.cart-line input{width:80px}.basic .checkout{display:flex;justify-content:flex-end;gap:20px;align-items:center;margin-top:30px}.skip-link{position:absolute;left:10px;top:-100px;background:white;padding:12px;z-index:99}.skip-link:focus{top:10px}@media(max-width:600px){.cart-line{grid-template-columns:60px 1fr 80px}.cart-line img{width:60px;height:60px}.cart-line>strong{grid-column:2/4}.basic .checkout{flex-wrap:wrap}}
@font-face{font-family:Campaign;src:url('barlow-condensed-bold.ttf') format('truetype');font-weight:700;font-display:swap}
body{background:#101114}.site-top{background:#ef3038;color:#fff;font-size:9px;letter-spacing:.13em;padding:10px 18px;font-weight:700}.site-header{background:#101114;color:#fff;width:100%;padding:0 max(48px,calc((100% - 1320px)/2));min-height:76px;border-bottom:1px solid #ffffff15;gap:20px}.wordmark{font-family:Campaign,Impact,sans-serif;font-size:25px;letter-spacing:.02em;white-space:nowrap}.site-header .wordmark{font-size:25px}.wordmark span{width:26px;height:26px;border:0;background:#ef3038;transform:skew(-10deg);position:relative}.wordmark span:after{content:'ϟ';position:absolute;left:8px;top:-4px;font:700 26px Arial;color:white;transform:skew(10deg)}.site-header nav{gap:28px}.site-header nav a{font-size:10px;color:#b7b7c0}.site-header nav a:hover{color:#fff;text-decoration:none}.header-campaign{font-size:9px;letter-spacing:.08em;color:#ff6269;border:1px solid #ef303855;padding:7px 10px;border-radius:3px;white-space:nowrap}.site-footer{background:#101114;color:white;border-top:1px solid #ffffff16;padding:42px max(48px,calc((100% - 1320px)/2)) 110px}.site-footer p{font-size:11px;color:#9696a0}.site-footer a{font-size:10px}.demo-banner{font-size:8px;background:#27282c;color:#bcbcc5;border-color:#444;box-shadow:none;left:8px;bottom:7px;top:auto}.basic{background:#f6f5f2;padding:25px;border-radius:7px}.basic .checkout{gap:15px}
@media(max-width:1100px){.site-header{padding-inline:28px}.site-header nav{gap:20px}}
@media(max-width:900px){.site-top{font-size:8px;padding:9px 10px;letter-spacing:.07em}.site-header{min-height:62px;padding-inline:18px}.site-header .wordmark{font-size:23px}.site-header nav{display:none}.header-campaign{font-size:7px;padding:6px 8px}.site-footer{padding:30px 18px 100px}.site-footer .wordmark{font-size:25px}.demo-banner{font-size:7px;bottom:3px;top:auto;left:3px;padding:3px 5px}}
