:root{--background:#0c0e0e;--foreground:#f7f4ed;--card:#1a201a;--primary:#e0ba73;--gold:#e0ba73;--cream:#f7f4ed;--teal:#66c7bb;--violet:#c4a1e9}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:var(--background);color:var(--cream);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}
a{text-decoration:none;color:inherit}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.7}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
p,h1,h2,h3,figure{margin:0}
h1,h2,h3{line-height:1.05;letter-spacing:-.055em;font-weight:650}
h1{font-size:clamp(3.1rem,5.4vw,5.4rem);font-weight:750}
h2{font-size:clamp(2.4rem,4.1vw,4rem)}
h3{font-size:1.6rem;letter-spacing:-.035em}
em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--gold);letter-spacing:-.055em}
p{color:#b5bcb8}
img{max-width:100%;height:auto;display:block}
.gold{color:var(--gold)}
.teal{color:var(--teal)}
.violet{color:var(--violet)}

.site-header{height:92px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13;background:#0c0e0ef2;position:relative;z-index:10}
.wordmark{display:flex;align-items:center;gap:12px;font-weight:600;font-size:1.18rem;line-height:1.15;letter-spacing:-.04em}
.wordmark-text small{display:block;font-size:.65rem;letter-spacing:.42em;margin-top:7px;color:#a6aca7}
.brand-logo{width:72px;height:72px;border-radius:50%;object-fit:cover;border:1px solid #ae8b51;flex-shrink:0}
.site-header nav{display:flex;gap:30px;align-items:center;font-size:.9rem}
.site-header nav>a:not(.nav-cta){color:#c0c5c0}
.site-header nav>a:hover{color:var(--gold)}
.nav-cta{display:flex;align-items:center;gap:10px;border:1px solid #a4834e;padding:12px 19px}
.nav-cta:hover{background:#a4834e;color:#101211}

.section{padding:90px 5%;max-width:1600px;margin:auto}
.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.16em;color:#c7ceca;display:flex;align-items:center;gap:10px;margin-bottom:24px}
.eyebrow span{width:7px;height:7px;background:var(--gold);border-radius:50%}
.eyebrow.gold{color:var(--gold)}

.connect{display:grid;grid-template-columns:1fr 1.05fr .85fr;gap:5%;background:#111612;max-width:none;padding-top:75px;padding-bottom:75px;border-bottom:1px solid #2b342a;align-items:start}
.connect-copy{max-width:480px;padding-top:20px}
.connect-copy>p:not(.eyebrow){margin-top:24px;max-width:405px}
.quiet{font-size:.85rem;color:#9aa799;line-height:1.6}
.connect-art{overflow:hidden;border:1px solid #2b342a;align-self:stretch}
.connect-art img{width:100%;height:100%;object-fit:cover;object-position:60% 45%;min-height:360px}

.form-card{background:var(--card);border:1px solid #394032;border-top:2px solid var(--gold);padding:32px;box-shadow:0 20px 80px #0002}
.form-heading{display:flex;gap:15px;justify-content:space-between;align-items:center}
.form-heading h3{font-size:1.55rem}
.form-heading span{font-size:.65rem;color:var(--gold);letter-spacing:.12em;white-space:nowrap}
.form-intro{font-size:.9rem;margin:9px 0 26px;color:#b5bcb8}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
.form-grid label{font-size:.875rem;display:block;color:#e3e5dc}
.form-grid .req{color:var(--gold)}
.form-grid .optional{color:#a9b1a5;font-size:.78rem;margin-left:5px}
.form-grid .wide{grid-column:1/-1}
.form-grid input,.form-grid textarea,.form-grid select{display:block;width:100%;background:#11160f;border:1px solid #404936;border-radius:3px;padding:12px;color:#f7f4ed;font:inherit;font-size:.9rem;margin-top:8px;min-height:48px}
.form-grid select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' stroke='%23e0ba73' stroke-width='2' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.form-grid input::placeholder,.form-grid textarea::placeholder{color:#8f9b89}
.form-grid textarea{resize:vertical}
.consent{display:flex;align-items:flex-start;gap:11px;margin-top:24px}
.consent input[type=checkbox]{width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:var(--gold)}
.consent label{font-size:.875rem;line-height:1.6;color:#b8c0b1}
.consent a{text-decoration:underline;color:#e2c994}
.submit{width:100%;margin-top:23px;justify-content:space-between}
.form-fine{font-size:.74rem;text-align:center;margin-top:15px;color:#a9b3a1}
.form-status{margin-top:18px;padding:14px;font-size:.9rem}
.form-status[data-state=error]{background:#562d2d50;color:#ffb9b2}
.form-status[data-state=success]{background:#1f3a2b80;color:#bfe6c6}
.honeypot{position:absolute;left:-10000px;height:1px;overflow:hidden}

.button{font-size:.92rem;font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:13px 24px;border:1px solid transparent;border-radius:2px;transition:background .2s,transform .2s}
.gold-button{background:var(--gold);color:#151912}
.gold-button:hover{background:#efd098}
.gold-button:not(:disabled):hover{transform:translateY(-2px)}
.text-link{font-size:.9rem;display:inline-flex;align-items:center;gap:15px}
.text-link:hover{color:var(--gold)}

.disciplines{padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #33382f;border-bottom:1px solid #33382f;font-size:.83rem;font-weight:600;letter-spacing:.14em;background:#101311;flex-wrap:wrap}
.disciplines i{font-style:normal;color:#8c7047;font-size:1.05rem}

.vision{display:grid;grid-template-columns:1fr 1fr;gap:7% 9%;border-bottom:1px solid #282f28;align-items:start}
.vision-copy .lead{font-size:1.2rem;color:#e2e5dd;line-height:1.6;margin:0 0 21px}
.vision-copy p{margin-bottom:18px;max-width:590px}
.signature{display:block;margin-top:29px;color:var(--gold);font:italic 1.25rem Georgia;border-left:2px solid #85653b;padding-left:19px}
.vision-art{grid-column:1/-1;margin-top:40px;border:1px solid #282f28}
.vision-art img{width:100%;height:auto;object-fit:contain}

.section-top{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;margin-bottom:50px}
.section-top>p{max-width:380px;font-size:1rem}
.pathways{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #424637;border-bottom:1px solid #424637}
.pathways article{padding:37px 33px 35px;position:relative}
.pathways article+article{border-left:1px solid #333b32}
.path-icon{display:block;margin-bottom:36px;font-size:1.8rem;line-height:1}
.path-number{position:absolute;top:36px;right:30px;font:italic 1.4rem Georgia;color:#7f887d}
.pathways h3{margin-bottom:16px}
.pathways p{font-size:1rem;min-height:105px;max-width:340px}
.pathways a{display:inline-flex;gap:10px;align-items:center;color:var(--gold);font-size:.9rem;margin-top:26px}
.pathways a:hover{text-decoration:underline}

footer{padding:45px 5% 30px;display:grid;grid-template-columns:1fr auto;gap:10px}
.footer-brand{font-size:1.1rem;font-weight:600;letter-spacing:-.04em}
footer>p{font-size:.85rem;grid-row:2}
footer>div{display:flex;gap:25px;align-items:center;font-size:.85rem;grid-column:2;grid-row:1/3}
footer>div a:hover{color:var(--gold)}
footer small{margin-top:28px;font-size:.7rem;color:#899384}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--gold);color:#000;padding:10px}
.skip-link:focus{top:10px}

.legal{max-width:820px;margin:60px auto;padding:0 24px}
.legal h1{font-size:clamp(2.2rem,5vw,3rem);margin:35px 0}
.legal h2{font-size:1.5rem;margin:30px 0 14px;letter-spacing:-.02em}
.legal p{margin:15px 0}
.legal a{text-decoration:underline;color:var(--gold)}
.legal .back{display:inline-block;margin-top:10px}

@media(min-width:1600px){.site-header,.section{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){
.section{padding:70px 5%}
.connect{grid-template-columns:1fr 1fr;gap:6%}
.connect-art{grid-column:1/-1;order:3}
.connect-art img{min-height:260px}
.vision{gap:6%}
.form-grid{grid-template-columns:1fr}
.form-grid .wide{grid-column:auto}
.pathways article{padding:30px 20px}
.pathways p{min-height:150px}
.section-top{align-items:flex-start}
}
@media(max-width:700px){
.site-header{height:80px}
.wordmark{font-size:1rem;gap:8px}
.brand-logo{width:56px;height:56px}
.site-header nav>a:not(.nav-cta){display:none}
.nav-cta{padding:10px;font-size:.75rem;gap:6px}
h1{font-size:clamp(2.6rem,9vw,4rem)}
h2{font-size:clamp(2.2rem,8vw,3rem)}
.eyebrow{font-size:.65rem;letter-spacing:.1em;margin-bottom:20px}
.section{padding:55px 6%}
.connect{grid-template-columns:1fr;gap:34px;padding-top:55px;padding-bottom:55px}
.connect-copy{padding-top:0;max-width:none}
.connect-art{order:3}
.connect-art img{min-height:220px}
.form-card{padding:23px 20px}
.form-heading h3{font-size:1.4rem}
.form-heading span{display:none}
.form-grid{grid-template-columns:1fr}
.form-grid input,.form-grid textarea,.form-grid select{font-size:16px}
.disciplines{justify-content:center;gap:13px 18px;font-size:.66rem}
h2{letter-spacing:-.04em}
.pathways{grid-template-columns:1fr}
.pathways article+article{border-left:0;border-top:1px solid #353b2e}
.pathways p{min-height:0;max-width:none}
.section-top{display:block;margin-bottom:30px}
.section-top>p{margin-top:22px}
.vision{grid-template-columns:1fr;gap:34px}
.vision-art{margin-top:20px}
footer{display:flex;flex-direction:column;gap:15px;padding:35px 6%}
footer>div{gap:24px;flex-wrap:wrap}
footer small{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Reviewed form-first layout */
.connect{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"form intro" "form art";gap:28px 5%;padding-top:32px;padding-bottom:48px;align-items:start}
.form-card{grid-area:form;min-width:0}.connect-copy{grid-area:intro;padding-top:14px}.connect-art{grid-area:art;min-width:0;align-self:stretch;max-height:420px}.connect-art img{min-height:0;aspect-ratio:3/2;object-position:70% center}.form-heading h2{font-size:1.7rem;letter-spacing:-.04em}.form-heading span{display:none}.brand-logo{border-radius:8px;object-fit:contain}.vision-art{max-width:650px;width:100%;justify-self:center}.vision{row-gap:36px}.form-grid input,.form-grid textarea,.form-grid select{min-width:0}
@media(max-width:1000px){.connect{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.form-grid{grid-template-columns:1fr}.connect-art{grid-column:auto}}
@media(max-width:700px){.connect{grid-template-columns:minmax(0,1fr);grid-template-areas:"form" "intro" "art";gap:30px;padding:22px 5% 40px}.form-card{padding:22px 18px}.form-heading h2{font-size:1.5rem}.connect-copy{padding-top:0}.connect-art{max-height:none}.wordmark{min-width:0}.wordmark-text{font-size:.86rem}.nav-cta{font-size:.72rem;padding:9px 7px}.site-header{padding:0 4%;gap:8px}}

/* Shows, booking, merch, and expanded navigation */
.form-live{margin:-12px 0 26px}
.form-live a:hover{text-decoration:underline}
.shows,.merch{border-bottom:1px solid #282f28}
.featured-show{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;margin-top:42px;background:var(--card);border:1px solid #394032;border-top:2px solid var(--gold)}
.show-flyer{display:block;align-self:start}
.show-flyer img{width:100%;height:auto}
.show-details{padding:clamp(24px,4vw,60px);align-self:center;min-width:0}
.show-details h3{font-size:clamp(1.8rem,3vw,2.8rem)}
.show-lineup{margin-top:24px}
.show-facts{margin:30px 0}
.show-facts>div{padding:16px 0;border-top:1px solid #394032}
.show-facts dt{font-size:.7rem;letter-spacing:.14em;color:var(--gold);font-weight:600}
.show-facts dd{margin:7px 0 0;color:var(--cream)}
.show-presenter{font-size:.9rem}
.past-shows,.new-music{margin-top:58px}
.past-shows h3,.new-music h3{font-size:clamp(1.5rem,2.5vw,2.2rem)}
.past-show-recap{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:26px;align-items:start;margin-top:26px}
.past-show-flyer{display:block;max-width:260px;border:1px solid #394032;background:var(--card)}
.past-show-flyer img{width:100%;height:auto}
.past-show-flyer span{display:block;padding:10px 14px;color:var(--gold);font-size:.85rem}
.past-show-flyer:hover span,.new-music a:hover{text-decoration:underline}
.recap-photo{min-width:0;border:1px solid #394032;background:var(--card)}
.recap-photo-crop{position:relative;overflow:hidden;aspect-ratio:707/540}
.recap-photo-crop img{position:absolute;left:0;top:-72.2%;width:100%;max-width:none;height:auto}
.recap-photo figcaption,.show-videos figcaption{padding:10px 14px;font-size:.85rem;color:#b5bcb8}
.show-videos,.music-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:26px}
.show-videos figure,.music-grid article{min-width:0;border:1px solid #394032;background:var(--card)}
.show-videos video{display:block;width:100%;max-height:520px;background:#000}
.music-grid article{padding:20px}
.music-grid h4{font-size:1.2rem;line-height:1.2;margin:0 0 5px}
.music-grid p{margin-bottom:16px;font-size:.9rem}
.music-grid iframe{display:block;width:100%;border:0;border-radius:10px;background:#111}
.music-grid a{display:inline-block;margin-top:16px;color:var(--gold);font-size:.9rem}
.show-booking{margin-top:56px}
.booking-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.booking-cards p{min-height:0;max-width:480px}
.booking-button{margin-top:28px}
.merch{border-top:1px solid #282f28}
.merch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:42px}
.merch-card{border:1px solid #394032;background:var(--card);min-width:0}
.merch-photo{overflow:hidden;aspect-ratio:656/1199}
.merch-photo img{width:200%;max-width:none;height:auto}
.merch-photo-white img{transform:translateX(-50%)}
.merch-card figcaption{padding:18px 22px;font-size:.9rem;color:var(--cream)}
.merch-banner{margin-top:28px;padding:22px;text-align:center;border:1px solid var(--gold);color:var(--gold);font-weight:600;letter-spacing:.14em}
@media(max-width:1100px){
  .site-header{height:auto;min-height:92px;flex-wrap:wrap;gap:16px;padding-top:12px;padding-bottom:12px}
  .site-header nav{gap:18px;flex-wrap:wrap}
}
@media(max-width:700px){
  .site-header{min-height:80px;gap:12px}
  .site-header nav{width:100%;gap:8px 16px;font-size:.8rem}
  .site-header nav>a:not(.nav-cta){display:inline-flex;padding:8px 0}
  .site-header .nav-cta{position:absolute;top:22px;right:4%;margin:0}
  .featured-show,.booking-cards,.merch-grid{grid-template-columns:minmax(0,1fr)}
  .featured-show,.merch-grid{margin-top:30px}
  .show-details{padding:26px 22px}
  .past-shows,.new-music{margin-top:42px}
  .past-show-recap,.show-videos,.music-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .past-show-flyer{max-width:220px}
  .show-videos video{max-height:470px}
  .show-booking{margin-top:40px}
  .booking-button{width:100%}
  .merch-grid{gap:22px}
  .merch-banner{font-size:.8rem;padding:20px 14px}
}

/* Balanced show, music, booking, recap, and closing artwork. */
.shows{padding-top:34px}
.shows h1{font-size:clamp(2.5rem,4vw,3.4rem)}
.shows-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"flyer music" "details details";gap:18px 26px;align-items:stretch;margin-top:20px}
.shows-hero .featured-show{grid-area:flyer;display:flex;align-items:center;justify-content:center;margin:0;padding:18px;min-width:0;background:var(--card);border:1px solid #394032;border-top:2px solid var(--gold)}
.shows-hero .show-flyer{width:min(100%,460px)}
.shows-hero .new-music{grid-area:music;display:flex;flex-direction:column;align-items:center;margin:0;padding:18px;min-width:0;background:var(--card);border:1px solid #394032;border-top:2px solid var(--gold)}
.shows-hero .new-music>.eyebrow,.shows-hero .new-music>h3,.shows-hero .music-grid{width:min(100%,460px)}
.shows-hero .new-music .eyebrow{margin-bottom:8px}
.shows-hero .new-music h3{font-size:1.55rem}
.shows-hero .music-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;flex:1;margin-top:14px}
.shows-hero .music-grid article{display:flex;flex-direction:column;padding:11px}
.shows-hero .music-grid h4{font-size:1.1rem}
.shows-hero .music-grid p{margin-bottom:8px;font-size:.85rem}
.shows-hero .music-grid iframe{height:155px;flex-shrink:0}
.shows-hero .music-grid a{margin-top:auto;padding-top:8px}
.shows-hero .show-details{grid-area:details;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:center;padding:24px;background:var(--card);border:1px solid #394032}
.shows-hero .show-details .eyebrow{margin-bottom:8px}
.shows-hero .show-details h3{font-size:clamp(1.5rem,2.2vw,2rem)}
.shows-hero .show-lineup{margin-top:10px}
.shows-hero .show-presenter{margin-top:8px}
.shows-hero .show-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.shows-hero .show-facts>div{border-top:0;border-left:1px solid #394032;padding:0 0 0 12px}
.show-lower{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:stretch;margin-top:52px}
.show-lower .show-booking,.show-lower .past-shows{margin:0;padding:24px;border:1px solid #394032;background:var(--card);min-width:0}
.show-lower .show-booking{display:flex;flex-direction:column}
.show-lower .booking-cards{grid-template-columns:minmax(0,1fr)}
.show-lower .booking-cards article+article{border-left:0;border-top:1px solid #353b2e}
.show-lower .booking-cards p{min-height:0}
.show-lower .booking-button{align-self:flex-start;margin-top:auto}
.show-lower .past-show-recap{grid-template-columns:150px minmax(0,1fr);gap:14px;margin-top:18px}
.show-lower .past-show-flyer{max-width:150px}
.show-lower .recap-photo{max-width:390px}
.show-lower .show-videos{gap:14px;margin-top:18px}
.show-lower .show-videos video{height:250px;max-height:none;object-fit:contain}
.vision{min-height:540px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:8%;align-items:center;padding-top:95px;padding-bottom:95px;background:radial-gradient(circle at 15% 50%,#2a211a55,transparent 45%),var(--background)}
.vision h2{font-size:clamp(3.3rem,5.6vw,5.5rem)}
.vision-copy .lead{font-size:1.35rem}
.vision-copy p{font-size:1.02rem}
.closing-art{display:flex;justify-content:center;margin:0;padding:65px 5%;border-top:1px solid #282f28;background:#101311}
.closing-art img{width:min(100%,260px);height:auto}
@media(max-width:900px){
  .shows-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"flyer" "details" "music"}
  .shows-hero .music-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
  .shows-hero .show-details{grid-template-columns:minmax(0,1fr)}
  .show-lower{grid-template-columns:minmax(0,1fr)}
  .show-lower .booking-button{margin-top:28px}
  .vision{min-height:0;grid-template-columns:minmax(0,1fr);gap:26px}
}
@media(max-width:600px){
  .shows{padding-top:34px}
  .shows h1{font-size:clamp(2.1rem,9vw,2.7rem)}
  .shows-hero{gap:16px;margin-top:22px}
  .shows-hero .featured-show,.shows-hero .new-music{padding:14px}
  .shows-hero .show-details{padding:20px}
  .shows-hero .show-facts{grid-template-columns:minmax(0,1fr);gap:0}
  .shows-hero .show-facts>div{border-left:0;border-top:1px solid #394032;padding:11px 0}
  .shows-hero .music-grid{grid-template-columns:minmax(0,1fr)}
  .show-lower{gap:20px;margin-top:34px}
  .show-lower .show-booking,.show-lower .past-shows{padding:20px}
  .show-lower .past-show-recap,.show-lower .show-videos{grid-template-columns:minmax(0,1fr)}
  .show-lower .recap-photo{max-width:none}
  .show-lower .show-videos video{height:300px}
  .show-lower .booking-button{width:100%}
  .vision{padding-top:70px;padding-bottom:70px}
  .vision h2{font-size:clamp(3rem,12vw,4rem)}
  .closing-art{padding:48px 6%}
  .closing-art img{width:min(58vw,240px)}
}
