@font-face{font-family:liter;src:url(/_next/static/media/Liter-Regular.027a90a9.ttf)}body{margin:0;font-family:liter;background-color:#214842}*{box-sizing:border-box}.hero{display:flex;padding-right:5vw;justify-content:end;align-items:center;width:100vw;height:100svh;overflow:hidden;position:relative}.hero h1{font-size:50vw;line-height:1;margin:0;font-weight:300;color:#ff6a00;position:fixed;z-index:0}.hero .intro{position:absolute;bottom:0;left:0;z-index:999;background-color:#214842;padding:14px 24px 48px;color:#ff6a00}.hero .intro p{margin:0;font-size:100px;max-width:500px;padding-right:100px;text-align:left;line-height:1;text-transform:uppercase;font-weight:700}.hero .background-images{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1}.hero .background-images .bg-wrapper{position:absolute;z-index:-1}.hero .background-images .bg-image{opacity:0;animation:fadeInOut var(--duration,8s) var(--delay,0s) infinite ease-in-out}.hero .background-images .bg-image img{max-width:45vw;height:auto}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}40%{opacity:1}50%{opacity:0}to{opacity:0}}@media only screen and (max-width:600px){.hero h1{font-size:100vw;left:50%;transform:translateX(-50%)}.hero .intro p{font-size:48px;text-align:left}.hero .background-images .bg-wrapper{left:5%!important}.hero .background-images .bg-image img{max-width:90vw}}