/* Homepage hero: subtle, accessible motion. No geometry/layout changes. */
@keyframes heroGentleReveal { from { opacity:0; transform:translate3d(0,38px,0); } to { opacity:1; transform:translate3d(0,0,0); } }
@keyframes heroGridDrift { from { background-position:0 0; } to { background-position:32px 32px; } }
@keyframes heroAccentBreath { 0%,100% { box-shadow:0 0 0 0 rgba(0,186,88,0); } 50% { box-shadow:0 0 0 5px rgba(0,186,88,.12); } }
@media (prefers-reduced-motion: no-preference) {
 body.homepage-v4 .portfolio-reference-hero .hero-copy h1,
 body.homepage-v4 .portfolio-reference-hero .hero-copy .hero-skills,
 body.homepage-v4 .portfolio-reference-hero .hero-copy .hero-actions,
 body.homepage-v4 .portfolio-reference-hero .hero-right {
   animation:heroGentleReveal 1.2s cubic-bezier(.16,1,.3,1) both;
 }
 body.homepage-v4 .portfolio-reference-hero .hero-copy .hero-skills { animation-delay:.24s; }
 body.homepage-v4 .portfolio-reference-hero .hero-copy .hero-actions { animation-delay:.44s; }
 body.homepage-v4 .portfolio-reference-hero .hero-right { animation-delay:.62s; }
 body.homepage-v4 .portfolio-reference-hero .hero-btn-primary { animation:heroAccentBreath 4.8s ease-in-out 1.3s 2; }
 body.homepage-v4 .portfolio-reference-hero .hero-btn { transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
 body.homepage-v4 .portfolio-reference-hero .hero-btn:hover { transform:translateY(-2px); }
 body.homepage-v4 .portfolio-reference-hero .hero-btn:active { transform:translate3d(0,0,0); }
}
@media (prefers-reduced-motion: reduce) {
 body.homepage-v4 .portfolio-reference-hero *,body.homepage-v4 .portfolio-reference-hero *::before,body.homepage-v4 .portfolio-reference-hero *::after { animation:none !important; transition:none !important; }
}

/* Smooth composited entrance; keeps final layout unchanged. */
@media (prefers-reduced-motion: no-preference) {
 body.homepage-v4 .portfolio-reference-hero .hero-copy h1,
 body.homepage-v4 .portfolio-reference-hero .hero-copy .hero-skills,
 body.homepage-v4 .portfolio-reference-hero .hero-copy .hero-actions,
 body.homepage-v4 .portfolio-reference-hero .hero-right { will-change: opacity, transform; backface-visibility: hidden; }
}