:root{
  --ink:#101110;--ink2:#171816;--paper:#e4dac9;--paper-soft:#c2b9aa;
  --brass:#b79d6e;--line:rgba(183,157,110,.32);--line-soft:rgba(183,157,110,.16);
  --serif:Georgia,"Times New Roman",serif;--sans:"Helvetica Neue",Arial,sans;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;color:var(--paper);font-family:var(--serif);line-height:1.65;overflow-x:hidden;background:linear-gradient(rgba(16,17,16,.68),rgba(16,17,16,.74)),url("../images/texture.webp") center top/cover fixed}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 44px));margin-inline:auto}
.page-grain{position:fixed;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:screen;z-index:60;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.04),transparent 25%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.03),transparent 25%)}
.site-header{position:absolute;inset:0 0 auto 0;z-index:30;display:flex;align-items:center;gap:24px;min-height:72px;padding:14px 34px;color:var(--paper-soft)}
.brand-mini{width:60px;margin-right:auto}.brand-mini img{width:100%}.main-nav{display:flex;gap:24px}.main-nav a,.menu-toggle{font:700 10px/1 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--paper-soft)}.menu-toggle{display:none;background:rgba(12,13,12,.50);border:1px solid var(--line);padding:10px 13px}.main-nav a:hover{color:var(--paper)}
.hero{--hero-bg:url("../images/hero.webp");position:relative;overflow:hidden;min-height:780px;background:linear-gradient(90deg,rgba(16,17,16,.36) 0%,rgba(16,17,16,.10) 42%,rgba(16,17,16,.40) 100%),linear-gradient(0deg,rgba(16,17,16,.74) 0%,rgba(16,17,16,.06) 46%,rgba(16,17,16,.14) 100%),var(--hero-bg) center/cover}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 24%,rgba(232,219,194,.15),transparent 33%);pointer-events:none}.hero-left-panel{position:absolute;inset:0 auto 0 0;width:min(37vw,470px);z-index:2;pointer-events:none}.hero-panel-bg{width:100%;height:100%;object-fit:cover;opacity:.34;filter:grayscale(.88) sepia(.10) saturate(.42) brightness(1.05);mask-image:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,.92) 54%,rgba(0,0,0,0) 100%)}.hero-panel-ornament{position:absolute;left:12px;bottom:24px;width:145px;opacity:.42;filter:sepia(.14) brightness(1.02)}
.hero-inner{position:relative;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,430px);gap:48px;min-height:780px;align-items:center;padding-top:96px;padding-bottom:76px}.hero-copy{padding-left:120px;max-width:650px}.hero-logo-main{width:230px;margin-bottom:8px}.hero-copy h1{margin:0 0 10px;font-size:60px;line-height:1.02;font-weight:400;text-shadow:0 5px 26px rgba(0,0,0,.22)}.hero-lead{max-width:540px;color:var(--paper);font-size:22px;line-height:1.42}.eyebrow{margin:0 0 7px;font:700 10px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--brass)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:0 18px;border:1px solid var(--line);background:rgba(20,21,20,.18);color:var(--paper);font:700 10px/1 var(--sans);letter-spacing:.17em;text-transform:uppercase}.button:hover{background:rgba(183,157,110,.12);border-color:rgba(183,157,110,.56)}.solid-button{background:var(--paper);color:#252420;border-color:var(--paper)}
.release-card{width:100%;max-width:430px;justify-self:end;padding:16px;background:linear-gradient(180deg,rgba(20,21,20,.72),rgba(18,19,18,.82));border:1px solid var(--line);box-shadow:0 24px 56px rgba(0,0,0,.28)}.release-card>a{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--line-soft)}.centered{text-align:center}.album-cover{display:block;width:100%;height:100%;object-fit:cover;border:0;filter:grayscale(.48) sepia(.10) saturate(.52) brightness(.95)}.release-meta{padding-top:14px}.release-meta h2{margin:0 0 3px;font-size:27px;font-weight:400}.release-meta p{margin:0 0 14px;color:var(--paper-soft)}
.soft-transition{position:absolute;left:0;right:0;bottom:-1px;height:160px;z-index:4;background:linear-gradient(to bottom,transparent,rgba(18,19,18,.92))}
.about-flow{--about-bg:url("../images/about-cottage.webp");position:relative;margin-top:-34px;padding:90px 0 74px;isolation:isolate;overflow:hidden}.about-landscape{position:absolute;inset:10px 0 -30px 43%;z-index:-2;background:var(--about-bg) center/cover;filter:grayscale(.58) sepia(.10) saturate(.40) brightness(.98)}.about-fade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,19,18,.84) 0%,rgba(18,19,18,.74) 36%,rgba(18,19,18,.16) 66%,rgba(18,19,18,.56) 100%),linear-gradient(0deg,rgba(18,19,18,.82) 0%,transparent 30%,transparent 75%,rgba(18,19,18,.86) 100%)}.about-layout{display:flex;align-items:center;min-height:390px}.about-copy{max-width:560px;padding-left:60px}.about-copy h2,.talk-panel h2{margin:0 0 16px;font-size:39px;line-height:1.12;font-weight:400}.about-copy p{color:var(--paper-soft)}.text-link{display:inline-flex;gap:14px;color:var(--brass);font:700 10px/1 var(--sans);letter-spacing:.17em;text-transform:uppercase}
.members-flow{padding:46px 0 58px;background:linear-gradient(to bottom,rgba(18,19,18,.92),rgba(21,22,20,.80),rgba(18,19,18,.94))}.section-title{text-align:center;margin-bottom:23px}.section-title img{width:320px;margin:0 auto 6px;opacity:.72}.section-title h2{margin:0 0 4px;font-size:28px;letter-spacing:.12em;text-transform:uppercase;font-weight:400}.member-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.member-card{position:relative;overflow:hidden;border:1px solid var(--line);background:rgba(23,24,22,.68)}.member-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 54%,rgba(14,15,14,.86));pointer-events:none}.member-card img{width:100%;aspect-ratio:.82/1;object-fit:cover;object-position:center top;filter:grayscale(.66) sepia(.10) saturate(.42) brightness(.92)}.member-card div{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px 9px;text-align:center}.member-card h3{margin:0 0 1px;font-size:15px;font-weight:400}.member-card p{margin:0;color:var(--brass);font-size:12px}
.talk-flow{padding:10px 0 64px;background:rgba(18,19,18,.95)}.talk-panel{display:grid;grid-template-columns:100px 1fr auto;gap:24px;align-items:center;padding:19px 22px;border:1px solid var(--line);background:linear-gradient(90deg,rgba(88,75,56,.40),rgba(30,31,28,.74))}.talk-ornament{width:84px;opacity:.74}.talk-panel p{margin:0;color:var(--paper-soft)}
.inner-main{padding:150px 0 82px;min-height:70vh}.archive-header h1,.album-info h1,.song-main h1,.member-detail-copy h1,.page-content h1{font-size:54px;line-height:1.04;font-weight:400;margin:0 0 18px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.archive-card{border:1px solid var(--line);background:rgba(25,26,24,.62);overflow:hidden}.archive-card img{width:100%;aspect-ratio:1/1;object-fit:cover;filter:grayscale(.45) sepia(.08) saturate(.48) brightness(.94)}.archive-card div{padding:16px}.archive-card h2{font-size:24px;font-weight:400;margin:0 0 4px}
.album-layout,.song-layout,.member-detail{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:44px;align-items:start}.album-art img,.song-aside img,.member-detail-image img,.article-hero-image{width:100%;border:1px solid var(--line);filter:grayscale(.48) sepia(.10) saturate(.50) brightness(.96)}.album-info h2{margin-top:34px;font-size:30px;font-weight:400}.track-list{list-style:none;padding:0;margin:16px 0;border-top:1px solid var(--line)}.track-list li{padding:10px 0;border-bottom:1px solid var(--line-soft)}.track-list a{display:grid;grid-template-columns:38px 1fr auto;gap:10px}.track-list em{font-style:normal;color:var(--brass)}.lyrics-content{font-size:19px;line-height:1.9}.page-content{max-width:820px}.article-hero-image{margin:20px 0}.footer-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:44px}.site-footer{--footer-bg:url("../images/footer.webp");position:relative;min-height:250px;padding:64px 0 18px;background:var(--footer-bg) center/cover}.footer-art{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(18,19,18,.66),rgba(15,16,15,.84))}.footer-layout,.footer-bottom{position:relative}.footer-logo{width:88px}.footer-links a{display:block;margin:4px 0;color:var(--paper-soft)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-top:13px;border-top:1px solid var(--line-soft);color:#978e7f;font-size:12px}.footer-bottom img{width:250px;opacity:.46}
.se-audio-player{margin:14px 0;padding:12px;border:1px solid var(--line);background:rgba(24,25,23,.68)}.se-audio-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;color:var(--paper-soft)}.se-audio-player audio{width:100%}.se-audio-player.is-compact{padding:8px;margin:6px 0}.se-audio-player.is-compact .se-audio-meta{font-size:13px}
@media(max-width:990px){.hero-inner{grid-template-columns:1fr}.release-card{display:none}.hero-copy{padding-left:84px}.member-grid{grid-template-columns:repeat(3,1fr)}.archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.shell{width:min(100% - 28px,620px)}.site-header{padding-inline:16px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:64px;right:14px;left:14px;flex-direction:column;gap:0;background:rgba(18,19,18,.96);border:1px solid var(--line);padding:8px}.main-nav.open{display:flex}.main-nav a{padding:13px}.hero-left-panel{width:58vw}.hero-inner{min-height:700px}.hero-copy{padding-left:0;text-align:center}.hero-logo-main{margin-inline:auto}.hero-copy h1{font-size:44px}.about-copy{padding-left:0}.member-grid,.archive-grid{grid-template-columns:repeat(2,1fr)}.talk-panel{grid-template-columns:64px 1fr}.talk-panel .button{grid-column:1/-1}.album-layout,.song-layout,.member-detail{grid-template-columns:1fr}.footer-layout{grid-template-columns:1fr}.footer-bottom{display:block;text-align:center}.footer-bottom img{margin:8px auto}}
@media(max-width:480px){.member-grid,.archive-grid{grid-template-columns:1fr}}


