.video-lookbook{padding:40px 0}.video-lookbook-header{text-align:center;margin-bottom:50px}.video-lookbook-header h2{margin:0;font-size:48px;font-weight:700;line-height:1.1}.video-lookbook-header p{margin-top:15px;color:#666;font-size:17px}.video-lookbook-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.video-lookbook-item{position:relative}.video-lookbook-link{display:block;text-decoration:none;color:inherit}.video-wrapper{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:3/4;background:#fff}.video-wrapper video{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .45s ease}.video-wrapper.cover video{object-fit:cover;object-position:center}.video-wrapper.top video{object-fit:cover;object-position:top center}.video-wrapper.center video{object-fit:cover;object-position:center}.video-wrapper.bottom video{object-fit:cover;object-position:bottom center}.video-wrapper.contain video{object-fit:contain;object-position:center;background:#fff}.video-wrapper.contain .video-overlay{left:12.5%;right:12.5%;overflow:hidden}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;background:linear-gradient(to top,#0000008c,#0000 55%);transition:.35s ease}.video-overlay-content{width:100%;padding:22px;color:#fff}.video-overlay h3{margin:0;font-size:24px;font-weight:600}.shop-link{display:inline-block;margin-top:8px;font-size:14px;letter-spacing:.04em}.video-placeholder{display:flex;justify-content:center;align-items:center;aspect-ratio:3/4;background:#efefef;color:#888}.video-wrapper:hover .video-overlay{background:transparent}.video-overlay-content{transition:transform .35s ease}.video-wrapper:hover .video-overlay-content{transform:translateY(-6px)}@media(max-width:1400px){.video-lookbook-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1024px){.video-lookbook{padding:60px 0}.video-lookbook-header h2{font-size:38px}.video-lookbook-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.video-lookbook{padding:45px 0}.video-lookbook-header{margin-bottom:28px}.video-lookbook-header h2{font-size:30px}.video-lookbook-header p{font-size:15px}.video-lookbook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.video-overlay{padding:16px}.video-overlay h3{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/idh-video-lookbook.css.map */