:root{--bg:#05080c;--bg2:#081017;--panel:#0a1117;--gold:#d5a348;--gold-soft:#b98735;--cream:#f0ece5;--muted:#a8a49d;--line:rgba(213,163,72,.34);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--cream);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}.serif,h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.gold{color:var(--gold)}.kicker{color:var(--gold);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}.rule-heart{display:flex;align-items:center;gap:12px;color:var(--gold);max-width:310px;margin:20px auto}.rule-heart::before,.rule-heart::after{content:"";height:1px;background:var(--gold-soft);flex:1;opacity:.8}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:1px solid var(--gold);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;color:#071016;background:var(--gold);font-size:.72rem;font-weight:700;transition:.2s ease;cursor:pointer}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--gold)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,8,12,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(213,163,72,.24)}.header-inner{height:72px;display:flex;align-items:center;gap:28px}.brand{text-decoration:none;color:var(--gold);font-family:Georgia,serif;letter-spacing:.48em;font-size:1.15rem;white-space:nowrap}.main-nav{margin-left:auto;display:flex;gap:28px;align-items:center}.main-nav a{text-decoration:none;font-size:.72rem;letter-spacing:.13em;color:#d9d5ce}.main-nav a:hover,.main-nav a.active{color:var(--gold)}
.socials{display:flex;align-items:center;gap:10px}.social{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:.55rem;font-weight:800;color:white}.spotify{background:#1DB954}.apple{background:#f5f5f5;color:#111}.youtube{background:#FF0000}.instagram{background:linear-gradient(135deg,#833AB4,#FD1D1D,#FCAF45)}.tiktok{background:#111;border:1px solid #25F4EE;box-shadow:1px 0 #FE2C55}.menu-btn{display:none;margin-left:auto;background:none;border:0;color:var(--gold);font-size:1.5rem}.mobile-menu{display:none;background:#071016;border-top:1px solid var(--line);padding:20px 24px}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:12px 0;text-decoration:none;letter-spacing:.12em}.mobile-menu .socials{margin-top:12px}
.page-hero{border-bottom:1px solid var(--line);background:#071016}.page-hero-inner{min-height:350px;display:flex;flex-direction:column;justify-content:center;text-align:center}.page-hero h1{font-size:clamp(2.8rem,5vw,5.2rem);line-height:1;margin:14px 0 10px;letter-spacing:.04em}.page-hero p{max-width:700px;margin:0 auto;color:#c6c0b7;line-height:1.65}.section{padding:68px 0;border-bottom:1px solid rgba(213,163,72,.22)}.section-title{text-align:center;margin-bottom:34px}.section-title h2{font-size:clamp(2rem,3.4vw,3.4rem);margin:8px 0}.section-title p{color:var(--muted);max-width:720px;margin:0 auto;line-height:1.65}
.site-footer{padding:46px 0 28px;background:#04070a;text-align:center}.footer-brand{font-family:Georgia,serif;letter-spacing:.5em;color:var(--gold);font-size:1.3rem}.footer-tag{margin:14px 0 24px;color:#d7d1c8}.footer-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;font-size:.7rem;letter-spacing:.12em}.footer-links a{text-decoration:none;color:var(--muted)}.footer-socials{justify-content:center;margin:20px 0}.copyright{font-size:.72rem;color:#777}

/* HOME */
.home-hero{position:relative;min-height:590px;background-image:linear-gradient(90deg,rgba(4,8,12,.12),rgba(4,8,12,.20)),url('../images/home-hero-clean.jpg');background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;border-bottom:1px solid var(--line)}
.home-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,10,.12),rgba(3,7,10,.16) 48%,rgba(3,7,10,.76))}.home-hero-content{position:relative;z-index:2;width:min(780px,90%);margin-top:110px;text-shadow:0 2px 18px #000}.home-hero h1{font-size:clamp(3rem,6vw,6.2rem);line-height:.95;letter-spacing:.03em;margin:0}.home-hero .sub{font-size:1rem;max-width:620px;margin:18px auto;line-height:1.6;color:#e6e2db}.pillars{display:grid;grid-template-columns:repeat(4,1fr);background:#071016;border-bottom:1px solid var(--line)}.pillar{padding:30px 24px;text-align:center;border-right:1px solid rgba(213,163,72,.18)}.pillar:last-child{border-right:0}.pillar h3{color:var(--gold);font-size:1.1rem;letter-spacing:.05em;margin:9px 0}.pillar p{color:#a9a39b;font-size:.85rem;line-height:1.5;margin:0}
.latest{display:grid;grid-template-columns:420px 1fr;gap:46px;align-items:center}.latest img{width:100%;aspect-ratio:1;object-fit:cover}.latest h2{font-size:clamp(2.3rem,4vw,4rem);margin:8px 0 12px}.latest p{color:#bcb6ae;line-height:1.7;max-width:650px}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.music-card,.story-card{border:1px solid rgba(213,163,72,.25);background:#091117;overflow:hidden}.music-card img,.story-card img{width:100%;aspect-ratio:1;object-fit:cover}.card-body{padding:18px}.card-body h3{margin:2px 0 7px;font-size:1.25rem}.card-body p{color:#9d9891;font-size:.85rem;line-height:1.55}.more-link{display:inline-block;color:var(--gold);text-decoration:none;letter-spacing:.09em;font-size:.72rem;text-transform:uppercase;margin-top:8px}

/* ABOUT */
.about-hero-grid,.split{display:grid;grid-template-columns:1fr 1.1fr;min-height:430px;border-bottom:1px solid var(--line)}.about-copy{padding:58px 7vw;display:flex;flex-direction:column;justify-content:center;background:#071016}.about-copy h1{font-size:clamp(3rem,5vw,5.3rem);line-height:.96;letter-spacing:.05em;margin:16px 0}.about-copy h2{font-size:clamp(2rem,3.8vw,4rem);margin:12px 0;color:var(--gold)}.about-copy p{color:#c3bdb5;line-height:1.7;max-width:630px}.about-img{background-size:cover;background-position:center;min-height:360px}.about-collab{padding:70px 0;text-align:center;background:#071016;border-bottom:1px solid var(--line)}.collab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.collab-card{border:1px solid var(--line);background:#091117;overflow:hidden}.collab-photo{height:280px;background-size:cover;background-position:center}.collab-body{padding:20px}.collab-body h3{color:var(--gold);letter-spacing:.08em;margin:0 0 8px}.about-closing{display:grid;grid-template-columns:1fr 1fr;min-height:340px;background:#071016}

/* SONGS */
.filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.filter-btn{background:transparent;border:1px solid rgba(213,163,72,.25);color:#cfcac2;padding:9px 15px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.filter-btn.active,.filter-btn:hover{border-color:var(--gold);color:var(--gold)}
.songs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.song-card{background:#091117;border:1px solid rgba(213,163,72,.28);overflow:hidden}.song-cover{aspect-ratio:1;background:#060b10;overflow:hidden}.song-cover img{width:100%;height:100%;object-fit:cover}.song-info{padding:18px}.song-info h3{margin:0 0 5px;font-size:1.35rem}.song-meta{color:#8f8a83;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.preview{margin-top:16px}.preview-row{display:flex;align-items:center;gap:10px}.play{width:38px;height:38px;border-radius:50%;border:1px solid var(--gold);background:transparent;color:var(--gold);cursor:pointer;font-size:.85rem}.progress{height:4px;background:#273038;flex:1;position:relative;overflow:hidden}.progress-fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--gold)}.time{font-size:.7rem;color:#aaa;width:62px;text-align:right}.full-listen{border-top:1px solid rgba(213,163,72,.18);margin-top:15px;padding-top:13px;font-size:.72rem;color:#999}.platform-links{display:flex;gap:8px;margin-top:10px}.platform-links a{text-decoration:none;border:1px solid rgba(213,163,72,.28);padding:7px 10px;color:#d8d3cb}.preview-status{font-size:.68rem;color:#8f8a83;margin-top:7px;min-height:1em}

/* STORIES */
.stories-hero{min-height:450px;background:linear-gradient(90deg,rgba(4,8,12,.90),rgba(4,8,12,.35)),url('../images/bench.jpg');background-size:cover;background-position:center;display:flex;align-items:center;border-bottom:1px solid var(--line)}.stories-hero .content{max-width:670px}.stories-hero h1{font-size:clamp(3rem,5.5vw,5.4rem);line-height:1;margin:12px 0}.stories-hero p{line-height:1.7;color:#d3cdc5}.story-list{display:grid;gap:22px}.story-row{display:grid;grid-template-columns:38% 62%;border:1px solid rgba(213,163,72,.25);background:#091117;overflow:hidden}.story-row:nth-child(even){grid-template-columns:62% 38%}.story-row:nth-child(even) .story-photo{order:2}.story-photo{min-height:310px;background-size:cover;background-position:center}.story-copy{padding:38px;display:flex;flex-direction:column;justify-content:center}.story-copy h2{font-size:clamp(2rem,3vw,3rem);margin:8px 0 12px}.story-copy p{color:#aaa59d;line-height:1.65}.story-song{font-size:.72rem;color:var(--gold);letter-spacing:.1em;text-transform:uppercase}.quote-band{padding:72px 20px;text-align:center;background:#071016;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quote-band blockquote{font-family:Georgia,serif;font-size:clamp(1.7rem,3.2vw,3.1rem);line-height:1.3;max-width:950px;margin:0 auto;color:#e9e4dc}.share-cta{padding:78px 20px;text-align:center;background:#05090d}.share-cta h2{font-size:clamp(2.5rem,5vw,4.8rem);margin:8px 0 14px}.share-cta p{max-width:640px;margin:0 auto 28px;color:#aaa59d;line-height:1.7}

/* FORMS */
.form-wrap{max-width:760px;margin:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:.75rem;color:var(--gold);letter-spacing:.08em;margin-bottom:7px}input,textarea,select{width:100%;background:#081017;border:1px solid rgba(213,163,72,.3);color:#eee;padding:13px 14px;font:inherit}textarea{min-height:180px;resize:vertical}.field.full{grid-column:1/-1}

@media(max-width:900px){
.wrap{width:min(100% - 28px,var(--max))}.main-nav,.header-inner>.socials{display:none}.menu-btn{display:block}.header-inner{height:64px}.brand{font-size:1rem;letter-spacing:.4em}
.home-hero{min-height:620px;background-image:linear-gradient(180deg,rgba(3,7,10,.1),rgba(3,7,10,.65)),url('../images/hero-five-artists-mobile.jpg');background-position:center top}.home-hero-content{margin-top:220px}.pillars{grid-template-columns:1fr 1fr}.pillar:nth-child(2){border-right:0}.latest{grid-template-columns:1fr;gap:26px}.latest img{max-width:460px;margin:auto}.card-grid{grid-template-columns:1fr 1fr}
.about-hero-grid,.split,.about-closing{grid-template-columns:1fr}.about-img{min-height:310px}.about-hero-grid .about-img{order:-1}.split.tech .about-img{order:-1}.collab-grid{grid-template-columns:1fr}.collab-photo{height:330px}
.songs-grid{grid-template-columns:1fr 1fr}.story-row,.story-row:nth-child(even){grid-template-columns:1fr}.story-row:nth-child(even) .story-photo{order:0}.story-photo{min-height:260px}
}
@media(max-width:600px){.section{padding:50px 0}.card-grid,.songs-grid,.form-grid{grid-template-columns:1fr}.pillars{grid-template-columns:1fr}.pillar{border-right:0;border-bottom:1px solid rgba(213,163,72,.15)}.home-hero h1{font-size:3.1rem}.page-hero-inner{min-height:280px}.story-copy{padding:26px}}


/* V1.1 — INTERIOR PAGE VISUAL SYSTEM
   Homepage keeps the five-artist hero.
   Interior pages use a distinct CIEVA "sound room" atmosphere: no bench image. */
.page-hero,
.stories-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 30%, rgba(213,163,72,.12), transparent 0 18%, transparent 34%),
    radial-gradient(circle at 18% 75%, rgba(213,163,72,.055), transparent 0 13%, transparent 30%),
    linear-gradient(115deg,#05090d 0%,#081118 46%,#0a1116 72%,#04070a 100%);
}
.page-hero::before,
.stories-hero::before{
  content:"";
  position:absolute;
  inset:-15%;
  pointer-events:none;
  opacity:.34;
  background:
    repeating-linear-gradient(90deg, transparent 0 62px, rgba(213,163,72,.045) 63px, transparent 64px),
    linear-gradient(104deg, transparent 0 57%, rgba(213,163,72,.09) 57.2%, transparent 57.6%);
  transform:perspective(700px) rotateX(8deg);
}
.page-hero::after,
.stories-hero::after{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:8%;
  top:50%;
  transform:translateY(-50%);
  border:1px solid rgba(213,163,72,.12);
  border-radius:50%;
  box-shadow:
    0 0 0 34px rgba(213,163,72,.025),
    0 0 0 70px rgba(213,163,72,.018),
    0 0 90px rgba(213,163,72,.07);
  pointer-events:none;
}
.page-hero-inner,
.stories-hero .wrap{
  position:relative;
  z-index:2;
}
.stories-hero{
  min-height:450px;
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 78% 30%, rgba(213,163,72,.12), transparent 0 18%, transparent 34%),
    radial-gradient(circle at 18% 75%, rgba(213,163,72,.055), transparent 0 13%, transparent 30%),
    linear-gradient(115deg,#05090d 0%,#081118 46%,#0a1116 72%,#04070a 100%);
}
@media(max-width:700px){
  .page-hero::after,.stories-hero::after{width:150px;height:150px;right:-35px;opacity:.65}
}


/* =========================================================
   V1.2 LANDING PAGE HERO FIX
   Single visual layer only — no duplicate headline/copy.
   ========================================================= */
.home-hero{
  position:relative;
  min-height:590px;
  overflow:hidden;
  background-image:
    linear-gradient(180deg,rgba(3,7,10,.08),rgba(3,7,10,.16) 48%,rgba(3,7,10,.76)),
    url('../images/home-hero-clean.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.home-hero::before{content:none!important;display:none!important}
.home-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(3,7,10,.06),rgba(3,7,10,.10) 46%,rgba(3,7,10,.72))!important;
  pointer-events:none!important;
}
.home-hero-content{
  position:relative!important;
  z-index:2!important;
  width:min(760px,90%)!important;
  margin:120px auto 0!important;
  text-shadow:0 2px 18px #000!important;
}
.home-hero-content h1{
  font-size:clamp(3rem,5.2vw,5.6rem)!important;
  line-height:.96!important;
  margin:0!important;
  letter-spacing:.03em!important;
}
.home-hero-content .sub{
  max-width:640px!important;
  margin:18px auto!important;
  line-height:1.6!important;
}
@media(max-width:900px){
  .home-hero{
    min-height:620px!important;
    background-image:
      linear-gradient(180deg,rgba(3,7,10,.08),rgba(3,7,10,.58)),
      url('../images/hero-five-artists-mobile.jpg')!important;
    background-position:center top!important;
  }
  .home-hero-content{
    margin-top:220px!important;
    width:min(92%,640px)!important;
  }
}


/* ============================================================
   CIEVA V2 — CLEAN LANDING + STATIONARY INTERIOR BACKGROUND
   ============================================================ */

/* Landing hero: artwork only, no baked logo/text. */
.home-hero{
  position:relative!important;
  min-height:560px!important;
  background:
    linear-gradient(180deg,rgba(4,8,12,.06),rgba(4,8,12,.20) 52%,rgba(4,8,12,.74)),
    url('../images/home-hero-clean.jpg')!important;
  background-size:cover!important;
  background-position:center 42%!important;
  background-repeat:no-repeat!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
}
.home-hero::before{content:none!important;display:none!important}
.home-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(4,8,12,.05),rgba(4,8,12,.10) 45%,rgba(4,8,12,.72))!important;
  pointer-events:none!important;
}
.home-hero-content{
  position:relative!important;
  z-index:3!important;
  width:min(780px,90%)!important;
  margin:110px auto 0!important;
}
.home-hero-content .kicker{display:block!important}
.home-hero-content h1{
  font-size:clamp(3rem,5.2vw,5.7rem)!important;
  line-height:.96!important;
  margin:0!important;
}
.home-hero-content .sub{
  max-width:650px!important;
  margin:18px auto!important;
  line-height:1.6!important;
}

/* Interior pages share a fixed atmospheric background.
   Header/footer remain normal HTML and are not baked into the art. */
body.interior-page{
  background:#05080c url('../images/interior-atmosphere.jpg') center center / cover fixed no-repeat!important;
}
body.interior-page main{
  background:rgba(5,8,12,.78);
}
body.interior-page .page-hero,
body.interior-page .stories-hero,
body.interior-page .section,
body.interior-page .about-hero-grid,
body.interior-page .split,
body.interior-page .about-collab,
body.interior-page .about-closing,
body.interior-page .quote-band,
body.interior-page .share-cta{
  background-color:rgba(6,10,14,.72)!important;
  backdrop-filter:blur(2px);
}
body.interior-page .page-hero,
body.interior-page .stories-hero{
  background-image:none!important;
}
body.interior-page .page-hero::before,
body.interior-page .page-hero::after,
body.interior-page .stories-hero::before,
body.interior-page .stories-hero::after{
  content:none!important;
  display:none!important;
}

/* Latest release presentation */
.latest-release-v2{
  display:grid;
  grid-template-columns:minmax(280px,420px) 1fr;
  gap:46px;
  align-items:center;
}
.latest-release-v2 img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border:1px solid rgba(213,163,72,.28);
}
.latest-release-v2 h2{font-size:clamp(2.4rem,4vw,4.2rem);margin:8px 0 14px}
.latest-release-v2 p{color:#bcb6ae;line-height:1.7;max-width:650px}

/* Story detail pages */
.story-detail{
  max-width:900px;
  margin:auto;
  background:rgba(7,12,17,.78);
  border:1px solid rgba(213,163,72,.22);
  padding:42px;
}
.story-detail p{line-height:1.75;color:#c4beb6}
.story-detail h2{font-size:clamp(2rem,3vw,3.4rem);margin:6px 0 20px}

@media(max-width:900px){
  .home-hero{
    min-height:620px!important;
    background:
      linear-gradient(180deg,rgba(4,8,12,.06),rgba(4,8,12,.60)),
      url('../images/home-hero-clean.jpg')!important;
    background-size:auto 100%!important;
    background-position:center top!important;
  }
  .home-hero-content{margin-top:220px!important}
  .latest-release-v2{grid-template-columns:1fr;gap:26px}
  .latest-release-v2 img{max-width:460px;margin:auto}
  body.interior-page{background-attachment:scroll!important}
}


/* ==========================================================
   V2.2 REBUILD — source images only, no sample-page screenshots
   ========================================================== */

/* Proper header signature rendered in HTML/CSS */
.brand.cieva-wordmark{
  width:126px!important;
  min-width:126px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  text-decoration:none!important;
  letter-spacing:0!important;
}
.cieva-word{
  font-family:Georgia,"Times New Roman",serif!important;
  color:var(--gold)!important;
  font-size:1.12rem!important;
  letter-spacing:.42em!important;
  padding-left:.42em!important;
  line-height:1!important;
}
.cieva-signature{
  width:90px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  color:var(--gold)!important;
}
.sig-line{
  height:1px!important;
  background:var(--gold)!important;
  flex:1!important;
  opacity:.9!important;
}
.sig-heart{
  font-size:.63rem!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
}

/* Approved homepage scale: wide, full artist lineup, heads not chopped */
.home-hero{
  min-height:590px!important;
  background:
    linear-gradient(180deg,rgba(4,8,12,.04),rgba(4,8,12,.08) 46%,rgba(4,8,12,.70)),
    url('../images/home-hero-clean.jpg')!important;
  background-size:cover!important;
  background-position:center 36%!important;
  background-repeat:no-repeat!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  position:relative!important;
  overflow:hidden!important;
}
.home-hero::before{content:none!important;display:none!important}
.home-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(4,8,12,0),rgba(4,8,12,.03) 48%,rgba(4,8,12,.62))!important;
  pointer-events:none!important;
}
.home-hero-content{
  width:min(760px,90%)!important;
  position:relative!important;
  z-index:2!important;
  margin:135px auto 0!important;
  text-shadow:0 2px 18px #000!important;
}
.home-hero-content h1{
  font-size:clamp(2.9rem,4.8vw,5.3rem)!important;
  line-height:.96!important;
  margin:0!important;
}
.home-hero-content .sub{
  max-width:640px!important;
  margin:16px auto!important;
  line-height:1.55!important;
}

/* Interior stationary background remains image-only; normal HTML content over it */
body.interior-page{
  background:#05080c url('../images/interior-atmosphere.jpg') center center / cover fixed no-repeat!important;
}
body.interior-page main{background:rgba(5,8,12,.72)!important}

/* Keep footer exactly as an HTML footer, not part of any image asset */
.site-footer{position:relative!important;z-index:2!important;background:#04070a!important}

@media(max-width:900px){
  .brand.cieva-wordmark{width:108px!important;min-width:108px!important}
  .cieva-word{font-size:1rem!important}
  .cieva-signature{width:76px!important}
  .home-hero{
    min-height:620px!important;
    background-size:auto 100%!important;
    background-position:center top!important;
  }
  .home-hero-content{margin-top:230px!important}
}


/* ==========================================================
   V2.4 MOCKUP MATCH — HERO LOCK
   One visual layer only. No duplicate HTML hero copy.
   The source hero has NO CIEVA logo/heart above singer one.
   ========================================================== */
.home-hero-static{
  position:relative;
  width:100%;
  background:#05080c;
  border-bottom:1px solid var(--line);
  overflow:hidden;
}
.home-hero-static img{
  width:100%;
  height:auto;
  display:block;
}
.hero-static-cta{
  position:absolute;
  /* baked CTA location in original 1536x472 hero */
  left:43.2%;
  top:89.2%;
  width:13.1%;
  height:8.0%;
  z-index:4;
  cursor:pointer;
  display:block;
}
.hero-static-cta:focus{
  outline:2px solid var(--gold);
  outline-offset:2px;
}

@media(max-width:900px){
  .home-hero-static{
    overflow:hidden;
  }
  .home-hero-static img{
    width:100%;
    height:auto;
  }
}

/* ==========================================================
   V2.5 — CATALOGUE + ABOUT + MASTER LOGO LOCK
   ========================================================== */

/* Exact ML asset: mechanically extracted from the supplied master PNG.
   Never rebuilt with HTML typography. */
.master-brand{
  width:132px!important;
  min-width:132px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  padding:0!important;
  letter-spacing:0!important;
}
.master-brand img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:48px!important;
  object-fit:contain!important;
}
.footer-master-logo{
  width:min(260px,72vw)!important;
  height:auto!important;
  margin:0 auto 16px!important;
  display:block!important;
}

/* Catalogue cards use supplied covers exactly; no crop beyond square card frame. */
.song-desc{color:#aaa59d;line-height:1.55;min-height:2.45em}
.latest-stories .story-card img{object-fit:cover;object-position:center}

/* About page — clean standalone photo crops, no screenshot UI/text baked into sections. */
body.about-page{background:#05080c!important}
body.about-page main{background:#05080c!important}
body.about-page .about-hero-grid,
body.about-page .split,
body.about-page .about-collab,
body.about-page .about-closing{
  background:#071016!important;
  backdrop-filter:none!important;
}
body.about-page .about-hero-grid,
body.about-page .split{
  min-height:470px;
}
body.about-page .about-img{
  min-height:430px;
  background-repeat:no-repeat;
  background-color:#05080c;
}
body.about-page .about-hero-grid .about-img{background-position:center center}
body.about-page .split:not(.tech) .about-img{background-position:center center}
body.about-page .split.tech .about-img{background-position:center center}
body.about-page .about-copy h2{color:var(--cream);font-size:clamp(2rem,3.3vw,3.5rem)}
body.about-page .rule-heart.left{margin-left:0;margin-right:auto}
body.about-page .about-collab h2{color:var(--cream);font-size:clamp(2.2rem,3.5vw,3.7rem);margin:10px 0 6px}
body.about-page .about-lead{max-width:850px;margin:10px auto 0;color:#bbb5ad;line-height:1.7}
body.about-page .about-collab-note{max-width:850px;margin:28px auto;color:#aaa49c;line-height:1.7}
body.about-page .collab-grid{max-width:1040px;margin:34px auto 0}
body.about-page .collab-card{background:#091117;border-color:rgba(213,163,72,.42)}
body.about-page .collab-photo{height:235px;background-size:cover;background-position:center}
body.about-page .collab-body{padding:21px 18px 24px}
body.about-page .collab-body p{color:#d0cac2;line-height:1.45;margin:0}
body.about-page .about-closing .about-img{background-position:center center}
body.about-page .about-closing h2{color:var(--cream);font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15}

@media(max-width:900px){
  .master-brand{width:112px!important;min-width:112px!important}
  .master-brand img{max-height:42px!important}
  body.about-page .about-img{min-height:330px}
  body.about-page .collab-photo{height:285px}
}

/* V2.6 — About image framing: show more of each source image, no zoomed cover crop */
body.about-page .about-img{
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:#05090d!important;
  min-height:430px!important;
}
body.about-page .collab-photo{
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:#05090d!important;
  height:270px!important;
}
@media(max-width:900px){
  body.about-page .about-img{min-height:340px!important}
  body.about-page .collab-photo{height:300px!important}
}

/* V2.7 desktop sizing + native collaboration imagery */
@media (min-width:901px){
 body.about-page .about-hero-grid,body.about-page .split{min-height:360px!important;max-height:430px!important}
 body.about-page .about-img{min-height:360px!important}
 body.about-page .about-copy{padding:38px 5vw!important}
 body.about-page .about-copy h1{font-size:clamp(2.7rem,4.1vw,4.4rem)!important}
 body.about-page .about-copy h2{font-size:clamp(1.8rem,2.7vw,2.8rem)!important}
 body.about-page .about-copy p{line-height:1.55!important;font-size:.94rem!important}
 body.about-page .about-collab{padding:48px 0!important}
 body.about-page .collab-grid{margin-top:24px!important}
 body.about-page .collab-photo{height:170px!important;background-size:cover!important;background-position:center!important}
 body.about-page .collab-body{padding:16px!important}
 body.about-page .about-closing{min-height:300px!important;max-height:360px!important}
}

/* V2.9 — LOCKED ML DISPLAY. Exact supplied ML pixels on transparent crop. */
.master-brand{
  width:118px!important;
  min-width:118px!important;
  height:52px!important;
  overflow:visible!important;
}
.master-brand img{
  width:118px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}
.footer-master-logo{
  width:min(250px,64vw)!important;
  height:auto!important;
  max-height:none!important;
}
@media(max-width:900px){
  .master-brand{width:104px!important;min-width:104px!important;height:46px!important}
  .master-brand img{width:104px!important;max-height:none!important}
}

/* STORIES FINAL v1 */
.stories-v1{background:#05080c}.stories-shared-header{position:sticky;top:0;z-index:50;background:rgba(4,7,10,.96);border-bottom:1px solid var(--line)}.stories-header-inner{min-height:76px;width:min(var(--max),calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:28px}.stories-ml{width:165px;height:54px;display:flex;align-items:center;overflow:hidden}.stories-ml img{width:100%}.stories-header-inner nav{margin-left:auto;display:flex;gap:28px}.stories-header-inner nav a,.stories-footer-links a{text-decoration:none;color:#ddd8d0;font-size:12px;letter-spacing:.12em}.stories-header-inner nav a.active{color:var(--gold)}
.social-icons{display:flex;gap:8px}.stories-header-inner .social-icons{margin-left:6px}.si{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.si svg{width:18px;height:18px}.si.spotify{background:#1DB954}.si.spotify svg circle{fill:#1DB954}.si.spotify svg path{fill:#000}.si.apple{background:#fff}.si.apple svg path{fill:#111}.si.youtube{background:#f00}.si.youtube svg path{fill:#fff}.si.instagram{background:radial-gradient(circle at 30% 110%,#fdf497 0 5%,#fd5949 35%,#d6249f 60%,#285AEB 100%)}.si.instagram svg path{fill:#fff}.si.tiktok{background:#111}.si.tiktok svg path{fill:#fff}
.maybe-story-hero{width:92%;max-width:1536px;margin:auto;display:grid;grid-template-columns:42% 58%;min-height:520px;border-bottom:1px solid var(--line);overflow:hidden}.maybe-hero-copy{padding:60px 28px 60px 18px;display:flex;flex-direction:column;justify-content:center}.maybe-hero-copy h1{font-size:clamp(2.8rem,4.4vw,5.1rem);line-height:1.02;margin:12px 0 18px}.maybe-hero-copy p{max-width:540px;color:#d1cbc3;line-height:1.65;margin-bottom:26px}.maybe-hero-art{position:relative;overflow:hidden}.maybe-hero-art img{width:100%;height:100%;object-fit:cover;display:block}.maybe-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05080c,transparent 32%)}
.all-stories{background:#05080c}.all-stories .section-title{text-align:left;margin-bottom:30px}.all-stories .section-title h2{font-size:clamp(2.5rem,4vw,4.2rem);margin:5px 0}.all-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.all-story-card{border:1px solid rgba(213,163,72,.25);background:#091117;overflow:hidden}.all-story-card img{width:100%;aspect-ratio:1;object-fit:cover}.all-story-copy{padding:24px}.all-story-copy h2{font-size:1.75rem;margin:7px 0 10px}.all-story-copy p{color:#aaa59d;line-height:1.6;min-height:76px}
.stories-shared-footer{text-align:center;padding:46px 24px 34px;background:#04070a;border-top:1px solid var(--line)}.stories-shared-footer>img{width:190px;margin:0 auto 18px}.stories-footer-line{font-family:Georgia,serif;letter-spacing:.08em;font-size:17px}.stories-shared-footer .social-icons{justify-content:center;margin:18px auto 2px}.stories-footer-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:22px 0 13px}.stories-shared-footer small{color:#777}
@media(max-width:900px){.stories-header-inner nav,.stories-header-inner>.social-icons{display:none}.stories-header-inner{width:calc(100% - 28px)}.stories-header-inner .menu-btn{display:block;margin-left:auto}.maybe-story-hero{width:100%;grid-template-columns:1fr}.maybe-hero-copy{padding:44px 24px}.maybe-hero-art{min-height:420px}.all-story-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.all-story-grid{grid-template-columns:1fr}}
@media (min-width:901px) and (max-width:1024px) and (hover:none) and (pointer:coarse){.stories-header-inner nav,.stories-header-inner>.social-icons{display:none}.stories-header-inner{width:calc(100% - 28px)}.stories-header-inner .menu-btn{display:block;margin-left:auto}}
.catalogue-heading--secondary{margin-top:84px}
.released-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.released-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.released-grid{grid-template-columns:1fr}}
.card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.card-actions a,.card-actions .listen-action{border:1px solid rgba(213,163,72,.42);background:transparent;color:var(--gold);font-size:.66rem;letter-spacing:.06em;padding:8px 9px;text-decoration:none;text-transform:uppercase}.card-actions .listen-action{font-family:inherit;cursor:pointer}.card-actions a:hover,.card-actions .listen-action:hover{background:rgba(213,163,72,.12)}

/* Story cards use the same cover and bottom-aligned action rhythm as Songs and Home. */
.all-story-grid{align-items:stretch}
.all-story-card{display:flex;flex-direction:column}
.all-story-copy{display:flex;flex:1;flex-direction:column}
.all-story-copy p{margin-bottom:18px}
.all-story-copy .card-actions{margin-top:auto;padding-top:10px}
.card-actions{gap:7px}.card-actions a,.card-actions .listen-action{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;background:transparent;border:1px solid var(--gold);color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.08em}.card-actions a:hover,.card-actions .listen-action:hover{background:transparent;color:var(--gold);filter:brightness(1.15)}
.all-story-copy .more-link{margin-top:18px}
.story-read-btn{display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:18px;padding:0 18px;background:linear-gradient(135deg,#e1ac45,#c67b22);border:1px solid #efc367;color:#15100a;font-size:.72rem;font-weight:700;letter-spacing:.11em;text-decoration:none;text-transform:uppercase}.story-read-btn:hover{filter:brightness(1.08)}
.read-story-link{display:inline-block;margin-top:18px;color:var(--gold);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.read-story-link:hover{text-decoration:underline}
.story-cover-link{display:block}