:root{
  color-scheme:only light;
  --paper:#f4eee3;
  --paper-bright:#f8f4ec;
  --ink:#352d26;
  --ink-soft:rgba(53,45,38,.72);
  --ink-faint:rgba(53,45,38,.47);
  --line:rgba(73,59,46,.20);
  --ivory:#eee7da;
  --night:#292724;
  --night-ink:rgba(241,234,221,.88);
  --night-soft:rgba(241,234,221,.63);
  --album-accent:196,155,97;
  --max:1160px;
  --serif:"Iowan Old Style",Baskerville,"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  --sans:"Segoe UI",Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--serif);font-size:18px;line-height:1.72;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:1px solid currentColor;outline-offset:5px}
img{max-width:100%;height:auto;display:block}
button{font:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(22px,4vw,64px);transition:background .35s,border-color .35s,backdrop-filter .35s;background:linear-gradient(180deg,rgba(247,241,232,.76),rgba(247,241,232,0));backdrop-filter:blur(3px)}
.site-header.scrolled{background:rgba(245,239,229,.87);border-bottom:1px solid rgba(76,61,45,.11);backdrop-filter:blur(14px)}
.brand-logo{display:block;width:112px;opacity:.78;transition:opacity .25s}
.brand-logo:hover{opacity:1}
.brand-logo img{width:100%;height:38px;object-fit:contain;object-position:left center}
.main-nav{display:flex;align-items:center;gap:26px;font-family:var(--sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(43,36,29,.67)}
.main-nav a,.main-nav button{position:relative}
.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:currentColor;transition:right .28s}
.main-nav a:hover::after,.main-nav a.active::after{right:0}
.main-nav button{color:inherit;background:none;border:0;padding:0;cursor:pointer;font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.main-nav .lang.active{color:rgba(43,36,29,.98)}
.nav-divider{height:14px;width:1px;background:rgba(43,36,29,.20)}
.menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}
.menu-toggle span:not(.sr-only){display:block;width:25px;height:1px;background:var(--ink);margin:5px 0}

/* Homepage sections share one continuous background on the parent main element. */
.paint-section{position:relative;isolation:isolate;overflow:hidden}

/* Hero */
.hero{min-height:96vh;display:grid;place-items:center;position:relative;padding:140px 24px 90px;isolation:isolate;background:transparent;overflow:hidden}
.hero-inner{text-align:center;width:min(900px,92vw)}
.hero-wordmark{font-family:var(--sans);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:rgba(49,40,32,.50);margin:0 0 24px}
.hero-logo{width:min(660px,80vw);height:auto;margin:0 auto 30px;opacity:.84}
.hero-genre{font-family:var(--serif);font-size:clamp(15px,1.5vw,21px);font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:rgba(49,40,32,.61);margin:0}

/* Shared sections */
.section{position:relative;padding:clamp(105px,12vw,175px) clamp(24px,6vw,82px)}
.section-inner{width:min(var(--max),100%);margin:auto}
.section-rule{border-top:1px solid var(--line)}
.kicker{font-family:var(--sans);font-size:9px;letter-spacing:.30em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 18px}
.display{font-size:clamp(44px,6vw,84px);line-height:1.04;font-weight:400;letter-spacing:-.03em;margin:0;color:rgba(49,40,32,.76)}
.quiet-link{display:inline-flex;gap:12px;align-items:center;font-family:var(--sans);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:rgba(48,39,31,.62);border-bottom:1px solid rgba(48,39,31,.31);padding-bottom:6px;transition:gap .25s,color .25s}
.quiet-link:hover{gap:18px;color:var(--ink)}

/* Current */
.current{padding-top:115px;padding-bottom:140px}
.current .section-inner{max-width:930px;margin-left:max(0px,calc((100% - var(--max))/2));margin-right:auto}
.current .display{font-size:clamp(43px,5.1vw,72px);max-width:900px;margin-bottom:34px}
.current-copy{max-width:740px}
.current-copy p{font-size:clamp(19px,2vw,27px);line-height:1.62;color:var(--ink-soft);margin:0}

/* Band teaser */
.band-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:clamp(46px,7vw,110px);align-items:center}
.band-copy .display{font-size:clamp(50px,5.7vw,78px);margin-bottom:34px}
.large-copy{font-size:clamp(19px,1.8vw,24px);color:var(--ink-soft);max-width:640px;margin:0 0 34px}
.section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:54px}
.section-heading-row .quiet-link{color:rgba(238,231,218,.65);border-color:rgba(238,231,218,.26)}
.release-teasers{border-top:1px solid rgba(238,231,218,.22)}
.release-link{display:grid;grid-template-columns:108px 1fr auto;gap:25px;align-items:center;padding:23px 4px;border-bottom:1px solid rgba(238,231,218,.18);transition:padding .3s,background .3s}
.release-link:hover{padding-left:14px;padding-right:14px;background:rgba(240,230,211,.045)}
.release-year{font-family:var(--sans);font-size:9px;letter-spacing:.20em;color:rgba(238,231,218,.43);text-transform:uppercase}
.release-title{font-size:clamp(24px,2.6vw,36px);font-weight:400;line-height:1.2;margin:0;color:rgba(238,231,218,.88)}
.release-subtitle{display:block;margin-top:5px;font-family:var(--sans);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:rgba(238,231,218,.38)}
.release-arrow{font-size:22px;color:rgba(238,231,218,.38);transition:transform .25s,color .25s}
.release-link:hover .release-arrow{transform:translateX(6px);color:rgba(238,231,218,.78)}
.merch-teaser{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;border-top:1px solid rgba(238,231,218,.20);margin-top:72px;padding-top:42px}
.merch-teaser h3{font-weight:400;font-size:30px;margin:0;color:rgba(238,231,218,.86)}
.merch-copy{color:rgba(238,231,218,.64);max-width:620px}
.merch-links{display:flex;gap:26px;flex-wrap:wrap;margin-top:20px}

/* Live and contact */
.live .section-inner{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,8vw,130px)}
.live-message{border-top:0;padding-top:0;font-size:clamp(22px,2.35vw,33px);color:var(--ink-soft);font-style:italic}
.live-message small{display:block;font-family:var(--sans);font-style:normal;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-top:20px}
.contact{padding-top:120px;padding-bottom:120px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(65px,10vw,150px)}
.contact-column{border-top:0;padding-top:0}
.contact-column h3{font-size:30px;font-weight:400;margin:0 0 26px;color:rgba(49,40,32,.78)}
.contact-column p{color:var(--ink-soft);margin:0 0 20px}
.mail{font-size:clamp(20px,2vw,28px);border-bottom:1px solid rgba(48,39,31,.27)}
.platform-list{display:grid;margin-top:2px;border-top:1px solid var(--line)}
.platform-list a{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-family:var(--sans);font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:rgba(48,39,31,.64)}
.platform-list a:hover{color:var(--ink)}
.site-footer{padding:46px clamp(24px,6vw,82px) 52px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid rgba(239,233,221,.12);font-family:var(--sans);font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:rgba(239,233,221,.56);background:#221e1b}
.site-footer nav{display:flex;gap:22px}

/* Interior pages */
.page-hero{padding:178px clamp(24px,6vw,82px) 100px;min-height:50vh;display:flex;align-items:end;position:relative}
.page-hero .section-inner{width:min(var(--max),100%)}
.page-hero .display{max-width:900px}
.page-intro{max-width:780px;font-size:clamp(20px,2vw,26px);color:var(--ink-soft);margin:32px 0 0}
.content-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(50px,8vw,130px)}
.content-grid aside{font-family:var(--sans);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}
.content-grid .prose{max-width:780px;color:var(--ink-soft)}
.prose p{margin-top:0;margin-bottom:1.3em}
.subsection{padding:0 clamp(24px,6vw,82px) clamp(95px,10vw,150px)}
.subsection .section-inner{border-top:1px solid var(--line);padding-top:45px}
.subsection-heading{display:block;margin-bottom:40px}
.subsection-heading > div{max-width:900px}
.subsection-heading h2{font-size:clamp(34px,4.2vw,58px);font-weight:400;line-height:1.1;margin:0;color:rgba(49,40,32,.78)}
.subsection-heading p{margin:0;color:var(--ink-soft);max-width:700px}

