@layer components{.hero3{--f:var(--sc-p,0);--fill:calc(clamp(0, calc(var(--f) / var(--fill-end)), 1) * (var(--count) + var(--soft)));--hl:clamp(0, calc((var(--f) - var(--hl-at)) / var(--hl-dur)), 1);--cursor:clamp(0, calc((var(--f) - var(--cursor-at)) / var(--cursor-pop)), 1);margin-top:calc(-1 * var(--header-h));background:var(--cream);color:var(--ink)}.hero3__stage{padding:calc(var(--header-h) + var(--gutter)) var(--gutter) 0;background:var(--cream)}.hero3__text{font-size:var(--text-subheading);letter-spacing:var(--text-heading-sm--letter-spacing);margin:0;line-height:1.2}.hero3__word{white-space:nowrap;margin-right:.4ch;display:inline-block}.hero3__char{display:inline-block;position:relative}.hero3__char:before{content:attr(data-char);color:color-mix(in srgb, var(--ink) 25%, transparent);position:absolute;inset:0}.hero3__char>span{opacity:clamp(0, calc((var(--fill) - var(--i)) / var(--soft)), 1);position:relative}.hero3__highlight{white-space:nowrap;isolation:isolate;display:inline-block;position:relative}.hero3__highlight:before{content:"";z-index:-1;background:var(--highlight-bg);transform-origin:0;transform:scaleX(var(--hl));position:absolute;inset:.06em .15ch -.02em -.25ch}.hero3__cursor{z-index:4;width:1.35rem;height:1.35rem;color:var(--ink);transform-origin:0 0;scale:var(--cursor);rotate:calc(45deg * (1 - var(--cursor)));pointer-events:none;position:absolute;top:0;left:0}.hero3__cursor svg{width:100%;height:100%}.hero3__column{--card-w:calc((100vw - 3rem) * .75);bottom:1rem;left:var(--gutter);width:max-content;transform:translateX(calc((100vw - 100% - 2 * var(--gutter)) * var(--f)));gap:1rem;display:flex;position:absolute}.hero3__card{width:var(--card-w);flex:none}.hero3__card-media{aspect-ratio:1;position:relative;overflow:hidden}.hero3__card-img{--px:clamp(0, calc((var(--f) - var(--k) * .12) / .45), 1);inset:0 0 calc(-1 * var(--parallax));transform:translateY(calc(var(--parallax) * var(--px) * -1));position:absolute}.hero3__card-plus{background:var(--white);width:2rem;height:2rem;position:absolute;bottom:.5rem;right:.5rem}.hero3__card-plus:before,.hero3__card-plus:after{content:"";background:var(--ink);width:.75rem;height:1.25px;margin:-.625px 0 0 -.375rem;position:absolute;top:50%;left:50%}.hero3__card-plus:after{transform:rotate(90deg)}.hero3__card-title{font-size:var(--text-body);line-height:var(--text-body--line-height);margin:.75rem 0 .25rem}.hero3__card-tag{color:var(--muted);margin:0}@media (min-width:1024px){.hero3__text{width:75%;font-size:var(--text-heading-sm);padding-right:2rem;line-height:1.15}.hero3__cursor{width:2rem;height:2rem}.hero3__column{top:0;right:var(--gutter);width:25vw;transform:translateY(calc(100lvh - var(--f) * (100lvh + 100%)));flex-direction:column;gap:3.75rem;padding-bottom:15svh;bottom:auto;left:auto}.hero3__card{width:100%}.hero3__card-media{aspect-ratio:var(--ratio)}}.hero3--media{--band-h:min(70svh, 100vw / var(--media-ratio))}.hero3--media .hero3__stage{padding:var(--header-h) 0 0;flex-direction:column;display:flex}.hero3__media{order:0;flex:0 1 var(--band-h);background:linear-gradient(var(--hero3-pad-top), var(--hero3-pad-bottom));justify-content:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.hero3__media-frame{height:100%;position:relative}.hero3__media-image{width:100%;height:100%;transition:opacity var(--particle-image-fade) var(--ease-reveal);display:block}.hero3__media-frame[data-particles] .hero3__media-image{opacity:var(--particle-image-opacity)}.hero3--media .hero3__text{width:100%;padding:var(--gutter) max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));flex:none;order:1}@media (hover:none){.hero3__cursor{display:none}}@media (prefers-reduced-motion:reduce){.hero3__char>span{opacity:1}.hero3__highlight:before{transform:none}.hero3__cursor{display:none}.hero3__card-img{transform:none}.hero3--media{height:auto!important}}}
