.collector-page[data-landing-page="grading"] { --grading-ink:#252539; --grading-muted:#727181; --grading-accent:#5c55b3; background:#f4f1ed; color:var(--grading-ink); -webkit-font-smoothing:antialiased; }
.collector-page[data-landing-page="grading"] * { box-sizing:border-box; }
.collector-page[data-landing-page="grading"] .grading-shell { width:min(1240px,calc(100% - 96px)); margin-inline:auto; }
.collector-page[data-landing-page="grading"] :is(h1,h2,h3,p,figure) { margin:0; }
.collector-page[data-landing-page="grading"] :is(h1,h2,h3) { text-wrap:balance; letter-spacing:-.045em; }
.collector-page[data-landing-page="grading"] p { text-wrap:pretty; }
.collector-page[data-landing-page="grading"] a { color:inherit; }
.collector-page[data-landing-page="grading"] .grading-kicker { font-size:11px; letter-spacing:.15em; text-transform:uppercase; font-weight:750; color:var(--grading-accent); }
.collector-page[data-landing-page="grading"] .grading-hero { overflow:hidden; background:radial-gradient(ellipse at 85% 40%,#dfe0ee,transparent 55%),#f4f1ed; }
.collector-page[data-landing-page="grading"] .grading-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:45px; min-height:740px; align-items:center; padding-block:70px 60px; }
.collector-page[data-landing-page="grading"] h1 { font-size:clamp(48px,5.3vw,74px); line-height:1.03; font-weight:730; margin:24px 0; }
.collector-page[data-landing-page="grading"] h1 em { color:var(--grading-accent); font-style:normal; }
.collector-page[data-landing-page="grading"] .grading-intro > p:not(.grading-kicker) { max-width:445px; color:var(--grading-muted); font-size:17px; line-height:1.7; }
.collector-page[data-landing-page="grading"] .grading-button { display:inline-flex; min-height:48px; padding:14px 22px; gap:25px; align-items:center; border:0; border-radius:9px; background:var(--grading-accent); color:#fff; text-decoration:none; font:inherit; font-size:13px; font-weight:700; cursor:pointer; box-shadow:0 2px 4px #25203e12,0 8px 20px #5c55b31c; transition:background .18s,transform .18s; }
.collector-page[data-landing-page="grading"] .grading-intro .grading-button { margin-top:30px; }
.collector-page[data-landing-page="grading"] .grading-button:hover { background:#494390; }
.collector-page[data-landing-page="grading"] .grading-button:active { transform:scale(.96); }
.collector-page[data-landing-page="grading"] :is(a,button):focus-visible { outline:3px solid #817ac9; outline-offset:5px; }
.collector-page[data-landing-page="grading"] .grading-art { min-width:0; }
.collector-page[data-landing-page="grading"] .grading-art-stage { height:540px; position:relative; isolation:isolate; }
.collector-page[data-landing-page="grading"] .grading-orbit { position:absolute; width:470px; height:470px; top:20px; left:50%; transform:translateX(-50%); border-radius:50%; border:1px solid #74708e18; }
.collector-page[data-landing-page="grading"] .grading-orbit--two { width:340px; height:340px; top:85px; }
.collector-page[data-landing-page="grading"] .grading-art-coordinate { position:absolute; left:5px; top:40px; font:10px ui-monospace,monospace; letter-spacing:.16em; color:#8e89a2; }
.collector-page[data-landing-page="grading"] .grading-sleeve { position:absolute; left:4%; top:100px; width:210px; height:310px; border:1px solid #ffffffc9; border-radius:9px; background:linear-gradient(120deg,#fefeff80,#b4b7cf22); transform:rotate(-16deg); box-shadow:inset 0 0 0 4px #ffffff20,0 16px 30px #403e6114; padding:19px; }
.collector-page[data-landing-page="grading"] .grading-sleeve > span { display:block; color:#868199; font:8px ui-monospace,monospace; letter-spacing:.16em; margin-bottom:15px; }
.collector-page[data-landing-page="grading"] .grading-sleeve-core { height:235px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #ddd8e8; border-radius:5px; background:repeating-linear-gradient(45deg,#b3a6c544 0 1px,transparent 1px 7px),linear-gradient(155deg,#716086,#39314c); color:#e3d9ef; font-size:98px; font-weight:800; font-style:italic; }
.collector-page[data-landing-page="grading"] .grading-sleeve-core span { font:8px ui-monospace,monospace; letter-spacing:.25em; margin-top:5px; }
.collector-page[data-landing-page="grading"] .grading-slab { position:absolute; z-index:2; width:266px; height:444px; left:39%; top:34px; transform:rotate(10deg); padding:15px; border-radius:20px; border:1px solid #ffffffd9; background:linear-gradient(112deg,#ffffffe8,#dce0ee65 25%,#f7f9ffca 65%,#c1c5d750); box-shadow:inset 0 0 0 5px #ffffff65,inset 0 0 0 6px #aab0c842,3px 5px 4px #2d2c451a,12px 23px 30px #3e3b571a,24px 35px 65px #38334b18; }
.collector-page[data-landing-page="grading"] .grading-slab-label { height:69px; padding:10px 13px; position:relative; background:#f7f5fb; border:1px solid #bdb5d5; border-top:4px solid #77648d; border-radius:5px; }
.collector-page[data-landing-page="grading"] .grading-slab-label > span { display:block; color:#8b7d9d; font-size:6px; letter-spacing:.2em; margin-bottom:5px; }
.collector-page[data-landing-page="grading"] .grading-slab-label strong { font-size:11px; line-height:1.15; display:block; color:#59516b; }
.collector-page[data-landing-page="grading"] .grading-slab-label i { position:absolute; right:12px; top:20px; font-size:27px; font-weight:800; color:#857099; }
.collector-page[data-landing-page="grading"] .grading-slab-window { height:319px; margin-top:13px; padding:11px; border-radius:10px; background:linear-gradient(145deg,#b4bac955,#fbfbffb3); box-shadow:inset 0 0 0 1px #abb1c166,inset 0 2px 5px #76748715; }
.collector-page[data-landing-page="grading"] .grading-slab-window img { width:100%; height:100%; object-fit:contain; display:block; filter:drop-shadow(1px 4px 4px #0002); }
.collector-page[data-landing-page="grading"] .grading-slab-edge { display:block; text-align:center; margin-top:9px; font:6px ui-monospace,monospace; letter-spacing:.17em; color:#7d7b93; }
.collector-page[data-landing-page="grading"] .grading-stage-note { position:absolute; bottom:14px; right:5px; font-size:10px; color:#8f829f; letter-spacing:.04em; }
.collector-page[data-landing-page="grading"] .grading-art > figcaption { text-align:center; font-size:10px; line-height:1.5; color:#918898; margin-top:10px; }
.collector-page[data-landing-page="grading"] .grading-process { padding-block:95px; }
.collector-page[data-landing-page="grading"] .grading-section-head { max-width:670px; }
.collector-page[data-landing-page="grading"] h2 { font-size:clamp(36px,4vw,56px); line-height:1.05; margin-top:18px; }
.collector-page[data-landing-page="grading"] .grading-section-head > p:last-child { max-width:530px; margin-top:22px; color:var(--grading-muted); font-size:15px; line-height:1.75; }
.collector-page[data-landing-page="grading"] .grading-timeline { display:grid; grid-template-columns:repeat(3,1fr); padding:0; margin:55px 0 0; list-style:none; }
.collector-page[data-landing-page="grading"] .grading-timeline li { position:relative; padding:0 34px 0 0; }
.collector-page[data-landing-page="grading"] .grading-timeline li::before { content:""; position:absolute; top:20px; left:48px; right:0; height:1px; background:#5c55b32b; }
.collector-page[data-landing-page="grading"] .grading-timeline li:last-child::before { background:linear-gradient(90deg,#5c55b32b,transparent); }
.collector-page[data-landing-page="grading"] .grading-timeline li > span { display:inline-grid; width:41px; height:41px; place-items:center; border-radius:50%; color:var(--grading-accent); background:#e7e2f0; font-size:11px; font-variant-numeric:tabular-nums; }
.collector-page[data-landing-page="grading"] .grading-timeline li > div { margin-top:25px; }
.collector-page[data-landing-page="grading"] .grading-timeline li p:first-child { font-size:10px; color:var(--grading-accent); text-transform:uppercase; letter-spacing:.12em; }
.collector-page[data-landing-page="grading"] .grading-timeline h3 { margin-block:10px 13px; font-size:26px; }
.collector-page[data-landing-page="grading"] .grading-timeline li p:last-child { font-size:14px; line-height:1.7; color:var(--grading-muted); }
.collector-page[data-landing-page="grading"] .grading-software { background:#272434; color:#f7f2fb; padding-block:95px; }
.collector-page[data-landing-page="grading"] .grading-software .grading-kicker { color:#b4a5dd; }
.collector-page[data-landing-page="grading"] .grading-software-head { display:flex; justify-content:space-between; gap:50px; align-items:flex-end; margin-bottom:40px; }
.collector-page[data-landing-page="grading"] .grading-software-head > p { max-width:390px; color:#bbb3ca; font-size:15px; line-height:1.75; }
.collector-page[data-landing-page="grading"] .grading-screen { overflow:hidden; background:#383342; border-radius:15px; box-shadow:0 0 0 1px #ffffff18,0 6px 15px #0001,0 28px 60px #0002; }
.collector-page[data-landing-page="grading"] .grading-screen figcaption { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:15px 21px; font-size:11px; }
.collector-page[data-landing-page="grading"] .grading-screen figcaption span { font-size:10px; color:#bcb0cb; }
.collector-page[data-landing-page="grading"] .grading-screen a { display:block; }
.collector-page[data-landing-page="grading"] .grading-screen img { width:100%; height:auto; display:block; outline:1px solid #ffffff1a; outline-offset:-1px; }
.collector-page[data-landing-page="grading"] .grading-software-note { display:grid; grid-template-columns:1fr 1fr; gap:60px; padding-top:32px; }
.collector-page[data-landing-page="grading"] .grading-software-note strong { font-size:19px; max-width:340px; line-height:1.4; letter-spacing:-.02em; }
.collector-page[data-landing-page="grading"] .grading-software-note p { font-size:13px; line-height:1.75; color:#bbb3ca; }
.collector-page[data-landing-page="grading"] .grading-next { display:grid; grid-template-columns:1fr 350px; gap:80px; align-items:center; padding-block:105px; }
.collector-page[data-landing-page="grading"] .grading-next > div > p:last-of-type { max-width:480px; margin-top:23px; color:var(--grading-muted); font-size:14px; line-height:1.7; }
.collector-page[data-landing-page="grading"] .grading-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:28px; }
.collector-page[data-landing-page="grading"] .grading-actions > a { font-size:12px; min-height:40px; display:flex; align-items:center; text-underline-offset:5px; }
.collector-page[data-landing-page="grading"] .grading-next nav { display:grid; }
.collector-page[data-landing-page="grading"] .grading-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="grading"] .grading-next nav span { font-size:10px; color:var(--grading-muted); }
.collector-page[data-landing-page="grading"] .grading-next nav strong { font-size:20px; letter-spacing:-.03em; }
.collector-page[data-landing-page="grading"] .grading-next nav b { position:absolute; right:0; top:40px; font-size:20px; color:var(--grading-accent); transition:transform .2s; }
.collector-page[data-landing-page="grading"] .grading-next nav a:hover b { transform:translate(3px,-3px); }
@media(max-width:1000px) { .collector-page[data-landing-page="grading"] .grading-hero-grid { gap:15px; } .collector-page[data-landing-page="grading"] .grading-slab { left:27%; width:235px; height:424px; } .collector-page[data-landing-page="grading"] .grading-slab-window { height:299px; } .collector-page[data-landing-page="grading"] .grading-sleeve { left:0; width:185px; } .collector-page[data-landing-page="grading"] .grading-next { grid-template-columns:1fr 270px; gap:35px; } }
@media(max-width:720px) {
  .collector-page[data-landing-page="grading"] .grading-shell { width:calc(100% - 40px); }
  .collector-page[data-landing-page="grading"] .grading-hero-grid { grid-template-columns:1fr; padding-block:52px 30px; gap:20px; }
  .collector-page[data-landing-page="grading"] h1 { font-size:clamp(40px,10vw,58px); }
  .collector-page[data-landing-page="grading"] .grading-intro > p:not(.grading-kicker) { font-size:15px; }
  .collector-page[data-landing-page="grading"] .grading-art { width:min(430px,100%); margin-inline:auto; }
  .collector-page[data-landing-page="grading"] .grading-art-stage { height:495px; }
  .collector-page[data-landing-page="grading"] .grading-slab { left:32%; top:35px; width:225px; height:409px; }
  .collector-page[data-landing-page="grading"] .grading-slab-window { height:284px; }
  .collector-page[data-landing-page="grading"] .grading-sleeve { top:110px; left:2%; width:175px; height:285px; }
  .collector-page[data-landing-page="grading"] .grading-sleeve-core { height:210px; }
  .collector-page[data-landing-page="grading"] :is(.grading-process,.grading-software,.grading-next) { padding-block:60px; }
  .collector-page[data-landing-page="grading"] h2 { font-size:36px; }
  .collector-page[data-landing-page="grading"] .grading-timeline { grid-template-columns:1fr; gap:0; margin-top:35px; }
  .collector-page[data-landing-page="grading"] .grading-timeline li { padding:0 0 30px 60px; }
  .collector-page[data-landing-page="grading"] .grading-timeline li > span { position:absolute; left:0; top:0; }
  .collector-page[data-landing-page="grading"] .grading-timeline li::before { left:20px; right:auto; top:49px; bottom:8px; width:1px; height:auto; }
  .collector-page[data-landing-page="grading"] .grading-timeline li:last-child::before { display:none; }
  .collector-page[data-landing-page="grading"] .grading-timeline li > div { margin:0; padding-top:4px; }
  .collector-page[data-landing-page="grading"] .grading-software-head { display:block; }
  .collector-page[data-landing-page="grading"] .grading-software-head > p { margin-top:23px; }
  .collector-page[data-landing-page="grading"] .grading-software-note { grid-template-columns:1fr; gap:14px; }
  .collector-page[data-landing-page="grading"] .grading-next { grid-template-columns:1fr; gap:30px; }
  .collector-page[data-landing-page="grading"] .grading-screen figcaption { padding:12px 13px; }
  .collector-page[data-landing-page="grading"] .grading-screen figcaption span { font-size:9px; }
}
@media(max-width:390px) { .collector-page[data-landing-page="grading"] .grading-slab { left:28%; width:205px; height:388px; } .collector-page[data-landing-page="grading"] .grading-slab-window { height:263px; } .collector-page[data-landing-page="grading"] .grading-art-stage { height:475px; } }
@media(prefers-reduced-motion:reduce) { .collector-page[data-landing-page="grading"] :is(.grading-button,.grading-next nav b) { transition:none; } .collector-page[data-landing-page="grading"] .grading-button:active,.collector-page[data-landing-page="grading"] .grading-next nav a:hover b { transform:none; } }