.dw-animate { opacity: 1 !important; transform: none !important; transition: none !important; animation: none !important; } @keyframes dwr-fade-up { from { opacity: 1; transform: translateY(12px); } to { opacity: 1; transform: none; } } .dwr-fade-up { animation: dwr-fade-up 0.4s ease both; will-change: transform, opacity; } .dwr-stagger-group > .dwr-fade-up:nth-child(1), .dwr-stagger-group > *:nth-child(1).dwr-fade-up { animation-delay: 0ms; } .dwr-stagger-group > .dwr-fade-up:nth-child(2), .dwr-stagger-group > *:nth-child(2).dwr-fade-up { animation-delay: 50ms; } .dwr-stagger-group > .dwr-fade-up:nth-child(3), .dwr-stagger-group > *:nth-child(3).dwr-fade-up { animation-delay: 100ms; } .dwr-stagger-group > .dwr-fade-up:nth-child(4), .dwr-stagger-group > *:nth-child(4).dwr-fade-up { animation-delay: 150ms; } .dwr-stagger-group > .dwr-fade-up:nth-child(5), .dwr-stagger-group > *:nth-child(5).dwr-fade-up { animation-delay: 200ms; } .dwr-stagger-group > .dwr-fade-up:nth-child(6), .dwr-stagger-group > *:nth-child(6).dwr-fade-up { animation-delay: 250ms; } .dwr-fade-up--d1 { animation-delay: 50ms; } .dwr-fade-up--d2 { animation-delay: 100ms; } .dwr-fade-up--d3 { animation-delay: 150ms; } .dwr-fade-up--d4 { animation-delay: 200ms; } @keyframes dwr-logo-in { from { opacity: 0; } to { opacity: 1; } } .dwr-logo-fade-in { animation: dwr-logo-in 0.5s ease both; } .dwr-animate-on-scroll { opacity: 1; transform: translateY(16px); transition: opacity 0.5s ease, transform 0.5s ease; will-change: transform; } .dwr-animate-on-scroll.dwr-in-view { opacity: 1; transform: none; will-change: auto; } .dwr-stagger-group > .dwr-animate-on-scroll.dwr-in-view:nth-child(1) { transition-delay: 0ms; } .dwr-stagger-group > .dwr-animate-on-scroll.dwr-in-view:nth-child(2) { transition-delay: 50ms; } .dwr-stagger-group > .dwr-animate-on-scroll.dwr-in-view:nth-child(3) { transition-delay: 100ms; } .dwr-stagger-group > .dwr-animate-on-scroll.dwr-in-view:nth-child(4) { transition-delay: 150ms; } .dwr-stagger-group > .dwr-animate-on-scroll.dwr-in-view:nth-child(5) { transition-delay: 200ms; } .dwr-stagger-group > .dwr-animate-on-scroll.dwr-in-view:nth-child(6) { transition-delay: 250ms; } .dwr-story-card, .dwr-featured-card, .dwr-explore-card, .dwr-panel, .dwr-newsletter-card, .dw-story.dw-card, .dwr-ed-list__item { transition: transform 0.18s ease, box-shadow 0.18s ease; } .dwr-story-card:hover, .dwr-featured-card:hover, .dwr-explore-card:hover, .dwr-panel:hover, .dwr-newsletter-card:hover, .dw-story.dw-card:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04); } .dwr-btn, .dwr-newsletter-form--card button, .dwr-newsletter-form--home button, .dw-search-form button { transition: transform 0.15s ease, background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease; } .dwr-btn--primary:hover, .dwr-btn--primary:focus-visible, .dwr-newsletter-form--card button:hover, .dwr-newsletter-form--home button:hover { transform: scale(1.02); } .dwr-btn:active, .dwr-newsletter-form--card button:active { transform: scale(0.98); } .dwr-header .dwr-primary-menu > li > a, .dwr-header .dw-menu > li > a, .dwr-header .dwr-nav-link { position: relative; transition: color 0.2s ease; } .dwr-header .dwr-primary-menu > li > a::after, .dwr-header .dw-menu > li > a::after, .dwr-header .dwr-nav-link::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 8px; height: 2px; background: var(--dwr-primary); border-radius: 1px; transform: scaleX(0); transform-origin: left center; transition: transform 0.2s ease; } .dwr-header .dwr-primary-menu > li > a:hover::after, .dwr-header .dwr-primary-menu > li > a:focus-visible::after, .dwr-header .dw-menu > li > a:hover::after, .dwr-header .dw-menu > li > a:focus-visible::after, .dwr-header .dwr-nav-link:hover::after, .dwr-header .dwr-nav-link:focus-visible::after, .dwr-header .dw-menu .current-menu-item > a::after { transform: scaleX(1); } .dwr-explore-card__icon { transition: transform 0.25s cubic-bezier(0.34, 1.4, 0.64, 1); } .dwr-explore-card:hover .dwr-explore-card__icon { transform: scale(1.12) translateY(-2px); } @keyframes dwr-num-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } } .dwr-ed-list__item--ranked:hover .dwr-ed-list__num { animation: dwr-num-pulse 0.45s ease 1; } .dwr-ed-list__num { transition: transform 0.15s ease; display: inline-block; } .dwr-client-links-bar__link { transition: color 0.15s ease, background-color 0.15s ease; } .dwr-section-head__more, .dwr-section-front__more, .dwr-list-block__more { transition: color 0.2s ease, transform 0.2s ease; } .dwr-section-head__more:hover, .dwr-section-front__more:hover, .dwr-list-block__more:hover { transform: translateX(2px); } @media (max-width: 1024px) { .dwr-header .dwr-primary-menu, .dwr-header .dw-menu { transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.22s ease; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } .dwr-fade-up, .dwr-logo-fade-in { animation: none !important; opacity: 1 !important; transform: none !important; will-change: auto !important; } .dwr-animate-on-scroll { opacity: 1 !important; transform: none !important; will-change: auto !important; } .dwr-story-card:hover, .dwr-featured-card:hover, .dwr-explore-card:hover, .dwr-panel:hover, .dwr-newsletter-card:hover, .dw-story.dw-card:hover, .dwr-btn--primary:hover, .dwr-client-links-bar__link:hover { transform: none !important; } }