/* 0.4.1.061 — opening SOULULAB intro inside the existing sticky Hero. */
body.home-demo-page .hm-hero-intro {
    --intro-exit:0;
    position:absolute;
    inset:0;
    z-index:5;
    display:grid;
    place-items:center;
    pointer-events:none;
    opacity:calc(1 - var(--intro-exit));
    transform:translate3d(0, calc(var(--intro-exit) * -30px), 0) scale(calc(1 - var(--intro-exit) * .075));
    filter:blur(calc(var(--intro-exit) * 7px));
    will-change:opacity, transform, filter;
}

body.home-demo-page .hm-hero-intro__inner {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    transform:translateY(-1.5vh);
}

body.home-demo-page .hm-hero-intro__logo {
    width:clamp(132px, 10.2vw, 176px);
    height:auto;
    display:block;
    object-fit:contain;
    filter:none;
    animation:hm-intro-breathe 5.4s ease-in-out infinite;
}

body.home-demo-page .hm-hero-intro__brand {
    margin-top:24px;
    font-size:clamp(2rem, 3.1vw, 3.5rem);
    line-height:.92;
    letter-spacing:-.055em;
    font-weight:850;
    background:linear-gradient(180deg,#f2f4f7 0%,#b7bdc6 28%,#e8ebef 46%,#7e858f 66%,#c8cdd4 84%,#737a84 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
}

body.home-demo-page .hm-hero-intro__tagline {
    margin-top:12px;
    font-size:clamp(11px, .82vw, 14px);
    line-height:1.4;
    letter-spacing:.13em;
    text-transform:uppercase;
    color:rgba(221,226,234,.58);
    font-weight:650;
}

@keyframes hm-intro-breathe {
    0%,100% { transform:translateY(0) scale(1); }
    50% { transform:translateY(-4px) scale(1.018); }
}

@media (prefers-reduced-motion:reduce) {
    body.home-demo-page .hm-hero-intro__logo { animation:none; }
}

@media (max-width:820px) {
    body.home-demo-page .hm-hero-intro { display:none; }
}