/* Band page */
.lineup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 70px;border-top:1px solid var(--line)}
.lineup-item{display:flex;justify-content:space-between;gap:30px;padding:16px 0;border-bottom:1px solid var(--line)}
.lineup-item strong{font-weight:400}
.lineup-item span{font-family:var(--sans);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);text-align:right}
.timeline{border-left:1px solid var(--line);margin-left:7px}
.timeline-item{display:grid;grid-template-columns:110px 1fr;gap:30px;padding:0 0 34px 30px;position:relative}
.timeline-item::before{content:"";position:absolute;left:-4px;top:.66em;width:7px;height:7px;border:1px solid rgba(70,56,43,.38);border-radius:50%;background:var(--paper)}
.timeline-year{font-family:var(--sans);font-size:9px;letter-spacing:.19em;color:var(--ink-faint);text-transform:uppercase;padding-top:4px}
.timeline-text{color:var(--ink-soft)}
.timeline-text strong{font-weight:400;color:rgba(49,40,32,.80)}

/* Discography page */
.discography{border-top:1px solid var(--line)}
.discography .release-link{color:var(--ink);border-color:var(--line);grid-template-columns:92px 74px 1fr auto;padding:22px 4px}
.discography .release-year{color:var(--ink-faint)}
.discography .release-title{color:rgba(49,40,32,.82)}
.discography .release-subtitle{color:var(--ink-faint)}
.discography .release-arrow{color:var(--ink-faint)}
.discography .release-link:hover{background:rgba(82,65,48,.04)}
.discography-cover{width:72px;height:72px;object-fit:cover;border:1px solid rgba(73,59,46,.16);filter:saturate(.82) contrast(.96)}
.discography .merch-teaser{color:var(--ink);border-color:var(--line)}
.discography .merch-teaser h3{color:rgba(49,40,32,.82)}
.discography .merch-copy{color:var(--ink-soft)}

/* Album pages */
.album-hero-grid{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:clamp(50px,8vw,120px);align-items:center}
.album-cover{aspect-ratio:1/1;width:100%;object-fit:cover;border:1px solid rgba(58,46,34,.16);box-shadow:0 28px 85px rgba(45,39,33,.13);background:rgba(234,226,213,.72)}
.album-meta{font-family:var(--sans);font-size:9px;letter-spacing:.21em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:18px}
.album-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:31px}
.tracklist{counter-reset:track;border-top:1px solid var(--line);max-width:900px;padding:0;margin:0}
.tracklist li{counter-increment:track;list-style:none;display:grid;grid-template-columns:42px 1fr auto;gap:18px;padding:15px 0;border-bottom:1px solid var(--line);color:var(--ink-soft)}
.tracklist li::before{content:counter(track,decimal-leading-zero);font-family:var(--sans);font-size:8px;letter-spacing:.14em;color:var(--ink-faint);padding-top:5px}
.track-time{font-family:var(--sans);font-size:8px;letter-spacing:.12em;color:var(--ink-faint);padding-top:5px}
.credits-list{max-width:900px;margin:0;border-top:1px solid var(--line)}
.credit-row{display:grid;grid-template-columns:190px 1fr;gap:30px;padding:13px 0;border-bottom:1px solid var(--line)}
.credit-row dt{font-family:var(--sans);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}
.credit-row dd{margin:0;color:var(--ink-soft)}
.press-block{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;max-width:900px;border-top:1px solid var(--line)}
.album-nav{display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap}

/* Motion */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .9s ease,transform .9s ease}
.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}

@media(max-width:820px){
  body{font-size:17px}
  .site-header{padding:16px 20px}
  .brand-logo{width:96px}
  .menu-toggle{display:block}
  .main-nav{position:absolute;top:64px;left:14px;right:14px;display:none;flex-direction:column;align-items:flex-start;gap:0;background:rgba(245,239,229,.97);border:1px solid rgba(61,49,37,.13);padding:14px 20px 18px;backdrop-filter:blur(14px)}
  .main-nav.open{display:flex}
  .main-nav a{padding:12px 0;width:100%;border-bottom:1px solid rgba(61,49,37,.10)}
  .nav-divider{display:none}
  .main-nav button{margin-top:14px;margin-right:14px}
  .hero{min-height:88vh;padding-top:118px}
  .hero-logo{width:min(620px,92vw)}
  .hero-wordmark{font-size:8px}
  .hero-genre{font-size:13px;letter-spacing:.11em}
  .current .section-inner{margin:auto}
  .current .display{font-size:48px}
  .band-grid,.live .section-inner,.contact-grid,.content-grid,.album-hero-grid{grid-template-columns:1fr}
  .band-grid{gap:55px}
  .section-heading-row{align-items:flex-start;flex-direction:column}
  .release-link{grid-template-columns:80px 1fr auto;gap:12px;padding:20px 0}
  .merch-teaser{grid-template-columns:1fr}
  .site-footer{align-items:flex-start;flex-direction:column}
  .page-hero{padding-top:145px}
  .contact-grid{gap:65px}
  .lineup-grid{grid-template-columns:1fr}
  .timeline-item{grid-template-columns:80px 1fr;gap:18px}
  .discography .release-link{grid-template-columns:60px 62px 1fr auto}
  .discography-cover{width:60px;height:60px}
  .credit-row{grid-template-columns:130px 1fr;gap:20px}
}

@media(max-width:500px){
  .section,.subsection{padding-left:20px;padding-right:20px}
  .display{font-size:42px}
  .current .display{font-size:41px}
  .release-title{font-size:23px}
  .release-link{grid-template-columns:62px 1fr auto}
  .release-arrow{font-size:18px}
  .discography .release-link{grid-template-columns:52px 52px 1fr auto;gap:10px}
  .discography-cover{width:52px;height:52px}
  .discography .release-title{font-size:20px}
  .tracklist li{grid-template-columns:30px 1fr auto;gap:10px}
  .credit-row{grid-template-columns:1fr;gap:3px}
  .site-footer{padding-left:20px;padding-right:20px}
  .site-footer nav{flex-wrap:wrap}
  .page-hero{padding-left:20px;padding-right:20px}
}

/* Section headings and press cards. */
.contact-section-title{
  font-size:clamp(34px,4.2vw,58px);
  font-weight:400;
  line-height:1.08;
  letter-spacing:-.025em;
  margin:0 0 28px;
  color:inherit;
}
.press-card{
  display:flex;
  flex-direction:column;
  min-height:240px;
  padding:28px 0 24px;
  border-bottom:1px solid var(--line);
  transition:padding .25s ease,opacity .25s ease;
}
.press-card:hover{padding-left:8px;padding-right:8px}
.press-meta{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:baseline;
  font-family:var(--sans);
  font-size:8px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--ink-faint);
}
.press-card blockquote{
  margin:24px 0 26px;
  font-size:clamp(21px,2.2vw,30px);
  line-height:1.42;
  color:rgba(49,40,32,.73);
  font-style:italic;
}
.press-read{
  margin-top:auto;
  font-family:var(--sans);
  font-size:8px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--ink-faint);
}
@media(max-width:820px){
  .press-block{grid-template-columns:1fr}
  .press-card{min-height:0}
}

/* Homepage section colours and spacing. */
.current,.band,.music,.live,.contact{border:0}

