.media-with-header{background:rgb(var(--color-background))}.media-with-header.gradient{background:var(--gradient-background)}.media-with-header__container{display:flex;flex-direction:column;gap:2.4rem}@media(min-width:1200px){.media-with-header__container{flex-direction:row;align-items:center;gap:3.9rem}}.media-with-header__header{text-align:center;width:100%}@media(min-width:1200px){.media-with-header__header{max-width:48.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:3.2rem}}.media-with-header__header-content{display:flex;flex-direction:column;gap:1.6rem;width:100%}@media(min-width:1200px){.media-with-header__header-content{gap:1rem}}.media-with-header__title{font-size:2.4rem;line-height:1.2;margin:0;color:rgb(var(--color-foreground));letter-spacing:0}@media(min-width:1200px){.media-with-header__title{font-size:3.2rem;max-width:90%}}.media-with-header__subtitle{font-size:1.4rem;line-height:1.4;color:rgba(var(--color-foreground-secondary),1);margin:0;font-weight:400;letter-spacing:0;line-height:1.2}@media(min-width:1200px){.media-with-header__subtitle{font-size:1.6rem}}.media-with-header__header .button{margin-top:2.4rem;margin-left:auto;margin-right:auto;width:fit-content}@media(min-width:1200px){.media-with-header__header .button{margin-top:0;margin-left:0;margin-right:auto;padding:0 2.6rem;min-width:31rem;min-height:5rem}}.media-with-header__container .button-container .button{margin:0 auto;transition:all .5s ease;display:flex;align-items:center;justify-content:center;gap:1.6rem;width:fit-content}.media-with-header__button-mobile{margin-top:2.4rem}.media-with-header__button-mobile .button{width:fit-content;min-height:4rem;margin:0 auto}@media(min-width:750px){.media-with-header__button-mobile .button{min-height:5rem}}.media-with-header__button-mobile.media-with-header__header--mobile-left{text-align:left}.media-with-header__button-mobile.media-with-header__header--mobile-left .button{margin:0}.media-with-header__button-mobile.media-with-header__header--mobile-center{text-align:center}.media-with-header__button-mobile.media-with-header__header--mobile-center .button{margin:0 auto}.media-with-header__button-mobile.media-with-header__header--mobile-right{text-align:right}.media-with-header__button-mobile.media-with-header__header--mobile-right .button{margin:0 0 0 auto}@media(min-width:990px){.media-with-header__button-mobile.media-with-header__header--desktop-left{text-align:left}.media-with-header__button-mobile.media-with-header__header--desktop-left .button{margin:0}.media-with-header__button-mobile.media-with-header__header--desktop-center{text-align:center}.media-with-header__button-mobile.media-with-header__header--desktop-center .button{margin:0 auto}.media-with-header__button-mobile.media-with-header__header--desktop-right{text-align:right}.media-with-header__button-mobile.media-with-header__header--desktop-right .button{margin:0 0 0 auto}}.media-with-header__header--mobile-left{text-align:left!important}.media-with-header__header--mobile-center{text-align:center!important}.media-with-header__header--mobile-right{text-align:right!important}@media(min-width:990px){.media-with-header__header--desktop-left{text-align:left!important}.media-with-header__header--desktop-center{text-align:center!important}.media-with-header__header--desktop-right{text-align:right!important}}.media-with-header__header--mobile-left .button{margin-left:0;margin-right:auto}.media-with-header__header--mobile-center .button{margin-left:auto;margin-right:auto}.media-with-header__header--mobile-right .button{margin-left:auto;margin-right:0}@media(min-width:990px){.media-with-header__header--desktop-left .button{margin-left:0;margin-right:auto}.media-with-header__header--desktop-center .button{margin-left:auto;margin-right:auto}.media-with-header__header--desktop-right .button{margin-left:auto;margin-right:0}}@media(min-width:1200px){.media-with-header__container:has(.media-with-header__header--vertical-top){align-items:flex-start}.media-with-header__container:has(.media-with-header__header--vertical-center){align-items:center}.media-with-header__container:has(.media-with-header__header--vertical-bottom){align-items:flex-end}.media-with-header__header--vertical-top{align-self:flex-start}.media-with-header__header--vertical-center{align-self:center}.media-with-header__header--vertical-bottom{align-self:flex-end}}.media-with-header:not(:has(.page-width)) .media-with-header__container{padding-left:1.5rem;padding-right:1.5rem}@media(min-width:750px){.media-with-header:not(:has(.page-width)) .media-with-header__container{padding-left:5rem;padding-right:5rem}}.media-with-header__image-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.media-with-header__image-wrapper{background:rgb(var(--color-card-background));border-radius:var(--image-border-radius, 1rem);display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 .2rem 1rem rgba(var(--color-shadow),.1);overflow:hidden;width:100%}.media-with-header__image-wrapper.no-shadow{box-shadow:none!important}.media-with-header__image-wrapper:hover{transform:translateY(-.2rem);box-shadow:0 .4rem 2rem rgba(var(--color-shadow),.15)}.media-with-header__image-wrapper--hover-none:hover{transform:none;box-shadow:0 .2rem 1rem rgba(var(--color-shadow),.1)}.media-with-header__image-wrapper--hover-lift:hover{transform:translateY(-.2rem);box-shadow:0 .4rem 2rem rgba(var(--color-shadow),.15)}.media-with-header__image-wrapper--hover-scale:hover{transform:scale(1.02);box-shadow:0 .2rem 1rem rgba(var(--color-shadow),.1)}.media-with-header__image-wrapper--placeholder{border:.1rem dashed rgba(var(--color-foreground-secondary),.3);min-height:20rem}.media-with-header__image-wrapper--placeholder:hover,.media-with-header__image-wrapper--placeholder.media-with-header__image-wrapper--hover-none:hover{transform:none;box-shadow:0 .2rem 1rem rgba(var(--color-shadow),.1)}.media-with-header__image-wrapper--placeholder.media-with-header__image-wrapper--hover-lift:hover{transform:translateY(-.1rem);box-shadow:0 .3rem 1.5rem rgba(var(--color-shadow),.12)}.media-with-header__image-wrapper--placeholder.media-with-header__image-wrapper--hover-scale:hover{transform:scale(1.01);box-shadow:0 .2rem 1rem rgba(var(--color-shadow),.1)}.media-with-header__placeholder{width:100%;height:100%;min-height:12rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));color:rgba(var(--color-foreground-secondary),.8);border-radius:calc(var(--image-border-radius, 1rem) * .5);border:.2rem dashed rgba(var(--color-foreground-secondary),.3);font-size:2rem;font-style:italic;transition:all .3s ease;cursor:pointer;aspect-ratio:16 / 9}.media-with-header__placeholder:hover{background:rgba(var(--color-foreground),.04);border-color:rgba(var(--color-foreground),.4);color:rgba(var(--color-foreground),.9)}@media(max-width:749px){.media-with-header__placeholder{font-size:1.6rem}}@media(min-width:750px){.media-with-header__placeholder{font-size:2.4rem}}.media-with-header__placeholder-svg{width:6rem;height:6rem;opacity:.5;fill:rgb(var(--color-foreground-secondary))}.media-with-header__image-link{display:block;text-decoration:none;color:inherit;width:100%}.media-with-header__image-content{width:100%;display:flex;align-items:center;justify-content:center}.media-with-header__image-content--full{width:100%}.media-with-header__image-content--75{width:75%}.media-with-header__image-content--50{width:50%}.media-with-header__image-content--custom{position:relative}.media-with-header__picture{width:100%;height:auto;display:block}.media-with-header__image{width:100%;height:auto;object-fit:cover;object-position:center;border-radius:calc(var(--image-border-radius, 1rem) * .5);display:block}.media-with-header__video-container{position:relative;width:100%;height:auto;display:block;cursor:pointer;border-radius:calc(var(--image-border-radius, 1rem) * .5);overflow:hidden}.media-with-header__video{width:100%;height:auto;display:block;border-radius:calc(var(--image-border-radius, 1rem) * .5)}.media-with-header__iframe{width:100%;height:auto;aspect-ratio:16 / 9;border-radius:calc(var(--image-border-radius, 1rem) * .5)}.media-with-header__video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4.8rem;height:4.8rem;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .3s ease,transform .2s ease;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:.1rem solid rgba(0,0,0,.1)}@media(min-width:750px){.media-with-header__video-play-button{width:5.6rem;height:5.6rem}}.media-with-header__video-container:hover .media-with-header__video-play-button{opacity:1}.media-with-header__video-play-button:hover{transform:translate(-50%,-50%) scale(1.1);background:#fff}.media-with-header__video-play-button:active{transform:translate(-50%,-50%) scale(.95)}.media-with-header__video-play-button svg{width:2.4rem;height:2.4rem;fill:#000;pointer-events:none;transition:all .3s ease}@media(min-width:750px){.media-with-header__video-play-button svg{width:2.8rem;height:2.8rem}}.media-with-header__video-container.playing .play-icon{display:none}.media-with-header__video-container.playing .pause-icon{display:block!important}.media-with-header__video-container.paused .play-icon{display:block}.media-with-header__video-container.paused .pause-icon{display:none!important}.media-with-header__video-container.playing .media-with-header__video-play-button{opacity:0;pointer-events:none;transition:opacity .3s ease}.media-with-header__video-container.playing.show-controls .media-with-header__video-play-button,.media-with-header__video-container.paused .media-with-header__video-play-button{opacity:1;pointer-events:auto}.media-with-header__video-mobile-hint{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.8rem 1.2rem;border-radius:2rem;font-size:1.2rem;font-weight:500;z-index:5;opacity:1;transition:opacity .3s ease,transform .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:.1rem solid rgba(255,255,255,.2);display:none}.media-with-header__video-mobile-hint__content{display:flex;align-items:center;gap:.6rem;white-space:nowrap}.media-with-header__video-mobile-hint .tap-icon{width:1.6rem;height:1.6rem;fill:currentColor;animation:tap-pulse 2s infinite}@keyframes tap-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@media(max-width:749px){.media-with-header__video-container.paused:not(.interacted) .media-with-header__video-mobile-hint{display:block}.media-with-header__video-container.paused:not(.interacted) .media-with-header__video-play-button{opacity:0}.media-with-header__video-container.interacted .media-with-header__video-play-button,.media-with-header__video-container.show-controls .media-with-header__video-play-button,.media-with-header__video-container:hover .media-with-header__video-play-button{opacity:1}}@media(min-width:750px){.media-with-header__video-mobile-hint{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-media-with-header.css.map */