/* ========================================================================
   ENDLM — WHAT WE LEAVE BEHIND · CINEMATIC WORLD
   Oct 2026
   This layer intentionally overrides the original layout without removing
   its content, accessibility, players, forms, metadata, or JS behavior.
   ======================================================================== */
:root{
  --void:#050405;
  --night:#08090b;
  --coal:#0d0b0b;
  --bone:#f4eee8;
  --bone-dim:#d3c5bd;
  --bone-mute:#9f8d84;
  --copper:#e6a273;
  --copper-light:#ffd1ad;
  --copper-deep:#9b5e3c;
  --crimson:#9a1328;
  --rose:#d5374f;
  --gold:#f3b26f;
  --line:rgba(255,221,194,.14);
  --line-strong:rgba(255,221,194,.28);
  --glass:rgba(6,5,6,.48);
  --glass-dark:rgba(4,3,4,.72);
  --ease:cubic-bezier(.2,.7,0,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --container:1440px;
}

html{background:#030304;scroll-behavior:smooth}
body{
  color:var(--bone);
  background:#050405;
  font-family:'Fraunces',Georgia,serif;
  overflow-x:hidden;
}
body::before{
  opacity:.045!important;
  mix-blend-mode:screen;
}
body::after{
  background:
    radial-gradient(110% 85% at 50% 35%,transparent 48%,rgba(0,0,0,.58) 100%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.30));
}
::selection{background:var(--copper);color:#100a07}

/* ------------------------------------------------------------------------
   GLOBAL FILM LANGUAGE
   ------------------------------------------------------------------------ */
.display{font-family:'Fraunces',Georgia,serif;letter-spacing:-.035em}
.italic{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.mono,.mono-sm{font-family:'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase}
.section-label{
  color:var(--copper-light)!important;
  letter-spacing:.28em!important;
  text-transform:uppercase;
}
.section-label::before{background:linear-gradient(90deg,var(--copper),transparent)!important}

.btn,.nav-cta,.mobile-menu-cta{
  border-radius:0!important;
  font-family:'JetBrains Mono',monospace!important;
  text-transform:uppercase!important;
  letter-spacing:.13em!important;
  font-size:9px!important;
  font-weight:500!important;
  min-height:44px;
  padding:13px 18px!important;
  background:rgba(7,6,6,.36)!important;
  border:1px solid rgba(255,216,183,.34)!important;
  color:#fff4ea!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 12px 40px rgba(0,0,0,.14);
  transition:transform .35s var(--ease-out),background .35s,border-color .35s,box-shadow .35s!important;
}
.btn:hover,.nav-cta:hover,.mobile-menu-cta:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,rgba(178,76,42,.94),rgba(110,16,31,.96))!important;
  border-color:rgba(255,216,183,.72)!important;
  color:white!important;
  box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 38px rgba(182,50,48,.15);
}
.btn-primary,.btn-warm{background:linear-gradient(135deg,#bd5d39,#761426)!important;border-color:rgba(255,199,156,.58)!important}
.btn-ghost,.btn-light{background:rgba(7,6,6,.28)!important}

/* metallic hairline ornament */
.home-page section:not(.hero)::after,.page-lyrics .content::after,.page-contact .content::after,.page-sheets main::after{
  content:"";
  position:absolute;
  left:50%;bottom:0;
  width:min(92vw,1380px);height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(232,161,111,.45) 15%,rgba(232,161,111,.16) 50%,rgba(232,161,111,.45) 85%,transparent);
  pointer-events:none;
}

/* ------------------------------------------------------------------------
   NAV — part of the artwork, not a SaaS header
   ------------------------------------------------------------------------ */
.nav{
  padding:15px clamp(18px,3vw,48px)!important;
  min-height:70px;
  background:linear-gradient(180deg,rgba(2,3,4,.80),rgba(2,3,4,.20))!important;
  border:0!important;
  border-bottom:1px solid rgba(255,222,196,.10)!important;
  backdrop-filter:blur(14px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.15)!important;
}
.nav.scrolled{background:rgba(3,4,5,.90)!important;box-shadow:0 15px 45px rgba(0,0,0,.25)}
.nav-logo{
  width:180px!important;height:42px!important;
  padding:0!important;margin:0!important;
  background:url('cinematic/endlm-logo.png') center/contain no-repeat!important;
  font-size:0!important;line-height:0!important;
  filter:drop-shadow(0 4px 18px rgba(0,0,0,.5));
}
.nav-logo>*{display:none!important}
.nav-links{gap:clamp(12px,1.8vw,28px)!important}
.nav-links a{
  color:rgba(255,241,230,.82)!important;
  font-family:'JetBrains Mono',monospace!important;
  font-size:9px!important;
  letter-spacing:.18em!important;
  text-transform:uppercase;
}
.nav-links a::after{background:var(--copper)!important}
.nav-cta{padding-inline:16px!important;background:rgba(14,8,8,.38)!important}

/* mobile nav becomes a cinematic curtain */
.mobile-menu{background:#050405!important}
.mobile-menu-bg{
  background:
    linear-gradient(90deg,rgba(3,3,4,.82),rgba(3,3,4,.40)),
    url('cinematic/hero-world.webp') center/cover no-repeat!important;
  opacity:1!important;
}
.mobile-menu-links a{color:#fff0e6!important}
.mm-num{color:var(--copper)!important}

/* ------------------------------------------------------------------------
   HOME HERO — ONE IMMERSIVE SCENE
   ------------------------------------------------------------------------ */
.hero.hero-wwlb{
  min-height:100svh!important;
  padding:94px 24px 28px!important;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#070708!important;
}
.hero.hero-wwlb::before{
  content:"";position:absolute;inset:0;z-index:-4;
  background:url('cinematic/hero-world.webp') center 45%/cover no-repeat;
  transform:scale(1.018);
  animation:endlmKenBurns 22s ease-in-out infinite alternate;
}
.hero.hero-wwlb::after{
  content:"";position:absolute;inset:0;z-index:-3;clip-path:none!important;
  background:
    linear-gradient(180deg,rgba(2,3,5,.50) 0%,rgba(2,3,5,.06) 24%,rgba(2,3,5,.08) 56%,rgba(3,2,3,.76) 100%),
    radial-gradient(55% 72% at 50% 45%,transparent 20%,rgba(0,0,0,.16) 74%,rgba(0,0,0,.44) 100%);
}
@keyframes endlmKenBurns{from{transform:scale(1.018) translate3d(0,0,0)}to{transform:scale(1.065) translate3d(-.5%,.35%,0)}}
.hero-bg{display:none!important}
.hero-top,.hero-bottom{display:none!important}
.hero-wwlb .hero-main.wwlb-hero{
  width:min(1240px,100%);
  margin:0 auto!important;
  min-height:calc(100svh - 128px);
  padding:4vh 0 0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-areas:"copy" "pair" "listen"!important;
  align-content:center!important;
  justify-items:center!important;
  gap:clamp(22px,3vh,38px)!important;
  text-align:center;
}
.wwlb-copy{grid-area:copy!important;display:flex;flex-direction:column;align-items:center;position:relative;z-index:4}
.wwlb-artist{
  font-size:0!important;
  width:clamp(270px,36vw,550px);height:clamp(60px,8vw,118px);
  margin:0 0 8px!important;
  background:url('cinematic/endlm-logo.png') center/contain no-repeat;
  filter:drop-shadow(0 14px 34px rgba(0,0,0,.50));
}
.wwlb-artist::after{display:none!important}
.hero-title.wwlb-title{
  font-size:clamp(48px,5.7vw,94px)!important;
  line-height:.82!important;
  margin:0!important;
  color:#fff8f3!important;
  text-shadow:0 12px 42px rgba(0,0,0,.82);
}
.wwlb-title .line:first-child{font-size:.45em;letter-spacing:.23em;text-transform:uppercase;margin-bottom:.22em}
.wwlb-title .line:first-child span{font-family:'JetBrains Mono',monospace;font-weight:400}
.wwlb-title .italic{color:#ffd0ad!important;font-size:1.42em;letter-spacing:-.02em}
.wwlb-title .italic::after{display:none!important}
.wwlb-status{margin:18px 0 0!important;gap:16px!important;justify-content:center!important}
.wwlb-out{
  padding:7px 11px!important;border:1px solid rgba(255,207,171,.35)!important;
  color:#ffe6d2!important;background:rgba(52,12,17,.36)!important;border-radius:0!important;
  backdrop-filter:blur(9px);
}
.wwlb-dates{color:rgba(255,239,226,.80)!important;font-size:10px!important;letter-spacing:.16em!important;text-transform:uppercase}
.wwlb-tagline{font-family:'JetBrains Mono',monospace!important;text-transform:uppercase;letter-spacing:.27em!important;font-size:10px!important;color:#ffceb0!important;margin-top:15px!important;max-width:none!important}

.wwlb-pair{
  grid-area:pair!important;
  width:min(650px,82vw)!important;
  max-width:none!important;
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:clamp(16px,2.5vw,30px)!important;
  align-items:end!important;
  perspective:1800px;
}
.wwlb-card{min-width:0!important;filter:drop-shadow(0 24px 38px rgba(0,0,0,.48))}
.wwlb-card::before{display:none!important}
.wwlb-card .art{
  border:1px solid rgba(255,217,188,.32)!important;
  border-radius:0!important;
  box-shadow:0 28px 80px rgba(0,0,0,.54),0 0 40px rgba(175,37,45,.11)!important;
  transform:rotateY(4deg) rotateZ(-.7deg)!important;
  overflow:hidden;
}
.wwlb-card.is-unplugged .art{transform:rotateY(-4deg) rotateZ(.7deg)!important}
.wwlb-card .art:hover{transform:translateY(-8px) rotateY(0) rotateZ(0) scale(1.015)!important}
.art-tile{display:none!important}
.wwlb-card .art img,.af-art img{width:100%!important;height:auto!important;display:block!important;object-fit:cover!important}
.wwlb-card-meta{text-align:left!important;padding-top:11px!important;color:#fff!important}
.wwlb-side{color:#f0ac80!important;font-size:8px!important;letter-spacing:.18em!important;text-transform:uppercase}
.wwlb-card-title{font-size:clamp(13px,1.25vw,18px)!important;line-height:1.1!important;margin:4px 0!important;color:#fff7f0!important}
.wwlb-card-date{font-size:8px!important;color:rgba(255,238,226,.66)!important;letter-spacing:.12em!important;text-transform:uppercase}
.wwlb-card-actions{display:flex!important;gap:7px!important;margin-top:9px!important}
.wwlb-card-actions .btn{flex:1!important;padding:9px 7px!important;min-height:36px!important;font-size:7.5px!important}
.wwlb-listen{grid-area:listen!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;margin:0!important}
.wwlb-listen::after{content:"SCROLL TO EXPLORE ↓";font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:.26em;color:rgba(255,229,210,.72);margin-top:4px}
.wwlb-yt-note{font-size:8px!important;text-transform:uppercase;letter-spacing:.16em!important;color:rgba(255,233,218,.64)!important}

/* subtle cinematic particle/petal motif */
.hero-main::before,.hero-main::after{
  content:"";position:absolute;width:9px;height:18px;border-radius:80% 20% 70% 30%;background:#8f1329;opacity:.55;filter:blur(.3px);pointer-events:none;z-index:3;
  animation:petalDrift 9s ease-in-out infinite;
}
.hero-main::before{left:7%;top:34%;transform:rotate(28deg)}
.hero-main::after{right:9%;top:22%;width:7px;height:15px;animation-delay:-4s;transform:rotate(-18deg)}
@keyframes petalDrift{0%,100%{translate:0 0;rotate:0deg}50%{translate:24px 58px;rotate:110deg}}

/* ticker becomes a restrained record-era strip */
.ticker{position:relative;background:rgba(7,4,5,.96)!important;border-top:1px solid rgba(231,160,109,.24)!important;border-bottom:1px solid rgba(231,160,109,.24)!important;color:#f6dbc7!important}
.ticker-track{padding:10px 0!important}
.ticker-item{color:rgba(250,222,202,.73)!important;font-size:8px!important;letter-spacing:.18em!important;text-transform:uppercase}
.ticker-item .italic{color:#ffc49a!important}
.ticker-item::after{color:#a95d43!important}

/* ------------------------------------------------------------------------
   ALBUM WORLDS — FULL BLEED / EMBEDDED IN THE ART
   ------------------------------------------------------------------------ */
.album-feature{
  position:relative!important;
  isolation:isolate;
  padding:clamp(100px,11vw,170px) clamp(22px,4vw,64px)!important;
  min-height:100svh;
  overflow:hidden;
  color:#fff3e9!important;
  background:#050405!important;
}
.album-feature::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:-3!important;opacity:1!important;
  background:url('cinematic/dark-world.webp') center/cover no-repeat!important;
}
.album-feature::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;
  background:linear-gradient(90deg,rgba(2,2,3,.44) 0%,rgba(2,2,3,.58) 44%,rgba(2,2,3,.89) 72%,rgba(2,2,3,.94) 100%)!important;
  writing-mode:initial!important;transform:none!important;
}
.album-feature.is-unplugged::before{background:url('cinematic/warm-world.webp') center/cover no-repeat!important}
.album-feature.is-unplugged::after{
  background:linear-gradient(90deg,rgba(15,8,6,.52) 0%,rgba(15,8,6,.30) 42%,rgba(17,8,6,.76) 70%,rgba(11,6,5,.90) 100%)!important;
}
.af-inner{
  width:min(1380px,100%)!important;margin:0 auto!important;
  display:grid!important;grid-template-columns:minmax(340px,.84fr) minmax(0,1.16fr)!important;
  gap:clamp(54px,7vw,110px)!important;align-items:start!important;position:relative;z-index:2;
}
.af-art-col{position:sticky!important;top:110px!important;align-self:start!important;z-index:2}
.af-art-col::before{
  content:""!important;position:absolute!important;inset:-8% -12%!important;z-index:-1!important;border-radius:50%!important;
  background:radial-gradient(circle,rgba(184,38,43,.24),transparent 66%)!important;filter:blur(28px)!important;opacity:1!important;
}
.is-unplugged .af-art-col::before{background:radial-gradient(circle,rgba(240,174,117,.22),transparent 65%)!important}
.af-art{
  border-radius:0!important;overflow:hidden!important;border:1px solid rgba(255,216,183,.27)!important;
  box-shadow:0 42px 120px rgba(0,0,0,.62),0 0 0 12px rgba(0,0,0,.06)!important;
}
.af-caption{font-family:'JetBrains Mono',monospace!important;text-transform:uppercase;letter-spacing:.20em!important;font-size:8px!important;color:rgba(255,227,209,.62)!important;margin-top:16px!important}
.af-body{padding-top:6px!important;color:#fff3e9!important}
.album-feature.is-unplugged,.album-feature.is-unplugged .af-body,.album-feature.is-unplugged .af-title,.album-feature.is-unplugged .af-lede,.album-feature.is-unplugged .af-lede p{color:#fff5ec!important}
.album-feature.is-unplugged .section-label{color:#ffc79e!important}
.af-title{font-size:clamp(52px,6.2vw,102px)!important;line-height:.82!important;color:#fff5ee!important;margin:16px 0 26px!important;text-shadow:0 15px 45px rgba(0,0,0,.45)}
.af-title .italic{color:#f1ac7b!important;text-shadow:0 0 28px rgba(218,100,73,.16)!important}
.af-title .af-pre{display:block!important;color:#fff5ee!important;font-size:.46em!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-family:'JetBrains Mono',monospace!important;margin-bottom:14px!important}
.af-lede,.af-lede p{font-size:clamp(18px,1.8vw,27px)!important;line-height:1.45!important;color:rgba(255,239,227,.84)!important;max-width:720px!important}
.af-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:26px 0 36px!important}
.player{margin:0 0 38px!important;padding:0!important}
.player-head{border-top:1px solid rgba(255,217,188,.18)!important;padding-top:19px!important}
.player-label{color:#ffe3cf!important;font-size:24px!important}
.player-switch{border-color:rgba(255,217,188,.23)!important;border-radius:0!important;background:rgba(0,0,0,.15)!important}
.player-switch button{color:rgba(255,231,213,.66)!important;border-radius:0!important}
.player-switch button[aria-pressed="true"]{background:#9c3b2e!important;color:white!important}
.player-frame{border-radius:0!important;background:rgba(7,5,5,.72)!important;box-shadow:0 18px 60px rgba(0,0,0,.34),0 0 0 1px rgba(255,215,182,.12)!important}
.player-note{color:rgba(255,229,211,.55)!important}
.af-tracks{
  display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:34px!important;margin-top:20px!important;
  border-top:1px solid rgba(255,217,188,.16)!important;
}
.af-track{
  min-height:50px!important;padding:12px 4px!important;border-bottom:1px solid rgba(255,217,188,.11)!important;color:#fff1e8!important;background:transparent!important;
}
a.af-track:hover,a.af-track:focus-visible{background:linear-gradient(90deg,rgba(177,42,49,.13),transparent)!important;transform:translateX(4px)}
.af-num,.af-lyr{color:#ef9d6d!important}.af-theme{color:rgba(255,224,205,.55)!important}.af-only{background:rgba(147,48,42,.64)!important;color:#ffe6d4!important}
.album-feature.is-unplugged .af-track{color:#fff4eb!important;border-color:rgba(255,224,199,.12)!important}
.album-feature.is-unplugged a.af-track:hover{background:linear-gradient(90deg,rgba(229,155,103,.12),transparent)!important}
.album-feature.is-unplugged .af-num,.album-feature.is-unplugged .af-lyr{color:#f4b082!important}
.album-feature.is-unplugged .af-meta,.album-feature.is-unplugged .player-note{color:rgba(255,226,206,.57)!important}
.album-feature.is-unplugged .player-label{color:#ffe1ca!important}
.album-feature.is-unplugged .player-switch{border-color:rgba(255,216,190,.23)!important}
.album-feature.is-unplugged .player-switch button{color:rgba(255,230,212,.68)!important}
.album-feature.is-unplugged .player-switch button[aria-pressed="true"]{background:#9d5e3f!important;color:white!important}
.album-feature.is-unplugged .af-actions .btn-ghost{color:#fff4ea!important;border-color:rgba(255,218,188,.32)!important}
.album-feature.is-unplugged .af-actions .btn-warm{background:linear-gradient(135deg,#c9784e,#7d342d)!important;border-color:rgba(255,209,175,.48)!important}

/* ------------------------------------------------------------------------
   ONE STORY + LOWER HOME — SCENES, NOT CARDS
   ------------------------------------------------------------------------ */
.two-sides,.about,.vision,.sound,.method,.why,.connect{position:relative!important;isolation:isolate;overflow:hidden;background:#060405!important}
.two-sides::before,.about::before,.vision::before,.sound::before,.method::before,.why::before,.connect::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:-3!important;pointer-events:none;
  background:url('cinematic/twilight-world.webp') center/cover no-repeat!important;opacity:.42!important;
}
.two-sides::after,.about::after,.vision::after,.sound::after,.method::after,.why::after,.connect::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;left:0!important;width:auto!important;height:auto!important;transform:none!important;
  background:linear-gradient(180deg,rgba(4,3,4,.88),rgba(6,3,4,.68) 48%,rgba(4,3,4,.91))!important;
}
.about::before,.sound::before,.why::before{background-image:url('cinematic/dark-world.webp')!important;opacity:.30!important}
.vision::before,.method::before{background-image:url('cinematic/warm-world.webp')!important;opacity:.19!important;filter:saturate(.7)}
.connect::before{opacity:.50!important;background-position:center bottom!important}
.two-sides,.about,.vision,.sound,.method,.why,.connect{padding-top:clamp(100px,10vw,155px)!important;padding-bottom:clamp(100px,10vw,155px)!important}
.ts-inner,.about-inner,.vision-inner,.sound-inner,.method-inner,.why-inner,.connect-inner{position:relative!important;z-index:2!important;max-width:1280px!important;margin-inline:auto!important}
.ts-title,.about-statement,.vision-title,.why-title,.connect-title{color:#fff4ec!important;text-shadow:0 15px 45px rgba(0,0,0,.42)}
.ts-title .italic,.about-statement .italic,.vision-title .italic,.why-title .italic,.connect-title .italic,.sound-col h2 .italic,.method-col h3 .italic{color:#efab7d!important}

.ts-split{
  border:0!important;box-shadow:none!important;min-height:430px!important;
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,217,188,.24),transparent)!important;
}
.ts-side{
  min-height:430px!important;padding:clamp(38px,5vw,72px)!important;border:0!important;color:#fff0e5!important;
  display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
  background:linear-gradient(180deg,rgba(4,3,4,.06),rgba(4,3,4,.68))!important;
  backdrop-filter:blur(1px);
}
.ts-side.is-original{background:linear-gradient(180deg,rgba(72,8,18,.08),rgba(39,5,11,.76))!important}
.ts-side.is-unplugged{background:linear-gradient(180deg,rgba(95,50,30,.06),rgba(45,23,17,.70))!important;color:#fff3e9!important}
.ts-side::after{display:none!important}
.ts-label,.ts-side.is-unplugged .ts-label{color:#f0ac7d!important}
.ts-copy,.ts-side.is-unplugged .ts-copy{color:rgba(255,239,227,.83)!important;font-size:clamp(18px,1.7vw,24px)!important;line-height:1.5!important}
.ts-go,.ts-side.is-unplugged .ts-go{color:#ffc89f!important}
.ts-coda{color:rgba(255,236,223,.72)!important}.ts-coda .em{color:#ffc095!important}

/* turn content grids into editorial spreads */
.about-pillars,.vision-grid,.pillars,.method-grid,.channels{
  background:transparent!important;border-top:1px solid rgba(255,217,188,.16)!important;border-bottom:1px solid rgba(255,217,188,.16)!important;
}
.about-pillars .item,.vision-cell,.pillar,.method-col,.channel{
  background:rgba(4,3,4,.14)!important;border-color:rgba(255,217,188,.12)!important;color:#fff0e6!important;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
.about-pillars .item:hover,.vision-cell:hover,.pillar:hover,.method-col:hover,.channel:hover{background:rgba(111,31,29,.20)!important}
.about-pillars .item p,.vision-cell p,.pillar p,.method-col p,.sound-col p,.vision-head p,.why-head p,.connect-sub,.connect-hook{color:rgba(255,237,224,.72)!important}
.vision-manifesto{border-color:rgba(255,217,188,.18)!important;background:rgba(4,3,4,.14)!important;backdrop-filter:blur(4px)}
.vision-manifesto::before,.vision-manifesto::after{background:linear-gradient(90deg,transparent,var(--copper),transparent)!important}
.vision-manifesto-quote{color:#fff0e5!important}.vision-manifesto-quote .em{color:#efaa7b!important}
.vision-goal{color:#fff2e8!important;border-color:rgba(255,217,188,.14)!important}.vision-goal .ember{color:#efa97a!important}
.sound-profile,.signature-list,.business{border-color:rgba(255,217,188,.14)!important}
.method-col .ic,.pillar-num{color:#efaa79!important;border-color:rgba(255,217,188,.24)!important}
.method-col .tag{color:#efb187!important}.method-col .tag .dt{background:#d66b4e!important}
.connect-glow{background:radial-gradient(circle,rgba(171,42,44,.18),transparent 66%)!important}
.mailing input{background:rgba(5,4,5,.52)!important;border-color:rgba(255,217,188,.20)!important;color:#fff!important;border-radius:0!important}
.mailing button{background:linear-gradient(135deg,#b45a39,#7b1728)!important;color:#fff!important;border-radius:0!important}
.channel .mono,.business .mono{color:#e8a576!important}.channel .val,.business .val{color:#fff2e8!important}.channel .sub{color:rgba(255,232,216,.56)!important}
.business a{color:#f0ab7d!important}

/* ------------------------------------------------------------------------
   FOOTERS
   ------------------------------------------------------------------------ */
.site-footer,.simple-footer{
  position:relative!important;background:#030304!important;border-top:1px solid rgba(255,217,188,.14)!important;color:rgba(255,235,221,.72)!important;
}
.site-footer::before,.simple-footer::before{
  content:"";position:absolute;inset:0;background:url('cinematic/twilight-world.webp') center bottom/cover no-repeat;opacity:.10;pointer-events:none
}
.sf-logo{color:#fff0e5!important}.sf-logo .dot{background:#df8e61!important}.sf-tag{color:#f2b288!important}.sf-col h5{color:#e2a171!important}.sf-col a{color:rgba(255,236,223,.64)!important}.sf-col a:hover{color:#fff!important}

/* ------------------------------------------------------------------------
   SUBPAGES — ALL LIVE IN THE SAME ENDLM WORLD
   ------------------------------------------------------------------------ */
.page-lyrics,.page-sheets,.page-contact,.page-privacy,.page-legal{background:#050405!important}
.page-lyrics .nav,.page-sheets .nav,.page-contact .nav,.page-privacy .nav,.page-legal .nav{background:linear-gradient(180deg,rgba(3,3,4,.90),rgba(3,3,4,.36))!important}
.page-hero{
  min-height:68svh!important;padding-top:125px!important;padding-bottom:80px!important;position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#050405!important;
}
.page-hero::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:-3!important;
  background:url('cinematic/hero-world.webp') center 48%/cover no-repeat!important;
}
.page-hero::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;
  background:linear-gradient(180deg,rgba(3,3,4,.52),rgba(3,3,4,.34) 45%,rgba(4,3,4,.94))!important;
}
.page-hero .hero-canvas{opacity:.12!important}
.page-hero-inner{position:relative!important;z-index:2!important;max-width:1120px!important}
.page-hero h1{font-size:clamp(62px,9vw,145px)!important;line-height:.78!important;color:#fff5ed!important;text-shadow:0 22px 60px rgba(0,0,0,.58)!important}
.page-hero h1 .italic,.page-hero .italic{color:#efaa79!important}
.page-hero .eyebrow,.page-hero .page-label{color:#efaa79!important}
.page-hero p{color:rgba(255,239,226,.75)!important;max-width:700px!important}

.page-lyrics .toc,.page-privacy .toc{
  background:rgba(5,4,5,.86)!important;border-top:1px solid rgba(255,217,188,.12)!important;border-bottom:1px solid rgba(255,217,188,.12)!important;
  backdrop-filter:blur(14px);
}
.page-lyrics .toc a,.page-privacy .toc a{color:rgba(255,233,217,.66)!important}.page-lyrics .toc a:hover,.page-privacy .toc a:hover{color:#ffc498!important}

.page-lyrics .content,.page-contact .content,.page-privacy .content,.page-legal .content,.page-sheets main{
  position:relative!important;isolation:isolate!important;background:#050405!important;
}
.page-lyrics .content::before,.page-contact .content::before,.page-privacy .content::before,.page-legal .content::before,.page-sheets main::before{
  content:"";position:absolute;inset:0;z-index:-2;background:url('cinematic/twilight-world.webp') center top/cover fixed no-repeat;opacity:.24
}
.page-lyrics .content::after,.page-contact .content::after,.page-privacy .content::after,.page-legal .content::after,.page-sheets main::after{
  background:linear-gradient(180deg,rgba(4,3,4,.92),rgba(4,3,4,.75),rgba(4,3,4,.93))!important;inset:0!important;left:0!important;width:auto!important;height:auto!important;transform:none!important;z-index:-1!important
}

/* Lyrics read like a record booklet */
.song-section{
  max-width:1050px!important;margin:0 auto!important;padding:clamp(70px,9vw,120px) clamp(20px,4vw,58px)!important;
  background:linear-gradient(100deg,rgba(4,3,4,.30),rgba(4,3,4,.10))!important;
  border-left:1px solid rgba(231,160,109,.22)!important;border-right:0!important;border-top:0!important;border-bottom:0!important;
  box-shadow:none!important;
}
.song-header{padding-bottom:34px!important;border-bottom:1px solid rgba(255,217,188,.15)!important}
.song-num-tag{color:#e8a474!important}.song-title{color:#fff4ec!important;font-size:clamp(48px,7vw,92px)!important}.song-title .italic{color:#efaa79!important}.song-subtitle{color:rgba(255,236,222,.69)!important}.song-meta{color:rgba(255,225,207,.55)!important}
.lyrics-body{color:#f2e6df!important;font-size:clamp(17px,1.35vw,20px)!important}.lyrics-body .section-tag{color:#e7a170!important}.lyrics-body strong,.lyrics-body b{color:#fff!important}
.song-divider{background:linear-gradient(90deg,transparent,rgba(232,161,111,.38),transparent)!important}
.song-footer{color:rgba(255,228,210,.48)!important}

/* contact */
.page-contact .content-inner{max-width:1180px!important}
.contact-form{
  background:rgba(7,5,5,.42)!important;border:1px solid rgba(255,217,188,.16)!important;border-radius:0!important;
  box-shadow:0 34px 100px rgba(0,0,0,.28)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.contact-form label{color:#f0ad7d!important}.contact-form input,.contact-form textarea,.contact-form select{background:rgba(2,2,3,.38)!important;color:#fff!important;border-color:rgba(255,217,188,.18)!important;border-radius:0!important}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#d58a5e!important;box-shadow:0 0 0 1px #d58a5e!important}
.contact-form button{background:linear-gradient(135deg,#b45a39,#7b1728)!important;color:white!important;border-radius:0!important}
.contact-info,.contact-copy{color:rgba(255,236,223,.74)!important}

/* chord sheets */
.notify-card{
  background:rgba(6,4,4,.43)!important;border:1px solid rgba(255,217,188,.17)!important;border-radius:0!important;
  box-shadow:0 34px 100px rgba(0,0,0,.28)!important;backdrop-filter:blur(14px)!important
}
.notify-card h2,.notify-card h3{color:#fff0e6!important}.notify-card p{color:rgba(255,235,221,.70)!important}.notify-card .accent{color:#e7a170!important}

/* legal / privacy: readable, cinematic, restrained */
.legal-intro{color:rgba(255,237,224,.74)!important;max-width:820px!important}
.legal-section{
  background:rgba(6,4,4,.26)!important;border:0!important;border-left:1px solid rgba(232,161,111,.28)!important;border-radius:0!important;
  box-shadow:none!important;padding-left:clamp(24px,4vw,48px)!important
}
.legal-section h2,.legal-section h3{color:#fff1e8!important}.legal-section h2 .num,.legal-section h3 .num{color:#e6a071!important}.legal-section p,.legal-section li,.legal-meta dd{color:rgba(255,235,221,.73)!important}.legal-section a,.legal-intro a{color:#f0b084!important}.legal-meta dt{color:#d89669!important}

/* ------------------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------------------ */
@media (max-width:1100px){
  .nav-links{display:none!important}
  .nav-burger{display:flex!important}
  .nav-cta{margin-left:auto;margin-right:12px}
  .af-inner{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)!important;gap:46px!important}
  .af-tracks{grid-template-columns:1fr!important}
}
@media (max-width:860px){
  .hero.hero-wwlb{padding-top:86px!important}
  .hero-wwlb .hero-main.wwlb-hero{padding-top:2vh!important;gap:22px!important}
  .wwlb-artist{width:min(62vw,400px);height:82px}
  .hero-title.wwlb-title{font-size:clamp(44px,10vw,72px)!important}
  .wwlb-title .line:first-child{font-size:.38em}
  .wwlb-pair{width:min(720px,92vw)!important}
  .af-inner{grid-template-columns:1fr!important;gap:48px!important}
  .af-art-col{position:relative!important;top:auto!important;width:min(560px,88vw)!important;margin:0 auto!important}
  .album-feature::after{background:linear-gradient(180deg,rgba(2,2,3,.35),rgba(2,2,3,.79) 45%,rgba(2,2,3,.95))!important}
  .album-feature.is-unplugged::after{background:linear-gradient(180deg,rgba(12,6,5,.30),rgba(12,6,5,.70) 46%,rgba(8,4,4,.94))!important}
  .af-body{text-align:left!important}
  .ts-split{grid-template-columns:1fr!important;background:linear-gradient(180deg,transparent,rgba(255,217,188,.24),transparent)!important}
  .ts-side{min-height:330px!important}
  .about-pillars,.vision-grid,.pillars,.method-grid,.channels{grid-template-columns:1fr 1fr!important}
}
@media (max-width:600px){
  .nav{min-height:62px!important;padding:11px 14px!important}.nav-logo{width:126px!important;height:34px!important}.nav-cta{display:none!important}
  .hero.hero-wwlb{padding:72px 14px 24px!important;min-height:auto!important}
  .hero.hero-wwlb::before{background-position:52% center!important}
  .hero-wwlb .hero-main.wwlb-hero{min-height:calc(100svh - 86px)!important;align-content:center!important}
  .wwlb-artist{width:72vw!important;height:66px!important}
  .hero-title.wwlb-title{font-size:clamp(38px,12vw,58px)!important}
  .wwlb-status{flex-direction:column!important;gap:7px!important}
  .wwlb-pair{width:94vw!important;gap:10px!important}
  .wwlb-card-meta{padding-top:8px!important;min-height:68px!important}.wwlb-card-title{font-size:12px!important}.wwlb-card-date,.wwlb-side{font-size:6.8px!important}.wwlb-count{display:none}
  .wwlb-card-actions{display:grid!important;grid-template-columns:1fr!important}.wwlb-card-actions .btn{font-size:6.7px!important;padding:8px 4px!important;min-height:32px!important}
  .wwlb-listen .btn{font-size:7px!important;min-height:38px!important}
  .album-feature{padding:82px 18px!important}.af-art-col{width:92vw!important}.af-title{font-size:clamp(45px,14vw,70px)!important}.af-title .af-pre{font-size:.32em!important;line-height:1.35!important}.af-lede,.af-lede p{font-size:18px!important}.af-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.af-actions .btn{width:100%!important;font-size:7px!important;padding:10px 7px!important}.player-frame iframe{min-height:300px}
  .two-sides,.about,.vision,.sound,.method,.why,.connect{padding:82px 18px!important}.ts-side{padding:34px 24px!important}
  .about-pillars,.vision-grid,.pillars,.method-grid,.channels{grid-template-columns:1fr!important}
  .page-hero{min-height:58svh!important;padding:105px 18px 60px!important}.page-hero h1{font-size:clamp(54px,17vw,88px)!important}
  .page-lyrics .content::before,.page-contact .content::before,.page-privacy .content::before,.page-legal .content::before,.page-sheets main::before{background-attachment:scroll!important}
  .song-section{padding:65px 20px!important;border-left:0!important}.song-title{font-size:clamp(43px,14vw,66px)!important}
}
@media (pointer:coarse){body{cursor:auto!important}.cursor,.cursor-ring{display:none!important}a,button,input,textarea,select{cursor:pointer!important}}
@media (prefers-reduced-motion:reduce){.hero.hero-wwlb::before{animation:none!important}.hero-main::before,.hero-main::after{animation:none!important}.wwlb-card .art,.wwlb-card.is-unplugged .art{transform:none!important}}

/* --- final cinematic composition tuning --- */
@media (min-width:861px){
  .wwlb-artist{width:clamp(290px,30vw,430px)!important;height:84px!important}
  .hero-title.wwlb-title{font-size:clamp(46px,4.8vw,76px)!important}
  .wwlb-pair{width:min(520px,72vw)!important}
  .wwlb-card-title{font-size:14px!important}
  .wwlb-card-meta{min-height:62px!important}
  .wwlb-card-actions .btn{min-height:32px!important;padding:8px 6px!important}
  .hero-wwlb .hero-main.wwlb-hero{gap:18px!important;padding-top:1.5vh!important}
  .wwlb-status{margin-top:12px!important}
  .wwlb-tagline{margin-top:10px!important}
}
.page-hero{min-height:74svh!important}
.page-hero::before{filter:brightness(1.06) saturate(1.12) contrast(1.02)}
.page-hero::after{background:linear-gradient(180deg,rgba(3,3,4,.34),rgba(3,3,4,.18) 42%,rgba(4,3,4,.82))!important}
.page-lyrics .content::before,.page-contact .content::before,.page-privacy .content::before,.page-legal .content::before,.page-sheets main::before{opacity:.34!important}
.page-lyrics .content::after,.page-contact .content::after,.page-privacy .content::after,.page-legal .content::after,.page-sheets main::after{background:linear-gradient(180deg,rgba(4,3,4,.82),rgba(4,3,4,.64),rgba(4,3,4,.86))!important}
.page-lyrics .song-section{position:relative;isolation:isolate}
.page-lyrics .song-section::before{content:"";position:absolute;top:0;bottom:0;left:max(-12vw,calc(50% - 50vw + 1px));right:max(-12vw,calc(50% - 50vw + 1px));z-index:-1;background:linear-gradient(90deg,rgba(4,3,4,.88),rgba(4,3,4,.34) 48%,rgba(4,3,4,.78));pointer-events:none}

/* ========================================================================
   APPROVED REFERENCE COMPOSITION — OCT 2026
   Desktop first screen intentionally uses the approved EndLM artwork as the
   master visual layer so the live site matches the supplied reference exactly.
   Transparent semantic hit areas keep navigation and streaming links real.
   ======================================================================== */
.home-page::before,.home-page::after{display:none!important}
.reference-hero{display:none}

@media (min-width:761px){
  .home-page>.nav{display:none!important}
  .home-page .legacy-mobile-hero{display:none!important}
  .home-page>.ticker{display:none!important}

  .reference-hero{
    display:grid;
    place-items:center;
    width:100%;
    height:100svh;
    min-height:620px;
    position:relative;
    overflow:hidden;
    isolation:isolate;
    background:#020202;
  }
  .reference-hero::before{
    content:"";
    position:absolute;
    inset:-5%;
    z-index:-2;
    background:url('cinematic/hero-plate.webp') center/cover no-repeat;
    filter:blur(32px) brightness(.42) saturate(.9);
    transform:scale(1.08);
    opacity:.92;
  }
  .reference-hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:radial-gradient(circle at center,transparent 48%,rgba(0,0,0,.26) 100%);
    pointer-events:none;
  }
  .reference-stage{
    position:relative;
    width:min(100vw,150svh);
    height:min(100svh,66.6666667vw);
    aspect-ratio:3/2;
    flex:none;
    overflow:hidden;
    box-shadow:0 0 90px rgba(0,0,0,.28);
  }
  .reference-art{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:fill;
    display:block;
    user-select:none;
    -webkit-user-drag:none;
  }
  .reference-hotspots{position:absolute;inset:0;z-index:3;pointer-events:none}
  .reference-hotspots .hotspot{
    position:absolute;
    display:block;
    pointer-events:auto;
    border:1px solid transparent;
    border-radius:8px;
    color:transparent!important;
    text-decoration:none!important;
    background:transparent!important;
    cursor:pointer!important;
    outline:none;
  }
  .reference-hotspots .hotspot span{
    position:absolute!important;
    width:1px!important;height:1px!important;
    padding:0!important;margin:-1px!important;
    overflow:hidden!important;clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;border:0!important;
  }
  .reference-hotspots .hotspot:hover{
    background:rgba(255,221,197,.055)!important;
    border-color:rgba(255,220,194,.14)!important;
    box-shadow:0 0 24px rgba(225,137,85,.08);
  }
  .reference-hotspots .hotspot:focus-visible{
    border-color:rgba(255,220,194,.82)!important;
    box-shadow:0 0 0 2px rgba(0,0,0,.75),0 0 0 4px rgba(230,157,108,.82);
  }

  /* top navigation / social positions, measured from 1536 × 1024 reference */
  .hs-home{left:14.1%;top:5.3%;width:4.7%;height:4.1%}
  .hs-music{left:19.5%;top:5.3%;width:5.1%;height:4.1%}
  .hs-videos{left:25.2%;top:5.3%;width:5.5%;height:4.1%}
  .hs-about{left:67.8%;top:5.3%;width:5.6%;height:4.1%}
  .hs-lyrics{left:74.1%;top:5.3%;width:5.2%;height:4.1%}
  .hs-contact{left:80.0%;top:5.3%;width:6.0%;height:4.1%}
  .hs-spotify{left:86.8%;top:5.1%;width:2.3%;height:4.3%}
  .hs-youtube{left:89.5%;top:5.1%;width:2.3%;height:4.3%}
  .hs-tiktok{left:94.1%;top:5.1%;width:2.3%;height:4.3%}

  /* album covers */
  .hs-cover-original{left:32.7%;top:51.2%;width:15.2%;height:21.3%}
  .hs-cover-unplugged{left:52.7%;top:51.2%;width:15.2%;height:21.3%}

  /* original streaming pills */
  .hs-o-spotify{left:30.2%;top:73.1%;width:5.5%;height:3.9%}
  .hs-o-apple{left:36.0%;top:73.1%;width:6.4%;height:3.9%}
  .hs-o-youtube{left:42.5%;top:73.1%;width:6.0%;height:3.9%}

  /* unplugged streaming pills */
  .hs-u-spotify{left:51.7%;top:73.1%;width:5.7%;height:3.9%}
  .hs-u-apple{left:57.6%;top:73.1%;width:6.7%;height:3.9%}
  .hs-u-youtube{left:64.4%;top:73.1%;width:6.1%;height:3.9%}
  .hs-scroll{left:44.5%;top:78.2%;width:11.0%;height:8.0%;border-radius:0}

  /* bottom cinematic navigation band */
  .hs-lower-music{left:13.2%;top:88.9%;width:18.0%;height:9.0%}
  .hs-lower-videos{left:31.2%;top:88.9%;width:18.7%;height:9.0%}
  .hs-lower-lyrics{left:49.9%;top:88.9%;width:18.1%;height:9.0%}
  .hs-lower-about{left:68.0%;top:88.9%;width:18.3%;height:9.0%}

  /* The rest of the home page enters as a continuation of the same world. */
  .home-page .album-feature:first-of-type{border-top:0!important}
  .home-page .album-feature{margin-top:0!important}
}

/* Mobile keeps real, responsive HTML but follows the same visual language. */
@media (max-width:760px){
  .reference-hero{display:none!important}
  .home-page>.nav{display:flex!important}
  .home-page .legacy-mobile-hero{display:block!important}
  .home-page>.ticker{display:none!important}
  .hero.hero-wwlb{
    min-height:100svh!important;
    padding-top:70px!important;
    background:#050405!important;
  }
  .hero.hero-wwlb::before{
    background-image:linear-gradient(180deg,rgba(2,2,3,.08),rgba(2,2,3,.34) 55%,rgba(2,2,3,.82)),url('cinematic/hero-world.webp')!important;
    background-position:52% center!important;
    filter:saturate(1.08) contrast(1.04);
  }
  .hero.hero-wwlb::after{background:linear-gradient(180deg,rgba(2,2,3,.25),rgba(2,2,3,.05) 30%,rgba(2,2,3,.68) 100%)!important}
  .wwlb-pair{width:min(94vw,520px)!important}
}

/* Make all interior pages feel carved from the same visual world. */
.page-lyrics .nav,.page-contact .nav,.page-privacy .nav,.page-legal .nav,.page-sheets .nav{
  background:linear-gradient(180deg,rgba(4,3,4,.88),rgba(4,3,4,.36))!important;
  border-bottom:1px solid rgba(234,169,119,.18)!important;
}
.page-lyrics .page-hero,.page-contact .page-hero,.page-privacy .page-hero,.page-legal .page-hero,.page-sheets .page-hero{
  border-bottom:1px solid rgba(230,159,109,.28)!important;
  box-shadow:inset 0 -80px 100px rgba(0,0,0,.36)!important;
}
.site-footer{
  background:linear-gradient(180deg,#080506,#030303)!important;
  border-top:1px solid rgba(225,153,102,.22)!important;
}

/* ========================================================================
   LIVE CINEMATIC HERO (Oct 2026)
   The approved painted composition is a clean background plate; everything
   readable or clickable sits on top as real HTML in the same 1536 x 1024
   coordinate space (positions in %, type sizes in container units), so the
   layers scale exactly with the artwork at every desktop size.
   ======================================================================== */
.live-hero .lh-title{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (min-width:761px){
  .live-hero .reference-stage{container-type:inline-size}
  .lh-plate,.lh-plate img{position:absolute;inset:0;width:100%;height:100%;display:block}
  .lh-plate img{object-fit:fill;user-select:none;-webkit-user-drag:none}
  .live-hero a{cursor:pointer}
  .lh-t{position:absolute;margin:0;padding:0;z-index:3;
    left:calc((var(--x) - var(--lsb,0) - var(--ox,0)) * 100% / var(--ow,1536));
    top:calc((var(--y) - var(--fs) * .102 - var(--oy,0)) * 100% / var(--oh,1024));
    font-family:'Cinzel','Trajan Pro','Times New Roman',serif;font-weight:600;font-style:normal;
    font-size:calc(var(--fs) * 100cqw / 1536);letter-spacing:calc(var(--ls) * 100cqw / 1536);
    line-height:1;white-space:nowrap;text-transform:uppercase;text-decoration:none;
    font-kerning:none;font-variant-ligatures:none;-webkit-font-smoothing:antialiased}
  .lh-link{color:#f1ede8;transition:color .35s ease,text-shadow .35s ease}
  .lh-link::after{content:"";position:absolute;inset:-90% -14%}
  .lh-link:hover,.lh-link:focus-visible{color:#f1c29d;text-shadow:0 0 14px rgba(230,150,95,.45)}
  .lh-tagline{color:#f4efe9;font-weight:500;pointer-events:none}
  .lh-icon{position:absolute;z-index:3;display:block;color:#fbf5e7;transition:color .35s ease,filter .35s ease;
    left:calc((var(--cx) - var(--s) / 2) * 100% / 1536);top:calc((var(--cy) - var(--s) / 2) * 100% / 1024);
    width:calc(var(--s) * 100cqw / 1536);height:calc(var(--s) * 100cqw / 1536)}
  .lh-icon svg{width:100%;height:100%;display:block;fill:currentColor}
  .lh-icon .lh-yt-play{fill:#0d0a09}
  .lh-icon.is-dark{color:#130e0b}
  .lh-icon::after{content:"";position:absolute;inset:-45%}
  .lh-icon:hover,.lh-icon:focus-visible{color:#f1c29d;filter:drop-shadow(0 0 8px rgba(230,150,95,.5))}
  .lh-logo{position:absolute;z-index:3;display:block;left:calc(var(--x) * 100% / 1536);top:calc(var(--y) * 100% / 1024);width:calc(var(--w) * 100% / 1536);transition:filter .45s ease}
  .lh-logo img{display:block;width:100%;height:auto}
  .lh-logo:hover{filter:brightness(1.08) drop-shadow(0 0 18px rgba(230,150,95,.25))}
  .lh-cover{position:absolute;z-index:3;display:block;left:calc(var(--x) * 100% / 1536);top:calc(var(--y) * 100% / 1024);width:calc(var(--w) * 100% / 1536);height:calc(var(--h) * 100% / 1024);transition:box-shadow .45s ease,filter .45s ease}
  .lh-cover img{display:block;width:100%;height:100%;object-fit:cover}
  .live-hero.paint-covers .lh-cover img{visibility:hidden}
  .lh-cover:hover{filter:brightness(1.06);box-shadow:0 0 0 1px rgba(255,220,194,.45),0 0 34px rgba(230,150,95,.35)}
  .lh-pill{position:absolute;z-index:3;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:calc(5 * 100cqw / 1536);
    left:calc(var(--x) * 100% / 1536);top:calc(var(--y) * 100% / 1024);width:calc(var(--w) * 100% / 1536);height:calc(var(--h) * 100% / 1024);
    border-radius:calc(9 * 100cqw / 1536);font-family:'Inter',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:600;
    font-size:calc(10.6 * 100cqw / 1536);letter-spacing:-.01em;line-height:1;text-decoration:none;white-space:nowrap;
    transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease}
  .lh-pill svg{width:calc(12.5 * 100cqw / 1536);height:calc(12.5 * 100cqw / 1536);flex:none;fill:currentColor}
  .lh-pill.is-dark{background:rgba(3,2,2,.94);border:1px solid rgba(128,121,114,.95);color:#f4eee7}
  .lh-pill.is-dark:hover{border-color:rgba(255,220,194,.85);box-shadow:0 0 18px rgba(230,150,95,.28)}
  .lh-pill.is-light{background:#f3caac;border:1px solid rgba(255,236,218,.55);color:#2f1f17}
  .lh-pill.is-light:hover{background:#f8d8bf;box-shadow:0 0 18px rgba(243,202,172,.45)}
  .lh-box{position:absolute;z-index:3;display:block;text-decoration:none;border-radius:8px;
    left:calc(var(--ox) * 100% / 1536);top:calc(var(--oy) * 100% / 1024);width:calc(var(--ow) * 100% / 1536);height:calc(var(--oh) * 100% / 1024);
    transition:background-color .35s ease,box-shadow .35s ease}
  .lh-box:hover{background:rgba(255,221,197,.045);box-shadow:inset 0 0 0 1px rgba(255,220,194,.12)}
  .lh-box:focus-visible{outline:none;box-shadow:inset 0 0 0 1px rgba(255,220,194,.82),0 0 0 2px rgba(0,0,0,.75),0 0 0 4px rgba(230,157,108,.82)}
  .lh-mouse{position:absolute;box-sizing:border-box;border:calc(1.4 * 100cqw / 1536) solid #d0c7bf;border-radius:calc(11 * 100cqw / 1536);
    left:calc((var(--mx) - var(--ox)) * 100% / var(--ow));top:calc((var(--my) - var(--oy)) * 100% / var(--oh));
    width:calc(var(--mw) * 100% / var(--ow));height:calc(var(--mh) * 100% / var(--oh))}
  .lh-mouse i{position:absolute;left:50%;top:20%;width:calc(1.6 * 100cqw / 1536);height:calc(4.5 * 100cqw / 1536);transform:translateX(-50%);border-radius:2px;background:#d0c7bf;animation:lh-wheel 2.4s ease-in-out infinite}
  .lh-mouse::after{content:"";position:absolute;left:50%;top:46%;width:calc(4 * 100cqw / 1536);height:calc(4 * 100cqw / 1536);border-right:calc(1.2 * 100cqw / 1536) solid #d0c7bf;border-bottom:calc(1.2 * 100cqw / 1536) solid #d0c7bf;transform:translateX(-50%) rotate(45deg)}
  @keyframes lh-wheel{0%,100%{transform:translateX(-50%) translateY(0);opacity:1}60%{transform:translateX(-50%) translateY(calc(5 * 100cqw / 1536));opacity:.25}}
  .lh-scroll-text{color:#e3d9cf}
  .lh-band-title{color:#e4ab80;transition:color .35s ease}
  .lh-band-sub{color:#cfc0ae}
  .lh-band-item:hover .lh-band-title,.lh-band-item:focus-visible .lh-band-title{color:#f1c29d}
  .lh-link:focus-visible,.lh-icon:focus-visible,.lh-logo:focus-visible,.lh-cover:focus-visible,.lh-pill:focus-visible{outline:2px solid rgba(230,157,108,.9);outline-offset:3px}
  /* the real menu returns once the painted hero scrolls away */
  .home-page>.nav{display:flex!important;transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .55s cubic-bezier(.2,.7,0,1),opacity .4s ease}
  .home-page.nav-revealed>.nav{transform:none;opacity:1;pointer-events:auto}
}
@media (prefers-reduced-motion:reduce){.lh-mouse i{animation:none}}

/* =========================================================================
   CINEMATIC THEME — one design language for every page (Oct 2026)
   Matches the approved hero: Cinzel capitals for labels and headings,
   Allura script for title accents, Cormorant Garamond for reading text,
   cream + copper over the album world. The site's original font names are
   remapped to this system, so every existing component follows it.
   ========================================================================= */
@font-face{font-family:'Cinzel';src:url('fonts/cinzel.woff2') format('woff2');font-weight:400 900;font-display:swap}
@font-face{font-family:'Allura';src:url('fonts/allura.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('fonts/cormorant.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('fonts/cormorant-italic.woff2') format('woff2');font-weight:300 700;font-style:italic;font-display:swap}
/* remapped legacy names */
@font-face{font-family:'JetBrains Mono';src:url('fonts/cinzel.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Fraunces';src:url('fonts/cormorant.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;size-adjust:110%}
@font-face{font-family:'Fraunces';src:url('fonts/cormorant-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap;size-adjust:110%}
@font-face{font-family:'Instrument Serif';src:url('fonts/cormorant-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap;size-adjust:112%}
@font-face{font-family:'Instrument Serif';src:url('fonts/cormorant.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;size-adjust:112%}

:root{
  --void:#050405;--void-2:#0b0908;--surface:#120e0c;
  --bone:#f1ede8;--bone-dim:#d6c8b8;--bone-mute:#9a8c7e;
  --ember:#e4ab80;--ember-soft:#f1c29d;--ember-glow:rgba(228,171,128,.30);
  --line:rgba(228,171,128,.14);--line-strong:rgba(228,171,128,.30);
  --amber:#f3caac;--amber-soft:#f6dcc6;--amber-glow:rgba(243,202,172,.30);
  --cin-copper:#e4ab80;--cin-copper-hi:#f1c29d;--cin-cream:#f1ede8;--cin-line:rgba(228,171,128,.34);
  --cin-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 0l2.6 17.4L40 20l-17.4 2.6L20 40l-2.6-17.4L0 20l17.4-2.6z' fill='%23e4ab80'/%3E%3Cpath d='M20 10l1.3 8.7L30 20l-8.7 1.3L20 30l-1.3-8.7L10 20l8.7-1.3z' fill='%23fbe3cf' opacity='.6'/%3E%3C/svg%3E");
}

/* ---------- headings: Cinzel capitals, emphasis in Allura script ---------- */
:is(.display,.page-title,.song-title,.af-title,.ts-title,.vision-title,.upcoming-title):not(.about-statement):not(.lh-title){
  font-family:'Cinzel','Times New Roman',serif!important;font-weight:500!important;font-style:normal!important;text-transform:uppercase!important;
  letter-spacing:.06em!important;line-height:1.14!important;color:var(--cin-cream)!important;font-variation-settings:normal!important;text-shadow:0 2px 24px rgba(0,0,0,.55)}
:is(.display,.page-title,.song-title,.af-title,.ts-title,.vision-title,.upcoming-title,.about-statement) :is(em,.italic){
  font-family:'Allura',cursive!important;font-style:normal!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;
  font-size:1.42em!important;line-height:.72!important;color:var(--cin-copper)!important;padding:0 .05em}
.page-hero :is(h1,.page-title){font-size:clamp(34px,5vw,76px)!important;line-height:1.12!important}
:is(.af-title,.ts-title,.vision-title,.upcoming-title),.display:not(.about-statement):not(.hero-title){font-size:clamp(28px,3.8vw,58px)!important}
.song-title{font-size:clamp(28px,3.9vw,58px)!important}
.af-title .af-pre{font-size:.5em!important;letter-spacing:.14em!important;color:var(--bone-dim)!important}
.about-statement{font-family:'Cormorant Garamond',serif!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;
  font-size:clamp(24px,2.5vw,36px)!important;line-height:1.34!important;color:var(--cin-cream)!important}
.about-statement :is(em,.italic){font-size:1.3em!important}
.about-statement .dim{font-family:'Cormorant Garamond',serif!important;color:var(--bone-dim)!important}

/* ---------- labels: Cinzel lockups with copper rules ---------- */
:is(.section-label,.song-num-tag,.toc-label,.notify-label){font-family:'Cinzel',serif!important;font-weight:500!important;color:var(--cin-copper)!important;
  letter-spacing:.3em!important;text-transform:uppercase!important;display:inline-flex!important;align-items:center!important;gap:14px!important}
:is(.section-label,.song-num-tag,.toc-label,.notify-label)::before,:is(.section-label,.song-num-tag,.toc-label,.notify-label)::after{
  content:""!important;display:block!important;flex:none!important;width:46px!important;height:1px!important;margin:0!important;transform:none!important;opacity:1!important;
  background:linear-gradient(90deg,transparent,var(--cin-copper))!important}
:is(.section-label,.song-num-tag,.toc-label,.notify-label)::after{background:linear-gradient(90deg,var(--cin-copper),transparent)!important}
.player-label{font-family:'Allura',cursive!important;font-style:normal!important;font-size:34px!important;line-height:1!important;color:var(--cin-copper)!important}
.mm-text{font-family:'Cinzel',serif!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-weight:500!important;font-size:clamp(20px,5vw,28px)!important}

/* ---------- buttons: the hero's pill system ---------- */
:is(.btn,.nav-cta,.submit-btn,.album-link,.mobile-menu-cta,.notify-form button){border-radius:10px!important;font-family:'Cinzel',serif!important;font-weight:600!important;letter-spacing:.14em!important}
:is(.btn-primary,.btn-ghost,.nav-cta){background:rgba(4,3,3,.86)!important;color:#f4ece4!important;border:1px solid rgba(150,140,130,.9)!important;box-shadow:none!important}
.btn-primary{border-color:var(--cin-copper)!important;box-shadow:0 0 22px rgba(228,171,128,.16)!important}
:is(.btn-primary,.btn-ghost,.nav-cta):hover{border-color:var(--cin-copper-hi)!important;color:#fff!important;background:rgba(18,12,9,.92)!important;box-shadow:0 0 26px rgba(228,171,128,.30)!important}
:is(.btn-warm,.submit-btn,.album-link,.mobile-menu-cta,.notify-form button){background:#f3caac!important;color:#2a1b13!important;border:1px solid rgba(255,236,218,.6)!important}
:is(.btn-warm,.submit-btn,.album-link,.mobile-menu-cta,.notify-form button):hover{background:#f8d8bf!important;box-shadow:0 0 26px rgba(243,202,172,.38)!important}
.btn-light{background:#f1ede8!important;color:#1d1410!important;border:1px solid #f1ede8!important}
.btn-light:hover{background:#f3caac!important;border-color:#f3caac!important}

/* ---------- glass panels ---------- */
:is(.page-lyrics .song-header,.page-lyrics .toc-inner,.page-privacy .toc-inner,.notify-card,.ts-split,.channel){
  background:linear-gradient(180deg,rgba(16,11,9,.80),rgba(6,4,4,.84))!important;border:1px solid rgba(228,171,128,.22)!important;border-radius:16px!important;
  box-shadow:0 30px 80px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,235,215,.05)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* ---------- ornaments: copper rule with compass star ---------- */
.song-divider{position:relative!important;height:44px!important;margin:30px auto!important;max-width:820px!important;background:none!important;border:0!important}
.song-divider::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:50%!important;width:auto!important;height:1px!important;transform:none!important;
  background:linear-gradient(90deg,transparent,var(--cin-line) 18%,var(--cin-line) 82%,transparent)!important}
.song-divider::after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:36px!important;height:36px!important;transform:translate(-50%,-50%)!important;
  border-radius:50%!important;background:#050405 var(--cin-star) center/20px no-repeat!important}
.page-hero-inner::after{content:"";display:block;width:min(320px,70%);height:24px;margin:34px auto 0;
  background:var(--cin-star) center/18px no-repeat,linear-gradient(90deg,transparent,var(--cin-line) 30%,var(--cin-line) 70%,transparent) center/100% 1px no-repeat}
:is(.site-footer,.simple-footer){border-top:1px solid var(--cin-line)!important}
:is(.site-footer,.simple-footer)::after{content:""!important;position:absolute!important;left:50%!important;top:0!important;width:44px!important;height:44px!important;z-index:3!important;
  transform:translate(-50%,-50%)!important;border-radius:50%!important;pointer-events:none!important;background:#050405 var(--cin-star) center/24px no-repeat!important}
:is(.site-footer,.simple-footer) a:not(.sf-logo):not(.sf-logo-small){font-family:'Cinzel',serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;font-size:11px!important}

/* ---------- inner pages: the hero's navigation ---------- */
.cin-nav{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:24px!important;padding:16px 3.4vw!important}
.cin-side{display:flex;align-items:center;gap:clamp(18px,2.6vw,42px)}
.cin-right{justify-content:flex-end}
.cin-side a{font-family:'Cinzel',serif;font-weight:600;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:#f1ede8;text-decoration:none;transition:color .3s,text-shadow .3s}
.cin-side a:hover,.cin-side a[aria-current="page"]{color:var(--cin-copper-hi);text-shadow:0 0 14px rgba(230,150,95,.45)}
.cin-logo{display:block;justify-self:center;width:clamp(150px,14vw,220px)}
.cin-logo img{display:block;width:100%;height:auto}
.cin-icons{display:inline-flex;align-items:center;gap:14px;margin-left:clamp(4px,.8vw,12px)}
.cin-icons a{display:block;width:16px;height:16px;color:#fbf5e7}
.cin-icons svg{display:block;width:100%;height:100%;fill:currentColor}
.cin-back{display:none!important}
@media (max-width:900px){
  .cin-nav{grid-template-columns:auto 1fr auto!important;padding:14px 20px!important}
  .cin-side{display:none}.cin-logo{width:136px;justify-self:start}.cin-back{display:inline-flex!important;justify-self:end;grid-column:3}
}

/* ---------- inner-page heroes: full album-world backdrops ---------- */
.page-hero{min-height:78svh!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-bottom:0!important}
.page-hero::before{left:0!important;top:0!important;right:0!important;bottom:0!important;width:auto!important;height:auto!important;transform:none!important;
  filter:none!important;animation:none!important;opacity:1!important;border-radius:0!important}
.page-lyrics .page-hero::before{background:url('cinematic/twilight-world.webp') center 42%/cover no-repeat!important}
:is(.page-contact,.page-sheets) .page-hero::before{background:url('cinematic/warm-world.webp') center 50%/cover no-repeat!important}
:is(.page-legal,.page-privacy) .page-hero::before{background:url('cinematic/dark-world.webp') center 45%/cover no-repeat!important}
.page-hero::after{background:linear-gradient(180deg,rgba(3,3,4,.66) 0%,rgba(3,3,4,.30) 36%,rgba(4,3,4,.74) 78%,#050405 100%)!important}
.page-hero :is(.hero-canvas,.staff-canvas,.particle-canvas){opacity:.16!important}
.page-hero :is(p,.page-subtitle,.page-tagline){font-family:'Cormorant Garamond',serif!important;font-style:italic!important;font-size:clamp(19px,1.7vw,24px)!important;color:#efe4d8!important;margin-left:auto!important;margin-right:auto!important}

/* ---------- lyrics: centred liner-notes layout ---------- */
.page-lyrics .song-header{text-align:center!important;padding:clamp(28px,4vw,52px)!important}
.page-lyrics .song-meta{justify-content:center!important}
.page-lyrics .song-subtitle{font-family:'Cormorant Garamond',serif!important;font-style:italic!important;color:var(--bone-dim)!important;font-size:clamp(18px,1.6vw,22px)!important;margin-left:auto!important;margin-right:auto!important}
.page-lyrics .badge{font-family:'Cinzel',serif!important;border-radius:8px!important;border:1px solid rgba(150,140,130,.6)!important;background:rgba(4,3,3,.7)!important;color:#efe6dc!important;letter-spacing:.18em!important}
.page-lyrics .badge.live{border-color:var(--cin-copper)!important;color:var(--cin-copper-hi)!important}
.page-lyrics .lyrics-body{max-width:680px!important;margin:0 auto!important;text-align:center!important;padding-left:0!important;border:0!important}
.page-lyrics .lyric-block{border:0!important;padding:26px 0 6px!important;margin:0!important;background:none!important}
.page-lyrics .lyric-block::before{display:none!important}
.page-lyrics .lyric-tag{font-family:'Cinzel',serif!important;color:var(--cin-copper)!important;letter-spacing:.34em!important;font-size:10px!important;display:inline-flex!important;align-items:center!important;gap:12px!important;margin-bottom:14px!important}
.page-lyrics .lyric-tag::before,.page-lyrics .lyric-tag::after{content:"";width:22px;height:1px;background:var(--cin-line)}
.page-lyrics .lyric{font-family:'Cormorant Garamond',serif!important;font-size:clamp(19px,1.6vw,23px)!important;line-height:1.72!important;color:#e7ded4!important;font-weight:400!important}
.page-lyrics .lyric-block.chorus{background:radial-gradient(55% 70% at 50% 55%,rgba(228,171,128,.10),transparent 72%)!important}
.page-lyrics .lyric-block.chorus .lyric{color:#fdf6ee!important;font-weight:500!important}
.page-lyrics .lyric-block.bridge .lyric{font-style:italic!important;color:#f0e2d2!important}
.page-lyrics .song-footer{text-align:center!important;font-family:'Cinzel',serif!important;letter-spacing:.22em!important;color:var(--bone-mute)!important}
:is(.page-lyrics,.page-privacy) .toc{background:transparent!important;border:0!important}
:is(.page-lyrics,.page-privacy) .toc-inner{max-width:920px!important;margin-left:auto!important;margin-right:auto!important;padding:clamp(26px,3.6vw,44px)!important}
.toc-list .num{font-family:'Cinzel',serif!important;color:var(--cin-copper)!important}
.toc-list a{font-family:'Cormorant Garamond',serif!important;font-size:19px!important;color:#ece3d9!important}
.toc-list .status{font-family:'Cinzel',serif!important;font-size:9px!important;letter-spacing:.2em!important;color:var(--cin-copper)!important;border-color:rgba(228,171,128,.35)!important;background:transparent!important}
:is(.page-legal,.page-privacy) .legal-section h2{font-family:'Cinzel',serif!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:500!important;font-size:clamp(20px,2.1vw,28px)!important;color:var(--cin-cream)!important}
:is(.page-legal,.page-privacy) .legal-section :is(p,li){font-size:18px!important;line-height:1.75!important;color:#ddd2c6!important}

/* ---------- cinematic theme: world visibility + leftover accents ---------- */
.page-lyrics .page-hero::before{background:url('cinematic/hero-world.webp') center 44%/cover no-repeat!important}
.page-hero::after{background:linear-gradient(180deg,rgba(3,3,4,.58) 0%,rgba(3,3,4,.20) 36%,rgba(4,3,4,.66) 78%,#050405 100%)!important}
.home-page .album-feature::after{background:linear-gradient(90deg,rgba(2,2,3,.14) 0%,rgba(2,2,3,.40) 40%,rgba(2,2,3,.84) 100%),linear-gradient(180deg,rgba(5,4,5,.55) 0%,transparent 14%,transparent 86%,#050405 100%)!important}
.home-page .album-feature.is-unplugged::after{background:linear-gradient(270deg,rgba(2,2,3,.12) 0%,rgba(2,2,3,.38) 40%,rgba(2,2,3,.84) 100%),linear-gradient(180deg,rgba(5,4,5,.55) 0%,transparent 14%,transparent 86%,#050405 100%)!important}
@media (max-width:980px){.home-page .album-feature::after,.home-page .album-feature.is-unplugged::after{background:linear-gradient(180deg,rgba(2,2,3,.30),rgba(2,2,3,.70) 38%,rgba(2,2,3,.93))!important}}
.about::before,.sound::before,.why::before{opacity:.42!important}
.vision::before,.method::before{opacity:.30!important;filter:none!important}
.player-switch{border-color:rgba(228,171,128,.32)!important;border-radius:10px!important}
.player-switch button{border-radius:7px!important;font-family:'Cinzel',serif!important;letter-spacing:.18em!important}
.player-switch button[aria-pressed="true"]{background:var(--cin-copper)!important;color:#1d1410!important}
.album-feature.is-unplugged .player-switch button[aria-pressed="true"]{background:#f3caac!important;color:#2a1b13!important}
/* ---------- cinematic theme: final touches ---------- */
:is(.sf-logo,.sf-logo-small){font-size:0!important;line-height:0!important;color:transparent!important;display:inline-block!important;width:150px!important;height:29px!important;
  background:url('cinematic/endlm-logo.png') left center/contain no-repeat!important}
:is(.sf-logo,.sf-logo-small) *{display:none!important}
.method-statement :is(.ember,.break){white-space:normal!important}
.method-statement .ember{display:inline!important}
:is(input,textarea,select):not([type="checkbox"]):not([type="radio"]){font-family:'Cormorant Garamond',serif!important;font-size:max(17px,1em)!important;text-transform:none!important;letter-spacing:.01em!important}
:is(input,textarea)::placeholder{font-family:'Cormorant Garamond',serif!important;font-style:italic!important;text-transform:none!important}
.method-statement .break{display:inline!important}
.method-statement{font-size:clamp(26px,3.1vw,46px)!important;line-height:1.28!important;max-width:24em!important;margin-left:auto!important;margin-right:auto!important}


/* ========================================================================
   ENDLM V5.2 — PAGE-SPECIFIC CINEMATIC WORLDS
   Fixes the late hero-world override and gives every interior page its own
   album-era environment while preserving the existing layout/functionality.
   ======================================================================== */

/* Distinct hero worlds */
.page-lyrics .page-hero::before{background:url('cinematic/twilight-world.webp') 42% 48%/cover no-repeat!important}
.page-sheets .page-hero::before{background:url('cinematic/warm-world.webp') 35% 50%/cover no-repeat!important}
.page-contact .page-hero::before{background:url('cinematic/warm-world.webp') 74% 50%/cover no-repeat!important;transform:scaleX(-1)!important}
.page-privacy .page-hero::before{background:url('cinematic/dark-world.webp') 68% 48%/cover no-repeat!important}
.page-legal .page-hero::before{background:url('cinematic/dark-world.webp') 30% 48%/cover no-repeat!important}

/* Let more of the artwork breathe through the hero while keeping text legible. */
.page-lyrics .page-hero::after{background:linear-gradient(180deg,rgba(3,3,4,.58) 0%,rgba(3,3,4,.18) 34%,rgba(4,3,4,.54) 74%,#050405 100%)!important}
:is(.page-sheets,.page-contact) .page-hero::after{background:linear-gradient(180deg,rgba(3,3,4,.48) 0%,rgba(3,3,4,.12) 36%,rgba(4,3,4,.48) 76%,#050405 100%)!important}
:is(.page-privacy,.page-legal) .page-hero::after{background:linear-gradient(180deg,rgba(3,3,4,.58) 0%,rgba(3,3,4,.26) 40%,rgba(4,3,4,.60) 78%,#050405 100%)!important}

/* Continue each world below the hero instead of reverting to the same generic plate. */
.page-lyrics .content::before{background:url('cinematic/twilight-world.webp') 42% top/cover fixed no-repeat!important;opacity:.48!important}
.page-sheets main::before{background:url('cinematic/warm-world.webp') 28% top/cover fixed no-repeat!important;opacity:.45!important}
.page-contact .content::before{background:url('cinematic/warm-world.webp') 76% top/cover fixed no-repeat!important;opacity:.45!important;transform:scaleX(-1)!important}
.page-privacy .content::before{background:url('cinematic/dark-world.webp') 70% top/cover fixed no-repeat!important;opacity:.42!important}
.page-legal .content::before{background:url('cinematic/dark-world.webp') 28% top/cover fixed no-repeat!important;opacity:.42!important}

/* More atmosphere, less flat black. */
.page-lyrics .content::after{background:linear-gradient(180deg,rgba(4,3,4,.70),rgba(4,3,4,.48),rgba(4,3,4,.76))!important}
:is(.page-sheets,.page-contact) :is(main,.content)::after{background:linear-gradient(180deg,rgba(4,3,4,.66),rgba(4,3,4,.42),rgba(4,3,4,.74))!important}
:is(.page-privacy,.page-legal) .content::after{background:linear-gradient(180deg,rgba(4,3,4,.72),rgba(4,3,4,.54),rgba(4,3,4,.80))!important}

/* Page-specific cinematic accents */
.page-sheets .notify-card,.page-contact .contact-form{border-color:rgba(228,171,128,.30)!important;box-shadow:0 34px 100px rgba(0,0,0,.36),0 0 60px rgba(198,102,58,.08)!important}
.page-lyrics .song-header{box-shadow:0 28px 80px -36px rgba(0,0,0,.9),0 0 70px rgba(142,54,40,.08)!important}
:is(.page-privacy,.page-legal) .legal-section{background:linear-gradient(90deg,rgba(6,4,4,.46),rgba(6,4,4,.18))!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}

@media (max-width:900px){
  .page-contact .page-hero::before,.page-contact .content::before{transform:none!important}
  .page-lyrics .content::before,.page-sheets main::before,.page-contact .content::before,.page-privacy .content::before,.page-legal .content::before{background-attachment:scroll!important;opacity:.40!important}
}

/* ================================================================
   REFERENCE-MATCH INTERIOR PAGES — 2026-10-04
   Matches the approved cinematic EndLM collage more closely while
   preserving all existing content/forms/functionality.
   ================================================================ */

/* Shared interior atmosphere */
.page-lyrics,.page-sheets,.page-contact,.page-privacy,.page-legal{
  --paper:#ead5ad;
  --paper-deep:#d7b984;
  --ink:#2a170d;
  --copper:#dda16f;
  --copper-hi:#ffd0a8;
}
.page-lyrics .page-hero,.page-sheets .page-hero,.page-contact .page-hero,.page-privacy .page-hero,.page-legal .page-hero{
  border-bottom:1px solid rgba(226,164,112,.32)!important;
}
.page-lyrics .page-title,.page-sheets .page-title,.page-contact .page-title,.page-privacy .page-title,.page-legal .page-title{
  font-family:'Cinzel',serif!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  font-weight:500!important;
  text-shadow:0 3px 28px rgba(0,0,0,.62)!important;
}
.page-lyrics .page-title .italic,.page-sheets .page-title .italic,.page-contact .page-title .italic,.page-privacy .page-title .italic,.page-legal .page-title .italic{
  font-family:'Allura','Cormorant Garamond',serif!important;
  text-transform:none!important;
  letter-spacing:.01em!important;
  color:#f2b784!important;
  font-weight:400!important;
}
.page-lyrics .section-label,.page-sheets .section-label,.page-contact .section-label,.page-privacy .section-label,.page-legal .section-label{
  font-family:'Cinzel',serif!important;
  color:#f0c59f!important;
  letter-spacing:.36em!important;
}

/* ---------- LYRICS — liner notes / parchment layout ---------- */
.page-lyrics{
  display:grid!important;
  grid-template-columns:minmax(300px,34vw) minmax(0,1fr)!important;
  background:#070506 url('cinematic/twilight-world.webp') center top/cover fixed no-repeat!important;
}
.page-lyrics > .reading-progress,.page-lyrics > .cursor,.page-lyrics > .cursor-ring{position:fixed}
.page-lyrics .cin-nav,.page-lyrics .page-hero,.page-lyrics .simple-footer{grid-column:1/-1!important}
.page-lyrics .page-hero{
  min-height:46vh!important;
  padding:142px 32px 72px!important;
  background:linear-gradient(180deg,rgba(2,2,3,.28),rgba(2,2,3,.54))!important;
}
.page-lyrics .page-hero::before{
  background:url('cinematic/twilight-world.webp') center 42%/cover no-repeat!important;
  opacity:.96!important;
  filter:saturate(1.16) contrast(1.04) brightness(1.08)!important;
}
.page-lyrics .page-hero::after{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;
  background:linear-gradient(180deg,rgba(2,2,3,.42) 0%,rgba(2,2,3,.12) 38%,rgba(2,2,3,.56) 100%)!important;
  pointer-events:none!important;z-index:1!important;
}
.page-lyrics .page-hero-inner{z-index:3!important;max-width:820px!important}
.page-lyrics .page-title{font-size:clamp(44px,6vw,86px)!important;margin-bottom:12px!important}
.page-lyrics .page-subtitle{color:#f0dfd0!important;font-size:clamp(18px,1.6vw,23px)!important;text-shadow:0 2px 18px #000!important}
.page-lyrics .scroll-indicator{display:none!important}

.page-lyrics .toc{
  grid-column:1!important;
  background:linear-gradient(180deg,rgba(6,5,6,.90),rgba(7,5,5,.82))!important;
  border-right:1px solid rgba(220,156,103,.26)!important;
  border-top:0!important;
  min-width:0!important;
  position:relative!important;
  z-index:3!important;
}
.page-lyrics .toc-inner{
  position:sticky!important;top:104px!important;
  margin:0!important;max-width:none!important;
  padding:48px clamp(26px,3.2vw,54px)!important;
  background:radial-gradient(90% 70% at 0% 0%,rgba(157,44,32,.14),transparent 70%)!important;
  border:0!important;box-shadow:none!important;
}
.page-lyrics .toc-label{
  font-family:'Cinzel',serif!important;color:#e3a572!important;letter-spacing:.30em!important;font-size:12px!important;
  border-bottom:1px solid rgba(226,164,112,.22)!important;padding-bottom:16px!important;margin-bottom:18px!important;
}
.page-lyrics .toc-list{display:block!important}
.page-lyrics .toc-list li{border-bottom:1px solid rgba(255,255,255,.055)!important}
.page-lyrics .toc-list a{
  display:grid!important;grid-template-columns:34px 1fr auto!important;gap:10px!important;
  padding:11px 0!important;color:#efe5da!important;font-family:'Cormorant Garamond',serif!important;font-size:16px!important;
}
.page-lyrics .toc-list .num{color:#d69a68!important;font-family:'Cinzel',serif!important;font-size:10px!important;letter-spacing:.08em!important}
.page-lyrics .toc-list .status{font-size:8px!important;letter-spacing:.16em!important;border-color:rgba(221,161,111,.28)!important;color:#dba372!important;background:rgba(0,0,0,.24)!important}

.page-lyrics .content{
  grid-column:2!important;
  background:transparent!important;
  position:relative!important;
  min-width:0!important;
  padding:58px clamp(30px,5vw,86px) 110px!important;
}
.page-lyrics .content::before{
  content:""!important;display:block!important;position:fixed!important;inset:0 0 0 34vw!important;
  background:url('cinematic/warm-world.webp') 66% top/cover no-repeat!important;
  opacity:.36!important;filter:saturate(.88) brightness(.78)!important;z-index:-2!important;transform:none!important;
}
.page-lyrics .content::after{
  content:""!important;display:block!important;position:fixed!important;inset:0 0 0 34vw!important;
  background:linear-gradient(180deg,rgba(10,7,6,.70),rgba(8,6,5,.54),rgba(6,4,4,.78))!important;z-index:-1!important;
}
.page-lyrics .content-inner{max-width:820px!important;margin:0 auto!important;padding:0!important}
.page-lyrics .song-section{
  position:relative!important;isolation:isolate!important;
  margin:0 0 58px!important;padding:clamp(34px,4vw,58px)!important;
  border:1px solid rgba(80,47,25,.25)!important;border-radius:2px!important;
  background:
    radial-gradient(circle at 16% 10%,rgba(255,255,255,.28),transparent 22%),
    linear-gradient(105deg,rgba(250,231,191,.97),rgba(228,202,151,.96) 58%,rgba(214,181,126,.96))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.46),inset 0 0 70px rgba(102,62,29,.10)!important;
  color:var(--ink)!important;
}
.page-lyrics .song-section::before{
  display:block!important;content:""!important;position:absolute!important;inset:8px!important;left:8px!important;right:8px!important;
  border:1px solid rgba(95,57,31,.16)!important;background:none!important;z-index:-1!important;pointer-events:none!important;
}
.page-lyrics .song-section::after{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.24;
  background-image:repeating-radial-gradient(circle at 20% 20%,rgba(84,50,24,.14) 0 1px,transparent 1px 5px);
  mix-blend-mode:multiply;
}
.page-lyrics .song-header{background:none!important;border:0!important;box-shadow:none!important;padding:0 0 26px!important;text-align:left!important}
.page-lyrics .song-num-tag{color:#8f5d36!important;font-family:'Cinzel',serif!important;letter-spacing:.2em!important}
.page-lyrics .song-title{color:#29170d!important;font-family:'Cormorant Garamond',serif!important;font-size:clamp(38px,4vw,64px)!important;text-align:left!important;line-height:.95!important}
.page-lyrics .song-title .italic{color:#7a3d24!important;font-family:'Allura','Cormorant Garamond',serif!important}
.page-lyrics .song-subtitle{color:#68452f!important;text-align:left!important;margin-left:0!important;max-width:650px!important;font-size:19px!important}
.page-lyrics .song-meta{justify-content:flex-start!important}
.page-lyrics .badge{color:#5f3823!important;border-color:rgba(98,59,34,.28)!important;background:rgba(111,66,35,.08)!important}
.page-lyrics .badge.live{color:#7e3f25!important;border-color:rgba(126,63,37,.35)!important}
.page-lyrics .lyrics-body{max-width:none!important;margin:0!important;text-align:left!important}
.page-lyrics .lyric-block{padding:22px 0 6px!important;border-top:1px solid rgba(78,48,29,.12)!important}
.page-lyrics .lyric-tag{color:#8d5734!important;justify-content:flex-start!important;font-size:9px!important}
.page-lyrics .lyric-tag::before{display:none!important}.page-lyrics .lyric-tag::after{background:rgba(107,65,36,.26)!important}
.page-lyrics .lyric{color:#321e12!important;font-size:clamp(19px,1.45vw,22px)!important;line-height:1.62!important;font-weight:500!important;text-align:left!important}
.page-lyrics .lyric-block.chorus{background:radial-gradient(60% 90% at 12% 50%,rgba(150,83,43,.10),transparent 80%)!important}
.page-lyrics .lyric-block.chorus .lyric,.page-lyrics .lyric-block.bridge .lyric{color:#2d190e!important}
.page-lyrics .song-footer{color:#744b31!important;text-align:left!important;border-top:1px solid rgba(78,48,29,.15)!important;padding-top:24px!important}
.page-lyrics .song-divider{display:none!important}

/* ---------- CHORD SHEETS — guitar scene with editorial panel ---------- */
.page-sheets{
  background:#080604 url('cinematic/warm-world.webp') center/cover fixed no-repeat!important;
}
.page-sheets .page-hero{
  min-height:100vh!important;padding:132px clamp(24px,5vw,80px) 70px!important;text-align:left!important;
  align-items:flex-end!important;background:transparent!important;
}
.page-sheets .page-hero::before{
  background:url('cinematic/warm-world.webp') center/cover no-repeat!important;opacity:1!important;filter:saturate(1.12) brightness(.98)!important;
}
.page-sheets .page-hero::after{
  content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,3,.16) 0%,rgba(3,3,3,.08) 42%,rgba(3,3,3,.56) 100%),linear-gradient(180deg,rgba(3,3,3,.25),transparent 42%,rgba(3,3,3,.48));z-index:1;pointer-events:none
}
.page-sheets .page-hero-inner{
  z-index:3!important;max-width:640px!important;margin:0 2vw 0 auto!important;padding:38px 42px 42px!important;
  background:rgba(12,8,6,.78)!important;border:1px solid rgba(230,169,116,.32)!important;
  box-shadow:0 36px 110px rgba(0,0,0,.48)!important;backdrop-filter:blur(10px)!important;
}
.page-sheets .lock-glyph{display:none!important}
.page-sheets .section-label{margin-bottom:14px!important}
.page-sheets .page-title{font-size:clamp(40px,4.2vw,66px)!important;line-height:1.02!important;margin-bottom:14px!important;color:#fff3e8!important}
.page-sheets .page-tagline{color:#ead7c5!important;font-family:'Cormorant Garamond',serif!important;font-size:20px!important;max-width:540px!important}
.page-sheets .status-pill{background:rgba(0,0,0,.30)!important;border-color:rgba(225,164,111,.30)!important;color:#efc299!important}
.page-sheets .notify-card{
  margin-top:28px!important;background:linear-gradient(110deg,rgba(239,216,173,.96),rgba(217,184,131,.96))!important;
  color:#2b190f!important;border:1px solid rgba(92,54,29,.30)!important;box-shadow:0 28px 80px rgba(0,0,0,.38)!important
}
.page-sheets .notify-card h3,.page-sheets .notify-card .italic{color:#2b190f!important}
.page-sheets .notify-card .hint,.page-sheets .notify-card .legal{color:#6b4732!important}
.page-sheets .notify-card input{background:rgba(255,249,235,.65)!important;color:#2a170d!important;border-color:rgba(82,47,25,.28)!important}
.page-sheets .notify-card input::placeholder{color:#815d42!important}
.page-sheets .notify-card button{background:#21140d!important;color:#f5d9ba!important;border:1px solid rgba(78,44,24,.5)!important}
.page-sheets .bottom-link{color:#f1c59e!important}
.page-sheets .simple-footer{background:#080604!important}

/* ---------- CONTACT — cinematic sunset form ---------- */
.page-contact{
  background:#080604 url('cinematic/warm-world.webp') center/cover fixed no-repeat!important;
}
.page-contact .page-hero{
  min-height:38vh!important;padding:132px 32px 38px!important;background:transparent!important;
}
.page-contact .page-hero::before{background:url('cinematic/warm-world.webp') center 42%/cover no-repeat!important;opacity:1!important;filter:saturate(1.08) brightness(.92)!important;transform:none!important}
.page-contact .page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,3,3,.35),rgba(3,3,3,.05) 55%,rgba(5,4,4,.70));z-index:1;pointer-events:none}
.page-contact .page-hero-inner{z-index:3!important}
.page-contact .page-title{font-size:clamp(46px,5.4vw,82px)!important;margin-bottom:8px!important;color:#fff3e8!important}
.page-contact .page-subtitle{color:#f0ddca!important}
.page-contact .scroll-indicator{display:none!important}
.page-contact .content{background:transparent!important;padding:28px 24px 110px!important}
.page-contact .content::before{display:none!important}.page-contact .content::after{display:none!important}
.page-contact .content-inner{max-width:760px!important;margin:0 auto!important;padding:0!important}
.page-contact .intro{color:#f6e8da!important;text-align:center!important;text-shadow:0 2px 12px #000!important;font-size:20px!important;line-height:1.5!important;margin-bottom:28px!important}
.page-contact .contact-form{
  background:rgba(8,6,5,.86)!important;border:1px solid rgba(228,171,128,.36)!important;border-radius:2px!important;
  box-shadow:0 36px 120px rgba(0,0,0,.50),0 0 80px rgba(178,76,42,.10)!important;backdrop-filter:blur(10px)!important;
}
.page-contact .contact-form::before{background:radial-gradient(circle at 100% 0%,rgba(228,171,128,.13),transparent 38%)!important}
.page-contact .form-eyebrow{color:#e5aa79!important}.page-contact .contact-form h3{color:#fff1e4!important}.page-contact .form-lead{color:#cab9a9!important}
.page-contact .submit-btn{background:linear-gradient(90deg,#a95032,#e19d69)!important;color:#120b08!important;border-color:#f0b786!important}
.page-contact .response-note{background:rgba(8,6,5,.72)!important;border:1px solid rgba(228,171,128,.18)!important;padding:24px!important}
.page-contact .simple-footer{background:#080604!important}

/* ---------- PRIVACY / LEGAL — restrained moonlit editorial panels ---------- */
.page-privacy,.page-legal{
  background:#040506 url('cinematic/dark-world.webp') center/cover fixed no-repeat!important;
}
.page-privacy .page-hero,.page-legal .page-hero{min-height:38vh!important;padding:134px 32px 42px!important;background:transparent!important}
.page-privacy .page-hero::before,.page-legal .page-hero::before{background:url('cinematic/dark-world.webp') center 38%/cover no-repeat!important;opacity:1!important;filter:saturate(.84) brightness(.72) contrast(1.08)!important}
.page-privacy .page-hero::after,.page-legal .page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,3,4,.52),rgba(2,3,4,.12) 48%,rgba(3,4,5,.82));z-index:1;pointer-events:none}
.page-privacy .page-hero-inner,.page-legal .page-hero-inner{z-index:3!important}
.page-privacy .page-title,.page-legal .page-title{font-size:clamp(42px,5vw,76px)!important;color:#f3e7dc!important}
.page-privacy .page-subtitle,.page-legal .page-subtitle{color:#c9c4be!important}
.page-privacy .scroll-indicator,.page-legal .scroll-indicator{display:none!important}
.page-privacy .content,.page-legal .content{background:transparent!important;padding:46px 24px 110px!important}
.page-privacy .content::before,.page-legal .content::before{display:none!important}.page-privacy .content::after,.page-legal .content::after{display:none!important}
.page-privacy .content-inner,.page-legal .content-inner{max-width:920px!important;margin:0 auto!important;padding:0!important}
.page-privacy .legal-section,.page-legal .legal-section{
  background:rgba(4,6,8,.84)!important;border:1px solid rgba(190,154,124,.20)!important;border-radius:2px!important;
  box-shadow:0 28px 90px rgba(0,0,0,.38)!important;backdrop-filter:blur(8px)!important;margin-bottom:20px!important
}
.page-privacy .legal-section:hover,.page-legal .legal-section:hover{border-color:rgba(229,170,121,.36)!important}
.page-privacy .legal-section h2,.page-legal .legal-section h2{font-family:'Cinzel',serif!important;letter-spacing:.05em!important;color:#f1e7dd!important}
.page-privacy .legal-section p,.page-privacy .legal-section li,.page-legal .legal-section p,.page-legal .legal-section address{color:#c9c2bb!important;font-family:'Cormorant Garamond',serif!important;font-size:18px!important;line-height:1.65!important}
.page-privacy .toc{background:transparent!important}.page-privacy .toc-inner{background:rgba(4,6,8,.76)!important;border:1px solid rgba(190,154,124,.17)!important}
.page-privacy .simple-footer,.page-legal .simple-footer{background:#030405!important}

@media(max-width:900px){
  .page-lyrics{display:block!important;background-attachment:scroll!important}
  .page-lyrics .toc{position:relative!important;border-right:0!important;border-bottom:1px solid rgba(220,156,103,.22)!important}
  .page-lyrics .toc-inner{position:relative!important;top:auto!important;padding:30px 22px!important}
  .page-lyrics .content{padding:34px 16px 80px!important}
  .page-lyrics .content::before,.page-lyrics .content::after{position:absolute!important;inset:0!important;background-attachment:scroll!important}
  .page-lyrics .song-section{padding:30px 22px!important;margin-bottom:28px!important}
  .page-sheets .page-hero{padding:118px 18px 50px!important;align-items:center!important}
  .page-sheets .page-hero-inner{margin:0!important;max-width:680px!important;padding:30px 22px!important}
  .page-contact,.page-sheets,.page-privacy,.page-legal{background-attachment:scroll!important}
}

/* Phones: the same album-world artwork at 1280px instead of the 4K originals (desktop keeps 4K) */
@media (max-width:760px){
  .mobile-menu-bg{background:linear-gradient(90deg,rgba(3,3,4,.82),rgba(3,3,4,.40)),
    url("cinematic/hero-world-m.webp") center/cover no-repeat!important}
  .hero.hero-wwlb::before{background:url("cinematic/hero-world-m.webp") center 45%/cover no-repeat!important}
  .album-feature::before{background:url("cinematic/dark-world-m.webp") center/cover no-repeat!important}
  .album-feature.is-unplugged::before{background:url("cinematic/warm-world-m.webp") center/cover no-repeat!important}
  .two-sides::before,.about::before,.vision::before,.sound::before,.method::before,.why::before,.connect::before{background:url("cinematic/twilight-world-m.webp") center/cover no-repeat!important}
  .about::before,.sound::before,.why::before{background-image:url("cinematic/dark-world-m.webp")!important}
  .vision::before,.method::before{background-image:url("cinematic/warm-world-m.webp")!important}
  .site-footer::before,.simple-footer::before{background:url("cinematic/twilight-world-m.webp") center bottom/cover no-repeat!important}
  .page-hero::before{background:url("cinematic/hero-world-m.webp") center 48%/cover no-repeat!important}
  .page-lyrics .content::before,.page-contact .content::before,.page-privacy .content::before,.page-legal .content::before,.page-sheets main::before{background:url("cinematic/twilight-world-m.webp") center top/cover fixed no-repeat!important}
  .hero.hero-wwlb::before{background-image:linear-gradient(180deg,rgba(2,2,3,.08),rgba(2,2,3,.34) 55%,rgba(2,2,3,.82)),url("cinematic/hero-world-m.webp")!important}
  .page-lyrics .page-hero::before{background:url("cinematic/twilight-world-m.webp") center 42%/cover no-repeat!important}
  :is(.page-contact,.page-sheets) .page-hero::before{background:url("cinematic/warm-world-m.webp") center 50%/cover no-repeat!important}
  :is(.page-legal,.page-privacy) .page-hero::before{background:url("cinematic/dark-world-m.webp") center 45%/cover no-repeat!important}
  .page-lyrics .page-hero::before{background:url("cinematic/hero-world-m.webp") center 44%/cover no-repeat!important}
  .page-lyrics .page-hero::before{background:url("cinematic/twilight-world-m.webp") 42% 48%/cover no-repeat!important}
  .page-sheets .page-hero::before{background:url("cinematic/warm-world-m.webp") 35% 50%/cover no-repeat!important}
  .page-contact .page-hero::before{background:url("cinematic/warm-world-m.webp") 74% 50%/cover no-repeat!important}
  .page-privacy .page-hero::before{background:url("cinematic/dark-world-m.webp") 68% 48%/cover no-repeat!important}
  .page-legal .page-hero::before{background:url("cinematic/dark-world-m.webp") 30% 48%/cover no-repeat!important}
  .page-lyrics .content::before{background:url("cinematic/twilight-world-m.webp") 42% top/cover fixed no-repeat!important}
  .page-sheets main::before{background:url("cinematic/warm-world-m.webp") 28% top/cover fixed no-repeat!important}
  .page-contact .content::before{background:url("cinematic/warm-world-m.webp") 76% top/cover fixed no-repeat!important}
  .page-privacy .content::before{background:url("cinematic/dark-world-m.webp") 70% top/cover fixed no-repeat!important}
  .page-legal .content::before{background:url("cinematic/dark-world-m.webp") 28% top/cover fixed no-repeat!important}
  .page-lyrics{background:#070506 url("cinematic/twilight-world-m.webp") center top/cover fixed no-repeat!important}
  .page-lyrics .page-hero::before{background:url("cinematic/twilight-world-m.webp") center 42%/cover no-repeat!important}
  .page-lyrics .content::before{background:url("cinematic/warm-world-m.webp") 66% top/cover no-repeat!important}
  .page-sheets{background:#080604 url("cinematic/warm-world-m.webp") center/cover fixed no-repeat!important}
  .page-sheets .page-hero::before{background:url("cinematic/warm-world-m.webp") center/cover no-repeat!important}
  .page-contact{background:#080604 url("cinematic/warm-world-m.webp") center/cover fixed no-repeat!important}
  .page-contact .page-hero::before{background:url("cinematic/warm-world-m.webp") center 42%/cover no-repeat!important}
  .page-privacy,.page-legal{background:#040506 url("cinematic/dark-world-m.webp") center/cover fixed no-repeat!important}
  .page-privacy .page-hero::before,.page-legal .page-hero::before{background:url("cinematic/dark-world-m.webp") center 38%/cover no-repeat!important}
}

/* =========================================================================
   SHORTER HOMEPAGE + NEW PAGES (About, Follow the Journey)
   ========================================================================= */
/* "One story. Two experiences." is now the compact intro to the two albums */
.two-sides{padding:110px 32px 72px!important}
.two-sides .ts-title{text-align:center!important;margin-left:auto!important;margin-right:auto!important;margin-bottom:18px!important}
.ts-intro{margin:0 auto 40px;max-width:36em;text-align:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(19px,1.7vw,24px);line-height:1.45;color:var(--bone-dim)}
.two-sides .ts-split{min-height:250px!important;margin-bottom:0!important}
/* closing strip on the homepage */
.home-continue{padding:84px 32px 92px;text-align:center;border-top:1px solid var(--line);position:relative}
.home-continue .section-label{justify-content:center}
.hc-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}
@media (max-width:760px){.two-sides{padding:84px 20px 56px!important}.home-continue{padding:64px 20px 72px}.hc-links .btn{flex:1 1 100%;justify-content:center}}
/* new page heroes */
.page-about .page-hero::before{background:url('cinematic/hero-world.webp') center 40%/cover no-repeat!important}
.page-journey .page-hero::before{background:url('cinematic/warm-world.webp') center 50%/cover no-repeat!important}
@media (max-width:760px){
  .page-about .page-hero::before{background-image:url('cinematic/hero-world-m.webp')!important}
  .page-journey .page-hero::before{background-image:url('cinematic/warm-world-m.webp')!important}
}
.page-subnav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:30px auto 0;max-width:640px}
.page-subnav a{font-family:'Cinzel',serif;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:#f1ede8;
  padding:10px 16px;border-radius:10px;border:1px solid rgba(150,140,130,.7);background:rgba(4,3,3,.72);transition:border-color .3s,color .3s}
.page-subnav a:hover{border-color:var(--cin-copper-hi);color:var(--cin-copper-hi)}
:is(.page-about,.page-journey) :is(.about,.vision,.sound,.method,.why,.connect){scroll-margin-top:90px}
/* Unplugged mirrors the original album with the same proportions (text column no longer the narrow one) */
@media (min-width:981px){.album-feature.is-unplugged .af-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important}}
/* Tracklists: one track per row so every title sits on one line.
   (The two-column grid left titles ~36px wide, so they wrapped word by word and ran under the theme labels.) */
.af-tracks{display:block!important;column-gap:0!important}
.af-track{grid-template-columns:46px minmax(0,1fr) auto!important}
.af-name{overflow-wrap:break-word}
@media (max-width:520px){.af-track{grid-template-columns:28px minmax(0,1fr) auto!important}}

/* =========================================================================
   ALBUM PAGES (/what-we-leave-behind, /unplugged) — same look as the former homepage sections
   ========================================================================= */
@media (min-width:761px){.page-album .album-feature:first-of-type{border-top:0!important}}
@media (min-width:761px){.page-album .album-feature{margin-top:0!important}}
.page-album .album-feature::after{background:linear-gradient(90deg,rgba(2,2,3,.14) 0%,rgba(2,2,3,.40) 40%,rgba(2,2,3,.84) 100%),linear-gradient(180deg,rgba(5,4,5,.55) 0%,transparent 14%,transparent 86%,#050405 100%)!important}
.page-album .album-feature.is-unplugged::after{background:linear-gradient(270deg,rgba(2,2,3,.12) 0%,rgba(2,2,3,.38) 40%,rgba(2,2,3,.84) 100%),linear-gradient(180deg,rgba(5,4,5,.55) 0%,transparent 14%,transparent 86%,#050405 100%)!important}
@media (max-width:980px){.page-album .album-feature::after,.page-album .album-feature.is-unplugged::after{background:linear-gradient(180deg,rgba(2,2,3,.30),rgba(2,2,3,.70) 38%,rgba(2,2,3,.93))!important}}
.page-album .album-feature{padding-top:clamp(130px,14vw,170px)!important}
.page-album .two-sides{border-top:1px solid var(--line)}
.ts-side.is-current{cursor:default}
.ts-side.is-current .ts-go{color:var(--cin-copper-hi)!important;letter-spacing:.2em}
.ts-side.is-current::after{content:"";position:absolute;inset:0;border:1px solid rgba(228,171,128,.38);border-radius:inherit;pointer-events:none}
/* Phone hero: the albums now open their own pages, so the cue points up at them instead of down */
.wwlb-listen::after{content:"TAP AN ALBUM TO EXPLORE ↑"!important}

/* =========================================================================
   MUSIC PAGE (/music) — both albums side by side, each on its own world
   ========================================================================= */
.music-page{position:relative;max-width:1320px;margin:0 auto;padding:clamp(118px,11vw,150px) clamp(20px,4vw,56px) clamp(64px,7vw,96px)}
.mp-head{text-align:center;margin-bottom:clamp(28px,3.6vw,46px)}
.mp-head .section-label{justify-content:center}
.mp-title{margin:16px auto 10px!important;text-align:center!important}
.mp-intro{margin:0 auto;max-width:34em;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(18px,1.6vw,22px);line-height:1.45;color:var(--bone-dim)}
.ma-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.ma-card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;
  gap:clamp(18px,2.2vw,30px);padding:clamp(18px,2.2vw,28px);border-radius:18px;border:1px solid rgba(228,171,128,.22);background:#070505;
  box-shadow:0 40px 90px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,235,215,.05)}
.ma-card::before{content:"";position:absolute;inset:0;z-index:-2;background:url('cinematic/dark-world.webp') center 45%/cover no-repeat;opacity:.62}
.ma-card.is-unplugged::before{background-image:url('cinematic/warm-world.webp')}
.ma-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,3,3,.30) 0%,rgba(4,3,3,.72) 45%,rgba(4,3,3,.90) 100%)}
.ma-cover{display:block;border-radius:6px;overflow:hidden;box-shadow:0 24px 50px -20px rgba(0,0,0,.9),0 0 0 1px rgba(255,220,194,.18);transition:transform .5s cubic-bezier(.2,.7,0,1),box-shadow .5s}
.ma-cover img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.ma-cover:hover,.ma-cover:focus-visible{transform:translateY(-4px);box-shadow:0 30px 60px -20px rgba(0,0,0,.9),0 0 0 1px rgba(255,220,194,.42),0 0 40px rgba(228,171,128,.26)}
.ma-side{font-family:'Cinzel',serif;font-size:10px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--cin-copper)}
.ma-card.is-unplugged .ma-side{color:#f3caac}
.ma-title.display{font-size:clamp(22px,2.1vw,34px)!important;line-height:1.12!important;margin:10px 0 8px!important}
.ma-meta{font-family:'Cinzel',serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-mute)}
.ma-copy{margin:14px 0 18px;font-family:'Cormorant Garamond',serif;font-size:clamp(16px,1.2vw,19px);line-height:1.5;color:#e2d6c9}
.ma-actions{display:flex;flex-wrap:wrap;gap:8px}
.ma-actions .btn{padding:11px 14px!important;font-size:10px!important}
@media (max-width:1100px){.ma-card{grid-template-columns:1fr}.ma-cover{max-width:360px}}
@media (max-width:760px){
  .ma-grid{grid-template-columns:1fr}
  .ma-card::before{background-image:url('cinematic/dark-world-m.webp')}
  .ma-card.is-unplugged::before{background-image:url('cinematic/warm-world-m.webp')}
  .ma-card::after{background:linear-gradient(180deg,rgba(4,3,3,.35),rgba(4,3,3,.88) 55%)}
  .ma-cover{max-width:none}
}
/* Music page cards: title row spans the card; cover + description side by side underneath */
.ma-card{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;grid-template-areas:"head head" "cover body";align-items:start!important;row-gap:clamp(14px,1.6vw,20px)!important}
.ma-head{grid-area:head}
.ma-cover{grid-area:cover}
.ma-body{grid-area:body;align-self:center}
.ma-title.display{font-size:clamp(20px,1.85vw,30px)!important;margin:8px 0 6px!important}
.ma-title.display em{display:block;margin-top:2px}
.ma-copy{margin:0 0 16px!important}
.music-page{padding-top:clamp(104px,9.5vw,136px)!important}
@media (max-height:800px) and (min-width:761px){.music-page{padding-top:96px!important}.mp-head{margin-bottom:22px!important}.mp-title{margin:10px auto 6px!important}}
@media (max-width:1100px){.ma-card{grid-template-columns:1fr!important;grid-template-areas:"head" "cover" "body"}.ma-cover{max-width:360px}}
.ma-title.display{font-size:clamp(18px,1.6vw,26px)!important;letter-spacing:.04em!important;margin:8px 0 12px!important}
.ma-title.display em{line-height:1.05!important;font-size:1.5em!important}
.music-page .ma-card .ma-title.display{font-size:clamp(18px,1.6vw,26px)!important;letter-spacing:.04em!important;margin:8px 0 12px!important}
.music-page .ma-card .ma-title.display em{line-height:1.05!important;font-size:1.5em!important}

/* ---------- Rose petals (assets/petals.js): red drift on the left, pink on the right ---------- */
.petals-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}   /* desktop: over the painted world, under the live logo/menu/covers/buttons (z-index 3) */
.legacy-mobile-hero .petals-canvas{z-index:1}