*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#11100d;color:#f7f2e8;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none;transition:color .18s,background .18s,transform .18s}img{display:block;max-width:100%}figure,p,h1,h2,h3{margin:0}::selection{background:#d3a85f;color:#0a0907}.shell{width:min(calc(100% - 2rem),88rem);margin-inline:auto}.header{height:5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(211,168,95,.35)}.logo{font-weight:700;letter-spacing:.28em}.nav{display:flex;align-items:center;gap:1.25rem;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#b8b0a2}.nav a:hover{color:#d3a85f}.nav i{width:1px;height:1rem;background:rgba(211,168,95,.4)}.nav .social{color:#d3a85f}.button{display:inline-flex;min-height:2.9rem;align-items:center;justify-content:center;gap:.6rem;border:1px solid rgba(211,168,95,.62);padding:0 1.2rem;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#d3a85f}.button:hover{background:rgba(211,168,95,.12)}.button.solid{background:#d3a85f;color:#0a0907}.button.solid:hover{background:#e0bd7d}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#d3a85f}.hero{min-height:calc(100svh - 5rem);display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:2.5rem;padding-block:4rem}.hero-copy{position:relative;z-index:1;padding-block:4rem}.hero h1{margin-top:1.5rem;font-size:clamp(4.8rem,13vw,12rem);font-weight:900;line-height:.74;letter-spacing:-.075em;color:#d3a85f}.hero-slogan{margin-top:2rem;font-size:clamp(1.4rem,3vw,2.8rem);font-weight:600;line-height:1.1;letter-spacing:-.035em}.body-copy{color:#b8b0a2;font-size:1rem;line-height:1.85}.hero .body-copy{max-width:34rem;margin-top:1.75rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.25rem}.hero-poster{aspect-ratio:1179/1668;width:min(100%,calc(76vh * 1179 / 1668));max-height:76vh;margin-inline:auto;overflow:hidden;border:1px solid rgba(211,168,95,.4);background:#1a1814}.hero-poster img{width:100%;height:100%;object-fit:cover}.ticker{overflow:hidden;white-space:nowrap;border-block:1px solid rgba(211,168,95,.35);background:#d3a85f;color:#080706;padding:.75rem 0}.ticker div{width:max-content;font-size:.72rem;font-weight:900;letter-spacing:.2em;animation:ticker 28s linear infinite}.section-space{padding-block:8rem}.about{display:grid;grid-template-columns:.36fr 1fr;gap:3rem}.small-gold{margin-top:2rem;color:#d3a85f;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em}.about h2,.premiere h2,.live-heading h2{font-size:clamp(2.8rem,7vw,7rem);font-weight:800;line-height:.9;letter-spacing:-.055em}.about h2 span,.premiere h2 span,.live-heading h2 span{color:#d3a85f}.bio{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.12)}.music{border-block:1px solid rgba(255,255,255,.1);background:#181612}.premiere{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:3rem}.track-cover{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid rgba(211,168,95,.35);background:#1a1814}.track-cover img{width:100%;height:100%;object-fit:cover}.track-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 48%);pointer-events:none}.track-cover a{position:absolute;z-index:1;left:1.5rem;bottom:1.5rem;width:4rem;height:4rem;display:grid;place-items:center;border-radius:50%;background:#d3a85f;color:#000}.premiere h2{margin-top:1.5rem}.premiere .intro{max-width:36rem;margin-top:1.75rem}.tracks{margin-top:6rem;border-top:1px solid rgba(211,168,95,.35)}.track{display:grid;grid-template-columns:2.5rem minmax(0,1fr) minmax(10rem,.6fr) auto;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.11);padding-block:1.6rem}.track b{font:12px monospace;color:#d3a85f}.track h3{font-size:clamp(1.15rem,2.8vw,2.2rem);font-weight:650;letter-spacing:-.025em}.track small{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#b8b0a2}.track em{font-style:normal;font-size:1.25rem;color:#b8b0a2}.track:hover em{transform:translate(4px,-4px);color:#d3a85f}.live-heading{display:grid;grid-template-columns:1fr .8fr;gap:3rem;margin-top:2rem}.live-heading .body-copy{align-self:end}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3.5rem}.card{min-height:20rem;display:flex;flex-direction:column;border:1px solid rgba(211,168,95,.35);padding:1.75rem}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:1.5rem}.card strong{color:#d3a85f;font-size:1.3rem}.card b{margin-top:auto;font:10px monospace;color:#d3a85f}.card h3{margin-top:.75rem;font-size:1.55rem}.card p{max-width:18rem;margin-top:.75rem;font-size:.83rem;line-height:1.7;color:#b8b0a2}footer{border-top:1px solid rgba(211,168,95,.35);background:#d3a85f;color:#080706}.contact{display:grid;grid-template-columns:.78fr 1.22fr;gap:3.5rem}.contact-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.contact h2{margin-top:1.5rem;font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:.84;letter-spacing:-.06em}.contact-copy{max-width:28rem;margin-top:1.75rem;font-size:.9rem;line-height:1.8;color:rgba(0,0,0,.65)}.contact-links{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;font-size:.9rem;font-weight:700}.contact-links>div{display:flex;gap:.75rem;margin-top:.5rem}.square{width:2.75rem;height:2.75rem;display:grid;place-items:center;border:1px solid rgba(0,0,0,.35)}.square:hover{background:#080706;color:#d3a85f}form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-self:end}form input,form textarea{width:100%;min-height:3.5rem;border:0;border-bottom:1px solid rgba(0,0,0,.35);border-radius:0;background:transparent;color:#000;font:inherit;padding:.75rem}form input::placeholder,form textarea::placeholder{color:rgba(0,0,0,.55)}form input:focus,form textarea:focus{outline:2px solid #000;outline-offset:2px}form textarea{min-height:8rem;grid-column:1/-1;resize:vertical}form button{grid-column:1/-1;justify-self:end;min-height:3.5rem;border:0;background:#080706;color:#d3a85f;padding:0 1.75rem;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;cursor:pointer}.honey{position:absolute!important;left:-9999px!important}.copyright{display:flex;justify-content:space-between;gap:1.25rem;border-top:1px solid rgba(0,0,0,.2);padding-block:1.5rem;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.16em}@keyframes ticker{to{transform:translateX(-50%)}}@media(max-width:1100px){.nav{display:none}}@media(max-width:850px){.hero,.premiere,.about,.live-heading,.contact{grid-template-columns:1fr}.hero{padding-top:2rem}.hero-copy{padding-bottom:0}.hero-poster{width:100%;max-height:none}.section-space{padding-block:6rem}.cards{grid-template-columns:1fr}.card{min-height:18rem}.contact{gap:4rem}}@media(max-width:640px){.shell{width:min(calc(100% - 1.25rem),88rem)}.header .button{padding-inline:.75rem}.hero-copy{padding-top:2rem}.hero h1{font-size:clamp(4.5rem,26vw,7rem)}.section-space{padding-block:4.5rem}.track{grid-template-columns:2rem 1fr auto}.track small{display:none}.about h2,.premiere h2,.live-heading h2{font-size:clamp(2.55rem,13vw,4.5rem)}.contact h2{font-size:clamp(3rem,17vw,5rem)}form{grid-template-columns:1fr}form textarea,form button{grid-column:1}.copyright{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}}

