.pfilm{position:relative;background:#17100c;color:var(--ivory)}.pfilm__stage{position:relative;min-height:100vh;min-height:100lvh;overflow:hidden}.pfilm__poster,.pfilm__poster img,.pfilm__media,.pfilm__media>*,.pfilm__shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pfilm__poster img,.pfilm__media video{display:block;object-fit:cover;object-position:60% 50%}.pfilm__media canvas{display:block}.pfilm.is-painted .pfilm__poster{visibility:hidden}.pfilm__shade{background:linear-gradient(90deg,rgb(23 16 12 / .72) 0%,rgb(23 16 12 / .28) 38%,transparent 58%);pointer-events:none}.pfilm__progress{position:absolute;z-index:3;left:0;right:0;bottom:0;height:1px;background:#f3ede629}.pfilm__progress span{display:block;height:100%;background:var(--amber);transform:scaleX(0);transform-origin:left}.pfilm__copy{position:relative;z-index:2;display:grid;align-content:center;gap:2rem;min-height:100vh;min-height:100lvh;padding:7rem var(--gutter)}.pfilm__line{max-width:13ch;font-family:var(--serif);font-size:clamp(2.2rem,5vw,5.4rem);line-height:1.06;letter-spacing:-.02em}.pfilm__label{color:var(--powder)}.motion .pfilm{height:340vh;height:340lvh}.motion .pfilm__stage{position:sticky;top:0;height:100vh;height:100lvh}.motion .pfilm__line{grid-area:2 / 1;opacity:0;will-change:opacity,transform}.motion .pfilm__copy{grid-template-rows:auto auto;align-content:center}.motion .pfilm__label{grid-area:1 / 1}@media (max-width: 860px){.pfilm__shade{background:linear-gradient(to top,rgb(23 16 12 / .9) 0%,rgb(23 16 12 / .45) 34%,transparent 58%)}.pfilm__copy,.motion .pfilm__copy{align-content:end;padding-bottom:5rem}.pfilm__line{font-size:clamp(2.1rem,10vw,3.2rem)}}