/* darkening lower sections */
.section-dark{color:var(--ivory)}
.section-dark .display,
.section-dark .contact-section-title,
.section-dark .contact-column h3,
.section-dark .release-title,
.section-dark .merch-teaser h3{color:rgba(242,236,225,.90)}
.section-dark .large-copy,
.section-dark .contact-column p,
.section-dark .merch-copy,
.section-dark .live-message,
.section-dark .mail,
.section-dark .platform-list a{color:rgba(239,233,221,.72)}
.section-dark .quiet-link,
.section-dark .merch-links .quiet-link{color:rgba(239,233,221,.74);border-color:rgba(239,233,221,.30)}
.section-dark .release-teasers,
.section-dark .merch-teaser,
.section-dark .platform-list,
.section-dark .platform-list a,
.section-dark .mail{border-color:rgba(239,233,221,.18)}
.section-dark .release-year,
.section-dark .release-subtitle,
.section-dark .release-arrow,
.section-dark .live-message small{color:rgba(239,233,221,.46)}
.section-dark .release-link{border-bottom-color:rgba(239,233,221,.18)}
.section-dark .release-link:hover{background:rgba(240,230,211,.05)}
.section-dark .release-link:hover .release-arrow{color:rgba(239,233,221,.82)}
.section-dark .contact-column h3{margin-bottom:26px}
.section-dark .platform-list a:hover,.section-dark .quiet-link:hover,.section-dark .mail:hover{color:rgba(249,245,238,.96)}

.music{padding-top:180px;padding-bottom:170px}
.music .section-heading-row{margin-bottom:54px}
.music .section-heading-row .quiet-link{color:rgba(239,233,221,.74);border-color:rgba(239,233,221,.30)}

/* footer darker finish */
.site-footer a{color:inherit}

@media(max-width:820px){
  .music{padding-top:150px;padding-bottom:145px}
  .live .section-inner,.contact-grid{grid-template-columns:1fr}
}

/* Prototype 07 — completed Band page */
.band-page .band-hero{min-height:auto;padding-bottom:105px}
.band-page-photo{
  margin:52px 0 0;
  position:relative;
  overflow:hidden;
  box-shadow:0 15px 34px rgba(47,37,29,.17);
}
.band-page-photo img{display:block;width:100%;height:auto}
.band-biography-section{padding-top:70px}
.band-page .content-grid .prose{max-width:805px}
.band-page .prose p{margin-bottom:1.55em}
.band-page .prose p:first-child{font-size:clamp(19px,1.6vw,22px);line-height:1.72;color:rgba(49,40,32,.78)}
.band-page .prose em{color:rgba(49,40,32,.79)}
.band-page .subsection-heading{margin-bottom:36px}
.band-page .timeline-text{max-width:860px}

.band-teaser-photo{
  margin:0;
  overflow:hidden;
  box-shadow:0 15px 34px rgba(47,37,29,.17);
}
.band-teaser-photo img{display:block;width:100%;height:auto}

@media(max-width:820px){
  .band-page .band-hero{padding-bottom:78px}
  .band-page-photo{margin-top:38px}
  .band-biography-section{padding-top:46px}
  .band-page .content-grid{gap:28px}
  .band-page .content-grid aside{margin-bottom:4px}
}


/* One continuous background image across the entire homepage. */
.home main{
  position:relative;
  isolation:isolate;
  background:transparent;
  overflow:hidden;
}
.home main::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:url("../images/backgrounds/bg-home-continuous-v3.webp");
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
}
.home main::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(248,244,236,.06) 0%,
    rgba(246,240,231,.04) 22%,
    rgba(236,224,206,.03) 40%,
    rgba(92,67,48,.08) 56%,
    rgba(48,39,33,.18) 70%,
    rgba(31,27,24,.30) 84%,
    rgba(25,22,20,.39) 100%
  );
}
.home .hero,
.home .current,
.home .band,
.home .music,
.home .live,
.home .contact{
  background:transparent;
}


/* Prototype 09 — reduced discography + complete …in Stille detail page */
.tracklist li{
  align-items:start;
}
.track-title{min-width:0}
.lyrics-details{
  grid-column:2 / -1;
  margin-top:2px;
  padding:0 0 2px;
}
.lyrics-details summary{
  display:inline-flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  list-style:none;
  font-family:var(--sans);
  font-size:8px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--ink-faint);
  user-select:none;
}
.lyrics-details summary::-webkit-details-marker{display:none}
.lyrics-details summary:hover{color:var(--ink-soft)}
.lyrics-hide{display:none}
.lyrics-details[open] .lyrics-show{display:none}
.lyrics-details[open] .lyrics-hide{display:inline}
.lyrics-arrow{display:inline-block;transition:transform .25s ease}
.lyrics-details[open] .lyrics-arrow{transform:rotate(180deg)}
.lyric-text{
  max-width:760px;
  margin:22px 0 14px;
  padding:0;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font-family:var(--serif);
  font-size:16px;
  line-height:1.72;
  color:var(--ink-soft);
  background:transparent;
  border:0;
}
.credit-line{display:block}
.credit-line + .credit-line{margin-top:3px}
.personnel-line strong{font-weight:400;color:rgba(49,40,32,.80)}

@media(max-width:500px){
  .lyrics-details{grid-column:2 / -1}
  .lyric-text{font-size:15px;line-height:1.68}
}


/* Prototype 10 — album-specific visual worlds */
.lyrics-close{
  margin:9px 0 20px;
  padding:0 0 6px;
  border:0;
  border-bottom:1px solid currentColor;
  background:none;
  cursor:pointer;
  font-family:var(--sans);
  font-size:8px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--ink-faint);
}
.lyrics-close:hover{color:var(--ink-soft)}

.split-track-title{display:flex;gap:14px;align-items:baseline;min-width:0}
.track-artist{
  flex:0 0 62px;
  font-family:var(--sans);
  font-size:8px;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--ink-faint);
}
.track-name{min-width:0}

/* …in Stille: monochrome, cool and nocturnal, echoing the radial brushwork
   of the cover without using the cover itself as a wallpaper. */
.album-page.album-in-stille{
  --paper:#111212;
  --paper-bright:#191a1a;
  --ink:#ecebe8;
  --ink-soft:rgba(236,235,232,.72);
  --ink-faint:rgba(236,235,232,.46);
  --line:rgba(236,235,232,.16);
  --album-accent:214,218,218;
  --page-bg-image:url("../images/backgrounds/bg-in-stille-page-v4.webp");
  --page-bg-position:center center;
  --page-bg-overlay:
    linear-gradient(180deg,rgba(2,3,5,.05),rgba(2,3,5,.14) 52%,rgba(2,3,5,.24));
  background:#080a0d;
}
.album-in-stille::after{mix-blend-mode:screen;opacity:.025}
.album-in-stille .site-header{
  background:linear-gradient(180deg,rgba(11,12,12,.88),rgba(11,12,12,0));
}
.album-in-stille .site-header.scrolled{
  background:rgba(15,16,16,.91);
  border-bottom-color:rgba(238,238,235,.10);
}
.album-in-stille .main-nav{color:rgba(240,240,237,.68)}
.album-in-stille .main-nav .lang.active{color:rgba(248,248,245,.96)}
.album-in-stille .nav-divider{background:rgba(240,240,237,.20)}
.album-in-stille .menu-toggle span:not(.sr-only){background:var(--ink)}
.album-in-stille .display,
.album-in-stille .subsection-heading h2{color:rgba(241,240,237,.88)}
.album-in-stille .quiet-link{color:rgba(239,239,235,.62);border-color:rgba(239,239,235,.28)}
.album-in-stille .quiet-link:hover{color:rgba(250,250,247,.94)}
.album-in-stille .personnel-line strong{color:rgba(245,244,240,.86)}
.album-in-stille .press-card blockquote{color:rgba(239,238,234,.74)}
.album-in-stille .album-cover{
  border-color:rgba(238,238,235,.18);
  box-shadow:0 34px 98px rgba(0,0,0,.42);
  background:#0c0d0d;
}
.album-in-stille .site-footer{
  background:rgba(10,11,11,.88);
  border-top-color:rgba(238,238,235,.11);
  color:rgba(238,238,235,.42);
}
.album-in-stille .site-footer a:hover{color:rgba(248,248,244,.86)}

