:root {
  --paper: #f0ece4;
  --muted: rgba(240, 236, 228, .62);
  --faint: rgba(240, 236, 228, .18);
  --line: rgba(240, 236, 228, .22);
  --bg: #111110;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
  margin: 0;
  color: var(--paper);
  background: var(--bg);
  font-family: Inter, Arial, sans-serif;
  font-weight: 300;
  overflow-x: hidden;
}
a { color: inherit; }
.music-shell { position: relative; min-height: 100vh; isolation: isolate; }

.video-stage {
  position: fixed;
  inset: -7vh -7vw;
  z-index: -2;
  overflow: hidden;
  background: #111110;
  transform: scale(1.04);
}
.ambient-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  filter: blur(17px) saturate(.82) contrast(1.02) brightness(.82);
  transform: scale(1.11);
  transition: opacity 3.8s ease-in-out;
  will-change: opacity, transform;
}
.ambient-video.is-active { opacity: .58; }
.video-shade {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 68% 19%, rgba(133, 99, 65, .16), transparent 36%),
    linear-gradient(to bottom, rgba(17,17,16,.79) 0%, rgba(17,17,16,.31) 22%, rgba(17,17,16,.45) 72%, rgba(17,17,16,.91) 100%);
}
.video-grain {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .105;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.52'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}

.music-section { position: relative; }
.section-inner {
  width: min(1280px, calc(100% - 64px));
  margin: 0 auto;
  padding: 12vh 0 8vh;
}
.section-intro { min-height: 48vh; display: flex; flex-direction: column; justify-content: flex-end; }
.chapter-signature {
  display: block;
  width: clamp(92px, 9vw, 132px);
  height: auto;
  margin: 0 0 24px 2px;
  opacity: .48;
  filter: invert(1);
  pointer-events: none;
  user-select: none;
}
.eyebrow {
  margin: 0 0 18px;
  text-transform: uppercase;
  letter-spacing: .24em;
  font-size: 11px;
  color: var(--muted);
}
h1, h2, h3, p { margin-top: 0; }
h1 {
  margin-bottom: 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(72px, 12vw, 180px);
  line-height: .78;
  font-weight: 400;
  letter-spacing: -.035em;
}
.latest-block { padding-top: 22vh; }
.selected-block { padding-top: 24vh; }
.block-heading { display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: center; margin-bottom: 54px; }
.block-heading h2 {
  margin: 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 400;
  font-size: clamp(26px, 3vw, 46px);
  letter-spacing: -.01em;
}
.heading-line { height: 1px; background: var(--line); }

.release-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(30px, 5vw, 74px);
  max-width: 980px;
  margin-inline: auto;
  align-items: start;
}
.release-card { width: min(100%, 260px); min-width: 0; justify-self: center; }
.release-card:nth-child(2) { transform: translateY(22px); }
.release-card:nth-child(3) { transform: translateY(-10px); }
.release-index, .selected-number {
  display: block;
  margin-bottom: 14px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 42px;
  line-height: 1;
  color: rgba(240,236,228,.34);
}
.cover-link, .selected-cover-link { display: block; text-decoration: none; }
.cover {
  width: 100%;
  aspect-ratio: 1;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.115);
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.16);
}
.cover::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .12;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.38'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}
.cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.placeholder-cover {
  display: grid;
  place-items: center;
  background:
    linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.014)),
    radial-gradient(circle at 30% 30%, rgba(163,124,86,.2), transparent 42%);
}
.release-meta { padding-top: 18px; }
.release-meta h3, .selected-copy h3, .small-copy h3 {
  margin-bottom: 7px;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(25px, 2.2vw, 38px);
  font-weight: 400;
  line-height: 1.04;
}
.release-meta p, .artist-line { margin-bottom: 16px; color: var(--muted); font-size: 13px; letter-spacing: .03em; }
.pending-link, .release-meta a, .listen-link {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: .06em;
  color: rgba(240,236,228,.78);
}
.pending-link { color: rgba(240,236,228,.42); }
.release-meta a span, .listen-link span { transition: transform .3s ease; }
.release-meta a:hover span, .listen-link:hover span { transform: translateX(4px); }

.selected-layout { display: grid; gap: 86px; }
.selected-main {
  display: grid;
  grid-template-columns: minmax(0, 460px) minmax(240px, .65fr);
  gap: clamp(34px, 6vw, 96px);
  align-items: end;
  max-width: 940px;
  margin-inline: auto;
}
.selected-cover { aspect-ratio: 1; }
.selected-copy { padding-bottom: 4px; }
.selected-copy .selected-number { margin-bottom: 22px; font-size: 54px; }
.selected-copy h3 { font-size: clamp(42px, 6vw, 90px); max-width: 9ch; }
.selected-copy .artist-line { margin-bottom: 28px; }
.selected-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: clamp(36px, 7vw, 90px);
  max-width: 660px;
  margin-left: auto;
  margin-right: 8%;
}
.selected-small { width: min(100%, 260px); justify-self: center; }
.selected-small:nth-child(2) { transform: translateY(18px); }
.small-copy { padding-top: 18px; }
.small-copy .selected-number { font-size: 34px; margin-bottom: 8px; }
.small-copy h3 { font-size: clamp(24px, 2.8vw, 42px); }

