.reference-video{display:block;width:100%;height:100%;object-fit:cover;background:#211f1c}
.film>.reference-video{position:absolute;inset:0;z-index:-2}
.styleimage>.reference-video{transition:transform .4s}
.stylecard:hover .reference-video{transform:scale(1.03)}
.exploregrid{grid-template-columns:repeat(5,minmax(0,1fr))}
.exploregrid .styleimage{height:auto;aspect-ratio:9/16}
.custom-example{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(145deg,#ece6db,#dfd6c7);color:#94836b}
.custom-example svg{width:46px;height:46px;stroke-width:1}
.film>.custom-example{position:absolute;inset:0;z-index:-2}
.configphone:has(.reference-video):after{display:none}
.configphone>.reference-video{position:absolute;inset:0;z-index:1}
.configphone>.custom-example{position:absolute;inset:0}
.sample-video-label{font-size:10px;color:var(--muted);margin:10px 0 0;text-align:center}
.modalvideo{width:100%;height:min(52vh,460px);object-fit:contain;background:#211f1c;border-radius:8px;margin:16px 0}
@media(max-width:1050px){.exploregrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.exploregrid{grid-template-columns:repeat(2,minmax(0,1fr))}}