.scroll-intro{position:relative;isolation:isolate}
.intro-stage{position:relative}
.intro-film{display:none}
.intro-enabled .scroll-intro{height:calc(100vh + var(--intro-distance,1000px));height:calc(100svh + var(--intro-distance,1000px));margin-bottom:var(--hero-extra,0px)}
.intro-enabled .intro-stage{position:sticky;top:0;height:100vh;height:100svh}
.intro-enabled .intro-stage>.hero{position:absolute;inset:0 0 auto;width:100%;opacity:var(--hero-reveal,0);visibility:visible;transition:none}
.intro-enabled .intro-stage>header{opacity:1;z-index:80;transition:none;background:linear-gradient(180deg,rgba(243,239,230,.94),rgba(243,239,230,.64) 65%,transparent);padding-bottom:38px}
.intro-enabled .intro-film{display:block;position:absolute;inset:0;z-index:60;background:#080b0c;opacity:var(--film-opacity,1);visibility:var(--film-visibility,visible);will-change:opacity;overflow:hidden}
.intro-film video{display:block;width:100%;height:100%;object-fit:cover;transform:scale(var(--film-scale,1));filter:blur(var(--film-blur,0px));will-change:transform,filter}
.intro-film:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 45%,#dbc39e,#f0ebe1 74%);opacity:var(--cream-reveal,0)}
.intro-hint{position:absolute;bottom:28px;left:50%;translate:-50% 0;color:#fff9e6;font-size:12px;letter-spacing:.12em;text-align:center;z-index:2;opacity:var(--hint-opacity,1);text-shadow:0 1px 8px #000}
.intro-skip{position:absolute;right:24px;top:24px;z-index:3;color:#fff;background:#0005;border:1px solid #fff5;border-radius:30px;padding:11px 18px;font:inherit;font-size:12px}
.intro-skip:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:700px){.intro-film video{object-fit:cover}.intro-hint{bottom:30px;width:80%}.intro-skip{right:16px;top:16px}}
@media(prefers-reduced-motion:reduce){.intro-enabled .scroll-intro{height:auto;margin-bottom:0}.intro-enabled .intro-stage{position:relative;height:auto}.intro-enabled .intro-stage>.hero{position:relative;opacity:1}.intro-enabled .intro-stage>header{opacity:1}.intro-enabled .intro-film{display:none}}

.intro-skip{top:auto;bottom:24px}.intro-hint{max-width:55%}@media(max-width:700px){.intro-skip{top:auto;bottom:68px}.intro-hint{max-width:80%}}

.intro-film{pointer-events:none}.intro-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none}.video-frame-ready .intro-poster{visibility:hidden}.intro-film:after{z-index:2}.intro-enabled .intro-stage>header{pointer-events:auto;z-index:100}header nav a{touch-action:manipulation;position:relative;pointer-events:auto}@media(max-width:700px){header nav a{min-height:44px;backdrop-filter:none;-webkit-backdrop-filter:none}}

.intro-enabled .intro-film{background:#eee9de}
/* Automatic intro: the page remains in the document and appears on completion. */
html.intro-playing{overflow:hidden}
.intro-enabled .scroll-intro{height:auto;min-height:100svh;margin-bottom:0}
.intro-enabled .intro-stage{position:relative;height:auto;min-height:100svh}
.intro-enabled .intro-stage>.hero{position:relative;inset:auto;opacity:var(--hero-reveal,0)}
.intro-enabled .intro-film{height:100vh;height:100svh}
.intro-hint{display:none}
.intro-complete .intro-film{opacity:0!important;visibility:hidden;transition:opacity .85s,visibility .85s}
.intro-complete .intro-stage>.hero{opacity:1!important;transition:opacity .85s}