[data-component=hero-image-text]{position:relative}[data-component=hero-image-text] .wrapper{opacity:1;width:100%;margin:auto}@media(min-width: 576px){[data-component=hero-image-text] .wrapper{width:540px}}@media(min-width: 768px){[data-component=hero-image-text] .wrapper{width:720px}}@media(min-width: 992px){[data-component=hero-image-text] .wrapper{width:960px}}@media(min-width: 1200px){[data-component=hero-image-text] .wrapper{width:1140px}}@media(min-width: 1400px){[data-component=hero-image-text] .wrapper{width:1320px}}[data-component=hero-image-text] .bg-box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:var(--color-max-invert);transform:translateX(-100%);opacity:0}@media(min-width: 576px){[data-component=hero-image-text] .bg-box{height:55vh}}@media(min-width: 768px){[data-component=hero-image-text] .bg-box{height:55vh}}@media(min-width: 992px){[data-component=hero-image-text] .bg-box{height:72vh}}@media(min-width: 1200px){[data-component=hero-image-text] .bg-box{height:55vh}}@media(min-width: 1400px){[data-component=hero-image-text] .bg-box{height:57vh}}@media(min-height: 2560px)and (min-width: 1440px){[data-component=hero-image-text] .bg-box{height:22vh}}[data-component=hero-image-text] .bg-box[data-inview]{transition:opacity .35s ease-out .3s,transform .35s ease-out .3s;transform:translateX(0);opacity:1}[data-component=hero-image-text] picture,[data-component=hero-image-text] img{width:100%;height:100%}[data-component=hero-image-text] img{object-fit:cover;filter:brightness(var(--img-brightness))}@media(max-width: 576px){[data-component=hero-image-text] .wrapper header,[data-component=hero-image-text] .content [data-area=left] header{width:calc(100% - (1.125rem * 2));margin:auto}}@media(max-width: 992px){[data-component=hero-image-text] .content [data-area=left] header{margin-bottom:2.5rem}}@media(min-width: 768px){[data-component=hero-image-text] .content{display:grid;grid-template-columns:2fr 3fr;grid-template-rows:auto 1fr;gap:0 1.25rem;grid-auto-flow:row;grid-template-areas:"left left" "right right"}}@media(min-width: 768px)and (min-width: 992px){[data-component=hero-image-text] .content{grid-template-columns:1fr 2fr;gap:0 4rem}}@media(min-width: 768px)and (min-width: 1200px){[data-component=hero-image-text] .content{gap:0 8rem}}@media(min-width: 768px)and (min-width: 768px){[data-component=hero-image-text] .content{grid-template-areas:"left right"}}@media(min-width: 768px){[data-component=hero-image-text] .content img{opacity:0}[data-component=hero-image-text] .content img[data-inview]{opacity:1;transition:opacity 1s ease-out}}@media(min-width: 768px){[data-component=hero-image-text] [data-area]{display:flex;flex-direction:column;justify-content:space-between}}@media(min-width: 768px){[data-component=hero-image-text] [data-area=left]{grid-area:left}}@media(min-width: 768px){[data-component=hero-image-text] [data-area=right]{grid-area:right}}[data-component=hero-image-text] .image-left{display:none;margin-top:var(--heading-gap);line-height:0}[data-component=hero-image-text] .image-left a{height:100%}@media(min-width: 768px){[data-component=hero-image-text] .image-left{display:block}}@media(min-width: 1200px){[data-component=hero-image-text] .image-left{width:379px;height:481px}}@media(min-width: 1400px){[data-component=hero-image-text] .image-left{width:419px;height:529px}}[data-component=hero-image-text] .image-right{line-height:0}@media(min-width: 768px){[data-component=hero-image-text] .image-right{width:calc(432px - 1.25rem);height:calc(317px - 1.25rem)}}@media(min-width: 992px){[data-component=hero-image-text] .image-right{width:calc(640px - 4rem);height:calc(470px - 4rem)}}@media(min-width: 992px){[data-component=hero-image-text] .image-right{width:calc(760px - 8rem);height:calc(558px - 8rem)}}@media(min-width: 1400px){[data-component=hero-image-text] .image-right{width:calc(880px - 8rem);height:calc(646px - 8rem)}}[data-component=hero-image-text] .image-left>a,[data-component=hero-image-text] .image-right>a{position:relative;display:flex;line-height:0}[data-component=hero-image-text] .image-left>a .btn_play,[data-component=hero-image-text] .image-right>a .btn_play{position:absolute;width:5rem;height:5rem;left:50%;top:50%;transform:translate(-50%, -50%);opacity:.7;border:3px solid var(--color-white);filter:grayscale(0) drop-shadow(0 0 0 rgba(0, 0, 0, 0));transition:opacity .2s ease-out,filter .2s ease-out;background-color:var(--color-white);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23E4032E' viewBox='0 0 416 416'%3E%3Cpath d='M208,0C93.31,0,0,93.31,0,208s93.31,208,208,208,208-93.31,208-208S322.69,0,208,0Zm-56,296V120l144,88-144,88Z'/%3E%3C/svg%3E");background-repeat:no-repeat no-repeat;background-position:center center;background-size:cover}@media(prefers-color-scheme: dark){[data-component=hero-image-text] .image-left>a .btn_play,[data-component=hero-image-text] .image-right>a .btn_play{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23D80F35' viewBox='0 0 416 416'%3E%3Cpath d='M208,0C93.31,0,0,93.31,0,208s93.31,208,208,208,208-93.31,208-208S322.69,0,208,0Zm-56,296V120l144,88-144,88Z'/%3E%3C/svg%3E")}}@media(hover: hover)and (pointer: fine){[data-component=hero-image-text] .image-left>a:hover .btn_play,[data-component=hero-image-text] .image-right>a:hover .btn_play{opacity:1;filter:grayscale(0) drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.3))}}[data-component=hero-image-text] .buttons{display:flex;flex-wrap:wrap;flex-direction:initial;justify-content:initial;row-gap:1.5rem;margin-top:2rem}[data-component=hero-image-text] .teaser{user-select:none;display:none;color:var(--color-dark);filter:brightness(2.5);font-weight:500;font-size:2.125rem;line-height:1.15}@media(min-width: 768px){[data-component=hero-image-text] .teaser{display:block;margin-top:15.25rem;font-size:2.25rem}}@media(min-width: 992px){[data-component=hero-image-text] .teaser{margin-top:15.25rem;font-size:3.5rem}}@media(min-width: 1200px){[data-component=hero-image-text] .teaser{margin-top:3.25rem;font-size:5rem}}@media(min-width: 1400px){[data-component=hero-image-text] .teaser{margin-top:8.25rem;font-size:5.5rem}}@media(min-height: 2560px)and (min-width: 1440px){[data-component=hero-image-text] .teaser{margin-top:8.25rem;font-size:5rem}}