.ena-logo-section{--logo-stage-height:clamp(125px, 20svh, 155px);--logo-scroll-travel:120px;background:var(--ink);color:var(--white);scroll-margin-top:110px;position:relative}.ena-logo-stage{height:var(--logo-stage-height);place-items:center;display:grid;overflow:hidden}.ena-logo-viewport{width:min(48vw,480px);height:var(--logo-stage-height);position:relative}.ena-logo-poster,.ena-logo-canvas{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ena-logo-canvas{opacity:0}.ena-logo-poster{object-fit:cover}.ena-logo-section[data-mode=webgl] .ena-logo-canvas{opacity:1}.ena-logo-section[data-mode=webgl] .ena-logo-poster{opacity:0}.ena-logo-section.is-interactive{height:calc(var(--logo-stage-height) + var(--logo-scroll-travel))}.ena-logo-section.is-interactive .ena-logo-stage{position:sticky;top:clamp(108px,16svh,145px)}@media (width<=620px){.ena-logo-section{--logo-stage-height:110px;--logo-scroll-travel:90px;scroll-margin-top:96px}.ena-logo-viewport{width:min(64vw,280px)}.ena-logo-section.is-interactive .ena-logo-stage{top:96px}}@media (prefers-reduced-motion:reduce){.ena-logo-section.is-interactive{height:auto}.ena-logo-section.is-interactive .ena-logo-stage{height:var(--logo-stage-height);position:relative;top:auto}.ena-logo-section .ena-logo-canvas{opacity:0}.ena-logo-section .ena-logo-poster{opacity:1}}