/* Anthropos: warm ochre paper and graphite, derived from the cover palette. */
.album-page.album-anthropos{
  --paper:#eee4c7;
  --paper-bright:#f4ecd7;
  --ink:#3b3023;
  --ink-soft:rgba(59,48,35,.73);
  --ink-faint:rgba(59,48,35,.48);
  --line:rgba(72,56,35,.20);
  --album-accent:196,156,66;
  --page-bg-image:url("../images/backgrounds/bg-anthropos-page-v2.webp");
  --page-bg-position:center center;
  --page-bg-overlay:
    radial-gradient(ellipse at 22% 18%,rgba(255,249,222,.08),transparent 34%),
    linear-gradient(180deg,rgba(245,231,184,.08),rgba(225,194,119,.18));
  background:#eee4c7;
}
.album-anthropos .site-header{
  background:linear-gradient(180deg,rgba(238,228,199,.84),rgba(238,228,199,0));
}
.album-anthropos .site-header.scrolled{
  background:rgba(235,220,180,.91);
  border-bottom-color:rgba(72,56,35,.12);
}
.album-anthropos .album-cover{
  border-color:rgba(75,57,31,.20);
  box-shadow:0 34px 98px rgba(0,0,0,.42);
}

@media(max-width:820px){
  .split-track-title{gap:10px}
  .track-artist{flex-basis:56px}
}
@media(max-width:500px){
  .split-track-title{display:block}
  .track-artist{display:block;margin-bottom:2px}
}


/* Broader band biography. */
.band-page .content-grid{grid-template-columns:minmax(0,1fr);gap:0}
.band-page .content-grid .prose{max-width:1120px}
.band-page .band-biography-section .section-inner{max-width:1180px}

/* Album-page refinements. */
.album-anthropos .lyric-text{
  font-size:18px;
  line-height:1.82;
}
.album-page.album-nur-ein-moment{
  --paper:#1d2530;
  --paper-bright:#2a3340;
  --ink:#edf2f7;
  --ink-soft:rgba(237,242,247,.78);
  --ink-faint:rgba(237,242,247,.52);
  --line:rgba(237,242,247,.16);
  --page-bg-image:url("../images/backgrounds/bg-nur-ein-moment-page-v2.webp");
  --page-bg-position:center center;
  --page-bg-overlay:
    linear-gradient(180deg,rgba(15,21,29,.04),rgba(15,21,29,.16) 52%,rgba(12,17,24,.30));
  background:#1d2530;
}
.album-nur-ein-moment .site-header{
  background:linear-gradient(180deg,rgba(17,22,29,.88),rgba(17,22,29,0));
}
.album-nur-ein-moment .site-header.scrolled{
  background:rgba(18,24,32,.92);
  border-bottom-color:rgba(238,242,247,.10);
}
.album-nur-ein-moment .main-nav{color:rgba(240,244,248,.74)}
.album-nur-ein-moment .main-nav .lang.active{color:rgba(255,255,255,.98)}
.album-nur-ein-moment .main-nav a{color:inherit}
.album-nur-ein-moment .nav-divider{background:rgba(240,244,248,.18)}
.album-nur-ein-moment .menu-toggle span:not(.sr-only){background:rgba(245,248,252,.92)}
.album-nur-ein-moment .album-meta,
.album-nur-ein-moment .release-year,
.album-nur-ein-moment .content-grid aside,
.album-nur-ein-moment .credit-row dt,
.album-nur-ein-moment .track-time,
.album-nur-ein-moment .press-rating,
.album-nur-ein-moment .press-source,
.album-nur-ein-moment .press-read,
.album-nur-ein-moment .site-footer,
.album-nur-ein-moment .site-footer a,
.album-nur-ein-moment .main-nav button,
.album-nur-ein-moment .main-nav{
  color:rgba(237,242,247,.60);
}
.album-nur-ein-moment .display,
.album-nur-ein-moment .subsection-heading h2,
.album-nur-ein-moment .personnel-line strong,
.album-nur-ein-moment .track-title,
.album-nur-ein-moment .credit-line,
.album-nur-ein-moment .press-card blockquote,
.album-nur-ein-moment .lyric-text,
.album-nur-ein-moment .lyrics-details summary,
.album-nur-ein-moment .lyrics-close,
.album-nur-ein-moment .mail,
.album-nur-ein-moment strong{
  color:rgba(248,250,252,.92);
}
.album-nur-ein-moment .quiet-link{color:rgba(241,245,249,.72);border-color:rgba(241,245,249,.24)}
.album-nur-ein-moment .quiet-link:hover{color:rgba(255,255,255,.98)}
.album-nur-ein-moment .album-cover{
  border-color:rgba(238,242,247,.16);
  background:#202833;
  box-shadow:0 34px 102px rgba(0,0,0,.42);
}
.album-nur-ein-moment .press-card,
.album-nur-ein-moment .credits-list,
.album-nur-ein-moment .lyrics-details,
.album-nur-ein-moment .site-footer{
  border-color:rgba(238,242,247,.12);
}
.album-nur-ein-moment .site-footer{
  background:rgba(15,19,25,.88);
}
.album-nur-ein-moment .site-footer a:hover{color:rgba(255,255,255,.90)}


/* Long album title remains within the viewport at every breakpoint. */
.album-nur-ein-moment .display{
  white-space: nowrap;
  font-size: clamp(2rem, 4vw, 3.55rem);
}
@media (max-width: 700px){
  .album-nur-ein-moment .display{
    font-size: clamp(1.55rem, 7vw, 2.2rem);
  }
}


/* Unified viewport-fixed background system for all interior pages.
   The homepage deliberately keeps its separate continuous-scroll background. */
.interior{
  --page-bg-image:url("../images/backgrounds/bg-page-v2.webp");
  --page-bg-position:center center;
  --page-bg-overlay:
    radial-gradient(ellipse at 76% 18%,rgba(var(--album-accent),.11),transparent 34%),
    linear-gradient(180deg,rgba(248,244,236,.10),rgba(245,239,229,.34) 48%,rgba(245,239,229,.52));
  position:relative;
  isolation:isolate;
  min-height:100vh;
  background:var(--paper);
}
.interior::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:var(--page-bg-overlay),var(--page-bg-image);
  background-position:center center,center center,var(--page-bg-position);
  background-size:cover,cover,cover;
  background-repeat:no-repeat,no-repeat,no-repeat;
}
.interior main{
  position:relative;
  isolation:auto;
  background:transparent;
}

/* Keep fixed backgrounds stable on mobile too. */
@media(max-width:820px){
  .interior::before{
    background-attachment:scroll;
  }
}


