/* A quiet, contained presentation. All photos keep their complete proportions. */
.intro-player{position:relative;width:100%;height:100%;isolation:isolate;background:#d9d0bb;overflow:hidden}
.intro-canvas,.intro-base,.intro-layer{position:absolute;inset:0;width:100%;height:100%}
.intro-player .intro-base{object-fit:cover}
.intro-layer{opacity:0;transition:opacity 1800ms cubic-bezier(.4,0,.2,1);overflow:hidden;background:#bfb9a9}
.intro-layer.is-visible{opacity:1}
.intro-player .intro-ambience{position:absolute;inset:-8%;width:116%;height:116%;max-width:none;object-fit:cover;filter:blur(16px) saturate(.65);opacity:.4}
.intro-layer video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(.9)}
.intro-player:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 25px #292d2520;pointer-events:none;z-index:3}
.intro-interpretation{position:absolute;left:10px;bottom:9px;z-index:4;padding:3px 7px;background:#1b302cc7;border:1px solid #f7f2df44;border-radius:4px;font-size:9px;letter-spacing:.7px;color:#f8f4e9;line-height:1.5;pointer-events:none}
.intro-toggle{position:absolute;z-index:5;bottom:7px;right:7px;width:38px;min-height:38px;display:grid;place-items:center;border:1px solid #eee9dc77;border-radius:50%;background:#1b302cd9;color:#fffaf0;font:16px/1 'Segoe UI',sans-serif;box-shadow:0 2px 8px #13251f25}
.intro-toggle[hidden]{display:none}.intro-toggle:hover{background:#1b302c}.intro-toggle:focus-visible{outline:3px solid #d8bd83;outline-offset:2px}
.intro-paused .intro-layer{transition:none}
.welcome-panel.has-intro .welcome-art{pointer-events:auto}
@media(max-width:800px){
 .login-layout.has-intro .login-story{display:block;min-height:0;padding:20px 25px 22px}
 .login-layout.has-intro .login-story>.brand{font-size:13px;gap:10px}.login-layout.has-intro .login-story>.brand small{font-size:8px}
 .login-layout.has-intro .login-story>.brand .brand-mark{width:32px;height:34px;font-size:26px}
 .login-layout.has-intro .login-art{height:196px;max-height:none;padding:14px 0 0}
 .login-layout.has-intro .login-frame{width:88%;max-width:340px;height:175px;padding:9px;transform:rotate(-2deg)}
 .login-layout.has-intro .login-art>span,.login-layout.has-intro .login-story-text,.login-layout.has-intro .login-story-footer{display:none}
 .login-layout.has-intro .login-panel{min-height:0;padding-top:30px}.login-layout.has-intro .login-box h2{font-size:35px}
}
@media(max-width:600px){
 .welcome-panel.has-intro .welcome-art{position:relative;right:auto;top:auto;width:100%;height:230px;padding:6px 34px 35px;opacity:1;transform:none;background:radial-gradient(ellipse,#d8e1d45c,transparent)}
 .welcome-panel.has-intro .art-mat{height:185px;width:100%;max-width:330px;padding:9px;transform:rotate(-3deg)}
 .welcome-panel.has-intro .welcome-copy{padding-bottom:15px;min-height:0}.welcome-panel.has-intro .welcome-copy p{max-width:290px}
 .welcome-panel.has-intro .art-caption{display:block;left:34px;bottom:10px;font-size:9px;letter-spacing:1.2px}.welcome-panel.has-intro .art-edition{display:none}
}
@media(prefers-reduced-motion:reduce){.intro-layer{transition:none}}
@media print{.intro-layer,.intro-toggle,.intro-interpretation{display:none!important}}