.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);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}button.video-player{cursor:pointer}.video-player__cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}button.video-player:hover .video-player__cover{transform:scale(1.02)}.video-player:after{content:"";background-color:color-mix(in srgb, var(--ink-deep) 35%, transparent);position:absolute;inset:0}.video-player:has(.video-player__frame):after{content:none}.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}}button.video-player: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}