/* Kartenjäger AT: restrained gold accents on charcoal. */
:root{--gold:#d4af62;--gold-light:#f1d492;--bronze:#665335;--off-white:#f6f3eb;color-scheme:dark}
body{background:#111214;color:var(--off-white)}
.brand-gold,.gold-text{color:var(--gold)}
.mark{background:linear-gradient(140deg,#efce86,#bd9347);box-shadow:0 2px 12px #d4af6212}
header{border-bottom-color:#51432e;background:#111214ed}
nav a{padding-block:8px;border-bottom:2px solid transparent;transition:color .18s,border-color .18s}
nav a:hover,nav a[aria-current="location"]{color:var(--gold-light);border-bottom-color:var(--gold)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}
.hero{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:36px;padding:50px 0 52px}
.hero>div{min-width:0}
.hero h1{font-size:clamp(48px,7.4vw,98px);line-height:1.02;letter-spacing:-.065em;color:var(--off-white)}
.hero h1 em{display:block;color:var(--gold)}
.hero .eyebrow{font-size:12px;letter-spacing:.13em;line-height:1.6}
.hero .intro{color:#c4c1ba}
.hero-portrait{position:relative;isolation:isolate;width:100%;max-width:420px;justify-self:end}
.hero-portrait:before{content:"";position:absolute;inset:12% -4%;z-index:-1;background:radial-gradient(ellipse,#b2873520,transparent 68%);pointer-events:none}
.hero-portrait img{display:block;width:100%;height:auto;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 7%,#000 94%,transparent),linear-gradient(to bottom,#000 91%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 94%,transparent),linear-gradient(to bottom,#000 91%,transparent);-webkit-mask-composite:source-in}
.cta{background:linear-gradient(115deg,#dfbd77,#cba353);box-shadow:0 5px 22px #0003;color:#151411}
.cta:hover{background:var(--gold-light);box-shadow:0 6px 26px #d4af6220}
.section{border-top-color:#393125}
.section h2{line-height:1.08}
.spotlight,.wanted-card{border-color:#655132}
.spotlight:first-child{border-color:#9c7c42}
.spotlight:hover,.wanted-card:hover{border-color:var(--gold)}
.spotlight,.wanted-card,.album .overview-card,.album .collection-card{transition:border-color .2s}
.album .overview-card:hover,.album .collection-card:hover{border-color:var(--gold)}
.wanted-card .offer:hover,.inquire:hover,.copy:hover{background:var(--gold-light)}
.showcase-copy .badge{display:inline-block;border:1px solid #796039;background:#d4af6210;border-radius:4px;padding:4px 7px}
.section{scroll-margin-top:100px}
.section.page-panel{display:none}
.section.page-panel.page-panel-active{display:block}
body.page-home .section.page-panel.page-panel-home{display:block}
@media(max-width:1050px){.section{scroll-margin-top:145px}.hero h1{font-size:clamp(48px,7vw,78px)}}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:20px;padding:38px 0}.hero h1{font-size:clamp(40px,7vw,58px)}.hero .eyebrow{font-size:11px;letter-spacing:.08em}.hero .intro{font-size:16px}.hero-portrait{align-self:center}.hero .cta{font-size:16px}}
@media(max-width:600px){.hero{grid-template-columns:1fr;gap:24px;padding-top:30px}.hero h1{font-size:clamp(44px,11.8vw,68px);margin-top:18px}.hero-portrait{justify-self:center;width:min(100%,330px)}.hero .intro{margin-bottom:24px}.nav nav{column-gap:16px;row-gap:4px}.hero .eyebrow{font-size:12px}.section{scroll-margin-top:155px}.hero .cta{padding:15px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.cta:hover{transform:none}}
.trade-dialog{width:min(94vw,580px);max-height:90dvh;overflow:auto;background:#151513;color:#f4f0e7;border:1px solid #a58a4c;border-radius:20px;padding:24px}.trade-dialog::backdrop{background:#000b}.trade-dialog label{display:grid;gap:8px;margin:18px 0}.trade-dialog textarea,.trade-dialog input{width:100%;max-width:100%;padding:12px;background:#24231f;color:inherit;border:1px solid #807049;border-radius:8px}.trade-dialog textarea{min-height:110px}.trade-dialog p{line-height:1.6}.trade-preview{max-width:100%;max-height:260px;object-fit:contain}.trade-dialog .copy{display:block;margin:12px 0}.listing-info [data-trade]{margin-top:10px}

.trade-photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trade-photo-actions .copy{margin:8px 0;white-space:normal}.listing-info [data-trade]{background:transparent;color:var(--gold,#d4af62);border:1px solid var(--gold,#d4af62)}.listing-info [data-trade]:hover{background:#d4af6220}.trade-filename{overflow-wrap:anywhere}.trade-dialog [hidden]{display:none!important}