body>header{height:100svh;box-sizing:border-box}#mainhero{display:grid;grid-template-rows:auto var(--size-navbar-element-height);align-items:center;height:100%;background-image:linear-gradient(180deg,#fffd 0,#fffd),url("/img/bg.jpg");background-repeat:no-repeat;background-clip:border-box;background-size:cover;text-align:center}#mainhero [data-key=title]{padding:0 var(--size-grid-gap)}#mainhero h1{line-height:var(--font-line-spacing)}#mainhero p{margin-top:1em;font-size:var(--font-size-large-1)}#mainhero [data-key=arrow]{position:relative;height:100%;padding:20px;box-sizing:border-box}#heroscroll{display:inline-block;height:100%;width:fit-content;max-width:100%;aspect-ratio:73.71/35.01;padding:0;margin:0;border:0;background-color:transparent}#heroscroll svg{width:auto;height:100%;fill:var(--color-grey-4);transition:fill .1s ease}#heroscroll:not(:hover)>svg{animation:arrow-heartbeat 2s infinite}#heroscroll:hover>svg{fill:var(--color-accent-2-1)}@keyframes arrow-heartbeat{0%{fill:var(--color-grey-4)}30%{fill:var(--color-grey-4)}40%{fill:var(--color-accent-1-3)}50%{fill:var(--color-grey-4)}60%{fill:var(--color-accent-1-3)}70%{fill:var(--color-grey-4)}100%{fill:var(--color-grey-4)}}@media (max-width:599px){#mainhero h1{font-size:var(--font-size-large-4)}#mainhero p{font-size:var(--font-size-normal-1)}}@media (max-width:399px){#mainhero h1{font-size:var(--font-size-large-3)}}@media (min-width:600px) and (min-height:450px){#mainhero h1{font-size:var(--font-size-largest-1)}}@media (min-width:900px) and (min-height:600px){#mainhero h1{font-size:var(--font-size-largest-2)}}