*{
  box-sizing:border-box;
}

:root{
  --black:#050505;
  --panel:#101010;
  --panel-soft:#151515;
  --gold:#d4af37;
  --gold-soft:#f6e7b0;
  --gold-deep:#4a3b13;
  --muted:#cfcfcf;
  --neon:#78ff8a;
  --serif:Georgia, "Times New Roman", serif;
  --sans:Arial, sans-serif;
}

body{
  position:relative;
  margin:0;
  padding:0;
  background:
    radial-gradient(circle at top, rgba(212,175,55,0.08), transparent 30%),
    linear-gradient(180deg, #050505 0%, #0b0b0b 55%, #050505 100%);
  color:white;
  font-family:var(--sans);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    linear-gradient(120deg, transparent 0 36%, rgba(212,175,55,0.035) 36.2%, transparent 37% 62%, rgba(246,231,176,0.03) 62.2%, transparent 63%),
    radial-gradient(circle at 12% 20%, rgba(212,175,55,0.08), transparent 22%),
    radial-gradient(circle at 88% 8%, rgba(246,231,176,0.05), transparent 18%);
  opacity:0.72;
  pointer-events:none;
  z-index:-1;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,0.018) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(90deg, rgba(0,0,0,0.04) 0 1px, transparent 1px 6px);
  mix-blend-mode:screen;
  opacity:0.16;
  pointer-events:none;
  z-index:20;
}

header{
  position:relative;
  text-align:center;
  padding:34px 20px 0;
  overflow:hidden;
}

header::before{
  content:"";
  position:absolute;
  left:50%;
  top:22px;
  width:min(720px, 92vw);
  height:240px;
  background:radial-gradient(ellipse, rgba(212,175,55,0.16), transparent 66%);
  pointer-events:none;
  transform:translateX(-50%);
}

.brand-row{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:42px;
  margin:0 auto;
  max-width:980px;
}

.logo-mark{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  isolation:isolate;
}

.logo-mark::before{
  content:"";
  position:absolute;
  inset:12%;
  background:radial-gradient(circle, rgba(212,175,55,0.34), rgba(212,175,55,0.1) 38%, transparent 72%);
  filter:blur(14px);
  opacity:0.5;
  z-index:-1;
}

.logo-mark::after{
  content:"";
  position:absolute;
  inset:8%;
  background:linear-gradient(115deg, transparent 0%, transparent 38%, rgba(246,231,176,0.34) 48%, transparent 58%, transparent 100%);
  mix-blend-mode:screen;
  opacity:0;
  pointer-events:none;
  animation:logoShine 6s ease-in-out infinite;
}

.logo{
  display:block;
  width:auto;
  max-width:320px;
  max-height:140px;
  object-fit:contain;
  background:transparent;
  filter:drop-shadow(0 20px 42px rgba(0,0,0,0.58));
}

.collector-banner{
  max-width:430px;
  text-align:left;
  background:
    radial-gradient(circle at top left, rgba(246,231,176,0.22), transparent 42%),
    linear-gradient(145deg, rgba(21,21,21,0.98), rgba(5,5,5,0.98));
  border:1px solid var(--gold-deep);
  border-radius:8px;
  box-shadow:0 16px 44px rgba(0,0,0,0.42);
  padding:20px 22px;
  animation:bannerFade 900ms ease both;
}

.collector-banner strong{
  color:var(--gold);
  display:block;
  font-family:var(--serif);
  font-size:18px;
  font-weight:700;
  letter-spacing:1px;
  line-height:1.3;
  text-transform:uppercase;
}

.collector-banner span{
  color:#e0e0e0;
  display:block;
  font-size:14px;
  letter-spacing:0.4px;
  line-height:1.6;
  margin-top:8px;
}

h1{
  position:relative;
  z-index:1;
  color:var(--gold);
  font-family:var(--serif);
  font-size:62px;
  font-weight:700;
  margin:12px 0 8px;
  letter-spacing:2px;
  text-shadow:0 0 28px rgba(212,175,55,0.18);
}

.subtitle{
  position:relative;
  z-index:1;
  color:#c9c9c9;
  font-size:17px;
  letter-spacing:1.2px;
  margin:0 0 34px;
}

.site-nav{
  position:relative;
  z-index:2;
  display:inline-flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  background:rgba(8,8,8,0.78);
  border:1px solid rgba(212,175,55,0.22);
  border-radius:999px;
  box-shadow:0 18px 52px rgba(0,0,0,0.42), inset 0 1px 0 rgba(246,231,176,0.08);
  margin:0 auto 10px;
  padding:8px;
  backdrop-filter:blur(8px);
}

.site-nav a{
  color:#e6e0cf;
  border-radius:999px;
  font-size:12px;
  font-weight:bold;
  letter-spacing:1.2px;
  padding:10px 14px;
  text-decoration:none;
  text-transform:uppercase;
  transition:0.3s;
}

.site-nav a:hover{
  color:#050505;
  background:linear-gradient(135deg, var(--gold), var(--gold-soft));
  box-shadow:0 0 24px rgba(212,175,55,0.32);
}

.hero{
  position:relative;
  text-align:center;
  padding:92px 20px 104px;
  background:
    radial-gradient(circle at center, rgba(246,231,176,0.08), transparent 18%),
    linear-gradient(180deg, rgba(5,5,5,0) 0%, rgba(212,175,55,0.06) 46%, rgba(5,5,5,0) 100%);
  overflow:hidden;
}

