/* Vinyl Press homepage: Build a sign / Build apparel + material ring (front page only). */
.vhf-on #vinyl-press-app main>section:nth-of-type(2),.vhf-on #vinyl-press-app footer{display:none!important}
.vhf-on #vinyl-press-app>div{flex:1 1 auto;width:100%;min-height:0!important}
.vhf-door:first-child img{object-position:50% 92%}
#vhf{--bg:#0a0a0a;--card:#1a1a1a;--line:#262b35;--cy:#19d3f5;--yel:#f5c518;--tx:#e9edf2;--mut:#9aa3ae;max-width:1120px;margin:0 auto;background:var(--bg);color:var(--tx);font-family:Inter,system-ui,sans-serif;padding:34px clamp(16px,3vw,32px) 44px}
#vhf *{box-sizing:border-box}#vhf a{text-decoration:none}
#vhf .k{margin:0 0 6px;font:800 11px Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--cy)}
#vhf h2{margin:0 0 18px;font:italic 900 clamp(26px,3.4vw,36px)/1 Inter,sans-serif;letter-spacing:-.02em;text-transform:uppercase;color:#fff}
#vhf h2 span{color:var(--cy)}
.vhf-doors{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vhf-door{position:relative;display:block;aspect-ratio:16/10;border-radius:16px;overflow:hidden;border:1px solid var(--line);color:#fff!important;box-shadow:0 14px 34px rgba(0,0,0,.5)}
.vhf-door img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.vhf-door:hover img{transform:scale(1.04)}
.vhf-door:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.86))}
.vhf-in{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px 22px;display:flex;flex-direction:column;gap:4px}
.vhf-in small{font:800 11px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--cy)}
.vhf-in b{font:italic 900 clamp(28px,4vw,44px)/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:-.02em}
.vhf-in em{font-style:normal;font-size:14px;color:#d5dbe2;max-width:420px}
.vhf-in i{font-style:normal;align-self:flex-start;margin-top:8px;background:var(--cy);color:#06121a;font:900 13px Inter,sans-serif;text-transform:uppercase;padding:10px 14px;border-radius:8px}
.vhf-alt{text-align:center;color:var(--mut);font-size:14px;margin:14px 0 0}.vhf-alt a{color:var(--cy)!important;font-weight:700}
.vhf-mat{margin-top:40px}
.vhf-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:12px;scrollbar-width:none}.vhf-chips::-webkit-scrollbar{display:none}
.vhf-chips button{flex:none;border:1.5px solid var(--line);background:var(--card);color:var(--tx);border-radius:999px;padding:8px 14px;font:700 13px Inter,sans-serif;cursor:pointer;display:flex;gap:7px;align-items:center}
.vhf-chips button[aria-pressed=true]{border-color:var(--cy);background:rgba(25,211,245,.12);color:var(--cy)}
.vhf-chips small{font-weight:600;color:var(--mut)}
.vhf-card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:100%;color:var(--tx)}
.vhf-ph{position:relative;aspect-ratio:16/10;background:#000;overflow:hidden}.vhf-ph img{width:100%;height:100%;object-fit:cover;display:block}
.vhf-bad{position:absolute;left:8px;top:8px;display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.vhf-b{font:800 10px Inter,sans-serif;letter-spacing:.05em;text-transform:uppercase;padding:4px 7px;border-radius:5px;background:var(--yel);color:#111}
.vhf-b.c{background:rgba(0,0,0,.7);color:var(--cy);border:1px solid var(--cy)}
.vhf-bd{padding:13px 14px 14px;display:flex;flex-direction:column;flex:1}
.vhf-cat{font:800 10px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--cy)}
.vhf-t{font:900 16px/1.15 Inter,sans-serif;text-transform:uppercase;margin:4px 0 6px;color:#fff}
.vhf-d{font-size:13px;line-height:1.45;color:var(--mut);margin:0 0 12px;flex:1}
.vhf-btns{display:flex;flex-direction:column;gap:7px}
.vhf-oo{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--cy);color:#06121a!important;border-radius:6px;padding:9px 11px;font:900 12px Inter,sans-serif;text-transform:uppercase}
.vhf-oo small{font:700 10px Inter,sans-serif;text-transform:none;text-align:right}
.vhf-cq{display:block;text-align:center;border:1.5px solid var(--cy);color:var(--cy)!important;border-radius:6px;padding:8px;font:800 12px Inter,sans-serif;text-transform:uppercase}
.vhf-ring{position:relative;height:500px;perspective:1200px;user-select:none;touch-action:pan-y;background:radial-gradient(ellipse at 50% 45%,rgba(25,211,245,.16),rgba(0,0,0,0) 62%)}
.vhf-f{position:absolute;left:50%;top:10px;width:300px;margin-left:-150px;height:470px;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .6s,filter .6s}
.vhf-f:not(.is-c){cursor:pointer}.vhf-f:not(.is-c) .vhf-card{pointer-events:none}
.vhf-f.is-c .vhf-card{box-shadow:0 0 0 2px var(--cy),0 18px 40px rgba(0,0,0,.6)}
.vhf-nav{display:flex;align-items:center;justify-content:center;gap:14px}
.vhf-nav button{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);color:#fff;font-size:22px;cursor:pointer;line-height:1}
.vhf-dots{display:flex;gap:6px}.vhf-dots i{width:8px;height:8px;border-radius:50%;background:#39404a;display:block}.vhf-dots i.on{background:var(--cy)}
.vhf-swipe{display:none;text-align:center;font-size:12px;color:var(--mut);margin:8px 0 0}
@media(hover:none),(max-width:640px){.vhf-nav button{display:none}.vhf-swipe{display:block}}
@media(max-width:760px){.vhf-doors{grid-template-columns:1fr}.vhf-door{aspect-ratio:4/3}}
@media(max-width:640px){.vhf-ring{height:480px}.vhf-f{width:270px;margin-left:-135px;height:450px}}
#vhf .vhf-door img,#vhf .vhf-ph img{height:100%!important;max-width:none!important}
@media(max-width:760px){.vhf-door{aspect-ratio:1/1}.vhf-door:first-child img{object-position:50% 50%}.vhf-in{padding:16px 18px}.vhf-in em{display:none}}