/* ============================================================
   v0.2.2 — album artwork proportions
   ============================================================ */
.album-art{
  width:100%;
  max-width:460px;
  aspect-ratio:1 / 1;
  overflow:hidden;
  align-self:start;
  border:1px solid var(--line);
  background:rgba(18,19,18,.60);
}
.album-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:0;
}
.song-aside a{
  display:block;
}
.song-aside a > img{
  display:block;
  width:100%;
  aspect-ratio:1 / 1;
  object-fit:cover;
  border:1px solid var(--line);
}

/* ============================================================
   v0.2.2 — custom audio player
   ============================================================ */
.se-audio-player{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin:12px 0;
  padding:10px 12px;
  border:1px solid var(--line);
  background:
    linear-gradient(90deg,rgba(80,68,50,.17),rgba(27,28,26,.76)),
    rgba(21,22,20,.78);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.se-audio-player audio{
  display:none;
}
.se-audio-toggle{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  padding:0;
  border:1px solid rgba(183,157,110,.48);
  border-radius:50%;
  background:rgba(17,18,17,.44);
  color:var(--paper);
  cursor:pointer;
  transition:.18s ease;
}
.se-audio-toggle:hover,
.se-audio-toggle:focus-visible{
  border-color:var(--brass);
  background:rgba(183,157,110,.15);
}
.se-audio-toggle span{
  display:block;
  transform:translateX(1px);
  font-size:13px;
  line-height:1;
}
.se-audio-toggle.is-playing span{
  transform:none;
}
.se-audio-body{
  min-width:0;
}
.se-audio-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin:0 0 5px;
  color:var(--paper-soft);
  font-size:13px;
  line-height:1.25;
}
.se-audio-meta strong{
  overflow:hidden;
  color:var(--paper);
  font-size:14px;
  font-weight:400;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.se-audio-meta span{
  flex:none;
  color:var(--brass);
  font:700 9px/1.4 var(--sans);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.se-audio-progress{
  display:block;
  width:100%;
  height:3px;
  margin:0;
  appearance:none;
  -webkit-appearance:none;
  border-radius:999px;
  background:rgba(226,218,201,.16);
  cursor:pointer;
}
.se-audio-progress::-webkit-slider-thumb{
  width:11px;
  height:11px;
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(226,218,201,.72);
  border-radius:50%;
  background:var(--brass);
}
.se-audio-progress::-moz-range-thumb{
  width:11px;
  height:11px;
  border:1px solid rgba(226,218,201,.72);
  border-radius:50%;
  background:var(--brass);
}
.se-audio-time{
  min-width:82px;
  color:var(--paper-soft);
  font:700 10px/1 var(--sans);
  letter-spacing:.08em;
  text-align:right;
}
.se-audio-player.is-compact{
  grid-template-columns:auto minmax(0,1fr) auto;
  margin:7px 0 2px;
  padding:8px 10px;
}
.se-audio-player.is-compact .se-audio-toggle{
  width:31px;
  height:31px;
}
.se-audio-player.is-compact .se-audio-meta{
  margin-bottom:4px;
}
.se-audio-player.is-compact .se-audio-meta strong{
  font-size:13px;
}
.se-audio-player.is-compact .se-audio-time{
  min-width:70px;
  font-size:9px;
}
@media(max-width:560px){
  .se-audio-player{
    grid-template-columns:auto minmax(0,1fr);
  }
  .se-audio-time{
    grid-column:2;
    min-width:0;
    margin-top:-5px;
    text-align:left;
  }
}


/* ============================================================
   v0.2.3 — reusable inner-page hero
   ============================================================ */
.inner-hero{
  --inner-hero-bg:url("../images/hero.webp");
  position:relative;
  isolation:isolate;
  display:flex;
  min-height:390px;
  padding:142px 0 54px;
  align-items:end;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(16,17,16,.46),rgba(16,17,16,.16),rgba(16,17,16,.46)),
    linear-gradient(0deg,rgba(17,18,17,.88),rgba(17,18,17,.12) 62%),
    var(--inner-hero-bg) center/cover;
}
.inner-hero-shade{
  position:absolute;
  z-index:-1;
  inset:0;
  background:radial-gradient(circle at 52% 20%,rgba(231,218,191,.13),transparent 36%);
}
.inner-hero-copy h1{
  max-width:820px;
  margin:0 0 8px;
  font-size:58px;
  line-height:1.03;
  font-weight:400;
  text-shadow:0 5px 22px rgba(0,0,0,.26);
}
.inner-hero-copy p{
  max-width:720px;
  margin-bottom:0;
  color:var(--paper-soft);
  font-size:19px;
}
.inner-hero-divider{
  width:240px;
  margin:0 0 14px;
  opacity:.70;
}
.inner-main.with-hero{
  padding-top:64px;
}
@media(max-width:720px){
  .inner-hero{
    min-height:330px;
    padding:112px 0 42px;
  }
  .inner-hero-copy h1{
    font-size:42px;
  }
}


/* ============================================================
   v0.2.4 — robust inner hero image rendering
   ============================================================ */
.inner-hero{
  background:
    linear-gradient(90deg,rgba(16,17,16,.30),rgba(16,17,16,.08),rgba(16,17,16,.32)),
    linear-gradient(0deg,rgba(17,18,17,.80),rgba(17,18,17,.06) 62%);
}
.inner-hero-image{
  position:absolute;
  z-index:-2;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:grayscale(.62) sepia(.08) saturate(.50) brightness(1.08) contrast(1.02);
}
.inner-hero-shade{
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(16,17,16,.30),rgba(16,17,16,.06),rgba(16,17,16,.30)),
    linear-gradient(0deg,rgba(17,18,17,.74),rgba(17,18,17,.04) 62%),
    radial-gradient(circle at 52% 20%,rgba(231,218,191,.15),transparent 36%);
}