.hero::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:min(860px, 92vw);
  height:320px;
  background:radial-gradient(ellipse, rgba(212,175,55,0.07), transparent 70%);
  pointer-events:none;
  transform:translate(-50%, -50%);
}

.hero::after{
  content:"";
  position:absolute;
  left:50%;
  top:16px;
  width:min(620px, 84vw);
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(246,231,176,0.42), transparent);
  box-shadow:0 0 34px rgba(212,175,55,0.34);
  transform:translateX(-50%);
}

.hero-kicker{
  position:relative;
  color:var(--gold);
  font-size:12px;
  font-weight:bold;
  letter-spacing:2.4px;
  margin:0 0 16px;
  text-transform:uppercase;
}

.hero h2{
  position:relative;
  color:white;
  font-family:var(--serif);
  font-size:62px;
  font-weight:700;
  letter-spacing:1px;
  line-height:1.08;
  max-width:900px;
  margin:auto;
  text-shadow:0 24px 70px rgba(0,0,0,0.65);
}

.description{
  position:relative;
  max-width:700px;
  margin:24px auto 0;
  color:var(--gold-soft);
  letter-spacing:1.8px;
  line-height:1.7;
  font-size:18px;
  text-transform:uppercase;
}

.hero-note{
  position:relative;
  max-width:680px;
  margin:18px auto 0;
  color:#d6d6d6;
  font-size:17px;
  line-height:1.8;
}

.btn{
  position:relative;
  display:inline-block;
  margin-top:28px;
  background:linear-gradient(135deg, var(--gold), var(--gold-soft));
  color:#050505;
  padding:15px 35px;
  border:1px solid rgba(246,231,176,0.62);
  border-radius:8px;
  text-decoration:none;
  font-weight:bold;
  box-shadow:0 18px 44px rgba(212,175,55,0.14);
  transition:0.3s;
}

.btn:hover{
  background:#f6e7b0;
  box-shadow:0 18px 44px rgba(0,0,0,0.34);
  transform:translateY(-2px);
}

.music-press-promo{
  position:relative;
  padding:42px 20px;
  background:
    radial-gradient(circle at 76% 20%, rgba(246,231,176,0.14), transparent 24%),
    radial-gradient(circle at 18% 90%, rgba(212,175,55,0.1), transparent 28%),
    linear-gradient(135deg, rgba(17,11,7,0.94), rgba(5,5,5,0.98));
  border-top:1px solid rgba(212,175,55,0.24);
  border-bottom:1px solid rgba(212,175,55,0.16);
  overflow:hidden;
}

.music-press-promo::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(90deg, rgba(126,74,28,0.12) 0 2px, transparent 2px 14px),
    radial-gradient(ellipse at center, transparent 0 44%, rgba(0,0,0,0.34) 100%);
  opacity:0.74;
  pointer-events:none;
}

.music-press-promo-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(410px, 460px);
  gap:34px;
  align-items:center;
  max-width:1000px;
  margin:0 auto;
}

.music-press-promo h2{
  color:white;
  font-family:var(--serif);
  font-size:clamp(34px, 5vw, 54px);
  line-height:1;
  margin:0;
}

.music-press-issue{
  color:var(--gold-soft);
  font-family:var(--serif);
  font-size:21px;
  margin:12px 0 8px;
}

.music-press-text{
  color:#d8d0bf;
  font-size:17px;
  line-height:1.7;
  margin:0;
}

.music-press-media{
  display:grid;
  gap:18px;
  justify-items:center;
}

.music-press-actions{
  display:flex;
  flex-wrap:nowrap;
  gap:10px;
  justify-content:center;
  width:100%;
}

.music-press-actions .btn{
  border-radius:8px;
  font-size:11px;
  margin-top:0;
  padding:12px 15px;
  text-align:center;
  white-space:nowrap;
}

.music-press-share{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
  width:100%;
}

.share-btn{
  align-items:center;
  appearance:none;
  background:rgba(8,8,8,0.78);
  border:1px solid rgba(212,175,55,0.4);
  border-radius:8px;
  color:#f2dfaa;
  cursor:pointer;
  display:inline-flex;
  font-family:var(--sans);
  font-size:10px;
  font-weight:700;
  justify-content:center;
  letter-spacing:0.8px;
  min-height:36px;
  padding:9px 10px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  transition:0.25s;
}

.share-btn:hover{
  background:linear-gradient(135deg, var(--gold), var(--gold-soft));
  border-color:rgba(246,231,176,0.7);
  color:#050505;
  transform:translateY(-1px);
}

.music-press-cover-link{
  display:block;
  padding:8px;
  width:min(100%, 320px);
  max-width:320px;
  background:linear-gradient(145deg, rgba(212,175,55,0.42), rgba(246,231,176,0.08));
  border:1px solid rgba(246,231,176,0.26);
  border-radius:8px;
  box-shadow:0 18px 42px rgba(0,0,0,0.4);
  transition:0.3s;
}

.music-press-cover-link:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 52px rgba(0,0,0,0.5);
}

.music-press-cover{
  width:100%;
  aspect-ratio:0.72;
  object-fit:cover;
  border-radius:4px;
}

.market-inner{
  max-width:1120px;
  margin:0 auto;
  position:relative;
  z-index:1;
}

.market-header{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin-bottom:28px;
}

