.hero{flex:1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(24px,3vw,42px);padding:28px 0 40px;width:100%;max-width:1100px;margin-inline:auto}
.hero-visual{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.logo{display:block;width:70%;height:auto;max-height:380px;object-fit:contain;margin-inline:auto}
.tagline{margin:2px 0 0;color:var(--accent);font-size:clamp(15px,1.6vw,19px);font-weight:550;font-style:italic;letter-spacing:.035em}
.hero-copy{min-width:0;max-width:380px;align-self:center}
h1{margin:0 0 16px;font-size:clamp(25px,3.15vw,46px);line-height:1.11;letter-spacing:-.055em;font-weight:750}
h1 span{color:var(--accent)}
.intro{margin:0 0 15px;font-size:clamp(13px,1.1vw,14px);line-height:1.65;color:#383838}
.services{margin:0 0 20px;font-size:11px;color:var(--accent);line-height:1.6}
.services span{padding:0 4px;color:var(--accent)}
@media(max-width:760px){
.hero{grid-template-columns:1fr;gap:18px;padding:20px 0 30px;text-align:center;align-content:center}
.hero-visual{max-width:420px;margin:auto}
.logo{width:100%;max-height:250px}
.tagline{font-size:15px}
.hero-copy{max-width:520px;margin:auto}
h1{font-size:clamp(23px,5.1vw,32px);margin-bottom:12px}
.intro{font-size:13px;margin-bottom:10px}
.services{margin-bottom:20px}
}
@media(max-height:650px) and (min-width:761px){.hero{padding:12px 0 20px}.logo{max-height:285px}h1{font-size:clamp(24px,2.7vw,38px);margin-bottom:10px}.intro{margin-bottom:10px}.services{margin-bottom:18px}}


/* Sequência: logo -> slogan -> deslocamento conjunto -> conteúdo direito. */
@media (min-width:761px) and (prefers-reduced-motion:no-preference){
 .hero.intro-animate .hero-visual{
   position:relative;
   z-index:1;
   transform:translateX(var(--intro-shift, 0px));
 }
 .hero.intro-animate .logo{opacity:0}
 .hero.intro-animate .tagline,
 .hero.intro-animate .hero-copy{opacity:0;transform:translateY(10px)}
 .hero.intro-play .hero-visual{
   animation:lightcraft-slide 2.2s cubic-bezier(.45,0,.2,1) .65s both;
 }
 .hero.intro-play .logo{
   animation:lightcraft-logo-appear .65s ease-out both;
 }
 .hero.intro-play .tagline{
   animation:lightcraft-tagline-reveal .55s ease-out .65s both;
 }
 .hero.intro-play .hero-copy{
   animation:lightcraft-copy-reveal .65s ease-out 2.95s both;
 }
 @keyframes lightcraft-logo-appear{
   from{opacity:0;transform:scale(.96)}
   to{opacity:1;transform:scale(1)}
 }
 @keyframes lightcraft-slide{
   0%,25%{transform:translateX(var(--intro-shift, 0px))}
   100%{transform:translateX(0)}
 }
 @keyframes lightcraft-tagline-reveal{
   from{opacity:0;transform:translateY(10px)}
   to{opacity:1;transform:translateY(0)}
 }
 @keyframes lightcraft-copy-reveal{
   from{opacity:0;transform:translateY(10px)}
   to{opacity:1;transform:translateY(0)}
 }
}



/* Entrada suave e sequencial no mobile */
@media (max-width:760px) and (prefers-reduced-motion:no-preference) {
    .hero.mobile-intro-ready .logo,
    .hero.mobile-intro-ready .tagline,
    .hero.mobile-intro-ready .hero-copy {
        opacity: 0;
    }

    .hero.mobile-intro-ready .tagline,
    .hero.mobile-intro-ready .hero-copy {
        transform: translateY(16px);
    }

    .hero.mobile-intro-play .logo {
        animation: lc-mobile-logo 1000ms ease-out both;
    }

    .hero.mobile-intro-play .tagline {
        animation: lc-mobile-rise 650ms ease-out 750ms both;
    }

    .hero.mobile-intro-play .hero-copy {
        animation: lc-mobile-rise 750ms ease-out 1250ms both;
    }

    @keyframes lc-mobile-logo {
        from { opacity: 0; }
        to   { opacity: 1; }
    }

    @keyframes lc-mobile-rise {
        from {
            opacity: 0;
            transform: translateY(16px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}
.home-solutions{display:inline-flex;align-items:center;gap:6px;margin:0 14px 12px 0;font-size:12px;font-weight:650;color:var(--accent);text-decoration:underline;text-underline-offset:4px}.home-solutions:hover{color:#111}