/* Focus is conspicuous on every brand surface. Scroll targets clear the sticky header. */
html{scroll-padding-top:110px}
.pd-screen-reader{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
#top .pd-skip-link{position:fixed;left:20px;top:-100px;z-index:100000;padding:12px 20px;background:var(--pd-paper);color:var(--pd-ink);border:2px solid var(--pd-blue);font-weight:600}
#top .pd-skip-link:focus{top:12px}
html #top.pd-site #wrap_all .pd-hero-page-slide:focus-visible{outline:3px solid var(--pd-coral);outline-offset:-6px}
html #top.pd-site #wrap_all .pd-finder-tabs .tab:focus-visible{outline:3px solid var(--pd-ink);outline-offset:-5px}
html #top.pd-site #wrap_all .pd-dark :is(a,button):focus-visible{outline-color:var(--pd-sky)}
html #top.pd-site #wrap_all .pd-value-hero :is(a,button):focus-visible{outline-color:var(--pd-petal)}
html #top.pd-site #wrap_all .pd-service-art{width:min(100%,500px);height:360px;margin:0 auto;color:var(--pd-sky)}
html #top.pd-site #wrap_all .pd-service-art svg{width:100%;height:100%;display:block;overflow:visible}
html #top.pd-site #wrap_all .pd-art-accent,html #top.pd-site #wrap_all .pd-art-flow,html #top.pd-site #wrap_all .pd-art-pulse{color:var(--pd-coral);stroke:currentColor}
.pd-service-art .pd-art-flow{stroke-dasharray:6 15;animation:pd-blueprint-flow 8s linear infinite;animation-play-state:paused}
.pd-service-art .pd-art-pulse{animation:pd-blueprint-pulse 6s ease-in-out infinite;animation-play-state:paused}
.pd-service-art.pd-art-running :is(.pd-art-flow,.pd-art-pulse){animation-play-state:running}
@keyframes pd-blueprint-flow{to{stroke-dashoffset:-84}}
@keyframes pd-blueprint-pulse{0%,100%{opacity:.45}50%{opacity:1}}
@media(min-width:990px){
 html #top.pd-site #wrap_all #avia-menu>li.current-menu-ancestor>a{color:var(--pd-blue)}
 html #top.pd-site #wrap_all #avia-menu>li>.sub-menu{width:300px;background:var(--pd-paper);border:1px solid var(--pd-line);border-top:3px solid var(--pd-blue);box-shadow:0 12px 30px color-mix(in srgb, var(--pd-dark) 7.84%, transparent);padding:8px 0}
 html #top.pd-site #wrap_all #avia-menu .sub-menu li,html #top.pd-site #wrap_all #avia-menu .sub-menu a{width:100%}
 html #top.pd-site #wrap_all #avia-menu .sub-menu a{padding:12px 18px;min-height:44px;line-height:1.5;font-size:14px;color:var(--pd-ink);border:0;background:var(--pd-paper);white-space:normal}
 html #top.pd-site #wrap_all #avia-menu .sub-menu a:hover,html #top.pd-site #wrap_all #avia-menu .sub-menu a:focus-visible{background:var(--pd-soft);color:var(--pd-blue)}
 html #top.pd-site #wrap_all #avia-menu .sub-menu a:focus-visible{outline-offset:-4px}
 html #top.pd-site #wrap_all #avia-menu .sub-menu .current-menu-item>a{color:var(--pd-blue);font-weight:700}
 html #top.pd-site #wrap_all #avia-menu>.pd-nav-open>.sub-menu{visibility:visible!important;opacity:1!important;display:block!important}
 html #top.pd-site #wrap_all #avia-menu>.pd-nav-dismissed>.sub-menu{visibility:hidden!important;opacity:0!important}
}
@media(min-width:768px) and (max-width:989px){html #top.pd-site #wrap_all .pd-service-art{height:280px;max-width:390px}}
@media(max-width:767px){
 html{scroll-padding-top:90px}
 html #top.pd-site #wrap_all .pd-service-hero .pd-service-visual{display:block!important;margin-top:24px!important;margin-bottom:0!important}
 html #top.pd-site #wrap_all .pd-service-art{height:210px;max-width:300px}
}
@media(max-width:989px){
 html #top.pd-site #wrap_all .av-burger-overlay a:focus-visible{outline:3px solid var(--pd-coral);outline-offset:-4px}
 html #top.pd-site #wrap_all .av-burger-overlay #av-burger-menu-ul a{min-height:44px}
}

/* Native side-menu surface uses the same navy role as the shared footer. */
html #top.pd-site #wrap_all .av-burger-overlay-scroll{background:var(--pd-dark)}

/* About uses the original PD artwork with the same in-view motion lifecycle. */
.pd-about-art .pd-blueprint-anchors{animation:pd-blueprint-pulse 6s ease-in-out infinite;animation-play-state:paused}
.pd-about-art.pd-art-running .pd-blueprint-anchors{animation-play-state:running}

/* One slow decorative loop; cards and labels stay stationary. */
html #top.pd-site #wrap_all .pd-connected-ring:after{animation:pd-orbit-ring 48s linear infinite;animation-play-state:paused}
html #top.pd-site #wrap_all .pd-connected.pd-art-running .pd-connected-ring:after{animation-play-state:running}
@keyframes pd-orbit-ring{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html #top.pd-site #wrap_all .pd-connected-ring:after{animation:none!important}}