.about-poster-fig{position:relative;margin:0;--face-l: 50%;--face-t: 50%;--face-r: 50%;--face-b: 50%;--door-l: 50%;--door-t: 50%;--door-r: 50%;--door-b: 50%}.about-poster-pic{display:block}.about-poster{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;max-height:100vh;max-height:100svh}@media(max-width:640px){.about-poster{aspect-ratio:1766 / 3000}}.about-poster-face{position:absolute;inset:0;clip-path:inset(var(--face-t) calc(100% - var(--face-r)) calc(100% - var(--face-b)) var(--face-l))}.about-poster-fig .ascii-over{clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,var(--face-l) var(--face-t),var(--face-r) var(--face-t),var(--face-r) var(--face-b),var(--face-l) var(--face-b),var(--face-l) var(--face-t))}.about-poster-door{position:absolute;inset:0;clip-path:inset(var(--door-t) calc(100% - var(--door-r)) calc(100% - var(--door-b)) var(--door-l))}@media(hover:hover){.about-poster-face:hover~.ascii-over{opacity:1}.about-poster-door:hover~.ascii-over{opacity:1;clip-path:inset(var(--door-t) calc(100% - var(--door-r)) calc(100% - var(--door-b)) var(--door-l))}}