.poster{background:linear-gradient(168deg, var(--poster-blue) 0%, var(--poster-blue) 30%, var(--poster-violet) 100%);--poster-blue:var(--color-poster-blue);--poster-violet:var(--color-poster-violet);--sheet-h:min(88vh, 137vw);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.poster:before{content:"";mix-blend-mode:overlay;opacity:.3;pointer-events:none;background-image:url(/projects/poster/ground.png);background-size:190px 190px;position:absolute;inset:0}.poster:after{content:"";pointer-events:none;background:radial-gradient(80% 70% at 44% 38%,#ffffff17 0%,#fff0 55%,#00000024 100%);position:absolute;inset:0}.poster-sheet{height:var(--sheet-h);aspect-ratio:1200/1785;position:relative}.poster-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:2.12% 3.32%;display:grid;position:absolute;inset:12% 7.7% 12.6% 7.9%}.poster-tile{animation:.76s cubic-bezier(.22,1,.36,1) backwards poster-tile-in;animation-delay:calc(var(--tile-index) * .15s);position:relative;overflow:hidden}@keyframes poster-tile-in{0%{opacity:0}to{opacity:1}}.poster-shot{object-fit:cover;transition:opacity 1.1s ease-in-out}@media (prefers-reduced-motion:reduce){.poster-shot{transition:none}.poster-tile{animation:none}}.poster-glyph{font-family:var(--font-inter);font-weight:900;font-size:calc(var(--sheet-h) * .15);letter-spacing:-.02em;color:#f2f1ec;filter:url(#poster-rough);place-items:center;line-height:1;display:grid}.poster-glyph--punched{color:var(--poster-blue);font-size:calc(var(--sheet-h) * .12);position:absolute;inset:0}