/* ===================================================================== Seoudi Law — motion layer - Scroll-reveal entrances (JS adds .seoudi-anim to + .seoudi-reveal to targets; nothing is hidden unless JS is active, so no-JS stays visible) - Subtle hover micro-interactions (no JS needed) - Fully disabled for users who prefer reduced motion ===================================================================== */ /* ---------- Scroll-reveal (only when JS active & motion allowed) ------- */ @media (prefers-reduced-motion: no-preference) { html.seoudi-anim .seoudi-reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1); will-change: opacity, transform; } html.seoudi-anim .seoudi-reveal.seoudi-reveal--in { opacity: 1; transform: none; } } /* ---------- Hover micro-interactions (progressive, no JS) -------------- */ @media (prefers-reduced-motion: no-preference) and (min-width: 768px) { /* Cards lift gently on hover */ .gdlr-core-blog-item-holder .gdlr-core-item-list, .seoudi-services-list .gdlr-core-item-list, .seoudi-media-blog .seoudi-media-links__item, .gdlr-core-personnel-list .gdlr-core-personnel-list-image, .gdlr-core-column-service-media-image { transition: transform 0.35s ease, box-shadow 0.35s ease; } .gdlr-core-blog-item-holder .gdlr-core-item-list:hover, .seoudi-services-list .gdlr-core-item-list:hover { transform: translateY(-6px); } /* Team photos: slight zoom on the framed image */ .gdlr-core-personnel-list .gdlr-core-personnel-list-image img, .gdlr-core-column-service-media-image img { transition: transform 0.5s ease; } .gdlr-core-personnel-list .gdlr-core-personnel-list-image:hover img { transform: scale(1.05); } /* Buttons — lift + shadow */ .gdlr-core-button, .attorna-top-bar-right-button, .attorna-navigation-right-button a { transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; } .gdlr-core-button:hover, .attorna-top-bar-right-button:hover, .attorna-navigation-right-button a:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(26, 39, 68, 0.18); } /* Read-more links nudge in reading direction */ .gdlr-core-excerpt-read-more, .seoudi-founder-more-link a { transition: color 0.25s ease, padding 0.25s ease; } .gdlr-core-blog-item .gdlr-core-excerpt-read-more:hover { padding-inline-start: 6px; } }