/* Native navigation owns focus, Escape and scroll lock; these rules only animate it. */
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--wp-admin--admin-bar--height,0px) + var(--df-anchor-offset,24px))}
main :is(section[id],div[id]){scroll-margin-top:var(--df-anchor-offset,24px)}
@keyframes dfMenuOpen{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes dfMenuItem{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
:is(.df-nav-motion,.is-style-df-nav-motion) .wp-block-navigation__responsive-container.is-menu-open{animation:dfMenuOpen 520ms cubic-bezier(.22,1,.36,1) both}
:is(.df-nav-motion,.is-style-df-nav-motion) .is-menu-open .wp-block-navigation-item{animation:dfMenuItem 540ms cubic-bezier(.22,1,.36,1) both;animation-delay:140ms}
:is(.df-nav-motion,.is-style-df-nav-motion) .is-menu-open .wp-block-navigation-item:nth-child(2){animation-delay:190ms}
:is(.df-nav-motion,.is-style-df-nav-motion) .is-menu-open .wp-block-navigation-item:nth-child(3){animation-delay:240ms}
:is(.df-nav-motion,.is-style-df-nav-motion) .is-menu-open .wp-block-navigation-item:nth-child(4){animation-delay:290ms}
:is(.df-nav-motion,.is-style-df-nav-motion) .is-menu-open .wp-block-navigation-item:nth-child(5){animation-delay:340ms}
:is(.df-nav-motion,.is-style-df-nav-motion) .is-menu-open .wp-block-navigation-item:nth-child(6){animation-delay:390ms}
:is(.df-nav-motion,.is-style-df-nav-motion) .is-menu-open .wp-block-navigation-item:nth-child(7){animation-delay:440ms}
:is(.df-nav-motion,.is-style-df-nav-motion) .is-menu-open .wp-block-navigation-item:nth-child(8){animation-delay:490ms}
/* Add this class to a core Heading with three emphasis segments after a line break. */
.df-rotating-heading{position:relative;padding-bottom:1.6em}
.df-rotating-heading>em{position:absolute;top:1.5em;inset-inline:0;font-style:normal;opacity:0;animation:dfServiceWord 9s cubic-bezier(.22,1,.36,1) infinite}
.df-rotating-heading>em:nth-of-type(2){animation-delay:3s}.df-rotating-heading>em:nth-of-type(3){animation-delay:6s}
.df-rotating-heading:hover>em{animation-play-state:paused}
@keyframes dfServiceWord{0%{opacity:0;transform:translateY(.25em)}5%,27%{opacity:1;transform:translateY(0)}33%,100%{opacity:0;transform:translateY(-.25em)}}
.df-client-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:var(--wp--preset--spacing--40)}
.df-client-logos img{width:100%;max-height:72px;object-fit:contain}
.df-testimonial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp--preset--spacing--40)}
.df-testimonial-grid video{width:100%;height:auto}
@media(max-width:767px){.df-client-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.df-testimonial-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}:is(.df-nav-motion,.is-style-df-nav-motion) .is-menu-open,:is(.df-nav-motion,.is-style-df-nav-motion) .is-menu-open .wp-block-navigation-item{animation:none!important}.df-rotating-heading>em{animation:none!important;opacity:0;transform:none}.df-rotating-heading>em:first-of-type{opacity:1}}
.editor-styles-wrapper .df-rotating-heading{padding-bottom:0}
.editor-styles-wrapper .df-rotating-heading>em{position:static;display:block;opacity:1;animation:none}
