.opening{top:var(--band);left:var(--wall);right:var(--wall);bottom:var(--ground-use,var(--ground));z-index:5;background:var(--paper);color:var(--ink);position:absolute;overflow:hidden}.opening.is-leaving{opacity:0;transition:opacity var(--motion-standard) var(--ease);pointer-events:none}.opening-art{position:absolute;inset:0}.opening-beat{max-width:calc(100% - var(--left,0%) - 16px);opacity:1;position:absolute}.opening-beat.is-out{animation:opening-out var(--fade-ms,.45s) var(--ease) forwards}.opening-q{margin:0;font-size:min(7.4vw,84px);font-weight:400;line-height:1.15;position:relative}.opening-line{opacity:0;display:block}.opening-q strong{font-weight:600}.opening-beat.is-on .opening-line{animation:opening-in var(--q-in,.35s) var(--ease) forwards;animation-delay:calc(var(--i,0) * var(--cascade,70ms))}.opening-beat.is-group .opening-q{font-size:min(7vw,8.5vh,72px)}.opening-stamp{border:9px solid var(--paper);background:var(--paper);color:var(--ink);white-space:nowrap;opacity:0;transform:translate(-50%, -50%) rotate(var(--tilt,0deg));border-radius:0;padding:.08em .45em .14em;font-size:min(10vw,112px);font-weight:600;line-height:1.2;position:absolute}.opening-beat.is-group .opening-stamp{font-size:min(15vw,150px)}.opening-stamp:before{content:"";border:9px solid var(--ink);filter:url(#opening-ink);position:absolute;inset:-9px}.opening-stamp-ink{filter:url(#opening-ink);display:inline-block;position:relative}.opening-defs{position:absolute}.opening-stamp.is-on{animation:opening-stamp var(--stamp-ms,.11s) cubic-bezier(.7, 0, 1, 1) forwards}.opening-beat.is-hit .opening-q{opacity:1;animation:.15s step-end forwards opening-hit}@keyframes opening-hit{0%{transform:translate(5px,6px)}34%{transform:translate(-3px,-2px)}67%{transform:translate(1px,1px)}to{transform:none}}.opening-skip{right:var(--gutter);bottom:var(--gutter);z-index:2;position:absolute}@keyframes opening-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes opening-out{0%{opacity:1}to{opacity:0}}@keyframes opening-stamp{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--tilt,0deg)) scale(3)}35%{opacity:1}to{opacity:1;transform:translate(-50%, -50%) rotate(var(--tilt,0deg)) scale(1)}}.opening-pending .doors>li:not(.is-in),.opening-pending .landing-links:not(.is-in){opacity:0}.doors>li,.landing-links{transition:opacity var(--motion-standard) var(--ease), transform var(--motion-standard) var(--ease)}.opening-pending .doors>li:not(.is-in){transform:translateY(8px)}.landing-sentence:focus{outline:none}
