/* ============================ Scroll reveal animations ============================ */ .reveal{opacity:0;transform:translateY(32px);transition:opacity var(--duration-slow) var(--easing-emphasized),transform var(--duration-slow) var(--easing-emphasized);will-change:opacity,transform;}.reveal.is-visible{opacity:1;transform:translateY(0);}.reveal--delay-1{transition-delay:100ms;}.reveal--delay-2{transition-delay:200ms;}.reveal--delay-3{transition-delay:300ms;}.reveal--delay-4{transition-delay:400ms;}.reveal--from-left{transform:translateX(-32px);}.reveal--from-right{transform:translateX(32px);}.reveal--from-left.is-visible,.reveal--from-right.is-visible{transform:translateX(0);}/* ============================ Hero animations (page load) ============================ */ @keyframes heroFadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}.hero__content > *,.about-hero__content > *,.services-hero__title,.contact-hero__title,.blog-hero__title,.blog-hero__subtitle,.post-hero__title,.section__header h1,.section__header p{animation-name:heroFadeUp;animation-duration:var(--duration-slow);animation-timing-function:var(--easing-emphasized);animation-fill-mode:both;}.hero__logo{animation-delay:0ms;}.hero__headline{animation-delay:150ms;}.hero__tagline{animation-delay:300ms;}.hero__cta{animation-delay:450ms;}.about-hero__title{animation-delay:0ms;}.about-hero__subtitle{animation-delay:200ms;}.services-hero__title{animation-delay:0ms;}.contact-hero__title{animation-delay:0ms;}.blog-hero__title{animation-delay:0ms;}.blog-hero__subtitle{animation-delay:150ms;}.post-hero__title{animation-delay:0ms;}.section__header h1{animation-delay:0ms;}.section__header p{animation-delay:150ms;}.scroll-indicator{animation-name:heroFadeUp;animation-duration:var(--duration-slow);animation-timing-function:var(--easing-emphasized);animation-fill-mode:both;animation-delay:800ms;}/* ============================ Filter button animation ============================ */ @keyframes filterPop{0%{transform:scale(1);}40%{transform:scale(0.95);}70%{transform:scale(1.04);}100%{transform:scale(1);}}.filter-btn--active{animation:filterPop 200ms var(--easing-emphasized) both;}/* ============================ Portfolio item stagger ============================ */ .portfolio-item.reveal:nth-child(1){transition-delay:0ms;}.portfolio-item.reveal:nth-child(2){transition-delay:50ms;}.portfolio-item.reveal:nth-child(3){transition-delay:100ms;}.portfolio-item.reveal:nth-child(4){transition-delay:150ms;}.portfolio-item.reveal:nth-child(5){transition-delay:200ms;}.portfolio-item.reveal:nth-child(6){transition-delay:250ms;}/* ============================ Section transitions ============================ */ .section{scroll-margin-top:80px;}/* ============================ Reduced motion ============================ */ @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition-duration:0ms !important;transition-delay:0ms !important;scroll-behavior:auto !important;}.reveal,.hero__content > *,.scroll-indicator,.filter-btn--active{transform:none !important;}.reveal{opacity:0;}.reveal.is-visible{opacity:1;}}