#getit-lp4[data-lp="lp4"] { --getit-lp4-showcase-bg: #0b0b0c; --getit-lp4-showcase-panel: #151518; --getit-lp4-showcase-panel-2: #1c1c20; --getit-lp4-showcase-line: #ffffff1f; --getit-lp4-showcase-text: #f4f2ec; --getit-lp4-showcase-muted: #b3afa6; --getit-lp4-showcase-yellow: #ffd600; --getit-lp4-showcase-ink: #111; } #getit-lp4[data-lp="lp4"] * { box-sizing: border-box; } #getit-lp4[data-lp="lp4"] { background: var(--getit-lp4-showcase-bg); } #getit-lp4[data-lp="lp4"] { margin: 0; background: var(--getit-lp4-showcase-bg); color: var(--getit-lp4-showcase-text); font-family: "Chiron LP4 Showcase", "Chiron LP4 Showcase Full", "PingFang HK", "Noto Sans HK", sans-serif; font-synthesis: none; font-size: 16px; line-height: 1.6; } #getit-lp4[data-lp="lp4"] p, #getit-lp4[data-lp="lp4"] h1, #getit-lp4[data-lp="lp4"] h2, #getit-lp4[data-lp="lp4"] h3, #getit-lp4[data-lp="lp4"] figure, #getit-lp4[data-lp="lp4"] dl, #getit-lp4[data-lp="lp4"] dd { margin: 0; } #getit-lp4[data-lp="lp4"] a { color: inherit; } #getit-lp4[data-lp="lp4"] a:focus-visible, #getit-lp4[data-lp="lp4"] button:focus-visible, #getit-lp4[data-lp="lp4"] summary:focus-visible { outline: 3px solid var(--getit-lp4-showcase-yellow); outline-offset: 3px; } #getit-lp4[data-lp="lp4"] .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } #getit-lp4[data-lp="lp4"] .skip-link { position: absolute; left: 8px; top: 8px; z-index: 20; width: 1px; height: 1px; overflow: hidden; white-space: nowrap; clip-path: inset(50%); background: var(--getit-lp4-showcase-yellow); color: var(--getit-lp4-showcase-ink) !important; padding: 12px; font-weight: 900; } #getit-lp4[data-lp="lp4"] .skip-link:focus { width: auto; height: auto; overflow: visible; clip-path: none; } #getit-lp4[data-lp="lp4"] .section-wrap { width: min(100% - 40px, 1080px); margin-inline: auto; } #getit-lp4[data-lp="lp4"] .punct { margin-left: -.3em; } #getit-lp4[data-lp="lp4"] .site-header { position: relative; z-index: 5; border-bottom: 1px solid var(--getit-lp4-showcase-line); background: var(--getit-lp4-showcase-bg); } #getit-lp4[data-lp="lp4"] .header-inner { width: min(100% - 40px, 1080px); margin-inline: auto; min-height: 72px; display: flex; justify-content: space-between; align-items: center; gap: 16px; } #getit-lp4[data-lp="lp4"] .brand-link { display: inline-flex; flex-shrink: 0; align-items: center; min-height: 44px; } #getit-lp4[data-lp="lp4"] .brand-logo { display: block; width: 120px; height: auto; aspect-ratio: 631 / 150; } #getit-lp4[data-lp="lp4"] .menu-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 80px; min-height: 44px; border: 0; padding: 8px; background: transparent; color: var(--getit-lp4-showcase-text); font: inherit; cursor: pointer; } #getit-lp4[data-lp="lp4"] .menu-toggle[hidden], #getit-lp4[data-lp="lp4"] .page-navigation[hidden] { display: none; } #getit-lp4[data-lp="lp4"] .menu-icon { position: relative; width: 18px; height: 14px; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; } #getit-lp4[data-lp="lp4"] .menu-icon::before { content: ""; position: absolute; top: 5px; left: 0; width: 18px; border-top: 1px solid currentColor; } #getit-lp4[data-lp="lp4"] .menu-toggle[aria-expanded="true"] .menu-icon { border: 0; } #getit-lp4[data-lp="lp4"] .menu-toggle[aria-expanded="true"] .menu-icon::before, #getit-lp4[data-lp="lp4"] .menu-toggle[aria-expanded="true"] .menu-icon::after { content: ""; position: absolute; top: 6px; left: 0; width: 18px; border-top: 1px solid currentColor; transform: rotate(45deg); } #getit-lp4[data-lp="lp4"] .menu-toggle[aria-expanded="true"] .menu-icon::after { transform: rotate(-45deg); } #getit-lp4[data-lp="lp4"] .showcase-band { background: radial-gradient(60% 40% at 50% 38%, #ffd60010, transparent 70%), var(--getit-lp4-showcase-bg); } #getit-lp4[data-lp="lp4"] .showcase { container-type: inline-size; position: relative; isolation: isolate; width: min(100%, 480px); margin-inline: auto; padding: 14px 20px 26px; overflow-x: clip; background: #0b0b0c url("scene-520.webp") center 16px / 100% auto no-repeat; } @media (min-width: 601px) { #getit-lp4[data-lp="lp4"] .showcase { background-image: url("scene-780.webp"); } } #getit-lp4[data-lp="lp4"] .showcase::before { content: ""; position: absolute; z-index: 0; left: 0; top: 0; width: 80%; height: 90cqw; pointer-events: none; background: radial-gradient(90% 80% at 0 20%, #0b0b0ccc, #0b0b0c66 55%, transparent 80%); } #getit-lp4[data-lp="lp4"] .showcase .eyebrow, #getit-lp4[data-lp="lp4"] .showcase h1, #getit-lp4[data-lp="lp4"] .showcase .intro { position: relative; z-index: 3; } #getit-lp4[data-lp="lp4"] .eyebrow { font-size: 14px; font-weight: 400; color: var(--getit-lp4-showcase-muted); } #getit-lp4[data-lp="lp4"] .showcase h1 { margin-top: 8px; font-size: 56px; font-size: 13.8cqw; line-height: 1.02; font-weight: 900; letter-spacing: -.04em; color: #fff; } #getit-lp4[data-lp="lp4"] .showcase .intro { margin-top: 10px; font-size: 17px; line-height: 1.5; } #getit-lp4[data-lp="lp4"] .stage { --getit-lp4-showcase-T: 36s; --getit-lp4-showcase-R: 29cqw; position: relative; margin-top: 12px; display: grid; justify-items: center; perspective: 760px; } #getit-lp4[data-lp="lp4"] .beam { position: absolute; z-index: 0; left: 50%; top: -60cqw; width: 140cqw; height: 150cqw; margin-left: -70cqw; pointer-events: none; background: conic-gradient(from 0deg at 50% 0, transparent 0 164deg, #fff4c020 172deg, #fff4c03a 180deg, #fff4c020 188deg, transparent 196deg 360deg); -webkit-mask: linear-gradient(#000 45%, transparent 98%); mask: linear-gradient(#000 45%, transparent 98%); } #getit-lp4[data-lp="lp4"] .stage::before { content: ""; position: absolute; z-index: 1; left: 8%; right: 8%; top: 2cqw; height: 58cqw; pointer-events: none; background: radial-gradient(50% 55% at 50% 46%, #ffe89a2e, #ffd60010 55%, transparent 75%); } #getit-lp4[data-lp="lp4"] .sparks { position: absolute; z-index: 1; inset: -10cqw -20px 20cqw; pointer-events: none; background: radial-gradient(1.5px 1.5px at 8% 18%, #fff7cc 99%, transparent), radial-gradient(1px 1px at 22% 62%, #ffe680 99%, transparent), radial-gradient(2px 2px at 88% 24%, #fff7cc 99%, transparent), radial-gradient(1px 1px at 76% 70%, #ffe680 99%, transparent), radial-gradient(1.5px 1.5px at 94% 52%, #fff 99%, transparent), radial-gradient(1px 1px at 4% 44%, #fff 99%, transparent), radial-gradient(1.5px 1.5px at 64% 8%, #ffe680 99%, transparent), radial-gradient(1px 1px at 36% 12%, #fff 99%, transparent), radial-gradient(2px 2px at 14% 86%, #ffd600 99%, transparent), radial-gradient(1.5px 1.5px at 84% 90%, #ffd600 99%, transparent); animation: getit-lp4-showcase-twinkle 5s ease-in-out infinite alternate; } @keyframes getit-lp4-showcase-twinkle { from { opacity: .45; } to { opacity: 1; } } #getit-lp4[data-lp="lp4"] .ring { position: relative; z-index: 2; list-style: none; margin: 0; padding: 0; width: 100%; height: 66cqw; transform-style: preserve-3d; transform: rotateX(-12deg); animation: getit-lp4-showcase-ring-spin var(--getit-lp4-showcase-T) linear infinite; } @keyframes getit-lp4-showcase-ring-spin { from { transform: rotateX(-12deg) rotateY(0deg); } to { transform: rotateX(-12deg) rotateY(-360deg); } } #getit-lp4[data-lp="lp4"] .slot { position: absolute; left: 50%; top: 0; width: 38cqw; margin-left: -19cqw; transform-style: preserve-3d; transform: rotateY(var(--getit-lp4-showcase-a)) translateZ(var(--getit-lp4-showcase-R)); } #getit-lp4[data-lp="lp4"] .face { position: relative; transform-style: preserve-3d; border-radius: 4.5% / 3.2%; overflow: hidden; background: #1c1c1f; box-shadow: inset 0 2px 1px #fff6c985, 0 0 0 1px #fff0c84d, 0 14px 22px #000000a0; animation: getit-lp4-showcase-face-counter var(--getit-lp4-showcase-T) linear infinite, getit-lp4-showcase-face-depth var(--getit-lp4-showcase-T) linear infinite; animation-delay: 0s, calc(var(--getit-lp4-showcase-T) * (var(--getit-lp4-showcase-d) - 6) / 6); } #getit-lp4[data-lp="lp4"] .face::after { content: ""; position: absolute; z-index: 3; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: inset 0 2px 1px #fff7dd8c, inset 0 0 0 1px #fff5d84a, inset 0 14px 16px -16px #fff4ce8c; } @keyframes getit-lp4-showcase-face-counter { from { transform: rotateY(calc(-1 * var(--getit-lp4-showcase-a))) rotateX(12deg); } to { transform: rotateY(calc(-1 * var(--getit-lp4-showcase-a) + 360deg)) rotateX(12deg); } } @keyframes getit-lp4-showcase-face-depth { 0%, 100% { scale: 1; filter: brightness(1.12) drop-shadow(0 0 12px #f4ce8a75); } 17%, 83% { scale: .84; filter: brightness(.55); } 33%, 67% { scale: .72; filter: brightness(.34); } 50% { scale: .66; filter: brightness(.25); } } #getit-lp4[data-lp="lp4"] .face .card-art img { display: block; width: 100%; height: auto; } #getit-lp4[data-lp="lp4"] .ring-card-link { display: block; position: relative; min-width: 44px; min-height: 44px; text-decoration: none; touch-action: pan-y; } #getit-lp4[data-lp="lp4"] .ring-card-link:focus-visible { outline-offset: -4px; } #getit-lp4[data-lp="lp4"] .ring-card-link img { pointer-events: none; -webkit-user-drag: none; user-select: none; } #getit-lp4[data-lp="lp4"] .shine { position: absolute; z-index: 2; inset: 0; pointer-events: none; opacity: 0; background: radial-gradient(ellipse 82% 48% at 50% 0, #fff6d48c, #f0bf6b32 45%, transparent 82%), linear-gradient(180deg, #fff9dd38, transparent 27%), linear-gradient(115deg, transparent 34%, #fff8e000 41%, #fff8e078 49%, #fff8e000 57%, transparent 64%); background-size: auto, auto, 240% 100%; background-repeat: no-repeat; mix-blend-mode: screen; animation: getit-lp4-showcase-shine var(--getit-lp4-showcase-T) linear infinite; animation-delay: calc(var(--getit-lp4-showcase-T) * (var(--getit-lp4-showcase-d) - 6) / 6); } @keyframes getit-lp4-showcase-shine { 0% { opacity: .64; background-position: center, center, 50% 0; } 7% { opacity: .42; background-position: center, center, 100% 0; } 12%, 88% { opacity: .07; background-position: center, center, 100% 0; } 93% { opacity: .42; background-position: center, center, 0% 0; } 100% { opacity: .64; background-position: center, center, 50% 0; } } #getit-lp4[data-lp="lp4"] .fallback-name { display: none; } #getit-lp4[data-lp="lp4"] .face.img-failed .card-art img { visibility: hidden; } #getit-lp4[data-lp="lp4"] .face.img-failed .fallback-name { display: grid; place-items: center; position: absolute; inset: 0; z-index: 3; padding: 8px; text-align: center; font-size: 14px; font-weight: 900; color: #fff; } #getit-lp4[data-lp="lp4"] .plinth { position: relative; z-index: 3; width: 64%; padding: 4px 8px; text-align: center; } #getit-lp4[data-lp="lp4"] .placard { position: relative; list-style: none; margin: 0; padding: 0; height: 56px; } #getit-lp4[data-lp="lp4"] .placard li { position: absolute; inset: 0; display: grid; align-content: center; opacity: 0; animation: getit-lp4-showcase-label-show var(--getit-lp4-showcase-T) linear infinite; animation-delay: calc(var(--getit-lp4-showcase-T) * (var(--getit-lp4-showcase-d) - 6) / 6); } @keyframes getit-lp4-showcase-label-show { 0%, 7% { opacity: 1; } 9%, 91% { opacity: 0; } 93%, 100% { opacity: 1; } } #getit-lp4[data-lp="lp4"] .placard strong { font-size: 15px; font-weight: 900; color: #fff; line-height: 1.25; text-shadow: 0 1px 2px #000; } #getit-lp4[data-lp="lp4"] .placard span { font-size: 13.5px; line-height: 1.3; color: var(--getit-lp4-showcase-text); text-shadow: 0 1px 2px #000; } @container (max-width: 380px) { #getit-lp4[data-lp="lp4"] .placard { height: 74px; } } #getit-lp4[data-lp="lp4"] .spin-toggle { position: absolute; z-index: 4; bottom: 22px; right: -6px; width: 44px; height: 44px; padding: 0; border: 1px solid #ffffff40; border-radius: 50%; background: #ffffff12; color: var(--getit-lp4-showcase-text); font-size: 0; cursor: pointer; } #getit-lp4[data-lp="lp4"] .spin-toggle[hidden] { display: none; } #getit-lp4[data-lp="lp4"] .spin-toggle::before, #getit-lp4[data-lp="lp4"] .spin-toggle::after { content: ""; position: absolute; top: 14px; width: 4px; height: 16px; background: var(--getit-lp4-showcase-text); border-radius: 1px; } #getit-lp4[data-lp="lp4"] .spin-toggle::before { left: 15px; } #getit-lp4[data-lp="lp4"] .spin-toggle::after { right: 15px; } #getit-lp4[data-lp="lp4"] .stage.is-paused .spin-toggle::after { display: none; } #getit-lp4[data-lp="lp4"] .stage.is-paused .spin-toggle::before { left: 17px; top: 13px; width: 0; height: 0; background: none; border-radius: 0; border-left: 13px solid var(--getit-lp4-showcase-text); border-top: 9px solid transparent; border-bottom: 9px solid transparent; } #getit-lp4[data-lp="lp4"] .stage.is-paused :is(.ring, .face, .placard li, .shine, .sparks), #getit-lp4[data-lp="lp4"] .stage.is-interacting :is(.ring, .face, .placard li, .shine, .sparks), #getit-lp4[data-lp="lp4"] .stage.is-offscreen :is(.ring, .face, .placard li, .shine, .sparks), #getit-lp4[data-lp="lp4"] .stage.is-hidden-tab :is(.ring, .face, .placard li, .shine, .sparks) { animation-play-state: paused; } #getit-lp4[data-lp="lp4"] .ring:has(.ring-card-link:focus-visible) { animation: none !important; transform: rotateX(-12deg) rotateY(0deg); } #getit-lp4[data-lp="lp4"] .ring:has(.ring-card-link:focus-visible) .face { animation: none !important; transform: rotateY(calc(-1 * var(--getit-lp4-showcase-a))) rotateX(12deg); filter: brightness(.4); scale: .8; } #getit-lp4[data-lp="lp4"] .ring .slot:has(.ring-card-link:focus-visible) { z-index: 5; transform: translateZ(var(--getit-lp4-showcase-R)); } #getit-lp4[data-lp="lp4"] .ring .slot:has(.ring-card-link:focus-visible) .face { transform: rotateX(12deg); filter: none; scale: 1; } #getit-lp4[data-lp="lp4"] .ring:has(.ring-card-link:focus-visible) .slot:not(:has(.ring-card-link:focus-visible)) { opacity: 0; pointer-events: none; } #getit-lp4[data-lp="lp4"] .ring:has(.ring-card-link:focus-visible) .shine { animation: none !important; opacity: .07; } #getit-lp4[data-lp="lp4"] .ring .slot:has(.ring-card-link:focus-visible) .shine { opacity: .64; background-position: center, center, 50% 0; } #getit-lp4[data-lp="lp4"] .stage:has(.ring-card-link:focus-visible) .placard li { animation: none !important; opacity: 0; } #getit-lp4[data-lp="lp4"] .stage:has(.slot:nth-child(1) .ring-card-link:focus-visible) .placard li:nth-child(1), #getit-lp4[data-lp="lp4"] .stage:has(.slot:nth-child(2) .ring-card-link:focus-visible) .placard li:nth-child(2), #getit-lp4[data-lp="lp4"] .stage:has(.slot:nth-child(3) .ring-card-link:focus-visible) .placard li:nth-child(3), #getit-lp4[data-lp="lp4"] .stage:has(.slot:nth-child(4) .ring-card-link:focus-visible) .placard li:nth-child(4), #getit-lp4[data-lp="lp4"] .stage:has(.slot:nth-child(5) .ring-card-link:focus-visible) .placard li:nth-child(5), #getit-lp4[data-lp="lp4"] .stage:has(.slot:nth-child(6) .ring-card-link:focus-visible) .placard li:nth-child(6) { opacity: 1; } #getit-lp4[data-lp="lp4"] .hero-card-hint { position: relative; z-index: 3; margin-top: 32px !important; text-align: center; font-size: 15px; font-weight: 400; color: #fff; text-shadow: 0 1px 3px #000; } #getit-lp4[data-lp="lp4"] .hero-card-hint::after { content: ""; display: block; width: 138px; max-width: 60%; height: 2px; margin: 3px auto 0; background: #d9bc72; } #getit-lp4[data-lp="lp4"] .hero-disclosure { position: relative; z-index: 3; margin-top: 14px !important; text-align: center; font-size: 13px; color: #c9c4b8; } @media (min-width: 760px) { #getit-lp4[data-lp="lp4"] .showcase { width: min(100%, 960px); min-height: 950px; padding: 38px clamp(40px, 7cqw, 78px) 42px; background-position: center; background-size: 100% 100%; } #getit-lp4[data-lp="lp4"] .showcase h1 { font-size: clamp(66px, 8.8cqw, 84px); } #getit-lp4[data-lp="lp4"] .showcase .intro { font-size: 20px; } #getit-lp4[data-lp="lp4"] .stage { --getit-lp4-showcase-R: min(21cqw, 200px); width: min(100%, 680px); margin: 4px auto 0; } #getit-lp4[data-lp="lp4"] .ring { height: min(50cqw, 500px); } #getit-lp4[data-lp="lp4"] .slot { width: min(23cqw, 215px); margin-left: max(-11.5cqw, -107.5px); } #getit-lp4[data-lp="lp4"] .hero-card-hint { margin-top: 20px !important; } } #getit-lp4[data-lp="lp4"] .cta-block { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; row-gap: 8px; align-items: center; } #getit-lp4[data-lp="lp4"] .primary-link { display: flex; justify-content: center; gap: 10px; align-items: center; min-height: 54px; padding: 10px 18px; border-radius: 999px; background: var(--getit-lp4-showcase-yellow); color: var(--getit-lp4-showcase-ink) !important; font-size: 18px; font-weight: 900; line-height: 1.3; text-decoration: none; white-space: nowrap; box-shadow: 0 0 0 1px #00000040, 0 8px 22px #ffd60040; } #getit-lp4[data-lp="lp4"] .primary-link:hover { background: #ffe449; } #getit-lp4[data-lp="lp4"] .primary-link:active { transform: translateY(1px); } #getit-lp4[data-lp="lp4"] .new-tab { font-size: 14px; color: var(--getit-lp4-showcase-muted); } #getit-lp4[data-lp="lp4"] .cta-note { grid-column: 1 / -1; font-size: 14px; line-height: 1.55; color: var(--getit-lp4-showcase-muted); } #getit-lp4[data-lp="lp4"] .showcase .cta-note { text-align: center; font-size: 13px; } #getit-lp4[data-lp="lp4"] .page-navigation { flex: 0 1 396px; min-width: 0; } #getit-lp4[data-lp="lp4"] .page-navigation ol { list-style: none; margin: 0; padding: 8px 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } #getit-lp4[data-lp="lp4"] .page-navigation a { position: relative; display: flex; align-items: center; justify-content: center; padding: 0 8px; min-width: 44px; min-height: 44px; font-size: 14px; line-height: 1.4; color: var(--getit-lp4-showcase-muted); text-decoration: none; white-space: nowrap; } #getit-lp4[data-lp="lp4"] .page-navigation a[aria-current] { color: var(--getit-lp4-showcase-text); } #getit-lp4[data-lp="lp4"] .page-navigation a[aria-current]::after { content: ""; position: absolute; left: 30%; right: 30%; bottom: 2px; height: 2px; background: #d9bc72; pointer-events: none; } @media (hover: hover) { #getit-lp4[data-lp="lp4"] .page-navigation a:hover { color: var(--getit-lp4-showcase-text); } } @media (max-width: 600px) { #getit-lp4[data-lp="lp4"] .header-inner { flex-wrap: wrap; padding-block: 8px; gap: 0 12px; min-height: 60px; } #getit-lp4[data-lp="lp4"] .brand-logo { width: 108px; } #getit-lp4[data-lp="lp4"] .page-navigation { flex-basis: 100%; } #getit-lp4[data-lp="lp4"] .page-navigation ol { padding: 8px 0 4px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } #getit-lp4[data-lp="lp4"] .page-navigation a { min-height: 48px; font-size: 15px; } } #getit-lp4[data-lp="lp4"] .page-heading { padding: 34px 0 18px; } #getit-lp4[data-lp="lp4"] .page-heading h1 { margin-top: 8px; font-size: clamp(36px, 10vw, 60px); line-height: 1.1; color: #fff; } #getit-lp4[data-lp="lp4"] .page-heading > p:not(.eyebrow) { margin-top: 12px; max-width: 42em; color: var(--getit-lp4-showcase-text); } #getit-lp4[data-lp="lp4"] h2 { font-size: clamp(26px, 7vw, 40px); line-height: 1.2; color: #fff; } #getit-lp4[data-lp="lp4"] h3 { font-size: 20px; line-height: 1.4; font-weight: 400; color: #fff; } #getit-lp4[data-lp="lp4"] .section-heading p:not(.eyebrow), #getit-lp4[data-lp="lp4"] .card-library > p, #getit-lp4[data-lp="lp4"] .grading-copy > p, #getit-lp4[data-lp="lp4"] .source-notes p { margin-top: 10px; max-width: 42em; } #getit-lp4[data-lp="lp4"] .reference-note, #getit-lp4[data-lp="lp4"] .source-date, #getit-lp4[data-lp="lp4"] .rarity-note { font-size: 14px; line-height: 1.55; color: var(--getit-lp4-showcase-muted); } #getit-lp4[data-lp="lp4"] .reference-note { margin-top: 14px; } #getit-lp4[data-lp="lp4"] .source-date { margin-top: 8px; } #getit-lp4[data-lp="lp4"] .text-link, #getit-lp4[data-lp="lp4"] .reading-link { display: inline-flex; align-items: center; min-height: 44px; color: var(--getit-lp4-showcase-yellow) !important; font-weight: 400; text-decoration: underline; text-underline-offset: 4px; } #getit-lp4[data-lp="lp4"] .card { position: relative; display: grid; gap: 12px; } #getit-lp4[data-lp="lp4"] .card-frame { position: relative; padding: 16px 14px 18px; border: 1px solid var(--getit-lp4-showcase-line); border-radius: 10px; background: radial-gradient(70% 55% at 50% 32%, #ffe89a26, transparent 72%), linear-gradient(#1b1b1f, #111113); box-shadow: 0 14px 28px #00000080; } #getit-lp4[data-lp="lp4"] .card-art { position: relative; } #getit-lp4[data-lp="lp4"] .card-frame .card-art { width: min(100%, 260px); margin-inline: auto; border-radius: 4.5% / 3.2%; overflow: hidden; box-shadow: 0 10px 20px #000000b0; } #getit-lp4[data-lp="lp4"] .card-frame .card-art { aspect-ratio: 370 / 523; background: #0e0e10; } #getit-lp4[data-lp="lp4"] .card-frame .card-art img { display: block; width: 100%; height: 100%; object-fit: contain; } #getit-lp4[data-lp="lp4"] .nowrap { white-space: nowrap; } #getit-lp4[data-lp="lp4"] .image-fallback { padding: 16px; font-size: 14px; color: var(--getit-lp4-showcase-muted); text-align: center; } #getit-lp4[data-lp="lp4"] figcaption strong { display: block; font-size: 18px; font-weight: 400; color: #fff; } #getit-lp4[data-lp="lp4"] .card-identity { display: block; font-size: 14px; color: var(--getit-lp4-showcase-muted); } #getit-lp4[data-lp="lp4"] figcaption dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; margin-top: 8px; } #getit-lp4[data-lp="lp4"] figcaption dt { font-size: 13px; color: var(--getit-lp4-showcase-muted); } #getit-lp4[data-lp="lp4"] figcaption dd { font-size: 16px; color: var(--getit-lp4-showcase-text); } #getit-lp4[data-lp="lp4"] .featured-section { padding: 44px 0 52px; } #getit-lp4[data-lp="lp4"] .featured-layout { margin-top: 22px; display: grid; gap: 24px; } #getit-lp4[data-lp="lp4"] .featured-note { display: grid; gap: 10px; align-content: start; } #getit-lp4[data-lp="lp4"] .card-image-link { display: block; width: 100%; height: 100%; min-width: 44px; min-height: 44px; text-decoration: none; } #getit-lp4[data-lp="lp4"] .card-image-link:focus-visible { outline-offset: -4px; } #getit-lp4[data-lp="lp4"] .card-link-hint { margin-bottom: 8px; font-size: 13px; line-height: 1.5; color: var(--getit-lp4-showcase-muted); } #getit-lp4[data-lp="lp4"] .card-library { padding: 26px 0 30px; } #getit-lp4[data-lp="lp4"] .featured-card-grid { margin-top: 18px; display: grid; gap: 22px; } #getit-lp4[data-lp="lp4"] .card-grid { margin-top: 18px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } #getit-lp4[data-lp="lp4"] .card-grid .card-frame { padding: 10px 8px 12px; } #getit-lp4[data-lp="lp4"] .card-grid figcaption strong { font-size: 15px; } #getit-lp4[data-lp="lp4"] .rarity-note { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--getit-lp4-showcase-line); } #getit-lp4[data-lp="lp4"] .next-step { padding: 26px 0 44px; display: grid; gap: 14px; } #getit-lp4[data-lp="lp4"] .grading-overview { padding: 20px 0 34px; display: grid; gap: 28px; } #getit-lp4[data-lp="lp4"] .grading-copy { display: grid; gap: 12px; align-content: start; } #getit-lp4[data-lp="lp4"] .card-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } #getit-lp4[data-lp="lp4"] .card-pair .card-frame { padding: 10px 8px 12px; } #getit-lp4[data-lp="lp4"] .card-pair figcaption strong { font-size: 15px; } #getit-lp4[data-lp="lp4"] .check-section { padding: 40px 0; background: var(--getit-lp4-showcase-panel); border-block: 1px solid var(--getit-lp4-showcase-line); } #getit-lp4[data-lp="lp4"] .check-steps { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 16px; } #getit-lp4[data-lp="lp4"] .check-steps li { display: grid; grid-template-columns: 28px 1fr; gap: 10px; padding-top: 14px; border-top: 1px solid var(--getit-lp4-showcase-line); } #getit-lp4[data-lp="lp4"] .step-number { font-size: 20px; line-height: 1.4; font-weight: 900; color: var(--getit-lp4-showcase-yellow); } #getit-lp4[data-lp="lp4"] .check-steps p { margin-top: 6px; color: var(--getit-lp4-showcase-text); } #getit-lp4[data-lp="lp4"] .verification-note { margin-top: 24px; padding-top: 14px; border-top: 1px solid var(--getit-lp4-showcase-line); } #getit-lp4[data-lp="lp4"] .verification-note p { margin-top: 6px; } #getit-lp4[data-lp="lp4"] .grading-action { margin-top: 22px; display: grid; gap: 10px; justify-items: start; } #getit-lp4[data-lp="lp4"] .support-cards { padding: 20px 0 34px; display: grid; gap: 16px; } #getit-lp4[data-lp="lp4"] .faq-section { padding: 40px 0; background: var(--getit-lp4-showcase-panel); border-block: 1px solid var(--getit-lp4-showcase-line); } #getit-lp4[data-lp="lp4"] .faq { margin-top: 18px; display: grid; gap: 10px; } #getit-lp4[data-lp="lp4"] .faq details { border: 1px solid var(--getit-lp4-showcase-line); border-radius: 10px; background: var(--getit-lp4-showcase-panel-2); } #getit-lp4[data-lp="lp4"] .faq summary { min-height: 52px; padding: 14px 16px; cursor: pointer; } #getit-lp4[data-lp="lp4"] .faq details p { padding: 0 16px 16px; color: var(--getit-lp4-showcase-text); } #getit-lp4[data-lp="lp4"] .support-note { margin-top: 24px; padding-top: 14px; border-top: 1px solid var(--getit-lp4-showcase-line); } #getit-lp4[data-lp="lp4"] .support-note p { margin-top: 6px; } #getit-lp4[data-lp="lp4"] .source-notes { padding: 30px 0 44px; } #getit-lp4[data-lp="lp4"] .not-found { padding: 60px 0; display: grid; gap: 14px; justify-items: start; } #getit-lp4[data-lp="lp4"] .not-found h1 { font-size: 48px; line-height: 1.1; color: #fff; } #getit-lp4[data-lp="lp4"] .page-heading.is-lit { position: relative; margin-top: 18px; padding: 26px 18px 24px; border: 1px solid #ffffff14; border-bottom: 0; border-radius: 8px 8px 0 0; background: radial-gradient(80% 90% at 50% 0, #ffe89a14, transparent 70%), linear-gradient(#141417, #0d0d0f); } #getit-lp4[data-lp="lp4"] .page-heading.is-lit::after, #getit-lp4[data-lp="lp4"] .shelf-top::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; border-radius: 2px; background: var(--getit-lp4-showcase-yellow); box-shadow: 0 0 8px #ffd600, 0 0 22px #ffd60080, 0 -10px 26px #ffd60026; } #getit-lp4[data-lp="lp4"] .cabinet { gap: 8px; padding: 8px; border: 1px solid #ffffff14; border-radius: 6px; background: #050506; box-shadow: 0 30px 60px #000000b0; } #getit-lp4[data-lp="lp4"] .cabinet .card { position: relative; gap: 10px; padding: 26px 10px 16px; border-radius: 3px; overflow: hidden; background: radial-gradient(70% 55% at 50% 0, #fff2b82e, #ffd6000a 55%, transparent 80%), linear-gradient(#17171a, #0c0c0e 85%); box-shadow: inset 0 0 0 1px #ffffff0d, inset 0 18px 30px #00000060; } #getit-lp4[data-lp="lp4"] .cabinet .card::before { content: ""; position: absolute; left: 50%; top: 7px; width: 34%; height: 4px; margin-left: -17%; border-radius: 3px; background: #fff6cf; box-shadow: 0 0 10px #ffe680, 0 6px 24px #ffd60066; } #getit-lp4[data-lp="lp4"] .cabinet .card::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--getit-lp4-showcase-yellow); box-shadow: 0 0 8px #ffd600, 0 -8px 20px #ffd60040; } #getit-lp4[data-lp="lp4"] .cabinet .card-frame { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; } #getit-lp4[data-lp="lp4"] .cabinet .card-frame .card-art { box-shadow: 0 12px 22px #000000d0, 0 0 26px #ffd60024; } #getit-lp4[data-lp="lp4"] .cabinet figcaption, #getit-lp4[data-lp="lp4"] .shelf-top figcaption { padding: 8px 10px; border: 1px solid #ffffff1c; border-radius: 3px; text-align: center; background: linear-gradient(#111113, #080809); box-shadow: inset 0 1px #ffffff12; } #getit-lp4[data-lp="lp4"] .cabinet figcaption dl { text-align: left; } #getit-lp4[data-lp="lp4"] .cabinet .source-date, #getit-lp4[data-lp="lp4"] .shelf-top .source-date { margin-top: 4px; font-size: 13px; } #getit-lp4[data-lp="lp4"] .card-grid.cabinet { gap: 8px; } #getit-lp4[data-lp="lp4"] .card-grid.cabinet .card { padding: 22px 8px 14px; } #getit-lp4[data-lp="lp4"] .card-grid.cabinet > .card:last-child:nth-child(odd) { grid-column: 1 / -1; width: calc(50% - 4px); justify-self: center; } @media (min-width: 760px) { #getit-lp4[data-lp="lp4"] .card-grid.cabinet > .card:last-child:nth-child(odd) { grid-column: auto; width: auto; } } #getit-lp4[data-lp="lp4"] .drawer-cabinet { padding: 0 0 34px; display: grid; } #getit-lp4[data-lp="lp4"] .shelf-top { position: relative; padding: 22px 14px 26px; border: 1px solid #ffffff14; border-top: 0; display: grid; gap: 16px; background: radial-gradient(70% 60% at 50% 20%, #ffe89a1c, transparent 72%), linear-gradient(#0d0d0f, #151518); } #getit-lp4[data-lp="lp4"] .shelf-top .card-frame { padding: 0; border: 0; background: none; box-shadow: none; } #getit-lp4[data-lp="lp4"] .shelf-top .card-frame .card-art { box-shadow: 0 16px 20px #000000d0, 0 0 26px #ffd60026; } #getit-lp4[data-lp="lp4"] .drawers { padding: 18px 10px 16px; border: 1px solid #ffffff14; border-top: 0; border-radius: 0 0 8px 8px; background: linear-gradient(#0b0b0c, #070708); box-shadow: 0 30px 50px #000000a0; } #getit-lp4[data-lp="lp4"] .drawer-title { padding: 0 6px; } #getit-lp4[data-lp="lp4"] .drawers .faq { margin-top: 14px; gap: 8px; } #getit-lp4[data-lp="lp4"] .drawers details { position: relative; border: 1px solid #ffffff1f; border-radius: 3px; background: linear-gradient(#1d1d21, #141417); box-shadow: inset 0 1px #ffffff14, 0 5px 10px #000000b0; transition: margin .2s ease, border-color .2s ease; } #getit-lp4[data-lp="lp4"] .drawers summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; list-style: none; } #getit-lp4[data-lp="lp4"] .drawers summary::-webkit-details-marker { display: none; } #getit-lp4[data-lp="lp4"] .drawers summary::after { content: ""; flex: none; width: 16px; height: 16px; background: linear-gradient(var(--getit-lp4-showcase-text), var(--getit-lp4-showcase-text)) center / 16px 2px no-repeat, linear-gradient(var(--getit-lp4-showcase-text), var(--getit-lp4-showcase-text)) center / 2px 16px no-repeat; } #getit-lp4[data-lp="lp4"] .drawers details[open] { margin-inline: -6px; border-color: #ffd60070; box-shadow: inset 0 2px 0 var(--getit-lp4-showcase-yellow), 0 0 22px #ffd60026, 0 12px 20px #000000c0; } #getit-lp4[data-lp="lp4"] .drawers details[open] summary::after { background: linear-gradient(var(--getit-lp4-showcase-yellow), var(--getit-lp4-showcase-yellow)) center / 16px 2px no-repeat; } #getit-lp4[data-lp="lp4"] .drawers details p { margin: 0 12px 12px; padding: 12px 14px; border-radius: 2px; background: #0b0b0c; box-shadow: inset 0 6px 12px #000000c0; } #getit-lp4[data-lp="lp4"] .drawer-cabinet > .cta-block { margin-top: 16px; } #getit-lp4[data-lp="lp4"] .support-help { padding: 0 0 10px; } @media (prefers-reduced-motion: reduce) { #getit-lp4[data-lp="lp4"] .drawers details { transition: none; } } #getit-lp4[data-lp="lp4"] .desk-hero { position: relative; } #getit-lp4[data-lp="lp4"] .desk-scene { position: relative; width: min(100%, 520px); margin-inline: auto; aspect-ratio: 1170 / 1393; background: #0b0b0c url("desk-520.webp") center top / 100% auto no-repeat; } @media (min-width: 601px) { #getit-lp4[data-lp="lp4"] .desk-scene { background-image: url("desk-780.webp"); } } #getit-lp4[data-lp="lp4"] .desk-scene::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 22%; pointer-events: none; background: linear-gradient(transparent, var(--getit-lp4-showcase-bg)); } #getit-lp4[data-lp="lp4"] .desk-cards { position: absolute; z-index: 1; left: 15%; width: 62%; top: 38%; height: 41%; display: flex; justify-content: center; align-items: center; gap: 6%; perspective: 700px; } #getit-lp4[data-lp="lp4"] .desk-card { width: 40%; transform-origin: 50% 100%; transform: rotateX(34deg) rotateZ(-5deg); } #getit-lp4[data-lp="lp4"] .desk-card + .desk-card { transform: rotateX(34deg) rotateZ(4deg); } #getit-lp4[data-lp="lp4"] .desk-card .card-art { aspect-ratio: 370 / 523; border-radius: 4.5% / 3.2%; overflow: hidden; background: #0e0e10; box-shadow: 0 1px 0 #ffffff40, 0 18px 18px #00000070; } #getit-lp4[data-lp="lp4"] .desk-card img { display: block; width: 100%; height: 100%; object-fit: contain; } #getit-lp4[data-lp="lp4"] .desk-heading { position: relative; z-index: 2; margin-top: -8%; padding-top: 0; text-align: center; } #getit-lp4[data-lp="lp4"] .desk-heading .eyebrow { color: var(--getit-lp4-showcase-muted); } #getit-lp4[data-lp="lp4"] .desk-labels { padding-bottom: 8px; } #getit-lp4[data-lp="lp4"] .desk-labels ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } #getit-lp4[data-lp="lp4"] .desk-labels li { display: grid; align-content: start; gap: 2px; padding: 10px 12px; border: 1px solid #ffffff1c; border-radius: 3px; background: linear-gradient(#111113, #080809); font-size: 14px; color: var(--getit-lp4-showcase-muted); } #getit-lp4[data-lp="lp4"] .desk-labels strong { font-size: 15px; color: #fff; } #getit-lp4[data-lp="lp4"] .desk-labels .source-date { margin-top: 2px; font-size: 13px; } #getit-lp4[data-lp="lp4"] .check-section { background: linear-gradient(#0b0b0c, #111113 30%, #0b0b0c); } #getit-lp4[data-lp="lp4"] .site-footer { padding: 34px 0 40px; background: #070708; border-top: 1px solid var(--getit-lp4-showcase-line); font-size: 14px; color: var(--getit-lp4-showcase-muted); } #getit-lp4[data-lp="lp4"] .footer-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; } #getit-lp4[data-lp="lp4"] .footer-brand { font-size: 20px; color: #fff; } #getit-lp4[data-lp="lp4"] .footer-back-top { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 14px; border: 1px solid #afa78a66; border-radius: 4px; color: var(--getit-lp4-showcase-text); text-decoration: none; white-space: nowrap; } #getit-lp4[data-lp="lp4"] .footer-back-top:hover { background: #ffffff0d; border-color: #c5b780; } #getit-lp4[data-lp="lp4"] .site-footer > .section-wrap > p { margin-top: 12px; } #getit-lp4[data-lp="lp4"] .footer-links { margin-top: 8px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 18px; } #getit-lp4[data-lp="lp4"] .footer-sources { margin-top: 12px; border-top: 1px solid var(--getit-lp4-showcase-line); font-size: 13px; } #getit-lp4[data-lp="lp4"] .footer-sources summary { display: list-item; width: fit-content; max-width: 100%; min-height: 44px; padding-block: 12px; cursor: pointer; } #getit-lp4[data-lp="lp4"] .footer-sources p { margin: 0 0 4px; max-width: 64em; line-height: 1.7; } @media (min-width: 760px) { #getit-lp4[data-lp="lp4"] .featured-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; } #getit-lp4[data-lp="lp4"] .featured-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #getit-lp4[data-lp="lp4"] .card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } #getit-lp4[data-lp="lp4"] .grading-overview { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); } #getit-lp4[data-lp="lp4"] .check-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 374px) { #getit-lp4[data-lp="lp4"] .header-inner, #getit-lp4[data-lp="lp4"] .section-wrap { width: min(100% - 32px, 1080px); } #getit-lp4[data-lp="lp4"] .showcase { padding-inline: 16px; } #getit-lp4[data-lp="lp4"] .cta-block { grid-template-columns: minmax(0, 1fr); } } @media (prefers-reduced-motion: reduce) { #getit-lp4[data-lp="lp4"] .ring, #getit-lp4[data-lp="lp4"] .face, #getit-lp4[data-lp="lp4"] .placard li, #getit-lp4[data-lp="lp4"] .shine, #getit-lp4[data-lp="lp4"] .sparks { animation: none !important; } #getit-lp4[data-lp="lp4"] .face { transform: rotateY(calc(-1 * var(--getit-lp4-showcase-a))) rotateX(12deg); filter: brightness(.45); scale: .8; } #getit-lp4[data-lp="lp4"] .slot:first-child .face { filter: none; scale: 1; } #getit-lp4[data-lp="lp4"] .placard li:first-child { opacity: 1; } #getit-lp4[data-lp="lp4"] .shine { opacity: 0; } #getit-lp4[data-lp="lp4"] .slot:first-child .shine { opacity: .64; background-position: center, center, 50% 0; } #getit-lp4[data-lp="lp4"] .spin-toggle { display: none; } } #getit-lp4[data-lp="lp4"] .more-cards { margin-top: 36px; display: grid; gap: 12px; } #getit-lp4[data-lp="lp4"] .more-cards h3 { font-size: 22px; line-height: 1.3; } #getit-lp4[data-lp="lp4"] .more-strip { display: flex; gap: 12px; margin: 0 -16px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 14px, #000 calc(100% - 44px), transparent); mask-image: linear-gradient(90deg, transparent, #000 14px, #000 calc(100% - 44px), transparent); padding: 4px 16px 10px; list-style: none; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-color: var(--getit-lp4-showcase-yellow) transparent; } #getit-lp4[data-lp="lp4"] .more-strip li { flex: 0 0 140px; scroll-snap-align: start; } #getit-lp4[data-lp="lp4"] .more-strip:focus-visible { -webkit-mask-image: none; mask-image: none; } #getit-lp4[data-lp="lp4"] .more-strip a { display: grid; gap: 4px; padding: 10px 8px 12px; height: 100%; border: 1px solid var(--getit-lp4-showcase-line); border-radius: 10px; background: var(--getit-lp4-showcase-panel); color: var(--getit-lp4-showcase-text) !important; text-decoration: none; } #getit-lp4[data-lp="lp4"] .more-strip img { width: 100%; height: auto; aspect-ratio: 5 / 7; object-fit: contain; } #getit-lp4[data-lp="lp4"] .more-strip strong { font-size: 13px; line-height: 1.3; } #getit-lp4[data-lp="lp4"] .more-strip span { font-size: 12px; color: var(--getit-lp4-showcase-muted); } #getit-lp4[data-lp="lp4"] .more-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; } #getit-lp4[data-lp="lp4"] .strip-count { font-size: 14px; color: var(--getit-lp4-showcase-muted); font-variant-numeric: tabular-nums; white-space: nowrap; } #getit-lp4[data-lp="lp4"] .strip-count span { color: var(--getit-lp4-showcase-yellow); } #getit-lp4[data-lp="lp4"] .guide-cards { list-style: none; margin: 36px 0 0; padding: 0; display: grid; gap: 24px; } #getit-lp4[data-lp="lp4"] .guide-cards li { display: grid; gap: 6px; padding-top: 14px; border-top: 1px solid var(--getit-lp4-showcase-line); } #getit-lp4[data-lp="lp4"] .guide-cards h3 { font-size: 20px; line-height: 1.4; color: #fff; } #getit-lp4[data-lp="lp4"] .guide-cards p { color: var(--getit-lp4-showcase-text); } @media (min-width: 760px) { #getit-lp4[data-lp="lp4"] .guide-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } } #getit-lp4[data-lp="lp4"] .card-group { margin-top: 26px; } #getit-lp4[data-lp="lp4"] .card-group h3 { display: flex; align-items: baseline; gap: 10px; padding-bottom: 6px; border-bottom: 1px solid var(--getit-lp4-showcase-line); font-size: 20px; color: #fff; } #getit-lp4[data-lp="lp4"] .card-group h3 span { font-size: 13px; font-weight: 400; color: var(--getit-lp4-showcase-muted); } #getit-lp4[data-lp="lp4"] .card-group > .source-date { margin-top: 6px; font-size: 13px; } #getit-lp4[data-lp="lp4"] .card-group .card-grid { margin-top: 12px; } #getit-lp4[data-lp="lp4"] .rarity-note h3 { margin-top: 14px; font-size: 16px; color: #fff; } #getit-lp4[data-lp="lp4"] .rarity-legend { margin: 8px 0 12px; display: grid; gap: 6px; } #getit-lp4[data-lp="lp4"] .rarity-legend div { display: grid; grid-template-columns: 5.5em 1fr; gap: 8px; } #getit-lp4[data-lp="lp4"] .rarity-legend dt { color: #fff; } #getit-lp4[data-lp="lp4"] .rarity-legend dd { margin: 0; color: var(--getit-lp4-showcase-text); } #getit-lp4[data-lp="lp4"] .cards-page { --getit-lp4-showcase-cards-accent: #d4b66a; --getit-lp4-showcase-cards-muted: #bdb9b5; } #getit-lp4[data-lp="lp4"] .cards-page .section-wrap { width: min(100% - 40px, 1320px); } #getit-lp4[data-lp="lp4"] body:has(.cards-page) .header-inner { width: min(100% - 40px, 1320px); } #getit-lp4[data-lp="lp4"] body:has(.cards-page) .page-navigation a[aria-current]::after { background: #d4b66a; } #getit-lp4[data-lp="lp4"] .cards-page h2 { font-size: clamp(26px, 4vw, 38px); line-height: 1.3; } #getit-lp4[data-lp="lp4"] .cards-page .cards-hero { position: relative; isolation: isolate; display: grid; gap: 28px; width: 100%; padding: 30px 20px 24px; border-bottom: 1px solid var(--getit-lp4-showcase-line); background: #09090a; } #getit-lp4[data-lp="lp4"] .cards-page .cards-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; filter: sepia(1) saturate(1.3); background: linear-gradient(#09090a 20%, #09090aee 32%, transparent 58%), url("cards-demo-stage-v1.webp") 70% bottom / auto 440px no-repeat; } #getit-lp4[data-lp="lp4"] .cards-page .cards-hero-copy { align-self: center; min-width: 0; } #getit-lp4[data-lp="lp4"] .cards-page .cards-hero h1 { font-size: clamp(42px, 8vw, 92px); line-height: 1.12; font-weight: 900; color: #fff; } #getit-lp4[data-lp="lp4"] .cards-page .cards-count { margin-top: 12px; font-size: clamp(18px, 2.2vw, 30px); color: var(--getit-lp4-showcase-text); } #getit-lp4[data-lp="lp4"] .cards-page .cards-hero-jump { margin-top: 20px; gap: 16px; min-height: 44px; border-bottom: 2px solid var(--getit-lp4-showcase-cards-accent); font-size: clamp(18px, 2vw, 26px); text-decoration: none; color: var(--getit-lp4-showcase-text) !important; } #getit-lp4[data-lp="lp4"] .cards-page .cards-hero-copy .reference-note { margin-top: 22px; max-width: 29em; color: var(--getit-lp4-showcase-cards-muted); font-size: 13px; line-height: 1.65; } #getit-lp4[data-lp="lp4"] .cards-page .cards-hero-featured { min-width: 0; align-self: end; } #getit-lp4[data-lp="lp4"] .cards-page .featured-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 18px; margin: 0; } #getit-lp4[data-lp="lp4"] .cards-page .featured-card-grid .card { min-width: 0; gap: 10px; grid-template-rows: auto 1fr; } #getit-lp4[data-lp="lp4"] .cards-page .card-frame { border: 0; padding: 0; border-radius: 0; background: none; box-shadow: none; } #getit-lp4[data-lp="lp4"] .cards-page .card-frame .card-art { width: 100%; box-shadow: 0 12px 24px #0008; } #getit-lp4[data-lp="lp4"] .cards-page .featured-card-grid .card-frame { width: min(100%, 300px); margin-inline: auto; } #getit-lp4[data-lp="lp4"] .cards-page .featured-card-grid figcaption { min-width: 0; display: flex; flex-direction: column; text-align: center; text-shadow: 0 2px 4px #000; } #getit-lp4[data-lp="lp4"] .cards-page .featured-card-grid figcaption strong { font-size: 14px; line-height: 1.4; font-weight: 400; overflow-wrap: anywhere; } #getit-lp4[data-lp="lp4"] .cards-page .featured-card-grid figcaption dl { display: flex; justify-content: center; flex-wrap: wrap; gap: 0 8px; margin-top: auto; padding-top: 3px; } #getit-lp4[data-lp="lp4"] .cards-page .featured-card-grid figcaption dt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } #getit-lp4[data-lp="lp4"] .cards-page .featured-card-grid figcaption dd { font-size: 13px; line-height: 1.6; color: var(--getit-lp4-showcase-cards-muted); } #getit-lp4[data-lp="lp4"] .cards-page .featured-card-grid .source-date { margin-top: 4px; font-size: 11px; line-height: 1.5; color: var(--getit-lp4-showcase-cards-muted); } #getit-lp4[data-lp="lp4"] .cards-page .featured-card-grid .nowrap { white-space: normal; } #getit-lp4[data-lp="lp4"] .cards-page .cards-catalogue { padding-block: 0 36px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-browse { min-width: 0; } #getit-lp4[data-lp="lp4"] .cards-page .cards-index ul { list-style: none; margin: 0; padding: 10px 0 0; display: flex; flex-wrap: wrap; gap: 0 8px; border-bottom: 1px solid #ffffff26; } #getit-lp4[data-lp="lp4"] .cards-page .cards-index li { flex: 0 1 auto; min-width: 0; } #getit-lp4[data-lp="lp4"] .cards-page .cards-index a { display: flex; flex-wrap: wrap; min-width: 44px; min-height: 52px; height: 100%; align-items: center; padding: 8px 0; gap: 6px; border-bottom: 3px solid transparent; font-size: 14px; text-decoration: none; } #getit-lp4[data-lp="lp4"] .cards-page .cards-index a > span:first-child { min-width: 0; overflow-wrap: anywhere; } #getit-lp4[data-lp="lp4"] .cards-page .cards-index-count { color: var(--getit-lp4-showcase-cards-muted); font-size: 12px; white-space: nowrap; } #getit-lp4[data-lp="lp4"] .cards-page .cards-index a:focus-visible { background: #ffffff0a; } #getit-lp4[data-lp="lp4"] .cards-page:not(:has(.cards-entry:target)) .cards-index li:first-child a, #getit-lp4[data-lp="lp4"] .cards-page:has(#group-sv:target) .cards-index a[href$=group-sv], #getit-lp4[data-lp="lp4"] .cards-page:has(#group-sm:target) .cards-index a[href$=group-sm], #getit-lp4[data-lp="lp4"] .cards-page:has(#group-promo:target) .cards-index a[href$=group-promo] { border-bottom-color: var(--getit-lp4-showcase-cards-accent); } #getit-lp4[data-lp="lp4"] .cards-page .cards-other-series { display: inline-flex; margin-top: 24px; font-size: 14px; color: var(--getit-lp4-showcase-cards-muted) !important; } #getit-lp4[data-lp="lp4"] .cards-page :is(#featured-cards-title, #more-cards-title, .cards-entry) { scroll-margin-top: 24px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-entry:focus-visible { outline: 2px solid var(--getit-lp4-showcase-cards-accent); outline-offset: 4px; } #getit-lp4[data-lp="lp4"] .cards-page .card-library { min-width: 0; padding: 28px 0 0; } #getit-lp4[data-lp="lp4"] .cards-page .cards-library-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 32px; margin-bottom: 24px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-library-heading h2 { display: flex; align-items: center; gap: 16px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-library-heading h2::before { content: ""; width: 3px; height: .85em; flex: none; background: var(--getit-lp4-showcase-cards-accent); transform: skew(-20deg); } #getit-lp4[data-lp="lp4"] .cards-page .cards-library-heading p { font-size: 15px; color: var(--getit-lp4-showcase-cards-muted); } #getit-lp4[data-lp="lp4"] .cards-page .cards-library-count { margin-left: auto; padding-left: 16px; border-left: 1px solid var(--getit-lp4-showcase-line); font-size: 14px; color: var(--getit-lp4-showcase-cards-muted); white-space: nowrap; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; margin: 0; } #getit-lp4[data-lp="lp4"] .cards-page .cards-entry { --getit-lp4-showcase-entry-tint: #68512960; --getit-lp4-showcase-entry-ink: #d8c28e; --getit-lp4-showcase-entry-line: #d8c28e2e; position: relative; isolation: isolate; min-width: 0; padding: 16px 20px 24px; border: 1px solid var(--getit-lp4-showcase-entry-line); border-radius: 3px; background: #0c0c0d; } #getit-lp4[data-lp="lp4"] .cards-page .cards-entry[data-series=sm] { --getit-lp4-showcase-entry-tint: #72532b70; --getit-lp4-showcase-entry-ink: #d6bd89; --getit-lp4-showcase-entry-line: #d6bd892e; } #getit-lp4[data-lp="lp4"] .cards-page .cards-entry[data-series=promo] { --getit-lp4-showcase-entry-tint: #5c513c60; --getit-lp4-showcase-entry-ink: #c9bea2; --getit-lp4-showcase-entry-line: #c9bea22e; } #getit-lp4[data-lp="lp4"] .cards-page .cards-entry::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(180deg, #080809cc, transparent 25%, transparent 60%, #080809ed 85%), url("cards-gallery-material-v1.webp") center / cover no-repeat; } #getit-lp4[data-lp="lp4"] .cards-page .cards-entry-topline { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; padding-bottom: 14px; margin-bottom: 22px; border-bottom: 1px solid var(--getit-lp4-showcase-entry-line); } #getit-lp4[data-lp="lp4"] .cards-page .cards-entry-series { padding: 5px 0; font-size: 12px; letter-spacing: .08em; color: var(--getit-lp4-showcase-entry-ink); } #getit-lp4[data-lp="lp4"] .cards-page .cards-entry-number { color: #aaa6a4; font-size: 12px; font-variant-numeric: tabular-nums; letter-spacing: .1em; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid .card { min-width: 0; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); align-items: center; gap: 16px; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid .card-frame { isolation: isolate; width: min(100%, 245px); margin: 18px auto 24px; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid figcaption { padding-top: 14px; border-top: 1px solid var(--getit-lp4-showcase-entry-line); min-width: 0; text-align: left; text-shadow: 0 2px 6px #000; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid figcaption strong { font-size: 20px; line-height: 1.35; font-weight: 400; overflow-wrap: anywhere; color: #faf7f4; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid .card-identity { margin-top: 12px; padding-left: 10px; border-left: 2px solid var(--getit-lp4-showcase-entry-line); } #getit-lp4[data-lp="lp4"] .cards-page .card-identity { display: block; margin-top: 8px; font-size: 13px; font-variant-numeric: tabular-nums; line-height: 1.6; color: var(--getit-lp4-showcase-cards-muted); } #getit-lp4[data-lp="lp4"] .cards-page .cards-source-notes { margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--getit-lp4-showcase-line); font-size: 13px; color: var(--getit-lp4-showcase-cards-muted); } #getit-lp4[data-lp="lp4"] .cards-page .card-group { margin-top: 16px; } #getit-lp4[data-lp="lp4"] .cards-page .card-group h3 { padding: 0; gap: 12px; font-size: 14px; font-weight: 400; } #getit-lp4[data-lp="lp4"] .cards-page .card-group h3 span { font-size: 12px; } #getit-lp4[data-lp="lp4"] .cards-page .card-group .source-date { margin-top: 4px; font-size: 12px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-reference { margin-top: 0; padding-block: 26px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-reference > p { margin-top: 12px; max-width: 42em; } #getit-lp4[data-lp="lp4"] .cards-page .rarity-legend { margin-top: 18px; gap: 10px; font-size: 15px; } #getit-lp4[data-lp="lp4"] .cards-page .primary-link { white-space: normal; text-align: center; } @media (hover: hover) and (pointer: fine) { #getit-lp4[data-lp="lp4"] .cards-page .cards-index a:hover { background: #ffffff08; border-bottom-color: var(--getit-lp4-showcase-cards-accent); } #getit-lp4[data-lp="lp4"] .cards-page .cards-hero-jump:hover { color: #fff !important; border-color: #f0d793; } } @media (prefers-reduced-motion: reduce) { #getit-lp4[data-lp="lp4"] .cards-page .cards-rail.is-enhanced .card-frame { transition: none; transform: none; } } @media (min-width: 600px) { #getit-lp4[data-lp="lp4"] .cards-page .cards-hero { padding-inline: 32px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-hero::before { background-size: auto, auto 580px; } #getit-lp4[data-lp="lp4"] .cards-page .featured-card-grid { gap: 32px; } #getit-lp4[data-lp="lp4"] .cards-page .featured-card-grid figcaption { width: min(100%, 320px); margin-inline: auto; } #getit-lp4[data-lp="lp4"] .cards-page .featured-card-grid figcaption strong { font-size: 18px; } #getit-lp4[data-lp="lp4"] .cards-page .featured-card-grid figcaption dd { font-size: 16px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-index ul { gap: 0 36px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-index a { padding: 12px 18px; font-size: 17px; gap: 14px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-index-count { font-size: 14px; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid .card { grid-template-columns: minmax(0, 1fr); gap: 22px; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid figcaption strong { font-size: 22px; } #getit-lp4[data-lp="lp4"] .cards-page .card-identity { font-size: 15px; } } @media (min-width: 960px) { #getit-lp4[data-lp="lp4"] .cards-page .section-wrap, #getit-lp4[data-lp="lp4"] body:has(.cards-page) .header-inner { width: min(100% - 112px, 1320px); } #getit-lp4[data-lp="lp4"] .cards-page .cards-hero { width: 100%; grid-template-columns: minmax(0, 36fr) minmax(0, 52fr) minmax(0, 9fr); gap: 24px; padding: 12px max(40px, calc((100% - 1320px) / 2)) 10px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-hero::before { background: url("cards-demo-stage-v1.webp") center bottom / 100% 100% no-repeat; } #getit-lp4[data-lp="lp4"] .cards-page .cards-hero h1 { font-size: clamp(56px, 6.5vw, 92px); } #getit-lp4[data-lp="lp4"] .cards-page .cards-hero-copy .reference-note { margin-top: 56px; max-width: 28em; font-size: 14px; } #getit-lp4[data-lp="lp4"] .cards-page .card-library { padding-top: 42px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-library-heading { margin-bottom: 20px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-library-heading h2 { line-height: 1.15; } #getit-lp4[data-lp="lp4"] body:has(.cards-page) .brand-logo { width: 164px; } } #getit-lp4[data-lp="lp4"] .cards-page .card-grid { display: block; } #getit-lp4[data-lp="lp4"] .cards-page .cards-series { display: block; margin-bottom: 52px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-series[hidden] { display: none; } #getit-lp4[data-lp="lp4"] .cards-page .cards-series-heading { display: flex; justify-content: space-between; gap: 16px; align-items: baseline; padding-bottom: 18px; margin-bottom: 26px; border-bottom: 1px solid #d4b66a38; } #getit-lp4[data-lp="lp4"] .cards-page .cards-series-heading h3 { min-width: 0; font-size: 23px; font-weight: 400; overflow-wrap: anywhere; } #getit-lp4[data-lp="lp4"] .cards-page .cards-series-heading > span { flex: none; color: var(--getit-lp4-showcase-cards-muted); font-size: 13px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px 32px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-entry { padding: 0; border: 0; background: none; border-radius: 0; } #getit-lp4[data-lp="lp4"] .cards-page .cards-entry::before { content: none; } #getit-lp4[data-lp="lp4"] .cards-page .cards-entry-topline { display: none; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid .card { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid .card-frame { width: min(86%, 245px); margin: 0 auto; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid figcaption { padding: 0; border: 0; text-align: center; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid figcaption strong { font-size: 21px; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid .card-identity { padding: 0; border: 0; margin-top: 6px; font-size: 14px; } #getit-lp4[data-lp="lp4"] .cards-page :is(.cards-series-switch, .cards-thumbnails, .cards-rail-controls, .cards-rail-hint) { display: none; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail-progress { --getit-lp4-showcase-rail-fill: 0%; flex: 1 1 40px; width: 100%; min-width: 0; height: 44px; margin: 0; padding: 0; appearance: none; -webkit-appearance: none; border: 0; border-radius: 0; background: transparent; cursor: ew-resize; touch-action: pan-y; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail-progress::-webkit-slider-runnable-track { height: 3px; border-radius: 2px; background: linear-gradient(to right, #d4b66a var(--getit-lp4-showcase-rail-fill), #40392a var(--getit-lp4-showcase-rail-fill)); } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail-progress::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 18px; height: 18px; margin-top: -7.5px; border: 2px solid #ecd7a2; border-radius: 50%; background: #d4b66a; box-shadow: 0 0 0 4px #d4b66a12; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail-progress::-moz-range-track { height: 3px; border-radius: 2px; background: #40392a; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail-progress::-moz-range-progress { height: 3px; background: #d4b66a; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail-progress::-moz-range-thumb { box-sizing: border-box; width: 18px; height: 18px; border: 2px solid #ecd7a2; border-radius: 50%; background: #d4b66a; box-shadow: 0 0 0 4px #d4b66a12; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail-progress:focus-visible { outline: 2px solid #e5ca87; outline-offset: 3px; border-radius: 4px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail-progress:disabled { opacity: .3; cursor: default; } @media (hover: hover) and (pointer: fine) { #getit-lp4[data-lp="lp4"] .cards-page .cards-rail.is-enhanced.is-scrollable { cursor: grab; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail.is-enhanced img { -webkit-user-drag: none; user-select: none; } } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail.is-enhanced:is(.is-dragging, .is-scrubbing) { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; user-select: none; } #getit-lp4[data-lp="lp4"] .cards-page .cards-series-code { display: none; } @media (min-width: 600px) and (min-height: 501px), (min-width: 901px) { #getit-lp4[data-lp="lp4"] .cards-page .cards-series { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 0; margin-bottom: 26px; border: 1px solid #d4b66a38; background: #10100f; } #getit-lp4[data-lp="lp4"] .cards-page .cards-series-heading { grid-column: 1; grid-row: 1 / 3; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 12px; margin: 0; padding: 24px 20px; border: 0; border-left: 3px solid #bd9f5c; border-right: 1px solid #d4b66a40; background: linear-gradient(90deg, #30261a80, #0b0b0de0), url("cards-gallery-material-v1.webp") left center / auto 100%; } #getit-lp4[data-lp="lp4"] .cards-page .cards-series-heading .cards-series-code { display: block; flex: none; color: #dfc48c; font-family: Georgia, serif; font-size: 48px; line-height: 1.1; letter-spacing: normal; } #getit-lp4[data-lp="lp4"] .cards-page [data-series-group=promo] .cards-series-code { font-size: 24px; letter-spacing: normal; } #getit-lp4[data-lp="lp4"] .cards-page .cards-series-heading h3 { font-size: 15px; line-height: 1.5; color: #dfd2b2; } #getit-lp4[data-lp="lp4"] .cards-page .cards-series-heading .cards-series-total { padding-top: 12px; margin-top: 6px; border-top: 1px solid #bda26b80; color: var(--getit-lp4-showcase-cards-muted); font-size: 13px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail { grid-column: 2; min-width: 0; display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc((100% - 24px) / 2); gap: 24px; padding: 24px 20px 16px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 20px; scrollbar-width: thin; scrollbar-color: #8c7447 #151412; background: linear-gradient(#08080938, #08080938), url("cards-gallery-material-v1.webp") center / 100% 100%; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail.is-enhanced { scrollbar-width: none; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail.is-enhanced::-webkit-scrollbar { display: none; } #getit-lp4[data-lp="lp4"] .cards-page .cards-entry { scroll-snap-align: start; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid .card { gap: 12px; align-content: start; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid .card-frame { width: min(100%, 180px); } #getit-lp4[data-lp="lp4"] .cards-page .card-grid figcaption strong { font-size: 17px; line-height: 1.35; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid .card-identity { font-size: 12px; margin-top: 4px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail-controls:not([hidden]) { grid-column: 2; display: flex; align-items: center; gap: 14px; padding: 6px 20px; border-top: 1px solid #d4b66a24; background: #10100f; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail-controls button { flex: none; min-width: 44px; min-height: 44px; border: 0; background: none; color: #dfc48c; font-size: 22px; cursor: pointer; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail-controls button:disabled { opacity: .25; cursor: default; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail-count { color: var(--getit-lp4-showcase-cards-muted); font-size: 12px; white-space: nowrap; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail:focus-visible { outline: 2px solid var(--getit-lp4-showcase-cards-accent); outline-offset: -2px; } } @media (min-width: 1100px) { #getit-lp4[data-lp="lp4"] .cards-page .cards-series { grid-template-columns: 190px minmax(0, 1fr); } #getit-lp4[data-lp="lp4"] .cards-page .cards-series-heading { padding-inline: 28px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-series-heading .cards-series-code { font-size: 60px; } #getit-lp4[data-lp="lp4"] .cards-page [data-series-group=promo] .cards-series-code { font-size: 30px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail { grid-auto-columns: calc((100% - 48px) / 3); } #getit-lp4[data-lp="lp4"] .cards-page .card-grid .card-frame { width: min(100%, 194px); } } @media (max-width: 599px), (max-width: 900px) and (max-height: 500px) { #getit-lp4[data-lp="lp4"] .cards-page .cards-series { margin-bottom: 30px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-series-switch:not([hidden]) { display: flex; flex-wrap: wrap; gap: 8px; border-bottom: 1px solid #ffffff26; margin-bottom: 20px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-series-switch button { flex: 1 1 max-content; white-space: normal; overflow-wrap: anywhere; min-width: 0; min-height: 48px; padding: 8px 2px; border: 0; border-bottom: 2px solid transparent; background: none; color: var(--getit-lp4-showcase-muted); font: inherit; font-size: 15px; cursor: pointer; } #getit-lp4[data-lp="lp4"] .cards-page .cards-series-switch button span { margin-left: 6px; font-size: 12px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-series-switch button[aria-pressed=true] { color: #e7d099; border-bottom-color: #d4b66a; } #getit-lp4[data-lp="lp4"] .cards-page.has-series-switch .cards-series-heading { display: none; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail { display: flex; gap: 16px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; padding-block: 8px 14px; scrollbar-width: none; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail::-webkit-scrollbar, #getit-lp4[data-lp="lp4"] .cards-page .cards-thumbnails::-webkit-scrollbar { display: none; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail:focus-visible { outline: 2px solid var(--getit-lp4-showcase-cards-accent); outline-offset: -2px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-entry { flex: 0 0 100%; min-width: 0; scroll-snap-align: start; } #getit-lp4[data-lp="lp4"] .cards-page :is(#group-sv, #group-sm, #group-promo) { scroll-margin-top: 80px; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid .card-frame { width: min(76%, 245px); margin: 0 auto; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid .card { gap: 18px; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid figcaption strong { font-size: 23px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail.is-enhanced .card-frame { opacity: .8; transform: scale(.97); transition: transform 220ms ease, opacity 220ms ease; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail.is-enhanced .is-current .card-frame { opacity: 1; transform: none; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail-hint { display: block; font-size: 13px; color: var(--getit-lp4-showcase-muted); margin-top: 8px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-series:has(.cards-rail.is-enhanced) .cards-rail-hint { display: none; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail-controls:not([hidden]) { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail-controls button { width: 44px; min-height: 44px; flex: none; padding: 0; line-height: 1; border: 0; background: none; color: #e5cf96; font-size: 24px; cursor: pointer; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail-controls button:disabled { opacity: .3; cursor: default; } #getit-lp4[data-lp="lp4"] .cards-page .cards-rail-count { font-size: 12px; color: var(--getit-lp4-showcase-muted); white-space: nowrap; } #getit-lp4[data-lp="lp4"] .cards-page .cards-thumbnails:not([hidden]) { position: relative; display: flex; gap: 10px; overflow-x: auto; padding: 8px 2px; scrollbar-width: none; } #getit-lp4[data-lp="lp4"] .cards-page .cards-thumbnails button { flex: 0 0 54px; min-height: 76px; padding: 3px; border: 1px solid transparent; border-radius: 4px; background: #111112; cursor: pointer; opacity: .65; } #getit-lp4[data-lp="lp4"] .cards-page .cards-thumbnails button[aria-pressed=true] { border-color: #d4b66a; opacity: 1; } #getit-lp4[data-lp="lp4"] .cards-page .cards-thumbnails img { display: block; width: 100%; height: auto; } } @media (min-width: 600px) and (max-width: 900px) and (max-height: 500px) { #getit-lp4[data-lp="lp4"] .cards-page .card-grid .card { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; } #getit-lp4[data-lp="lp4"] .cards-page .card-grid .card-frame { width: min(72%, 180px); } #getit-lp4[data-lp="lp4"] .cards-page .cards-thumbnails:not([hidden]) { justify-content: flex-start; } } @media (prefers-reduced-motion: reduce) { #getit-lp4[data-lp="lp4"] .cards-page .cards-rail.is-enhanced .card-frame { transition: none; transform: none; } } #getit-lp4[data-lp="lp4"] .cards-page .cards-catalogue { padding-bottom: 0; } #getit-lp4[data-lp="lp4"] .cards-page .cards-catalogue-note { margin-top: -8px; color: var(--getit-lp4-showcase-cards-muted); font-size: 13px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-ending { margin-top: 28px; margin-bottom: 40px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-official { display: grid; gap: 20px; padding: 14px 14px 24px; background: #121211; border: 1px solid #cbb57960; } #getit-lp4[data-lp="lp4"] .cards-page .cards-pool-video { min-width: 0; } #getit-lp4[data-lp="lp4"] .cards-page .cards-pool-media { display: grid; aspect-ratio: 3 / 2; overflow: hidden; background: #080808; border: 1px solid #cbb57940; } #getit-lp4[data-lp="lp4"] .cards-page .cards-pool-media > :is(img, video) { grid-area: 1 / 1; display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; object-fit: contain; } #getit-lp4[data-lp="lp4"] .cards-page .cards-pool-controls { display: flex; justify-content: flex-end; } #getit-lp4[data-lp="lp4"] .cards-page [data-video-toggle] { min-height: 44px; padding: 8px 0 0 16px; border: 0; background: none; color: #d9c38e; font: inherit; font-size: 13px; cursor: pointer; } #getit-lp4[data-lp="lp4"] .cards-page .cards-pool-video [hidden] { display: none; } #getit-lp4[data-lp="lp4"] .cards-page .cards-pool-copy { min-width: 0; padding-inline: 8px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-official h2 { margin-top: 10px; font-size: clamp(28px, 3vw, 38px); font-weight: 400; line-height: 1.35; letter-spacing: .04em; color: #f4eee2; } #getit-lp4[data-lp="lp4"] .cards-page .cards-official p { font-size: 14px; line-height: 1.7; color: var(--getit-lp4-showcase-cards-muted); } #getit-lp4[data-lp="lp4"] .cards-page .cards-official .cards-pool-label { color: #d9c38e; font-size: 12px; letter-spacing: .12em; } #getit-lp4[data-lp="lp4"] .cards-page .cards-pool-condition { margin-top: 10px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-pool-copy .cards-official-link { margin-top: 24px; width: 100%; } #getit-lp4[data-lp="lp4"] .cards-page .cards-official .cards-pool-note { margin-top: 14px; font-size: 12px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-official-link { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 48px; padding: 12px 22px; border: 1px solid #dcc28c; border-radius: 5px; color: #19170f; background: #d4b66a; font-size: 16px; line-height: 1.5; text-decoration: none; } #getit-lp4[data-lp="lp4"] .cards-page .cards-disclosures { margin-top: 20px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-info { border-bottom: 1px solid #ffffff1f; } #getit-lp4[data-lp="lp4"] .cards-page .cards-info > summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 60px; padding: 15px 0; list-style: none; cursor: pointer; color: #d7d2c9; font-size: 16px; line-height: 1.5; } #getit-lp4[data-lp="lp4"] .cards-page .cards-info > summary::-webkit-details-marker { display: none; } #getit-lp4[data-lp="lp4"] .cards-page .cards-info > summary::after { content: '+'; color: #d4b66a; font-size: 23px; line-height: 1; flex: none; } #getit-lp4[data-lp="lp4"] .cards-page .cards-info[open] > summary::after { transform: rotate(45deg); } #getit-lp4[data-lp="lp4"] .cards-page .cards-info-body, #getit-lp4[data-lp="lp4"] .cards-page .cards-ending .cards-source-notes { margin: 0; padding: 0 0 24px; border: 0; font-size: 14px; line-height: 1.7; color: var(--getit-lp4-showcase-cards-muted); } #getit-lp4[data-lp="lp4"] .cards-page .cards-ending .cards-source-notes > p + p { margin-top: 12px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-ending .card-group { margin-top: 18px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-ending .card-group h3 { font-size: 14px; font-weight: 400; border: 0; color: #e1d7bf; } #getit-lp4[data-lp="lp4"] .cards-page .cards-ending .card-group .source-date { font-size: 14px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-ending .rarity-legend { font-size: 14px; gap: 12px 30px; margin: 18px 0 0; } #getit-lp4[data-lp="lp4"] .cards-page .cards-reading { display: flex; flex-wrap: wrap; gap: 0 28px; margin-top: 18px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-reading a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; color: #c7bdab; text-decoration: none; } #getit-lp4[data-lp="lp4"] .cards-page :is(.cards-info > summary, .cards-official-link, .cards-reading a, [data-video-toggle]):focus-visible { outline: 2px solid #e5ca87; outline-offset: 4px; } @media (min-width: 760px) { #getit-lp4[data-lp="lp4"] .cards-page .cards-official { grid-template-columns: minmax(0, 1.65fr) minmax(230px, 1fr); gap: clamp(24px, 3vw, 44px); align-items: center; padding: 22px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-pool-copy { padding: 0 12px 32px 0; } #getit-lp4[data-lp="lp4"] .cards-page .cards-pool-copy .cards-official-link { width: auto; min-width: 170px; } #getit-lp4[data-lp="lp4"] .cards-page .cards-ending .rarity-legend { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (hover: hover) and (pointer: fine) { #getit-lp4[data-lp="lp4"] .cards-page .cards-official-link:hover { background: #e4c98e; } #getit-lp4[data-lp="lp4"] .cards-page .cards-info > summary:hover, #getit-lp4[data-lp="lp4"] .cards-page .cards-reading a:hover { color: #f3dfae; } } #getit-lp4[data-lp="lp4"] .grade-compare { padding: 8px 0 34px; } #getit-lp4[data-lp="lp4"] .grade-compare > p:not(.reference-note) { margin-top: 10px; max-width: 42em; } #getit-lp4[data-lp="lp4"] .attribute-list { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; } #getit-lp4[data-lp="lp4"] .attribute-list li { color: #fff; } #getit-lp4[data-lp="lp4"] .attribute-list li + li::before { content: "／"; margin-right: 8px; color: var(--getit-lp4-showcase-muted); } #getit-lp4[data-lp="lp4"] .compare-grid { margin-top: 18px; display: grid; gap: 12px; } #getit-lp4[data-lp="lp4"] .grade-card { display: grid; gap: 8px; padding: 16px; border: 1px solid var(--getit-lp4-showcase-line); border-radius: 10px; background: var(--getit-lp4-showcase-panel-2); } #getit-lp4[data-lp="lp4"] .grade-name { font-size: 15px; color: var(--getit-lp4-showcase-muted); } #getit-lp4[data-lp="lp4"] .grade-name strong { font-size: 24px; font-weight: 400; color: #fff; } #getit-lp4[data-lp="lp4"] .grade-card .centering { padding-top: 8px; border-top: 1px solid #ffffff1f; color: #fff; } @media (min-width: 760px) { #getit-lp4[data-lp="lp4"] .compare-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 480px) { #getit-lp4[data-lp="lp4"] .desk-labels ul { grid-template-columns: minmax(0, 1fr); } } #getit-lp4[data-lp="lp4"] .strip-wrap { min-width: 0; } #getit-lp4[data-lp="lp4"] .card-art img[hidden], #getit-lp4[data-lp="lp4"] .desk-card img[hidden] { display: none; } #getit-lp4[data-lp="lp4"] .plate { display: block; pointer-events: none; user-select: none; } #getit-lp4[data-lp="lp4"] .card-frame.has-plate { aspect-ratio: 5 / 7; padding: 0; border: 0; border-radius: 6px; overflow: hidden; background: #0b0b0c; box-shadow: none; isolation: isolate; } #getit-lp4[data-lp="lp4"] .card-frame.has-plate > .plate { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; } #getit-lp4[data-lp="lp4"] .plate-card { position: absolute; left: 18%; bottom: 20%; width: 64%; } #getit-lp4[data-lp="lp4"] .plate-card::after { content: ""; position: absolute; left: 6%; right: 6%; bottom: -10px; z-index: -1; height: 16px; border-radius: 50%; background: radial-gradient(#000000d0, transparent 70%); } #getit-lp4[data-lp="lp4"] .card-frame.has-plate .card-art { width: 100%; margin: 0; box-shadow: 0 2px 0 #000, 0 14px 18px -6px #000000e0; -webkit-box-reflect: below 3px linear-gradient(transparent 78%, #ffffff26); } #getit-lp4[data-lp="lp4"] .card-frame.has-plate .card-art::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: radial-gradient(90% 55% at 50% 0, #fff4c440, transparent 70%); mix-blend-mode: screen; } #getit-lp4[data-lp="lp4"] .featured-card-grid.cabinet .card { padding: 0 0 12px; background: #050506; box-shadow: none; } #getit-lp4[data-lp="lp4"] .featured-card-grid.cabinet .card::before, #getit-lp4[data-lp="lp4"] .featured-card-grid.cabinet .card::after { display: none; } #getit-lp4[data-lp="lp4"] .more-cards { position: relative; isolation: isolate; overflow: hidden; padding: 22px 16px 16px; background: #060606; } #getit-lp4[data-lp="lp4"] .strip-wrap { position: relative; } #getit-lp4[data-lp="lp4"] .plate-row { position: absolute; z-index: -1; top: -67px; left: -16px; display: flex; width: max-content; } #getit-lp4[data-lp="lp4"] .plate-row .plate { flex: none; width: 390px; height: 390px; } #getit-lp4[data-lp="lp4"] .more-strip a { padding: 0; border: 0; border-radius: 0; background: none; } #getit-lp4[data-lp="lp4"] .more-strip img { margin-bottom: 26px; filter: drop-shadow(0 10px 8px #000000d0); -webkit-box-reflect: below 2px linear-gradient(transparent 88%, #ffffff22); } #getit-lp4[data-lp="lp4"] .more-strip strong, #getit-lp4[data-lp="lp4"] .more-strip span { text-shadow: 0 1px 3px #000; } @media (max-width: 759px) { #getit-lp4[data-lp="lp4"] .more-cards { margin-inline: -20px; padding-inline: 20px; } #getit-lp4[data-lp="lp4"] .plate-row { left: -20px; } } @media (max-width: 374px) { #getit-lp4[data-lp="lp4"] .more-cards { margin-inline: -16px; padding-inline: 16px; } #getit-lp4[data-lp="lp4"] .plate-row { left: -16px; } } @media (min-width: 760px) { #getit-lp4[data-lp="lp4"] .more-cards { border-radius: 6px; } } #getit-lp4[data-lp="lp4"] .drawers { position: relative; isolation: isolate; padding: 12% 9% 10%; border: 0; border-radius: 0; background: #070708; box-shadow: none; } #getit-lp4[data-lp="lp4"] .drawers > .plate { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; } @media (min-width: 760px) { #getit-lp4[data-lp="lp4"] .featured-layout .card-frame.has-plate { width: min(100%, 420px); } #getit-lp4[data-lp="lp4"] .featured-card-grid.cabinet .card { width: min(100%, 420px); justify-self: center; } #getit-lp4[data-lp="lp4"] .drawers { padding: 64px 72px 72px; } } #getit-lp4[data-lp="lp4"] .featured-section { --getit-lp4-showcase-row-card-width: 170px; --getit-lp4-showcase-featured-card-width: calc((var(--getit-lp4-showcase-row-card-width) - 6px) * 1.18); --getit-lp4-showcase-featured-stage-width: calc(var(--getit-lp4-showcase-featured-card-width) + 40px); } #getit-lp4[data-lp="lp4"] .featured-section .section-heading { text-align: center; } #getit-lp4[data-lp="lp4"] .featured-section .section-heading h2 { font-size: clamp(26px, 7vw, 32px); } #getit-lp4[data-lp="lp4"] .featured-section .section-heading p:not(.eyebrow) { margin-inline: auto; } #getit-lp4[data-lp="lp4"] .eevee-placement { margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--getit-lp4-showcase-line); } #getit-lp4[data-lp="lp4"] .eevee-feature { position: relative; isolation: isolate; background: #08090c; border: 1px solid #bda36b66; border-radius: 8px; box-shadow: 0 20px 50px #0008, inset 0 1px #fce2ad33; overflow: hidden; scroll-margin-top: 22px; } #getit-lp4[data-lp="lp4"] .eevee-content { position: relative; isolation: isolate; display: grid; grid-template-columns: 29% minmax(0, 1fr); align-items: center; gap: 40px; padding: 52px 48px 28px; min-height: 560px; } #getit-lp4[data-lp="lp4"] .eevee-scenery { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: right center; pointer-events: none; } #getit-lp4[data-lp="lp4"] .eevee-content::before { content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: linear-gradient(90deg, #07090be6 0%, #07090b8c 23%, transparent 41%); } #getit-lp4[data-lp="lp4"] .eevee-copy { padding-bottom: 16px; min-width: 0; } #getit-lp4[data-lp="lp4"] .eevee-kicker { display: flex; align-items: center; gap: 10px; color: #d7bd83; font-size: .875rem; letter-spacing: .14em; } #getit-lp4[data-lp="lp4"] .eevee-kicker::before { content: ''; width: 22px; border-top: 1px solid #d8c397; } #getit-lp4[data-lp="lp4"] .eevee-copy h2 { margin-top: 17px; color: #fff2cf; font-size: 2rem; line-height: 1.28; font-weight: 900; letter-spacing: .06em; text-shadow: 0 3px 18px #000b; } #getit-lp4[data-lp="lp4"] .eevee-copy .eevee-intro { margin-top: 19px; max-width: 18em; font-size: 1rem; color: #e1dbce; line-height: 1.85; text-shadow: 0 1px 4px #000; } #getit-lp4[data-lp="lp4"] .eevee-copy .eevee-prompt { display: inline-flex; align-items: center; gap: 11px; margin-top: 42px; padding-top: 12px; border-top: 1px solid #d7b87370; color: #d6c9b0; font-size: .8125rem; } #getit-lp4[data-lp="lp4"] .eevee-prompt svg { width: 17px; height: 17px; flex-shrink: 0; } #getit-lp4[data-lp="lp4"] .eevee-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; align-self: start; gap: 30px; padding-top: 16px; min-width: 0; } #getit-lp4[data-lp="lp4"] .eevee-card { min-width: 0; } #getit-lp4[data-lp="lp4"] .eevee-card a { display: block; position: relative; z-index: 1; width: min(100%, 236px); margin-inline: auto; text-decoration: none; } #getit-lp4[data-lp="lp4"] .eevee-card a:focus-visible { outline: 3px solid #fff2cf; outline-offset: 5px; border-radius: 8px; } #getit-lp4[data-lp="lp4"] .eevee-card a::after { content: ''; position: absolute; z-index: -1; left: -7%; right: -7%; bottom: -16px; height: 18px; border-radius: 50%; background: radial-gradient(ellipse, #000d 10%, #0007 40%, transparent 72%); pointer-events: none; } #getit-lp4[data-lp="lp4"] .eevee-card img { display: block; width: 100%; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 0 0 1px #fff5dc96, 0 2px 2px #f8e5af50, 0 14px 22px #000d; } #getit-lp4[data-lp="lp4"] .eevee-card figcaption { position: relative; display: flex; flex-direction: column; align-items: center; gap: 3px; margin-top: 22px; text-shadow: 0 2px 5px #000; } #getit-lp4[data-lp="lp4"] .eevee-card strong { font-size: 1rem; font-weight: 900; color: #fff2d8; overflow-wrap: anywhere; } #getit-lp4[data-lp="lp4"] .eevee-card .eevee-code { font-size: .8125rem; letter-spacing: .08em; color: #cec4b0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; } #getit-lp4[data-lp="lp4"] .eevee-note { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 20px; padding: 15px 23px; background: #080909; border-top: 1px solid #c7a5684d; font-size: .75rem; color: #bbb3a3; } @media (max-width: 959px) { #getit-lp4[data-lp="lp4"] .eevee-content { grid-template-columns: 1fr; min-height: 0; gap: 22px; padding: 30px 24px 0; overflow: hidden; background: #090b0d; } #getit-lp4[data-lp="lp4"] .eevee-content::before { display: none; } #getit-lp4[data-lp="lp4"] .eevee-copy { padding-bottom: 0; } #getit-lp4[data-lp="lp4"] .eevee-copy h2 { margin-top: 13px; font-size: clamp(1.625rem, 7vw, 2rem); } #getit-lp4[data-lp="lp4"] .eevee-copy .eevee-intro { margin-top: 13px; max-width: 25em; line-height: 1.75; } #getit-lp4[data-lp="lp4"] .eevee-copy .eevee-prompt { margin-top: 18px; } #getit-lp4[data-lp="lp4"] .eevee-gallery { position: relative; isolation: isolate; gap: 24px; padding: 30px 0 48px; align-self: stretch; } #getit-lp4[data-lp="lp4"] .eevee-scenery { inset: 0 -24px; width: calc(100% + 48px); height: 100%; object-position: 73% center; } #getit-lp4[data-lp="lp4"] .eevee-card figcaption { margin-top: 19px; gap: 4px; } #getit-lp4[data-lp="lp4"] .eevee-card img { border-radius: 6px; } #getit-lp4[data-lp="lp4"] .eevee-card strong { font-size: .875rem; } #getit-lp4[data-lp="lp4"] .eevee-card .eevee-code { font-size: .75rem; letter-spacing: .02em; } #getit-lp4[data-lp="lp4"] .eevee-note { padding: 14px 22px; line-height: 1.65; } } @media (max-width: 359px) { #getit-lp4[data-lp="lp4"] .eevee-content { padding-inline: 16px; } #getit-lp4[data-lp="lp4"] .eevee-gallery { gap: 15px; } #getit-lp4[data-lp="lp4"] .eevee-scenery { left: -16px; right: -16px; width: calc(100% + 32px); } #getit-lp4[data-lp="lp4"] .eevee-card strong { font-size: .8125rem; } } #getit-lp4[data-lp="lp4"] .featured-layout { display: block; margin: 22px auto 0; max-width: 900px; } #getit-lp4[data-lp="lp4"] .featured-layout .card-featured { display: grid; grid-template-columns: var(--getit-lp4-showcase-featured-stage-width) minmax(0, 310px); justify-content: center; align-items: end; gap: 24px 32px; padding: 42px 44px; border: 0; border-radius: 0; background: #090807; overflow: hidden; isolation: isolate; } #getit-lp4[data-lp="lp4"] .featured-layout .card-featured > .plate { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; } #getit-lp4[data-lp="lp4"] .featured-layout .card-frame.has-plate { width: var(--getit-lp4-showcase-featured-stage-width); max-width: 100%; aspect-ratio: auto; padding: 42px 20px 24px; border-radius: 0; overflow: visible; background: none; } #getit-lp4[data-lp="lp4"] .featured-layout .card-frame::before { content: ""; position: absolute; top: 3px; left: 50%; width: 24px; height: 7px; transform: translateX(-50%); border: 2px solid #b79859; border-radius: 50%; background: #fff6d7; box-shadow: 0 0 13px 3px #ffe5a761; pointer-events: none; } #getit-lp4[data-lp="lp4"] .featured-layout .card-frame::after { content: ""; position: absolute; bottom: 0; left: 6px; right: 6px; height: 24px; z-index: -1; border: 1px solid #a88c5159; border-top-color: #d2bd8a8a; background: linear-gradient(90deg, transparent 12%, #ffe3a1 18%, #fff4ca 50%, #ffe3a1 82%, transparent 88%) center 13px / 100% 2px no-repeat, repeating-linear-gradient(164deg, transparent 0 17px, #ccc1a60b 18px, transparent 19px 36px), linear-gradient(#343027, #11100e 35%, #191712); box-shadow: 0 10px 12px #000a, 0 4px 10px #d6a75218; pointer-events: none; } #getit-lp4[data-lp="lp4"] .featured-layout .plate-card { position: relative; left: auto; bottom: auto; width: 100%; } #getit-lp4[data-lp="lp4"] .featured-layout .plate-card::before { content: ""; position: absolute; z-index: 3; top: -34px; bottom: 24%; left: -36px; right: -36px; background: conic-gradient(from 0deg at 50% 0, transparent 0deg 151deg, #ffe3a111 159deg, #fff1c637 180deg, #ffe3a111 201deg, transparent 209deg 360deg); -webkit-mask-image: linear-gradient(#000, transparent 90%); mask-image: linear-gradient(#000, transparent 90%); mix-blend-mode: screen; pointer-events: none; } #getit-lp4[data-lp="lp4"] .featured-layout .card-art { transition: transform 200ms ease, box-shadow 200ms ease; } #getit-lp4[data-lp="lp4"] .featured-layout .card-image-link { position: relative; } #getit-lp4[data-lp="lp4"] .featured-layout .card-image-link::after { content: ""; position: absolute; z-index: 4; top: -25%; bottom: -25%; left: -75%; width: 45%; background: linear-gradient(90deg, transparent, #fff5cf30 45%, #fffbe351 50%, #fff5cf26 55%, transparent); transform: translateX(0) skewX(-18deg); opacity: 0; mix-blend-mode: screen; pointer-events: none; } #getit-lp4[data-lp="lp4"] .featured-layout .has-glint .card-image-link::after { animation: getit-lp4-showcase-featured-sheen 1.5s ease-in-out 1; } @keyframes getit-lp4-showcase-featured-sheen { 0% { transform: translateX(0) skewX(-18deg); opacity: 0; } 20%, 75% { opacity: .8; } 100% { transform: translateX(500%) skewX(-18deg); opacity: 0; } } @media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) { #getit-lp4[data-lp="lp4"] .featured-layout .card-frame:hover .card-art, #getit-lp4[data-lp="lp4"] .featured-layout .card-art:focus-within { transform: translateY(-2px); box-shadow: 0 0 0 1px #f3db9e99, 0 0 15px #f0ca7040, 0 14px 18px -6px #000e; } } @media (prefers-reduced-motion: reduce) { #getit-lp4[data-lp="lp4"] .featured-layout .card-art { transition: none; } #getit-lp4[data-lp="lp4"] .featured-layout .has-glint .card-image-link::after { animation: none; } } #getit-lp4[data-lp="lp4"] .featured-layout figcaption { position: relative; display: grid; gap: 9px; align-content: center; min-width: 0; max-width: 310px; padding: 22px 20px; margin-bottom: 2px; border: 1px solid #b49a606b; border-radius: 3px; background: radial-gradient(circle at 9px 9px, #d8c18a 0 1px, #6f5d36 2px, transparent 3px), radial-gradient(circle at calc(100% - 9px) 9px, #d8c18a 0 1px, #6f5d36 2px, transparent 3px), radial-gradient(circle at 9px calc(100% - 9px), #d8c18a 0 1px, #6f5d36 2px, transparent 3px), radial-gradient(circle at calc(100% - 9px) calc(100% - 9px), #d8c18a 0 1px, #6f5d36 2px, transparent 3px), repeating-linear-gradient(0deg, #ffffff03 0 1px, transparent 1px 3px), linear-gradient(125deg, #29261e, #11110f 75%); box-shadow: inset 0 1px #e1c99726, 0 8px 12px #0008; } #getit-lp4[data-lp="lp4"] .featured-layout figcaption strong { font-size: 20px; line-height: 1.25; overflow-wrap: anywhere; } #getit-lp4[data-lp="lp4"] .featured-layout figcaption dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 4px 0 0; padding-top: 12px; border-top: 1px solid #b49a606b; } #getit-lp4[data-lp="lp4"] .featured-layout figcaption dt { font-size: 12px; color: #cfc3a7; } #getit-lp4[data-lp="lp4"] .featured-layout figcaption dd { font-size: 15px; } #getit-lp4[data-lp="lp4"] .featured-tag { color: #dfc486; font-size: 13px; } #getit-lp4[data-lp="lp4"] .section-action-hint { margin: 8px auto 0 !important; font-size: 14px; line-height: 1.45; color: #e5d3a8; } #getit-lp4[data-lp="lp4"] .feature-summary { text-align: center; } #getit-lp4[data-lp="lp4"] .card-row { --getit-lp4-showcase-row-art-height: calc((var(--getit-lp4-showcase-row-card-width) - 6px) * 1.4); --getit-lp4-showcase-row-inset: 24px; position: relative; isolation: isolate; margin-top: 24px; padding: 20px var(--getit-lp4-showcase-row-inset) 16px; min-width: 0; overflow: hidden; border: 1px solid #93774640; border-radius: 3px; background: #090908; } #getit-lp4[data-lp="lp4"] .card-row::before { content: ""; position: absolute; inset: 0 0 126px; z-index: -1; background: radial-gradient(ellipse at 50% 100%, #bd934223, transparent 70%), repeating-linear-gradient(90deg, #0006 0 3px, #cab7810d 3px 4px, transparent 4px 9px, #0005 9px 12px); pointer-events: none; } #getit-lp4[data-lp="lp4"] .card-row[data-row="onepiece"]::before { background: radial-gradient(ellipse at 65% 20%, #b5a88618, transparent 65%), repeating-linear-gradient(0deg, #d6ccb009 0 1px, transparent 1px 3px, #0004 3px 4px), linear-gradient(115deg, #151511, #080908 65%); } #getit-lp4[data-lp="lp4"] .row-head, #getit-lp4[data-lp="lp4"] .row-tools { display: flex; align-items: center; gap: 10px; } #getit-lp4[data-lp="lp4"] .row-head { justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 12px; } #getit-lp4[data-lp="lp4"] .row-head h3 { font-size: 22px; font-weight: 400; line-height: 1.3; } #getit-lp4[data-lp="lp4"] .row-head h3 span { display: inline-block; margin-left: 7px; font-size: 14px; color: #c8c3b8; white-space: nowrap; } #getit-lp4[data-lp="lp4"] .row-tools { flex: none; } #getit-lp4[data-lp="lp4"] .row-position { min-width: 46px; color: #c8c3b8; font-size: 13px; text-align: right; font-variant-numeric: tabular-nums; } #getit-lp4[data-lp="lp4"] .row-control { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #bca16b85; border-radius: 4px; background: #0c0d0ca6; color: #e6cd94; font-size: 27px; line-height: 1; cursor: pointer; } #getit-lp4[data-lp="lp4"] .row-control[hidden], #getit-lp4[data-lp="lp4"] .row-position[hidden] { display: none; } #getit-lp4[data-lp="lp4"] .row-control:disabled { opacity: .35; cursor: default; } #getit-lp4[data-lp="lp4"] .row-shelf { position: relative; min-width: 0; } #getit-lp4[data-lp="lp4"] .row-shelf::before { content: ""; position: absolute; z-index: -1; top: calc(var(--getit-lp4-showcase-row-art-height) + 7px); left: calc(-1 * var(--getit-lp4-showcase-row-inset)); right: calc(-1 * var(--getit-lp4-showcase-row-inset)); height: 23px; border-top: 1px solid #b99b604d; border-bottom: 1px solid #f0d493c4; background: repeating-linear-gradient(172deg, transparent 0 9px, #d6c8a00b 10px, transparent 11px 19px), linear-gradient(#25241e, #141411 75%, #060706); box-shadow: 0 1px 2px #ffe8b280, 0 4px 9px #c89d3c24, 0 10px 15px #0009; pointer-events: none; } #getit-lp4[data-lp="lp4"] .row-track { display: flex; gap: 20px; padding: 6px 2px 12px; margin: 0; list-style: none; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #a58d59 #ffffff0b; touch-action: pan-x pan-y; } #getit-lp4[data-lp="lp4"] .row-track::-webkit-scrollbar { height: 4px; } #getit-lp4[data-lp="lp4"] .row-track::-webkit-scrollbar-track { background: #ffffff0b; border-radius: 4px; } #getit-lp4[data-lp="lp4"] .row-track::-webkit-scrollbar-thumb { background: #a58d59; border-radius: 4px; } #getit-lp4[data-lp="lp4"] .row-track:focus-within { scroll-snap-type: none; } #getit-lp4[data-lp="lp4"] .row-card { flex: 0 0 var(--getit-lp4-showcase-row-card-width); min-width: 0; scroll-snap-align: start; } #getit-lp4[data-lp="lp4"] .row-card a { display: grid; grid-template-rows: var(--getit-lp4-showcase-row-art-height) auto; gap: 0; height: 100%; padding: 3px; color: var(--getit-lp4-showcase-text); text-decoration: none; border-radius: 3px; } #getit-lp4[data-lp="lp4"] .row-card img { display: block; width: 100%; height: var(--getit-lp4-showcase-row-art-height); object-fit: contain; object-position: center bottom; filter: drop-shadow(0 6px 5px #000b); user-select: none; -webkit-user-drag: none; -webkit-box-reflect: below 3px linear-gradient(transparent 93%, #0000001a); transition: transform 180ms ease, filter 180ms ease; } #getit-lp4[data-lp="lp4"] .row-caption { position: relative; display: grid; align-content: start; gap: 4px; margin-top: 28px; padding: 10px 2px 4px; } #getit-lp4[data-lp="lp4"] .row-caption::before { content: ""; position: absolute; left: 2px; top: 0; width: 23px; height: 1px; background: #cdb271; pointer-events: none; } #getit-lp4[data-lp="lp4"] .row-caption strong { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 2.6em; color: #f4f2eb; font-size: 15px; line-height: 1.3; font-weight: 400; } #getit-lp4[data-lp="lp4"] .row-caption .row-number { color: #c6c2b7; font-size: 14px; line-height: 1.4; } @media (hover: hover) and (pointer: fine) { #getit-lp4[data-lp="lp4"] .row-card a:hover img { transform: translateY(-2px); filter: drop-shadow(0 0 2px #ddc38870) drop-shadow(0 7px 5px #000b); } #getit-lp4[data-lp="lp4"] .row-control:not(:disabled):hover { border-color: #e6cd94; background: #262319; } } #getit-lp4[data-lp="lp4"] .row-card a:focus-visible img { transform: translateY(-2px); } #getit-lp4[data-lp="lp4"] .feature-facts { margin-top: 20px; border-top: 1px solid var(--getit-lp4-showcase-line); font-size: 14px; color: var(--getit-lp4-showcase-muted); } #getit-lp4[data-lp="lp4"] .feature-facts summary { min-height: 44px; padding: 10px 0; cursor: pointer; color: var(--getit-lp4-showcase-text); } #getit-lp4[data-lp="lp4"] .feature-facts p { margin: 6px 0; } #getit-lp4[data-lp="lp4"] .guide-links { display: flex; flex-wrap: wrap; gap: 4px 26px; margin-top: 10px; } #getit-lp4[data-lp="lp4"] .card-row :focus-visible, #getit-lp4[data-lp="lp4"] .featured-layout :focus-visible, #getit-lp4[data-lp="lp4"] .feature-facts summary:focus-visible { outline: 3px solid var(--getit-lp4-showcase-yellow); outline-offset: 2px; } #getit-lp4[data-lp="lp4"] .featured-layout .card-image-link:focus-visible { outline-offset: -4px; } #getit-lp4[data-lp="lp4"] .row-track.is-dragging { cursor: grabbing; scroll-snap-type: none; } @media (max-width: 700px) { #getit-lp4[data-lp="lp4"] .featured-layout { max-width: 540px; } #getit-lp4[data-lp="lp4"] .featured-layout .card-featured { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 20px; padding: 28px 18px 42px; } #getit-lp4[data-lp="lp4"] .featured-layout figcaption { width: 100%; text-align: left; } } @media (max-width: 600px) { #getit-lp4[data-lp="lp4"] .featured-section { --getit-lp4-showcase-row-card-width: clamp(155px, 48vw, 190px); } #getit-lp4[data-lp="lp4"] .card-row { --getit-lp4-showcase-row-inset: 20px; margin-inline: -20px; border-radius: 0; } #getit-lp4[data-lp="lp4"] .row-track { gap: 16px; } } @media (max-width: 374px) { #getit-lp4[data-lp="lp4"] .card-row { --getit-lp4-showcase-row-inset: 16px; margin-inline: -16px; } } @media (max-width: 360px) { #getit-lp4[data-lp="lp4"] .row-head { flex-wrap: wrap; } #getit-lp4[data-lp="lp4"] .row-head h3 { flex-basis: 100%; } #getit-lp4[data-lp="lp4"] .row-tools { margin-left: auto; } } @media (prefers-reduced-motion: reduce) { #getit-lp4[data-lp="lp4"] .row-track { scroll-behavior: auto !important; } #getit-lp4[data-lp="lp4"] .row-card img { transition: none; } #getit-lp4[data-lp="lp4"] .row-card a:hover img, #getit-lp4[data-lp="lp4"] .row-card a:focus-visible img { transform: none; } } #getit-lp4[data-lp="lp4"] .grading-page { --getit-lp4-showcase-grading-gold: #d4b66a; --getit-lp4-showcase-grading-muted: #bab5aa; } #getit-lp4[data-lp="lp4"] .grading-page .section-wrap, #getit-lp4[data-lp="lp4"] body:has(.grading-page) .header-inner { width: min(100% - 40px, 1200px); } #getit-lp4[data-lp="lp4"] .grading-page .grading-hero { isolation: isolate; display: grid; gap: 24px; padding: 36px 0 28px; align-items: center; border-bottom: 1px solid #d4b66a60; } #getit-lp4[data-lp="lp4"] .grading-page .grading-hero::before { content: ""; position: absolute; z-index: -1; inset: 0 -20px; pointer-events: none; background: linear-gradient(180deg, #0b0b0c40, #0b0b0c 85%), linear-gradient(90deg, #0b0b0c70, #0b0b0cdd), url("cards-gallery-material-v1.webp") center / cover; } #getit-lp4[data-lp="lp4"] .grading-page .grading-hero-copy { min-width: 0; } #getit-lp4[data-lp="lp4"] .grading-page .grading-kicker { color: var(--getit-lp4-showcase-grading-gold); font-size: 13px; letter-spacing: .1em; } #getit-lp4[data-lp="lp4"] .grading-page .grading-hero h1 { margin-top: 16px; font-size: clamp(46px, 6.4vw, 92px); line-height: 1.12; letter-spacing: .01em; } #getit-lp4[data-lp="lp4"] .grading-page .grading-hero h1 span { display: block; } #getit-lp4[data-lp="lp4"] .grading-page .grading-intro { margin-top: 20px; color: #d8d3c9; font-size: clamp(17px, 1.8vw, 22px); } #getit-lp4[data-lp="lp4"] .grading-page .grading-shortcuts { display: flex; flex-wrap: wrap; gap: 8px 26px; margin-top: 30px; } #getit-lp4[data-lp="lp4"] .grading-page .grading-shortcuts a { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; border-bottom: 1px solid #a98d51; color: #e6d5ae; text-decoration: none; font-size: 14px; } #getit-lp4[data-lp="lp4"] .grading-page .grading-hero-media { min-width: 0; } #getit-lp4[data-lp="lp4"] .grading-page .desk-scene { width: min(100%, 520px); } #getit-lp4[data-lp="lp4"] .grading-page .grading-hero-media .reference-note { max-width: 520px; margin: -10px auto 0; position: relative; padding: 0; font-size: 12px; line-height: 1.7; color: var(--getit-lp4-showcase-grading-muted); } #getit-lp4[data-lp="lp4"] .grading-page .grading-overview { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-block: 36px; border-bottom: 1px solid #d4b66a30; } #getit-lp4[data-lp="lp4"] .grading-page h2 { font-size: clamp(26px, 3vw, 38px); line-height: 1.4; } #getit-lp4[data-lp="lp4"] .grading-page .grading-copy { gap: 0; } #getit-lp4[data-lp="lp4"] .grading-page .grading-copy > p { margin-top: 12px; line-height: 1.8; } #getit-lp4[data-lp="lp4"] .grading-page .grading-copy .rarity-note { margin-top: 18px; border-left: 2px solid #a98d51; padding-left: 14px; font-size: 14px; color: var(--getit-lp4-showcase-grading-muted); } #getit-lp4[data-lp="lp4"] .grading-page .grading-attributes > p { color: var(--getit-lp4-showcase-grading-muted); font-size: 14px; } #getit-lp4[data-lp="lp4"] .grading-page .grading-attributes ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 24px; list-style: none; margin: 14px 0 0; padding: 0; } #getit-lp4[data-lp="lp4"] .grading-page .grading-attributes li { display: flex; align-items: start; gap: 12px; padding-top: 12px; border-top: 1px solid #ffffff24; } #getit-lp4[data-lp="lp4"] .grading-page .attribute-index { color: #a48d60; font-size: 12px; padding-top: 4px; } #getit-lp4[data-lp="lp4"] .grading-page .grading-attributes strong { display: block; font-weight: 400; color: #f5eddf; } #getit-lp4[data-lp="lp4"] .grading-page .grading-attributes li div > span { display: block; margin-top: 4px; font-size: 13px; color: var(--getit-lp4-showcase-grading-muted); } #getit-lp4[data-lp="lp4"] .grading-page .grade-compare { padding-block: 40px 48px; } #getit-lp4[data-lp="lp4"] .grading-page .grading-comparison { width: 100%; table-layout: fixed; border-collapse: collapse; margin-top: 24px; text-align: left; font-size: 15px; line-height: 1.7; } #getit-lp4[data-lp="lp4"] .grading-page .grading-comparison th, #getit-lp4[data-lp="lp4"] .grading-page .grading-comparison td { padding: 20px 24px; vertical-align: top; border-bottom: 1px solid #ffffff1c; font-weight: 400; } #getit-lp4[data-lp="lp4"] .grading-page .grading-comparison tr > :first-child { width: 20%; color: var(--getit-lp4-showcase-grading-muted); padding-left: 0; } #getit-lp4[data-lp="lp4"] .grading-page .grading-comparison tr > :nth-child(2) { background: #d4b66a09; border-right: 1px solid #d4b66a30; } #getit-lp4[data-lp="lp4"] .grading-page .grading-comparison tr > :nth-child(3) { background: #d4b66a04; } #getit-lp4[data-lp="lp4"] .grading-page .grading-comparison thead th { border-top: 1px solid #b4985f; border-bottom-color: #b4985f70; } #getit-lp4[data-lp="lp4"] .grading-page .grading-comparison thead th:not(:first-child) { padding-block: 28px; background: linear-gradient(90deg, #0b0b0cb0, #0b0b0ce8), url("cards-gallery-material-v1.webp") center / cover; } #getit-lp4[data-lp="lp4"] .grading-page .comparison-grade { display: block; font-size: clamp(22px, 3.4vw, 46px); line-height: 1.3; color: #f4ead5; white-space: nowrap; } #getit-lp4[data-lp="lp4"] .grading-page .comparison-name { display: block; margin-top: 4px; font-size: 13px; color: var(--getit-lp4-showcase-grading-muted); } #getit-lp4[data-lp="lp4"] .grading-page .comparison-ratio { display: inline-block; margin-inline: 6px; font-size: clamp(20px, 2.4vw, 28px); line-height: 1.3; font-weight: 400; color: #e7cf96; font-variant-numeric: tabular-nums; white-space: nowrap; } #getit-lp4[data-lp="lp4"] .grading-page .ratio-label { font-size: 12px; color: var(--getit-lp4-showcase-grading-muted); } #getit-lp4[data-lp="lp4"] .grading-page .comparison-note { margin-top: 16px; max-width: 46em; font-size: 13px; line-height: 1.8; color: var(--getit-lp4-showcase-grading-muted); } #getit-lp4[data-lp="lp4"] .grading-page .grading-details { margin-top: 18px; border-bottom: 1px solid #ffffff24; } #getit-lp4[data-lp="lp4"] .grading-page .grading-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 52px; padding: 12px 0; cursor: pointer; list-style: none; color: #d9cba9; font-size: 14px; } #getit-lp4[data-lp="lp4"] .grading-page .grading-details > summary::-webkit-details-marker { display: none; } #getit-lp4[data-lp="lp4"] .grading-page .grading-details > summary::after { content: '+'; font-size: 22px; } #getit-lp4[data-lp="lp4"] .grading-page .grading-details[open] > summary::after { content: '−'; } #getit-lp4[data-lp="lp4"] .grading-page .grading-details .compare-grid { margin: 0; gap: 24px; } #getit-lp4[data-lp="lp4"] .grading-page .grade-card { border: 0; border-radius: 0; padding: 0 0 16px; background: transparent; font-size: 14px; } #getit-lp4[data-lp="lp4"] .grading-page .grade-card .centering { color: var(--getit-lp4-showcase-grading-muted); } #getit-lp4[data-lp="lp4"] .grading-page .grading-details > a { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: 12px; color: #e7cf96; text-underline-offset: 5px; font-size: 14px; } #getit-lp4[data-lp="lp4"] .grading-page .check-section { padding-block: 40px; background: linear-gradient(100deg, #18150f, #0b0b0c 70%); border-block-color: #d4b66a30; } #getit-lp4[data-lp="lp4"] .grading-page .check-steps { margin-top: 28px; gap: 24px; } #getit-lp4[data-lp="lp4"] .grading-page .check-steps li { grid-template-columns: 28px 1fr; padding-top: 16px; gap: 14px; } #getit-lp4[data-lp="lp4"] .grading-page .step-number { color: var(--getit-lp4-showcase-grading-gold); font-weight: 400; font-size: 24px; } #getit-lp4[data-lp="lp4"] .grading-page .check-steps h3 { font-size: 18px; } #getit-lp4[data-lp="lp4"] .grading-page .check-steps p { font-size: 15px; color: #c8c3b8; line-height: 1.8; } #getit-lp4[data-lp="lp4"] .grading-page .grading-verification { display: grid; gap: 22px; margin-top: 32px; padding-top: 24px; border-top: 1px solid #d4b66a40; } #getit-lp4[data-lp="lp4"] .grading-page .verification-note { margin: 0; padding: 0; border: 0; } #getit-lp4[data-lp="lp4"] .grading-page .verification-note h3 { color: #e7dcc4; font-size: 17px; } #getit-lp4[data-lp="lp4"] .grading-page .verification-note p { margin-top: 8px; max-width: 46em; color: var(--getit-lp4-showcase-grading-muted); font-size: 14px; line-height: 1.8; } #getit-lp4[data-lp="lp4"] .grading-page .grading-action { margin: 0; align-content: center; } #getit-lp4[data-lp="lp4"] .grading-page .grading-action .primary-link { min-height: 48px; padding: 12px 22px; border: 1px solid #e2c888; border-radius: 4px; background: #d4b66a; box-shadow: none; color: #16140e; font-size: 15px; font-weight: 400; } #getit-lp4[data-lp="lp4"] .grading-page .grading-sources { margin-top: 28px; } #getit-lp4[data-lp="lp4"] .grading-page .desk-labels li { border: 0; background: transparent; padding: 8px 0; font-size: 13px; } #getit-lp4[data-lp="lp4"] .grading-page .desk-labels strong { font-size: 14px; font-weight: 400; } #getit-lp4[data-lp="lp4"] .grading-page .grading-sources > p { padding-bottom: 18px; color: var(--getit-lp4-showcase-grading-muted); font-size: 13px; } #getit-lp4[data-lp="lp4"] .grading-page .next-step { padding-block: 24px; } #getit-lp4[data-lp="lp4"] .grading-page .next-step a { color: #e0c88f !important; font-size: 15px; } @media (min-width: 760px) { #getit-lp4[data-lp="lp4"] .grading-page .grading-hero { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 48px; padding-block: 38px 32px; } #getit-lp4[data-lp="lp4"] .grading-page .desk-scene { width: min(100%, 520px); } #getit-lp4[data-lp="lp4"] .grading-page .grading-hero::before { background: linear-gradient(90deg, #0b0b0c85, #0b0b0cdd 58%, #0b0b0c), linear-gradient(0deg, #0b0b0c, transparent 35%), url("cards-gallery-material-v1.webp") left center / cover; } #getit-lp4[data-lp="lp4"] .grading-page .grading-overview { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; padding-block: 48px 36px; } #getit-lp4[data-lp="lp4"] .grading-page .grading-verification { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 48px; } } @media (max-width: 599px) { #getit-lp4[data-lp="lp4"] .grading-page .grading-comparison { font-size: 13px; } #getit-lp4[data-lp="lp4"] .grading-page .grading-comparison th, #getit-lp4[data-lp="lp4"] .grading-page .grading-comparison td { padding: 16px 10px; } #getit-lp4[data-lp="lp4"] .grading-page .grading-comparison tr > :first-child { width: 23%; padding-left: 0; padding-right: 8px; } #getit-lp4[data-lp="lp4"] .grading-page .ratio-label { display: block; } #getit-lp4[data-lp="lp4"] .grading-page .comparison-ratio { margin: 2px 0; } #getit-lp4[data-lp="lp4"] .grading-page .grading-action, #getit-lp4[data-lp="lp4"] .grading-page .grading-action .primary-link { width: 100%; } } @media (min-width: 1100px) { #getit-lp4[data-lp="lp4"] .grading-page .section-wrap, #getit-lp4[data-lp="lp4"] body:has(.grading-page) .header-inner { width: min(100% - 112px, 1200px); } #getit-lp4[data-lp="lp4"] .grading-page .grading-hero::before { inset-inline: -40px; } } @media (max-width: 374px) { #getit-lp4[data-lp="lp4"] .grading-page .section-wrap, #getit-lp4[data-lp="lp4"] body:has(.grading-page) .header-inner { width: calc(100% - 32px); } #getit-lp4[data-lp="lp4"] .grading-page .grading-hero::before { inset-inline: -16px; } #getit-lp4[data-lp="lp4"] .grading-page .grading-shortcuts { gap: 8px 18px; } } #getit-lp4[data-lp="lp4"] .support-page { --getit-lp4-showcase-support-gold: #d4b66a; } #getit-lp4[data-lp="lp4"] .support-page .section-wrap, #getit-lp4[data-lp="lp4"] body:has(.support-page) .header-inner { width: min(100% - 40px, 1200px); } #getit-lp4[data-lp="lp4"] .support-page .support-hero { display: grid; gap: 28px; padding-block: 36px 30px; border-bottom: 1px solid #d4b66a50; } #getit-lp4[data-lp="lp4"] .support-page .support-heading { align-self: center; min-width: 0; } #getit-lp4[data-lp="lp4"] .support-page .support-heading .eyebrow { font-size: 13px; color: var(--getit-lp4-showcase-support-gold); } #getit-lp4[data-lp="lp4"] .support-page h1 { margin-top: 14px; max-width: 6em; font-size: clamp(42px, 5.4vw, 76px); line-height: 1.2; color: #fff; } #getit-lp4[data-lp="lp4"] .support-page h1 span { display: block; } #getit-lp4[data-lp="lp4"] .support-page .support-intro { margin-top: 22px; max-width: 30em; color: #c9c4b9; font-size: 16px; line-height: 1.9; } #getit-lp4[data-lp="lp4"] .support-page .support-jump { display: inline-flex; align-items: center; gap: 22px; min-height: 44px; margin-top: 24px; border-bottom: 1px solid #b69a5f; color: #e6d3a7; text-decoration: none; } #getit-lp4[data-lp="lp4"] .support-page .shelf-top { padding: 28px 16px 20px; border: 0; background: linear-gradient(0deg, #0b0b0c, #0b0b0c30 45%, #0b0b0c40), url("cards-gallery-material-v1.webp") center / cover; } #getit-lp4[data-lp="lp4"] .support-page .shelf-top::after { display: none; } #getit-lp4[data-lp="lp4"] .support-page .card-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; } #getit-lp4[data-lp="lp4"] .support-page .shelf-top .card { min-width: 0; } #getit-lp4[data-lp="lp4"] .support-page .shelf-top .card-frame { width: min(100%, 220px); margin-inline: auto; } #getit-lp4[data-lp="lp4"] .support-page .shelf-top figcaption { padding: 14px 0 0; border: 0; background: transparent; box-shadow: none; text-align: left; font-size: 13px; } #getit-lp4[data-lp="lp4"] .support-page .shelf-top .card-name { font-size: 15px; } #getit-lp4[data-lp="lp4"] .support-page .shelf-top .source-date { font-size: 11px; color: #a8a399; } #getit-lp4[data-lp="lp4"] .support-page .drawer-cabinet { padding-block: 34px 0; } #getit-lp4[data-lp="lp4"] .support-page .drawers { padding: 32px 22px; } #getit-lp4[data-lp="lp4"] .support-page .drawers > .plate { opacity: .65; width: min(100%, 780px); inset: 0 auto 0 50%; transform: translateX(-50%); } #getit-lp4[data-lp="lp4"] .support-page h2 { font-size: clamp(26px, 3vw, 38px); line-height: 1.4; } #getit-lp4[data-lp="lp4"] .support-page .drawers .faq { margin-top: 22px; gap: 0; } #getit-lp4[data-lp="lp4"] .support-page .drawers details { border: 0; border-bottom: 1px solid #d4b66a50; border-radius: 0; background: #0b0b0cec; box-shadow: none; } #getit-lp4[data-lp="lp4"] .support-page .drawers details[open] { margin-inline: 0; box-shadow: inset 2px 0 #d4b66a; background: #19160fee; } #getit-lp4[data-lp="lp4"] .support-page .drawers summary { min-height: 64px; padding: 18px 16px; font-size: 16px; line-height: 1.6; } #getit-lp4[data-lp="lp4"] .support-page .drawers summary::after { background: linear-gradient(#d4b66a, #d4b66a) center / 16px 2px no-repeat, linear-gradient(#d4b66a, #d4b66a) center / 2px 16px no-repeat; } #getit-lp4[data-lp="lp4"] .support-page .drawers details[open] summary::after { background: linear-gradient(#d4b66a, #d4b66a) center / 16px 2px no-repeat; } #getit-lp4[data-lp="lp4"] .support-page .drawers details p { margin: 0; padding: 0 16px 20px; color: #c9c4b9; font-size: 15px; line-height: 1.9; background: none; border-radius: 0; box-shadow: none; } #getit-lp4[data-lp="lp4"] .support-page .drawer-cabinet > .cta-block { margin-top: 28px; padding-block: 24px; border-bottom: 1px solid #d4b66a30; } #getit-lp4[data-lp="lp4"] .support-page .primary-link { width: auto; min-height: 48px; padding: 12px 26px; border: 1px solid #d4b66a; border-radius: 3px; background: #d4b66a; color: #17140e; box-shadow: none; font-size: 17px; } #getit-lp4[data-lp="lp4"] .support-page .cta-note, #getit-lp4[data-lp="lp4"] .support-page .new-tab { font-size: 13px; color: #bdb8ad; } #getit-lp4[data-lp="lp4"] .support-page .support-help { padding-block: 8px 24px; } #getit-lp4[data-lp="lp4"] .support-page .support-note { border: 0; padding-top: 0; } #getit-lp4[data-lp="lp4"] .support-page .support-note h3 { font-size: 22px; } #getit-lp4[data-lp="lp4"] .support-page .support-note p { max-width: 44em; color: #bdb8ad; font-size: 15px; } #getit-lp4[data-lp="lp4"] .support-page .support-note a, #getit-lp4[data-lp="lp4"] .support-page .reading-link { display: inline-flex; align-items: center; min-height: 44px; color: #e2c98f; font-size: 15px; text-underline-offset: 5px; } #getit-lp4[data-lp="lp4"] .support-page .source-notes { padding-block: 0 28px; border: 0; } #getit-lp4[data-lp="lp4"] .support-page .support-sources { border-block: 1px solid #d4b66a30; margin-bottom: 16px; } #getit-lp4[data-lp="lp4"] .support-page .support-sources summary { min-height: 52px; padding-block: 14px; cursor: pointer; color: #c8bea8; font-size: 14px; } #getit-lp4[data-lp="lp4"] .support-page .support-sources p { margin: 10px 0 16px; color: #aaa59b; font-size: 13px; line-height: 1.8; } @media (min-width: 760px) { #getit-lp4[data-lp="lp4"] .support-page .support-hero { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 44px; padding-block: 40px; } #getit-lp4[data-lp="lp4"] .support-page .drawers { padding: 54px 64px 60px; display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 1.7fr); gap: 36px; align-items: start; } #getit-lp4[data-lp="lp4"] .support-page .drawers .faq { margin-top: 0; } #getit-lp4[data-lp="lp4"] .support-page .drawer-title { padding: 12px 0; } } @media (min-width: 1100px) { #getit-lp4[data-lp="lp4"] .support-page .section-wrap, #getit-lp4[data-lp="lp4"] body:has(.support-page) .header-inner { width: min(100% - 112px, 1200px); } } @media (max-width: 374px) { #getit-lp4[data-lp="lp4"] .support-page .section-wrap, #getit-lp4[data-lp="lp4"] body:has(.support-page) .header-inner { width: calc(100% - 32px); } #getit-lp4[data-lp="lp4"] .support-page .drawers { padding: 28px 14px; } #getit-lp4[data-lp="lp4"] .support-page .card-pair { gap: 12px; } } #getit-lp4[data-lp="lp4"] .support-page .support-checklist { padding-block: 34px 4px; } #getit-lp4[data-lp="lp4"] .support-page .support-checklist h2 { font-size: clamp(24px, 2.7vw, 32px); } #getit-lp4[data-lp="lp4"] .support-page .support-checklist ul { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; list-style: none; margin: 22px 0 0; padding: 0; } #getit-lp4[data-lp="lp4"] .support-page .support-checklist li { min-width: 0; padding-top: 14px; border-top: 1px solid #d4b66a60; } #getit-lp4[data-lp="lp4"] .support-page .support-checklist h3 { color: #e6d3a7; font-size: 18px; line-height: 1.5; } #getit-lp4[data-lp="lp4"] .support-page .support-checklist p { margin-top: 8px; color: #c9c4b9; font-size: 15px; line-height: 1.8; } @media (min-width: 760px) { #getit-lp4[data-lp="lp4"] .support-page .support-checklist ul { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; } } #getit-lp4[data-lp="lp4"] .support-page .faq-related a { display: inline-flex; align-items: center; min-height: 44px; color: #e2c98f; text-underline-offset: 5px; } #getit-lp4[data-lp="lp4"] .support-page .support-receipt { padding-top: 24px; } #getit-lp4[data-lp="lp4"] .support-page .support-receipt h2 { font-size: clamp(24px, 2.7vw, 32px); } #getit-lp4[data-lp="lp4"] .support-page .support-receipt ul { display: grid; gap: 18px; list-style: none; padding: 0; margin: 20px 0 0; } #getit-lp4[data-lp="lp4"] .support-page .support-receipt li { min-width: 0; padding-left: 16px; border-left: 1px solid #d4b66a70; } #getit-lp4[data-lp="lp4"] .support-page .support-receipt h3 { color: #e6d3a7; font-size: 17px; line-height: 1.5; } #getit-lp4[data-lp="lp4"] .support-page .support-receipt p { margin-top: 6px; color: #c9c4b9; font-size: 15px; line-height: 1.8; } #getit-lp4[data-lp="lp4"] .support-page .support-help .support-note { margin-top: 28px; padding-top: 22px; border-top: 1px solid #d4b66a30; } @media (min-width: 760px) { #getit-lp4[data-lp="lp4"] .support-page .support-receipt ul { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; } } #getit-lp4[data-lp="lp4"] {box-sizing:border-box;} #getit-lp4[data-lp="lp4"] .stage.is-reduced-motion :is(.ring,.face,.shine,.sparks,.placard li) {animation:none !important;} /* Page-specific sharing; no third-party script or pre-click request. */ #getit-lp4[data-lp="lp4"] .footer-share { margin: 24px 0 20px; } #getit-lp4[data-lp="lp4"] .footer-share-link { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; box-sizing: border-box; max-width: 100%; padding: 10px 18px; border: 1px solid #bba365; border-radius: 6px; color: #ead69c; background: #d5bb7910; font-size: 15px; line-height: 1.5; text-decoration: none; } #getit-lp4[data-lp="lp4"] .footer-share-link svg { flex: none; } #getit-lp4[data-lp="lp4"] .footer-share-link:hover { background: #d5bb7924; border-color: #ead69c; } #getit-lp4[data-lp="lp4"] .footer-share-link:focus-visible { outline: 3px solid #ead69c; outline-offset: 4px; }