.shop{--shop-pad:22px}@media (min-width:640px){.shop{--shop-pad:28px}}.shop :is(.shop-tile,.shop-buy,.shop-back,.shop-gal__thumb,.shop-gal__nav,.h4-btn,.h4-link):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.shop :is(.shop-feat__sum,.shop-faq__q):focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;box-shadow:none}.shop .h4-btn--solid{height:44px;padding-inline:20px;font-size:.9375rem}.shop-empty{padding:var(--shop-pad);font-size:15px;color:var(--color-muted)}.shop-head{display:flex;flex-direction:column;align-items:flex-start}.shop-back{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--color-muted);border-radius:var(--radius-2xs,6px);transition:color .18s var(--ease-hover)}.shop-back:hover,.shop-head__title{color:var(--color-fg)}.shop-head__title{margin-top:18px;font-family:var(--font-display);font-size:clamp(1.875rem,1.55rem + 1.2vw,2.5rem);font-weight:600;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.shop-head__tags{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.shop-tag{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 28%,transparent);background:color-mix(in srgb,currentColor 8%,transparent);font-family:var(--font-mono);font-size:11.5px;line-height:1;white-space:nowrap}.shop-tag:not([class*=text-]){color:var(--color-muted)}.shop-head__when{font-family:var(--font-mono);font-size:11.5px;color:var(--color-faint)}.shop-head__lede{margin-top:14px;max-width:40rem;font-size:1rem;line-height:1.6;color:var(--color-muted);text-wrap:pretty}.shop-top{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"gallery" "buy";gap:28px;margin-top:28px}.shop-top__gallery{grid-area:gallery;min-width:0}.shop-top__buy{grid-area:buy;min-width:0}@media (min-width:1024px){.shop-top{grid-template-columns:minmax(0,1fr) 31rem;grid-template-areas:"gallery buy";align-items:start;gap:40px 28px;margin-top:32px}}.shop-gal__stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:radial-gradient(80% 70% at 50% 45%,color-mix(in srgb,var(--color-primary) 5%,transparent),transparent 70%),var(--color-bg-elevated);box-shadow:inset 0 1px 0 rgb(255 255 255/.03),0 20px 40px -28px rgb(0 0 0/.8)}.shop-gal__view{position:absolute;inset:0}.shop-gal__view>img,.shop-gal__view>video{display:block;width:100%;height:100%;object-fit:cover;user-select:none}.shop-gal__view[data-fit=contain]>img{object-fit:contain;padding:3%}.shop-gal__view>video{object-fit:contain;background:#000}.shop-gal__nav{position:absolute;top:50%;z-index:1;display:grid;place-items:center;width:34px;height:34px;margin-top:-17px;border-radius:999px;border:1px solid rgb(255 255 255/.08);background:color-mix(in srgb,var(--color-bg) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-muted);transition:color .18s var(--ease-hover),border-color .18s var(--ease-hover),background-color .18s var(--ease-hover)}.shop-gal__nav:hover{color:var(--color-fg);border-color:var(--color-border-strong);background:color-mix(in srgb,var(--color-bg) 88%,transparent)}.shop-gal__nav--prev{left:12px}.shop-gal__nav--next{right:12px}.shop-gal__strip{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 8px) / 4);gap:8px;margin:8px -4px 0;padding:4px;overflow-x:auto;scrollbar-width:none}.shop-gal__strip::-webkit-scrollbar{display:none}@media (min-width:640px){.shop-gal__strip{grid-auto-columns:7.5rem;gap:10px}}.shop-gal__thumb{display:flex;flex-direction:column;gap:6px;min-width:0;text-align:left;border-radius:var(--radius-sm);cursor:pointer}.shop-gal__pic{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);opacity:.55;transition:opacity .18s var(--ease-hover),border-color .18s var(--ease-hover)}.shop-gal__pic img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;user-select:none}.shop-gal__play{position:absolute;inset:0;margin:auto;width:18px;height:18px;color:var(--color-fg)}.shop-gal__name{overflow:hidden;font-size:12px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;color:var(--color-faint);transition:color .18s var(--ease-hover)}.shop-gal__thumb:hover .shop-gal__pic{opacity:.85;border-color:var(--color-border-strong)}.shop-gal__thumb:hover .shop-gal__name{color:var(--color-muted)}.shop-gal__thumb[data-on] .shop-gal__pic{opacity:1;border-color:color-mix(in srgb,var(--color-primary) 65%,transparent)}.shop-gal__thumb[data-on] .shop-gal__name{color:var(--color-fg)}.shop-box{scroll-margin-top:6rem}@media (min-width:640px){.shop-box{--shop-pad:24px}.shop-box>.h4-card__in{padding:var(--shop-pad)}}.shop-box__title{font-family:var(--font-display);font-size:1.0625rem;font-weight:600;line-height:1.3;color:var(--color-fg)}.shop-seg{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;margin:14px 0 0;padding:4px;list-style:none;border-radius:12px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 60%,transparent)}.shop-seg>li{display:flex;min-width:0}.shop-seg__item{flex:1;display:grid;place-items:center;height:38px;padding:0 6px;border-radius:9px;font-size:13.5px;font-weight:500;white-space:nowrap;color:var(--color-muted);transition:color .18s var(--ease-hover),background-color .18s var(--ease-hover),box-shadow .18s var(--ease-hover)}.shop-seg__item:hover{color:var(--color-fg);background:color-mix(in srgb,var(--color-surface-2) 70%,transparent)}.shop-seg__item[data-active]{color:var(--color-fg);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 55%,transparent)}.shop-seg__item[data-soon]{color:var(--color-faint)}.shop-seg__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.shop-sum{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:18px}.shop-sum__rate{font-family:var(--font-mono);font-size:12.5px;color:var(--color-faint)}.shop-sum__price{font-family:var(--font-display);font-size:clamp(2.25rem,1.8rem + 1.6vw,3rem);font-weight:600;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--color-fg)}.shop-buy{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;height:50px;margin-top:14px;padding:0 18px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--color-primary);color:var(--color-primary-ink);font-size:.9375rem;font-weight:600;transition:background-color .18s var(--ease-hover),box-shadow .22s var(--ease-hover);box-shadow:0 10px 30px -14px color-mix(in srgb,var(--color-primary) 70%,transparent)}.shop-buy:hover{background:var(--color-primary-hover)}.shop-buy[aria-disabled=true]{cursor:not-allowed;border-color:var(--color-border-strong);color:var(--color-muted);box-shadow:none}.shop-buy[aria-disabled=true],.shop-buy[aria-disabled=true]:hover{background:color-mix(in srgb,var(--color-surface-2) 85%,transparent)}.shop-note{margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--color-faint);text-wrap:pretty}.shop-note--lead{color:var(--color-muted)}.shop-note .h4-link{font-size:13px}.shop-box__trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:16px calc(-1 * var(--shop-pad)) 0;padding:14px var(--shop-pad) 0;border-top:1px solid color-mix(in srgb,var(--color-border) 80%,transparent)}.shop-box__secure{font-size:12.5px;color:var(--color-muted)}.shop-pay{margin:0;padding:0;list-style:none;display:flex;gap:5px}.shop-pay .h4-pay{width:2.25rem;height:2rem}.shop-pay .h4-pay svg{width:1.375rem;height:1.375rem}.shop-sec{margin-top:64px;scroll-margin-top:6rem}@media (min-width:1024px){.shop-sec{margin-top:80px}}.shop-sec__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;margin-bottom:18px}.shop-h2{font-family:var(--font-display);font-size:clamp(1.375rem,1.25rem + .5vw,1.625rem);font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--color-fg)}.shop-sec__note{font-size:13.5px;color:var(--color-faint)}.shop-chev{width:16px;height:16px;flex:none;color:var(--color-faint);transition:rotate .2s var(--ease-hover),color .18s var(--ease-hover)}.shop-feat__sum>.shop-chev{grid-area:chev}details[open]>summary .shop-chev{rotate:180deg;color:var(--color-fg)}:is(.shop-feat__sum,.shop-faq__q)::-webkit-details-marker{display:none}.shop-feats{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px}@media (min-width:640px){.shop-feats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.shop-feats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}.shop-feat{border-radius:var(--radius-md)}.shop-feat__sum{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:1fr auto auto 1fr;grid-template-areas:". count chev" "name count chev" "desc count chev" ". count chev";align-items:center;gap:0 14px;padding:16px 18px;border-radius:inherit;list-style:none;cursor:pointer}@media (min-width:640px){.shop-feat__sum{min-height:5.75rem}}.shop-feat__name{grid-area:name;font-family:var(--font-display);font-size:15.5px;font-weight:600;line-height:1.3;color:var(--color-fg)}.shop-feat__desc{grid-area:desc;margin-top:3px;font-size:13px;line-height:1.45;color:var(--color-muted)}.shop-feat__count{grid-area:count;font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--color-faint)}.shop-faq__q:hover .shop-chev,.shop-feat__sum:hover .shop-chev{color:var(--color-fg)}.shop-feat__list{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);column-gap:20px;margin:0 18px;padding:0 0 12px;list-style:none}@media (min-width:640px){.shop-feat__list[data-split]{grid-template-columns:repeat(2,minmax(0,1fr))}}.shop-feat__list>li{padding:8px 0;border-top:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);font-size:13.5px;line-height:1.5;color:var(--color-muted);text-wrap:pretty}.shop-faq__item{position:relative;z-index:1}.shop-faq__item+.shop-faq__item{border-top:1px solid color-mix(in srgb,var(--color-border) 80%,transparent)}.shop-faq__q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:var(--radius-sm);list-style:none;cursor:pointer;font-size:15px;font-weight:500;line-height:1.45;color:var(--color-fg)}.shop-faq__a{max-width:70ch;padding:0 20px 18px;font-size:14.5px;line-height:1.65;color:var(--color-muted);text-wrap:pretty}@media (min-width:640px){.shop-faq__q{padding:18px 24px}.shop-faq__a{padding:0 24px 20px}}.shop-tiles{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}@media (min-width:768px){.shop-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.shop-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.shop-tile{display:flex;flex-direction:column;overflow:hidden;text-decoration:none}.shop-tile>*{position:relative;z-index:1}.shop-tile__art{aspect-ratio:16/9;overflow:hidden;background:var(--color-surface-2);mask-image:linear-gradient(180deg,#000 0,#000 62%,transparent)}.shop-tile__art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%;user-select:none;transition:scale .7s var(--ease-out-cine)}.shop-tile__placeholder{display:grid;place-items:center;height:100%;font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--color-faint)}.shop-tile__body{display:flex;flex:1;flex-direction:column;margin-top:-2rem;padding:0 22px 22px}@media (min-width:640px){.shop-tile__body{padding:0 26px 26px}}@media (hover:hover){.shop-tile{transition:translate .22s var(--ease-hover),border-color .22s var(--ease-hover)}.shop-tile:hover{translate:0 -2px;border-color:var(--color-border-strong)}.shop-tile:hover .shop-tile__art img{scale:1.03}.shop-tile:hover .h4-btn--solid{background:var(--color-primary-hover)}}@media (min-width:87.5rem){.shop-shelf .shop-tiles{margin-left:calc(-1 * var(--t4c-hang))}}.shop-feat__sum{min-height:0}@media (min-width:640px){.shop-feat__sum{min-height:4rem}.shop-feat[open]{grid-column:1/-1}.shop-feat__list[data-split]{display:block;column-count:2;column-gap:28px}.shop-feat__list[data-split]>li{break-inside:avoid}}@media (min-width:1024px){.shop-feat__list[data-split]{column-count:4}}