:root{--bg:#100e0c;--panel:#17130f;--cream:#ead9bd;--gold:#b8782e;--muted:#c9bda9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--cream);font-family:Arial,Helvetica,sans-serif;line-height:1.65;text-rendering:optimizeLegibility}.hero{min-height:100vh;position:relative;background:linear-gradient(90deg,rgba(11,9,8,.95) 0%,rgba(11,9,8,.76) 34%,rgba(11,9,8,.12) 64%),url('assets/back-when-the-world.jpg') center/cover no-repeat;border-bottom:1px solid #805a31}nav{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand,h1,h2,.eyebrow{font-family:Georgia,'Times New Roman',serif;letter-spacing:.22em}.brand{font-size:1.45rem;color:var(--cream);text-decoration:none;transition:color .2s ease}.navlinks{display:flex;gap:3rem}.navlinks a{color:var(--cream);text-decoration:none;font-size:.85rem;letter-spacing:.12em;transition:color .2s ease}.hero-copy{position:absolute;left:6vw;top:50%;transform:translateY(-42%);max-width:610px}.hero h1{font-size:clamp(3.7rem,7vw,7rem);font-weight:400;line-height:.98;margin:0;text-wrap:balance}.rule,.smallrule{height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin:1rem 0}.hero-copy p{letter-spacing:.27em;margin:1.2rem 0 2rem}.button{display:inline-block;border:1px solid var(--gold);color:#dda057;text-decoration:none;padding:.9rem 1.35rem;letter-spacing:.08em;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.button:hover{background:rgba(184,120,46,.12);color:#f0b96f;transform:translateY(-1px)}a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.navlinks a:hover,.spotify-link:hover,.contact a:hover,.footer-links a:hover,.legal-card a:hover,.brand:hover{color:#dda057}.down{position:absolute;left:5vw;bottom:1.8rem;color:var(--cream);text-decoration:none;font-size:2rem;opacity:.8;transition:opacity .2s ease,transform .2s ease}.down:hover{opacity:1;transform:translateY(2px)}.section{padding:6.5rem max(6vw,24px)}.album{display:grid;grid-template-columns:minmax(250px,390px) minmax(280px,560px);gap:6vw;align-items:center;background:radial-gradient(circle at 50% 30%,#2a2016 0,var(--panel) 42%,#100e0c 100%)}.album img{display:block;width:100%;box-shadow:0 18px 50px rgba(0,0,0,.72);border:1px solid #5c4935}.eyebrow{display:inline-block;color:#d18a38;font-size:.9rem;line-height:1.4}.album h2,.about h2{font-size:clamp(2.2rem,4vw,4.2rem);font-weight:400;line-height:1.08;margin:1rem 0 1.2rem;text-wrap:balance}.album p,.about p{color:var(--muted);max-width:650px;font-size:1.02rem}.spotify{margin-top:1rem}.about{min-height:560px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(10,9,8,.97),rgba(10,9,8,.76)),url('assets/back-when-the-world.jpg') center 42%/cover no-repeat}.about>div{max-width:720px}.listen,.contact{text-align:center;border-top:1px solid #5f452b}.spotify-link{display:block;width:max-content;margin:2rem auto 0;color:var(--cream);text-decoration:none;letter-spacing:.14em;transition:color .2s ease}.spotify-icon{color:#d18a38;margin-right:.5rem}.contact a{display:block;color:var(--cream);text-decoration:none;font-family:Georgia,serif;font-size:1.3rem;margin-top:1.5rem;transition:color .2s ease}footer{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem 5vw;border-top:1px solid #5f452b;color:#aa9a86;font-size:.78rem;letter-spacing:.1em}.footer-links{display:flex;gap:1.25rem}.footer-links a{color:#aa9a86;text-decoration:none;transition:color .2s ease}.legal-page{min-height:100vh;background:radial-gradient(circle at 80% 0,#2a2016 0,var(--panel) 27%,var(--bg) 70%)}.legal-header{border-bottom:1px solid #5f452b}.legal-main{padding:5rem max(6vw,24px) 7rem}.legal-card{max-width:880px;margin:0 auto}.legal-card>h1{font-size:clamp(2.6rem,6vw,5rem);font-weight:400;line-height:1.05;margin:.8rem 0 1.4rem}.legal-card h2{font-family:Georgia,'Times New Roman',serif;font-size:1.25rem;letter-spacing:.08em;font-weight:400;margin:2.6rem 0 .7rem;color:var(--cream)}.legal-card p{color:var(--muted);max-width:800px}.legal-card a{color:#dda057;text-decoration:none}.legal-updated{margin-top:3rem;font-size:.88rem;color:#9f907c!important}.legal-nav{margin-left:auto}@media(max-width:900px){.album{gap:4vw}.navlinks{gap:1.5rem}}@media(max-width:760px){nav{height:72px;padding:0 6vw}.brand{font-size:1.15rem}.navlinks{gap:.85rem}.navlinks a{font-size:.65rem;letter-spacing:.08em}.hero{min-height:88svh;background-position:62% center}.hero-copy{left:7vw;right:7vw;top:52%;transform:translateY(-45%);max-width:none}.hero h1{font-size:clamp(3rem,15vw,4.4rem);letter-spacing:.14em}.hero-copy p{font-size:.72rem;letter-spacing:.14em;line-height:1.8}.button{padding:.85rem 1rem;font-size:.78rem;line-height:1.45}.down{left:7vw;bottom:1.2rem}.album{grid-template-columns:1fr;gap:3rem}.album img{max-width:420px;margin:auto}.album h2,.about h2{font-size:clamp(2rem,10vw,3.2rem)}.section{padding:4.5rem 7vw}.about{min-height:auto;background-position:60% center}.contact a{font-size:1.05rem;overflow-wrap:anywhere}footer{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.6rem 7vw}.footer-links{flex-wrap:wrap}.legal-main{padding:3.5rem 7vw 5rem}.legal-card>h1{letter-spacing:.13em}.legal-card h2{font-size:1.12rem}}@media(max-width:430px){nav{align-items:flex-start;padding-top:1.15rem}.navlinks{gap:.65rem;padding-top:.15rem}.navlinks a{font-size:.58rem}.hero h1{font-size:clamp(2.75rem,14vw,3.6rem)}.hero-copy p{max-width:280px}.button{max-width:100%;text-align:center}.section{padding-top:4rem;padding-bottom:4rem}}@media(min-width:1400px){.hero-copy{left:max(6vw,90px)}.section{padding-left:max(8vw,110px);padding-right:max(8vw,110px)}.album{grid-template-columns:minmax(320px,430px) minmax(360px,620px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.down,.brand,.navlinks a,.spotify-link,.contact a,.footer-links a{transition:none}.button:hover,.down:hover{transform:none}}

/* Discography */
.discography{overflow:hidden;background:linear-gradient(180deg,#100e0c 0,#15110e 50%,#100e0c 100%)}
.discography .section-heading{max-width:1180px;margin:0 auto 2.5rem}
.discography .section-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,3.6vw,3.6rem);font-weight:400;letter-spacing:.18em;line-height:1.1;margin:.6rem 0 0}
.release-card{min-width:0}
.album-card{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.release-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border:1px solid #5c4935;box-shadow:0 14px 38px rgba(0,0,0,.55)}
.release-info{min-width:0}
.release-type{display:block;color:#d18a38;font-size:.72rem;letter-spacing:.18em;margin-bottom:.65rem}
.release-info h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.35rem,2.4vw,2.2rem);font-weight:400;letter-spacing:.12em;line-height:1.2;margin:0 0 1.2rem;overflow-wrap:anywhere}
.release-link{display:inline-block;color:#dda057;text-decoration:none;border-bottom:1px solid #805a31;padding-bottom:.22rem;font-size:.78rem;letter-spacing:.11em;transition:color .2s ease,border-color .2s ease}
.release-link:hover{color:#f0b96f;border-color:#d18a38}
.singles-heading{margin-top:6rem!important}
.singles-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,320px));gap:clamp(2rem,4vw,3.5rem);justify-content:start}
.singles-grid .release-info{padding-top:1.1rem}
.singles-grid .release-info h3{font-size:clamp(1.1rem,1.8vw,1.55rem)}

