@font-face{font-family:"Letu Overused";src:url("assets/overused-grotesk.woff2") format("woff2");font-weight:100 900;font-style:oblique 0deg 10deg;font-display:swap}
.hero{position:relative;isolation:isolate;min-height:max(590px,calc(100svh - 210px));padding-block:44px;--pointer-x:50%;--pointer-y:50%}
.hero-copy{z-index:1}

.type-scene{position:relative;display:grid;place-items:center;min-height:400px;min-width:0;outline:none}
.type-word{position:relative;z-index:1;display:inline-block;max-width:100%;padding:0 .08em;font-family:"Letu Overused","Segoe UI",sans-serif;font-size:clamp(66px,9.3vw,132px);line-height:1.12;font-weight:650;font-style:normal;font-variation-settings:"wght" 650,"slnt" -4;letter-spacing:-.035em;white-space:nowrap;color:#4d4ae6;background:linear-gradient(110deg,#3e66ec 8%,#7345d7 65%,#a73dbc 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;user-select:none}
.type-scene:focus-visible{outline:2px solid #4162ec;outline-offset:-4px;border-radius:12px}
.type-cross,.type-point{position:absolute;pointer-events:none;opacity:0;transition:opacity .16s ease-out}
.type-cross{background:#6e67a622;z-index:0}
.type-cross-x{width:1px;height:100%;top:0;left:var(--pointer-x)}
.type-cross-y{height:1px;width:100%;left:0;top:var(--pointer-y)}
.type-point{width:8px;height:8px;background:#7345d7;border:1px solid #fff;border-radius:2px;left:var(--pointer-x);top:var(--pointer-y);transform:translate(-50%,-50%);z-index:2}
.hero.is-active>.type-cross,.hero.is-active>.type-point{opacity:1}
@media(max-width:900px){.hero{min-height:max(520px,calc(100svh - 210px))}.type-scene{min-height:360px}.type-word{font-size:clamp(64px,9.3vw,100px)}}
@media(max-width:620px){.hero{min-height:0;padding-block:48px 24px}.type-scene{min-height:220px;margin-top:16px}.type-word{font-size:clamp(68px,18vw,110px)}}

@media(prefers-reduced-motion:reduce){.type-cross,.type-point{transition:none}}
@media(forced-colors:active){.type-word{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}.headline-first,.headline-main,.type-cross{background:GrayText}.type-point{background:Highlight}}
