@media only screen and (min-width:0rem){#hero{aspect-ratio:16/9;margin-top:68px;max-width:100%;min-height:13rem;overflow:hidden;padding:0;position:relative;text-align:center;width:100%;z-index:1}#hero:before{background:#000;content:"";opacity:.3;pointer-events:none;z-index:3}#hero .cs-background,#hero:before{display:block;height:100%;left:0;position:absolute;top:0;width:100%}#hero .cs-background{z-index:-2}#hero .cs-background img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}#hero .cs-background,#hero .hero-video{height:100%;inset:0;position:absolute;width:100%}#hero .cs-background img,#hero .hero-video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#hero .hero-video{z-index:1}#hero .cs-background{z-index:0}#hero .socials{display:none;flex-direction:column;gap:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:5}#hero .cs-container{margin:auto;max-width:80rem;width:100%}#hero .cs-title{color:#fff;font-size:clamp(2.4375rem,6.4vw,3.8125rem);font-weight:700;line-height:1.2em;margin:0 auto clamp(1rem,4vw,1.5rem);max-width:51.8125rem;position:relative;text-align:center}#hero .cs-title:after{background:var(--primary);content:"";display:block;height:clamp(.25rem,.8vw,.5rem);margin:clamp(1rem,4vw,1.5rem) auto;opacity:1;position:relative;width:clamp(3.75rem,9.5vw,6.25rem)}#hero .cs-text{color:#fff;font-size:clamp(1rem,1.95vw,1.5625rem);line-height:1.5em;margin:0 auto clamp(2.5rem,4vw,3rem);max-width:clamp(29rem,60vw,50rem);text-align:center;width:100%}#hero .scroll-arrow{display:none}@keyframes scrollFadeIn{to{opacity:.8}}@keyframes textFadeIn{to{opacity:1;transform:translateY(0)}}@keyframes scrollBounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}#hero .mute-btn{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(0,0,0,.65);border:1px solid hsla(0,0%,100%,.15);border-radius:50%;bottom:2rem;color:#fff;cursor:pointer;display:flex;height:1.75rem;justify-content:center;left:2rem;position:absolute;transition:background .2s ease,transform .15s ease;width:1.75rem;z-index:5}#hero .mute-btn svg{height:.8rem;pointer-events:none;width:.8rem}#hero .mute-btn:hover{background:rgba(0,0,0,.85);transform:scale(1.08)}#hero .mute-btn:active{transform:scale(.95)}}@media only screen and (min-width:64rem){#hero{height:100vh;margin-top:0}#hero .socials{display:flex;gap:.75rem;right:3.5rem}#hero .scroll-arrow{align-items:center;animation:scrollFadeIn .8s ease 3s forwards,scrollBounce 2.4s ease-in-out 3.8s infinite;bottom:2rem;color:#fff;display:flex;flex-direction:column;gap:.5rem;left:50%;opacity:0;position:absolute;text-decoration:none;transform:translateX(-50%);z-index:5}#hero .scroll-arrow svg{filter:drop-shadow(0 0 6px rgba(255,255,255,.35));height:2.5rem;width:2rem}#hero .scroll-arrow span{animation:textFadeIn .6s ease 3.5s forwards;font-size:.75rem;letter-spacing:.15em;opacity:0;text-shadow:0 1px 8px rgba(0,0,0,.4);text-transform:uppercase;transform:translateY(6px)}#hero .scroll-arrow:hover{opacity:1}}@media only screen and (min-width:81.25rem){#hero{background:url(/assets/images/hero.jpg);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}#hero .cs-background img{display:none}}@media only screen and (min-width:0rem){body.dark-mode #hero:after,body.dark-mode #hero:before{background:var(--dark)}body.dark-mode #hero .cs-background:before{opacity:.85}}