/* ===== Black / Red / White — formal industrial ===== */
:root{--bk:#0A0A0A;--bk2:#141414;--bk3:#1D1D1D;--ln:#2A2A2A;--rd:#E10600;--rd2:#B80500;--wh:#fff;--gr:#A8A8A8;
 --ink:#fff;--muted:#A8A8A8;--line:#2A2A2A;--soft:#141414;--red:#E10600;--red-d:#B80500;--r:6px}
html{background:var(--bk)}
body{background:var(--bk);color:#fff;font-family:'Inter','Segoe UI',sans-serif;font-size:15px}
h1,h2,h3,h4,.brand,.btn,.eyebrow{font-family:'Montserrat','Inter',sans-serif;color:#fff}
h1,h2,h3{text-transform:none;letter-spacing:-.01em;font-weight:700}

/* header */
.topbar{background:var(--rd);color:#fff;font-weight:500;font-size:12.5px;letter-spacing:.04em}
header.site{background:var(--bk);border-bottom:1px solid var(--ln)}
.brand{color:#fff;font-weight:700;font-size:28px;letter-spacing:.02em;text-transform:uppercase}.brand b{color:var(--rd)}
.brand svg rect{fill:#fff}.brand svg path{stroke:#0A0A0A}
.search{background:var(--bk2);border:1px solid var(--ln);border-radius:4px}
.search input{color:#fff}.search input::placeholder{color:#7d7d7d}
.search button{background:var(--rd);border-radius:0;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:13px}.search button:hover{background:var(--rd2)}
.qbtn{background:transparent;border:1px solid #fff;color:#fff;border-radius:4px;text-transform:uppercase;font-size:13px;letter-spacing:.06em;font-weight:600}
.qbtn:hover{background:#fff;color:#000}.qbtn i{background:var(--rd);color:#fff}
.mainnav{background:var(--bk2);border-bottom:1px solid var(--ln)}
.mainnav a{font-family:'Montserrat';font-size:15px;font-weight:600;letter-spacing:.08em}
.ddm{background:var(--bk2)!important;border:1px solid var(--ln)}
.ddm a:hover{background:var(--bk3)!important}
.btn{border-radius:4px;font-family:'Montserrat';font-weight:600;letter-spacing:.1em;font-size:14px;padding:14px 30px}
.btn.p{background:var(--rd);border-color:var(--rd)}.btn.p:hover{background:var(--rd2);border-color:var(--rd2)}
.btn.o{border-color:#fff;color:#fff;background:transparent}.btn.o:hover{background:#fff;color:#000}
.btn.n{background:#fff;color:#000;border-color:#fff}.btn.l{background:transparent;color:#fff;border-color:#fff}

.stripe,.marq,.sticker{display:none}
.eyebrow{background:none;color:var(--rd);padding:0;border:0;font-size:13px;letter-spacing:.2em;font-weight:600}
.bar{display:block;width:56px;height:4px;background:var(--rd);margin:16px 0 22px}
.lead{color:#CFCFCF;font-size:18px;max-width:560px}
.wrap{max-width:1240px}
section.s{padding:90px 0}
.sec2{background:var(--bk2);border-block:1px solid var(--ln)}
.sh h2,.hint h2{font-size:clamp(30px,3.6vw,46px)}
.sh h2:after,.hint h2:after{content:"";display:block;width:56px;height:4px;background:var(--rd);margin-top:14px}
.hint h2:after{margin-inline:auto}
.sh p,.hint p{color:var(--gr)}
.sh a.more{color:var(--rd);font-family:'Montserrat';text-transform:uppercase;letter-spacing:.1em;font-weight:600}

/* photo tile (photos have light backgrounds) */
.tile{background:#fff;border-radius:6px;display:grid;place-items:center;overflow:hidden}
.tile img{width:100%;height:100%;object-fit:contain;padding:10px}

/* generic cards (shop etc.) */
.pc{background:var(--bk2);border:1px solid var(--ln);border-radius:6px;box-shadow:none}
.pc:hover{border-color:var(--rd);box-shadow:none;transform:none}
.pc .im{background:#fff;border:0;padding:8px}
.pc .im img{mix-blend-mode:normal;border:0;background:#fff;border-radius:0}
.pc small{color:var(--rd);font-family:'Montserrat';letter-spacing:.14em;font-weight:600}
.pc h3{color:#fff;font-size:15px;font-weight:600}
.pc .add button{background:transparent;border:1px solid #fff;color:#fff;border-radius:4px;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.pc .add button:hover,.pc .add button.in{background:var(--rd);border-color:var(--rd)}
.pagehead{background:var(--bk2);border-bottom:1px solid var(--ln);color:#fff}.pagehead:after{display:none}
.pagehead h1{color:#fff}.pagehead p{color:var(--gr)}
.crumb,.crumb a{color:var(--gr)}
.side h4{color:var(--gr)}.side button.f{color:#ddd;border-radius:4px}.side button.f:hover{background:var(--bk3)}
.side button.f.on{background:var(--rd);color:#fff}
.tools select,.tools input,.form input,.form select,.form textarea{background:var(--bk2);border:1px solid var(--ln);color:#fff;border-radius:4px}
.form,.info div,.stats div,.stats div:nth-child(n){background:var(--bk2);border:1px solid var(--ln);color:#fff;box-shadow:none}
.stats b,.stats div:nth-child(n) b{color:var(--rd)}.stats span,.stats div:nth-child(n) span{color:var(--gr)}
.info b{color:var(--rd)}.two p{color:var(--gr)}
.empty{color:var(--gr)}
.drawer{background:var(--bk2);color:#fff}.drawer header{border-color:var(--ln)}.drawer header button{color:#fff}
.df{background:var(--bk3);border-color:var(--ln)}.df input{background:var(--bk);border:1px solid var(--ln);color:#fff}
.qi{border-color:var(--ln)}.qi b{color:#fff}.qi .q button{background:var(--bk3);color:#fff;border-color:var(--ln)}
.qi img{background:#fff;mix-blend-mode:normal}
.dl p{color:var(--gr)}
footer.site{background:#000;border-top:1px solid var(--ln)}
footer h4{border-color:var(--rd);color:#fff;font-family:'Montserrat';letter-spacing:.1em}
.cta-band{background:var(--rd);border-radius:6px}.cta-band:after{display:none}
.cta-band h2,.cta-band p{color:#fff}.cta-band .btn.p{background:#000;border-color:#000}