/* Shared page frame: a quiet masthead and a complete, accessible directory. */
:root{--night:#0d181b;--mist:#b8d0cb;--copper:#c7a889}
html{scroll-padding-top:32px}
.site-header{height:94px;margin:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line);position:relative;z-index:20}
.site-brand{font:31px/1 var(--serif);letter-spacing:3px;white-space:nowrap}
.site-brand span{font:8px var(--sans);letter-spacing:2px;display:block;margin-top:10px;color:#6d786e}
.header-right{display:flex;align-items:center;gap:48px}
.quick-nav{display:flex;gap:32px;font-size:11px;letter-spacing:.3px}
.quick-nav a{padding:10px 0}
.quick-nav [aria-current=page]{border-bottom:1px solid currentColor}
.site-header .menu-toggle{display:flex;align-items:center;gap:19px;color:inherit;border:0;background:none;padding:14px 0;font-size:11px;letter-spacing:.4px}
.menu-symbol{display:grid;gap:5px;width:20px}
.menu-symbol i{display:block;height:1px;background:currentColor;width:20px;transition:transform .3s}
.menu-symbol i:last-child{width:13px;justify-self:end}
.navigation-panel{width:min(1000px,calc(100% - 64px));max-height:calc(100svh - 48px);padding:36px 48px 32px;color:#edf0e8;background:#142226;border:1px solid #3a4d4e;box-shadow:0 25px 120px #0007;overflow:auto}
.navigation-panel::backdrop{background:#071014b8;backdrop-filter:blur(15px)}
.navigation-panel[open]{animation:menu-in .3s ease-out}
.menu-topline{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid #3a4d4e}
.menu-topline p{font-size:9px;letter-spacing:2px;color:#b5c6c1}
.menu-close{background:none;color:#edf0e8;border:0;padding:12px;font-size:12px;display:flex;gap:22px;align-items:center}
.menu-close span{font-size:25px;font-weight:400}
#navigation{display:grid;position:static;inset:auto;width:auto;background:none;box-shadow:none;padding:25px 0;grid-template-columns:1fr 1fr;gap:0 54px;align-items:stretch;font-size:inherit}
#navigation>a{border-bottom:1px solid #354749;padding:19px 0;display:flex;align-items:center;gap:20px;font:35px/1.15 var(--serif);color:#ecede5;transition:color .2s}
#navigation>a::after{display:none}
#navigation>a:hover,#navigation>[aria-current=page]{color:#bdd6ce}
#navigation>a small{font:9px var(--sans);letter-spacing:1px;color:#9eafaa;min-width:17px}
#navigation>a>span{margin-left:auto;font:19px var(--sans);color:#8ea8a3}
.menu-bottomline{display:flex;justify-content:space-between;align-items:center;gap:24px;color:#a7b9b3;font-size:10px}
.menu-bottomline .studio-entry{color:#c6d4cc}
.site-footer{margin:0 5.5%;padding:27px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);font-size:10px;color:#697566}
.site-footer .footer-signature{font:19px var(--serif);letter-spacing:.1px}
.site-footer-links{display:flex;align-items:center;gap:26px}
.site-footer a:hover{color:var(--ink)}
.site-footer .copyright{color:inherit;font-size:9px;width:auto}
.inner-dark{background:var(--night);color:#edf0e8;--line:#354548;--ink:#e4e9df;--paper:#0d181b}
.inner-dark .site-header{border-color:#354548}
.inner-dark .site-brand span{color:#acbdb6}
.inner-dark .site-footer{color:#a5b7af;border-color:#354548}
.inner-dark .site-footer a:hover{color:white}
.standalone-main{min-height:65svh}
.standalone-main>.section-pad{padding-top:80px;min-height:calc(100svh - 195px)}
.standalone-main .story{padding-top:78px}
.standalone-main .story h1{font-size:clamp(58px,5.3vw,86px);margin-top:26px}
.standalone-main .story h1 em{color:#7c8267}
.standalone-main .repertoire{background:var(--night)}
.standalone-main .section-heading h1{margin-top:24px;font-size:clamp(56px,5.3vw,84px);line-height:1.08}
.standalone-main .section-heading h1 em{color:#8c9788}
.inner-dark .standalone-main .section-heading h1 em{color:#b8d0c5}
.inner-dark .repertoire .section-heading>p{color:#b7c8bf}
.inner-dark .repertoire .tabs{border-color:#3d5356}
.inner-dark .repertoire .tab{color:#a8bbb1}
.inner-dark .repertoire .tab.active{color:#f5f4e8}
.inner-dark .repertoire .tab.active:after{background:#bdd6ce}
.inner-dark .repertoire .music-row{border-color:#34464a}
.inner-dark .composer,.inner-dark .group-count{color:#b1c2b8}
.inner-dark .repertoire-language h3{color:#b9cabe}
.inner-dark .originals-intro{color:#adbdaf}
.inner-dark .originals-note{background:#15272b;border-color:#8ca99c}
.inner-dark .release-status{border-color:#60796f;color:#d0d9c7}
.inner-dark .standalone-main .contact{background:var(--night)}
.standalone-main .contact h1{margin-top:25px;font-size:clamp(61px,5.8vw,88px)}
.standalone-main .contact h1 em{color:#b8d0c5}
.inner-dark .contact-heading>p:not(.eyebrow){color:#b7c8bf}
.inner-dark .contact input,.inner-dark .contact select,.inner-dark .contact textarea{border-color:#647e77}
.inner-dark .contact option{background:var(--night);color:#f2f2e7}
.inner-dark .contact form{padding-top:40px}
.standalone-main .beyond h1{font-size:clamp(60px,5.6vw,86px)}
.standalone-main .beyond .theatre-image{height:350px}
.standalone-main .beyond .writing-mark{height:350px}
.page-next{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:50px 8% 65px;padding-top:25px;border-top:1px solid var(--line);font-size:11px;color:#747d6c}
.press-page{padding-top:65px}
.press-page .kind-words{margin-top:20px;grid-template-columns:50px 1fr;gap:22px}
.press-page .kind-words>.text-link{grid-column:2;justify-self:start}
.press-page .kind-words p{margin-bottom:0}
.press-page .kind-words .eyebrow{font-size:9px}
@keyframes menu-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.site-header,.site-footer{margin-left:max(5.5%,calc((100% - 1500px)/2));margin-right:max(5.5%,calc((100% - 1500px)/2))}}
@media(max-width:900px){.header-right{gap:30px}.quick-nav{gap:24px}.standalone-main>.section-pad{padding-top:60px}.standalone-main .contact{gap:6%}.site-footer{flex-wrap:wrap}.site-footer .copyright{margin-left:auto}.standalone-main .section-heading{gap:35px}}
@media(max-width:720px){.site-header{height:82px;margin:0 7%;gap:20px}.site-brand{font-size:27px}.site-brand span{font-size:7px;margin-top:8px}.quick-nav{display:none}.site-header .menu-toggle{gap:13px;font-size:11px}.navigation-panel{width:calc(100% - 30px);padding:20px 25px;max-height:calc(100svh - 30px)}.menu-topline{padding-bottom:10px}.menu-topline p{font-size:8px;letter-spacing:1.4px}#navigation{grid-template-columns:1fr;padding:12px 0 20px;gap:0}#navigation>a{font-size:29px;padding:13px 0;gap:18px}#navigation>a small{font-size:8px}.menu-bottomline{font-size:9px;gap:15px;flex-wrap:wrap}.site-footer{margin:0 7%;padding:25px 0;gap:23px;align-items:center}.site-footer .footer-signature{font-size:17px}.site-footer-links{gap:20px;font-size:10px}.site-footer .copyright{margin-left:0;font-size:8px}.standalone-main>.section-pad{padding:45px 7% 55px;min-height:auto}.standalone-main .story h1,.standalone-main .section-heading h1{font-size:54px;letter-spacing:-1.6px}.standalone-main .contact h1{font-size:60px}.standalone-main .contact form{padding-top:10px}.standalone-main .beyond .theatre-image,.standalone-main .beyond .writing-mark{height:285px}.page-next{margin:30px 7% 45px;align-items:start;flex-direction:column;gap:15px}.press-page .kind-words{grid-template-columns:1fr;gap:12px}.press-page .kind-words>.text-link{grid-column:1}.press-page .quote-mark{display:none}.press-page .kind-words h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.navigation-panel[open]{animation:none}}
@media(max-width:480px){.standalone-main .form-pair{grid-template-columns:1fr;gap:0}}