/* Prototype 17 — Wind album page */
.album-page.album-wind{
  --paper:#292824;
  --paper-bright:#34312b;
  --ink:#f1ede4;
  --ink-soft:rgba(241,237,228,.78);
  --ink-faint:rgba(241,237,228,.54);
  --line:rgba(241,237,228,.16);
  --page-bg-image:url("../images/backgrounds/bg-wind-page-v2.webp");
  --page-bg-position:center center;
  --page-bg-overlay:
    radial-gradient(ellipse at 72% 16%,rgba(235,222,194,.07),transparent 32%),
    linear-gradient(180deg,rgba(25,24,21,.28),rgba(24,23,20,.48) 52%,rgba(20,19,17,.66));
  background:#292824;
}
.album-wind .site-header{
  background:linear-gradient(180deg,rgba(27,26,23,.86),rgba(27,26,23,0));
}
.album-wind .site-header.scrolled{
  background:rgba(31,29,25,.92);
  border-bottom-color:rgba(241,237,228,.10);
}
.album-wind .main-nav,
.album-wind .main-nav button,
.album-wind .album-meta,
.album-wind .track-time,
.album-wind .credit-row dt,
.album-wind .press-rating,
.album-wind .press-source,
.album-wind .press-read,
.album-wind .site-footer,
.album-wind .site-footer a{
  color:rgba(241,237,228,.62);
}
.album-wind .main-nav .lang.active{color:rgba(255,252,246,.96)}
.album-wind .nav-divider{background:rgba(241,237,228,.18)}
.album-wind .menu-toggle span:not(.sr-only){background:rgba(248,244,236,.92)}
.album-wind .display,
.album-wind .subsection-heading h2,
.album-wind .track-title,
.album-wind .personnel-line strong,
.album-wind .credit-line,
.album-wind .press-card blockquote,
.album-wind .lyric-text,
.album-wind .lyrics-details summary,
.album-wind .lyrics-close{
  color:rgba(249,246,239,.92);
}
.album-wind .quiet-link{color:rgba(244,239,229,.70);border-color:rgba(244,239,229,.27)}
.album-wind .quiet-link:hover{color:rgba(255,253,247,.97)}
.album-wind .album-cover{
  border-color:rgba(245,239,226,.16);
  background:#24231f;
  box-shadow:0 34px 98px rgba(0,0,0,.38);
}
.album-wind .press-card,
.album-wind .credits-list,
.album-wind .lyrics-details{
  border-color:rgba(241,237,228,.14);
}
.album-wind .site-footer{
  background:rgba(25,24,21,.90);
  border-top-color:rgba(241,237,228,.10);
}
.album-wind .site-footer a:hover{color:rgba(255,252,246,.92)}


/* Prototype 18 — album background extensions */
.album-page.album-morgenroete{
  --paper:#241514;
  --paper-bright:#2d1a18;
  --ink:#f5e8de;
  --ink-soft:rgba(245,232,222,.76);
  --ink-faint:rgba(245,232,222,.50);
  --line:rgba(245,232,222,.14);
  --page-bg-image:url("../images/backgrounds/bg-morgenroete-page-v2.webp");
  --page-bg-position:center center;
  --page-bg-overlay:
    radial-gradient(ellipse at 72% 24%,rgba(255,120,72,.10),transparent 30%),
    linear-gradient(180deg,rgba(19,8,8,.26),rgba(25,10,9,.44) 52%,rgba(14,6,6,.68));
  background:#241514;
}
.album-morgenroete .site-header{
  background:linear-gradient(180deg,rgba(24,11,10,.82),rgba(24,11,10,0));
}
.album-morgenroete .site-header.scrolled{
  background:rgba(28,12,11,.92);
  border-bottom-color:rgba(245,232,222,.10);
}
.album-morgenroete .main-nav,
.album-morgenroete .main-nav button,
.album-morgenroete .album-meta,
.album-morgenroete .track-time,
.album-morgenroete .credit-row dt,
.album-morgenroete .site-footer,
.album-morgenroete .site-footer a,
.album-morgenroete .press-rating,
.album-morgenroete .press-source,
.album-morgenroete .press-read{
  color:rgba(245,232,222,.62);
}
.album-morgenroete .main-nav .lang.active{color:rgba(255,249,244,.96)}
.album-morgenroete .nav-divider{background:rgba(245,232,222,.18)}
.album-morgenroete .menu-toggle span:not(.sr-only){background:rgba(255,247,240,.90)}
.album-morgenroete .display,
.album-morgenroete .subsection-heading h2,
.album-morgenroete .track-title,
.album-morgenroete .personnel-line strong,
.album-morgenroete .credit-line,
.album-morgenroete .press-card blockquote,
.album-morgenroete .lyric-text,
.album-morgenroete .lyrics-details summary,
.album-morgenroete .lyrics-close,
.album-morgenroete strong{
  color:rgba(255,247,240,.92);
}
.album-morgenroete .quiet-link{color:rgba(248,236,226,.72);border-color:rgba(248,236,226,.26)}
.album-morgenroete .quiet-link:hover{color:rgba(255,250,246,.98)}
.album-morgenroete .album-cover{
  border-color:rgba(248,236,226,.15);
  background:#241615;
  box-shadow:0 34px 102px rgba(0,0,0,.40);
}
.album-morgenroete .credits-list,
.album-morgenroete .lyrics-details,
.album-morgenroete .site-footer{
  border-color:rgba(248,236,226,.12);
}
.album-morgenroete .site-footer{background:rgba(22,10,10,.90)}
.album-morgenroete .site-footer a:hover{color:rgba(255,249,245,.92)}

.album-page.album-nach-dem-krieg{
  --paper:#dfe5de;
  --paper-bright:#ecf0ea;
  --ink:#2f3839;
  --ink-soft:rgba(47,56,57,.76);
  --ink-faint:rgba(47,56,57,.52);
  --line:rgba(47,56,57,.16);
  --page-bg-image:url("../images/backgrounds/bg-nach-dem-krieg-page-v3.webp");
  --page-bg-position:center center;
  --page-bg-overlay:
    radial-gradient(ellipse at 26% 18%,rgba(255,255,255,.12),transparent 28%),
    linear-gradient(180deg,rgba(242,247,244,.12),rgba(232,238,234,.36) 54%,rgba(225,231,227,.54));
  background:#dfe5de;
}
.album-nach-dem-krieg .site-header{
  background:linear-gradient(180deg,rgba(233,238,233,.78),rgba(233,238,233,0));
}
.album-nach-dem-krieg .site-header.scrolled{
  background:rgba(231,236,232,.90);
  border-bottom-color:rgba(47,56,57,.10);
}
.album-nach-dem-krieg .album-cover{
  border-color:rgba(52,62,63,.12);
  background:#dde4de;
  box-shadow:0 34px 98px rgba(28,37,38,.16);
}
.album-nach-dem-krieg .credits-list,
.album-nach-dem-krieg .lyrics-details,
.album-nach-dem-krieg .press-card,
.album-nach-dem-krieg .site-footer{
  border-color:rgba(47,56,57,.12);
}
.album-nach-dem-krieg .site-footer{
  background:rgba(228,233,229,.86);
  border-top-color:rgba(47,56,57,.12);
}
.album-nach-dem-krieg .site-footer a:hover{color:rgba(32,40,41,.92)}


