:root{--gold:#cdb897;--metal-on-dark:linear-gradient(90deg,#b49b75 0%,#d1bea0 48%,#eee3cd 100%);--metal-on-light:linear-gradient(90deg,#6e4e2c 0%,#856039 50%,#a17b48 100%);--metal-heading:var(--metal-on-dark);--metal-fill:linear-gradient(90deg,#b49b75 0%,#d1bea0 48%,#eee3cd 100%)}
.metal-text{display:inline-block;max-width:100%;color:#d1bea0;-webkit-text-fill-color:#d1bea0}
@supports ((background-clip:text) or (-webkit-background-clip:text)){.metal-text{background-image:var(--metal-heading);background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}
.blue,.intro,.teacher,.page-teachers,.page-auditions{--metal-heading:var(--metal-on-light)}
.page-heading,.black,.contact,.stage-hero,.page-alumni #current-productions,.page-alumni #past-productions{--metal-heading:var(--metal-on-dark)}
.blue .metal-text,.intro .metal-text,.teacher .metal-text{color:#805c34;-webkit-text-fill-color:#805c34}
@supports ((background-clip:text) or (-webkit-background-clip:text)){.blue .metal-text,.intro .metal-text,.teacher .metal-text{color:transparent;-webkit-text-fill-color:transparent}}
.stage-content h1>span{display:table;max-width:100%}.stage-content h1>span>.metal-text{display:inline-block}.section-title:after,.page-heading h1:after{background:var(--metal-heading)}
.brand img{mix-blend-mode:normal}.brand .school-brand-logo{display:block;width:180px;height:auto;max-width:100%;aspect-ratio:1480/442}
nav>a{color:#cbb99b}nav>a:hover,nav>a[aria-current]{color:#f0e2c8}nav>a:after{background:var(--metal-on-dark)}
.button{background-image:var(--metal-fill);background-color:#cdb897;color:#101823;border-color:#c2aa84}.button:hover{background-image:var(--metal-fill);background-color:#d1bea0;color:#101823}.button.outline{background-image:none;background-color:transparent;border-color:#cdb89799;color:#e6d5b6}.button.outline:hover{background-image:none;background-color:#d1bea015;color:#f0e2c8;border-color:#eadbc0}

@media(max-width:760px){.stage-content h1>span{max-width:100%}}
@media(forced-colors:active){.metal-text{background:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important}.button{background:ButtonFace!important;color:ButtonText!important}}

.page-alumni .page-heading{--masthead:url('/assets/alumni-studio.png');position:relative;background:linear-gradient(180deg,transparent 43%,rgba(6,12,19,.22) 66%,rgba(6,12,19,.92) 100%),var(--masthead) center 22%/cover;min-height:clamp(330px,30vw,500px);display:flex;align-items:flex-end;padding-top:220px;padding-bottom:34px}
@media(max-width:760px){.page-alumni .page-heading{min-height:0;height:auto;aspect-ratio:1983/1050;padding:0 20px 18px;background-size:100% 100%,100% auto;background-position:center,center top;background-repeat:no-repeat;background-color:#101823}.page-alumni .page-heading h1{font-size:clamp(24px,6vw,40px)}}

/* Requested focal crop for the gold-costume/red-sofa slide only. */
body.page-home .stage-slide:has(> img[src="/assets/f123b5_33d6706fb5f04982a5c310d38e8d9e77~mv2.jpg"]){left:clamp(-300px,-22vw,-180px)}body.page-home .stage-slide:has(> img[src="/assets/f123b5_33d6706fb5f04982a5c310d38e8d9e77~mv2.jpg"]) img{object-position:50% 0%}
@media(max-width:760px){body.page-home .stage-slide:has(> img[src="/assets/f123b5_33d6706fb5f04982a5c310d38e8d9e77~mv2.jpg"]){left:0;top:40px;bottom:-100px}body.page-home .stage-slide:has(> img[src="/assets/f123b5_33d6706fb5f04982a5c310d38e8d9e77~mv2.jpg"]) img{object-position:69% center}}

/* Match browser chrome and rubber-band canvas to the existing dark header. */
html{background:#101823}