/* Cool grey-green from the reference, warm pearl and soft apricot accents. */
:root{--paper:#faf8f2;--panel:#fffdf9;--ink:#304642;--muted:#5a6d67;--gold:#80644e;--line:#d5dcd3;--glass:rgba(250,248,242,.20);--soft:rgba(236,241,233,.20);--accent:#36554b;--accent-text:#fffdf7;--shadow:0 18px 64px #30464214;--baroque-size:560px;--body-texture:url('../images/barock-perlmutt.jpg?v=49');--body-wash:rgba(250,248,242,.55)}
:root[data-theme=dark]{--paper:#354c45;--panel:#425e54;--ink:#f9f8ef;--muted:#dbe5dc;--gold:#efcfb4;--line:#83998c;--glass:rgba(53,76,69,.20);--soft:rgba(83,112,98,.20);--accent:#efcfb4;--accent-text:#304642;--body-texture:url('../images/barock-graugruen.jpg?v=49');--body-wash:rgba(53,76,69,.60)}
@media(prefers-color-scheme:dark){:root[data-theme=system]{--paper:#354c45;--panel:#425e54;--ink:#f9f8ef;--muted:#dbe5dc;--gold:#efcfb4;--line:#83998c;--glass:rgba(53,76,69,.20);--soft:rgba(83,112,98,.20);--accent:#efcfb4;--accent-text:#304642;--body-texture:url('../images/barock-graugruen.jpg?v=49');--body-wash:rgba(53,76,69,.60)}}
body{background-color:var(--paper);background-image:linear-gradient(var(--body-wash),var(--body-wash)),var(--body-texture);background-size:auto,var(--baroque-size) var(--baroque-size);background-repeat:repeat;line-height:1.78}
.baroque-dark{--paper:#405b50;--panel:#4e6b5f;--ink:#fcfaf1;--muted:#ecf1e8;--gold:#efcfb4;--line:#91a89b;--soft:rgba(98,129,110,.20);--accent:#efcfb4;--accent-text:#304642;color:var(--ink)}
.baroque-light{--paper:#faf8f2;--panel:#fffdf9;--ink:#304642;--muted:#5a6d67;--gold:#80644e;--line:#d5dcd3;--soft:rgba(236,241,233,.20);--accent:#36554b;--accent-text:#fffdf7;color:var(--ink)}
.baroque-band{position:relative;isolation:isolate}
.baroque-band:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;bottom:0;left:calc((100% - var(--page-width,100vw))/2);width:var(--page-width,100vw);background-repeat:no-repeat,no-repeat,repeat;background-size:100% 100%,100% 100%,var(--baroque-size) var(--baroque-size);background-position:0 0,0 0,0 var(--pattern-offset-y,0px)}
.baroque-dark:before{background-color:#405b50;background-image:radial-gradient(ellipse at 90% 10%,rgba(156,192,165,.08),transparent 68%),linear-gradient(115deg,rgba(48,70,64,.88),rgba(75,101,88,.68)),url('../images/barock-graugruen.jpg?v=49')}
.baroque-light:before{background-color:#faf8f2;background-image:radial-gradient(ellipse at 95% 95%,rgba(230,192,166,.20),transparent 65%),linear-gradient(120deg,rgba(244,250,240,.66),rgba(255,251,247,.60)),url('../images/barock-perlmutt.jpg?v=49')}
.site-header{background:var(--glass);border-bottom-color:var(--line);box-shadow:0 2px 20px #30464205}
.header-inner{min-height:88px;padding-block:14px}.brand-name{letter-spacing:.025em}.brand-role{letter-spacing:.3em;margin-top:7px}.header-tools{gap:13px}.icon-button{border-color:var(--line)}
.draft-note{font-size:max(1.181103rem,.69rem);line-height:1.5;padding-block:12px;border-bottom:0;opacity:.85}main{padding-bottom:80px}
.hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);padding-block:86px 94px;gap:80px}
.hero h1{font-size:max(1.181103rem,clamp(2.4rem,4.1vw,3.65rem));line-height:1.12;letter-spacing:-.025em;margin-bottom:24px}
.hero .lead{font-size:max(1.181103rem,1.45rem);letter-spacing:.04em;margin-bottom:28px}.hero .eyebrow{font-size:max(1.181103rem,.65rem);letter-spacing:.23em;margin-bottom:24px}
.hero p{max-width:470px}.hero .actions{margin-top:34px;gap:14px}.hero-portrait{max-width:305px}
.hero-portrait .placeholder-art{background:linear-gradient(145deg,#a4b7a82e,#223c321a);border-color:#d6e0d16b;border-radius:150px 150px 5px 5px;box-shadow:0 25px 65px #203c3124}
.hero-portrait .placeholder-art:before,.hero-portrait .placeholder-art:after{border-color:#d8e2d44d}.hero-portrait .monogram{color:#efe7d3;opacity:.75}
.hero-portrait .art-label,.hero-portrait figcaption{color:#e0e9df}.hero-portrait figcaption{margin-top:13px;font-size:max(1.181103rem,.68rem);line-height:1.65}
.button{padding:13px 22px;border-radius:5px;min-height:48px;transition:background-color .18s ease,box-shadow .18s ease}
.baroque-dark .button{box-shadow:0 5px 15px #203c3115}.baroque-dark .button.secondary{border-color:#d2e1d0a6;background:transparent;color:#fcfaf1}.baroque-dark .button.secondary:hover{background:#c6d9bf1a}
.home-columns{padding-block:66px 72px;gap:76px}.section{border-top:0}.section-title{margin-bottom:28px;gap:20px}.section-title h2{font-size:max(1.181103rem,1.6rem);line-height:1.3}
.home-columns .mini-event,.home-columns .small-media{padding-top:9px}.home-columns .tag{background:#fffbf599;border-color:#d9ded6}.home-columns .play-symbol{background:#edf3e799;border-color:#c4d2c6}
.quick-links{padding-block:58px 64px;gap:48px}.quick-links a{padding-block:6px 20px;border-color:#a3baaa70}.quick-links p{line-height:1.8;font-size:max(1.181103rem,.88rem);max-width:260px}.quick-links h3{margin-bottom:13px}
.page-heading{padding-block:54px 48px;margin-bottom:48px;border-bottom:0}.page-heading .eyebrow{margin-bottom:17px}.page-heading h1{margin-bottom:20px}.page-heading .intro{max-width:660px;line-height:1.8}
.two-column{gap:60px}.prose{line-height:1.9}.prose p{margin-bottom:22px}.sidebar{padding-left:32px}.note-box{padding:22px 24px;border-left-width:1px;background:var(--soft)}
.media-grid{gap:38px}.media-card,.prose,.two-column,.event-list,.rep-group{min-width:0}.media-card h2{margin-top:20px}.event{padding-block:28px}.download-row{padding-block:25px}.contact-form{gap:24px}.form-row{gap:24px}
input,select,textarea{font-size:max(1.181103rem,1rem)}
.site-footer{position:relative;bottom:auto;background:var(--glass);border-color:var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.footer-inner{padding-block:24px;font-size:max(1.181103rem,.72rem)}
dialog{border-radius:10px;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom,0px));overflow:auto;overscroll-behavior:contain}.dialog-body{padding:30px}.menu-dialog{padding-bottom:env(safe-area-inset-bottom,0px)}
@media(min-width:1024px) and (max-width:1199px){.hero{gap:56px;padding-block:72px}.hero-portrait{max-width:290px}.home-columns{gap:52px}}
@media(min-width:601px) and (max-width:1023px){.wrap{width:calc(100% - 64px)}.hero{padding-block:60px 66px;gap:36px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.hero h1{font-size:max(1.181103rem,2.55rem)}.hero-portrait{max-width:280px}.hero .eyebrow{letter-spacing:.15em}.home-columns{gap:34px;padding-block:48px 54px}.quick-links{gap:28px;padding-block:46px}.two-column{gap:30px}.sidebar{padding-left:22px}.page-heading{padding-block:42px;margin-bottom:36px}}
@media(max-width:600px){:root{--baroque-size:480px}.wrap{width:calc(100% - 48px)}.header-inner{padding-block:14px;min-height:110px;gap:11px}.brand-name{font-size:max(1.181103rem,1.08rem)}.header-tools{gap:13px}.icon-button{width:44px;height:44px}.language-switch a{width:44px;height:38px}.draft-note{font-size:max(1.181103rem,.65rem);padding-block:12px;line-height:1.6}.hero{grid-template-columns:1fr;padding-block:44px 48px;gap:38px}.hero h1{font-size:max(1.181103rem,clamp(2.15rem,8vw,2.75rem));margin-bottom:20px}.hero .eyebrow{font-size:max(1.181103rem,.6rem);letter-spacing:.17em;margin-bottom:22px}.hero .lead{font-size:max(1.181103rem,1.25rem);margin-bottom:24px}.hero .actions{gap:12px;margin-top:27px}.hero .button{flex:1 1 auto;padding:13px 17px;min-height:48px}.hero-portrait{max-width:none;width:100%}.hero-portrait .placeholder-art{aspect-ratio:16/10;border-radius:100px 100px 5px 5px}.hero-portrait figcaption{margin-top:11px}.home-columns{padding-block:44px 48px;gap:38px}.home-columns>div+div{border-top:1px solid var(--line);padding-top:34px}.section-title{margin-bottom:22px;gap:12px}.section-title h2{font-size:max(1.181103rem,1.5rem)}.home-columns p{line-height:1.8}.quick-links{padding-block:42px 46px;gap:29px}.quick-links p{max-width:none}.quick-links a{padding-bottom:22px}.page-heading{padding-block:38px 36px;margin-bottom:34px}.two-column,.media-grid{gap:34px}.sidebar{padding:28px 0 0}.prose{line-height:1.9}.note-box{padding:20px}.repertoire-table td,.prose,.contact-form{overflow-wrap:anywhere}main{padding-bottom:56px}.footer-inner{padding-block:24px;gap:11px;font-size:max(1.181103rem,.68rem);line-height:1.6}.footer-links{gap:20px}.footer-links a{padding-block:5px}.dialog-body{padding:24px}}
@media(max-width:360px){.wrap{width:calc(100% - 36px)}.brand-name{font-size:max(1.181103rem,.98rem)}.hero h1{font-size:max(1.181103rem,2.02rem)}.hero .button{padding-inline:13px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
@media print{body{background:#fff!important}.baroque-band:before{display:none}.baroque-dark,.baroque-light{--ink:#000;--muted:#333;--gold:#333;--line:#aaa;color:#000}.hero,.page-heading{padding-block:16px}main{padding-bottom:0}}

/* 80% transparent surfaces; blur is 30% of the original 18px / 6px. */
.site-header,.site-footer{backdrop-filter:blur(5.4px) saturate(105%);-webkit-backdrop-filter:blur(5.4px) saturate(105%)}
dialog::backdrop{background:rgba(18,39,30,.20);backdrop-filter:blur(1.8px);-webkit-backdrop-filter:blur(1.8px)}
.site-header.header-over-dark{--glass:rgba(53,76,69,.20);--ink:#fcfaf1;--gold:#efcfb4;--line:#c6d6ca80;--soft:rgba(98,129,110,.20)}
.site-header.header-over-light{--glass:rgba(250,248,242,.20);--ink:#304642;--gold:#80644e;--line:#b6c7bc;--soft:rgba(236,241,233,.20)}
/* Keep the title bar pinned when an iPhone rotates into landscape. */
@media(orientation:landscape){.site-header{position:sticky;top:0}}
@media(orientation:landscape) and (max-height:500px){.header-inner{min-height:68px;padding-block:8px}}
/* Navigation: 80% transparency, with 50% of the original blur strength. */
.menu-dialog{background:var(--glass);backdrop-filter:blur(9px) saturate(105%);-webkit-backdrop-filter:blur(9px) saturate(105%)}
.menu-dialog::backdrop{background:rgba(18,39,30,.20);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}