body.intro-pending,body.showing-intro{overflow:hidden}
body.intro-pending>:not(#introScreen):not(script):not(style){visibility:hidden}
.intro-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.intro-screen{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:radial-gradient(ellipse at center,#193747,#040c1a 78%);color:#effaff}
.intro-screen[open]{display:grid;grid-template-columns:minmax(0,1fr);place-items:center}
.intro-screen::backdrop{background:#040c1a}
.intro-art{position:relative;width:min(100vw,177.6833dvh);aspect-ratio:1672/941;flex-shrink:0}
.intro-art>img{display:block;width:100%;height:100%;object-fit:contain}
/* These percentages follow the two painted buttons in the original 1672×941 image. */
.intro-cta{position:absolute;display:block;appearance:none;padding:0;margin:0;border:0;background:transparent;color:#10373f;cursor:pointer;transition:box-shadow .2s ease,background-color .2s ease}
.intro-cta-primary{left:36.4833%;top:64.187%;width:28%;height:10.627%;border-radius:clamp(14px,2.4vw,42px)}
.intro-cta-secondary{left:41.5072%;top:76.4081%;width:17.9426%;height:6.3762%;border-radius:clamp(8px,1.3vw,23px)}
.intro-cta:focus-visible{outline:3px solid #fff3be;outline-offset:5px;box-shadow:0 0 26px #74ffdf7a}
.intro-cta:active{background:#092f3d22}
@media(hover:hover){.intro-cta:hover{background:#ffffff0e;box-shadow:0 0 0 2px #b5fff155,0 0 32px #59eddc70}.intro-cta-secondary:hover{box-shadow:0 0 0 2px #aee6ff77,0 0 24px #68bbeb55}}
.intro-fallback{display:none;text-align:center;padding:24px 15px;color:#d3e9ee}
.intro-fallback span{font-size:12px;font-weight:800;letter-spacing:3px;color:#7cebd6}
.intro-fallback h2{font-size:clamp(30px,6vw,52px);line-height:1.25;margin:18px 0}
.intro-fallback em{font-style:normal;color:#ffcc78}
.intro-fallback p{font-size:14px}
.intro-art.is-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(680px,94vw);aspect-ratio:auto;min-height:min(450px,95dvh)}
.intro-art.is-missing>img{display:none}
.intro-art.is-missing .intro-fallback{display:block}
.intro-art.is-missing .intro-cta{position:static;width:min(340px,80vw);height:54px;margin:8px auto;border:1px solid #83ddcc;border-radius:14px;background:linear-gradient(110deg,#4cdcc6,#a3f2db);font-size:18px;font-weight:900}
.intro-art.is-missing .intro-cta-secondary{height:46px;background:#18384c;color:#d5f1ff;border-color:#52869d;font-size:15px}
.intro-art.is-missing .intro-cta span{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal}
@media(max-width:600px){.intro-art:not(.is-missing){width:min(1050px,177.6833dvh)}.intro-cta-secondary{top:calc(79.5962% - 22px);height:44px}.intro-cta:focus-visible{outline-width:2px;outline-offset:3px}}
@media(prefers-reduced-motion:reduce){.intro-cta{transition:none}}