/* Prototype 19 — Nach dem Krieg readability + legacy release credit formatting */
.album-nach-dem-krieg{
  --ink:#243336;
  --ink-soft:rgba(36,51,54,.90);
  --ink-faint:rgba(36,51,54,.70);
  --line:rgba(36,51,54,.22);
}
.album-nach-dem-krieg .display,
.album-nach-dem-krieg .subsection-heading h2,
.album-nach-dem-krieg .track-title,
.album-nach-dem-krieg .credit-line,
.album-nach-dem-krieg .personnel-line strong,
.album-nach-dem-krieg .lyric-text,
.album-nach-dem-krieg .lyrics-details summary,
.album-nach-dem-krieg .lyrics-close{
  color:rgba(27,42,45,.96);
}
.album-nach-dem-krieg .album-meta,
.album-nach-dem-krieg .track-time,
.album-nach-dem-krieg .credit-row dt,
.album-nach-dem-krieg .tracklist li::before,
.album-nach-dem-krieg .main-nav,
.album-nach-dem-krieg .main-nav button{
  color:rgba(27,42,45,.76);
}
.album-nach-dem-krieg .main-nav .lang.active{color:rgba(22,35,38,.98)}
.album-nach-dem-krieg .quiet-link{
  color:rgba(27,42,45,.80);
  border-color:rgba(27,42,45,.34);
}
.album-nach-dem-krieg .quiet-link:hover{color:rgba(19,31,34,.98)}
.album-nach-dem-krieg .site-footer,
.album-nach-dem-krieg .site-footer a{
  color:rgba(27,42,45,.82);
}
.album-nach-dem-krieg .site-footer{
  background:rgba(230,236,232,.94);
}
.album-nach-dem-krieg .site-footer a:hover{color:rgba(18,31,34,.98)}
.album-nach-dem-krieg .nav-divider{background:rgba(27,42,45,.22)}
.album-nach-dem-krieg .menu-toggle span:not(.sr-only){background:rgba(27,42,45,.88)}

/* Keep multi-line line-up and guest credits visually separated. */
.album-morgenroete .personnel-line,
.album-nach-dem-krieg .personnel-line,
.album-nur-ein-moment .personnel-line{
  display:block;
}


/* Legal pages. */
.legal-page .page-hero{min-height:42vh;padding-bottom:72px}
.legal-page .legal-inner{max-width:900px}
.legal-prose{max-width:900px;color:var(--ink-soft)}
.legal-prose h2{font-size:clamp(24px,2.4vw,34px);font-weight:400;line-height:1.25;margin:2.2em 0 .65em;color:rgba(49,40,32,.82)}
.legal-prose h2:first-child{margin-top:0}
.legal-prose p{margin:0 0 1.25em}
.legal-prose a{border-bottom:1px solid rgba(48,39,31,.28)}
.legal-prose code{font-family:var(--sans);font-size:.82em;background:rgba(48,39,31,.055);padding:.12em .35em;border-radius:2px}


/* Turner-inspired page palettes and mobile navigation refinements. */
.home .hero-wordmark{color:rgba(58,43,31,.58)}
.home .hero-genre{color:rgba(58,43,31,.72)}
.home .current .display,
.home .band .display{color:rgba(56,42,31,.82)}
.home .current-copy p,
.home .band .large-copy{color:rgba(58,45,34,.78)}
.home .site-header,
.interior:not(.album-page) .site-header{
  background:linear-gradient(180deg,rgba(247,241,232,.82),rgba(247,241,232,.10));
}
.home .site-header.scrolled,
.interior:not(.album-page) .site-header.scrolled{
  background:rgba(245,239,229,.92);
}
@media(max-width:820px){
  .home .hero-wordmark{color:rgba(58,43,31,.60)}
  .home .hero-genre{color:rgba(58,43,31,.72)}
  .home .current .display{color:rgba(56,42,31,.80)}
  .home .current-copy p{color:rgba(58,45,34,.76)}
  .home .band .display{color:rgba(56,42,31,.80)}
  .home .band .large-copy{color:rgba(58,45,34,.76)}
}


/* Corrected tall homepage background and refined mobile header/menu. */
@media(max-width:820px){
  /* Avoid the Chrome/Android compositing artefact that could paint a header-like strip at the bottom while fast-scrolling. */
  html{
    background:#26211d;
    overscroll-behavior-y:none;
  }
  body{
    min-height:100dvh;
    overscroll-behavior-y:none;
  }
  .site-header,
  .site-header.scrolled{
    position:sticky;
    top:0;
    margin-bottom:-71px;
    transform:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    background:linear-gradient(100deg,rgba(222,198,153,.96),rgba(235,218,181,.97) 48%,rgba(202,187,161,.95));
    border-bottom:1px solid rgba(82,58,42,.17);
    box-shadow:0 4px 18px rgba(56,38,26,.08);
  }
  .main-nav{
    top:63px;
    left:12px;
    right:12px;
    padding:7px 0 10px;
    overflow:hidden;
    background:
      linear-gradient(125deg,rgba(183,132,87,.13),transparent 34%),
      linear-gradient(145deg,rgba(222,199,156,.985),rgba(238,220,180,.99) 52%,rgba(199,184,158,.985));
    border:1px solid rgba(87,61,44,.20);
    box-shadow:0 18px 44px rgba(52,36,27,.18);
    color:rgba(55,40,30,.78);
  }
  .main-nav a{
    display:block;
    width:100%;
    margin:0;
    padding:13px 18px;
    border:0;
    border-bottom:1px solid rgba(83,59,42,.10);
    border-radius:0;
    color:inherit;
  }
  .main-nav a:last-of-type{border-bottom-color:rgba(83,59,42,.10)}
  .main-nav a::after{display:none}
  .main-nav a:hover{
    background:rgba(126,84,56,.08);
    color:rgba(48,34,26,.96);
  }
  .main-nav a.active{
    background:linear-gradient(90deg,rgba(123,73,50,.20),rgba(177,116,62,.15) 56%,rgba(83,101,104,.11));
    color:rgba(46,32,24,.98);
  }
  .main-nav button{
    color:rgba(55,40,30,.72);
  }
  .main-nav .lang.active{
    color:rgba(46,31,23,.98);
  }

  /* Dark album pages keep a menu matching their nocturnal palette. */
  .album-in-stille .main-nav,
  .album-nur-ein-moment .main-nav,
  .album-wind .main-nav,
  .album-morgenroete .main-nav{
    background:linear-gradient(145deg,rgba(18,19,19,.99),rgba(35,32,29,.99));
    border-color:rgba(240,236,227,.14);
    box-shadow:0 20px 48px rgba(0,0,0,.34);
    color:rgba(241,238,230,.74);
  }
  .album-in-stille .main-nav a,
  .album-nur-ein-moment .main-nav a,
  .album-wind .main-nav a,
  .album-morgenroete .main-nav a{
    border-bottom-color:rgba(240,236,227,.09);
  }
  .album-in-stille .main-nav a.active,
  .album-nur-ein-moment .main-nav a.active,
  .album-wind .main-nav a.active,
  .album-morgenroete .main-nav a.active{
    background:linear-gradient(90deg,rgba(235,224,204,.15),rgba(157,130,100,.11));
    color:rgba(255,252,246,.98);
  }
  .album-in-stille .main-nav a:hover,
  .album-nur-ein-moment .main-nav a:hover,
  .album-wind .main-nav a:hover,
  .album-morgenroete .main-nav a:hover{
    background:rgba(245,241,234,.06);
  }
  .album-in-stille .main-nav button,
  .album-nur-ein-moment .main-nav button,
  .album-wind .main-nav button,
  .album-morgenroete .main-nav button{
    color:rgba(241,238,230,.74);
  }

  /* Anthropos and Nach dem Krieg use their own album palettes. */
  .album-anthropos .main-nav{
    background:linear-gradient(145deg,rgba(223,197,132,.99),rgba(239,222,178,.99));
    border-color:rgba(88,65,35,.18);
    color:rgba(61,47,31,.78);
  }
  .album-anthropos .main-nav a.active{
    background:linear-gradient(90deg,rgba(124,88,38,.17),rgba(188,142,58,.13));
    color:rgba(54,40,25,.98);
  }
  .album-nach-dem-krieg .main-nav{
    background:linear-gradient(145deg,rgba(205,216,213,.99),rgba(227,231,223,.99));
    border-color:rgba(38,55,58,.17);
    color:rgba(31,48,51,.78);
  }
  .album-nach-dem-krieg .main-nav a.active{
    background:linear-gradient(90deg,rgba(45,67,70,.16),rgba(89,111,111,.12));
    color:rgba(24,39,42,.98);
  }
}


