/* Optional intro overlay: absent JavaScript or failed media leaves the site available. */
.site-intro[hidden]{display:none!important}
.site-intro{position:fixed;inset:0;z-index:1000;background:#0b2029;opacity:1;transition:opacity .8s ease-in-out;isolation:isolate}
.site-intro video{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.intro-skip{position:absolute;top:max(22px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));display:inline-flex;align-items:center;gap:16px;min-height:44px;padding:8px 16px;border:1px solid rgba(226,241,231,.4);border-radius:24px;color:#f1f3e9;background:rgba(11,32,41,.72);backdrop-filter:blur(10px);font:12px var(--sans);cursor:pointer;transition:background .2s}
.intro-skip:hover{background:#254551}.intro-skip:focus-visible{outline:2px solid #e9efd3;outline-offset:4px}
.intro-timeline{position:absolute;bottom:0;left:0;width:var(--intro-progress,0%);height:2px;background:#dbe6cb;box-shadow:0 0 10px #b9d9d766;transition:width .12s linear}
.site-intro.is-leaving{opacity:0;pointer-events:none}
.intro-playing{overflow:hidden}
@media(max-width:700px){.intro-skip{top:max(16px,env(safe-area-inset-top));right:16px;gap:10px;font-size:11px;padding-inline:13px}}
@media(prefers-reduced-motion:reduce){.site-intro{display:none!important;transition:none}.intro-playing{overflow:auto}}