:root{color-scheme:dark;--bg:#0a0a0c;--ink:#e4e2df;--gold:#c4a777;--soft:#aaa59c;--line:#292620;--panel:#111113;--serif:"Playfair Display",Georgia,serif;--sans:"Plus Jakarta Sans",system-ui,sans-serif;--mono:"Space Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}.container{width:min(calc(100% - 48px),1180px);margin:auto}
.header{border-bottom:1px solid #25221d;background:#0d0d0e}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:73px}.brand{display:flex;align-items:center;gap:10px;font:600 1.2rem var(--serif);letter-spacing:.02em}.brand img{width:24px;height:27px}.nav-link{color:var(--gold);font-size:.78rem;display:flex;gap:23px;align-items:center;min-height:44px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px);align-items:center;padding:64px 0 66px}.eyebrow{font:.65rem/1.6 var(--mono);letter-spacing:.19em;color:var(--gold);text-transform:uppercase;margin:0 0 15px}h1,h2,h3{font-family:var(--serif)}h1{font-size:clamp(3.3rem,6.1vw,5.7rem);font-weight:500;line-height:1.03;letter-spacing:-.05em;margin:0 0 23px}.lead{font-size:.95rem;line-height:1.9;color:#b3aea6;margin:0 0 27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:43px;border:1px solid #c4a77761;border-radius:5px;padding:9px 15px;font-size:.77rem;font-weight:600;line-height:1.5}.button.gold{background:var(--gold);color:var(--bg)}.button.gold:hover{background:#dec39a}.button.outline{background:none;color:var(--gold)}.button.outline:hover{background:#c4a77714}.hero-note{display:flex;align-items:center;gap:10px;margin-top:29px;color:#9f9789;font-size:.65rem}.tiny-line{display:block;width:25px;height:1px;background:#c4a7777a}
.feature-case{position:relative;isolation:isolate;display:grid;justify-items:center;padding:49px 15px 24px;border:1px solid #58472f;border-radius:8px;background:radial-gradient(ellipse at 50% 22%,#46331c 0%,#211c14 35%,#111112 75%);box-shadow:0 24px 50px #0008,inset 0 0 0 5px #0f0e0c,inset 0 0 0 6px #c4a77725}.feature-case:before{content:"";position:absolute;inset:13px;border:1px solid #c4a77749;border-radius:2px;pointer-events:none}.case-label{position:absolute;top:23px;font:.6rem var(--mono);color:#c4a777cc;letter-spacing:.2em;text-transform:uppercase}.feature-photo{padding:0;width:205px;max-width:70%;background:#14110f;border:1px solid #9a7e50;border-radius:4px;overflow:hidden;box-shadow:0 0 0 4px #0d0b0ac9,0 0 0 5px #c4a7775e,0 16px 25px #000a;z-index:2;line-height:0;transition:transform .2s}.feature-photo:hover{transform:translateY(-3px)}.feature-photo img{width:100%;height:auto;display:block}.pedestal{width:74%;height:41px;border:1px solid #c4a7778c;border-radius:50%;margin:1px 0 0;background:radial-gradient(ellipse at 50% 24%,#2b2115 0%,#1b1712 66%,#aa8650 68%,#17120c 71%,#9a743e 88%,#c4a777 93%,#22190f 100%);box-shadow:0 9px 10px #0008}.feature-title{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;border:0;border-bottom:1px solid var(--line);padding:13px 1px 12px;background:none;text-align:left;font:500 1.2rem var(--serif);color:var(--ink)}.feature-title small{display:block;font:.59rem/1.6 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin-bottom:2px}.feature-title>span+span{color:var(--gold)}
.collection{border-top:1px solid var(--line);padding-top:39px}.collection-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.collection h2{font-size:clamp(1.9rem,3.5vw,2.8rem);letter-spacing:-.04em;font-weight:500;line-height:1.2;margin:0}.collection-head .eyebrow{margin-bottom:8px}.collection-intro{font-size:.72rem;color:var(--soft);margin:0;text-align:right;line-height:1.8}.toolbar{display:flex;gap:15px;justify-content:space-between;align-items:center;margin:25px 0 12px}.filters{display:flex;flex-wrap:wrap;gap:5px}.filters button{background:none;color:#aaa49a;border:1px solid transparent;min-height:43px;padding:7px 11px;border-radius:5px;font-size:.72rem}.filters button[aria-pressed=true]{color:var(--gold);background:#c4a77712;border-color:#c4a77740}.filters button span{font-size:.61rem;opacity:.7;margin-left:5px}.search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:5px;padding:7px 11px;height:40px}.search svg{width:16px;color:var(--gold)}.search input{border:0;background:none;color:var(--ink);width:134px;font-size:.75rem;outline:none}.search input::placeholder{color:#99938c}.photo-notice{color:#9b9488;font-size:.67rem;margin:0 0 23px;max-width:90ch}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.card{min-width:0;border:1px solid #2e2922;background:#111113;border-radius:7px;overflow:hidden;transition:border-color .18s,transform .18s}.card:hover{border-color:#b08e56;transform:translateY(-3px)}.card-button{display:block;width:100%;border:0;padding:0;background:none;color:var(--ink);text-align:left}.art{aspect-ratio:1/1.04;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#29241a,#141314 72%);border-bottom:1px solid #332b21}.art img{height:89%;width:86%;object-fit:contain;display:block;filter:drop-shadow(0 12px 15px #0007)}.photo-label{position:absolute;bottom:8px;right:9px;left:auto;padding:2px 6px;border:1px solid #c4a77736;border-radius:3px;background:#0b0b0ce8;color:#e0c79e;font-size:.57rem}.placeholder{position:relative;margin:30px auto;width:66%;aspect-ratio:2.5/3.5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;text-align:center;border:1px solid #80654080;border-radius:4px;background:linear-gradient(130deg,#262016,#111113 60%);box-shadow:0 0 0 4px #0e0d0c,0 0 0 5px #c4a77722}.placeholder:before{content:"";position:absolute;inset:7px;border:1px solid #c4a77729;pointer-events:none}.placeholder .diamond{color:var(--gold);font-size:22px;margin-bottom:15px}.placeholder strong{font:500 1.45rem/1.15 var(--serif);color:#d3b886;letter-spacing:-.03em;overflow-wrap:anywhere}.placeholder small{color:#aca397;font:.52rem/1.6 var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-top:16px}.card-info{padding:15px 16px 17px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:9px}.card-category{font:.55rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#b79a6b}.badge{display:inline-block;font-size:.55rem;line-height:1.6;padding:2px 6px;border:1px solid #4c4435;border-radius:3px;color:#b7afa0}.badge.listed{color:#d2b789;background:#c4a7770c}.card h3{font:500 1.4rem/1.18 var(--serif);letter-spacing:-.025em;margin:0 0 6px}.card-set{color:#a49d92;font-size:.68rem;margin:0;line-height:1.7}.card-bottom{display:flex;align-items:center;justify-content:space-between;color:var(--gold);margin-top:16px;font-size:.65rem}.empty{padding:45px 0;color:var(--soft)}
.contact-note{text-align:center;border-top:1px solid var(--line);margin-top:54px;padding:41px 8px 46px}.ornament{color:var(--gold);font-size:24px}.contact-note h2{font-size:2rem;font-weight:500;letter-spacing:-.035em;margin:5px 0 10px}.contact-note p{font-size:.79rem;color:var(--soft);line-height:1.9;margin:0}.contact-note p.fine{margin-top:13px;font-size:.65rem}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:18px;padding-bottom:25px;font-size:.65rem;color:#a49b8d}.brand-small{font:500 .95rem var(--serif);color:var(--ink)}
dialog{background:#111112;color:var(--ink);border:1px solid #5f4b2e;border-radius:9px;padding:22px;max-width:none;width:min(950px,calc(100% - 26px));max-height:93dvh;overflow:auto;box-shadow:0 20px 90px #0009}dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}.dialog-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dialog-bar .eyebrow{margin:0}.icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #443923;border-radius:5px;background:none;color:var(--gold);font-size:17px}.detail-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:start}.detail-visual #detail-picture{display:grid;place-items:center;min-height:340px;background:radial-gradient(ellipse,#30271b,#0d0d0f 76%);border:1px solid #54442e;border-radius:5px;overflow:hidden}.detail-visual img{display:block;object-fit:contain;width:100%;max-height:470px}.detail-visual .placeholder{max-width:220px;min-height:280px;aspect-ratio:2.5/3.5}.photo-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:3px;margin-top:5px}.side-switch{display:flex;gap:4px}.side-switch button{min-height:44px;padding:4px 10px;border:1px solid transparent;background:none;color:#aaa49a;border-radius:4px;font-size:.7rem}.side-switch button[aria-pressed=true]{border-color:#c4a77752;background:#c4a77712;color:var(--gold)}.text-button{border:0;background:none;color:var(--gold);font-size:.7rem;min-height:44px}.image-caption{font-size:.65rem;color:var(--soft);margin:6px 0 0}.detail-copy h2{font:500 clamp(2rem,3.8vw,3.2rem)/1.08 var(--serif);letter-spacing:-.04em;margin:14px 0 12px}.detail-set{font:.72rem/1.8 var(--mono);color:#b4aa9c;margin:0 0 18px}.detail-copy dl{margin:0 0 19px;border-top:1px solid var(--line)}.detail-copy dl div{display:grid;grid-template-columns:90px 1fr;gap:10px;border-bottom:1px solid var(--line);padding:9px 0;font-size:.72rem}.detail-copy dt{color:var(--soft)}.detail-copy dd{margin:0}.detail-note{color:#b7afa2;font-size:.77rem;line-height:1.85;margin:0 0 19px}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions .button{font-size:.7rem}.fine,.feedback{font-size:.68rem;color:var(--soft);line-height:1.7}.feedback{color:var(--gold)}#zoom{width:min(850px,calc(100% - 20px))}#zoom .close{display:flex;margin:0 0 12px auto}#zoom-image{display:block;width:auto;height:auto;max-width:100%;max-height:78dvh;margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.hero{gap:33px;padding:42px 0 45px}.hero h1{font-size:4rem}.feature-photo{width:176px}.collection-head{align-items:start}.toolbar{align-items:flex-start}.filters{gap:2px}.filters button{padding:7px 8px}.search input{width:100px}.grid{gap:16px 13px}.card-info{padding:12px}.card h3{font-size:1.15rem}}
@media(max-width:620px){.container{width:calc(100% - 32px)}.header-inner{height:60px}.brand{font-size:1.05rem}.nav-link{font-size:.64rem;gap:8px}.hero{grid-template-columns:1fr;padding-top:31px;gap:29px}.hero h1{font-size:clamp(3rem,11vw,4.3rem)}.lead{font-size:.84rem;margin-bottom:20px}.hero-note{margin-top:17px}.feature-case{padding-top:44px}.feature-photo{width:180px}.pedestal{width:65%}.feature-title{font-size:1.1rem}.collection{padding-top:26px}.collection-head{display:block}.collection-intro{text-align:left;margin-top:11px;font-size:.7rem}.toolbar{display:block;margin-top:19px}.filters{gap:5px}.filters button{font-size:.65rem}.search{margin-top:10px;max-width:none}.search input{width:100%}.photo-notice{font-size:.64rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.art{aspect-ratio:1/1.2}.placeholder{width:71%;padding:12px 7px;margin:20px auto}.placeholder strong{font-size:1rem}.placeholder small{font-size:.43rem;letter-spacing:.02em;margin-top:8px}.placeholder .diamond{margin-bottom:7px}.card-meta{flex-wrap:wrap;gap:4px}.card-category{font-size:.49rem}.badge{font-size:.49rem}.card h3{font-size:1.16rem}.card-set{font-size:.61rem}.card-bottom{font-size:.59rem;margin-top:11px}.photo-label{font-size:.48rem;right:5px;bottom:5px}.contact-note{margin-top:32px;padding:27px 0}.contact-note h2{font-size:1.7rem}.contact-note p{font-size:.73rem}.footer{font-size:.6rem}.detail-layout{grid-template-columns:1fr;gap:19px}dialog{padding:15px}.detail-visual #detail-picture{min-height:250px}.detail-visual img{max-height:45dvh}.detail-copy h2{font-size:2.1rem}.detail-visual .placeholder{min-height:230px;max-width:170px}.detail-visual .placeholder strong{font-size:1.4rem}.detail-visual .placeholder small{font-size:.57rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-photo,.card{transition:none}.feature-photo:hover,.card:hover{transform:none}}
/* Rotate the original horizontal Bo Jackson photos for readable presentation. */
.photo-frame.landscape{position:relative;aspect-ratio:4/3;width:100%;overflow:hidden}
.photo-frame.landscape img{position:absolute;width:75%;height:133.3333%;max-height:none;max-width:none;top:-16.6667%;left:12.5%;object-fit:contain;transform:rotate(-90deg)}
.art .photo-frame.landscape{width:86%}
.detail-visual #detail-picture:has(.landscape){min-height:0}
#zoom-picture>img{display:block;max-width:100%;max-height:78dvh;width:auto;height:auto;margin:auto}
#zoom-picture .landscape{width:min(100%,760px);margin:auto}
.badge.contact{color:#e3c69d;background:#c4a77716;border-color:#c4a77766}
.photo-frame.landscape.clockwise img{transform:rotate(90deg)}
/* Frame the original photographs without retouching the collectible. */
.framed-photo{display:block;overflow:hidden;max-width:100%;height:auto}
.art>.framed-photo{width:auto;height:auto;max-width:92%;max-height:92%;filter:drop-shadow(0 10px 14px #0008)}
.feature-photo>.framed-photo{width:100%;height:auto}
.detail-visual #detail-picture:has(.framed-photo){min-height:0;padding:12px}
.detail-visual .framed-photo{width:auto;height:auto;max-width:100%;max-height:470px}
#zoom-picture>.framed-photo{width:min(100%,78dvh);height:auto;margin:auto}
.edition{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(26px,5vw,65px)}
.edition h1{font-size:clamp(3rem,6vw,5.4rem)}.edition h1 em{font-weight:inherit;color:var(--gold)}.edition .lead{max-width:34ch}
.edition-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.edition-card{min-width:0;border:1px solid #4a3d2a;border-radius:7px;background:var(--panel);overflow:hidden}
.edition-photo{width:100%;height:clamp(142px,20vw,235px);display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;padding:12px;border:0;border-bottom:1px solid #3e3224;background:radial-gradient(ellipse at center,#393023,#211c16 48%,#121212);line-height:0}
.edition-photo svg{display:block;max-width:100%;max-height:100%;width:auto;height:auto;filter:drop-shadow(0 8px 14px #0008)}.edition-photo:hover{background:radial-gradient(ellipse at center,#473922,#241e16 55%,#121212)}
.edition-info{padding:12px}.edition-info .eyebrow{margin:0 0 5px;letter-spacing:.085em;font-size:.6rem}.edition-info h2{font-size:clamp(1.02rem,2.4vw,1.45rem);font-weight:500;line-height:1.18;margin:0 0 6px}.edition-set{font-size:.67rem;line-height:1.6;color:var(--soft);margin:0}.edition-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:5px 0 0;background:none;border:0;font:600 .72rem var(--sans);color:var(--gold);text-align:left}
#private-offer{width:min(590px,calc(100% - 24px))}#offer-title{font-size:clamp(1.6rem,6vw,2.5rem);line-height:1.14;margin:0 0 8px;font-weight:500}#offer-form{display:grid;gap:12px}#offer-form .offer-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px}#offer-form label{display:block;font-size:.8rem}#offer-form input:not([type=hidden],[type=checkbox]),#offer-form textarea{display:block;width:100%;margin:4px 0 0;min-height:44px;padding:8px 10px;border-radius:5px;border:1px solid #625138;background:#181614;color:var(--ink);font:1rem/1.4 var(--sans)}#offer-form textarea{resize:vertical}#offer-form .offer-auth{padding:10px 12px;border-left:2px solid var(--gold);background:#c4a77712;border-radius:0 4px 4px 0}#offer-form .offer-auth strong{color:var(--gold);font-size:.82rem}#offer-form .offer-auth label{display:flex;align-items:center;gap:8px;min-height:44px}#offer-form input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px}#offer-form p{margin:0}#offer-form button{justify-self:start}.offer-return{padding:45px 0}
@media(max-width:850px){.edition{gap:20px}.edition h1{font-size:clamp(2.8rem,6.5vw,4rem)}}
@media(max-width:620px){.edition{grid-template-columns:1fr}.edition .lead{max-width:42ch}.edition-photo{height:160px}.edition-info{padding:9px}.edition-info .eyebrow{font-size:.52rem}#offer-form .offer-fields{grid-template-columns:1fr}}
@media(max-width:620px){.detail-visual .framed-photo{max-height:45dvh}.art>.framed-photo{max-width:94%;max-height:93%}}