.market-kicker{
  color:var(--gold);
  font-size:13px;
  font-weight:bold;
  letter-spacing:2px;
  text-transform:uppercase;
  margin:0 0 10px;
}

.market-copy{
  color:#bdbdbd;
  line-height:1.6;
  max-width:390px;
  margin:0;
}

.collector-stories{
  background:
    radial-gradient(circle at 82% 12%, rgba(111,23,23,0.38), transparent 31%),
    radial-gradient(circle at 12% 0%, rgba(212,175,55,0.13), transparent 30%),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.025) 0 1px, transparent 1px 5px),
    linear-gradient(180deg, #050505 0%, #120808 50%, #050505 100%);
  border-top:1px solid #1f1f1f;
  border-bottom:1px solid #1f1f1f;
  padding:88px 20px;
  position:relative;
  overflow:hidden;
}

.collector-stories::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(246,231,176,0.035) 0 1px, transparent 1px 34px),
    linear-gradient(180deg, rgba(0,0,0,0.34), transparent 32%, rgba(0,0,0,0.42));
  pointer-events:none;
}

.stories-inner,
.story-page-inner{
  max-width:1120px;
  margin:0 auto;
  position:relative;
  z-index:1;
}

.stories-heading{
  display:grid;
  gap:8px;
  margin-bottom:34px;
  max-width:850px;
  border-left:4px solid var(--gold);
  padding-left:24px;
}

.stories-heading h2,
.story-page-title{
  color:white;
  font-family:var(--serif);
  font-size:52px;
  line-height:1.08;
  margin:0;
  text-transform:uppercase;
  text-shadow:0 0 28px rgba(212,175,55,0.2);
}

.stories-heading p:not(.market-kicker){
  color:#cfcfcf;
  font-size:18px;
  line-height:1.7;
  margin:0;
}

.story-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:26px;
  align-items:stretch;
}

.story-card{
  background:
    linear-gradient(135deg, rgba(246,231,176,0.12), transparent 22%),
    linear-gradient(180deg, #120909, #050505 68%);
  border:1px solid rgba(246,231,176,0.38);
  border-radius:6px;
  box-shadow:0 24px 64px rgba(0,0,0,0.44);
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:12px;
  overflow:hidden;
  position:relative;
  transition:transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease;
}

.story-card:hover{
  border-color:var(--gold);
  box-shadow:0 30px 78px rgba(0,0,0,0.52);
  transform:translateY(-5px);
}

.story-cover-link{
  background:#050505;
  border:1px solid rgba(246,231,176,0.32);
  border-radius:4px;
  box-shadow:0 22px 62px rgba(0,0,0,0.46);
  display:block;
  overflow:hidden;
  position:relative;
  text-decoration:none;
}

.story-cover-link::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg, transparent 0 42%, rgba(246,231,176,0.12) 46%, transparent 52%),
    radial-gradient(circle at 50% 0%, rgba(246,231,176,0.12), transparent 40%);
  opacity:0;
  pointer-events:none;
  transition:opacity 0.32s ease;
}

.story-card:hover .story-cover-link::after{
  opacity:1;
}

.story-cover-image{
  aspect-ratio:5 / 7;
  display:block;
  height:auto;
  object-fit:cover;
  transform-origin:center;
  transition:filter 0.4s ease, transform 0.48s ease;
  width:100%;
}

.story-card:hover .story-cover-image{
  filter:contrast(1.06) saturate(1.08);
  transform:scale(1.025);
}

.story-btn,
.story-back-link{
  align-items:center;
  background:linear-gradient(135deg, var(--gold), var(--gold-soft));
  border:1px solid rgba(246,231,176,0.58);
  border-radius:8px;
  color:#050505;
  display:inline-flex;
  font-weight:bold;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  position:relative;
  text-decoration:none;
  transition:0.3s;
  z-index:1;
}

.story-btn{
  border-radius:4px;
  min-height:48px;
  width:100%;
}

.story-btn:hover,
.story-back-link:hover{
  background:#f6e7b0;
  box-shadow:0 0 26px rgba(212,175,55,0.34), 0 18px 44px rgba(0,0,0,0.36);
  transform:translateY(-2px);
}

.collector-world{
  background:
    radial-gradient(circle at 16% 12%, rgba(212,175,55,0.11), transparent 30%),
    radial-gradient(circle at 88% 16%, rgba(111,23,23,0.3), transparent 32%),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.022) 0 1px, transparent 1px 5px),
    linear-gradient(180deg, #070707 0%, #130909 52%, #050505 100%);
  border-top:1px solid #1f1f1f;
  border-bottom:1px solid #1f1f1f;
  overflow:hidden;
  padding:92px 20px;
  position:relative;
}

.collector-world::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(246,231,176,0.028) 0 1px, transparent 1px 36px),
    linear-gradient(180deg, rgba(0,0,0,0.16), transparent 38%, rgba(0,0,0,0.34));
  pointer-events:none;
}

.collector-world-inner{
  max-width:1120px;
  margin:0 auto;
  position:relative;
  z-index:1;
}

.collector-world-heading{
  border-left:4px solid var(--gold);
  display:grid;
  gap:8px;
  margin-bottom:30px;
  max-width:830px;
  padding-left:24px;
}

.collector-world-heading h2{
  color:white;
  font-family:var(--serif);
  font-size:48px;
  line-height:1.05;
  margin:0;
  text-transform:uppercase;
}

