.wall-viewport{color:#fff;background:#050d24 url(/wall/background.jpg) 50%/cover no-repeat;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.wall-stage{--u:calc(100cqw / 1280);--magenta:#e20074;aspect-ratio:1280/768;width:min(100vw,166.667vh);position:relative;container-type:inline-size}.wall-title span,.wall-tagline span{text-box:trim-both cap alphabetic;white-space:nowrap;line-height:1}.wall-title,.wall-tagline{flex-direction:column;align-items:center;margin:0;font-weight:400;display:flex;position:absolute}.wall-title{top:calc(83.8 * var(--u));font-size:calc(60 * var(--u));left:0;right:0}.wall-title-heavy{margin-top:calc(18.9 * var(--u));font-weight:900}.wall-tagline{top:calc(591.7 * var(--u));left:calc(546 * var(--u));width:calc(200 * var(--u))}.wall-tagline-where{font-size:calc(42.8 * var(--u))}.wall-tagline-stars{margin-top:calc(6.6 * var(--u));font-size:calc(47.5 * var(--u));font-weight:900}.wall-tagline-connect{margin-top:calc(5.1 * var(--u));font-size:calc(33 * var(--u))}.wall-slot{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));position:absolute}.wall-slot[data-corner=tl]{--cx:0%;--cy:0%}.wall-slot[data-corner=tr]{--cx:100%;--cy:0%}.wall-slot[data-corner=bl]{--cx:0%;--cy:100%}.wall-slot[data-corner=br]{--cx:100%;--cy:100%}.wall-frame{position:absolute;inset:0;overflow:hidden}.wall-frame:after{content:"";z-index:3;border:calc(1.5 * var(--u)) solid #c8dceb59;pointer-events:none;position:absolute;inset:0}.wall-layer{position:absolute;inset:0}.wall-media{object-fit:cover;width:100%;height:100%;display:block}.wall-empty{background:radial-gradient(at 50% 40%,#1e5a968c,#081834b3);position:absolute;inset:0}.wall-reveal,.wall-ring{animation-duration:.6s;animation-timing-function:cubic-bezier(.5,0,.3,1);animation-delay:.35s;animation-fill-mode:both}.wall-reveal{z-index:1;animation-name:wall-reveal}@keyframes wall-reveal{0%{clip-path:circle(0% at var(--cx) var(--cy))}to{clip-path:circle(142% at var(--cx) var(--cy))}}.wall-ring{z-index:2;left:var(--cx);top:var(--cy);aspect-ratio:1;border:calc(1.4 * var(--u)) solid #ff96d2f2;box-shadow:0 0 calc(7 * var(--u)) calc(1 * var(--u)) #e20074d9, inset 0 0 calc(7 * var(--u)) calc(1 * var(--u)) #e2007499;pointer-events:none;border-radius:50%;animation-name:wall-ring;position:absolute;translate:-50% -50%}@keyframes wall-ring{0%{opacity:1;width:0}80%{opacity:1}to{width:calc(2 * var(--diag) * var(--u));opacity:0}}.wall-sparkle{z-index:4;left:var(--cx);top:var(--cy);width:calc(54 * var(--u));fill:#fff;filter:drop-shadow(0 0 calc(4.5 * var(--u)) var(--magenta)) drop-shadow(0 0 calc(11 * var(--u)) var(--magenta));pointer-events:none;animation:1.4s ease-out both wall-sparkle;position:absolute;overflow:visible;translate:-50% -50%}.wall-sparkle-glow{fill:#ff78c88c;filter:blur(calc(3.6 * var(--u)))}@keyframes wall-sparkle{0%{opacity:0;rotate:-60deg;scale:0}22%{opacity:1;rotate:0deg;scale:1.15}32%{scale:1}62%{opacity:1;scale:1}to{opacity:0;rotate:25deg;scale:.35}}
