@font-face{font-family:Anton;src:url(Anton-Regular.ttf) format("truetype");font-display:swap}
:root{--ink:#15130f;--cream:#f3e9d2;--red:#dc4648;--wine:#801e23;--gold:#dcb46e;--display:Anton,Impact,"Arial Narrow",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--cream);font:clamp(1rem,1.5vw,1.22rem)/1.55 Arial,sans-serif}
a{color:inherit;text-underline-offset:.2em}
button,input,select{font:inherit}
:focus-visible{outline:3px solid #c1852a;outline-offset:4px}
.skip{position:absolute;top:-5rem;left:1rem;padding:.7rem;background:var(--cream);color:var(--ink);z-index:2}
.skip:focus{top:1rem}
.header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px clamp(16px,4vw,65px)}
.brand{display:inline-flex;gap:9px;align-items:center;text-decoration:none}
.brand img{object-fit:contain}
.brand b{display:block;font:clamp(.83rem,1.55vw,1.2rem)/1.18 var(--display);letter-spacing:.045em}
.brand em{display:inline-block;font-style:normal;color:#ff5759;border:1px solid;border-radius:2px;transform:rotate(-6deg);padding:0 .13em}
nav{display:flex;flex-wrap:wrap;gap:8px clamp(14px,2.5vw,42px)}
nav a{text-decoration:none;text-transform:uppercase;font-size:.75rem;font-weight:bold;letter-spacing:.09em}
nav a:hover{text-decoration:underline}
h1,h2,h3,.footer-wordmark{font:400 1rem/1.04 var(--display);text-transform:uppercase;margin:0 0 .32em}
h1{font-size:clamp(3rem,8.6vw,9rem)}
h2{font-size:clamp(2.5rem,6.4vw,6.5rem)}
h3{font-size:clamp(1.6rem,3.1vw,3.1rem)}
p{margin:0 0 1em}
.kicker{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--gold)}
.hero{min-height:min(740px,85svh);display:grid;align-items:center;background:linear-gradient(90deg,#130d0aee 5%,#130d0abc 46%,#130d0a22),url(rehearsal.webp) center 40%/cover}
.hero-inner{padding:clamp(34px,6vw,100px);max-width:1080px}
.hero-inner>p:not(.kicker){max-width:37rem}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;justify-content:center;align-items:center;padding:.8em 1.25em;min-height:46px;border:1px solid transparent;border-radius:3px;background:var(--red);color:var(--ink);font-weight:bold;text-transform:uppercase;text-decoration:none;font-size:.86rem;letter-spacing:.045em;cursor:pointer}
.button:hover{background:#f36b6b}
.outline{border-color:var(--gold);background:#15130f91;color:var(--cream)}
.outline:hover{background:#332319}
.wrap{width:min(1320px,calc(100% - clamp(32px,8vw,120px)));margin-inline:auto}
.pad{padding-block:clamp(52px,8vw,115px)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,75px);align-items:start}
.cream{background:var(--cream);color:var(--ink)}
.cream .kicker{color:var(--wine)}
.lead{max-width:45rem}
.group-stack{display:grid;gap:clamp(14px,1.7vw,30px);margin-block:28px}
.panel{background:var(--red);color:var(--ink);padding:clamp(24px,4vw,62px)}
.panel h3{font-size:clamp(2.5rem,7.3vw,7.5rem);overflow-wrap:anywhere}
.panel p:not(.kicker){max-width:49rem}
.panel .kicker{color:inherit}
.panel a{font-weight:bold}
.home-ed{background:#a82c30;color:var(--cream)}
.note{font-size:.9rem}
.process{background:linear-gradient(90deg,#170f0ce8,#170f0cc2),url(stage.webp) center/cover}
.steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;gap:25px;margin:32px 0 0}
.steps li{border-top:1px solid var(--gold);padding-top:16px}
.steps span{display:block;margin-bottom:8px;color:var(--gold)}
.studio{align-items:center;gap:0}
.studio img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}
.studio>div{padding:clamp(26px,5vw,70px)}
address{font-style:normal;margin-bottom:.75em}
.faq details{border-top:1px solid #15130f55;padding:14px 0}
.faq details:last-child{border-bottom:1px solid #15130f55}
.faq summary{cursor:pointer;font-weight:700}
.faq p{margin:.65em 0 0}
.interest{background:#40171b}
form{display:grid;gap:13px}
form label{display:grid;gap:4px}
form input,form select{background:var(--ink);color:var(--cream);width:100%;padding:9px 12px;border:1px solid #ae8273;border-radius:3px}
form .button{justify-self:start}
footer{padding:24px clamp(16px,3vw,52px);font-size:.93rem}
.footer-top,.footer-end{display:flex;justify-content:space-between;gap:16px}
.footer-top div{display:grid;align-content:start;justify-items:start;gap:5px}
.footer-top address{text-align:right}
.footer-wordmark{text-align:center;font-size:clamp(2.7rem,6vw,6rem);margin:clamp(38px,6vw,80px) 0}
@media(max-width:760px){
.split,.steps{grid-template-columns:1fr}
.hero{min-height:0;padding-block:25px;background-position:58% center}
.header{flex-wrap:wrap}
nav{padding-block:5px}
}
@media(max-width:500px){
.footer-top,.footer-end{flex-direction:column;align-items:center;text-align:center}
.footer-top div{justify-items:center}
.footer-top address{text-align:center}
}