.hero-wrapper.svelte-35b9cp{background-color:oklch(from var(--clr-dark-400) 1 c h);border-radius:var(--radius);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;block-size:90vh;inline-size:80%;margin-block:6.5% 0;margin-inline:auto;display:flex;position:relative;overflow:hidden}.hero-wrapper.svelte-35b9cp .hero-video:where(.svelte-35b9cp){object-fit:cover;opacity:0;block-size:-webkit-fill-available;block-size:-moz-available;block-size:stretch;inline-size:45vw;padding:0;animation:1s ease-in-out forwards svelte-35b9cp-fadeIn}.hero-wrapper.svelte-35b9cp .overlay:where(.svelte-35b9cp){z-index:1;background:#0006;block-size:100%;inline-size:100%;position:absolute;top:0;left:0}.hero-wrapper.svelte-35b9cp .content:where(.svelte-35b9cp){z-index:2;color:var(--clr-light-500);text-align:center;grid-template-columns:repeat(4,1fr);grid-template-areas:"title title title title"".subtitle subtitle subtitle"".cta cta.";gap:1em;animation:.8s ease-out forwards svelte-35b9cp-slideUp;display:grid;position:relative}.hero-wrapper.svelte-35b9cp .content:where(.svelte-35b9cp) .title:where(.svelte-35b9cp){font-family:var(--mono);font-size:clamp(var(--h4), 3vw, var(--lg));color:var(--clr-blue-350);grid-area:title;font-weight:800;line-height:1.2;transition:transform .5s ease-out;transform:scaleX(1.25)}.hero-wrapper.svelte-35b9cp .content:where(.svelte-35b9cp) .title:where(.svelte-35b9cp):hover{transform:scaleX(1)}.hero-wrapper.svelte-35b9cp .content:where(.svelte-35b9cp) .subtitle:where(.svelte-35b9cp){font-family:var(--bronova);font-size:clamp(var(--h6), 1.5vw, var(--h2));color:var(--clr-light-400);grid-area:subtitle;font-weight:400;line-height:1.1}.hero-wrapper.svelte-35b9cp .content:where(.svelte-35b9cp) .cta:where(.svelte-35b9cp){inline-size:fit-content;font-family:var(--bronova);font-size:clamp(var(--h6), 1.5vw, var(--h3));border:4px solid var(--clr-light-400);color:var(--clr-light-400);background-color:#0000;grid-area:cta;padding:.25em .5em;font-weight:800;line-height:1}.hero-wrapper.svelte-35b9cp .content:where(.svelte-35b9cp) .cta:where(.svelte-35b9cp):focus,.hero-wrapper.svelte-35b9cp .content:where(.svelte-35b9cp) .cta:where(.svelte-35b9cp):focus-visible{box-shadow:none;outline:none}.hero-wrapper.svelte-35b9cp .content:where(.svelte-35b9cp) .cta:where(.svelte-35b9cp):hover{color:var(--clr-pale-900);border-color:var(--clr-pale-900)}@keyframes svelte-35b9cp-fadeIn{to{opacity:1}}@keyframes svelte-35b9cp-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}