#studio-intro[hidden]{display:none!important}#studio-intro{position:fixed;inset:0;z-index:100000;background:#f8fbfd;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;color:#183f65}#studio-intro::before{content:'';position:absolute;inset:0;background:url('assets/panorama.png') center bottom/auto 125% no-repeat;opacity:.65;animation:srm-landscape 4s ease-out both}#studio-intro .intro-brand{position:relative;max-width:85vw;padding:30px;animation:srm-brand 3s ease-out both}#studio-intro img{width:clamp(180px,28vw,300px);height:auto;mix-blend-mode:multiply}#studio-intro p{font:clamp(22px,3vw,38px) Georgia,serif;letter-spacing:.03em;margin:24px 0 12px;animation:srm-title 4s ease both}#studio-intro .intro-line{display:block;width:150px;height:3px;margin:24px auto;background:linear-gradient(90deg,#28614d 33%,#fff 33%,#fff 66%,#a53032 66%);animation:srm-title 5s ease both}#studio-intro button{position:absolute;right:24px;top:24px;background:#183f65;color:#fff;border:0;border-radius:5px;padding:12px 20px;font:600 15px Arial;cursor:pointer}#studio-intro button:focus-visible{outline:3px solid #c69847;outline-offset:4px}@keyframes srm-brand{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}@keyframes srm-title{0%,25%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}@keyframes srm-landscape{from{opacity:0;transform:scale(1.03)}to{opacity:.65;transform:none}}
/* Keep the skyline in the upper hero, above the registration cards. */
.hero{background-image:none!important;isolation:isolate}.hero::before{content:'';position:absolute;z-index:-1;right:0;top:0;width:60%;height:440px;background:url('assets/panorama.png') right bottom/590px auto no-repeat;pointer-events:none}.hero .wrap{position:relative}@media(max-width:850px){.hero::before{width:100%;height:350px;background-size:430px auto;opacity:.6}}@media(prefers-reduced-motion:reduce){#studio-intro{display:none!important}#studio-intro *{animation:none!important}}