.lf-backdrop{pointer-events:none;--lf-strength:.32;animation:2.4s both lf-appear;position:fixed;inset:0;overflow:hidden}:root[data-theme=dark] .lf-backdrop{--lf-strength:.29}@keyframes lf-appear{0%{opacity:0}to{opacity:1}}@keyframes lf-rise{0%{transform:translateY(calc(100vh + 80px))}to{transform:translateY(-340px)}}.lf-tile{will-change:transform;animation-name:lf-rise;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;top:0}.lf-frame{transform-origin:0 0}.lf-clip{border-radius:var(--r-sm);background:var(--white-pure);width:300px;height:188px;box-shadow:0 0 0 1px var(--border-cream);position:relative;overflow:hidden}.lf-clip video,.lf-clip img{object-fit:cover;width:100%;height:100%;opacity:var(--lf-strength);display:block}.lf-calm{pointer-events:none;background:radial-gradient(ellipse 34% 48% at 50% 50%, var(--parchment) 46%, color-mix(in srgb, var(--parchment) 0%, transparent) 100%);position:fixed;inset:0}.lf-card{box-shadow:var(--shadow-ring), 0 1px 3px #0000000d, 0 28px 72px -16px #0000003d}:root[data-theme=dark] .lf-card{box-shadow:var(--shadow-ring), 0 2px 6px #00000059, 0 28px 72px -10px #000000b3}.lf-rise{animation:lf-in var(--motion-entrance-ms,.45s) var(--motion-ease-entrance,ease-out) both}@keyframes lf-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width:760px){.lf-tile.lf-wide-only{display:none}}.lf-backdrop[data-reduced=true]{animation:none!important}.lf-backdrop[data-reduced=true] .lf-tile{transform:translate3d(0, calc(100vh + 80px - (100vh + 420px) * var(--lf-rest)), 0);animation:none!important}@media (prefers-reduced-motion:reduce){.lf-rise{animation-delay:0s!important}}