@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito+Sans:wght@600;700;800;900&family=Space+Mono:wght@400;700&display=swap";
:root{--navy:#09000f;--navy-2:#45006f;--cream:#f7f0ff;--paper:#fff;--sky:#7a00ff;--yellow:#d7ff25;--red:#7a00ff;--blue:#5c00ba;--green:#6f00d6;--pink:#8a10ff;--line:#09000f29;--shadow:0 18px 0 #09000f1a, 0 28px 50px #09000f2e}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--navy-2)}body{color:var(--navy);background:var(--navy-2);-webkit-font-smoothing:antialiased;margin:0;font-family:Nunito Sans,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}svg{width:1.25rem;height:1.25rem}main{min-height:100vh}section.collection{min-height:100vh;padding:clamp(24px,4vw,56px) clamp(16px,2vw,32px) 110px}.site-intro{color:#fff;justify-content:space-between;align-items:baseline;gap:18px;width:100%;margin:0 auto 16px;padding:0 3px;display:flex}.site-intro h1{letter-spacing:-.025em;margin:0;font:700 clamp(22px,2.6vw,36px)/1 Fredoka,sans-serif}.site-intro p{color:#fff;margin:0;font:800 clamp(11px,1.15vw,15px)/1.2 Nunito Sans,sans-serif}.filter-bar{border:3px solid var(--navy);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf7f0;border-radius:26px;grid-template-columns:minmax(280px,1fr) auto auto;align-items:stretch;width:100%;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 8px #09000f33,0 18px 45px #09000f29}.search-box{border-right:2px solid var(--line);align-items:center;gap:16px;min-height:88px;padding:0 26px;display:flex}.search-box>svg{width:25px;height:25px;color:var(--blue);stroke-width:2.7px;flex:none}.search-box input{color:var(--navy);background:0 0;border:0;outline:0;width:100%;font-size:18px;font-weight:800}.search-box input::placeholder{color:#6b5474;opacity:1}.search-box button{cursor:pointer;color:var(--navy-2);background:#f0e9f3;border:0;border-radius:50%;padding:7px;display:grid}.search-box button svg{width:14px;height:14px}.selects{min-height:88px;display:flex}.selects label{border-right:2px solid var(--line);flex-direction:column;justify-content:center;min-width:155px;padding:13px 20px;display:flex}.selects label:nth-child(2){min-width:220px}.selects span{color:#6b5474;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font:700 11px Nunito Sans,sans-serif}.selects select{color:var(--navy);cursor:pointer;background:0 0;border:0;outline:0;width:100%;font-size:16px;font-weight:900}.view-toggle{align-items:center;gap:5px;min-height:88px;padding:0 15px;display:flex}.view-toggle button{color:#6b5474;cursor:pointer;background:0 0;border:0;border-radius:13px;place-items:center;width:50px;height:50px;transition:transform .2s,background .2s,color .2s;display:grid}.view-toggle button:hover{transform:translateY(-2px)}.view-toggle button.active{color:#fff;background:var(--blue);box-shadow:inset 0 -3px #0000002e}.view-toggle svg{width:21px;height:21px}.slab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%;margin:28px auto 0;display:grid}.slab-card{--accent:var(--blue);appearance:none;text-align:left;background:var(--paper);border:3px solid var(--navy);cursor:pointer;min-width:0;box-shadow:var(--shadow);border-radius:24px;grid-template-columns:minmax(0,54%) minmax(0,46%);align-items:stretch;padding:10px;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s;display:grid;position:relative;overflow:hidden;transform:translateY(0)rotate(0)}.slab-card:nth-child(3n+1){transform:rotate(-.35deg)}.slab-card:nth-child(3n+3){transform:rotate(.35deg)}.slab-card.accent-0{--accent:#7a00ff}.slab-card.accent-1{--accent:#5c00ba}.slab-card.accent-2{--accent:#8a10ff}.slab-card.accent-3{--accent:#45006f}.slab-card.accent-4{--accent:#6f00d6}.slab-card:hover{z-index:2;transform:translateY(-10px)rotate(0)scale(1.015);box-shadow:0 22px #09000f1c,0 36px 65px #09000f40}.slab-card:after{content:"";z-index:4;pointer-events:none;border:10px solid #ffffff73;border-radius:50%;width:82px;height:82px;position:absolute;top:-42px;right:-42px}.slab-image-wrap{background:radial-gradient(circle at 50% 28%, #fffffff2 0 3%, transparent 3.5%), radial-gradient(circle at 50% 38%, #ffffffb3, transparent 45%), linear-gradient(155deg, color-mix(in srgb, var(--accent), white 72%), color-mix(in srgb, var(--accent), white 90%));aspect-ratio:.79;border:3px solid var(--navy);border-radius:16px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #ffffff7a}.slab-image-wrap:before{content:"";z-index:0;opacity:.26;background-image:radial-gradient(circle, var(--accent) 1.5px, transparent 1.7px);background-size:17px 17px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.slab-image-wrap img{z-index:1;object-fit:contain;filter:drop-shadow(0 13px 10px #09000f47);width:calc(100% - 28px);max-width:none;height:calc(100% - 28px);max-height:none;transition:transform .45s cubic-bezier(.16,1,.3,1),filter .45s;display:block;position:absolute;inset:14px}.scan-shine{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);transition:transform .65s;position:absolute;inset:-100% 35%;transform:rotate(25deg)translate(-220%)}.slab-card:hover .slab-image-wrap img{filter:drop-shadow(0 18px 12px #09000f59);transform:scale(1.035)translateY(-3px)}.slab-card:hover .scan-shine{transform:rotate(25deg)translate(250%)}.card-copy{grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch;row-gap:12px;min-width:0;padding:4px 8px 4px 12px;display:grid}.card-price{border:2px solid var(--navy);background:#efffb4;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-width:0;max-width:100%;margin:0;padding:9px 9px 10px;display:flex;overflow:hidden;box-shadow:inset 0 -4px #45006f2e}.card-price span{color:var(--navy-2);text-transform:uppercase;letter-spacing:.06em;font:800 11px Nunito Sans,sans-serif}.card-price strong{max-width:100%;color:var(--navy);letter-spacing:-.055em;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;font:900 clamp(32px,2.8vw,40px)/.95 Nunito Sans,sans-serif;display:block}.card-price .price-medium{font-size:clamp(27px,2.25vw,32px)}.card-price .price-long{letter-spacing:-.065em;font-size:clamp(23px,1.95vw,28px)}.grade-stack{flex-direction:column;align-self:center;align-items:flex-start;gap:8px;min-width:0;display:flex}.grade-emblem{aspect-ratio:1;color:#fff;background:var(--accent);border:3px solid var(--navy);border-radius:50%;align-content:center;place-items:center;width:clamp(78px,7.5vw,106px);margin:0;display:grid;box-shadow:inset 0 -6px #00000024,0 5px #09000f1f}.grade-emblem span{color:#ffffffdb;text-transform:uppercase;font-size:10px;font-weight:900;line-height:1}.grade-emblem strong{font:700 clamp(36px,4vw,55px)/.9 Fredoka,sans-serif}.population-pill{max-width:100%;color:var(--navy);border:2px solid var(--navy);white-space:nowrap;background:#fff;border-radius:999px;align-items:baseline;gap:5px;padding:5px 9px;display:inline-flex;box-shadow:0 3px #09000f1a}.population-pill span{color:#6b5474;letter-spacing:.06em;font-size:8px;font-weight:900}.population-pill strong{text-overflow:ellipsis;font:900 11px Nunito Sans,sans-serif;overflow:hidden}.cert-line{border-top:2px dashed #09000f29;justify-content:space-between;align-items:center;gap:8px;min-height:55px;margin-top:0;padding-top:13px;display:flex}.cert-line div{flex-direction:column;gap:3px;min-width:0;display:flex}.cert-line span{color:#6b5474;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:900}.cert-line strong{color:var(--navy);overflow-wrap:anywhere;font-size:clamp(11px,1vw,14px);font-weight:900}.cert-line i{color:var(--accent);flex:none;transition:transform .2s}.cert-line i svg{stroke-width:2.7px;width:20px}.slab-card:hover .cert-line i{transform:translate(4px)}.slab-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.compact .slab-card{border-radius:18px;padding:7px;display:block}.compact .slab-image-wrap{border-radius:11px}.compact .slab-image-wrap img{width:calc(100% - 18px);height:calc(100% - 18px);inset:9px}.compact .card-copy{grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px 5px 2px;display:grid}.compact .card-price{gap:1px;margin:0;padding:7px 9px 8px}.compact .card-price strong{font-size:28px}.compact .grade-stack{grid-row:span 2;gap:5px;margin:0}.compact .grade-emblem{width:58px;margin:0}.compact .grade-emblem span{font-size:7px}.compact .grade-emblem strong{font-size:30px}.compact .population-pill{gap:3px;padding:3px 6px}.compact .population-pill span{font-size:6px}.compact .population-pill strong{font-size:8px}.compact .cert-line{grid-column:1/-1;min-height:44px;margin-top:0;padding-top:9px}.empty-state{border:3px solid var(--navy);text-align:center;width:100%;min-height:440px;color:var(--navy-2);box-shadow:var(--shadow);background:#fffdf7f0;border-radius:26px;align-content:center;place-items:center;margin:28px auto 0;display:grid}.empty-state>svg{width:46px;height:46px;color:var(--blue);margin-bottom:14px}.empty-state h3{color:var(--navy);margin:0 0 6px;font:700 27px Fredoka,sans-serif}.empty-state p{margin:0 0 24px;font-size:13px}.empty-state button,.psa-link{border:2px solid var(--navy);color:#fff;background:var(--blue);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-radius:14px;padding:13px 18px;font:700 9px Space Mono,monospace;box-shadow:inset 0 -4px #0000002b,0 4px #09000f24}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#09000fc7;place-items:center;padding:28px;animation:.22s fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border:4px solid var(--navy);border-radius:30px;grid-template-columns:55% 45%;width:min(1120px,100%);height:min(820px,100vh - 56px);animation:.34s cubic-bezier(.16,1,.3,1) modal-in;display:grid;position:relative;overflow:hidden;box-shadow:0 18px #09000f38,0 45px 100px #09000f61}.modal-close{z-index:5;border:2px solid var(--navy);background:var(--yellow);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:18px;right:18px;box-shadow:0 4px #09000f2e}.modal-close svg{stroke-width:2.5px;width:17px}.modal-counter{z-index:3;color:var(--navy);border:2px solid var(--navy);letter-spacing:.08em;background:#ffffffd1;border-radius:999px;padding:5px 9px;font:700 9px Space Mono,monospace;position:absolute;top:24px;left:24px}.modal-visual{border-right:3px solid var(--navy);background:linear-gradient(155deg,#8a10ff,#d7ff25);place-items:center;min-height:0;display:grid}.modal-visual .slab-image-wrap{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0}.modal-visual .slab-image-wrap:before{opacity:.12}.modal-visual .slab-image-wrap img{width:88%;max-width:none;height:88%;max-height:none;inset:6%}.modal-copy{flex-direction:column;min-width:0;padding:clamp(66px,7vh,84px) clamp(28px,3.5vw,48px) 28px;display:flex;overflow-y:auto}.modal-kicker{align-items:center;gap:10px;display:flex}.modal-chip{border:2px solid var(--navy);min-height:38px;color:var(--navy);background:#fff;border-radius:999px;align-items:center;gap:9px;padding:0 15px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 3px #09000f1a}.year-chip{color:var(--red)}.population-chip{color:var(--blue);background:#f0e9f3}.modal-highlights{grid-template-columns:.9fr 1.1fr;gap:12px;margin:22px 0 12px;display:grid}.modal-highlights>div{border:2px solid var(--navy);background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:190px;padding:18px;display:flex;box-shadow:0 5px #09000f1a}.modal-highlights span,.certification-card span{color:var(--navy-2);font-size:13px;font-weight:900}.modal-grade strong{aspect-ratio:1;width:112px;color:var(--navy);background:var(--yellow);border:3px solid var(--navy);border-radius:50%;place-items:center;margin-top:12px;font:700 64px/1 Fredoka,sans-serif;display:grid;box-shadow:inset 0 -7px #00000017,0 6px #09000f1f}.modal-price{background:#efffb4!important}.modal-price strong{color:var(--navy);letter-spacing:-.055em;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;font:900 clamp(42px,4.2vw,59px)/.95 Nunito Sans,sans-serif}.modal-price .price-medium{font-size:clamp(38px,3.7vw,52px)}.modal-price .price-long{letter-spacing:-.065em;font-size:clamp(32px,3.2vw,46px)}.certification-card{border:2px solid var(--line);background:#ffffffc7;border-radius:17px;align-items:center;gap:14px;min-height:78px;padding:13px 17px;display:flex}.certification-card>svg{width:35px;height:35px;color:var(--navy);background:var(--yellow);border:2px solid var(--navy);border-radius:50%;flex:none;padding:7px}.certification-card div{flex-direction:column;gap:2px;min-width:0;display:flex}.certification-card strong{color:var(--navy);overflow-wrap:anywhere;font:700 clamp(20px,2.3vw,29px)/1.1 Fredoka,sans-serif}.details-list{margin:12px 0 0}.details-list div{border:2px solid var(--line);background:#ffffffa3;border-radius:14px;justify-content:space-between;gap:18px;padding:14px 16px;display:flex}.details-list dt,.details-list dd{text-transform:uppercase;letter-spacing:.06em;margin:0;font:800 11px Nunito Sans,sans-serif}.details-list dt{color:#6b5474}.details-list dd{color:var(--navy-2)}.psa-link{letter-spacing:.06em;justify-content:space-between;align-items:center;margin-top:24px;font:800 12px Nunito Sans,sans-serif;text-decoration:none;transition:transform .2s;display:flex}.psa-link:hover{transform:translateY(-2px)}.psa-link svg{width:16px}.modal-nav{justify-content:space-between;margin-top:auto;padding-top:24px;display:flex}.modal-nav button{color:#6b5474;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;padding:8px 0;font:800 11px Nunito Sans,sans-serif}.modal-nav button:hover{color:var(--blue)}.visit-store{z-index:25;width:min(350px,100vw - 32px);min-height:78px;color:var(--navy);border:3px solid var(--navy);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf7f7;border-radius:20px;grid-template-columns:50px 1fr 24px;align-items:center;gap:12px;padding:12px 15px 12px 12px;text-decoration:none;transition:transform .22s,box-shadow .22s;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 8px #09000f33,0 18px 42px #09000f38}.visit-store:hover{transform:translateY(-4px);box-shadow:0 11px #09000f2e,0 24px 48px #09000f40}.visit-store-mark{width:50px;height:50px;color:var(--navy);background:var(--yellow);border:2px solid var(--navy);border-radius:15px;place-items:center;font:700 19px Fredoka,sans-serif;display:grid;box-shadow:inset 0 -4px #0000001a}.visit-store-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.visit-store-copy small{color:var(--red);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900}.visit-store-copy strong{font:700 17px/1.12 Fredoka,sans-serif}.visit-store>svg{width:21px;color:var(--blue);stroke-width:2.7px;transition:transform .2s}.visit-store:hover>svg{transform:translate(3px)}.error-page{text-align:center;align-content:center;place-items:center;min-height:100vh;padding:24px;display:grid}.error-mark{color:var(--yellow);-webkit-text-stroke:3px var(--navy);letter-spacing:-.06em;text-shadow:0 10px #09000f26;font:700 clamp(90px,25vw,260px)/.8 Fredoka,sans-serif}.error-page .eyebrow{text-transform:uppercase;letter-spacing:.1em;font:700 10px Space Mono,monospace}.error-page h1{margin:10px 0;font:700 clamp(32px,5vw,58px) Fredoka,sans-serif}.error-page>p:last-child{color:var(--navy-2)}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}@media (max-width:1200px){.filter-bar{grid-template-columns:minmax(240px,1fr) auto auto}.slab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.slab-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.slab-card{grid-template-columns:minmax(0,54%) minmax(0,46%)}.card-copy{padding-left:11px}.card-price strong{font-size:clamp(30px,3vw,38px)}}@media (max-width:820px){body{background-position:top;background-size:auto 100vh}section.collection{padding-top:20px}.filter-bar{border-radius:20px;display:block}.search-box,.selects{border:0;border-bottom:2px solid var(--line)}.selects{width:100%}.selects label{flex:1;min-width:0}.selects label:nth-child(2){min-width:0}.view-toggle{justify-content:flex-end;min-height:58px}.slab-grid,.slab-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 15px}.slab-grid.compact .slab-card{display:grid}.compact .card-copy{flex-direction:column;padding:16px 10px 8px 14px;display:flex}.compact .card-price{gap:4px}.compact .card-price strong{font-size:clamp(32px,4.8vw,40px)}.compact .grade-stack{margin:auto auto auto 0}.compact .grade-emblem{width:clamp(72px,10vw,90px)}.compact .grade-emblem span{font-size:9px}.compact .grade-emblem strong{font-size:clamp(34px,6vw,46px)}.compact .cert-line{min-height:50px;margin-top:12px;padding-top:11px}.modal{grid-template-columns:52% 48%}.modal-copy{padding-left:25px;padding-right:25px}}@media (max-width:580px){section.collection{padding:13px 11px 70px}.site-intro{margin-bottom:12px;padding:2px 3px;display:block}.site-intro h1{font-size:24px}.site-intro p{margin-top:5px;font-size:12px}.filter-bar{border-width:2px;box-shadow:0 6px #09000f2e}.search-box{min-height:70px;padding:0 17px}.search-box>svg{width:21px;height:21px}.search-box input{font-size:16px}.selects{min-height:72px;overflow-x:auto}.selects label{flex:0 0 50%;padding-left:15px;padding-right:10px}.selects span{font-size:10px}.selects select{font-size:14px}.slab-grid,.slab-grid.compact{grid-template-columns:1fr;gap:22px}.slab-card,.compact .slab-card{border-width:2px;border-radius:18px;grid-template-columns:minmax(0,52%) minmax(0,48%);padding:7px;display:grid;box-shadow:0 8px #09000f1a,0 16px 25px #09000f26}.slab-image-wrap,.compact .slab-image-wrap{border-width:2px;border-radius:10px}.slab-image-wrap img,.compact .slab-image-wrap img{width:calc(100% - 16px);height:calc(100% - 16px);inset:8px}.card-copy,.compact .card-copy{flex-direction:column;padding:14px 8px 6px 13px;display:flex}.card-price,.compact .card-price{gap:2px}.card-price span{font-size:10px}.card-price strong,.compact .card-price strong{font-size:clamp(32px,10vw,40px)}.grade-stack,.compact .grade-stack{margin:auto auto auto 0}.grade-emblem,.compact .grade-emblem{width:76px}.grade-emblem span,.compact .grade-emblem span{font-size:8px}.grade-emblem strong,.compact .grade-emblem strong{font-size:40px}.cert-line,.compact .cert-line{min-height:48px;margin-top:10px;padding-top:10px}.cert-line span{font-size:9px}.cert-line strong{font-size:11px}.cert-line i svg{width:17px}.modal-backdrop{padding:0}.modal{border:0;border-radius:0;grid-template-rows:50vh 1fr;grid-template-columns:1fr;width:100%;height:100%;overflow-y:auto}.modal-visual{border:0;border-bottom:3px solid var(--navy);min-height:50vh}.modal-copy{padding:38px 20px 28px;overflow:visible}.modal-close,.modal-counter{position:fixed}.modal-highlights{grid-template-columns:1fr 1.15fr}.modal-highlights>div{min-height:165px;padding:13px}.modal-grade strong{width:96px;font-size:54px}.modal-price strong{font-size:clamp(39px,12vw,54px)}.modal-nav{margin-top:20px}.visit-store{border-width:2px;border-radius:17px;grid-template-columns:42px 1fr 20px;gap:10px;width:calc(100vw - 20px);min-height:66px;padding:9px 12px 9px 9px;bottom:10px;right:10px}.visit-store-mark{border-radius:12px;width:42px;height:42px;font-size:16px}.visit-store-copy small{font-size:8px}.visit-store-copy strong{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
