.faint-film{--ff-o:var(--ff-base,0.28);--ff-k:1;--ff-cap:1.6;position:absolute;inset:0;z-index:-1;container-type:size;pointer-events:none;mix-blend-mode:multiply;opacity:calc(var(--ff-o) * var(--ff-k));transition:opacity var(--dur-lift) var(--ease-out-expo)}.faint-film-pic{--ff-fl:12%;--ff-fr:12%;--ff-ft:18%;--ff-fb:18%;--ff-mask-x:linear-gradient(90deg,transparent 0,rgb(0 0 0/0.18) calc(var(--ff-fl) * 0.3),rgb(0 0 0/0.62) calc(var(--ff-fl) * 0.62),#000 var(--ff-fl),#000 calc(100% - var(--ff-fr)),rgb(0 0 0/0.62) calc(100% - var(--ff-fr) * 0.62),rgb(0 0 0/0.18) calc(100% - var(--ff-fr) * 0.3),transparent 100%);--ff-mask-y:linear-gradient(180deg,transparent 0,rgb(0 0 0/0.18) calc(var(--ff-ft) * 0.3),rgb(0 0 0/0.62) calc(var(--ff-ft) * 0.62),#000 var(--ff-ft),#000 calc(100% - var(--ff-fb)),rgb(0 0 0/0.62) calc(100% - var(--ff-fb) * 0.62),rgb(0 0 0/0.18) calc(100% - var(--ff-fb) * 0.3),transparent 100%);position:absolute;inset:0;width:min(100%,calc(100cqh * var(--ff-ar, 1.7778) * var(--ff-cap)));margin-inline:auto;overflow:hidden;-webkit-mask-image:var(--ff-mask-x),var(--ff-mask-y);-webkit-mask-composite:source-in;mask-image:var(--ff-mask-x),var(--ff-mask-y);mask-composite:intersect}.faint-film[data-align=right] .faint-film-pic{left:auto;width:min(66.667%,calc(100cqh * var(--ff-ar, 1.7778) * var(--ff-cap)));--ff-fl:38%;--ff-fr:9%;--ff-ft:15%;--ff-fb:17%}.faint-film-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--ff-focus,50% 50%)}video.faint-film-media{opacity:0;transition:opacity var(--dur-lift) var(--ease-out-expo)}video.faint-film-media[data-lit]{opacity:1}.faint-film-switch{position:absolute;z-index:3;top:var(--ff-switch-t,auto);right:var(--ff-switch-r,var(--col-inset));bottom:var(--ff-switch-b,0);width:4rem;height:4rem}@media (min-width:768px) and (max-width:1023px){.faint-film[data-align=right]{--ff-k:0.8}.faint-film[data-align=right] .faint-film-pic{width:min(60%,calc(100cqh * var(--ff-ar, 1.7778) * var(--ff-cap)));--ff-fl:44%}}@media (max-width:767px){.faint-film[data-phone=none]{display:none}.faint-film[data-phone=poster]{--ff-k:0.6}.faint-film-media{object-position:var(--ff-focus-m,var(--ff-focus,50% 50%))}video.faint-film-media{display:none}}@media (prefers-reduced-motion:reduce){video.faint-film-media{display:none}}@media (forced-colors:active),print{.faint-film{display:none}}