.cover{--cover-fg:var(--white);--cover-btn-bg:var(--white);--cover-btn-fg:#1d1818;position:relative;display:block;aspect-ratio:var(--cover-mobile-ratio);overflow:hidden}.cover-media,.cover-media-container{display:block;width:100%;height:100%}.cover-media{object-fit:cover}video.cover-media{opacity:0;transition:opacity .3s ease}video.cover-media.is-playing{opacity:1}.cover-content-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:clamp(20px,calc(20px + 28*(100vw - 834px)),48px) clamp(20px,calc(20px + 28*(100vw - 834px)),48px) clamp(32px,calc(32px + 18*(100vw - 834px)),50px)}.cover-content{grid-gap:clamp(16px,calc(16px + 8*(100vw - 834px)),24px);gap:clamp(16px,calc(16px + 8*(100vw - 834px)),24px);align-items:flex-start;width:100%;max-width:640px}.cover-content,.cover-header{display:flex;flex-direction:column}.cover-header{grid-gap:clamp(12px,calc(12px + 4*(100vw - 834px)),16px);gap:clamp(12px,calc(12px + 4*(100vw - 834px)),16px);color:var(--cover-fg)}.cover-label,.cover-text,.cover-title{margin:0;font-family:var(--primary-font);font-weight:400;color:var(--cover-fg)}.cover-label{font-weight:500;font-size:clamp(11px,calc(11px + (12 - 11) * ((100vw - 360px) / (1440 - 360))),12px);line-height:clamp(14px,calc(14px + (16 - 14) * ((100vw - 360px) / (1440 - 360))),16px);letter-spacing:1px}.cover-title{font-size:clamp(32px,calc(32px + (44 - 32) * ((100vw - 360px) / (1440 - 360))),44px);line-height:clamp(38px,calc(38px + (53 - 38) * ((100vw - 360px) / (1440 - 360))),53px);letter-spacing:normal}.cover-text{font-size:clamp(13px,calc(13px + (15 - 13) * ((100vw - 360px) / (1440 - 360))),15px);line-height:clamp(18px,calc(18px + (21 - 18) * ((100vw - 360px) / (1440 - 360))),21px)}.cover-buttons{display:flex;flex-wrap:wrap;grid-gap:clamp(8px,calc(8px + 4*(100vw - 834px)),12px);gap:clamp(8px,calc(8px + 4*(100vw - 834px)),12px);align-items:center}.button.cover-button{display:inline-flex;align-items:center;justify-content:center;width:clamp(147px,calc(147px + 31*(100vw - 834px)),178px);height:clamp(40px,calc(40px + 4*(100vw - 834px)),44px);background:var(--cover-btn-bg);padding:0 clamp(32px,calc(32px + 13*(100vw - 834px)),45px);border:1px solid var(--cover-btn-bg);overflow:hidden;font-family:var(--primary-font);font-weight:500;font-size:clamp(13px,calc(13px + 1*(100vw - 834px)),14px);line-height:clamp(18px,calc(18px + 2*(100vw - 834px)),20px);letter-spacing:1px;color:var(--cover-btn-fg);white-space:nowrap;text-decoration:none;transition:background-color .2s,color .2s}.button.cover-button--secondary{background:transparent;border-color:var(--cover-fg);color:var(--cover-fg)}.cover--dark{--cover-fg:#1d1818;--cover-btn-bg:#1d1818;--cover-btn-fg:var(--white)}.cover--mobile-bottom-center .cover-buttons,.cover--mobile-bottom-center .cover-content-wrapper{justify-content:center}.cover--mobile-bottom-center .cover-content{align-items:center;text-align:center}.cover--mobile-top-left .cover-content-wrapper{align-items:flex-start}@media(min-width:835px){.cover{aspect-ratio:var(--cover-desktop-ratio)}.cover-label{font-weight:400}.cover .cover-content-wrapper{align-items:flex-end;justify-content:flex-start}.cover .cover-content{align-items:flex-start;text-align:left}.cover .cover-buttons{justify-content:flex-start}.cover--desktop-bottom-center .cover-buttons,.cover--desktop-center .cover-buttons,.cover--desktop-bottom-center .cover-content-wrapper,.cover--desktop-center .cover-content-wrapper{justify-content:center}.cover--desktop-bottom-center .cover-content,.cover--desktop-center .cover-content{align-items:center;text-align:center}.cover--desktop-center .cover-content-wrapper{align-items:center}.cover--desktop-bottom-right .cover-buttons,.cover--desktop-bottom-right .cover-content-wrapper{justify-content:flex-end}.cover--desktop-bottom-right .cover-content{align-items:flex-end;text-align:right}}@media(hover:hover){.button.cover-button:hover{background:transparent;color:var(--cover-fg)}.button.cover-button--secondary:hover{background:var(--cover-btn-bg);color:var(--cover-btn-fg)}}
/*# sourceMappingURL=/cdn/shop/t/133/assets/css-homepage-cover.css.map */
