@font-face{font-family:BCB;src:url(/fonts/BarlowCondensed-BlackItalic.ttf);font-display:swap}
@font-face{font-family:Barlow;src:url(/fonts/Barlow-Regular.ttf);font-display:swap}
@font-face{font-family:Barlow;font-weight:700;src:url(/fonts/Barlow-Bold.ttf);font-display:swap}
:root{--red:#ED1C24;--teal:#80D2CF;--blk:#0d0d0d;--ink:#161616;--off:#F4F1EA}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Barlow,sans-serif;background:var(--blk);color:var(--off);font-size:17px;line-height:1.55;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;background:repeating-linear-gradient(115deg,#fff 0 1px,transparent 1px 7px);z-index:0}
main,header,footer{position:relative;z-index:1}
h1,h2,h3{font-family:BCB;text-transform:uppercase;line-height:.88;margin:0 0 .3em;letter-spacing:-.01em}
h1{font-size:clamp(64px,11vw,168px)}h1 em,h2 em{color:var(--red);font-style:normal}
h2{font-size:clamp(38px,5vw,64px)}h2.big{font-size:clamp(48px,7vw,96px)}h3{font-size:30px}
a{color:inherit}.kick{font:700 13px Barlow;letter-spacing:.22em;text-transform:uppercase;color:var(--teal);margin:0 0 10px}
.pv{background:#000;color:#777;font:700 11px Barlow;text-align:center;padding:4px;letter-spacing:.14em}
header{display:flex;align-items:center;gap:28px;padding:12px clamp(16px,4vw,48px);position:sticky;top:0;z-index:20;background:rgba(13,13,13,.82);backdrop-filter:blur(10px);border-bottom:1px solid #222}
.logo img{height:58px;width:auto;display:block;transition:transform .3s}.logo:hover img{transform:rotate(-4deg) scale(1.05)}
header nav{display:flex;gap:28px;margin-left:auto}
header nav a{text-decoration:none;font:26px BCB;text-transform:uppercase;position:relative}
header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:4px;background:var(--red);transition:right .25s}
header nav a:hover:after,header nav a.on:after{right:0}
.btn{display:inline-block;background:var(--red);color:#fff;border:0;padding:14px 28px;font:24px BCB;text-transform:uppercase;text-decoration:none;cursor:pointer;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);transition:transform .2s,background .2s;box-shadow:0 10px 30px rgba(237,28,36,.35)}
.btn:hover{transform:translateY(-3px) scale(1.03);background:#ff2b33}.btn.ghost{background:transparent;box-shadow:inset 0 0 0 3px var(--off);clip-path:none}.btn.ghost:hover{background:var(--off);color:var(--blk)}
.btn.sm{font-size:17px;padding:8px 16px}.btn.sm.ghost{box-shadow:inset 0 0 0 2px #555}
.ctas{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}
.lead{font-size:clamp(18px,1.6vw,22px);max-width:34em;color:#d8d4cc}
.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;padding:clamp(40px,7vw,96px) clamp(16px,4vw,48px);min-height:78vh;background:radial-gradient(ellipse at 75% 40%,rgba(237,28,36,.28),transparent 60%)}
.fan{position:relative;height:min(52vw,560px);perspective:1200px}
.fc{position:absolute;width:62%;left:19%;top:30%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.fc img{width:100%;display:block;border-radius:10px;box-shadow:0 30px 60px rgba(0,0,0,.6),0 6px 14px rgba(0,0,0,.5)}
.f0{transform:rotate(-16deg) translate(-26%,-34%)}.f1{transform:rotate(-7deg) translate(-12%,-12%)}.f2{transform:rotate(3deg) translate(4%,8%)}.f3{transform:rotate(12deg) translate(18%,30%)}.f4{transform:rotate(-3deg) translate(30%,-40%) scale(.8)}
.fan:hover .f0{transform:rotate(-20deg) translate(-36%,-42%)}.fan:hover .f3{transform:rotate(16deg) translate(26%,38%)}.fan:hover .f4{transform:rotate(2deg) translate(40%,-50%) scale(.82)}
.ticker{background:var(--red);color:#fff;overflow:hidden;white-space:nowrap;transform:rotate(-2deg) scale(1.04);margin:20px 0 60px;padding:12px 0;font:30px BCB;box-shadow:0 20px 40px rgba(0,0,0,.5)}
.ticker div{display:inline-block;animation:tk 60s linear infinite}.ticker b{color:#111;margin:0 14px}
@keyframes tk{to{transform:translateX(-50%)}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 clamp(16px,4vw,48px) 40px;max-width:1400px;margin:0 auto}
.lanecard{position:relative;display:block;min-height:520px;border-radius:14px;overflow:hidden;text-decoration:none;background:#000;box-shadow:0 30px 60px rgba(0,0,0,.55)}
.lanecard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;transition:transform .8s,opacity .4s}
.lanecard:hover img{transform:scale(1.07);opacity:.55}
.lanecard>div{position:absolute;left:0;right:0;bottom:0;padding:32px;background:linear-gradient(transparent,rgba(0,0,0,.92) 45%)}
.lanecard.red>div{background:linear-gradient(transparent,rgba(120,8,12,.95) 50%)}
.go{font:24px BCB;text-transform:uppercase;color:var(--red)}.lanecard.red .go{color:#fff}
.wrap{max-width:1300px;margin:0 auto;padding:70px clamp(16px,4vw,48px)}
.steps{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.steps li{background:var(--ink);border:1px solid #262626;border-radius:12px;padding:26px;box-shadow:0 18px 40px rgba(0,0,0,.4);position:relative;overflow:hidden}
.steps li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--red)}
.steps span{font:64px BCB;color:transparent;-webkit-text-stroke:2px var(--red);display:block;line-height:1}.steps p{color:#bdb8ae;margin:0}
.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:20px clamp(16px,4vw,48px) 70px}
.gallery figure{margin:0;border-radius:10px;overflow:hidden;aspect-ratio:3/4;box-shadow:0 20px 40px rgba(0,0,0,.5)}.gallery figure:nth-child(even){transform:translateY(40px)}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.gallery figure:hover img{transform:scale(1.08)}
.phead{padding:clamp(40px,6vw,80px) clamp(16px,4vw,48px) 30px;max-width:1300px;margin:0 auto}.phead.center{text-align:center;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.phead.center .lead{margin:0 auto 24px}
#q{margin-top:20px;width:min(520px,100%);font:18px Barlow;padding:14px 18px;border-radius:40px;border:2px solid #333;background:#151515;color:#fff}#q:focus{outline:none;border-color:var(--red)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;padding:20px clamp(16px,4vw,48px) 80px;max-width:1400px;margin:0 auto}
.card{background:linear-gradient(160deg,#1b1b1b,#111);border:1px solid #262626;border-radius:14px;padding:14px;position:relative;box-shadow:0 14px 30px rgba(0,0,0,.45);transition:box-shadow .3s,border-color .3s}
.card:hover{border-color:var(--red);box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 0 1px var(--red)}
.card .ph{aspect-ratio:2/1;border-radius:10px;overflow:hidden;background:#2a2a2a}.card img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.card:hover img{transform:scale(1.06)}
.card h3{font-size:24px;margin:14px 2px 12px}.card .row{display:flex;gap:8px;flex-wrap:wrap}
.badge{position:absolute;top:22px;left:22px;z-index:2;background:var(--teal);color:#111;font:700 11px Barlow;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;border-radius:4px}
.hero.cb{min-height:70vh}.facts{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0}
.facts li{border-left:4px solid var(--red);padding-left:12px}.facts b{display:block;font:56px BCB;line-height:1}.facts span{font-size:14px;color:#bdb8ae}
.stack{position:relative;height:min(46vw,520px)}.stack img{position:absolute;border-radius:12px;box-shadow:0 30px 60px rgba(0,0,0,.6);object-fit:cover}
.stack .s1{width:62%;aspect-ratio:1;right:0;top:0;transform:rotate(5deg)}.stack .s2{width:66%;aspect-ratio:3/2;left:0;bottom:0;transform:rotate(-6deg)}
.formwrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}
.note{font-size:13px;color:#999;border-left:3px solid var(--teal);padding-left:10px}
.quote{background:var(--off);color:#111;border-radius:16px;padding:28px;display:grid;gap:16px;box-shadow:0 40px 80px rgba(0,0,0,.6)}
.quote label{display:grid;gap:6px;font-weight:700}.quote input,.quote select,.quote textarea{font:16px Barlow;padding:11px;border:2px solid #cfcac0;border-radius:8px;background:#fff}
.quote input:focus,.quote select:focus,.quote textarea:focus{outline:none;border-color:var(--red)}
.quote small{font-weight:400;color:#666;font-size:13px}.chk{display:flex!important;gap:10px;align-items:center}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seg label{display:block;cursor:pointer}.seg input{position:absolute;opacity:0}
.seg span{display:block;border:2px solid #cfcac0;border-radius:10px;padding:12px;font:24px BCB;text-transform:uppercase;transition:.2s}.seg span small{display:block;font:700 12px Barlow;letter-spacing:.1em}
.seg input:checked+span{background:#111;color:#fff;border-color:#111;box-shadow:inset 0 -4px 0 var(--red)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote .btn{justify-self:start}
.customonly{display:none!important}.quote.custom .customonly{display:grid!important}.quote.custom .bulkonly{display:none!important}
footer{border-top:4px solid var(--red);background:#000;padding:50px clamp(16px,4vw,48px) 20px;margin-top:40px}
.fin{display:flex;align-items:center;gap:30px;flex-wrap:wrap;max-width:1300px;margin:0 auto}.flogo{width:120px}.fbig{font:clamp(40px,6vw,80px) BCB;text-transform:uppercase;margin:0;flex:1}
footer nav{display:flex;gap:22px}footer nav a{text-decoration:none;color:#aaa}footer nav a:hover{color:var(--red)}
.legal{text-align:center;color:#666;font-size:13px;margin-top:30px}
.tilt{transform-style:preserve-3d;will-change:transform;transition:transform .25s ease-out}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.hero,.split,.formwrap{grid-template-columns:1fr}.fan{height:78vw}.steps{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:repeat(3,1fr)}.lanecard{min-height:420px}.stack{height:80vw}}
@media(max-width:560px){header{gap:12px}.logo img{height:44px}header nav{gap:14px}header nav a{font-size:19px}.steps{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.two,.seg{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr;gap:12px}.card h3{font-size:18px}.card{padding:8px}.btn.sm{font-size:14px;padding:6px 10px}.ticker{font-size:22px}.hero{min-height:auto}.gallery figure:nth-child(even){transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* v3 */
.tagbox{aspect-ratio:3.2/1;border-radius:10px;overflow:hidden;background:radial-gradient(ellipse at center,#3a3836,#232221);display:flex;align-items:center;justify-content:center;padding:0}
.tagbox img{width:100%;height:100%;object-fit:contain;border-radius:6px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.6));transition:transform .5s}
.card:hover .tagbox img{transform:scale(1.05) rotate(-1.5deg)}
.topsell{position:relative}.slides{position:relative;aspect-ratio:16/9;perspective:1200px}
.slide{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateX(8%) rotateY(-14deg) scale(.92);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}
.slide.on{opacity:1;transform:none}.slide .tagbox{aspect-ratio:3.2/1;box-shadow:0 40px 80px rgba(0,0,0,.65),0 0 0 1px #333;border-radius:16px}
.slide figcaption{font:clamp(26px,3vw,40px) BCB;text-transform:uppercase;margin-top:18px}.slide figcaption b{color:var(--red);margin-right:8px}
.dots{display:flex;gap:8px}.dots button{width:28px;height:6px;border:0;background:#444;cursor:pointer;padding:0;border-radius:3px}.dots button.on{background:var(--red)}
.lbl{font-weight:700;margin:0 0 8px}#dsearch{width:100%;padding:10px;border:2px solid #cfcac0;border-radius:8px;font:15px Barlow;margin-bottom:8px}
.dlist{max-height:420px;overflow:auto;display:grid;gap:6px;border:2px solid #cfcac0;border-radius:10px;padding:8px;background:#fff}
.dz{display:flex;align-items:center;gap:10px;padding:6px;border-radius:8px;transition:background .2s}.dz:hover{background:#f1eee8}
.dz label{display:flex!important;align-items:center;gap:10px;flex:1;cursor:pointer;font-weight:700!important}
.dz img{width:84px;aspect-ratio:3/1;object-fit:contain;background:#2b2a29;border-radius:4px;padding:2px}.dz input[type=checkbox]{width:20px;height:20px;accent-color:var(--red)}
.dz .dq{width:90px;display:none}.dz.sel{background:#fde8e9}.dz.sel .dq{display:block}
.est{background:var(--ink);border:1px solid #2a2a2a;border-left:5px solid var(--red);border-radius:12px;padding:22px;margin:22px 0;box-shadow:0 20px 40px rgba(0,0,0,.4);position:sticky;top:100px}
.eamt{font:64px BCB;line-height:1}.est p{margin:.4em 0;color:#bdb8ae}
.tiers{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px}.tiers td{padding:5px 4px;border-top:1px solid #2a2a2a;color:#bdb8ae}.tiers td:last-child{text-align:right;font-weight:700;color:var(--off)}.tiers tr.hit td{color:#fff;background:rgba(237,28,36,.18)}
.err{color:#b0000a;font-weight:700;margin:0;min-height:1em}
@media(max-width:900px){.est{position:static}.slides{aspect-ratio:16/10}}
@media(max-width:560px){.dz img{width:64px}.dz .dq{width:70px}.eamt{font-size:48px}}
.slide .tagbox{padding:0;background:#000}html{overflow-x:hidden}main{overflow-x:clip}
/* v4 crew */
.perks{margin-top:12px!important;color:var(--off)!important;font:22px BCB;text-transform:uppercase}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}
.pcard{background:linear-gradient(160deg,#1b1b1b,#111);border:1px solid #262626;border-radius:14px;padding:14px;box-shadow:0 14px 30px rgba(0,0,0,.45);transition:box-shadow .3s,border-color .3s}
.pcard:hover{border-color:var(--red);box-shadow:0 30px 60px rgba(0,0,0,.6)}.pcard h3{font-size:26px;margin:14px 2px 4px}.pcard p{margin:0 2px 10px;color:#bdb8ae}
.plink{display:inline-block;font:700 14px Barlow;color:var(--teal);text-decoration:none;border-bottom:2px solid var(--teal)}.plink:hover{color:#fff;border-color:var(--red)}
.ncard{position:relative;aspect-ratio:3.2/1;border-radius:10px;background:var(--red);display:flex;align-items:center;gap:14px;padding:0 18px 0 46px;overflow:hidden;box-shadow:inset 0 0 0 4px rgba(0,0,0,.25),0 10px 20px rgba(0,0,0,.4)}
.ncard:before{content:"";position:absolute;inset:6px;border:2px dashed rgba(255,255,255,.45);border-radius:6px}
.ncard .ring{position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:#111;box-shadow:0 0 0 3px #aaa}
.ncard b{font:clamp(30px,3vw,42px) BCB;color:#111;line-height:1}.ncard i{font:20px BCB;font-style:normal;text-transform:uppercase;color:#fff;line-height:1;overflow:hidden;max-height:2em}
.pgrid .pcard:nth-child(3n+2) .ncard{background:#111}.pgrid .pcard:nth-child(3n+2) .ncard b{color:var(--red)}.pgrid .pcard:nth-child(3n+2) .ncard .ring{background:#333}
.pphoto{display:grid;grid-template-columns:1fr;gap:4px}.pphoto img{width:100%;aspect-ratio:3.2/1;object-fit:contain;border-radius:6px;background:#2a2a2a}
.pg{padding-top:30px;padding-bottom:30px}
@media(max-width:560px){.pgrid{grid-template-columns:1fr 1fr;gap:10px}.pcard{padding:8px}.pcard h3{font-size:18px}.pcard p{font-size:13px}.ncard{padding-left:30px}.ncard .ring{left:8px;width:12px;height:12px;margin-top:-6px}.ncard i{display:none}.ncard b{font-size:28px}}
/* v4 hero tag stack */
.tstack{position:relative;height:min(46vw,600px);perspective:1400px}.tstack .kick{position:absolute;top:-28px;left:0}
.tc{position:absolute;margin:0;width:34%;aspect-ratio:4/5;top:50%;left:50%;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.08);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .3s;transform-origin:50% 100%;cursor:pointer}
.tc img{width:100%;height:100%;object-fit:cover;display:block}
.tc figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.85));font:20px BCB;text-transform:uppercase;line-height:1}.tc figcaption b{color:var(--red)}
.t0{z-index:8;transform:translate(-50%,-50%) rotate(0deg)}.t1{z-index:7;transform:translate(-112%,-56%) rotate(-9deg)}.t2{z-index:6;transform:translate(12%,-56%) rotate(9deg)}
.t3{z-index:5;transform:translate(-146%,-48%) rotate(-14deg) scale(.92)}.t4{z-index:4;transform:translate(44%,-48%) rotate(14deg) scale(.92)}
.t5{z-index:3;transform:translate(-80%,-80%) rotate(-4deg) scale(.82)}.t6{z-index:2;transform:translate(-20%,-82%) rotate(5deg) scale(.82)}.t7{z-index:1;transform:translate(-50%,-90%) rotate(0deg) scale(.76)}
.tc:hover{z-index:20;box-shadow:0 40px 80px rgba(0,0,0,.8),0 0 0 3px var(--red)}
@media(max-width:900px){.tstack{height:82vw;margin-top:40px}.tc{width:38%}.tc figcaption{font-size:15px}}
/* v5 crew */
.pimg{aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}
.pimg img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.pimg.logo img{padding:8%}.pimg.photo img,.pimg.tag img{object-fit:cover}.pimg.tag{background:#2a2a2a}.pimg.tag img{object-fit:contain}
.pcard:hover .pimg img{transform:scale(1.05)}.pcard .who{color:#d8d4cc}.pcard .made{font-size:14px;color:#bdb8ae}.pcard .made b{color:var(--off)}
.ptag{margin:0 0 10px}.ptag img{width:100%;aspect-ratio:3.2/1;object-fit:contain;background:#2a2a2a;border-radius:6px}
.plinks{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:560px){.pgrid{grid-template-columns:1fr 1fr}.pcard .who{font-size:13px;line-height:1.35}.pcard .made{font-size:12px}}