.sample-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.sample-gallery figure{min-width:0;margin:0}.sample-player{aspect-ratio:9/16;background:#251139;border:1px solid #d9cae2;border-radius:20px;position:relative;overflow:hidden}.sample-player video{object-fit:contain;aspect-ratio:9/16;width:100%;height:100%;display:block}.sample-play{color:#fff;background:linear-gradient(#0000 55%,#251139bb);flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;width:100%;padding:24px;display:flex;position:absolute;inset:0}.sample-play>span{color:#ce2649;background:#fff;border-radius:50%;place-items:center;width:54px;height:54px;padding-left:3px;font-size:21px;display:grid}.sample-play strong{letter-spacing:0;font-size:14px}.sample-play:hover>span{background:#ffe2ea}.sample-gallery figcaption{color:#251139;flex-direction:column;gap:5px;margin-top:15px;font-size:17px;font-weight:700;display:flex}.sample-gallery figcaption span{color:#715d7a;font-size:12px;font-weight:400}.sample-error{color:#913d4f;background:#fff;border-radius:8px;padding:10px;font-size:13px;position:absolute;top:12px;left:12px;right:12px}@media (max-width:650px){.sample-gallery{grid-template-columns:1fr;gap:30px;max-width:390px;margin-inline:auto}}.sample-poster{aspect-ratio:9/16;cursor:pointer;background-position:50%;background-size:cover;border:0;border-radius:22px;width:100%;transition:transform .3s,box-shadow .3s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 30px #25113915}.sample-poster:hover{transform:translateY(-8px)rotate(-1deg);box-shadow:0 18px 40px #25113926}.sample-gallery figure:nth-child(2) .sample-poster:hover{transform:translateY(-8px)rotate(1deg)}.sample-poster-play{color:#251139;background:#fff9f2;border-radius:50%;place-items:center;width:44px;height:44px;font-size:24px;transition:transform .2s;display:grid;position:absolute;top:18px;right:18px}.sample-poster:hover .sample-poster-play{transform:rotate(45deg)}.sample-poster-caption{bottom:0;color:#fff;background:linear-gradient(#0000,#251139c9);justify-content:space-between;padding:65px 22px 24px;font-size:16px;font-weight:600;display:flex;position:absolute;inset-inline:0}.sample-dialog{background:0 0;border:0;outline:none;width:100vw;max-width:none;height:100dvh;max-height:none;padding:24px;position:fixed;inset:0;overflow:hidden}.sample-dialog[open]{place-items:center;display:grid}.sample-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#160f20e8}.sample-dialog-frame{aspect-ratio:9/16;background:#140e1c;border-radius:18px;max-width:100%;height:min(84dvh,850px);position:relative;box-shadow:0 25px 100px #0008}.sample-dialog video{object-fit:contain;border-radius:18px;width:100%;height:100%;display:block}.sample-close{z-index:2;color:#251139;cursor:pointer;background:#fff9f2;border:1px solid #25113920;border-radius:50%;width:42px;height:42px;font-size:20px;position:absolute;top:-18px;right:-18px}@media (max-width:650px){.sample-dialog{padding:35px 20px}.sample-dialog-frame{aspect-ratio:9/16;width:min(100%,45dvh);height:auto}.sample-poster:hover{transform:none}.sample-close{right:-9px}}@media (prefers-reduced-motion:reduce){.sample-poster,.sample-poster-play{transition:none}.sample-poster:hover,.sample-gallery figure:nth-child(2) .sample-poster:hover,.sample-poster:hover .sample-poster-play{transform:none}}