@media(max-width:760px){
  .album-card{grid-template-columns:1fr;gap:2rem}
  .album-card img{max-width:320px}
  .singles-heading{margin-top:4.5rem!important}
  .singles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
  .singles-grid .release-info h3{font-size:1rem;letter-spacing:.08em}
  .release-link{font-size:.7rem}
}
@media(max-width:520px){
  .singles-grid{grid-template-columns:1fr;max-width:320px;margin-left:0}
}

/* v5 cache-bust + compact discography */
html,body{width:100%;max-width:100%;overflow-x:clip}
main,header,footer,.section,.discography{width:100%;max-width:100%}
.discography{overflow-x:clip}
.album-card{grid-template-columns:minmax(190px,260px) minmax(0,1fr);max-width:1050px}
.album-card img{max-width:260px}
.singles-grid{grid-template-columns:repeat(2,minmax(0,220px));max-width:1050px;gap:2.25rem}
.singles-grid .release-card{max-width:220px}
.singles-grid .release-card img{max-width:220px}
@media(max-width:760px){
  .album-card img{max-width:240px}
  .singles-grid{grid-template-columns:repeat(2,minmax(0,180px));gap:1.25rem}
  .singles-grid .release-card,.singles-grid .release-card img{max-width:180px}
}
@media(max-width:520px){
  .singles-grid{grid-template-columns:1fr;max-width:220px}
  .singles-grid .release-card,.singles-grid .release-card img{max-width:220px}
}



