.xf-cinematic{position:relative}.xf-cinematic-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.xf-cinematic-frame{transition:opacity .2s linear;position:absolute;inset:0}.xf-cinematic-img{object-fit:cover;will-change:transform;width:100%;height:100%;position:absolute;inset:0}.xf-cinematic-scrim{background:linear-gradient(#0000 55%,#0000008c);position:absolute;inset:0}.xf-cinematic-caption{color:#fff;font-family:var(--xf-font-display,var(--font-display,serif));max-width:46ch;margin:0;font-size:clamp(1.1rem,2.6vw,1.8rem);position:absolute;bottom:32px;left:24px;right:24px}.xf-cinematic-dots{z-index:10;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.xf-cinematic-dot{background:#ffffff59;border-radius:50%;width:6px;height:6px;transition:background .2s,transform .2s}.xf-cinematic-dot.is-active{background:#fff;transform:scale(1.4)}.xf-cinematic--static{flex-direction:column;gap:24px;display:flex}.xf-cinematic-static-frame{margin:0;position:relative}.xf-cinematic-static-frame img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--xf-radius,12px);width:100%;height:auto;display:block}.xf-cinematic-static-frame figcaption{font-family:var(--xf-font-display,var(--font-display,serif));color:var(--xf-ink,var(--ink,#141310));margin-top:10px;font-size:1.1rem}@media (width<=560px){.xf-cinematic-dots{display:none}}