/* A short automatic intro. The page itself has no pinned or artificial scroll span. */
.curtain-experience{position:relative;background:#111113}
.curtain-sticky{position:relative;overflow:hidden}
.curtain-layer,.curtain-brand,.curtain-invitation{display:none}
.event-room{height:100svh;min-height:720px;max-height:1150px}
.stage-content{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;z-index:2}
.stage-architecture{inset:70px 0 0;transform:none}
.stage-backplate{object-fit:fill;opacity:1}
.stage-wing,.stage-top-truss{display:none}
.stage-wallmark{position:absolute;top:27%;left:50%;width:60%;height:38%;transform:translateX(-50%);z-index:0;opacity:.11;pointer-events:none}
.stage-wallmark img{width:100%;height:100%;object-fit:contain}
.stage-header-shade{background:linear-gradient(#111113,#111113d9 7%,transparent 24%)}
.stage-backplate,.curtain-still,.curtain-video{filter:brightness(.78) contrast(1.04) saturate(.85)}
.intro-pending .curtain-layer,.intro-pending .curtain-brand,.intro-pending .curtain-invitation{display:flex}
.intro-pending .curtain-layer{position:absolute;inset:0;z-index:1;pointer-events:none}
.curtain-film-stage{position:absolute;inset:70px 0 0;overflow:hidden;background:#111113}
.curtain-still,.curtain-video{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.curtain-video{opacity:0}.intro-playing .curtain-video{opacity:1}
.curtain-vignette{position:absolute;inset:0;background:linear-gradient(#111113 0%,#111113b3 8%,transparent 28%,transparent 84%,#11111350 100%)}
.intro-pending .stage-content{clip-path:inset(0 0 100% 0)}
.intro-pending .stage-wallmark{opacity:0}
.curtain-brand{position:absolute;z-index:5;top:48%;left:50%;transform:translate(-50%,-50%);width:min(390px,46vw);align-items:center;flex-direction:column;pointer-events:none}
.curtain-brand img{display:block;width:100%;height:auto}
.curtain-brand p{font-size:9px;letter-spacing:.3em;color:#bfc6cf;margin-bottom:20px}
.curtain-invitation{position:absolute;z-index:6;bottom:25px;right:35px}
.curtain-skip{display:flex;align-items:center;gap:22px;min-height:44px;padding:10px 2px;background:transparent;border:0;border-bottom:1px solid #ffffff50;font-size:11px;color:#f1f2f3;cursor:pointer}
.curtain-skip:hover,.curtain-skip:focus-visible{border-color:#fff;color:#fff}
.intro-done .stage-content{clip-path:none!important}
.room-heading{padding-top:108px}.room-heading h1{font-size:clamp(28px,2.7vw,43px)}
.wall-gallery{margin-top:20px}
.poster-rail{gap:clamp(40px,6vw,110px);padding:38px 12% 24px;transform:none}
.event-poster{width:min(20vw,calc((max(100svh,720px) - 330px)*.6));max-width:310px}
.poster-bottom>span{font-size:clamp(18px,1.9vw,31px)}
.poster-secret .poster-bottom>span{font-size:clamp(12px,1.25vw,18px)}
.secret-type{font-size:clamp(25px,2.6vw,42px)}
.poster-caption{margin-top:16px}
@media(max-width:1000px) and (min-width:701px){.poster-rail{gap:5vw;padding-inline:8%}.event-poster{width:min(23vw,calc((max(100svh,720px) - 340px)*.6))}.room-bottom{padding-inline:25px}.wall-switcher{gap:16px}.poster-caption{font-size:12px}.poster-caption small{font-size:10px}}
@media(max-width:700px){
 .event-room{height:max(100svh,740px);min-height:740px;max-height:none}
 .stage-architecture,.curtain-film-stage{inset:80px auto 0 50%;width:max(100%,calc((max(100svh,740px) - 80px)*16/9));transform:translateX(-50%)}
 .stage-backplate{object-fit:fill}.stage-wallmark{width:110%;opacity:.1}
 .room-heading{padding:108px 20px 0}.room-heading h1{font-size:clamp(26px,6.7vw,38px)}
 .wall-gallery{margin-top:24px;flex:1;min-height:0}
 .poster-rail{height:100%;justify-content:flex-start;gap:42px;padding:38px calc((100vw - var(--poster-width))/2) 24px;--poster-width:min(64vw,280px,calc((max(100svh,740px) - 340px)*.6));}
 .event-poster{width:var(--poster-width)}.poster-bottom>span{font-size:25px}.poster-secret .poster-bottom>span{font-size:14px}.secret-type{font-size:32px}
 .curtain-brand{width:min(80vw,340px);top:44%}.curtain-brand p{font-size:8px;margin-bottom:18px}
 .curtain-invitation{left:0;right:0;justify-content:center;bottom:24px}.curtain-skip{font-size:11px}
 .room-bottom{padding-bottom:22px;gap:15px}
}
html[data-motion=reduced] .curtain-layer,html[data-motion=reduced] .curtain-brand,html[data-motion=reduced] .curtain-invitation{display:none!important}
html[data-motion=reduced] .stage-content{clip-path:none!important}
@media(prefers-reduced-motion:reduce){.curtain-layer,.curtain-brand,.curtain-invitation{display:none!important}.stage-content{clip-path:none!important}}
/* Three independent freestanding displays, grounded at different stage depths. */
.stage-content{display:block}
.room-heading{position:absolute;top:101px;left:0;right:0;padding:0 20px;z-index:4}
.room-heading p{font-size:9px;margin-bottom:8px}.room-heading h1{font-size:clamp(26px,2.4vw,39px)}
.wall-gallery{position:absolute;inset:0;min-height:0;margin:0;height:100%}
.poster-rail{position:absolute;inset:0;height:100%;padding:0;display:block;perspective:1400px;transform:none}
.event-poster{position:absolute;width:min(17vw,calc((max(100svh,720px) - 70px)*.29));max-width:280px;left:25%;bottom:calc((100% - 70px)*.29 + 20px);transform:translateX(-50%) perspective(1000px) rotateY(9deg);transition:filter .4s ease}
.event-poster:nth-child(2){left:50%;width:min(16vw,calc((max(100svh,720px) - 70px)*.275));bottom:calc((100% - 70px)*.33 + 20px);transform:translateX(-50%)}
.event-poster:nth-child(3){left:75%;bottom:calc((100% - 70px)*.30 + 20px);transform:translateX(-50%) perspective(1000px) rotateY(-9deg)}
.event-poster.is-lit{transform:translateX(-50%) perspective(1000px) rotateY(9deg)}
.event-poster:nth-child(2).is-lit{transform:translateX(-50%)}
.event-poster:nth-child(3).is-lit{transform:translateX(-50%) perspective(1000px) rotateY(-9deg)}
.event-poster:before,.event-poster:after{display:none}
.poster-paper{border:2px solid #7d8589;border-radius:1px;box-shadow:3px 1px 0 #171b1e,5px 3px 0 #050607}
.poster-paper:before{border:1px solid #d5dce04d;opacity:1}
.is-lit .poster-paper{box-shadow:3px 1px 0 #343b40,5px 3px 0 #050607}
.event-poster:hover .poster-paper{transform:none}
.poster-paper:after{opacity:.63}.is-lit .poster-paper:after{opacity:.02}
.stand-foot{position:absolute;top:calc(100% + 19px);height:7px;left:5%;width:90%;background:linear-gradient(#80888b,#20272c 45%,#080a0b 50%);transform:skewX(-15deg);box-shadow:0 3px 2px #0009;z-index:-1}
.stand-foot:before,.stand-foot:after{content:"";position:absolute;bottom:6px;height:20px;width:6px;background:linear-gradient(90deg,#111820,#7a858c 45%,#151b1e)}
.stand-foot:before{left:18%}.stand-foot:after{right:18%}
.stand-shadow{position:absolute;left:-16%;width:135%;height:18px;top:calc(100% + 20px);background:#000a;filter:blur(7px);transform:skewX(-30deg);z-index:-2}
.poster-caption{position:absolute;top:calc(100% + 38px);left:0;right:0;margin:0;transform:none!important;font-size:13px}
.poster-caption small{font-size:10px;margin-top:4px}
.poster-enter{width:30px;height:30px;font-size:16px}
.room-bottom{position:absolute;left:0;right:0;bottom:8px;padding:14px 40px 20px;background:none}
.stage-wallmark{top:35%;height:24%;width:34%;opacity:.075;filter:none;z-index:0}
.lighting-track{display:none}.light-rig{top:90px;bottom:80px}
.light-cone{opacity:.6}.wall-pool{opacity:.7}
.stage-floor-shade{inset:88% 0 0;background:linear-gradient(transparent,#11111390)}
@media(max-width:1000px) and (min-width:701px){
 .event-poster{width:min(20vw,calc((max(100svh,720px) - 70px)*.29))}
 .event-poster:nth-child(2){width:min(19vw,calc((max(100svh,720px) - 70px)*.275))}
 .room-bottom{padding-inline:24px}.poster-caption{font-size:12px}.poster-caption small{font-size:9px}
 .poster-bottom>span{font-size:22px}.secret-type{font-size:29px}
}
@media(max-width:700px){
 .room-heading{top:107px;padding:0 15px}.room-heading h1{font-size:clamp(25px,6.6vw,35px)}
 .wall-gallery{height:100%;margin:0;inset:0}
 .poster-rail{display:flex;align-items:center;justify-content:flex-start;gap:48px;padding:calc(20svh + 25px) calc((100vw - var(--poster-width))/2) 18svh;--poster-width:min(60vw,280px,calc((max(100svh,740px) - 360px)*.56));height:100%}
 .event-poster,.event-poster:nth-child(2),.event-poster:nth-child(3),.event-poster.is-lit,.event-poster:nth-child(2).is-lit,.event-poster:nth-child(3).is-lit{position:relative;left:auto;bottom:auto;width:var(--poster-width);max-width:none;transform:none;flex-shrink:0}
 .poster-caption{top:calc(100% + 37px);font-size:13px}.poster-caption small{font-size:10px}
 .room-bottom{bottom:0;padding:0 18px 16px;gap:10px}.room-bottom>p{display:none}
 .stage-wallmark{width:90%;top:34%;height:28%}.light-rig{top:170px;bottom:135px}
 .stand-foot{left:2%;width:96%}
}

/* Start closed in the HTML, unlock input as soon as the film reveals the stage. */
.intro-interactive .curtain-invitation{display:none}
.intro-pending .stage-content{pointer-events:none}
.intro-pending.intro-interactive .stage-content{pointer-events:auto}
