:root{--intro-ink:#14213b;--intro-gold:#ddc58d;--intro-paper:#f4efe4}.intro-wait{overflow:hidden}.intro-stage{position:fixed;inset:0;z-index:300;overflow:hidden;color:var(--intro-paper);isolation:isolate}.intro-stage[hidden]{display:none}
.intro-panel{position:absolute;inset:0 auto 0 0;width:50.1%;background:var(--intro-ink);z-index:-1;transition:transform 1.1s cubic-bezier(.76,0,.24,1)}.intro-panel-right{left:auto;right:0}.intro-panel-left:after,.intro-panel-right:after{content:'';position:absolute;inset:0;background-image:linear-gradient(0deg,#ffffff02 1px,transparent 1px);background-size:100% 6px;pointer-events:none}.intro-panel-left{border-right:1px solid #ddc58d12}
.intro-stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,#aa8d5016,transparent 52%);pointer-events:none;transition:opacity .4s;z-index:0}.intro-meta{position:absolute;left:5%;right:5%;top:35px;display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:10px;letter-spacing:.015em;color:#bac3d2;transition:opacity .35s,transform .45s}.intro-skip{background:none;color:#ddc58d;border-bottom:1px solid #ddc58d44;padding:8px 0;font-size:10px;min-height:36px}.intro-skip:focus-visible{outline:2px solid var(--intro-gold);outline-offset:6px}
.intro-center{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(600px,80%);text-align:center;transition:opacity .5s ease,translate .8s ease,filter .6s}.intro-logo-frame{position:relative;width:clamp(145px,16vw,235px);height:clamp(145px,16vw,235px);margin:0 auto 16px}.intro-emblem{width:100%;height:100%;color:var(--intro-gold);position:relative;z-index:1;overflow:visible}.intro-logo-halo{position:absolute;inset:-15%;border:1px solid #ddc58d13;border-radius:50%;transform:scale(.8);opacity:0;transition:opacity 1.1s,transform 1.6s ease}
.intro-petal,.intro-strings{stroke-dasharray:100;stroke-dashoffset:100}.intro-stage.is-drawing .intro-petal{animation:intro-line 1s cubic-bezier(.2,.75,.2,1) both;animation-delay:var(--petal-delay)}.intro-stage.is-drawing .intro-strings{animation:intro-line .95s cubic-bezier(.2,.75,.2,1) .65s both}.intro-stage.is-drawing .intro-logo-halo{opacity:1;transform:scale(1)}
.intro-brand{font:500 clamp(46px,5vw,72px)/1 var(--display);letter-spacing:-.02em;margin:0 0 16px;opacity:0;transform:translateY(10px)}.intro-subtitle{font:400 11px/1.8 var(--body);max-width:350px;letter-spacing:.04em;margin:0 auto;color:#bac3d2;opacity:0;transform:translateY(10px)}.intro-founded{display:block;margin-top:21px;font:400 15px/1 var(--display);letter-spacing:.22em;color:#ddc58d;opacity:0}.intro-stage.is-drawing .intro-brand{animation:intro-type .85s cubic-bezier(.22,1,.36,1) .4s both}.intro-stage.is-drawing .intro-subtitle{animation:intro-type .85s cubic-bezier(.22,1,.36,1) .6s both}.intro-stage.is-drawing .intro-founded{animation:intro-type .85s cubic-bezier(.22,1,.36,1) .8s both}
.intro-bottom{position:absolute;left:5%;right:5%;bottom:75px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;transition:opacity .4s,transform .5s}.intro-caption{display:flex;flex-direction:column;gap:6px}.intro-caption-title{font:400 24px/1.2 var(--display);color:var(--intro-paper)}.intro-caption-subtitle{font:400 10px/1.8 var(--body);color:#9caac0}.intro-counter{display:flex;align-items:flex-end;gap:16px;color:var(--intro-gold);font-variant-numeric:tabular-nums}.intro-number{font:400 clamp(64px,7.7vw,110px)/.8 var(--display);letter-spacing:-.055em;min-width:1.1em;text-align:right}.intro-total{font:400 10px/1 var(--body);padding-bottom:5px;color:#9caac0}.intro-progress{position:absolute;bottom:52px;left:5%;right:5%;height:1px;background:#ddc58d22;transition:opacity .5s}.intro-progress span{display:block;height:100%;background:var(--intro-gold);transform-origin:left;transform:scaleX(var(--intro-progress,0))}
.intro-stage.is-opening .intro-panel-left{transform:translateX(-102%)}.intro-stage.is-opening .intro-panel-right{transform:translateX(102%)}.intro-stage.is-opening:before{opacity:0}.intro-stage.is-opening .intro-center{opacity:0;translate:0 -25px;filter:blur(6px)}.intro-stage.is-opening .intro-meta{opacity:0;transform:translateY(-8px)}.intro-stage.is-opening .intro-bottom{opacity:0;transform:translateY(12px)}.intro-stage.is-opening .intro-progress{opacity:0}
#site-shell{transition:filter 1.15s cubic-bezier(.22,1,.36,1)}.intro-wait #site-shell{filter:blur(7px)}.intro-wait .hero-title h1 span,.intro-wait .hero-seal,.intro-wait .hero-frame{animation-play-state:paused!important}.intro-wait .atelier-cursor{display:none!important}
@keyframes intro-line{to{stroke-dashoffset:0}}@keyframes intro-type{to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.intro-meta{top:22px;font-size:8px;gap:25px}.intro-meta-name{max-width:180px}.intro-skip{font-size:9px;flex-shrink:0}.intro-center{top:44%;width:82%}.intro-logo-frame{width:155px;height:155px;margin-bottom:19px}.intro-brand{font-size:52px}.intro-subtitle{font-size:9px;max-width:260px}.intro-founded{font-size:14px;margin-top:18px}.intro-bottom{bottom:72px;gap:20px}.intro-caption-title{font-size:20px;max-width:180px}.intro-caption-subtitle{font-size:8px;max-width:180px}.intro-counter{gap:9px}.intro-number{font-size:74px}.intro-total{font-size:9px}.intro-progress{bottom:48px}}
@media(prefers-reduced-motion:reduce){.intro-stage *{animation:none!important;transition:none!important}.intro-petal,.intro-strings{stroke-dashoffset:0}.intro-brand,.intro-subtitle,.intro-founded{opacity:1;transform:none}.intro-logo-halo{opacity:1;transform:none}.intro-stage.is-opening{opacity:0}#site-shell{transition:none}.intro-wait #site-shell{filter:none}}

.intro-logo-frame{width:clamp(185px,20vw,270px);height:clamp(185px,20vw,270px);margin-bottom:10px}.intro-emblem .logo-stroke{stroke-dasharray:100;stroke-dashoffset:100;opacity:0}.intro-emblem .logo-fill{fill-opacity:0}.intro-stage.is-drawing .logo-stroke{animation:instrument-line .9s cubic-bezier(.2,.75,.2,1) both;animation-delay:var(--draw-delay)}.intro-stage.is-drawing .logo-fill{animation:instrument-line .9s cubic-bezier(.2,.75,.2,1) both,instrument-fill .45s ease both;animation-delay:var(--draw-delay),calc(var(--draw-delay) + .7s)}@keyframes instrument-line{0%{opacity:0;stroke-dashoffset:100}4%{opacity:1}100%{opacity:1;stroke-dashoffset:0}}@keyframes instrument-fill{to{fill-opacity:1}}.brand svg{width:58px;height:62px}.brand:hover svg{transform:none}.about-emblem{transform:none!important}.footer-brand svg{width:57px;height:57px;flex-shrink:0;color:#ddc58d}.footer-actions{display:flex;align-items:center;gap:25px}.intro-replay{padding:7px 0;background:none;border:0;color:#b4b8ad;font-size:9px;cursor:pointer}.intro-replay:hover{color:#ddc58d}@media(max-width:760px){.brand svg{width:48px;height:50px}.intro-logo-frame{width:200px;height:200px}.footer-actions{flex-direction:column;align-items:end;gap:12px}.footer-brand svg{width:50px;height:50px}}@media(prefers-reduced-motion:reduce){.intro-emblem .logo-stroke{opacity:1;stroke-dashoffset:0}.intro-emblem .logo-fill{fill-opacity:1}}

.hero h1:focus{outline:none}
/* The orchestra's full institutional name replaces the former personal name. */
.intro-brand{font-size:clamp(34px,3.6vw,52px);line-height:1.08;max-width:590px;margin:0 auto 16px;text-wrap:balance}.intro-subtitle{max-width:420px;text-wrap:balance}.hero-footer>[data-i18n=heroName]{max-width:62ch;text-wrap:balance}.footer-brand>[data-i18n=footerName]{max-width:310px;font-size:10px;line-height:1.65}.brand>span{min-width:0}.brand small{white-space:normal;line-height:1.4}
@media(max-width:760px){.brand small{max-width:130px;font-size:6px;letter-spacing:.04em;margin-top:5px}.intro-brand{font-size:32px;line-height:1.08;max-width:330px}.intro-subtitle{max-width:280px;font-size:10px}.hero-footer>[data-i18n=heroName]{max-width:62ch;font-size:9px;line-height:1.6}.footer-brand>[data-i18n=footerName]{max-width:240px}}
@media(max-height:680px){.intro-logo-frame{width:145px;height:145px}.intro-brand{font-size:28px}.intro-founded{margin-top:12px}}