/* Collector edition: physical card movement, native shopping, no animation dependencies. */
:root { --ease-card: cubic-bezier(.2,.75,.2,1); --motion-quick: 220ms; --motion-card: 650ms; }
.hero-copy, .hero-art { animation: none; }
.hero-inner { min-height: 680px; padding-block: 22px 38px; }
.hero-line { display: table; }
.hero h1 { text-wrap: balance; }
.collector-spotlight { min-width: 0; }
.hero-art { height: 455px; perspective: 1200px; }
.hero-orbit { width: 420px; height: 420px; }
.hero-orbit::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(#191b18 1px,transparent 1px) 0 0/13px 13px; opacity: .07; }
.hero-outline { inset: 10px 8px; border-style: dashed; }
.hero-card, .hero-card:hover {
  --card-x: 0%; --card-y: -7px; --card-angle: -7deg; --card-scale: 1;
  --card-pose: translate(-50%,-50%) translate3d(calc(var(--card-x) + var(--pointer-x,0px)),calc(var(--card-y) + var(--pointer-y,0px)),0) rotate(var(--card-angle)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--card-scale));
  width: 258px; top: 50%; left: 50%; z-index: 3;
  transform: var(--card-pose);
  transition: transform var(--motion-card) var(--ease-card), box-shadow var(--motion-quick);
  overflow: hidden; isolation: isolate;
  box-shadow: 0 24px 28px -12px rgba(54,58,30,.28);
}
.hero-card[data-position=left] { --card-x: -43%; --card-y: 3px; --card-angle: -21deg; --card-scale: .87; z-index: 1; }
.hero-card[data-position=right] { --card-x: 47%; --card-y: 8px; --card-angle: 17deg; --card-scale: .87; z-index: 2; }
.hero-card:focus-visible { z-index: 5; }
.hero-card::after { content: ''; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient(115deg,transparent 28%,rgba(255,255,224,.05) 37%,rgba(255,255,237,.62) 48%,transparent 63%); transform: translateX(var(--foil-x,-90%)); opacity: 0; mix-blend-mode: screen; transition: opacity .25s,transform .35s var(--ease-card); }
.hero-art[data-tilt-active] .hero-card[data-position=front]::after { opacity: .55; }
.collector-stamp { width: 96px; height: 96px; bottom: 9px; left: 2px; }
.collector-stamp strong { font-size: 18px; }
.collector-stamp > span { font-size: 8px; }
.hero-spark { right: 28px; top: 8px; }
.spotlight-details { margin: 0 auto; max-width: 435px; }
.spotlight-selector-slot { min-height: 45px; }
.spotlight-controls { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-bottom: 1px solid var(--line); }
.spotlight-tab { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 5px; min-height: 44px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); font-size: 11px; cursor: pointer; transition: color .2s,border-color .2s; }
.spotlight-tab > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.spotlight-tab[aria-selected=true] { color: var(--ink); border-bottom-color: var(--ink); }
.spotlight-dot { width: 6px; height: 6px; border: 1px solid currentColor; border-radius: 50%; flex: 0 0 auto; }
.spotlight-tab[aria-selected=true] .spotlight-dot { background: var(--accent); border-color: var(--ink); }
.spotlight-panel { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 103px; padding: 17px 4px 4px; }
.spotlight-panel > div { min-width: 0; }
.spotlight-caption { font-size: 9px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin: 0 0 4px; }
.spotlight-panel h2 { font-family: var(--body); font-size: 15px; font-weight: 650; line-height: 1.35; letter-spacing: -.02em; margin: 0 0 5px; }
.spotlight-price { font-size: 12px; font-variant-numeric: tabular-nums; }
.spotlight-price ins { text-decoration: none; }
.spotlight-price del { color: var(--muted); margin-right: 6px; }
.spotlight-link { width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; transition: background .2s,transform .2s; }
.spotlight-link:hover { background: var(--accent); color: #191b18; transform: rotate(6deg); }
.spotlight-link .icon { width: 21px; height: 21px; }
.hero-brand-art { height: 100%; object-fit: contain; }
.category-grid { grid-template-columns: 1.16fr 1.16fr 1fr 1fr; }
.category-tile { --category-angle: -10deg; transition: border-color .25s,background .25s; }
.category-japanese { --category-angle: 10deg; }
.category-sealed { --category-angle: 0deg; }
.category-graded { --category-angle: 7deg; }
.category-info > .icon { transition: transform .25s var(--ease-card); }
.category-tile:hover .category-info > .icon { transform: translate(3px,-3px); }
.collector-ribbon { overflow: hidden; border-block: 1px solid var(--line); padding-block: 22px 25px; margin-bottom: 65px; }
.ribbon-track { width: max-content; display: flex; align-items: center; gap: 35px; padding-inline: var(--gutter); transform: translate3d(var(--ribbon-x,0px),0,0); font-family: var(--display); font-size: clamp(64px,7.4vw,118px); line-height: 1; letter-spacing: -.02em; }
.ribbon-outline { -webkit-text-stroke: 1px var(--ink); color: transparent; }
.ribbon-track > .icon { width: .5em; height: .5em; color: var(--ink); }
.product-image-link[data-tilt-ready] img { transform: perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--card-lift,0px)); transition: transform .32s var(--ease-card); }
.product-card:hover .product-image-link[data-tilt-ready] img { --card-lift: -5px; }
.button:active, .icon-button:active, .card-action:active { transform: scale(.97); }
.button .icon, .text-link .icon { transition: transform .22s var(--ease-card); }
.button:hover .icon, .text-link:hover .icon { transform: translate(2px,-2px); }
.footer-bottom > div { flex-wrap: wrap; }
.motion-toggle { white-space: nowrap; }
.motion-toggle[disabled] { opacity: .7; cursor: default; }
.store-currency { white-space: nowrap; }
.catalog-disclosure > summary { display: flex; align-items: center; gap: 5px; list-style: none; cursor: pointer; min-height: 44px; border-bottom: 2px solid transparent; white-space: nowrap; }
.catalog-disclosure > summary::-webkit-details-marker { display: none; }
.catalog-disclosure > summary .icon { width: 13px; height: 13px; transition: transform .2s; }
.catalog-disclosure[open] > summary { border-bottom-color: var(--ink); }
.catalog-disclosure[open] > summary .icon { transform: rotate(180deg); }
@media(min-width:1024px) and (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .desktop-nav .catalog-disclosure[open] .catalog-panel-inner{animation:catalog-panel-enter .18s var(--ease-card) both}@keyframes catalog-panel-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}}
.catalog-panel { position: absolute; left: 0; right: 0; top: 100%; background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: 0 12px 20px -15px rgba(54,58,30,.3); }
.catalog-panel-inner { display: grid; grid-template-columns: .95fr 1.25fr .8fr; gap: 40px; padding-block: 30px 35px; align-items: start; }
.catalog-panel-intro .eyebrow { font-size: 9px; margin-bottom: 10px; color: var(--muted); }
.catalog-panel-intro h2 { font-size: 36px; line-height: 1.08; max-width: 275px; margin: 0 0 22px; }
.catalog-panel-intro .text-link { font-size: 12px; gap: 9px; }
.catalog-panel-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px 24px; }
.catalog-panel-links > a { display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--line); min-height: 44px; font-size: 12px; }
.catalog-panel-links > a:hover { color: var(--muted); }
.catalog-panel-links .icon { width: 15px; height: 15px; }
.catalog-budget { grid-column: 1/-1; display: flex; flex-wrap: wrap; gap: 10px 17px; margin-top: 14px; font-size: 11px; }
.catalog-budget > span { width: 100%; color: var(--muted); font-size: 10px; }
.catalog-budget > a { text-decoration: underline; text-underline-offset: 4px; min-height: 30px; }
.catalog-panel-pick { display: flex; align-items: center; gap: 18px; background: var(--soft); border-radius: var(--radius); padding: 18px; min-height: 168px; }
.catalog-panel-pick img { width: 85px; max-height: 136px; object-fit: contain; }
.catalog-panel-pick > span { font-size: 12px; line-height: 1.5; }
.catalog-panel-pick .icon { width: 15px; height: 15px; margin-left: 4px; }
.collection-shortcuts { display: grid; grid-template-columns: 145px 1fr; gap: 25px; margin-top: 27px; padding-top: 18px; border-top: 1px solid var(--line); }
.collection-shortcuts > span { color: var(--muted); font-size: 11px; padding-top: 13px; }
.collection-shortcuts > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px 35px; }
.collection-shortcuts a { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 12px; min-height: 44px; }
.collection-shortcuts a:hover { text-decoration: underline; text-underline-offset: 4px; }
.collection-shortcuts .icon { width: 16px; height: 16px; }
.mobile-menu { overflow-y: auto; }
.mobile-menu .catalog-disclosure { border-bottom: 1px solid var(--line); }
.mobile-menu .catalog-disclosure > summary { font-family: var(--display); font-size: 30px; min-height: 69px; justify-content: space-between; border-bottom: 0; }
.mobile-menu .catalog-disclosure > summary .icon { width: 20px; height: 20px; }
.mobile-menu .catalog-panel { position: static; border: 0; box-shadow: none; }
.mobile-menu .catalog-panel-inner { width: 100%; display: block; margin: 0; padding: 0 0 22px; }
.mobile-menu .catalog-panel-intro .eyebrow { display: none; }
.mobile-menu .catalog-panel-intro h2 { font-family: var(--body); font-size: 12px; font-weight: 400; line-height: 1.5; color: var(--muted); margin-bottom: 15px; }
.mobile-menu .catalog-panel-intro .text-link { min-height: 34px; }
.mobile-menu .catalog-panel-links { margin-top: 8px; grid-template-columns: 1fr; }
.mobile-menu .catalog-panel-links > a { font-size: 13px; }
.collector-reveal { opacity: 0; transform: translateY(24px); transition: opacity .55s var(--ease-card),transform .55s var(--ease-card); transition-delay: var(--reveal-delay,0ms); }
.collector-reveal.is-revealed { opacity: 1; transform: none; }
@media (prefers-reduced-motion:no-preference) {
  :root:not([data-motion=off]) .hero-card { animation: card-deal .85s var(--ease-card) both; }
  :root:not([data-motion=off]) .hero-card[data-card-index="1"] { animation-delay: 70ms; }
  :root:not([data-motion=off]) .hero-card[data-card-index="2"] { animation-delay: 140ms; }
  :root:not([data-motion=off]) .hero-line { animation: headline-settle .65s var(--ease-card) both; }
  :root:not([data-motion=off]) .hero-line + .hero-line { animation-delay: 70ms; }
  :root:not([data-motion=off]) .spotlight-panel.is-selected { animation: spotlight-in .25s var(--ease-card); }
  :root:not([data-motion=off]) .search-dialog[open] { animation: search-in .23s var(--ease-card); }
  :root:not([data-motion=off]) .drawer[open] { animation: drawer-in .28s var(--ease-card); }
  :root:not([data-motion=off]) .save-card[aria-pressed=true] .icon { animation: saved-pop .26s var(--ease-card); }
  :root:not([data-motion=off]) .desktop-nav .catalog-disclosure[open] .catalog-panel { animation: search-in .2s var(--ease-card); }
}
@keyframes card-deal { from { transform: translate(-50%,-38%) rotate(0deg) scale(.84); } to { transform: var(--card-pose); } }
@keyframes headline-settle { from { transform: translateY(10px); } to { transform: translateY(0); } }
@keyframes spotlight-in { from { opacity: .5; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@keyframes drawer-in { from { opacity: .7; transform: translateX(30px); } to { opacity: 1; transform: none; } }
@keyframes search-in { from { opacity: .7; transform: translateY(-10px); } to { opacity: 1; transform: none; } }
@keyframes saved-pop { 50% { transform: scale(1.2); } }
@media (min-width:1600px) { .hero-inner { min-height: 710px; } .hero-art { height: 485px; } .hero-card { width: 275px; } .hero-orbit { width: 445px; height: 445px; } }
@media (min-width:1280px) and (max-width:1439px) { .hero-inner { min-height: 600px; padding-block: 10px 20px; } .hero-art { height: 395px; } .hero-orbit { width: 355px; height: 355px; } }
@media (max-width:1279px) { .desktop-nav { gap: 14px; font-size: 11px; } .catalog-panel-inner { gap: 25px; } .catalog-panel-intro h2 { font-size: 31px; } .catalog-panel-pick { padding: 14px; gap: 12px; } .catalog-panel-pick img { width: 68px; } .hero-inner { min-height: 610px; gap: 28px; } .hero-art { height: 405px; } .hero-orbit { width: 355px; height: 355px; } .hero-card { width: 223px; } .spotlight-tab { font-size: 10px; gap: 5px; } .spotlight-panel h2 { font-size: 14px; } .collector-stamp { width: 83px; height: 83px; bottom: 4px; } .collector-stamp strong { font-size: 16px; } .collector-stamp > span { font-size: 7px; } }
@media (max-width:1023px) { .hero-inner { grid-template-columns: 1fr .95fr; min-height: 575px; gap: 15px; } .hero-art { height: 345px; } .hero-card { width: 185px; } .hero-orbit { width: 295px; height: 295px; } .collector-stamp { width: 73px; height: 73px; } .collector-stamp strong { font-size: 14px; } .spotlight-controls { gap: 2px; } .spotlight-tab { font-size: 9px; } .spotlight-tab .spotlight-dot { display: none; } .category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .collector-ribbon { margin-bottom: 40px; } }
@media (max-width:767px) {
  .hero-inner { padding-block: 0 25px; gap: 0; }
  .collector-spotlight { width: 100%; }
  .hero-art { width: min(100%,440px); height: 335px; }
  .hero-card { width: clamp(156px,45vw,188px); }
  .hero-card[data-position=left] { --card-x: -37%; --card-angle: -18deg; --card-scale: .82; }
  .hero-card[data-position=right] { --card-x: 37%; --card-angle: 18deg; --card-scale: .82; }
  .hero-orbit { width: 285px; height: 285px; }
  .hero-outline { inset: 10px 2px; }
  .collector-stamp { left: 0; bottom: 8px; width: 74px; height: 74px; }
  .hero-spark { top: 8px; right: 12px; }
  .spotlight-details { max-width: 380px; }
  .spotlight-tab { font-size: 10px; padding-block: 12px; }
  .spotlight-panel { min-height: 97px; padding-top: 15px; }
  .spotlight-panel h2 { font-size: 14px; }
  .spotlight-caption { font-size: 8px; }
  .spotlight-price { font-size: 11px; }
  .collector-ribbon { padding-block: 18px 20px; margin-bottom: 35px; }
  .ribbon-track { gap: 23px; font-size: 66px; }
  .collection-shortcuts { display: block; margin-top: 23px; padding-top: 16px; }
  .collection-shortcuts > span { display: block; padding-top: 0; margin-bottom: 6px; font-size: 10px; }
  .collection-shortcuts > div { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2px 24px; }
  .collection-shortcuts a { font-size: 10px; }
  .footer-bottom > div { gap: 14px 20px; }
}
@media (max-width:374px) { .hero-art { height: 305px; } .hero-orbit { width: 260px; height: 260px; } .spotlight-tab { font-size: 9px; } }
:root[data-motion=off] { scroll-behavior: auto; }
:root[data-motion=off] *, :root[data-motion=off] *::before, :root[data-motion=off] *::after { animation: none !important; transition-duration: .01ms !important; }
:root[data-motion=off] .collector-reveal { opacity: 1; transform: none; }
:root[data-motion=off] .button:hover, :root[data-motion=off] .button:active, :root[data-motion=off] .icon-button:active, :root[data-motion=off] .spotlight-link:hover, :root[data-motion=off] .product-card:hover .product-image-link img, :root[data-motion=off] .category-tile:hover .category-info > .icon, :root[data-motion=off] .button:hover .icon, :root[data-motion=off] .text-link:hover .icon { transform: none; }
:root[data-motion=off] .category-tile:hover .category-image img { transform: rotate(var(--category-angle)); }
@media (prefers-reduced-motion:reduce) { .collector-reveal { opacity: 1; transform: none; } .ribbon-track { transform: none; } }

/* Contextual product picks and native search make the menu useful at every size. */
.catalog-panel-inner{grid-template-columns:.85fr 1.15fr 1.1fr;gap:32px}.catalog-panel-picks>.eyebrow{font-size:9px;color:var(--muted);margin:0 0 10px}.catalog-panel-picks>div{display:grid;gap:8px}.catalog-panel-pick{padding:10px 12px;gap:12px;min-height:98px}.catalog-panel-pick img{width:52px;height:76px;max-height:76px;flex-shrink:0}.catalog-panel-pick>span{min-width:0;flex:1}.catalog-pick-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.4}.catalog-pick-price{display:block;margin-top:5px;font-size:12px;font-weight:600}.catalog-pick-price del{color:var(--muted);font-weight:400;font-size:10px}.catalog-pick-price ins{background:transparent;text-decoration:none}.catalog-panel-pick>.icon{flex-shrink:0;margin:0}.catalog-panel-pick:hover{outline:1px solid var(--ink);outline-offset:-1px}
.desktop-nav [aria-current],.catalog-panel-links>a[aria-current]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.menu-search{margin:8px 0 14px}.menu-search label{display:block;font-size:11px;font-weight:600;margin-bottom:8px}.menu-search>div{display:flex;min-height:50px;border:1px solid var(--line);border-radius:5px;background:var(--soft)}.menu-search input{width:100%;min-width:0;border:0;background:transparent;padding:12px;font-size:12px;color:var(--ink)}.menu-search button{width:48px;flex-shrink:0;border:0;background:transparent;color:var(--ink);display:grid;place-items:center}.menu-search button .icon{width:21px;height:21px}
.menu-quick-links{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.menu-quick-links>a{min-height:40px;display:flex;align-items:center;padding:8px 11px;background:var(--soft);border:1px solid var(--line);border-radius:4px;font-size:11px;font-weight:600}.menu-quick-links>a:hover{background:var(--accent)}
.mobile-menu .catalog-panel-picks{margin-top:20px}.mobile-menu .catalog-panel-picks>div{grid-template-columns:1fr}.mobile-menu .catalog-panel-pick{min-height:95px}.menu-account-links{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 6px}.menu-account-links>a{display:flex;align-items:center;gap:8px;font-size:12px;min-height:44px}.menu-account-links .icon{width:18px;height:18px}
/* Alternate photographs always come from the product's real WooCommerce gallery. */
.has-alternate-photo{display:grid;place-items:center}.has-alternate-photo>img{grid-area:1/1}.has-alternate-photo .product-alternate-photo{opacity:0;pointer-events:none}.has-alternate-photo.is-alternate>img:first-child{opacity:0}.has-alternate-photo.is-alternate .product-alternate-photo{opacity:1}.product-photo-switch{position:absolute;left:10px;bottom:10px;z-index:2;display:flex;align-items:center;gap:5px;min-height:36px;padding:5px 9px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);font-size:9px;box-shadow:0 2px 8px #00000009}.product-photo-switch[hidden]{display:none}.product-photo-switch .icon{width:15px;height:15px}
@media(hover:hover) and (pointer:fine){.has-alternate-photo:not(.is-alternate):hover>img:first-child{opacity:0}.has-alternate-photo:hover .product-alternate-photo{opacity:1}}
@media(prefers-reduced-motion:no-preference){:root:not([data-motion=off]) .has-alternate-photo>img{transition:opacity .18s ease,transform .3s ease}}