/* ============================================================
   v0.2.5 — robust archive card image frames
   ============================================================ */
.archive-card > a{
  display:block;
}
.archive-card-image{
  position:relative;
  width:100%;
  aspect-ratio:1 / 1;
  overflow:hidden;
  border-bottom:1px solid var(--line-soft);
  background:rgba(18,19,18,.68);
}
.archive-card-image img,
.archive-card .archive-card-image img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  aspect-ratio:auto;
}
.archive-card-image-portrait{
  aspect-ratio:.82 / 1;
}
.archive-card-image-journal{
  aspect-ratio:1.7 / 1;
}
.archive-card-copy{
  padding:16px;
}
.archive-card-copy h2{
  margin:0 0 4px;
  font-size:24px;
  font-weight:400;
}


/* ============================================================
   v0.2.6 — CSS-drawn audio controls
   Prevent WordPress emoji substitution.
   ============================================================ */
.se-audio-toggle{
  position:relative;
  color:var(--brass);
}
.se-audio-toggle .se-audio-icon{
  position:relative;
  display:block;
  width:14px;
  height:16px;
}
.se-audio-toggle .se-audio-icon::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  border-left:10px solid var(--brass);
  transform:translate(-42%,-50%);
}
.se-audio-toggle .se-audio-icon::after{
  content:"";
  display:none;
}
.se-audio-toggle .se-audio-icon.is-pause::before,
.se-audio-toggle .se-audio-icon.is-pause::after{
  content:"";
  position:absolute;
  top:1px;
  display:block;
  width:4px;
  height:14px;
  border:0;
  background:var(--brass);
  transform:none;
}
.se-audio-toggle .se-audio-icon.is-pause::before{
  left:2px;
}
.se-audio-toggle .se-audio-icon.is-pause::after{
  right:2px;
}