.wdQzXW_section{height:var(--height,400lvh);position:relative}.wdQzXW_inner{--state:0;background:var(--color-stage);height:100lvh;color:var(--color-stage-ink);will-change:clip-path, transform;justify-content:center;align-items:center;display:flex;position:sticky;top:0;overflow:clip}.wdQzXW_title,.wdQzXW_scene{font-family:var(--font-mono);letter-spacing:-.05em;font-weight:500;font-size:var(--letter-size,min(18.75rem, 25lvh));text-transform:none;text-align:center;line-height:1}.wdQzXW_title{opacity:0;word-break:break-all;pointer-events:none;-webkit-user-select:none;user-select:none;width:.7em;margin:0}.wdQzXW_title span{line-height:.85;display:block}.wdQzXW_floor{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wdQzXW_scene{z-index:2;perspective:40rem;transform-origin:50%;position:absolute;inset:0}.wdQzXW_ghost{--head:calc((var(--progress,.5) - .5) * -2);--ahead:calc(var(--head) * var(--head));pointer-events:none;color:var(--color-stage-ink);transform:rotateY(calc(var(--head) * -10deg * var(--state))) translate3d(calc(var(--head) * 50vw * var(--state)), calc(var(--iy) * 50% * var(--ahead) * var(--state)), 0);will-change:transform;line-height:.85;position:absolute;top:0;left:0}.wdQzXW_ghost:before{content:attr(data-letter);z-index:-1;color:var(--color-accent-stage);opacity:min(calc(var(--state) * 2), 1);transform:scale(1.05, 1.02) translate3d(calc(var(--head) * .1rem * var(--state) * var(--state)), 0, 0);transform-origin:calc(50% - var(--head) * 50%) -50%;position:absolute;inset:0}.wdQzXW_card{--progress:1;--y:0;--size:1;z-index:2;color:var(--color-stage-ink);background:var(--color-stage);border:1px solid var(--color-stage-line);transform:rotateY(calc(var(--progress) * -20deg)) translate3d(calc(var(--progress) * (50vw + 100%) - 50%), calc(var(--y) * 50% - 50%), calc(var(--progress) * var(--progress) * -5rem)) scale(var(--size));will-change:transform;outline:0 solid var(--color-accent-stage);outline-offset:-3px;text-decoration:none;display:block;position:absolute;top:50%;left:50%}.wdQzXW_card:hover,.wdQzXW_card:focus-visible{outline-width:2px}.wdQzXW_cardFigure{margin:0;position:relative;overflow:hidden}.wdQzXW_cardImage{width:auto;max-width:58vw;height:auto;max-height:58vh;display:block}.wdQzXW_cardTag{color:var(--color-stage-ink);background:linear-gradient(#0e1016d9,#0e101600);justify-content:space-between;gap:12px;padding:8px 12px;display:flex;position:absolute;top:0;left:0;right:0}.wdQzXW_cardCaption{background:var(--color-stage);font-family:var(--font-sans);letter-spacing:0;text-transform:none;text-align:left;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;font-size:15px;line-height:1.3;transition:transform .35s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.wdQzXW_card:hover .wdQzXW_cardCaption,.wdQzXW_card:focus-visible .wdQzXW_cardCaption{transform:translateY(0)}.wdQzXW_cardTitle{font-family:var(--font-mono);letter-spacing:-.02em;text-transform:none;font-size:18px;font-weight:500}.wdQzXW_cardYear{color:var(--color-accent-stage);white-space:nowrap}@media (hover:none){.wdQzXW_cardCaption{transform:none}}.wdQzXW_maskOuter{z-index:3;pointer-events:none;position:absolute;inset:0}.wdQzXW_ruler{visibility:hidden;width:min(16.67%,19.6rem);height:80lvh;position:absolute;top:10lvh;left:50%;transform:translate(-50%)}.wdQzXW_mask{transform-origin:50%;will-change:transform;position:absolute;inset:0}.wdQzXW_mask svg{width:100%;height:100%;display:block}.wdQzXW_maskPanel{fill:var(--color-paper);fill-rule:evenodd}.wdQzXW_maskStroke{fill:none;stroke:var(--color-ink);stroke-width:1px}.wdQzXW_maskLines{stroke:var(--color-ink);stroke-opacity:.12;stroke-width:1px}.wdQzXW_hint{z-index:4;color:var(--color-ink);pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:calc(10lvh - 36px);left:clamp(16px,3vw,40px);right:clamp(16px,3vw,40px)}@media (max-width:987px){.wdQzXW_card{transform:rotateY(calc(var(--progress) * -20deg)) translate3d(calc(var(--progress) * (50vw + 100%) - 50%), calc(var(--y) * 50% - 50%), calc(var(--progress) * var(--progress) * -5rem))}}@media (max-width:576px){.wdQzXW_cardImage{max-width:80vw;max-height:60vh}.wdQzXW_ruler{width:50%}}
