/* The opening and the invitation share the same full-screen composition. */
html{scrollbar-gutter:stable}
.experience-hero{display:flex;align-items:flex-start;justify-content:center;padding:105px 25px 35px;min-height:100svh}
.scene-hero-image{opacity:1;mask-image:none;-webkit-mask-image:none;background-position:center 46%;overflow:hidden}
.scene-hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--scene-bg) 48%,transparent),transparent 43%,transparent 85%,var(--scene-bg));pointer-events:none;z-index:2}
.scene-hero-media,.scene-hero-media video,.scene-hero-media canvas{position:absolute;inset:0;width:100%;height:100%}
.scene-hero-media video,.scene-hero-media canvas{object-fit:cover;object-position:center 46%;display:block}
.scene-hero-media canvas{z-index:0}.scene-hero-media video{z-index:1;opacity:0;transition:opacity .4s ease}.scene-hero-media video.loop-is-visible{opacity:1}
.scene-hero-copy{padding:0;background:none;border:0;box-shadow:none;border-radius:0;backdrop-filter:none;width:min(760px,100%);min-width:0;max-width:760px;opacity:0;transform:translateY(14px);transition:opacity 1.1s ease .2s,transform 1.1s cubic-bezier(.2,.7,.2,1) .2s;text-shadow:0 1px 18px color-mix(in srgb,var(--scene-bg) 75%,transparent)}
.scene-hero-copy:before{display:none}.scene-hero-copy>.experience-kicker{font-size:11px;margin:0 0 10px;color:var(--scene-ink)}
.scene-hero-copy>p:nth-child(2){font-size:19px;margin:10px 0 0}.scene-hero-copy h1{font-size:64px;line-height:1.4;margin:6px 0 15px}.scene-hero-copy .hero-flourish{display:none}.scene-hero-copy>p{font-size:14px;margin:5px 0}.scene-hero-copy .hero-time{font-size:12px;color:var(--scene-ink)}
.scene-hero-copy .scene-scroll{margin:clamp(120px,30svh,320px) auto 0;width:44px;color:var(--scene-ink);border-radius:30px;background:color-mix(in srgb,var(--scene-bg) 62%,transparent);border:1px solid var(--scene-line);text-shadow:none}
.scene-revealed .scene-hero-copy{opacity:1;transform:translateY(0)}
.intro-overlay.intro-handoff{transition:opacity .95s ease,visibility .95s;opacity:0;visibility:visible;pointer-events:none}
.intro-handoff .intro-brand,.intro-handoff .intro-skip,.intro-handoff .envelope-play-status,.intro-handoff .intro-progress{opacity:0;transition:opacity .2s}
.experience-toolbar{transition:opacity .6s ease .2s}.intro-is-open .experience-toolbar{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:520px){.experience-hero{padding:110px 20px 30px}.scene-hero-copy{padding:0;width:100%;max-width:none;min-width:0}.scene-hero-copy h1{font-size:44px;margin:8px 0 13px}.scene-hero-copy>p:nth-child(2){font-size:17px;margin:8px 0}.scene-hero-copy>.experience-kicker{font-size:9px}.scene-hero-copy>p{font-size:12px}.scene-hero-copy .scene-scroll{margin-top:clamp(130px,31svh,290px)}.scene-hero-media video,.scene-hero-media canvas,.scene-hero-image{object-position:center;background-position:center}}
@media(max-height:560px){.experience-hero{padding-top:75px}.scene-hero-copy h1{font-size:40px}.scene-hero-copy .scene-scroll{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.scene-hero-copy,.intro-overlay.intro-handoff,.scene-hero-media video,.experience-toolbar{transition:none}.scene-hero-copy{transform:none}}