.hero{position:relative;width:100%;overflow:hidden;height:100svh;min-height:500px}.hero__media{position:absolute;inset:0}.hero__media .field,.hero__media .field--name-field-media-video-file,.hero__media .field__item,.hero__media .field__items,.hero__media article{width:100%;height:100%;display:block}.hero__media picture{position:absolute;inset:0;width:100%;height:100%;display:block}.hero__media img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.hero__media video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;opacity:0;transition:opacity .4s ease}.hero__media video.is-playing{opacity:1}.hero__content{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-inline:2rem;padding-block-end:15vh;background:linear-gradient(0deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%),linear-gradient(0deg,rgba(0,0,0,.4) 19.15%,rgba(0,0,0,0) 46.55%),linear-gradient(180deg,rgba(0,0,0,.4) 1.45%,rgba(0,0,0,0) 21.75%)}.hero__content h1,.hero__content h2,.hero__content h3,.hero__content h4,.hero__content p{margin:0;color:#fff;text-align:center;text-transform:uppercase}@media (max-width:767px){.hero__content .h1,.hero__content h1{font-size:34px}}@media (min-width:768px) and (max-width:1023px){.hero__content .h1,.hero__content h1{font-size:40px}}.hero__pause-btn{position:absolute;z-index:2;bottom:55px;right:20px;background:0 0;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity .2s;width:24px;height:24px}.hero__pause-btn:hover{opacity:.7}@media (min-width:1024px){.hero__pause-btn{bottom:30px;right:30px}}.hero__icon--play{display:none}.hero.is-paused .hero__icon--pause{display:none}.hero.is-paused .hero__icon--play{display:block}.hero.video-failed video{display:none}.hero.video-failed .hero__pause-btn{display:none}@media (prefers-reduced-motion:reduce){.hero video{display:none}}.hero--medium .hero__content,.hero--small .hero__content{gap:10px;padding-block-end:40px}@media (min-width:360px){.hero--medium .hero__content,.hero--small .hero__content{padding-block-end:clamp(40px,4.71px + 9.804vw,80px)}}@media (min-width:768px){.hero--medium .hero__content,.hero--small .hero__content{padding-block-end:80px}}@media (min-width:1280px){.hero--medium .hero__content,.hero--small .hero__content{padding-block-end:clamp(80px,-80px + 12.5vw,100px)}}@media (min-width:1440px){.hero--medium .hero__content,.hero--small .hero__content{padding-block-end:100px}}@media (max-width:767px){.hero--medium .hero__pause-btn,.hero--small .hero__pause-btn{top:unset;bottom:17px}}.hero--medium{min-height:unset;height:clamp(550px,-10px + 175vw,620px)}@media (min-width:360px){.hero--medium{height:clamp(620px,468.24px + 42.16vw,792px)}}@media (min-width:768px){.hero--medium{height:clamp(600px,1368px - 75vw,792px)}}@media (min-width:1024px){.hero--medium{height:clamp(600px,440px + 15.625vw,640px)}}@media (min-width:1280px){.hero--medium{height:clamp(640px,160px + 37.5vw,700px)}}@media (min-width:1440px){.hero--medium{height:700px}}.hero--medium .hero__content{padding-inline:20px}@media (min-width:360px){.hero--medium .hero__content{padding-inline:clamp(20px,-32.94px + 14.706vw,80px)}}@media (min-width:768px){.hero--medium .hero__content{padding-inline:clamp(0,320px - 31.25vw,80px)}}@media (min-width:1024px){.hero--medium .hero__content{padding-inline:0}}.hero--small{min-height:unset;height:clamp(440px,280px + 50vw,460px)}@media (min-width:360px){.hero--small{height:clamp(460px,371.76px + 24.51vw,560px)}}@media (min-width:768px){.hero--small{height:clamp(460px,860px - 39.0625vw,560px)}}@media (min-width:1024px){.hero--small{height:clamp(460px,300px + 15.625vw,500px)}}@media (min-width:1280px){.hero--small{height:clamp(500px,20px + 37.5vw,560px)}}@media (min-width:1440px){.hero--small{height:560px}}.hero--small .hero__content{padding-inline:20px}@media (min-width:360px){.hero--small .hero__content{padding-inline:clamp(0,37.65px - 4.902vw,20px)}}@media (min-width:768px){.hero--small .hero__content{padding-inline:0}}
/*# sourceMappingURL=hero.css.map */