@layer components{.kinetic-type{-webkit-user-select:none;user-select:none;width:100%;min-height:40svh;position:relative;overflow:hidden;container-type:inline-size}.kinetic-type-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.kinetic-type-words{pointer-events:none;place-items:center;margin:0;font-size:11cqw;line-height:1;transition:opacity .3s;display:grid;position:absolute;inset:0}.kinetic-type-words>span{text-align:center;grid-area:1/1}.kinetic-type-words>span:not(:first-child),.kinetic-type-ready .kinetic-type-words{opacity:0}.kinetic-type-content{z-index:1;pointer-events:none;width:100%;height:100%;position:relative}}
.scroll-arrow{--scroll-arrow-block:clamp(.7rem, 2.2vw, 1.75rem);pointer-events:none;color:var(--foreground);position:absolute;bottom:1.5rem;right:clamp(2rem,7vw,7rem)}@media (min-width:1024px){.scroll-arrow{bottom:2rem}}.scroll-arrow svg{width:calc(var(--scroll-arrow-cols) * var(--scroll-arrow-block));height:calc(var(--scroll-arrow-rows) * var(--scroll-arrow-block));shape-rendering:crispedges;animation:2.6s ease-in-out infinite scroll-arrow-drift;display:block}.scroll-arrow rect{fill:currentColor}@keyframes scroll-arrow-drift{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--scroll-arrow-block)))}}@media (prefers-reduced-motion:reduce){.scroll-arrow svg{animation:none}}