/* LSstudios. — heritage design system */
:root{
  --ink:#241a1f; --merlot:#6e1f2e; --plum:#46243c; --fig:#7a4a53; --olive:#6b6a45;
  --gilt:#b0894f; --parchment:#f3ece0; --bone:#e7dccb; --line:rgba(36,26,31,.16);
  --line-l:rgba(243,236,224,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--parchment);color:var(--ink);
  font-family:'EB Garamond',Georgia,serif;font-size:18px;line-height:1.66;-webkit-font-smoothing:antialiased}
.wrap{max-width:1040px;margin:0 auto;padding:0 28px}
.narrow{max-width:820px}
a{color:inherit}
h1,h2,h3,h4{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.07;margin:0}
.eyebrow{text-transform:uppercase;letter-spacing:.34em;font-size:12px;color:var(--fig)}
.dot{color:var(--gilt)}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(36,26,31,.92);backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line-l)}
.nav .wrap{display:flex;justify-content:space-between;align-items:center;padding:18px 28px}
.nav .brand{font-family:'Cormorant Garamond';font-size:24px;color:var(--parchment);text-decoration:none}
.nav .links a{color:var(--bone);text-decoration:none;font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-left:26px;padding-bottom:3px}
.nav .links a:hover{color:#fff}
.nav .links a.active{color:var(--gilt);border-bottom:1px solid var(--gilt)}

/* hero */
.hero{background:radial-gradient(120% 90% at 70% 8%,#46243c 0%,#241a1f 62%);color:var(--parchment);
  border-bottom:6px solid var(--gilt)}
.hero .wrap{padding:96px 28px 84px}
.hero .eyebrow{color:var(--gilt)}
.hero h1{font-size:72px;letter-spacing:.01em;margin:18px 0 22px;max-width:15ch}
.hero p.lede{font-size:23px;font-style:italic;color:var(--bone);max-width:600px;margin:0 0 32px}

/* page header (interior) */
.phead{background:var(--ink);color:var(--parchment);border-bottom:6px solid var(--gilt);padding:74px 0 60px}
.phead .eyebrow{color:var(--gilt)}
.phead h1{font-size:56px;margin:14px 0 14px;max-width:18ch}
.phead p{font-size:21px;font-style:italic;color:var(--bone);max-width:640px;margin:0}

/* buttons */
.btn{display:inline-block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  padding:14px 26px;text-decoration:none;border:1px solid transparent;transition:.15s}
.btn.gilt{background:var(--gilt);color:var(--ink)}
.btn.gilt:hover{background:#c79e63}
.btn.dark{background:var(--ink);color:var(--parchment)}
.btn.ghost{background:transparent;color:var(--parchment);border-color:rgba(243,236,224,.4)}
.btn.ghost:hover{border-color:var(--gilt);color:var(--gilt)}
.btn.outline{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn + .btn{margin-left:10px}

/* sections */
section{padding:74px 0;border-bottom:1px solid var(--line)}
h2{font-size:42px;color:var(--plum);margin-bottom:8px}
.sub{font-style:italic;color:var(--fig);font-size:20px;margin:0 0 32px;max-width:640px}
h3{font-size:24px;color:var(--merlot);margin:22px 0 6px}
p{margin:0 0 16px;max-width:700px}
.note{background:var(--bone);border-left:3px solid var(--gilt);padding:18px 22px;margin:24px 0;font-style:italic}

/* grids */
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:12px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.col-top{border-top:3px solid var(--merlot);padding-top:18px}
.col-top:nth-child(2){border-top-color:var(--fig)} .col-top:nth-child(3){border-top-color:var(--plum)}
.col-top .n{font-family:'Cormorant Garamond';font-size:16px;letter-spacing:.2em;text-transform:uppercase;color:var(--gilt)}
.col-top h3{color:var(--ink);font-size:26px;margin:6px 0 8px}
.col-top p{font-size:16.5px;margin:0}

/* bands */
.band{background:var(--ink);color:var(--parchment)}
.band h2{color:#fff}.band .sub{color:var(--gilt)}
.band p{color:var(--bone)}
.venue{background:linear-gradient(135deg,#6b6a45 0%,#46243c 82%);color:var(--parchment)}
.venue h2{color:#fff}.venue .sub{color:var(--bone)}.venue p{color:var(--bone)}

/* signup */
.signup{background:rgba(243,236,224,.06);border:1px solid var(--line-l);padding:26px;max-width:380px}
.signup input{width:100%;padding:12px;margin:6px 0;background:transparent;border:1px solid var(--line-l);
  color:var(--parchment);font-family:'EB Garamond';font-size:16px}
.signup input::placeholder{color:rgba(231,220,203,.6)}

/* footer */
footer.site{background:var(--ink);color:var(--bone);padding:46px 0}
footer.site .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;align-items:center}
footer.site .brand{font-family:'Cormorant Garamond';font-size:24px;color:var(--parchment)}
footer.site .links a{color:var(--fig);text-decoration:none;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-left:22px}
footer.site .links a:hover{color:var(--gilt)}

@media(max-width:760px){
  .hero h1{font-size:46px}.phead h1{font-size:38px}
  .three,.two{grid-template-columns:1fr}
  .nav .links a{margin-left:14px;font-size:11px}
  .nav .brand{font-size:20px}
}