:root{--black:#070707;--cream:#e9e1d5;--cream2:#f3eee6;--ink:#181512;--muted:#a59c94}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:white;font-family:"DM Sans",system-ui,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{width:100%;display:block}figure{margin:0}
.topbar{position:fixed;z-index:100;top:0;left:0;right:0;height:62px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;mix-blend-mode:difference}
.brand{font-size:12px;font-weight:600;letter-spacing:.2em}.topbar nav{display:flex;gap:24px}.topbar nav a{font-size:9px;letter-spacing:.16em}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:#000}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:76% center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.42) 40%,rgba(0,0,0,.05) 70%),linear-gradient(0deg,rgba(0,0,0,.68),transparent 55%)}
.hero-content{position:relative;z-index:2;width:90vw;max-width:1280px;margin:0 auto 8vh}
.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:600;color:#c9c2bb;margin:0 0 20px}.eyebrow.inked{color:#746b63}
h1,h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;margin:0;letter-spacing:-.035em}
h1{font-size:clamp(72px,12vw,178px);line-height:.78}.hero-line{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:clamp(27px,3.2vw,48px);margin:28px 0 0;max-width:650px}
.hero-meta{margin-top:34px;display:flex;align-items:center;gap:28px;flex-wrap:wrap;font-size:10px;letter-spacing:.14em}.pill{border:1px solid rgba(255,255,255,.55);padding:13px 18px;border-radius:40px}
.dark{background:var(--black);color:white}.cream{background:var(--cream);color:var(--ink)}.light{background:var(--cream2);color:var(--ink)}
.release{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;padding:12vw 7vw}.cover-wrap img{aspect-ratio:1/1;object-fit:cover}.release-copy{max-width:680px}
.release h2,.live h2,.ep h2,.writing h2,.studio h2,.about h2,.press h2,.contact h2{font-size:clamp(44px,6.3vw,94px);line-height:.93}
.lede,.live-seo,.studio-copy>p:not(.eyebrow):not(.aside){font-size:17px;line-height:1.7;color:#cec6bf;max-width:680px}
blockquote{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:clamp(32px,4.2vw,60px);line-height:1.08;margin:44px 0 14px}.aside{font-size:12px;color:var(--muted);font-style:italic}.links{display:flex;gap:26px;margin-top:42px}.links a,.contact-links a{font-size:10px;letter-spacing:.14em;border-bottom:1px solid currentColor;padding-bottom:5px}
.live{padding:12vw 7vw 13vw}.live-head{max-width:970px;margin-bottom:8vw}.live-seo{margin-top:30px;max-width:650px}.live-grid{display:grid;grid-template-columns:1.1fr .7fr;grid-template-rows:auto auto;gap:2vw;position:relative}.live-a{grid-row:1/3}.live-a img{height:100%;min-height:800px;object-fit:cover}.live-b img{height:500px;object-fit:cover;object-position:center 44%}.live-c{width:78%;margin-left:auto}.live-c img{height:420px;object-fit:cover;object-position:center 45%}.venues{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18);margin-top:5vw}.venues span{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:10px;letter-spacing:.13em;color:#c7c0b9}
.ep{padding:13vw 7vw}.ep-inner{max-width:1120px}.ep-copy{font-size:17px;line-height:1.72;max-width:760px;margin:40px 0 55px}.tracklist{border-top:1px solid rgba(0,0,0,.24);display:grid;grid-template-columns:1fr 1fr}.tracklist span{padding:17px 0;border-bottom:1px solid rgba(0,0,0,.24);font-size:11px;letter-spacing:.12em}.tracklist span:nth-child(even){padding-left:7vw}.date{margin-top:65px;font-size:11px;letter-spacing:.22em}
.writing{display:grid;grid-template-columns:1fr 1fr;min-height:90vh}.writing-image img{height:100%;object-fit:cover}.writing-copy{padding:10vw 7vw;display:flex;flex-direction:column;justify-content:center}.writing-copy>p:not(.eyebrow){font-size:17px;line-height:1.68;max-width:600px}.seo-soft{font-size:14px!important;color:#6f675f}
.studio{display:grid;grid-template-columns:1fr .9fr;gap:7vw;padding:12vw 7vw;align-items:center}.studio-image img{aspect-ratio:4/5;object-fit:cover}
.about{padding:13vw 7vw}.about-inner{max-width:1140px}.about-text{display:grid;grid-template-columns:1fr 1fr;gap:26px 70px;margin-top:50px}.about-text p{font-size:17px;line-height:1.7;margin:0}
.press{padding:11vw 7vw}.press-list{margin-top:55px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.18)}.press-list span{font-size:10px;letter-spacing:.13em;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.contact{padding:13vw 7vw 11vw}.contact-inner{max-width:1200px}.contact-types{margin:45px 0;font-size:10px;letter-spacing:.12em;color:#aaa29b}.contact-links{display:flex;gap:30px;flex-wrap:wrap}

.contact-form-section{padding:0 7vw 13vw}
.contact-form-inner{max-width:1200px;border-top:1px solid rgba(255,255,255,.16);padding-top:8vw}
.contact-form-section h2{font-size:clamp(44px,6.3vw,94px);line-height:.93;font-family:"Instrument Serif",Georgia,serif;font-weight:400;margin:0;letter-spacing:-.035em}
.contact-form{max-width:900px;margin-top:60px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 34px}
.field{display:flex;flex-direction:column;gap:10px}
.field-wide{grid-column:1 / -1}
.field label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#aaa29b}
.field label span{font-size:9px;letter-spacing:.08em;text-transform:none}
.field input,.field select,.field textarea{
  width:100%;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.28);
  border-radius:0;
  background:transparent;
  color:#fff;
  font:inherit;
  font-size:16px;
  padding:14px 2px 15px;
  outline:none;
  transition:border-color .2s ease;
}
.field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:#fff}
.field textarea{resize:vertical;min-height:150px;line-height:1.55}
.field select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:34px}
.field select option{color:#111;background:#fff}
.select-wrap{position:relative}
.select-wrap::after{
  content:"↓";
  position:absolute;
  right:2px;
  top:50%;
  transform:translateY(-50%);
  pointer-events:none;
  color:#aaa29b;
}
.contact-submit{
  margin-top:42px;
  border:1px solid rgba(255,255,255,.55);
  background:transparent;
  color:#fff;
  padding:15px 20px;
  border-radius:999px;
  font:inherit;
  font-size:10px;
  letter-spacing:.16em;
  cursor:pointer;
  transition:.2s ease;
}
.contact-submit:hover,.contact-submit:focus-visible{background:#fff;color:#000}
.form-note{margin-top:15px;font-size:10px;color:#7f7771}
@media(max-width:800px){
  .contact-form-section{padding:0 20px 110px}
  .contact-form-inner{padding-top:90px}
  .contact-form-section h2{font-size:14vw}
  .contact-form{margin-top:48px}
  .form-grid{grid-template-columns:1fr;gap:25px}
  .field-wide{grid-column:auto}
  .field input,.field select,.field textarea{font-size:16px}
  .contact-submit{width:100%;padding:17px 20px}
}

footer{padding:26px 5vw;background:#000;color:#7b746e;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:800px){
 .topbar{padding:0 20px;height:54px}.topbar nav{gap:12px}.topbar nav a{font-size:7px}
 .hero-image{object-position:84% 38%}.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.38) 42%,rgba(0,0,0,.08) 68%)}
 .hero-content{width:auto;margin:0 20px 7vh}.hero-content .eyebrow{display:none}h1{font-size:22vw}.hero-line{font-size:29px;max-width:88%}.hero-meta{flex-direction:column;align-items:flex-start;gap:14px}
 .release{grid-template-columns:1fr;padding:100px 20px;gap:56px}.release h2,.live h2,.ep h2,.writing h2,.studio h2,.about h2,.press h2,.contact h2{font-size:14vw}
 .lede,.live-seo,.studio-copy>p:not(.eyebrow):not(.aside),.ep-copy,.writing-copy>p:not(.eyebrow),.about-text p{font-size:15px}
 .live{padding:100px 20px 110px}.live-head{margin-bottom:60px}.live-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:18px}.live-a{grid-row:auto}.live-a img{min-height:0;height:auto}.live-b img{height:auto}.live-c{width:78%;margin:-55px 0 0 auto;border:7px solid var(--black)}.live-c img{height:auto}.venues{grid-template-columns:1fr 1fr;margin-top:60px}
 .ep{padding:105px 20px}.tracklist{grid-template-columns:1fr}.tracklist span:nth-child(even){padding-left:0}
 .writing{grid-template-columns:1fr;min-height:0}.writing-image img{height:68svh}.writing-copy{padding:95px 20px 110px}
 .studio{grid-template-columns:1fr;padding:105px 20px;gap:55px}
 .about{padding:105px 20px}.about-text{grid-template-columns:1fr;margin-top:40px}
 .press{padding:100px 20px}.press-list{grid-template-columns:1fr 1fr}
 .contact{padding:110px 20px 95px}footer{padding:24px 20px;gap:20px;flex-direction:column}
}

.contact-submit:disabled{opacity:.55;cursor:wait}