#opening-siir{position:fixed;inset:0;z-index:10000;background:#123342;color:white;display:flex;align-items:center;justify-content:center;transition:opacity .75s ease;isolation:isolate}
#opening-siir.leaving{opacity:0;pointer-events:none}#opening-siir[hidden]{display:none}
#opening-siir .film{position:absolute;inset:0;overflow:hidden;background:#123342}
#opening-siir .scene{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}#opening-siir .scene.active{opacity:1}
#opening-siir .scene img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 3.4s ease}#opening-siir .scene.active img{transform:scale(1.065)}
#opening-siir .scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,51,66,.65),rgba(18,51,66,.08)),linear-gradient(0deg,rgba(18,51,66,.65),transparent)}
#opening-siir .caption{position:absolute;left:9%;bottom:18%;right:8%;z-index:2;color:white}#opening-siir .caption:before{content:'';display:block;width:60px;height:4px;background:#ac403b;margin-bottom:24px}#opening-siir .caption strong{font-size:clamp(36px,7vw,88px);line-height:1.05}#opening-siir .caption p{font-size:clamp(16px,2vw,24px);margin-top:18px;line-height:1.5;color:#e0eaf0}
#opening-siir .closing{position:absolute;inset:0;z-index:3;background:#123342;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;opacity:0;transition:opacity .8s}#opening-siir .closing.active{opacity:1}#opening-siir .closing img{width:clamp(180px,23vw,280px);height:auto}#opening-siir .closing p{color:white;text-align:center;font-size:clamp(20px,3vw,34px);line-height:1.5;margin:0 20px}
#opening-siir .intro-controls{position:absolute;bottom:30px;left:9%;right:9%;display:flex;justify-content:space-between;align-items:center;gap:15px;z-index:5}#opening-siir button{background:#123342b8;color:white;border:1px solid #8a9eaa;border-radius:6px;padding:12px 18px;font:14px Segoe UI,Arial,sans-serif;cursor:pointer}#opening-siir button:focus-visible{outline:3px solid white;outline-offset:3px}.intro-track{height:3px;flex:1;max-width:300px;background:#ffffff30}.intro-progress{height:100%;background:#be5351;width:0}
#intro-demo-bar{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;background:#f5f8fb;padding:10px 20px;color:#38596b;font:13px Segoe UI,Arial,sans-serif}#intro-demo-bar button{font:inherit;background:white;border:1px solid #dbe4ee;border-radius:4px;padding:8px 12px;color:#38596b;cursor:pointer}
@media(prefers-reduced-motion:reduce){#opening-siir,#opening-siir *{transition:none!important;transform:none!important}}