@font-face{font-family:Barlow;src:url('assets/barlow-800.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:DM;src:url('assets/dm-sans-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}

:root{color-scheme:dark;--ink:#18110d;--cream:#f0e5d2;--muted:#c4b29b;--brass:#c89a61;--silver:#e1dbcf}
*{box-sizing:border-box}
html{background:var(--ink);scroll-behavior:smooth}
body{margin:0;color:var(--cream);font-family:DM,Arial,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:var(--brass);color:var(--ink)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--brass);outline-offset:8px}
.skip-link{position:fixed;left:20px;top:-80px;z-index:20;background:var(--cream);color:var(--ink);padding:15px}
.skip-link:focus{top:20px}

.stage{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;background:var(--ink)}
.stage-photo{position:absolute;z-index:-5;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%}
.stage-shade{position:absolute;inset:0;z-index:-4;background:linear-gradient(90deg,rgba(16,11,8,.66),rgba(16,11,8,.27) 42%,transparent 68%),linear-gradient(0deg,rgba(16,11,8,.9),transparent 19%,transparent 81%,rgba(16,11,8,.38))}
.paisley{position:absolute;pointer-events:none;z-index:-2;background:url('assets/paisley.svg') center/contain no-repeat}
.paisley-left{width:375px;height:450px;left:-125px;bottom:10px;transform:rotate(22deg);opacity:.36}
.paisley-right{width:285px;height:340px;right:25%;top:95px;transform:rotate(173deg);opacity:.2}
.grain{position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}

.masthead{display:flex;align-items:center;justify-content:space-between;margin:0 5.5%;padding:27px 0;border-bottom:1px solid #d6ba8b26}
.brand{display:inline-flex;align-items:center}
.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid #d8b27d80;border-radius:50%;font-family:Barlow,Impact,sans-serif;font-size:24px;letter-spacing:-1px;color:var(--cream)}
.header-flourish{font-size:24px;color:var(--brass);line-height:1}

.hero{position:relative;flex:1;display:flex;align-items:center;width:85%;max-width:1560px;margin:0 auto;padding:58px 0 74px;min-height:650px}
.hero-content{position:relative;z-index:2;width:550px;animation:reveal .9s both}
.hero-ornament{display:flex;align-items:center;gap:12px;margin:0 0 32px 4px;width:117px;color:var(--brass);font-size:20px;line-height:1}
.hero-ornament span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--brass))}
.hero-ornament span:last-child{transform:rotate(180deg)}
h1{font-family:Barlow,Impact,'Arial Narrow',sans-serif;font-size:clamp(138px,13.4vw,210px);font-weight:800;letter-spacing:-3px;line-height:.8;margin:0 0 38px;max-width:560px;text-shadow:0 3px 35px #0003;text-transform:uppercase}
h1>span{display:block;color:var(--cream);position:relative}
.coming-soon{font-size:12px;font-weight:400;margin:0 0 0 7px;line-height:1.5}
.music{display:block;font-size:20px;letter-spacing:11px;color:var(--silver);margin-bottom:20px}
.coming-line{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:3px;color:#dfbd8d;white-space:nowrap}
.coming-line>span{height:1px;width:25px;background:#c89a6170}
.coming-line>span:last-child{width:54px}

.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:75px;margin:0 5.5%;border-top:1px solid #d6ba8b2e}
.footer-flourish{color:var(--brass);font-size:22px;line-height:1}
.copyright{font-size:9px;letter-spacing:.9px;color:var(--muted)}
@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

@media(min-width:1700px){.hero{min-height:760px}.hero-content{width:650px}h1{font-size:235px}.stage-photo{object-position:center 58%}.paisley-left{width:430px;height:520px}}
@media(max-width:1100px) and (min-width:701px){.hero{width:86%;min-height:660px}.stage-photo{object-position:85% center}.stage-shade{background:linear-gradient(90deg,rgba(16,11,8,.83),rgba(16,11,8,.5) 36%,transparent 75%),linear-gradient(0deg,rgba(16,11,8,.85),transparent 25%,transparent 85%,rgba(16,11,8,.3))}h1{font-size:clamp(140px,17vw,175px)}.hero-content{width:445px}.paisley-right{right:15%;opacity:.16}}
@media(max-width:700px){
  .stage{min-height:max(920px,100svh)}
  .masthead{margin:0 7%;padding:22px 0}
  .brand-mark{width:36px;height:36px;font-size:21px}
  .header-flourish{font-size:20px}
  .hero{width:86%;min-height:760px;align-items:flex-start;padding:43px 0 360px}
  .hero-content{width:100%}
  .hero-ornament{margin:0 0 24px 3px;width:90px;font-size:17px;gap:10px}
  h1{font-size:clamp(120px,31vw,175px);letter-spacing:-2px;line-height:.81;margin-bottom:27px}
  .coming-soon{margin-left:4px}
  .music{font-size:15px;letter-spacing:8px;margin-bottom:13px}
  .coming-line{font-size:10px;letter-spacing:2.3px;gap:11px}
  .coming-line>span{width:15px}
  .coming-line>span:last-child{width:36px}
  .stage-photo{inset:auto 0 52px;width:100%;height:620px;object-position:85% center}
  .stage-shade{background:linear-gradient(180deg,#18110d 0%,#18110d 24%,rgba(24,17,13,.9) 34%,rgba(24,17,13,.55) 44%,transparent 58%,transparent 87%,#18110d 96%),linear-gradient(90deg,rgba(24,17,13,.28),transparent 67%)}
  .paisley-left{width:260px;height:310px;left:-85px;bottom:70px;opacity:.44;transform:rotate(17deg)}
  .paisley-right{width:180px;height:215px;right:-47px;top:105px;opacity:.25;transform:rotate(162deg)}
  .footer{margin:0 7%;min-height:70px}
  .copyright{font-size:8px;letter-spacing:.5px}
}
@media(max-width:365px){
  .stage{min-height:850px}
  .hero{min-height:690px;padding-top:35px;padding-bottom:330px}
  h1{font-size:112px}
  .stage-photo{height:560px;object-position:85% center}
  .paisley-right{top:90px;width:155px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}