section.hero-banner{-webkit-clip-path:inset(0);clip-path:inset(0);display:inline-block;position:relative;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);vertical-align:top;width:100%}section.hero-banner .hero-wrap{align-items:center;display:grid;grid-template-columns:1fr;height:100%;position:relative;width:100%}section.hero-banner .hero-wrap .hero-img{grid-column-start:1;grid-row:background-start/background-end;height:100%;width:100%}section.hero-banner .hero-wrap .content{grid-column-start:1;grid-row:content-start/content-end;position:relative;text-align:center;z-index:1}section.hero-banner .hero-wrap .hero-img img{aspect-ratio:16/8.59;height:100%!important;object-fit:cover;object-position:top center;width:100%}section.hero-banner .hero-wrap:before{background-image:radial-gradient(#82a69d,#2a3037);content:"";display:inline-block;height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:1}section.hero-banner .hero-wrap .content h1{animation:fadeUp .7s ease-out .5s both;letter-spacing:-.025em;line-height:1;margin:0 0 24px;text-transform:uppercase}section.hero-banner .hero-wrap .content h1,section.hero-banner .hero-wrap .content p{color:#fff;font-weight:300;text-shadow:0 1px 2px rgb(0 0 0/10%),0 2px 4px rgb(0 0 0/10%)}section.hero-banner .hero-wrap .content p{animation:fadeUp .7s ease-out .9s both;text-wrap:balance}section.hero-banner.active{-webkit-clip-path:inset(1.5rem);clip-path:inset(1.5rem);transition-duration:.3s}section.hero-banner .scroll-line{background-color:hsla(0,0%,100%,.2);bottom:6.5%;height:10%;left:50%;position:absolute;width:1px;z-index:9}section.hero-banner .scroll-line .line{animation:scrollDown 3s ease-in-out .9s infinite backwards;background-color:#fff;height:100%;position:relative;z-index:9}section.hero-banner .hero-wrap .hero-video{grid-column-start:1;grid-row:background-start/background-end;height:100%;width:100%}section.hero-banner .hero-wrap .hero-video video#video{aspect-ratio:16/8.59;height:100%;object-fit:cover;object-position:center;width:100%}section.hero-banner .hero-wrap .hero-video video#video::-webkit-media-controls-panel{display:none}@keyframes scrollDown{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.01%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media only screen and (max-width:767px){section.hero-banner .hero-wrap .hero-img{height:100svh}section.hero-banner .hero-wrap .content h1{font-size:36px;line-height:2.5rem}section.hero-banner .hero-wrap .content p{font-size:16px}section.hero-banner .hero-wrap .hero-video{height:70svh}}