body{margin:0;height:100vh;overflow:hidden;font-family:Arial,Helvetica,sans-serif;scroll-behavior:smooth}div#mainApp{height:100vh;overflow:auto}div#mainApp section#hero{position:relative;height:100vh}div#mainApp section#hero picture img{width:100%;height:100%;object-fit:cover;user-select:none;z-index:-1}div#mainApp section#hero .glass{position:relative;height:100vh;color:#fff}div#mainApp section#hero .glass:before{content:"";position:absolute;inset:0;background:#0006;backdrop-filter:blur(2px);z-index:-1}div#mainApp section#hero .glass .wrapper{position:absolute;top:35%;transform:translateY(-50%)}div#mainApp section#hero .glass .wrapper h1{line-height:1.1;font-weight:700;font-size:3rem;margin:auto 0 0;display:block}div#mainApp section#hero .glass .wrapper button{border-radius:.8rem;border:none;font-weight:700;cursor:pointer;user-select:none;transition:transform .05s ease,box-shadow .05s ease;touch-action:manipulation}div#mainApp section#hero .glass .wrapper button:active{transform:translateY(2px) scale(.98);box-shadow:inset 0 3px 6px #0003}div#mainApp section#aboutUs{height:100vh;background-color:#eee}@media (min-width: 1024px){div#mainApp{font-size:20px}div#mainApp #hero picture img{position:fixed;object-position:center center;height:calc(100vh + 50px)!important;will-change:transform;transform:translateZ(0)}div#mainApp #hero .glass{will-change:transform;transform:translateZ(0)}div#mainApp #hero .glass:before{will-change:transform;transform:translateZ(0);bottom:-50px!important}div#mainApp #hero .glass .wrapper{will-change:transform;transform:translateZ(0);padding-left:10rem;padding-top:50px;padding-bottom:50px}div#mainApp #hero .glass .wrapper h1{font-size:6rem}div#mainApp #hero .glass .wrapper h1 span{display:block}div#mainApp #hero .glass .wrapper h2{font-size:2.5rem}div#mainApp #hero .glass .wrapper button{padding:.8rem 1rem;font-size:1.8rem;margin-top:1.5rem}div#mainApp #hero+*{will-change:transform;transform:translateZ(0);position:relative;top:50px;padding-top:10px}div#mainApp #hero+*:before{content:"";position:absolute;top:-48px;width:100%;height:50px;background-color:inherit;-webkit-clip-path:url(#curve-clip);clip-path:url(#curve-clip);pointer-events:none}}@media (max-width: 1023px) and (orientation: landscape){html{font-size:16px}div#mainApp{scroll-snap-type:y mandatory}div#mainApp section{scroll-snap-align:center}div#mainApp #hero picture img{position:absolute;object-position:center top}div#mainApp #hero .glass .wrapper{left:10%}div#mainApp #hero .glass .wrapper h1{font-size:2.5rem}div#mainApp #hero .glass .wrapper h2{font-size:1.7rem}div#mainApp #hero .glass .wrapper button{padding:.6rem .8rem;font-size:1.2rem;margin-top:1rem;-webkit-tap-highlight-color:transparent}}@media (max-width: 1023px) and (orientation: portrait){body{scroll-snap-type:y mandatory}body section{scroll-snap-align:top}div#mainApp{scroll-snap-type:y mandatory}div#mainApp section{scroll-snap-align:center}div#mainApp #hero picture img{position:absolute;object-position:center center}div#mainApp #hero .glass .wrapper{left:0;right:0;text-align:center}div#mainApp #hero .glass .wrapper h1{font-size:3rem}div#mainApp #hero .glass .wrapper h1 span{display:block}div#mainApp #hero .glass .wrapper h2{font-size:1.7rem}div#mainApp #hero .glass .wrapper button{padding:.6rem .8rem;font-size:1.2rem;margin-top:1rem;-webkit-tap-highlight-color:transparent}}
