.shop{--ground:#f5f6f8;--panel:#fff;--text:#16211c;--dim:#5b6670;--line:#d9dee3;--accent:#176b4b;--accent-ink:#0f5238;--stripe:#edeff2;background:var(--ground);min-height:100vh;color:var(--text);font:16px/1.6 Segoe UI,system-ui,-apple-system,sans-serif}.shop .display{font-family:Bahnschrift,Arial Narrow,Helvetica Neue,sans-serif}.shop .mono{font-family:Cascadia Mono,Consolas,ui-monospace,monospace}.shop a{color:var(--accent)}.shop img{max-width:100%;display:block}.shop .wrap{max-width:1120px;margin:0 auto;padding:0 24px}.shop header{background:var(--ground)}.shop .nav{flex-wrap:wrap;align-items:baseline;gap:6px 28px;padding:22px 0 14px;display:flex}.shop .wordmark{letter-spacing:.14em;text-transform:uppercase;color:var(--text);font-family:Bahnschrift,Arial Narrow,sans-serif;font-size:20px;font-weight:700;text-decoration:none}.shop .wordmark b{color:var(--accent);font-weight:700}.shop .nav a.link{color:var(--dim);font-size:14.5px;text-decoration:none}.shop .nav a.link:hover,.shop .nav a.link:focus-visible{color:var(--text)}.shop .nav .spacer{flex:1}.shop .layers{background:repeating-linear-gradient(to bottom, var(--accent) 0 1.5px, transparent 1.5px 3.5px);opacity:.85;height:14px}.shop .cta{background:var(--accent);color:#fff;cursor:pointer;text-align:center;border:0;border-radius:9px;padding:14px 22px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}.shop .cta:hover{background:var(--accent-ink)}.shop .cta:focus-visible{outline:3px solid var(--accent-ink);outline-offset:2px}.shop .cta.ghost{background:var(--panel);color:var(--text);border:1px solid var(--line);font-weight:500}.shop .cta.ghost:hover{border-color:var(--dim)}.shop section.block{margin-top:72px}.shop .block h2{letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:14px;margin:0 0 22px;font-family:Bahnschrift,Arial Narrow,sans-serif;font-size:22px;display:flex}.shop .block h2:after{content:"";background:var(--line);flex:1;height:1px}.shop .cards{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.shop .cards.three{grid-template-columns:repeat(3,1fr)}@media (width<=980px){.shop .cards,.shop .cards.three{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.shop .cards,.shop .cards.three{grid-template-columns:1fr}}.shop .card{border:1px solid var(--line);background:var(--ground);color:var(--text);border-radius:10px;text-decoration:none;display:block;overflow:hidden}.shop .card img,.shop .card .noimg{aspect-ratio:13/10;object-fit:cover;border-bottom:1px solid var(--line);width:100%}.shop .card .noimg{background:repeating-linear-gradient(to bottom, var(--stripe) 0 1px, transparent 1px 7px)}.shop .card .pad{padding:12px 14px 14px}.shop .card h3{margin:0 0 4px;font-size:15px;font-weight:600;line-height:1.35}.shop .card .p{color:var(--accent-ink);font-family:Cascadia Mono,Consolas,monospace;font-size:13.5px}.shop .card:hover{border-color:var(--dim)}.shop .hero-frame{background:repeating-linear-gradient(to bottom, var(--stripe) 0 1px, transparent 1px 7px), var(--ground);border:1px solid var(--line);border-radius:12px;margin:0;overflow:hidden}.shop .steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:22px;margin:0;padding:0;list-style:none;display:grid}@media (width<=880px){.shop .steps{grid-template-columns:1fr}}.shop .steps li{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px}.shop .steps li:before{counter-increment:step;content:counter(step, decimal-leading-zero);color:var(--accent);margin-bottom:8px;font-family:Cascadia Mono,Consolas,monospace;font-size:13px;display:block}.shop .steps h3{margin:0 0 6px;font-size:16.5px}.shop .steps p{color:var(--dim);margin:0;font-size:14.5px}.shop .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);font-family:Cascadia Mono,Consolas,ui-monospace,monospace;font-size:12px}.shop .thumbs{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;display:grid}.shop .thumbs button{border:1px solid var(--line);background:var(--ground);cursor:pointer;border-radius:8px;padding:0;display:block;overflow:hidden}.shop .thumbs button[aria-current=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.shop .thumbs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shop .thumbs img{aspect-ratio:13/10;object-fit:cover;width:100%}.shop .avail{color:var(--dim);margin:0;font-size:13px}.shop .avail:before{content:"";box-sizing:border-box;border:1.5px solid var(--dim);border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.shop .avail.instock:before{background:var(--accent);border-color:var(--accent)}.shop .avail.out:before{background:var(--dim)}.shop footer{border-top:1px solid var(--line);color:var(--dim);margin-top:80px;padding:26px 0 40px;font-size:13px}.shop footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:8px 32px;display:flex}