/* Chrome Android edge-to-edge and aligned language controls. */
.lang-switch{
  display:flex;
  align-items:center;
  gap:14px;
}
@media(max-width:820px){
  /* Chrome 135+ can show its own dynamic bottom "chin" while scrolling.
     viewport-fit=cover in the HTML opts the page into edge-to-edge so that
     browser bar is not inserted. No bottom-fixed page UI is used here. */
  .main-nav .lang-switch{
    width:100%;
    padding:13px 18px 6px;
    gap:18px;
    align-items:center;
  }
  .main-nav .lang-switch .lang{
    margin:0;
    padding:7px 8px;
    min-width:38px;
    min-height:38px;
    font-size:11px;
    align-self:auto;
  }
}

/* Album pages use their own image and palette without the warm standard-page overlay. */
.album-page.interior::before{
  background-image:var(--page-bg-overlay),var(--page-bg-image);
  background-position:center center,center center,var(--page-bg-position);
  background-size:cover,cover,cover;
  background-repeat:no-repeat,no-repeat,no-repeat;
}

/* Private EPK page. */
.epk-page{
  --epk-rust:146,72,43;
  --epk-gold:184,139,64;
  --epk-blue:75,92,98;
  --ink-faint:rgba(53,45,38,.68);
}
.epk-page.interior::before{
  background-image:
    radial-gradient(ellipse at 81% 11%,rgba(var(--epk-gold),.17),transparent 29%),
    radial-gradient(ellipse at 15% 38%,rgba(var(--epk-rust),.08),transparent 27%),
    radial-gradient(ellipse at 78% 74%,rgba(var(--epk-blue),.09),transparent 31%),
    linear-gradient(180deg,rgba(247,241,232,.12),rgba(242,233,219,.50) 48%,rgba(239,230,217,.70)),
    url("../images/backgrounds/bg-page-v2.webp");
  background-position:center center,center center,center center,center center,center top;
  background-size:cover,cover,cover,cover,cover;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
  opacity:.98;
}
.epk-hero{min-height:72vh;padding-bottom:86px;align-items:end}

/* EPK micro typography is deliberately more readable than the tiny decorative labels used elsewhere. */
.epk-kicker,.epk-runtime,.epk-artwork figcaption,.epk-discography small,
.epk-stream-label,.epk-quick-contact,.epk-track-number,.epk-stream-list time,
.epk-now-playing span,.epk-stream-note,.epk-facts dt,.epk-discography>div>span,
.epk-contact-person span{
  font-family:var(--sans);
  text-transform:uppercase;
  letter-spacing:.11em;
  color:var(--ink-faint);
}
.epk-page .eyebrow{font-family:var(--sans);font-size:11px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0}
.epk-kicker{font-size:11px;line-height:1.4;letter-spacing:.14em;margin:0 0 24px}
.epk-hero .display{font-size:clamp(58px,9vw,128px);max-width:none;color:rgba(47,37,29,.90)}
.epk-lead{max-width:none;margin-top:24px;font-size:clamp(18px,1.55vw,22px);color:var(--ink-soft)}
.epk-lead p{margin:0}
.epk-quick-contact{font-size:10px;line-height:1.55;margin:17px 0 0;letter-spacing:.10em}
.epk-quick-contact a{color:rgba(52,42,33,.70);border-bottom:1px solid rgba(52,42,33,.24);padding-bottom:2px}
.epk-quick-contact a:hover{color:var(--ink)}
@media(min-width:900px){.epk-lead p{white-space:nowrap}}

/* Album + private stream are one combined block. */
.epk-art-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(400px,1.18fr);gap:clamp(48px,7vw,96px);align-items:start}
.epk-cover{margin:0;box-shadow:0 15px 34px rgba(47,37,29,.17);overflow:hidden}
.epk-cover img{display:block;width:100%;height:auto}
.epk-track-panel{padding-top:0}
.epk-track-panel h2{font-weight:400;font-size:clamp(35px,4vw,58px);margin:7px 0 24px;color:rgba(48,38,30,.87)}
.epk-stream-label{font-size:10px;line-height:1.5;margin:0 0 13px}
.epk-stream-list{margin:0;padding:0;border-top:1px solid var(--line)}
.epk-stream-list li{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}
.epk-stream-list button{width:100%;display:grid;grid-template-columns:30px 22px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 2px;border:0;background:transparent;color:var(--ink-soft);font:inherit;text-align:left;cursor:pointer;transition:padding .22s ease,color .22s ease,background .22s ease}
.epk-stream-list button:hover{padding-left:8px;padding-right:8px;color:rgba(48,39,31,.92)}
.epk-stream-list button.active{color:rgba(48,39,31,.96);background:linear-gradient(90deg,rgba(var(--epk-gold),.10),transparent 78%)}
.epk-track-number{font-size:10px;line-height:1.4;letter-spacing:.10em}
.epk-play-icon{font-family:var(--sans);font-size:11px;color:var(--ink-faint)}
.epk-stream-title{font-size:17px;line-height:1.35}
.epk-stream-list time{font-size:10px;line-height:1.4;letter-spacing:.08em}
.epk-player{border-bottom:1px solid var(--line);padding:25px 0 8px}
.epk-now-playing{display:grid;gap:5px;margin-bottom:14px}
.epk-now-playing span{font-size:10px;line-height:1.4}
.epk-now-playing strong{font-size:clamp(21px,2.2vw,31px);line-height:1.25;font-weight:400;color:rgba(48,39,31,.84)}
.epk-player audio{display:block;width:100%;height:44px;margin:0 0 15px;opacity:.84}
.epk-player-foot{display:flex;justify-content:space-between;gap:24px;align-items:baseline;flex-wrap:wrap}
.epk-runtime,.epk-stream-note{font-size:10px;line-height:1.6;margin:0 0 8px}

/* Album concept image now lives with the album text rather than masquerading as the final cover. */
.epk-about-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(320px,.93fr);gap:clamp(48px,7vw,96px);align-items:start}
.epk-copy{max-width:940px;color:var(--ink-soft);font-size:clamp(18px,1.45vw,21px)}
.epk-copy p{margin:0 0 1.3em}
.epk-copy strong{font-weight:400;color:rgba(49,40,32,.86)}
.epk-artwork{margin:0}
.epk-artwork img{display:block;width:100%;height:auto;box-shadow:0 15px 34px rgba(47,37,29,.17)}
.epk-artwork figcaption{font-size:10px;line-height:1.65;letter-spacing:.08em;margin-top:14px;max-width:720px}
.epk-concept-artwork{position:sticky;top:118px}

.epk-facts{max-width:960px;margin:0;border-top:1px solid var(--line)}
.epk-facts>div{display:grid;grid-template-columns:210px 1fr;gap:34px;padding:16px 0;border-bottom:1px solid var(--line)}
.epk-facts dt{font-size:10px;line-height:1.5;letter-spacing:.11em}
.epk-facts dd{margin:0;color:var(--ink-soft)}
.epk-more{margin-top:28px}

