/* Full-screen cinematic intro (intro.js). Everything is namespaced gs-intro. */
html.gs-intro-on,html.gs-intro-on body{overflow:hidden}
.gs-intro{position:fixed;inset:0;z-index:2147483000;background:#060e14;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .7s ease}
.gs-intro.gs-out{opacity:0;pointer-events:none}
.gs-intro video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#060e14}
.gs-intro-ui{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 max(18px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));pointer-events:none}
.gs-intro button{pointer-events:auto;font:500 13px/1 'DM Sans',system-ui,sans-serif;letter-spacing:.02em;color:#f0f4f2;background:rgba(6,14,20,.55);border:1px solid rgba(240,244,242,.28);border-radius:999px;min-height:44px;padding:0 18px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.gs-intro button:hover{border-color:#79f1d5;color:#fff}
.gs-intro button:focus-visible{outline:2px solid #79f1d5;outline-offset:3px}
.gs-intro .gs-intro-sound[hidden],.gs-intro .gs-intro-play[hidden]{display:none}
.gs-intro-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:16px!important;min-height:60px!important;padding:0 28px!important;background:rgba(121,241,213,.14)!important;border-color:#79f1d5!important}
.gs-intro-bar{position:absolute;left:0;top:0;height:2px;width:0;background:#79f1d5;opacity:.8}
@media(prefers-reduced-motion:reduce){.gs-intro{transition:none}}