/* v7.1 project transparency note */
.project-note{margin-top:2rem;padding-top:1.35rem;border-top:1px solid #5a4632;max-width:760px}
.project-note-label{display:block;margin-bottom:.65rem;color:#c9b99f;font-size:.72rem;font-weight:600;letter-spacing:.16em}
.project-note p{margin:0;color:#b8aa98;font-size:.88rem;line-height:1.75}
@media(max-width:760px){.project-note{margin-top:1.6rem;padding-top:1.15rem}.project-note p{font-size:.84rem}}

/* v7.3 native ELOVANE audio previews */
.audio-preview{margin:1.4rem 0 1.25rem;max-width:520px;padding:1rem 1.1rem;border:1px solid #5a4632;background:rgba(16,14,12,.55)}
.audio-preview.compact{margin:1rem 0 1.05rem;padding:.8rem .85rem}
.preview-label{display:block;color:#d18a38;font-size:.62rem;letter-spacing:.16em;margin-bottom:.25rem}
.audio-preview strong{display:block;color:var(--cream);font-family:Georgia,'Times New Roman',serif;font-size:.9rem;font-weight:400;letter-spacing:.09em;margin-bottom:.65rem}
.preview-controls{display:grid;grid-template-columns:34px minmax(60px,1fr) auto;gap:.7rem;align-items:center}
.preview-play{width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;background:transparent;color:#dda057;cursor:pointer;font-size:.75rem;line-height:1;display:grid;place-items:center;padding:0;transition:background .2s ease,color .2s ease}
.preview-play:hover{background:rgba(184,120,46,.14);color:#f0b96f}
.preview-play:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.preview-track{height:2px;background:#514334;overflow:hidden}
.preview-progress{display:block;width:0;height:100%;background:#d18a38}
.preview-time{color:#aa9a86;font-size:.66rem;letter-spacing:.04em;white-space:nowrap}
.singles-grid{grid-template-columns:repeat(3,minmax(0,220px))}
@media(max-width:760px){.singles-grid{grid-template-columns:repeat(2,minmax(0,180px))}.preview-controls{grid-template-columns:34px minmax(45px,1fr) auto;gap:.55rem}.preview-time{font-size:.62rem}}
@media(max-width:520px){.singles-grid{grid-template-columns:1fr;max-width:220px}}


/* v8 visual refinement: stronger hero, release hierarchy and branded previews */
.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,transparent 45%,rgba(10,8,7,.35) 100%);
}
.hero nav,.hero-copy,.down{z-index:1}
.hero-kicker{display:block;color:#d18a38;font-size:.7rem;letter-spacing:.22em;margin-bottom:1rem}
.hero-actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}
.hero-music-link{color:#c9bda9;text-decoration:none;font-size:.72rem;letter-spacing:.14em;border-bottom:1px solid #5f452b;padding:.35rem 0;transition:color .2s ease,border-color .2s ease}
.hero-music-link:hover{color:#f0b96f;border-color:#d18a38}

.album{position:relative}
.album::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(184,120,46,.04),transparent 48%)}
.album>img,.album>div{position:relative}
.album>img{box-shadow:0 24px 65px rgba(0,0,0,.78),0 0 0 1px rgba(209,138,56,.08)}
.external-actions{margin-top:.3rem}
.spotify{margin-top:.7rem}

.album-card{padding:2rem;border-top:1px solid #4b3929;border-bottom:1px solid #4b3929;background:linear-gradient(90deg,rgba(35,27,20,.48),rgba(16,14,12,.12))}
.singles-grid{align-items:stretch}
.singles-grid .release-card{display:flex;flex-direction:column;height:100%}
.singles-grid .release-info{display:flex;flex-direction:column;flex:1}
.singles-grid .audio-preview{margin-top:auto}
.release-actions{display:flex;flex-wrap:wrap;gap:.65rem 1rem;align-items:center;margin-top:.15rem}
.release-actions .release-link{font-size:.68rem;color:#bfa47e;border-color:#5d4933}
.release-actions .release-link:hover{color:#f0b96f;border-color:#d18a38}

/* Preview is the primary interaction on each release */
.audio-preview{
  position:relative;overflow:hidden;
  border-color:#70502f;
  background:linear-gradient(90deg,rgba(40,30,21,.78),rgba(16,14,12,.62));
  box-shadow:inset 0 1px 0 rgba(234,217,189,.025);
}
.audio-preview::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#b8782e;opacity:.85;
}
.preview-label{font-weight:600}
.preview-play{width:38px;height:38px;box-shadow:0 0 0 4px rgba(184,120,46,.055)}
.preview-controls{grid-template-columns:38px minmax(60px,1fr) auto}
.preview-track{height:3px;border-radius:3px;background:#46392d}
.preview-progress{background:linear-gradient(90deg,#a96e2b,#e0a356);transition:width .12s linear}
.audio-preview.is-playing .preview-play{background:rgba(184,120,46,.12);color:#f0b96f}

/* Listen & Follow */
.follow-links{display:flex;justify-content:center;align-items:center;gap:1.2rem 2.2rem;flex-wrap:wrap;margin-top:2rem}
.follow-links a{display:inline-flex;align-items:center;gap:.55rem;color:var(--cream);text-decoration:none;letter-spacing:.14em;transition:color .2s ease}
.follow-links a:hover{color:#dda057}
.follow-links .spotify-link{margin:0;width:auto}
.follow-mark,.youtube-mark{color:#d18a38}
.follow-links small{color:#9f907c;font-size:.64rem;letter-spacing:.08em;margin-left:.1rem}

@media(max-width:760px){
  .hero-actions{align-items:flex-start;flex-direction:column;gap:.85rem}
  .album-card{padding:1.35rem}
  .follow-links{gap:1rem 1.5rem}
}
@media(max-width:520px){
  .album-card{padding:1.1rem}
  .follow-links{flex-direction:column}
}

/* v8.1 three-song current-album sampler */
.album-sampler{max-width:520px;margin:1.5rem 0 1.1rem;padding-top:.15rem}
.sampler-label{margin-bottom:.65rem}
.album-sampler .album-preview{margin:.55rem 0;padding:.78rem 1rem}
.album-sampler .album-preview strong{margin-bottom:.5rem;font-size:.82rem}
@media(max-width:520px){
  .album-sampler .album-preview{padding:.72rem .8rem}
  .album-sampler .album-preview strong{font-size:.78rem}
}


/* v8.2 mobile repair — Quiet Directions / album card */
@media(max-width:760px){
  .discography .album-card{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    padding:1.25rem !important;
    margin:0 auto !important;
  }
  .discography .album-card>img{
    display:block !important;
    width:min(100%,320px) !important;
    max-width:320px !important;
    height:auto !important;
    margin:0 auto 2rem !important;
  }
  .discography .album-card>.release-info{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:0 !important;
  }
  .discography .album-card .release-type{
    display:block !important;
    white-space:normal !important;
  }
  .discography .album-card .release-info h3{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(1.55rem,8vw,2.2rem) !important;
    line-height:1.18 !important;
    letter-spacing:.09em !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    white-space:normal !important;
    margin-bottom:1.25rem !important;
  }
  .discography .album-card .audio-preview{
    width:100% !important;
    max-width:100% !important;
    margin:1rem 0 1.2rem !important;
  }
  .discography .album-card .audio-preview strong{
    overflow-wrap:normal !important;
    word-break:normal !important;
    white-space:normal !important;
  }
  .discography .album-card .release-actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    width:100% !important;
    gap:.85rem !important;
  }
  .discography .album-card .release-link{
    display:inline-block !important;
    width:auto !important;
    max-width:100% !important;
    white-space:normal !important;
  }
}
@media(max-width:430px){
  .discography .album-card{padding:1rem !important}
  .discography .album-card>img{width:100% !important;max-width:300px !important}
  .discography .album-card .release-info h3{
    font-size:1.55rem !important;
    letter-spacing:.07em !important;
  }
}