/* Shared sell-page typography and neutral structure. */
.retro-sell{background:#fff;color:#171717;font-weight:400}
.retro-sell .site-container{width:100%;max-width:1240px;margin-inline:auto;padding-inline:24px;box-sizing:border-box}
.retro-sell h1,.retro-sell h2,.retro-sell h3{font-family:Anton,Impact,"Arial Narrow",sans-serif;font-weight:400;line-height:1.12}
.retro-sell h1{font-size:clamp(42px,5.2vw,76px);margin:18px 0 24px}
.retro-sell h2{font-size:clamp(32px,3.5vw,48px);margin:0 0 24px}
.retro-sell h3{font-size:27px;margin:0 0 15px}
.retro-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px}
.retro-button{display:inline-flex;gap:24px;align-items:center;background:#ffbf00;color:#111!important;padding:16px 23px;margin-top:25px;text-decoration:none;font-weight:400}
.retro-button:hover{background:#ffcf40}
.retro-sell a:focus-visible,.retro-sell summary:focus-visible{outline:3px solid #ffbf00;outline-offset:5px}
/* Full-bleed image banner with a readable copy overlay, like the Funko page. */
.retro-hero{position:relative;isolation:isolate;min-height:650px;display:flex;align-items:center;background:#080808;color:#fff;overflow:hidden}
.retro-hero-image{position:absolute;z-index:-1;inset:0 0 0 28%}
.retro-hero-image img{width:100%;height:100%;object-fit:cover;object-position:65% center}
.retro-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.92) 15%,rgba(8,8,8,.25) 60%,rgba(8,8,8,.05) 100%)}
.retro-hero-copy{position:relative;width:56%;padding:80px 0;box-sizing:border-box}
.retro-lede{max-width:560px;font-size:19px;line-height:1.75;color:#dedede}
.retro-note{font-size:13px;color:#c4c4c4;margin-top:24px}
/* Continuous category ribbon, with keyboard pause and reduced-motion support. */
.retro-ticker{position:relative;display:flex;align-items:center;background:#171717;color:#fff;border-block:1px solid #444;overflow:hidden}
.retro-ticker-window{overflow:hidden;min-width:0;flex:1}
.retro-ticker-track{display:flex;width:max-content;animation:retro-ticker 38s linear infinite}
.retro-ticker-group{display:flex;flex-shrink:0;align-items:center;padding:18px 0}
.retro-ticker-group span{white-space:nowrap;font-size:12px;letter-spacing:.13em;text-transform:uppercase;padding-right:32px}
.retro-ticker-group span:after{content:" / ";margin-left:32px;color:#999}
.retro-ticker-toggle{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.retro-ticker-control{order:2;flex-shrink:0;padding:18px;background:#171717;color:#fff;font-size:12px;cursor:pointer;border-left:1px solid #444;margin:0}
.retro-ticker-toggle:focus-visible+.retro-ticker-control{outline:2px solid #fff;outline-offset:-5px}
.retro-ticker-play-label{display:none}
.retro-ticker-toggle:checked~.retro-ticker-window .retro-ticker-track,.retro-ticker:hover .retro-ticker-track{animation-play-state:paused}
.retro-ticker-toggle:checked+.retro-ticker-control .retro-ticker-pause-label{display:none}
.retro-ticker-toggle:checked+.retro-ticker-control .retro-ticker-play-label{display:inline}
@keyframes retro-ticker{to{transform:translateX(-50%)}}
.retro-section{padding:72px 0}
.retro-section p,.retro-section li{line-height:1.8}
.retro-section p{margin:0 0 18px}
.retro-intro{max-width:760px;font-size:18px}
.retro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}
.retro-card{border:1px solid #d8d8d8;padding:28px}
.retro-number{display:block;font-size:13px;color:#686868;letter-spacing:.1em;margin-bottom:22px}
.retro-ink{background:#171717;color:#fff}
.retro-ink .retro-card{border-color:#484848}
.retro-ink .retro-number{color:#bdbdbd}
.retro-split{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.retro-sell ul{padding-left:22px;list-style:disc}
/* Large editorial photographs interspersed with editable CMS sections. */
.retro-photo-story{display:grid;grid-template-columns:1.08fr .92fr;background:#111;color:#fff}
.retro-photo-story figure{margin:0;min-width:0;position:relative;min-height:540px;overflow:hidden}
.retro-photo-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.retro-photo-copy{padding:clamp(32px,5vw,80px);align-self:center}
.retro-photo-copy p,.retro-photo-copy li{font-size:16px;line-height:1.8;color:#d1d1d1}
.retro-photo-copy p{margin-bottom:20px}
.retro-photo-copy .retro-eyebrow{font-size:12px;color:#eee}
.retro-photo-copy .retro-photo-caption{font-size:11px;color:#aaa;margin-top:24px}
.retro-photo-story--reverse{grid-template-columns:.92fr 1.08fr;background:#f3f3f3;color:#111}
.retro-photo-story--reverse figure{grid-column:2;grid-row:1}
.retro-photo-story--reverse .retro-photo-copy{grid-column:1;grid-row:1}
.retro-photo-story--reverse p,.retro-photo-story--reverse li,.retro-photo-story--reverse .retro-eyebrow{color:#454545}
.retro-sell details{border-bottom:1px solid #d4d4d4;padding:20px 0}
.retro-sell summary{cursor:pointer;font-size:19px}
.retro-sell details p{margin:15px 0 0}
.retro-related{margin-top:32px}
.retro-related a{text-decoration:underline;text-underline-offset:4px}
.retro-quote{background:#f4f4f4;padding:25px 0 55px}
.retro-sell .fr-card:before{display:none}
.retro-sell .fr-card,.retro-sell .fr-section,.retro-sell .fr-section-head{border-color:#d8d8d8}
.retro-sell .fr-section-head h3{font-weight:400}
@media(max-width:800px){
 .retro-hero{min-height:0;align-items:end}
 .retro-hero-image{inset:0 0 auto;height:430px}
 .retro-hero-image img{object-position:65% center}
 .retro-hero-image:after{background:linear-gradient(0deg,#080808 0%,rgba(8,8,8,.65) 25%,rgba(8,8,8,0) 70%)}
 .retro-hero-copy{width:100%;padding:320px 0 45px}
 .retro-hero h1{font-size:clamp(42px,8vw,64px)}
 .retro-split{grid-template-columns:1fr;gap:32px}
 .retro-grid{grid-template-columns:1fr}
 .retro-section{padding:45px 0}
 .retro-card{padding:24px}
 .retro-photo-story,.retro-photo-story--reverse{grid-template-columns:1fr}
 .retro-photo-story figure{min-height:0;aspect-ratio:3/2;grid-column:1;grid-row:auto}
 .retro-photo-story--reverse .retro-photo-copy{grid-column:1;grid-row:auto}
 .retro-photo-copy{padding:38px 24px}
 .retro-ticker-control{padding-inline:12px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .retro-ticker-track{animation:none;width:auto}
 .retro-ticker-group{flex-wrap:wrap;gap:12px;padding:18px 24px}
 .retro-ticker-group span{white-space:normal;padding-right:0}
 .retro-ticker-group span:after{margin-left:12px}
 .retro-ticker-group[aria-hidden],.retro-ticker-toggle,.retro-ticker-control{display:none}
}
