.site-intro:not([open]) { display: none; }
.site-intro[open] { display: block; position: fixed; inset: 0; width: 100vw; max-width: none; height: 100vh; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0; color: #f7f4ed; background: #03070d; overflow: hidden; overscroll-behavior: contain; }
.site-intro[open], .site-intro::backdrop { opacity: 1; transition: opacity .65s ease-in-out; }
.site-intro::backdrop { background: #03070d; }
.site-intro[data-intro-leaving], .site-intro[data-intro-leaving]::backdrop { opacity: 0; }
@media (prefers-reduced-motion: reduce) { .site-intro[open], .site-intro::backdrop { transition: none; } }
html[data-site-intro-active] { overflow: hidden; }
.site-intro video { display: block; width: 100%; height: 100%; object-fit: contain; }
.intro-top { position: absolute; top: 0; left: 0; right: 0; z-index: 3; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: max(22px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 40px max(24px,env(safe-area-inset-left)); background: linear-gradient(#03070de8,transparent); }
.intro-wordmark { margin: 0; font: 800 15px Arial,Helvetica,sans-serif; letter-spacing: .15em; white-space: nowrap; }
.intro-wordmark span { font-size: .7em; color: #f0c46c; }
.site-intro button { border: 1px solid #8a949e; border-radius: 4px; background: #090f18e8; color: #fff7e8; min-height: 46px; padding: 10px 18px; font: 600 15px Arial,Helvetica,sans-serif; cursor: pointer; }
.site-intro button:hover { background: #1a2633; border-color: #f0c46c; }
.site-intro button:focus-visible { outline: 3px solid #f0c46c; outline-offset: 5px; }
.site-intro .intro-skip { border-color: #d4ad65; white-space: nowrap; }
.intro-skip span { margin-left: 10px; }
.intro-bottom { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 40px max(24px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left)); background: linear-gradient(transparent,#03070de8); }
.intro-bottom p { margin: 0; font: 14px/1.4 Arial,Helvetica,sans-serif; color: #dae0e5; }
.intro-start[hidden] { display: none; }
.intro-start:not([hidden]) { position: absolute; inset: 0; z-index: 2; display: grid; place-content: center; padding: 90px 24px; text-align: center; background: #03070d70; backdrop-filter: blur(3px); }
.site-intro .intro-play { max-width: 100%; border-color: #f0c46c; padding: 17px 24px; font-size: clamp(17px,2vw,22px); background: #0c1727ed; }
.intro-start p { margin: 16px 0 0; font: 14px/1.5 Arial,Helvetica,sans-serif; color: #e3e8ec; }
.intro-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media(max-width:500px) { .intro-top { gap: 12px; padding-left: 18px; padding-right: 18px; }.intro-wordmark { font-size: 11px; letter-spacing: .12em; }.site-intro button { padding: 10px 13px; font-size: 13px; }.intro-bottom { padding-left: 18px; padding-right: 18px; }.intro-bottom p { max-width: 145px; font-size: 12px; } }
@media print { .site-intro { display: none !important; }html[data-site-intro-active] { overflow: visible; } }