/* Separate portrait and copy keep the face clear at every screen width. */
.header {
  position: relative;
  height: 5rem;
  background: #11100d;
}
.header .logo {
  display: flex;
  align-items: center;
  color: #f7f2e8;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .28em;
}
.mobile-socials { display: none; }
.press-copy {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem 2.5rem;
}
.press-copy p {
  padding-top: 1.25rem;
  border-top: 1px solid rgba(211,168,95,.2);
}
.press-copy p:first-child {
  grid-column: 1 / -1;
  padding-top: 0;
  border-top: 0;
  color: #e5dfd4;
  font-size: 1.08rem;
}
.press-copy p:last-child { grid-column: 1 / -1; }
.hero.hero-background {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .95fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5.5rem);
  width: min(calc(100% - 2rem), 88rem);
  max-width: 88rem;
  min-height: 0;
  margin-inline: auto;
  padding: 2rem 0 4rem;
  background: none;
}
.hero-portrait {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  min-width: 0;
}
.hero-portrait img {
  display: block;
  width: 100%;
  height: auto;
}
.hero.hero-background .hero-copy {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.hero.hero-background .hero-slogan {
  max-width: 10ch;
  margin-top: 1.5rem;
  color: #f7f2e8;
  font-size: clamp(2.75rem, 5.8vw, 5.75rem);
  font-weight: 800;
  line-height: .98;
  letter-spacing: -.055em;
}
.hero.hero-background .body-copy {
  max-width: 31rem;
  margin-top: 1.75rem;
  color: #c7bfb1;
  font-size: 1rem;
  line-height: 1.8;
  text-shadow: none;
}
.hero.hero-background .actions { margin-top: 2rem; }
@media (max-width: 1100px) {
  .mobile-socials {
    position: static;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem 1.5rem;
    width: min(calc(100% - 2rem), 88rem);
    margin: 0 auto;
    border-bottom: 1px solid rgba(211,168,95,.2);
  }
  .mobile-socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    color: #d3a85f;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
  }
}
@media (max-width: 760px) {
  .header { height: 4.5rem; }
  .mobile-socials {
    justify-content: space-between;
    gap: 0;
  }
  .hero.hero-background {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: 100%;
    padding: 0 0 3rem;
  }
  .hero-portrait { order: 0; }
  .hero.hero-background .hero-copy {
    order: 1;
    width: calc(100% - 3rem);
    margin-inline: auto;
    padding: 2rem 0 0;
  }
  .hero.hero-background .hero-slogan {
    max-width: 100%;
    margin-top: 1rem;
    font-size: clamp(2.5rem, 11.8vw, 4.5rem);
    line-height: 1;
  }
  .hero.hero-background .body-copy {
    max-width: 100%;
    margin-top: 1.25rem;
    font-size: .98rem;
    line-height: 1.75;
  }
  .hero.hero-background .actions { margin-top: 1.5rem; }
}
@media (max-width: 640px) {
  .press-copy { grid-template-columns: 1fr; gap: 1rem; }
  .press-copy p,
  .press-copy p:first-child,
  .press-copy p:last-child { grid-column: 1; }
  .mobile-socials { width: calc(100% - 2rem); }
}
@media (max-width: 480px) {
  .hero.hero-background .actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: .75rem;
  }
  .hero.hero-background .actions .button {
    width: 100%;
    min-height: 3.25rem;
  }
}