.collector-world-heading p:not(.market-kicker){
  color:#cfcfcf;
  font-size:18px;
  line-height:1.7;
  margin:0;
}

.collector-world-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
}

.world-card{
  background:
    linear-gradient(135deg, rgba(246,231,176,0.08), transparent 22%),
    linear-gradient(180deg, #15100f, #060606);
  border:1px solid rgba(246,231,176,0.3);
  border-radius:8px;
  box-shadow:0 22px 58px rgba(0,0,0,0.4);
  overflow:hidden;
  transition:transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease;
}

.world-card:hover{
  border-color:var(--gold);
  box-shadow:0 28px 72px rgba(0,0,0,0.5);
  transform:translateY(-4px);
}

.world-card-image{
  aspect-ratio:1.45;
  display:block;
  object-fit:cover;
  transform-origin:center;
  transition:filter 0.4s ease, transform 0.48s ease;
  width:100%;
}

.world-card:hover .world-card-image{
  filter:contrast(1.06) saturate(1.08);
  transform:scale(1.035);
}

.world-card-copy{
  background:
    linear-gradient(135deg, rgba(246,231,176,0.06), transparent 24%),
    linear-gradient(180deg, #14100f, #070707);
  border-top:3px double rgba(212,175,55,0.34);
  min-height:250px;
  padding:24px;
  position:relative;
}

.world-card-copy::before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(212,175,55,0.12);
  pointer-events:none;
}

.world-label{
  color:var(--gold-soft);
  display:inline-flex;
  background:linear-gradient(135deg, #7a1717, #270707);
  border:1px solid rgba(246,231,176,0.36);
  font-size:12px;
  font-weight:bold;
  margin:0 0 14px;
  padding:8px 10px;
  position:relative;
  text-transform:uppercase;
  z-index:1;
}

.world-card h3{
  color:white;
  font-family:var(--serif);
  font-size:28px;
  line-height:1.1;
  margin:0 0 14px;
  position:relative;
  z-index:1;
}

.world-card p:not(.world-label){
  color:#cfcfcf;
  line-height:1.65;
  margin:0;
  position:relative;
  z-index:1;
}

.value-checker{
  background:
    radial-gradient(circle at 12% 12%, rgba(120,255,138,0.13), transparent 24%),
    radial-gradient(circle at top left, rgba(212,175,55,0.12), transparent 34%),
    linear-gradient(180deg, #050505 0%, #0b0b0b 100%);
  border-top:1px solid #1f1f1f;
  border-bottom:1px solid #1f1f1f;
  padding:92px 20px;
}

.value-checker-inner{
  display:grid;
  grid-template-columns:minmax(320px, 0.92fr) minmax(320px, 1.08fr);
  gap:28px;
  align-items:start;
  max-width:1120px;
  margin:0 auto;
}

.value-checker-copy,
.value-form,
.estimate-result{
  background:
    radial-gradient(circle at bottom left, rgba(120,255,138,0.07), transparent 34%),
    radial-gradient(circle at top right, rgba(246,231,176,0.1), transparent 36%),
    linear-gradient(145deg, #151515, #080808);
  border:1px solid rgba(212,175,55,0.34);
  border-radius:16px;
  box-shadow:0 20px 56px rgba(0,0,0,0.34);
}

.value-checker-copy{
  padding:32px;
}

.tool-presenter{
  align-items:center;
  display:grid;
  gap:22px;
  grid-template-columns:128px 1fr;
  margin-bottom:20px;
}

.tool-mascot{
  background:
    radial-gradient(circle, rgba(120,255,138,0.16), transparent 58%),
    #080808;
  border:1px solid rgba(120,255,138,0.34);
  border-radius:18px;
  box-shadow:0 16px 40px rgba(0,0,0,0.34);
  display:block;
  height:168px;
  object-fit:contain;
  object-position:center bottom;
  padding:8px;
  width:128px;
}

.tool-presenter-label,
.collector-tool-name{
  color:var(--neon);
  font-size:12px;
  font-weight:bold;
  letter-spacing:1.8px;
  margin:0 0 10px;
  text-transform:uppercase;
  text-shadow:0 0 14px rgba(120,255,138,0.28);
}

.value-checker-copy h2{
  color:white;
  font-family:var(--serif);
  font-size:38px;
  line-height:1.1;
  margin:0;
}

.value-checker-copy p:not(.market-kicker){
  color:#cfcfcf;
  font-size:18px;
  line-height:1.75;
  margin:0 0 20px;
}

.tool-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.tool-badges span{
  background:rgba(120,255,138,0.07);
  border:1px solid rgba(120,255,138,0.32);
  border-radius:999px;
  color:#d8ffdd;
  font-size:12px;
  font-weight:bold;
  letter-spacing:0.9px;
  padding:9px 12px;
  text-transform:uppercase;
}

.value-form{
  padding:28px;
}

.form-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:16px;
}

.value-form label{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.value-form span{
  color:var(--gold-soft);
  font-size:12px;
  font-weight:bold;
  letter-spacing:1.2px;
  text-transform:uppercase;
}

.value-form input,
.value-form select{
  background:#080808;
  border:1px solid #2f2815;
  border-radius:8px;
  color:white;
  font:inherit;
  min-height:46px;
  outline:none;
  padding:12px 14px;
  transition:0.3s;
  width:100%;
}

.value-form input:focus,
.value-form select:focus{
  border-color:var(--neon);
  box-shadow:0 0 0 3px rgba(120,255,138,0.1), 0 0 20px rgba(120,255,138,0.12);
}

.estimate-btn{
  background:linear-gradient(135deg, var(--gold), var(--gold-soft) 58%, var(--neon));
  border:1px solid rgba(120,255,138,0.34);
  border-radius:8px;
  color:#050505;
  cursor:pointer;
  font-weight:bold;
  margin-top:18px;
  min-height:48px;
  padding:0 24px;
  transition:0.3s;
  width:100%;
}

.estimate-btn:hover{
  background:linear-gradient(135deg, #f6e7b0, #d7ffd9);
  box-shadow:0 16px 40px rgba(0,0,0,0.32);
  transform:translateY(-2px);
}

.value-beta-note{
  color:rgba(226,213,178,0.68);
  font-size:13px;
  line-height:1.6;
  margin:16px 0 0;
}

.estimate-result{
  grid-column:1 / -1;
  padding:24px;
}

.estimate-result[hidden]{
  display:none;
}

.estimate-result strong{
  color:var(--gold-soft);
  display:block;
  font-family:var(--serif);
  font-size:38px;
  line-height:1;
  margin:0 0 14px;
}

.estimate-result p:not(.market-kicker){
  color:#cfcfcf;
  line-height:1.7;
  margin:0 0 18px;
}

.value-results-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
  margin-top:22px;
}

.value-result-card{
  text-align:left;
}

.value-related-title{
  color:var(--gold-soft);
  font-family:var(--serif);
  font-size:22px;
  margin:22px 0 0;
}

.value-related-grid{
  margin-top:14px;
}

.collector-products{
  background:
    radial-gradient(circle at 10% 0%, rgba(212,175,55,0.06), transparent 26%),
    #050505;
  border-top:1px solid #1f1f1f;
  border-bottom:1px solid #1f1f1f;
  padding:84px 20px;
}

.product-grid{
  background:
    radial-gradient(circle at top right, rgba(212,175,55,0.08), transparent 32%),
    linear-gradient(145deg, rgba(12,12,12,0.94), rgba(5,5,5,0.96));
  border:1px solid rgba(212,175,55,0.12);
  border-radius:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.03), 0 16px 48px rgba(0,0,0,0.22);
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:22px;
  padding:18px;
}

.product-card{
  background:
    radial-gradient(circle at top right, rgba(212,175,55,0.07), transparent 36%),
    linear-gradient(145deg, #151515, #090909);
  border:1px solid #2f2815;
  border-radius:18px;
  display:flex;
  flex-direction:column;
  box-shadow:0 16px 44px rgba(0,0,0,0.28);
  overflow:hidden;
  min-height:100%;
  transition:transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease;
}

.product-card:hover{
  transform:translateY(-6px);
  border-color:#d4af37;
  box-shadow:0 28px 82px rgba(0,0,0,0.5);
}

.product-image{
  display:block;
  width:100%;
  height:240px;
  margin-bottom:18px;
  object-fit:cover;
  background:#080808;
  border:1px solid rgba(212,175,55,0.42);
  border-radius:16px;
  box-shadow:0 18px 42px rgba(0,0,0,0.38);
}

.poster-products{
  background:
    radial-gradient(circle at 80% 0%, rgba(212,175,55,0.06), transparent 28%),
    #050505;
  border-bottom:1px solid #1f1f1f;
  padding:84px 20px;
}

.poster-header{
  align-items:start;
}

.poster-subtitle{
  color:#cfcfcf;
  font-size:18px;
  line-height:1.6;
  margin:14px 0 0;
}

.poster-categories{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
  max-width:520px;
}

.poster-categories span{
  color:#f6e7b0;
  background:#15130c;
  border:1px solid #3b3118;
  border-radius:999px;
  font-size:12px;
  font-weight:bold;
  letter-spacing:1px;
  padding:9px 12px;
  text-transform:uppercase;
}

.poster-grid{
  background:
    radial-gradient(circle at top left, rgba(212,175,55,0.08), transparent 32%),
    linear-gradient(145deg, rgba(12,12,12,0.94), rgba(5,5,5,0.96));
  border:1px solid rgba(212,175,55,0.12);
  border-radius:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.03), 0 22px 70px rgba(0,0,0,0.26);
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:22px;
  padding:18px;
}

.poster-card{
  background:
    radial-gradient(circle at top, rgba(246,231,176,0.08), transparent 38%),
    linear-gradient(145deg, #151515, #080808);
  border:1px solid #302714;
  border-radius:18px;
  display:flex;
  flex-direction:column;
  box-shadow:0 24px 70px rgba(0,0,0,0.42);
  overflow:hidden;
  min-height:100%;
  transition:transform 0.32s ease, border-color 0.32s ease, box-shadow 0.32s ease;
}

.poster-card:hover{
  transform:translateY(-6px);
  border-color:#d4af37;
  box-shadow:0 34px 96px rgba(0,0,0,0.56);
}

.poster-image{
  display:block;
  width:100%;
  height:340px;
  margin-bottom:18px;
  object-fit:cover;
  background:#080808;
  border:12px solid #101010;
  border-radius:16px;
  box-shadow:inset 0 0 0 1px rgba(212,175,55,0.34);
}

.poster-content{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:0 20px 20px;
}

.poster-card h3{
  color:white;
  display:-webkit-box;
  font-size:20px;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-height:1.25;
  margin:0 0 10px;
  min-height:75px;
  overflow:hidden;
}

.poster-card p{
  color:#bfbfbf;
  font-size:15px;
  line-height:1.6;
  margin:0 0 18px;
}

.product-content{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:0 22px 22px;
}

.product-label{
  color:var(--gold);
  display:inline-block;
  font-size:12px;
  font-weight:bold;
  letter-spacing:1.6px;
  margin-bottom:12px;
  text-transform:uppercase;
}

.product-card h3{
  color:white;
  display:-webkit-box;
  font-family:var(--serif);
  font-size:20px;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-height:1.25;
  margin:0 0 10px;
  min-height:75px;
  overflow:hidden;
}

.product-card p{
  color:#bfbfbf;
  font-size:15px;
  line-height:1.6;
  margin:0 0 18px;
}

.product-card .ebay-btn,
.poster-card .ebay-btn{
  margin-top:auto;
}

.live-item-meta{
  color:#9f9f9f;
  font-size:13px;
  letter-spacing:0.5px;
  margin-bottom:8px;
  text-transform:uppercase;
}

.live-item-price{
  color:var(--gold-soft);
  font-family:var(--serif);
  font-size:22px;
  font-weight:700;
  margin-bottom:18px;
}

.live-filter-note{
  color:var(--gold-soft);
  font-size:13px;
  letter-spacing:0.7px;
  margin:12px 0 0;
  text-transform:uppercase;
}

.live-grid-message{
  align-items:center;
  background:linear-gradient(145deg, rgba(12,12,12,0.94), rgba(32,27,16,0.86));
  border:1px solid rgba(212,175,55,0.28);
  border-radius:16px;
  grid-column:1 / -1;
  box-shadow:0 18px 45px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.04);
  color:var(--gold-soft);
  display:flex;
  font-family:var(--serif);
  font-size:18px;
  justify-content:center;
  letter-spacing:0.4px;
  min-height:180px;
  padding:28px;
  text-align:center;
}

.ebay-btn{
  background:linear-gradient(135deg, var(--gold), var(--gold-soft));
  border:1px solid rgba(246,231,176,0.58);
  border-radius:8px;
  color:#050505;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:bold;
  min-height:44px;
  padding:0 16px;
  text-decoration:none;
  box-shadow:0 16px 40px rgba(212,175,55,0.12);
  transition:0.3s;
  width:100%;
}

.ebay-btn:hover{
  background:#f6e7b0;
  border-color:#f6e7b0;
  box-shadow:0 0 26px rgba(212,175,55,0.34), 0 18px 44px rgba(0,0,0,0.36);
  transform:translateY(-2px);
}

.collector-mini-hub{
  background:
    radial-gradient(circle at 12% 16%, rgba(120,255,138,0.1), transparent 26%),
    radial-gradient(circle at 86% 8%, rgba(212,175,55,0.13), transparent 28%),
    linear-gradient(180deg, #050505 0%, #0d0d0a 52%, #050505 100%);
  border-top:1px solid #1f1f1f;
  border-bottom:1px solid #1f1f1f;
  padding:88px 20px;
  position:relative;
  overflow:hidden;
}

.collector-mini-hub::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(120,255,138,0.024) 0 1px, transparent 1px 34px),
    linear-gradient(180deg, rgba(0,0,0,0.2), transparent 38%, rgba(0,0,0,0.34));
  pointer-events:none;
}

.collector-hub-inner{
  max-width:1120px;
  margin:0 auto;
  position:relative;
  z-index:1;
}

.collector-hub-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin-bottom:24px;
}

.collector-hub-heading h2{
  color:white;
  font-family:var(--serif);
  font-size:40px;
  line-height:1.05;
  margin:0;
}

.collector-hub-heading p:not(.market-kicker){
  color:#cfcfcf;
  line-height:1.7;
  margin:0;
  max-width:360px;
}

.collector-hub-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:14px;
}

