/* The opening scene uses the viewport, independently of the page composition. */
html.intro-pending{background:#eef6fc;overflow:hidden}
html.intro-pending body{visibility:hidden}
.intro-screen{position:fixed;inset:0;z-index:10000;margin:0;padding:0;border:0;max-width:none;max-height:none;width:100vw;height:100dvh;background:#eef6fc;color:#1d1d1f;overflow:hidden;visibility:visible;display:grid;place-items:center;zoom:calc(1 / var(--layout-scale,1));opacity:1;transition:opacity .38s ease}
.intro-screen:focus{outline:0}
.intro-screen::backdrop{background:#eef6fc}
.intro-screen.is-leaving{opacity:0;pointer-events:none}
.intro-stage{grid-area:1 / 1;width:min(440px,64vw,64dvh);aspect-ratio:1;opacity:0;position:relative;display:block;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.intro-stage:focus-visible{outline:2px solid #7041b8;outline-offset:8px;border-radius:8px}
.intro-mountains{position:absolute;inset:0;width:100%;height:100%}
.intro-isard{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
@media(prefers-reduced-motion:reduce){.intro-screen{transition:opacity .15s linear}}