#knowledge{height:400svh}
#knowledge .knowledge-type{top:54%;transform:translateY(-50%);pointer-events:none}
#knowledge .knowledge-type>p{opacity:var(--knowledge-label,0);margin-bottom:30px}
#knowledge .knowledge-type h2{position:relative;height:1.5em;margin:0;font-size:clamp(38px,7.8vw,120px)}
#knowledge .knowledge-type h2>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:var(--line-opacity,0);transform:translate3d(0,var(--line-y,100px),0);will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){#knowledge{height:100svh}#knowledge .knowledge-type{top:58%}#knowledge .knowledge-type>p{opacity:1}#knowledge .knowledge-type h2{height:auto;font-size:clamp(30px,6vw,80px)}#knowledge .knowledge-type h2>span{position:static;opacity:1;transform:none;will-change:auto}}