.video-background{opacity:0;pointer-events:none;transition:opacity .8s;position:absolute;inset:0;overflow:hidden;container-type:size}.video-background--loaded{opacity:1}.video-background__frame{border:0;width:max(100cqw,177.778cqh);height:calc(2*max(100cqh,56.25cqw));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-background__video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}
.video-player{aspect-ratio:16/9;border-radius:var(--radius);background-color:var(--theme-background);width:100%;position:relative;overflow:hidden}.video-player__poster{cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-player__cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.video-player__cover{transition:none}}.video-player__poster:hover .video-player__cover{transform:scale(1.02)}.video-player__poster:after{content:"";background-color:color-mix(in srgb, var(--ink-deep) 35%, transparent);position:absolute;inset:0}.video-player__trigger{z-index:1;border-radius:var(--radius-pill);background-color:var(--white);font-size:var(--font-size-13);letter-spacing:.03em;text-transform:uppercase;color:var(--ink);align-items:center;gap:12px;padding:18px 26px;font-weight:700;transition:background-color .2s;display:flex;position:relative}@media (max-width:768px){.video-player__trigger{padding:14px 20px}}.video-player__poster:hover .video-player__trigger{background-color:var(--cream)}.video-player__trigger svg{width:16px;height:16px}.video-player__frame{-o-object-fit:cover;object-fit:cover;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}