.tt-shop{--tt-col:min(1200px, calc(100vw - 2 * clamp(1rem, 5vw, 3rem)));--tt-ink:#1c1917;--tt-muted:#57534e;--tt-subtle:#6f6862;--tt-hair:#1c19171a;--tt-hair-strong:#1c19172e;--tt-accent:#4b2e83;--tt-date:#a3470b;--tt-date-soft:#a3470b1a;width:100vw;padding:40px calc((100vw - var(--tt-col)) / 2) 44px;color:var(--tt-ink);font-family:var(--font-dm-sans), "DM Sans", system-ui, sans-serif;background:#f3efe9;margin:0 calc(50% - 50vw) clamp(2.5rem,6vw,4.5rem)}@media (min-width:900px){.tt-shop{padding-block:52px 56px}}.tt-shop-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 32px;margin-bottom:22px;display:flex}.tt-shop-title{font-family:var(--tt-spooky), var(--font-dm-sans), system-ui, sans-serif;letter-spacing:.02em;color:#ff7a1a;text-shadow:0 .06em #8a3208;margin:0 0 8px;font-size:clamp(26px,3.2vw,40px);font-weight:400;line-height:1.05}.tt-shop-lede{max-width:62ch;color:var(--tt-subtle);margin:0;font-size:15px;line-height:1.6}.tt-shop-disclosure{max-width:30ch;color:var(--tt-subtle);margin:0;font-size:12px;line-height:1.5}.tt-rail{position:relative}.tt-rail-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin:-8px -8px 0;padding:8px 8px 12px;scroll-padding:0 8px;overflow-x:auto}.tt-rail-track::-webkit-scrollbar{display:none}.tt-rail-track:focus-visible{outline:2px solid var(--tt-accent);outline-offset:4px;border-radius:24px}.tt-rail-btn{z-index:2;border:1px solid var(--tt-hair-strong);width:44px;height:44px;font:inherit;color:var(--tt-ink);cursor:pointer;background:#fff;border-radius:999px;place-items:center;margin-top:-28px;font-size:26px;line-height:1;display:grid;position:absolute;top:50%;box-shadow:0 10px 24px -12px #1c191766}.tt-rail-btn.is-prev{left:-18px}.tt-rail-btn.is-next{right:-18px}.tt-rail-btn:hover{border-color:var(--tt-accent);color:var(--tt-accent)}.tt-rail-btn:focus-visible{outline:2px solid var(--tt-accent);outline-offset:2px}.tt-rail-btn:disabled{opacity:0;pointer-events:none}.tt-products{gap:14px;margin:0;padding:0;list-style:none;display:flex}.tt-product{scroll-snap-align:start;flex:none;width:216px}.tt-product a{border:1px solid var(--tt-hair);height:100%;color:inherit;background:#fff;border-radius:24px;flex-direction:column;padding:12px 16px 16px;text-decoration:none;display:flex;position:relative}.tt-product a:hover{border-color:#4b2e8359}.tt-product a:focus-visible{outline:2px solid var(--tt-accent);outline-offset:2px}.tt-product-kind{background:var(--tt-date-soft);letter-spacing:.08em;text-transform:uppercase;color:var(--tt-date);border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700;position:absolute;top:12px;left:12px}.tt-product-art{object-fit:contain;width:150px;max-width:none;height:150px;margin:6px auto 8px;display:block}.tt-product-name{letter-spacing:-.01em;font-size:15.5px;font-weight:700}.tt-product-note{color:var(--tt-muted);margin-top:3px;font-size:13px;line-height:1.4}.tt-product-cta{color:var(--tt-accent);align-items:center;gap:6px;margin-top:auto;padding-top:12px;font-size:13px;font-weight:600;display:inline-flex}.tt-product-cta svg{width:14px;height:14px}@media (prefers-reduced-motion:no-preference){.tt-product a{transition:transform .25s,box-shadow .25s,border-color .2s}.tt-product a:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px #1c19174d}.tt-product-cta svg{transition:transform .2s}.tt-product a:hover .tt-product-cta svg{transform:translate(2px)}}@media (max-width:700px),(pointer:coarse){.tt-rail-btn{display:none}.tt-product{width:188px}.tt-product-art{width:128px;height:128px}}
