.hz-video{background:var(--hz-paper);color:var(--hz-char);font-family:var(--hz-text);padding:var(--hz-6) var(--hz-gutter)}.hz-video__head{max-width:62ch;margin:0 auto var(--hz-3);text-align:center}.hz-video__head .hz-video__subtitle{margin-top:1.4rem;opacity:.85}.hz-video__head .hz-video__heading{margin-top:var(--hz-4)}.hz-video__grid{max-width:132rem;margin:0 auto;display:grid;gap:clamp(2rem,3vw,4rem)}.hz-video__grid--1{grid-template-columns:minmax(0,100rem);justify-content:center}.hz-video__grid--2{grid-template-columns:repeat(2,1fr)}.hz-video__grid--3{grid-template-columns:repeat(3,1fr)}@media screen and (max-width:989px){.hz-video__grid--3{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.hz-video__grid--2,.hz-video__grid--3{grid-template-columns:1fr}}.hz-video__frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#000}.hz-video__play{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:none;cursor:pointer;display:block}.hz-video__thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,opacity .3s ease}.hz-video__play:hover .hz-video__thumb,.hz-video__play:focus-visible .hz-video__thumb{transform:scale(1.03);opacity:.9}.hz-video__playbtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:7rem;height:7rem;border-radius:50%;background:#14191c80;border:1px solid rgba(255,255,255,.7);transition:background .25s ease,transform .25s ease}.hz-video__playbtn:before{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:1.1rem 0 1.1rem 1.8rem;border-color:transparent transparent transparent #fff}.hz-video__play:hover .hz-video__playbtn,.hz-video__play:focus-visible .hz-video__playbtn{background:var(--hz-gold);transform:translate(-50%,-50%) scale(1.06)}.hz-video__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.hz-video__caption{margin-top:var(--hz-2);font-size:1.6rem;opacity:.85}.hz-video__more-wrap{text-align:center;margin-top:var(--hz-5)}.hz-video__more{display:inline-block;color:var(--hz-char);text-decoration:none;border-bottom:1px solid var(--hz-gold-lite);padding-bottom:3px;transition:color .2s ease,border-color .2s ease}.hz-video__more:hover,.hz-video__more:focus-visible{color:var(--hz-gold-lite);border-color:var(--hz-gold)}
/*# sourceMappingURL=/cdn/shop/t/15/assets/hozen-video.css.map */