/* A small physical wordmark below the independent opening sculpture. */
.intro-stage h2.intro-wordmark{display:grid;place-items:center;width:clamp(230px,21vw,310px);height:140px;bottom:17.5%;padding:0;margin:0;font-size:112px;line-height:1;letter-spacing:-.075em;pointer-events:auto;text-shadow:none;isolation:isolate}
.intro-stage h2 .intro-wordmark-fallback{display:block;color:#f5f2f8;transition:opacity .25s;pointer-events:none}
#intro-wordmark-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none;transition:opacity .35s}
.intro-wordmark-ready #intro-wordmark-canvas{opacity:1}
.intro-wordmark-ready .intro-wordmark-fallback{opacity:0}
.intro-wordmark-replay{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0;background:transparent;border:0;border-radius:20px;cursor:pointer;touch-action:pan-y}
.intro-wordmark-replay:focus-visible{outline:1px solid #b7a6d3;outline-offset:4px}
@media(max-width:800px){.intro-stage h2.intro-wordmark{width:240px;height:116px;bottom:21.5%;font-size:96px}}
@media(max-width:540px){.intro-stage h2.intro-wordmark{width:min(230px,74vw);height:104px;bottom:23.5%;font-size:88px}}
@media(max-height:650px){.intro-stage h2.intro-wordmark{height:88px;bottom:27%;font-size:76px}}
@media(prefers-reduced-motion:reduce){#intro-wordmark-canvas,.intro-stage h2 .intro-wordmark-fallback{transition:none}}