/* A temporary layer only: the home page and its family photo stay untouched. */
.intro-dialog{position:fixed;inset:0;margin:0;padding:0;border:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;background:#163f32;color:#fff;overflow:hidden}
.intro-dialog:not([open]){display:none}
.intro-dialog::backdrop{background:#163f32}
.intro-stage{position:relative;display:grid;place-items:center;width:100%;height:100%}
.intro-video{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#163f32}
.intro-skip{position:absolute;z-index:2;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 18px;border:1px solid #ffffff80;border-radius:24px;background:#14372eef;color:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:1.3;cursor:pointer;box-shadow:0 2px 12px #0003}
.intro-skip span{font-size:23px;line-height:1}
.intro-skip:focus-visible{outline:3px solid #fff;outline-offset:4px}
.intro-loading{position:absolute;left:16px;right:16px;bottom:max(24px,env(safe-area-inset-bottom));margin:0;text-align:center;font-size:14px;color:#fff}
.intro-playing .intro-loading{display:none}
.intro-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-height:48px;max-width:90%;padding:15px 24px;border:1px solid #ffffff80;border-radius:28px;background:#fff;color:#163f32;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 4px 24px #0004}
.intro-play[hidden]{display:none}
.intro-play:focus-visible{outline:3px solid #fff;outline-offset:5px}