.epk-discography{border-top:1px solid var(--line);max-width:1000px}
.epk-discography>div{display:grid;grid-template-columns:90px minmax(220px,.8fr) 1fr;gap:28px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.epk-discography>div>span{font-size:10px;line-height:1.4;letter-spacing:.10em}
.epk-discography strong{font-size:21px;font-weight:400;color:rgba(48,39,31,.83)}
.epk-discography strong a{color:inherit;display:inline-flex;gap:10px;align-items:baseline}
.epk-discography strong a span{font-family:var(--sans);font-size:11px;color:var(--ink-faint);transition:transform .2s ease}
.epk-discography strong a:hover span{transform:translateX(4px)}
.epk-discography small{font-size:10px;line-height:1.5;letter-spacing:.08em}

/* Press follows the same restrained quote-card language used on the album pages. */
.epk-selected-press{max-width:1000px}
.epk-selected-press .press-card{background:transparent}
.epk-selected-press .epk-press-featured{grid-column:1/-1;min-height:280px}
.epk-selected-press .epk-press-featured blockquote{max-width:900px;font-size:clamp(28px,3.4vw,46px);line-height:1.32;color:rgba(49,40,32,.78)}
.epk-page .press-meta,.epk-page .press-read{font-size:10px;line-height:1.45;letter-spacing:.11em}

/* Compact second-level press proof: review scores across three album cycles. */
.epk-review-scores{max-width:1000px;margin-top:54px;padding-top:30px;border-top:1px solid var(--line)}
.epk-review-scores h3{margin:0 0 28px;font-family:var(--serif);font-size:clamp(21px,2vw,28px);line-height:1.3;font-weight:400;letter-spacing:0;text-transform:none;color:rgba(49,39,30,.78)}
.epk-review-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 38px}
.epk-review-score-album{min-width:0;padding-top:1px}
.epk-review-score-album+ .epk-review-score-album{border-left:1px solid var(--line);padding-left:38px}
.epk-review-score-album h4{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 14px;padding-bottom:13px;border-bottom:1px solid var(--line);font-weight:400}
.epk-review-score-album h4 span{font-size:18px;line-height:1.3;color:rgba(48,39,31,.83)}
.epk-review-score-album h4 small{flex:0 0 auto;font-family:var(--sans);font-size:10px;line-height:1.4;font-weight:400;letter-spacing:.09em;color:var(--ink-faint)}
.epk-review-score-album dl{margin:0}
.epk-review-score-album dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:7px 0;border-bottom:1px solid rgba(72,56,35,.10)}
.epk-review-score-album dt{min-width:0;font-family:var(--sans);font-size:11px;line-height:1.45;letter-spacing:.045em;color:var(--ink-soft)}
.epk-review-score-album dd{margin:0;flex:0 0 auto;font-family:var(--serif);font-size:20px;line-height:1.2;color:rgba(48,39,31,.84);font-variant-numeric:tabular-nums}

.epk-lineup-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(45px,7vw,100px);align-items:start}
.epk-lineup-layout .lineup-grid{grid-template-columns:1fr}
.epk-band-photo{margin:0;box-shadow:0 15px 34px rgba(47,37,29,.17);overflow:hidden}
.epk-band-photo img{display:block;width:100%;height:auto}
.epk-contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:clamp(55px,9vw,130px);align-items:start}
.epk-contact-person{display:grid;gap:3px;margin:0 0 13px}
.epk-contact-person span{font-size:10px;line-height:1.4}
.epk-contact-person strong{font-size:clamp(21px,2vw,28px);line-height:1.3;font-weight:400;color:rgba(49,39,30,.78)}
.epk-email{font-size:clamp(26px,3.2vw,48px);line-height:1.15;color:rgba(49,39,30,.84);overflow-wrap:anywhere}
@media(max-width:860px){
  .epk-art-grid,.epk-about-grid,.epk-lineup-layout,.epk-contact-grid{grid-template-columns:1fr}
  .epk-art-grid{gap:48px}
  .epk-cover{width:min(100%,560px)}
  .epk-concept-artwork{position:static;max-width:720px}
  .epk-facts>div{grid-template-columns:135px 1fr;gap:20px}
  .epk-discography>div{grid-template-columns:62px 1fr;gap:10px 18px}
  .epk-discography small{grid-column:2}
  .epk-selected-press .epk-press-featured{grid-column:auto}
  .epk-selected-press .epk-press-featured blockquote{font-size:clamp(23px,4.5vw,32px)}

  .epk-review-score-grid{grid-template-columns:1fr;gap:26px}
  .epk-review-score-album+ .epk-review-score-album{border-left:0;padding-left:0}
  .epk-player-foot{display:block}
}
@media(max-width:500px){
  .epk-hero .display{font-size:clamp(34px,11vw,50px)}
  .epk-facts>div{grid-template-columns:1fr;gap:4px}
  .epk-email{font-size:25px}
  .epk-stream-list button{grid-template-columns:26px 20px minmax(0,1fr) auto;gap:8px}
  .epk-stream-title{font-size:15px}
  .epk-track-number,.epk-stream-list time{font-size:9px}
}


/* EPK album copy, credits and lyrics. */
.epk-album-thesis{
  margin:1.35em 0 1.3em!important;
  max-width:860px;
  font-family:var(--serif);
  font-size:clamp(20px,1.75vw,27px);
  line-height:1.44;
  color:rgba(49,39,30,.79);
}
.epk-album-thesis strong{font-weight:500;color:inherit}
.epk-credits{max-width:1060px}
.epk-credits>div{grid-template-columns:245px minmax(0,1fr)}
.epk-credits dd{line-height:1.62}
.epk-concept-artwork figcaption{color:rgba(48,39,31,.66)}
.epk-track-lyrics{padding:0 2px 11px}
.epk-track-lyrics summary{
  width:max-content;
  margin:-4px 0 2px 62px;
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  list-style:none;
  user-select:none;
  font-family:var(--sans);
  font-size:10px;
  line-height:1.5;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(48,39,31,.55);
}
.epk-track-lyrics summary::-webkit-details-marker{display:none}
.epk-track-lyrics summary:hover{color:rgba(48,39,31,.82)}
.epk-lyrics-arrow{font-size:13px;line-height:1;transition:transform .22s ease}
.epk-track-lyrics[open] .epk-lyrics-arrow{transform:rotate(180deg)}
.epk-track-lyrics[open] summary{margin-bottom:18px}
.epk-lyrics-panel{
  margin:0 0 8px 62px;
  padding:20px 0 2px;
  border-top:1px solid rgba(72,56,35,.14);
  container-name:epk-lyrics-panel;
  container-type:inline-size;
}
.epk-lyrics-columns{display:grid;grid-template-columns:1fr;gap:34px}
.epk-lyrics-column h5{
  margin:0 0 18px;
  font-family:var(--sans);
  font-size:10px;
  line-height:1.4;
  font-weight:400;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--ink-faint);
}
.epk-lyrics-text{
  max-width:720px;
  font-family:var(--serif);
  font-size:15px;
  line-height:1.68;
  color:rgba(48,39,31,.72);
}
.epk-lyrics-text p{margin:0 0 1.45em}
.epk-lyrics-text p:last-child{margin-bottom:0}
.epk-lyrics-translation .epk-lyrics-text{color:rgba(48,39,31,.64)}
.epk-hebrew-lyrics{
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.9;
  text-align:right;
  direction:rtl;
  unicode-bidi:plaintext;
  color:rgba(48,39,31,.80);
}

@container epk-lyrics-panel (min-width:540px){
  .epk-lyrics-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .epk-lyrics-translation{border-left:1px solid rgba(72,56,35,.14);padding-left:28px}
}
@media(max-width:820px){
  .epk-credits>div{grid-template-columns:1fr;gap:4px}
  .epk-track-lyrics summary{margin-left:54px}
  .epk-lyrics-panel{margin-left:54px}
}
@media(max-width:520px){
  .epk-track-lyrics summary{margin-left:46px}
  .epk-lyrics-panel{margin-left:0}
  .epk-lyrics-text{font-size:14.5px}
}

.epk-source-quote em{
  font-style:italic;
}
.epk-footer{
  background:rgba(236,226,211,.96);
  color:#3b3023;
  font-size:10px;
  letter-spacing:.12em;
}
.epk-footer a,
.epk-footer nav a{
  color:#2f271f !important;
  opacity:1;
  font-weight:600;
}
.epk-footer a:hover,
.epk-footer nav a:hover{
  color:#17120f !important;
}