.store-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px 34px;
  padding: 24vh 0 8vh;
}
.store-links a {
  position: relative;
  text-decoration: none;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(22px, 2vw, 31px);
  color: rgba(240,236,228,.68);
  transition: color .3s ease;
}
.store-links a::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -5px;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left;
  background: currentColor;
  transition: transform .35s ease;
}
.store-links a:hover { color: var(--paper); }
.store-links a:hover::after { transform: scaleX(1); }

.reveal {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 1s ease var(--delay, 0s), transform 1s cubic-bezier(.2,.7,.2,1) var(--delay, 0s);
}
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.release-card.reveal.is-visible:nth-child(2) { transform: translateY(22px); }
.release-card.reveal.is-visible:nth-child(3) { transform: translateY(-10px); }
.selected-small.reveal.is-visible:nth-child(2) { transform: translateY(18px); }

@media (max-width: 820px) {
  .section-inner { width: min(100% - 36px, 680px); padding-top: 10vh; }
  .section-intro { min-height: 38vh; }
  .latest-block, .selected-block { padding-top: 15vh; }
  .release-grid { grid-template-columns: 1fr; gap: 72px; }
  .release-card, .release-card:nth-child(2), .release-card:nth-child(3),
  .release-card.reveal.is-visible:nth-child(2), .release-card.reveal.is-visible:nth-child(3) {
    width: min(100%, 300px);
    transform: none;
  }
  .selected-main { grid-template-columns: 1fr; gap: 26px; max-width: 460px; }
  .selected-copy h3 { max-width: none; }
  .selected-pair { grid-template-columns: 1fr; margin: 0; gap: 64px; max-width: none; }
  .selected-small, .selected-small:nth-child(2), .selected-small.reveal.is-visible:nth-child(2) {
    width: min(100%, 300px);
    transform: none;
  }
  .store-links { justify-content: flex-start; padding-top: 18vh; }
  .ambient-video { filter: blur(16px) saturate(.8) brightness(.76); }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; }
  .ambient-video { transition: none; }
  .reveal, .release-card, .selected-small { opacity: 1; transform: none !important; transition: none; }
}


/* v6 interaction hardening */
a, .cover-link, .selected-cover-link, .listen-link, .store-links {
  position: relative;
  z-index: 20;
  pointer-events: auto;
  cursor: pointer;
}
.video-stage, .video-stage * { pointer-events: none; }
.release-card, .selected-main, .selected-small { position: relative; z-index: 3; }

/* v7: Selected Works are intentionally unnumbered. */
.selected-copy h3, .small-copy h3 { margin-top: 0; }

html,body{overflow-y:auto!important;height:auto!important;min-height:100%!important}
html.tab-enter body{animation:tabPageIn .55s cubic-bezier(.22,.7,.2,1) both}
@keyframes tabPageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.store-links{position:relative;z-index:20;pointer-events:auto!important}.store-links a{position:relative;z-index:21;pointer-events:auto!important}


/* v9 — one calm, automatically updating latest release */
.latest-single{max-width:980px;margin-inline:auto}
.latest-release-card{display:grid;grid-template-columns:minmax(240px,460px) minmax(240px,.75fr);gap:clamp(34px,6vw,92px);align-items:end}
.latest-cover-link{display:block;text-decoration:none;position:relative;z-index:20}
.latest-cover{width:100%;aspect-ratio:1}
.latest-copy{padding-bottom:4px}
.latest-kicker{margin:0 0 16px;text-transform:uppercase;letter-spacing:.20em;font-size:11px;color:var(--muted)}
.latest-copy h3{margin:0 0 12px;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(42px,6vw,86px);font-weight:400;line-height:.95;letter-spacing:-.035em}
.latest-copy .artist-line{margin-bottom:10px}
.release-date{min-height:1em;margin:0 0 28px;color:rgba(240,236,228,.46);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:820px){.latest-release-card{grid-template-columns:1fr;gap:26px;max-width:460px;margin-inline:auto}.latest-copy h3{font-size:clamp(38px,12vw,68px)}}

.latest-cover img{display:block;width:100%;height:100%;object-fit:cover}

/* This Is Dan Bay playlist feature */
.this-is-cover{background:linear-gradient(145deg,rgba(17,17,16,.92),rgba(84,65,48,.78));}
.this-is-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(24px,5vw,52px);background:radial-gradient(circle at 72% 22%,rgba(206,166,120,.27),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.055),transparent 42%);}
.this-is-small{font-size:clamp(20px,3vw,38px);font-family:"Cormorant Garamond",Georgia,serif;line-height:1;color:rgba(240,236,228,.72);}
.this-is-fallback strong{display:block;margin-top:3px;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(58px,8vw,112px);font-weight:400;letter-spacing:-.055em;line-height:.78;}
.spotify-mark{margin-top:clamp(24px,5vw,54px);font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:rgba(240,236,228,.52);}
.this-is-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease;}
.this-is-cover.has-spotify-artwork img{opacity:1;}
.this-is-card{max-width:980px;margin-inline:auto;}