.shop-landing__block{margin:0 0 clamp(32px,4vw,52px)}.shop-landing__heading{margin:0 0 16px;font-size:clamp(1.3rem,2.4vw,1.8rem);letter-spacing:.02em}.shop-landing__hint{margin:0 0 clamp(32px,4vw,52px);padding:18px 20px;border:1px dashed rgb(var(--color-text-rgb) / .3);border-radius:var(--radius-card);color:var(--color-text);text-align:center}.shop-landing__block:has(>.shop-tiles){container-type:inline-size}.shop-tiles{--tile-gap: clamp(14px, 2vw, 24px);--tile-n: 1;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--tile-gap)}@container (min-width: 384px){.shop-tiles{--tile-n: 2}}@container (min-width: 588px){.shop-tiles{--tile-n: 3}}@container (min-width: 792px){.shop-tiles{--tile-n: 4}}@container (min-width: 996px){.shop-tiles{--tile-n: 5}}@container (min-width: 1200px){.shop-tiles{--tile-n: 6}}@media(max-width:749px){.shop-tiles{--tile-n: 2;--tile-gap: 14px}}.shop-tile{display:block;flex:0 0 calc((100% - (var(--tile-n) - 1) * var(--tile-gap)) / var(--tile-n));min-width:0;text-decoration:none;color:inherit}.shop-tile__media{position:relative;display:block;aspect-ratio:4 / 5;border-radius:var(--radius-card);overflow:hidden;background:var(--color-background-2);box-shadow:var(--shadow-card);transition:box-shadow .35s ease}.shop-tile__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.shop-tile__label{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:2px;padding:40px 16px 14px;background:linear-gradient(to top,rgb(var(--color-scrim-rgb) / .82),rgb(var(--color-scrim-rgb) / .72),rgb(var(--color-scrim-rgb) / 0));pointer-events:none}.shop-tile__name{color:var(--color-light-ink);font-size:1.05rem;line-height:1.3;text-transform:uppercase;letter-spacing:.08em;overflow-wrap:normal;word-break:keep-all}.shop-tile__count{color:rgb(var(--color-light-ink-rgb) / .85);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.shop-tile:focus-visible{outline:none}.shop-tile:focus-visible .shop-tile__media{outline:2px solid var(--color-accent);outline-offset:3px}@media(hover:hover)and (pointer:fine){.shop-tile:hover .shop-tile__img{transform:scale(1.06)}.shop-tile:hover .shop-tile__media{box-shadow:var(--shadow-card-hover),0 0 0 1px rgb(var(--glow-rgb) / .35),0 0 22px -2px rgb(var(--glow-rgb) / .4)}}@media(max-width:749px){.shop-tile__label{padding:32px 12px 10px}.shop-tile__name{font-size:.92rem;letter-spacing:.04em}}@media(prefers-reduced-motion:reduce){.shop-tile__img{transition:none}.shop-tile:hover .shop-tile__img{transform:none}}.shop-pills{margin-bottom:clamp(24px,3vw,36px)}.shop-pills__list{display:flex;flex-wrap:wrap;gap:8px}.shop-pills__pill{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 16px;background:rgb(var(--color-highlight-rgb) / .16);color:var(--color-text-strong);font-size:.72rem;letter-spacing:.12em;line-height:1.2;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.shop-pills__pill:hover{background:rgb(var(--color-highlight-rgb) / .3)}.shop-pills__pill.is-active{background:var(--color-text-strong);color:var(--color-card)}.shop-pills__pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.shop-pills__count{opacity:.75;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.shop-pills__pill{transition:none}}.shop-show{--show-h: clamp(280px, 38vw, 460px)}.shop-show--small{--show-h: clamp(220px, 26vw, 340px)}.shop-show--large{--show-h: clamp(340px, 50vw, 620px)}.shop-show__stage{position:relative;border-radius:var(--radius-card);overflow:hidden;background:var(--color-background-2);box-shadow:var(--shadow-card)}.shop-show__track{display:grid}.shop-show__track>*{grid-area:1 / 1;min-width:0;display:flex}.shop-show:not(.shop-show--js) .shop-show__track>:not(:first-child){display:none}.shop-slide{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:flex-start;min-height:var(--show-h);padding:clamp(20px,4vw,48px);transition:opacity var(--art-tx-in) var(--art-ease-soft),visibility 0s}.shop-show--multi .shop-slide{padding-bottom:64px}.shop-slide--center{justify-content:center;text-align:center}.shop-slide--right{justify-content:flex-end}.shop-show--js .shop-slide:not(.is-active){opacity:0;visibility:hidden;transition:opacity var(--art-tx-out) var(--art-ease-soft),visibility 0s linear var(--art-tx-out)}.shop-slide__media{position:absolute;top:0;right:0;bottom:0;left:0}.shop-slide__media picture{display:contents}.shop-slide__img{display:block;width:100%;height:100%;object-fit:cover}.shop-slide__media .art-ph--drawn{box-sizing:border-box;padding:5% 6%}.shop-slide--left .shop-slide__media .art-ph--drawn{padding-left:46%}.shop-slide--right .shop-slide__media .art-ph--drawn{padding-right:46%}.shop-slide__content{position:relative;max-width:min(44ch,100%);padding:clamp(18px,2.4vw,28px);border-radius:max(0px,var(--radius-card) - 4px);background:rgb(var(--glass-tint-rgb) / .82);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:0 0 0 1px rgb(var(--color-highlight-rgb) / .35);color:var(--color-text)}.shop-slide__heading{margin:0 0 8px;font-size:clamp(1.4rem,3vw,2.2rem)}.shop-slide__text{line-height:1.6}.shop-slide__text>:first-child{margin-top:0}.shop-slide__text>:last-child{margin-bottom:0}.shop-slide__btn{margin-top:16px}.shop-show__controls{position:absolute;left:50%;bottom:14px;z-index:2;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:4px;border-radius:var(--radius-pill);background:rgb(var(--glass-tint-rgb) / .82);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card)}.shop-show__controls[hidden],.shop-show__btn[hidden]{display:none}.shop-show__btn,.shop-show__dot{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-text);cursor:pointer;transition:background .2s ease,color .2s ease}.shop-show__btn:hover{background:rgb(var(--color-text-rgb) / .08);color:var(--color-accent)}.shop-show__btn:focus-visible,.shop-show__dot:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.shop-show__play,.shop-show.is-paused .shop-show__pause{display:none}.shop-show.is-paused .shop-show__play{display:block}.shop-show__dots{display:flex;align-items:center}.shop-show__dot{width:24px;height:32px;border-radius:999px}.shop-show__dot:before{content:"";width:8px;height:8px;border-radius:999px;background:rgb(var(--color-text-rgb) / .35);transition:width var(--art-tx-in) var(--art-ease-soft),background .2s ease}.shop-show__dot[aria-current=true]:before{width:18px;background:var(--color-accent)}@media(max-width:749px){.shop-slide{align-items:flex-end;justify-content:center;text-align:center;padding:16px}.shop-show--multi .shop-slide{padding-bottom:60px}.shop-slide__content{max-width:100%}.shop-slide__media .art-ph--drawn,.shop-slide--left .shop-slide__media .art-ph--drawn,.shop-slide--right .shop-slide__media .art-ph--drawn{padding:16px}}@media(prefers-reduced-motion:reduce){.shop-slide,.shop-show--js .shop-slide:not(.is-active),.shop-show__dot:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/shop-landing.css.map */