.collector-page[data-landing-page="collection"] { --collection-ink:#292338; --collection-muted:#716978; --collection-accent:#7251c8; color:var(--collection-ink); background:#f5f1e9; -webkit-font-smoothing:antialiased; }
.collector-page[data-landing-page="collection"] * { box-sizing:border-box; }
.collector-page[data-landing-page="collection"] .collection-shell { width:min(1240px,calc(100% - 96px)); margin-inline:auto; }
.collector-page[data-landing-page="collection"] :is(h1,h2,h3,p,figure) { margin:0; }
.collector-page[data-landing-page="collection"] :is(h1,h2,h3) { text-wrap:balance; letter-spacing:-.045em; }
.collector-page[data-landing-page="collection"] p { text-wrap:pretty; }
.collector-page[data-landing-page="collection"] a { color:inherit; }
.collector-page[data-landing-page="collection"] .collection-kicker { font-size:11px; font-weight:750; text-transform:uppercase; letter-spacing:.15em; color:var(--collection-accent); }
.collector-page[data-landing-page="collection"] .collection-hero { overflow:hidden; background:radial-gradient(ellipse at 80% 44%,#ddd2ef 0,transparent 46%),#f5f1e9; }
.collector-page[data-landing-page="collection"] .collection-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; min-height:710px; padding-block:78px 68px; }
.collector-page[data-landing-page="collection"] h1 { font-size:clamp(48px,5.4vw,76px); line-height:1.02; margin:24px 0; font-weight:730; }
.collector-page[data-landing-page="collection"] h1 em { color:var(--collection-accent); font-style:normal; }
.collector-page[data-landing-page="collection"] .collection-intro > p:not(.collection-kicker) { max-width:440px; color:var(--collection-muted); font-size:17px; line-height:1.65; }
.collector-page[data-landing-page="collection"] .collection-button { display:inline-flex; gap:25px; min-height:48px; padding:14px 22px; align-items:center; justify-content:center; border:0; border-radius:9px; background:var(--collection-accent); color:#fff; font:inherit; font-size:13px; font-weight:700; text-decoration:none; cursor:pointer; box-shadow:0 2px 4px #35205212,0 8px 20px #7251c81c; transition:background .18s,transform .18s; }
.collector-page[data-landing-page="collection"] .collection-intro .collection-button { margin-top:30px; }
.collector-page[data-landing-page="collection"] .collection-button:hover { background:#6142b0; }
.collector-page[data-landing-page="collection"] .collection-button:active { transform:scale(.96); }
.collector-page[data-landing-page="collection"] :is(a,button):focus-visible { outline:3px solid #8e6cdb; outline-offset:5px; }
.collector-page[data-landing-page="collection"] .collection-binder-art { padding:10px; position:relative; min-width:0; }
.collector-page[data-landing-page="collection"] .collection-binder { position:relative; width:100%; max-width:490px; margin-inline:auto; padding:25px 25px 37px 51px; border-radius:12px 24px 24px 12px; background:linear-gradient(112deg,#675471,#3b3046); transform:rotate(6deg); box-shadow:2px 3px 2px #19112325,8px 14px 24px #32213d20,20px 30px 70px #4b33532d,inset 0 0 0 1px #ffffff20; }
.collector-page[data-landing-page="collection"] .collection-binder::before { content:""; position:absolute; inset:7px 7px 7px 39px; border-radius:4px 18px 18px 4px; border:1px solid #ffffff15; }
.collector-page[data-landing-page="collection"] .collection-spine { position:absolute; inset:20px auto 20px 0; width:37px; background:linear-gradient(90deg,#211a2b66,transparent); display:flex; flex-direction:column; justify-content:space-around; align-items:center; }
.collector-page[data-landing-page="collection"] .collection-spine i { width:31px; height:11px; margin-left:25px; border-radius:7px; background:linear-gradient(#b4acb9,#f5f0f7 27%,#5b5262 64%,#b4aabc); box-shadow:0 3px 4px #0004; z-index:2; }
.collector-page[data-landing-page="collection"] .collection-pockets { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.collector-page[data-landing-page="collection"] .collection-pocket { position:relative; padding:12px 12px 28px; min-width:0; aspect-ratio:.76; border-radius:6px; background:linear-gradient(126deg,#ffffff28,#ffffff06 35%,#ffffff20 75%,#ffffff0b); box-shadow:inset 0 0 0 1px #ffffff25,0 1px 3px #0003; }
.collector-page[data-landing-page="collection"] .collection-pocket::after { content:""; position:absolute; inset:0; border-top:2px solid #ffffff38; border-radius:6px; background:linear-gradient(112deg,transparent 45%,#ffffff0e 47%,transparent 65%); pointer-events:none; }
.collector-page[data-landing-page="collection"] .collection-pocket img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 4px 4px #0004); transform:rotate(-2deg); }
.collector-page[data-landing-page="collection"] .collection-pocket:nth-child(2) img { transform:rotate(2deg); }
.collector-page[data-landing-page="collection"] .collection-pocket > span { position:absolute; bottom:9px; left:12px; font:8px ui-monospace,monospace; letter-spacing:.08em; color:#d4c7db; }
.collector-page[data-landing-page="collection"] .collection-pocket--note { display:flex; flex-direction:column; justify-content:center; background:#ece2d5; color:#675173; }
.collector-page[data-landing-page="collection"] .collection-pocket--note small { font-size:9px; margin-bottom:12px; }
.collector-page[data-landing-page="collection"] .collection-pocket--note strong { font-size:clamp(22px,2.6vw,36px); letter-spacing:-.05em; line-height:1.02; }
.collector-page[data-landing-page="collection"] .collection-pocket--note > span { color:#857488; }
.collector-page[data-landing-page="collection"] .collection-binder-label { position:absolute; right:29px; bottom:13px; color:#d6bca5; font:8px ui-monospace,monospace; letter-spacing:.18em; }
.collector-page[data-landing-page="collection"] .collection-binder-art figcaption { text-align:center; margin-top:35px; color:#84778c; font-size:10px; line-height:1.5; }
.collector-page[data-landing-page="collection"] .collection-inventory { padding-block:105px 95px; }
.collector-page[data-landing-page="collection"] .collection-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:50px; margin-bottom:40px; }
.collector-page[data-landing-page="collection"] h2 { font-size:clamp(36px,4vw,56px); line-height:1.05; margin-top:17px; }
.collector-page[data-landing-page="collection"] .collection-section-head > p { max-width:385px; color:var(--collection-muted); font-size:15px; line-height:1.75; }
.collector-page[data-landing-page="collection"] .collection-screen { overflow:hidden; border-radius:15px; background:#fffaf5; box-shadow:0 0 0 1px #0000000a,0 4px 8px #35243906,0 20px 48px #35243912; }
.collector-page[data-landing-page="collection"] .collection-screen figcaption { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:15px 21px; font-size:11px; }
.collector-page[data-landing-page="collection"] .collection-screen figcaption span { color:var(--collection-muted); font-size:10px; }
.collector-page[data-landing-page="collection"] .collection-screen a { display:block; }
.collector-page[data-landing-page="collection"] .collection-screen img { display:block; width:100%; height:auto; outline:1px solid #0000001a; outline-offset:-1px; }
.collector-page[data-landing-page="collection"] .collection-reading { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; padding-top:34px; }
.collector-page[data-landing-page="collection"] .collection-reading p { position:relative; padding-left:33px; font-size:13px; color:var(--collection-muted); line-height:1.6; }
.collector-page[data-landing-page="collection"] .collection-reading span { position:absolute; left:0; top:1px; color:var(--collection-accent); font-size:10px; font-variant-numeric:tabular-nums; }
.collector-page[data-landing-page="collection"] .collection-reading strong { display:block; margin-bottom:6px; color:var(--collection-ink); font-size:14px; }
.collector-page[data-landing-page="collection"] .collection-acquisition { padding-block:95px; background:#eae3d8; }
.collector-page[data-landing-page="collection"] .collection-acquisition-layout { display:grid; grid-template-columns:280px 1fr; gap:50px; align-items:start; }
.collector-page[data-landing-page="collection"] .collection-acquisition-notes { display:grid; gap:29px; }
.collector-page[data-landing-page="collection"] .collection-acquisition-notes article { position:relative; padding-left:30px; }
.collector-page[data-landing-page="collection"] .collection-acquisition-notes article > span { position:absolute; left:0; top:2px; color:#88709b; font-size:11px; }
.collector-page[data-landing-page="collection"] .collection-acquisition-notes h3 { font-size:20px; margin-bottom:9px; }
.collector-page[data-landing-page="collection"] .collection-acquisition-notes p { font-size:13px; line-height:1.7; color:#716876; }
.collector-page[data-landing-page="collection"] .collection-next { display:grid; grid-template-columns:1fr 350px; gap:90px; align-items:center; padding-block:105px; }
.collector-page[data-landing-page="collection"] .collection-next > div > p:not(.collection-kicker) { max-width:470px; margin-top:20px; color:var(--collection-muted); line-height:1.7; font-size:14px; }
.collector-page[data-landing-page="collection"] .collection-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:27px; }
.collector-page[data-landing-page="collection"] .collection-actions > a { font-size:12px; text-underline-offset:5px; min-height:40px; display:flex; align-items:center; }
.collector-page[data-landing-page="collection"] .collection-next nav { display:grid; }
.collector-page[data-landing-page="collection"] .collection-next nav a { position:relative; display:grid; gap:8px; padding:26px 35px 26px 0; border-bottom:1px solid #29233820; text-decoration:none; }
.collector-page[data-landing-page="collection"] .collection-next nav span { font-size:10px; color:var(--collection-muted); }
.collector-page[data-landing-page="collection"] .collection-next nav strong { font-size:20px; letter-spacing:-.03em; }
.collector-page[data-landing-page="collection"] .collection-next nav b { position:absolute; right:0; top:40px; font-size:20px; color:var(--collection-accent); transition:transform .2s; }
.collector-page[data-landing-page="collection"] .collection-next nav a:hover b { transform:translate(3px,-3px); }
@media(max-width:1000px) { .collector-page[data-landing-page="collection"] .collection-hero-grid { gap:24px; min-height:620px; } .collector-page[data-landing-page="collection"] .collection-acquisition-layout { grid-template-columns:240px 1fr; gap:25px; } .collector-page[data-landing-page="collection"] .collection-next { grid-template-columns:1fr 280px; gap:40px; } }
@media(max-width:720px) {
  .collector-page[data-landing-page="collection"] .collection-shell { width:calc(100% - 40px); }
  .collector-page[data-landing-page="collection"] .collection-hero-grid { grid-template-columns:1fr; padding-block:52px 38px; gap:45px; }
  .collector-page[data-landing-page="collection"] h1 { font-size:clamp(40px,10vw,58px); }
  .collector-page[data-landing-page="collection"] .collection-intro > p:not(.collection-kicker) { font-size:15px; }
  .collector-page[data-landing-page="collection"] .collection-binder-art { width:min(410px,96%); margin-inline:auto; }
  .collector-page[data-landing-page="collection"] .collection-pocket--note strong { font-size:30px; }
  .collector-page[data-landing-page="collection"] .collection-section-head { display:block; margin-bottom:27px; }
  .collector-page[data-landing-page="collection"] .collection-section-head > p { margin-top:20px; }
  .collector-page[data-landing-page="collection"] :is(.collection-inventory,.collection-acquisition,.collection-next) { padding-block:60px; }
  .collector-page[data-landing-page="collection"] h2 { font-size:36px; }
  .collector-page[data-landing-page="collection"] .collection-reading { grid-template-columns:1fr; gap:20px; }
  .collector-page[data-landing-page="collection"] .collection-acquisition-layout { grid-template-columns:1fr; gap:30px; }
  .collector-page[data-landing-page="collection"] .collection-next { grid-template-columns:1fr; gap:30px; }
  .collector-page[data-landing-page="collection"] .collection-screen figcaption { padding:12px 13px; }
  .collector-page[data-landing-page="collection"] .collection-screen figcaption span { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) { .collector-page[data-landing-page="collection"] :is(.collection-button,.collection-next nav b) { transition:none; } .collector-page[data-landing-page="collection"] .collection-button:active,.collector-page[data-landing-page="collection"] .collection-next nav a:hover b { transform:none; } }