main.svelte-1j0kyzn{position:relative}main.svelte-1j0kyzn:before,main.svelte-1j0kyzn:after{content:"";position:absolute;left:0;right:0}main.svelte-1j0kyzn:before{--image-url: url(../../../illustrations/HomeBackground.jpg);top:0;z-index:-2;background:linear-gradient(0deg,var(--bg-z0) 0%,transparent 50%,var(--bg-z0) 100%),radial-gradient(ellipse,color-mix(in srgb,var(--bg-z0) 95%,transparent) 40%,transparent 100%),var(--image-url) no-repeat top center;background-size:100% auto;height:calc(100vh - 84px)}main.svelte-1j0kyzn:after{top:-4.1vw;bottom:-10vw;z-index:-1;background:url(../../../illustrations/HomeBackgroundGrid.svg) repeat-y top center;background-size:100% auto}main.svelte-1j0kyzn .hero:where(.svelte-1j0kyzn){height:calc(92vh - 84px);max-height:100vw;padding:0 32px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px}main.svelte-1j0kyzn .hero:where(.svelte-1j0kyzn) .hero-content:where(.svelte-1j0kyzn){text-align:center;text-wrap:balance;padding:0 32px}main.svelte-1j0kyzn .hero:where(.svelte-1j0kyzn) .hero-content:where(.svelte-1j0kyzn) h1:where(.svelte-1j0kyzn){font-size:var(--font-size-title-extralarge);line-height:64px}main.svelte-1j0kyzn .hero:where(.svelte-1j0kyzn) .hero-content:where(.svelte-1j0kyzn) p:where(.svelte-1j0kyzn){font-size:var(--font-size-body-large);line-height:32px;color:var(--fg-secondary);margin-top:8px}main.svelte-1j0kyzn .hero:where(.svelte-1j0kyzn) .searchbar-container:where(.svelte-1j0kyzn){width:100%;max-width:1080px;margin:0 auto}main.svelte-1j0kyzn .page-content:where(.svelte-1j0kyzn){display:flex;max-width:920px;padding:24px 32px;margin:0 auto;flex-direction:column;gap:120px}@media screen and (prefers-color-scheme: dark){main.svelte-1j0kyzn:before{--image-url: url(../../../illustrations/HomeBackground-dark.jpg)}main.svelte-1j0kyzn:after{background-image:url(../../../illustrations/HomeBackgroundGrid-dark.svg)}}@media screen and (max-width: 920px){main.svelte-1j0kyzn .hero:where(.svelte-1j0kyzn){padding:0 16px}main.svelte-1j0kyzn .hero:where(.svelte-1j0kyzn) .hero-content:where(.svelte-1j0kyzn){padding:0}main.svelte-1j0kyzn .hero:where(.svelte-1j0kyzn) .hero-content:where(.svelte-1j0kyzn) h1:where(.svelte-1j0kyzn){line-height:40px}main.svelte-1j0kyzn .hero:where(.svelte-1j0kyzn) .hero-content:where(.svelte-1j0kyzn) p:where(.svelte-1j0kyzn){font-size:var(--font-size-body-default);line-height:24px}main.svelte-1j0kyzn .page-content:where(.svelte-1j0kyzn){padding:16px;gap:80px}}