.dw-animate { opacity: 1 !important; transform: none !important; transition: none !important; animation: none !important; } @keyframes dwr-rise-in { from { transform: translateY(20px); } to { transform: none; } } .dwr-fade-up { animation: dwr-rise-in 0.55s cubic-bezier(0.16, 1, 0.3, 1) both; will-change: transform; } .dwr-stagger-group > .dwr-fade-up:nth-child(1) { animation-delay: 0ms; } .dwr-stagger-group > .dwr-fade-up:nth-child(2) { animation-delay: 70ms; } .dwr-stagger-group > .dwr-fade-up:nth-child(3) { animation-delay: 140ms; } .dwr-stagger-group > .dwr-fade-up:nth-child(4) { animation-delay: 210ms; } .dwr-stagger-group > .dwr-fade-up:nth-child(5) { animation-delay: 280ms; } .dwr-stagger-group > .dwr-fade-up:nth-child(6) { animation-delay: 350ms; } .dwr-fade-up--d1 { animation-delay: 80ms; } .dwr-fade-up--d2 { animation-delay: 160ms; } .dwr-fade-up--d3 { animation-delay: 240ms; } .dwr-fade-up--d4 { animation-delay: 320ms; } @keyframes dwr-logo-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } } .dwr-logo-fade-in { animation: dwr-logo-in 0.5s cubic-bezier(0.16, 1, 0.3, 1) both; } html.dwr-anim .dwr-animate-on-scroll { opacity: 0; transform: translateY(28px); transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform; } html.dwr-anim .dwr-animate-on-scroll.dwr-in-view { opacity: 1; transform: none; will-change: auto; } html.dwr-anim .dwr-stagger-group > .dwr-animate-on-scroll.dwr-in-view:nth-child(1) { transition-delay: 0ms; } html.dwr-anim .dwr-stagger-group > .dwr-animate-on-scroll.dwr-in-view:nth-child(2) { transition-delay: 70ms; } html.dwr-anim .dwr-stagger-group > .dwr-animate-on-scroll.dwr-in-view:nth-child(3) { transition-delay: 140ms; } html.dwr-anim .dwr-stagger-group > .dwr-animate-on-scroll.dwr-in-view:nth-child(4) { transition-delay: 210ms; } html.dwr-anim .dwr-stagger-group > .dwr-animate-on-scroll.dwr-in-view:nth-child(5) { transition-delay: 280ms; } html.dwr-anim .dwr-stagger-group > .dwr-animate-on-scroll.dwr-in-view:nth-child(6) { transition-delay: 350ms; } html.dwr-anim .dwr-stagger-group > .dwr-animate-on-scroll.dwr-in-view:nth-child(7) { transition-delay: 420ms; } html.dwr-anim .dwr-stagger-group > .dwr-animate-on-scroll.dwr-in-view:nth-child(8) { transition-delay: 490ms; } .dwr-story-card, .dwr-featured-card, .dwr-explore-card, .dwr-archive-card, .dwr-rank-card, .dwr-panel, .dwr-newsletter-card, .dw-story.dw-card { transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s ease, border-color 0.28s ease; } .dwr-story-card:hover, .dwr-featured-card:hover, .dwr-explore-card:hover, .dwr-archive-card:hover, .dw-story.dw-card:hover { transform: translateY(-6px); box-shadow: 0 16px 34px rgba(17, 17, 17, 0.14), 0 4px 10px rgba(230, 125, 29, 0.1); } .dwr-panel:hover, .dwr-newsletter-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(17, 17, 17, 0.1); } .dwr-story-card__media, .dwr-featured-card__media, .dwr-archive-card .dwr-story-card__media { overflow: hidden; } .dwr-story-card__media img, .dwr-featured-card__media img, .dwr-archive-card .dwr-story-card__media img { transition: transform 0.55s cubic-bezier(0.2, 0.6, 0.2, 1); } .dwr-story-card:hover .dwr-story-card__media img, .dwr-featured-card:hover .dwr-featured-card__media img, .dwr-archive-card:hover .dwr-story-card__media img { transform: scale(1.06); } .dwr-story-card .dwr-category-chip, .dwr-featured-card .dwr-category-chip { transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1); } .dwr-story-card:hover .dwr-category-chip, .dwr-featured-card:hover .dwr-category-chip { transform: translateY(-2px); } .dwr-btn, .dwr-newsletter-form--card button, .dwr-newsletter-form--home button, .dw-search-form button { transition: transform 0.15s ease, background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; } .dwr-btn--primary:hover, .dwr-btn--primary:focus-visible, .dwr-newsletter-form--card button:hover, .dwr-newsletter-form--home button:hover { transform: translateY(-1px) scale(1.02); box-shadow: 0 8px 20px rgba(230, 125, 29, 0.28); } .dwr-btn:active, .dwr-newsletter-form--card button:active, .dwr-newsletter-form--home button:active { transform: scale(0.97); } .dwr-btn--primary, .dwr-btn--subscribe { position: relative; overflow: hidden; } .dwr-btn--primary::after, .dwr-btn--subscribe::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( 110deg, transparent 30%, rgba(255, 255, 255, 0.35) 50%, transparent 70% ); transform: translateX(-130%); transition: transform 0.65s ease; pointer-events: none; } .dwr-btn--primary:hover::after, .dwr-btn--subscribe:hover::after { transform: translateX(130%); } .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: 6px; height: 2px; background: var(--dwr-primary); border-radius: 2px; transform: scaleX(0); transform-origin: center; transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1); } .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.3s cubic-bezier(0.34, 1.45, 0.64, 1); } .dwr-explore-card:hover .dwr-explore-card__icon { transform: scale(1.14) rotate(-4deg); } .dwr-feature-card__icon, .dwr-about-value__icon, .dwr-legal-highlight__icon { transition: transform 0.3s cubic-bezier(0.34, 1.45, 0.64, 1); } .dwr-feature-card:hover .dwr-feature-card__icon, .dwr-about-value:hover .dwr-about-value__icon, .dwr-legal-highlight:hover .dwr-legal-highlight__icon { transform: scale(1.12) translateY(-2px); } @keyframes dwr-num-pulse { 0%, 100% { transform: scale(1); } 45% { transform: scale(1.14); } } .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-rank-card__num { transition: transform 0.3s cubic-bezier(0.34, 1.45, 0.64, 1); } .dwr-rank-card:hover .dwr-rank-card__num { transform: scale(1.1) rotate(-3deg); } .dwr-client-links-bar__link { transition: color 0.15s ease, background-color 0.15s ease, transform 0.15s ease; } .dwr-client-links-bar__link:hover { transform: translateY(-1px); } .dwr-section-head__more, .dwr-section-front__more, .dwr-list-block__more, .dwr-panel__head a { transition: color 0.2s ease, transform 0.2s ease; } .dwr-section-head__more:hover, .dwr-section-front__more:hover, .dwr-list-block__more:hover, .dwr-panel__head a:hover { transform: translateX(3px); } .dwr-cat-pill, .dwr-category-chip { transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .dwr-cat-pill:hover { transform: translateY(-2px); } a.dw-backtop.dwr-backtop { transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease !important; } .dwr-faq__item summary { transition: color 0.2s ease; } @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; } html.dwr-anim .dwr-animate-on-scroll, .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-archive-card:hover, .dwr-rank-card:hover, .dwr-panel:hover, .dwr-newsletter-card:hover, .dw-story.dw-card:hover, .dwr-btn--primary:hover, .dwr-cat-pill:hover, .dwr-client-links-bar__link:hover { transform: none !important; } .dwr-story-card:hover .dwr-story-card__media img, .dwr-featured-card:hover .dwr-featured-card__media img, .dwr-archive-card:hover .dwr-story-card__media img { transform: none !important; } .dwr-btn--primary::after, .dwr-btn--subscribe::after { display: none !important; } }