.hero.svelte-gzujjl .inner:where(.svelte-gzujjl){z-index:2;background:var(--color-brown-30);grid-template-rows:1fr auto;width:100%;min-height:100svh;display:grid;position:relative}.hero.svelte-gzujjl .hero-content:where(.svelte-gzujjl){flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.hero.svelte-gzujjl .hero-content:where(.svelte-gzujjl) h1:where(.svelte-gzujjl){text-wrap:balance;text-align:center;max-width:46rem;color:var(--color-white-60)}.hero.svelte-gzujjl .hero-content:where(.svelte-gzujjl) h1:where(.svelte-gzujjl) strong{font-weight:inherit;color:var(--color-white)}.hero.svelte-gzujjl .hero-content:where(.svelte-gzujjl) .buttons:where(.svelte-gzujjl){justify-content:center;align-items:center;gap:1.5rem;width:100%;display:flex}.hero.svelte-gzujjl .projects:where(.svelte-gzujjl){gap:.5rem;padding-block:1rem 1.25rem;display:none}@media (width>=1200px){.hero.svelte-gzujjl .projects:where(.svelte-gzujjl){display:inline-flex}}.hero.svelte-gzujjl .projects:where(.svelte-gzujjl) .project-link:where(.svelte-gzujjl){border:1px solid var(--color-white);text-wrap:nowrap;height:5.625rem;color:var(--color-white);text-align:center;letter-spacing:-.0225rem;border-radius:1.25rem;justify-content:center;align-items:center;padding-inline:4.56rem;font-size:1.125rem;font-style:normal;font-weight:400;line-height:99%;transition:padding .35s cubic-bezier(.075,.82,.165,1),background .35s cubic-bezier(.075,.82,.165,1);display:flex}.hero.svelte-gzujjl .projects:where(.svelte-gzujjl) .project-link:where(.svelte-gzujjl).is--active{background:var(--color-white-off-20);padding-inline:7.5rem}.hero.svelte-gzujjl .project-thumbnails:where(.svelte-gzujjl){width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero.svelte-gzujjl .project-thumbnails:where(.svelte-gzujjl) .project-thumbnail:where(.svelte-gzujjl){opacity:0;width:100%;height:100%;transition:opacity .75s cubic-bezier(.165,.84,.44,1);position:absolute;top:0;left:0}.hero.svelte-gzujjl .project-thumbnails:where(.svelte-gzujjl) .project-thumbnail:where(.svelte-gzujjl) img{object-fit:cover;width:100vw;height:100svh}.hero.svelte-gzujjl .project-thumbnails:where(.svelte-gzujjl) .project-thumbnail:where(.svelte-gzujjl).is--active{opacity:1}