/* Shared navigation for the seven distinct product chapters. */
body:is([data-active-landing-page="collection"],[data-active-landing-page="grading"],[data-active-landing-page="market"],[data-active-landing-page="app"]) .site-header {
  color: #28232d; background: rgba(247,245,239,.96); box-shadow: 0 1px 0 rgba(0,0,0,.07);
}
body:is([data-active-landing-page="collection"],[data-active-landing-page="grading"],[data-active-landing-page="market"],[data-active-landing-page="app"]) .site-nav { background: rgba(23,20,29,.055); }
body:is([data-active-landing-page="collection"],[data-active-landing-page="grading"],[data-active-landing-page="market"],[data-active-landing-page="app"]) .site-nav a[aria-current="page"],
body:is([data-active-landing-page="collection"],[data-active-landing-page="grading"],[data-active-landing-page="market"],[data-active-landing-page="app"]) .site-login { color:#fff; background:#7b54ea; }
.marketing-site .site-header__inner { grid-template-columns: minmax(170px,1fr) auto minmax(160px,1fr); gap:16px; }
.marketing-site .site-nav a { padding-inline:12px; }
@media (min-width:621px) and (max-width:1120px) {
  .marketing-site .site-header__inner { grid-template-columns:1fr auto; gap:8px; padding-block:8px; }
  .marketing-site .site-nav { grid-column:1 / -1; grid-row:2; width:100%; justify-content:center; }
  .marketing-site .site-auth-actions { grid-column:2; grid-row:1; }
}
@media (max-width:620px) {
  .marketing-site .site-header__inner { grid-template-columns:minmax(0,1fr) auto auto; }
}
/* Home is a collector’s directory. Product screenshots live on their own chapters. */
[data-landing-page="home"] .collector-directory { padding:90px 0; color:#292431; background:#eee9df; scroll-margin-top:110px; }
[data-landing-page="home"] .collector-directory__heading { display:grid; grid-template-columns:1.1fr 1fr; gap:22px 70px; align-items:end; margin-bottom:45px; }
[data-landing-page="home"] .collector-directory__heading .landing-eyebrow { grid-column:1/-1; margin:0; }
[data-landing-page="home"] .collector-directory__heading h2 { margin:0; font-size:clamp(36px,4.5vw,64px); line-height:1.03; letter-spacing:-.055em; text-wrap:balance; }
[data-landing-page="home"] .collector-directory__heading > p:last-child { margin:0; max-width:470px; color:#716878; font-size:15px; line-height:1.75; text-wrap:pretty; }
[data-landing-page="home"] .collector-directory__spread { display:grid; grid-template-columns:1fr 1fr; gap:0; padding:12px; border-radius:24px; background:#fbf8f2; box-shadow:0 2px 4px #3b274512,0 25px 50px #3b274517; }
[data-landing-page="home"] .collector-directory__cover { position:relative; min-width:0; min-height:530px; display:flex; flex-direction:column; justify-content:space-between; padding:28px; overflow:hidden; border-radius:14px 3px 3px 14px; color:#efddae; background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff03 3px 4px),#34312e; box-shadow:inset -12px 0 20px #0003; }
[data-landing-page="home"] .collector-directory__volume { position:relative; z-index:2; font-size:10px; font-weight:700; letter-spacing:.16em; }
[data-landing-page="home"] .collector-directory__cards { height:320px; margin:28px -10px 5px; position:relative; }
[data-landing-page="home"] .collector-directory__cards img { position:absolute; width:43%; height:290px; object-fit:contain; padding:10px; border-radius:13px; background:linear-gradient(130deg,#ffffff2e,#ffffff08); box-shadow:inset 0 0 0 1px #ffffff33,0 15px 22px #0005; transform:rotate(-14deg); left:1%; top:5px; }
[data-landing-page="home"] .collector-directory__cards img:nth-child(2) { left:27%; top:-8px; z-index:2; transform:rotate(-2deg); }
[data-landing-page="home"] .collector-directory__cards img:nth-child(3) { left:55%; top:12px; transform:rotate(12deg); }
[data-landing-page="home"] .collector-directory__stamp { align-self:flex-end; position:relative; z-index:3; padding:12px 18px; color:#302a2b; background:#d6c395; border:1px dashed #5d514c; outline:5px solid #d6c395; transform:rotate(-5deg); font-size:12px; line-height:1.4; font-weight:650; margin:0 10px 24px; }
[data-landing-page="home"] .collector-directory__edition { display:flex; justify-content:space-between; font-size:9px; letter-spacing:.1em; }
[data-landing-page="home"] .collector-directory__tabs { display:flex; flex-direction:column; justify-content:center; padding:16px 16px 16px 30px; }
[data-landing-page="home"] .collector-directory__tabs a { display:flex; align-items:center; gap:20px; min-height:100px; padding:20px 10px; border-bottom:1px solid #dcd4c9; text-decoration:none; color:#282331; transition:background-color .2s,transform .2s; }
[data-landing-page="home"] .collector-directory__tabs a:last-child { border-bottom:0; }
[data-landing-page="home"] .collector-directory__tabs a:hover { background:#eee8f5; transform:translateX(4px); }
[data-landing-page="home"] .collector-directory__tabs a > span:last-child { margin-left:auto; color:#7b54ba; font-size:24px; }
[data-landing-page="home"] .collector-directory__number { color:#8c76a7; font-size:11px; font-variant-numeric:tabular-nums; }
[data-landing-page="home"] .collector-directory__tabs strong { display:block; margin-bottom:6px; font-size:23px; letter-spacing:-.03em; }
[data-landing-page="home"] .collector-directory__tabs small { color:#766c7c; font-size:12px; line-height:1.5; }
@media (max-width:760px) {
  [data-landing-page="home"] .collector-directory { padding-block:56px; }
  [data-landing-page="home"] .collector-directory__heading { grid-template-columns:1fr; gap:24px; }
  [data-landing-page="home"] .collector-directory__spread { grid-template-columns:1fr; }
  [data-landing-page="home"] .collector-directory__cover { border-radius:14px; min-height:450px; padding:24px; }
  [data-landing-page="home"] .collector-directory__cards { height:250px; }
  [data-landing-page="home"] .collector-directory__cards img { height:245px; }
  [data-landing-page="home"] .collector-directory__tabs { padding:12px; }
  [data-landing-page="home"] .collector-directory__tabs a { gap:16px; min-height:95px; }
}
@media (prefers-reduced-motion:reduce) {
  [data-landing-page="home"] .collector-directory__tabs a { transition:none; }
}