.hub-card{
  background:
    radial-gradient(circle at top right, rgba(120,255,138,0.1), transparent 34%),
    linear-gradient(145deg, #141414, #070707);
  border:1px solid rgba(212,175,55,0.26);
  border-radius:8px;
  box-shadow:0 16px 42px rgba(0,0,0,0.32);
  color:white;
  display:grid;
  gap:12px;
  min-height:148px;
  padding:20px;
  position:relative;
  text-decoration:none;
  transition:transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.hub-card::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(246,231,176,0.08);
  pointer-events:none;
}

.hub-card:hover{
  border-color:var(--gold);
  box-shadow:0 22px 58px rgba(0,0,0,0.42);
  transform:translateY(-3px);
}

.hub-label{
  color:#78ff8a;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
}

.hub-card strong{
  align-self:end;
  color:#f6e7b0;
  font-family:var(--serif);
  font-size:21px;
  line-height:1.12;
  position:relative;
  z-index:1;
}

.app-coming-soon{
  background:#0b0b0b;
  border-bottom:1px solid #1f1f1f;
  padding:72px 20px;
}

.premium-footer{
  background:
    radial-gradient(circle at 12% 0%, rgba(212,175,55,0.12), transparent 30%),
    radial-gradient(circle at 92% 16%, rgba(111,23,23,0.22), transparent 34%),
    linear-gradient(180deg, #050505 0%, #100908 100%);
  border-top:1px solid rgba(212,175,55,0.28);
  color:#cfcfcf;
}

.footer-inner{
  display:grid;
  grid-template-columns:minmax(280px, 1.25fr) minmax(220px, 0.9fr) minmax(220px, 0.75fr);
  gap:34px;
  max-width:1120px;
  margin:0 auto;
  padding:54px 20px 34px;
}

.footer-brand{
  display:grid;
  grid-template-columns:96px 1fr;
  gap:20px;
  align-items:center;
}

.footer-logo{
  filter:drop-shadow(0 0 24px rgba(212,175,55,0.22));
  max-height:118px;
  object-fit:contain;
  width:96px;
}

.footer-brand h2{
  color:white;
  font-family:var(--serif);
  font-size:38px;
  margin:0 0 10px;
}

.footer-brand p:not(.market-kicker){
  line-height:1.7;
  margin:0;
  max-width:520px;
}

.footer-links{
  display:grid;
  gap:12px;
}

.footer-links a,
.footer-bottom a{
  color:#f6e7b0;
  font-weight:bold;
  text-decoration:none;
  transition:color 0.25s ease, transform 0.25s ease;
}

.footer-links a:hover,
.footer-bottom a:hover{
  color:#78ff8a;
  transform:translateX(3px);
}

.footer-expansion{
  align-self:start;
  background:
    linear-gradient(135deg, rgba(120,255,138,0.08), transparent 28%),
    linear-gradient(145deg, #141414, #070707);
  border:1px solid rgba(212,175,55,0.3);
  border-radius:8px;
  color:#f6e7b0;
  font-family:var(--serif);
  font-size:22px;
  line-height:1.2;
  padding:22px;
  box-shadow:0 18px 48px rgba(0,0,0,0.34);
}

.footer-bottom{
  border-top:1px solid rgba(212,175,55,0.16);
  display:flex;
  justify-content:space-between;
  gap:20px;
  max-width:1120px;
  margin:0 auto;
  padding:18px 20px 24px;
}

.footer-bottom p{
  color:#777;
  margin:0;
}

.story-page{
  background:
    radial-gradient(circle at 18% 8%, rgba(212,175,55,0.12), transparent 28%),
    linear-gradient(180deg, #050505 0%, #0b0b0b 100%);
  min-height:100vh;
}

.story-page-header{
  padding:28px 20px 18px;
}

.story-page-brand{
  align-items:center;
  display:flex;
  gap:16px;
  justify-content:center;
  text-decoration:none;
}

.story-page-logo{
  height:74px;
  object-fit:contain;
  width:auto;
}

.story-page-brand span{
  color:var(--gold);
  font-family:var(--serif);
  font-size:32px;
  font-weight:bold;
  letter-spacing:1px;
}

.story-page-main{
  padding:36px 20px 84px;
}

.story-article{
  background:
    radial-gradient(circle at top right, rgba(212,175,55,0.1), transparent 34%),
    linear-gradient(145deg, rgba(18,18,18,0.96), rgba(6,6,6,0.98));
  border:1px solid rgba(212,175,55,0.28);
  border-radius:18px;
  box-shadow:0 28px 92px rgba(0,0,0,0.46);
  overflow:hidden;
}

.story-page-hero{
  min-height:340px;
}

.story-article-body{
  max-width:820px;
  padding:42px;
}

.story-page-kicker{
  color:var(--neon);
  font-size:12px;
  font-weight:bold;
  letter-spacing:1.8px;
  margin:0 0 14px;
  text-transform:uppercase;
}

.story-page-deck{
  color:var(--gold-soft);
  font-size:20px;
  line-height:1.6;
  margin:18px 0 28px;
}

.story-article-body p:not(.story-page-kicker):not(.story-page-deck){
  color:#d6d6d6;
  font-size:18px;
  line-height:1.85;
  margin:0 0 22px;
}

.story-expansion-note{
  background:rgba(120,255,138,0.06);
  border:1px solid rgba(120,255,138,0.28);
  border-radius:14px;
  color:#d8ffdd;
  margin:32px 0 0;
  padding:20px;
}

.app-inner{
  display:grid;
  grid-template-columns:minmax(280px, 0.95fr) minmax(280px, 1.05fr);
  gap:34px;
  align-items:start;
  max-width:1120px;
  margin:0 auto;
}

.app-copy{
  background:
    radial-gradient(circle at top left, rgba(212,175,55,0.16), transparent 40%),
    #111111;
  border:1px solid #302714;
  border-radius:8px;
  padding:32px;
}

.app-copy h2{
  color:white;
  font-family:var(--serif);
  font-size:36px;
  margin:0 0 16px;
}

@keyframes bannerFade{
  from{
    opacity:0;
    transform:translateY(10px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes logoShine{
  0%,
  38%{
    opacity:0;
    transform:translateX(-34%) skewX(-12deg);
  }
  50%{
    opacity:0.55;
  }
  64%,
  100%{
    opacity:0;
    transform:translateX(34%) skewX(-12deg);
  }
}

.app-copy p:not(.market-kicker){
  color:#cfcfcf;
  font-size:18px;
  line-height:1.7;
  margin:0;
}

.benefit-list{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:14px;
  list-style:none;
  margin:0;
  padding:0;
}

.benefit-list li{
  background:#111111;
  border:1px solid #2f2815;
  border-radius:8px;
  color:#e8e8e8;
  line-height:1.45;
  padding:18px 18px 18px 44px;
  position:relative;
}

.benefit-list li::before{
  content:"";
  position:absolute;
  left:18px;
  top:22px;
  width:10px;
  height:10px;
  background:#d4af37;
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(212,175,55,0.16);
}

@media (max-width:900px){
  .brand-row{
    flex-direction:column;
    gap:18px;
  }

  .logo{
    width:auto;
    max-height:140px;
    max-width:70vw;
  }

  .collector-banner{
    max-width:620px;
    text-align:center;
  }

  .hero{
    padding:58px 20px 66px;
  }

  .hero h2{
    font-size:46px;
  }

  .hero-note{
    font-size:16px;
  }

  .market-header{
    align-items:start;
    flex-direction:column;
  }

  .story-grid{
    grid-template-columns:1fr;
    max-width:560px;
    margin:0 auto;
  }

  .collector-world-grid{
    grid-template-columns:1fr;
    max-width:620px;
    margin:0 auto;
  }

  .collector-hub-heading{
    align-items:start;
    flex-direction:column;
  }

  .collector-hub-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .footer-inner{
    grid-template-columns:1fr;
  }

  .story-card{
    min-height:auto;
  }

  .product-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .value-checker-inner{
    grid-template-columns:1fr;
  }

  .music-press-promo-inner{
    grid-template-columns:1fr;
  }

  .music-press-media{
    justify-items:start;
  }

  .music-press-cover-link{
    max-width:320px;
  }

  .tool-presenter{
    grid-template-columns:112px 1fr;
  }

  .tool-mascot{
    height:148px;
    width:112px;
  }

  .estimate-result{
    grid-column:auto;
  }

  .poster-header{
    align-items:start;
  }

  .poster-categories{
    justify-content:flex-start;
  }

  .poster-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .app-inner{
    grid-template-columns:1fr;
  }

}

@media (max-width:560px){
  h1{
    font-size:46px;
  }

  header{
    padding-top:28px;
  }

  .brand-row{
    padding:0 16px;
  }

  .logo{
    width:auto;
    max-height:116px;
    max-width:78vw;
  }

  .collector-banner{
    padding:16px;
    width:100%;
  }

  .collector-banner strong{
    font-size:14px;
  }

  .collector-banner span{
    font-size:13px;
  }

  .site-nav{
    border-radius:8px;
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }

  .site-nav a{
    padding:10px 8px;
  }

  .hero h2{
    font-size:32px;
  }

  .hero{
    padding:52px 16px 60px;
  }

  .hero-kicker{
    font-size:11px;
    letter-spacing:1.8px;
  }

  .description{
    font-size:14px;
    letter-spacing:1.2px;
  }

  .hero-note{
    font-size:15px;
    line-height:1.7;
  }

  .collector-stories{
    padding:56px 16px;
  }

  .music-press-promo{
    padding:40px 16px;
  }

  .music-press-media{
    justify-items:center;
  }

  .music-press-actions{
    display:grid;
    grid-template-columns:1fr;
    max-width:320px;
  }

  .music-press-actions .btn{
    text-align:center;
    white-space:normal;
  }

  .music-press-share{
    grid-template-columns:1fr;
    max-width:320px;
  }

  .share-btn{
    font-size:11px;
    min-height:38px;
  }

  .music-press-cover-link{
    max-width:85%;
  }

  .stories-heading,
  .collector-world-heading{
    padding-left:16px;
  }

  .stories-heading h2,
  .collector-world-heading h2,
  .story-page-title{
    font-size:32px;
  }

  .collector-world{
    padding:56px 16px;
  }

  .world-card-copy{
    min-height:auto;
    padding:22px;
  }

  .world-card h3{
    font-size:25px;
  }

  .story-article-body{
    padding:24px;
  }

  .story-page-hero{
    min-height:260px;
  }

  .collector-products,
  .poster-products,
  .value-checker,
  .collector-mini-hub,
  .app-coming-soon{
    padding:56px 16px;
  }

  .collector-hub-grid{
    grid-template-columns:1fr;
  }

  .hub-card{
    min-height:118px;
  }

  .collector-hub-heading h2{
    font-size:32px;
  }

  .footer-inner{
    padding:42px 16px 28px;
  }

  .footer-brand{
    grid-template-columns:1fr;
    text-align:center;
  }

  .footer-logo{
    margin:0 auto;
  }

  .footer-links{
    text-align:center;
  }

  .footer-expansion{
    text-align:center;
  }

  .footer-bottom{
    align-items:center;
    flex-direction:column;
    padding:18px 16px 24px;
  }

  .value-checker-copy,
  .value-form,
  .estimate-result{
    padding:22px;
  }

  .tool-presenter{
    grid-template-columns:1fr;
    text-align:center;
  }

  .tool-mascot{
    height:180px;
    margin:0 auto;
    width:140px;
  }

  .tool-badges{
    justify-content:center;
  }

  .value-checker-copy h2,
  .estimate-result strong{
    font-size:32px;
  }

  .form-grid{
    grid-template-columns:1fr;
  }

  .product-grid,
  .poster-grid,
  .value-results-grid,
  .benefit-list{
    grid-template-columns:1fr;
  }

  .poster-subtitle{
    font-size:16px;
  }

  .product-image{
    height:220px;
  }

  .poster-image{
    height:300px;
  }

  .app-copy{
    padding:24px;
  }

  .app-copy h2{
    font-size:32px;
  }

  .app-copy p:not(.market-kicker){
    font-size:16px;
  }

}

@media (prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:0.001ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:0.001ms !important;
  }
}