/* Prime Digital campaign vocabulary, adapted to its native Enfold website.
   Core blue/navy, Manrope, component geometry and original icon paths stay intact. */

/* The established quarter-circle corner is a background mark, never a content mask. */
html #top.pd-site #wrap_all :is(.pd-home-hero,.pd-inner-hero,.pd-cta,.pd-about-story){position:relative;isolation:isolate}
html #top.pd-site #wrap_all :is(.pd-home-hero,.pd-inner-hero,.pd-cta,.pd-about-story)::before{
 content:'';position:absolute;top:0;right:0;width:clamp(110px,18vw,260px);aspect-ratio:1;
 border-bottom-left-radius:100%;background:var(--pd-arc-fill,var(--pd-plum-arc));pointer-events:none;z-index:0;
}
html #top.pd-site #wrap_all :is(.pd-home-hero,.pd-inner-hero,.pd-cta,.pd-about-story)>.container{position:relative;z-index:1}
/* Opening: recognisable navy, with a small warm accent in the chart and enquiry action. */
html #top.pd-site #wrap_all .pd-chart-hero{--pd-arc-fill:var(--pd-coral-arc)}
html #top.pd-site #wrap_all .pd-chart-hero .pd-slide-heading em{color:var(--pd-coral)}
html #top.pd-site #wrap_all .pd-chart-hero .pd-node-two{background:var(--pd-coral);border-color:var(--pd-coral);color:var(--pd-dark)}
html #top.pd-site #wrap_all .pd-chart-hero .pd-node-two>.pd-node-copy{color:var(--pd-dark)}
html #top.pd-site #wrap_all .pd-chart-hero .pd-wire-flow{stroke:var(--pd-coral)}
html #top.pd-site #wrap_all .pd-chart-hero .pd-button:not(.pd-button-outline){background:var(--pd-coral);border-color:var(--pd-coral);color:var(--pd-dark)}
html #top.pd-site #wrap_all .pd-chart-hero .pd-button:not(.pd-button-outline):hover{background:var(--pd-coral-hover);border-color:var(--pd-coral-hover);color:var(--pd-dark)}
/* Light slide: blue typography, raspberry action, pale curved corner. */
html #top.pd-site #wrap_all .pd-open-hero{--pd-arc-fill:var(--pd-pink-arc);}
html #top.pd-site #wrap_all .pd-open-hero .pd-eyebrow{color:var(--pd-raspberry)}
html #top.pd-site #wrap_all .pd-open-hero .pd-connected-caption{border-color:var(--pd-pink)}
/* Value slide: a deeper plum from the campaign palette, with readable petal highlights. */
html #top.pd-site #wrap_all .pd-value-hero{--pd-arc-fill:var(--pd-petal-arc);}
html #top.pd-site #wrap_all .pd-value-hero .pd-slide-heading em,
html #top.pd-site #wrap_all .pd-value-hero .pd-eyebrow,
html #top.pd-site #wrap_all .pd-value-step>div>span,
html #top.pd-site #wrap_all .pd-value-step>.pd-symbol{color:var(--pd-petal)}
html #top.pd-site #wrap_all .pd-value-step>.pd-symbol{background:var(--pd-plum-deep)}
html #top.pd-site #wrap_all .pd-value-steps::before{background:var(--pd-plum-line)}
html #top.pd-site #wrap_all .pd-value-hero .pd-lead,
html #top.pd-site #wrap_all .pd-value-hero .pd-hero-footnote,
html #top.pd-site #wrap_all .pd-value-step p,
html #top.pd-site #wrap_all .pd-value-hero .pd-connected-caption{color:var(--pd-plum-text)}
html #top.pd-site #wrap_all .pd-value-hero .pd-connected-caption{border-color:var(--pd-plum-line)}
html #top.pd-site #wrap_all .pd-value-hero .pd-button:not(.pd-button-outline){background:var(--pd-petal);border-color:var(--pd-petal);color:var(--pd-plum-deep)}
html #top.pd-site #wrap_all .pd-value-hero .pd-button:not(.pd-button-outline):hover{background:var(--pd-petal-hover);border-color:var(--pd-petal-hover);color:var(--pd-plum-deep)}
/* Existing icon drawings remain blue; their internal accent stroke provides the extra colour. */
html #top.pd-site #wrap_all .pd-symbol-accent{stroke:var(--pd-raspberry)}
html #top.pd-site #wrap_all .pd-dark .pd-symbol-accent{stroke:var(--pd-coral)}
html #top.pd-site #wrap_all .pd-chart-hero .pd-node-two .pd-symbol-accent{stroke:var(--pd-dark)}
html #top.pd-site #wrap_all .pd-value-hero .pd-symbol-accent{stroke:var(--pd-petal)}
html #top.pd-site #wrap_all :is(.pd-step-number,.pd-detail-number){color:var(--pd-raspberry)}
/* Supporting surfaces introduce warmth selectively; forms and most navigation stay blue. */
html #top.pd-site #wrap_all .pd-about-story{--pd-arc-fill:var(--pd-story-arc);}
html #top.pd-site #wrap_all .pd-equipment{}
html #top.pd-site #wrap_all .pd-cta{--pd-arc-fill:var(--pd-cta-arc);}
html #top.pd-site #wrap_all .pd-cta .pd-eyebrow,
html #top.pd-site #wrap_all .pd-equipment .pd-eyebrow{color:var(--pd-raspberry)}
html #top.pd-site #wrap_all :is(.pd-open-hero,.pd-cta) .pd-button:not(.pd-button-outline){background:var(--pd-raspberry);border-color:var(--pd-raspberry);color:var(--pd-on-accent,#fff)}
html #top.pd-site #wrap_all :is(.pd-open-hero,.pd-cta) .pd-button:not(.pd-button-outline):hover{background:var(--pd-raspberry-hover);border-color:var(--pd-raspberry-hover);color:var(--pd-on-accent,#fff)}
html #top.pd-site #wrap_all .pd-finder-tabs .tab.active_tab{background:var(--pd-raspberry);border-color:var(--pd-raspberry);color:var(--pd-on-accent,#fff)}
html #top.pd-site #wrap_all .pd-finder-tabs{border-color:var(--pd-rose-line)}
html #top.pd-site #wrap_all .pd-finder-tabs .tab{background:var(--pd-open-surface);border-color:var(--pd-rose-line)}
html #top.pd-site #wrap_all .pd-finder-tabs .tab.active_tab{background:var(--pd-raspberry)}
@media(max-width:767px){
 html #top.pd-site #wrap_all :is(.pd-home-hero,.pd-inner-hero,.pd-cta,.pd-about-story)::before{width:110px}
}
html #top.pd-site #wrap_all .pd-value-hero a:focus-visible{outline-color:var(--pd-petal)}
/* Keep action colours legible instead of inheriting Enfold's faded link hover. */
html #top.pd-site #wrap_all .pd-button:hover{opacity:1}

/* Original uploaded PD contours: P plus the closed lower-case d bowl and ascending stem. */
html #top.pd-site #wrap_all :is(.pd-open-art,.pd-about-art,.pd-service-art) .pd-monogram-p{fill:var(--pd-blue);fill-opacity:.08;stroke:var(--pd-blue);stroke-opacity:.85}
html #top.pd-site #wrap_all :is(.pd-open-art,.pd-about-art,.pd-service-art) .pd-monogram-d{fill:var(--pd-plum);fill-opacity:.1;stroke:var(--pd-plum);stroke-opacity:.9}
html #top.pd-site #wrap_all :is(.pd-about-art,.pd-service-art) .pd-monogram-p{fill:var(--pd-sky);stroke:var(--pd-sky)}
html #top.pd-site #wrap_all :is(.pd-about-art,.pd-service-art) .pd-monogram-d{fill:var(--pd-coral);stroke:var(--pd-coral)}
html #top.pd-site #wrap_all .pd-open-art svg{color:var(--pd-blue)}
html #top.pd-site #wrap_all .pd-about-art svg{color:var(--pd-sky)}
html #top.pd-site #wrap_all .pd-open-art .pd-blueprint-anchors{color:var(--pd-pink)}
html #top.pd-site #wrap_all .pd-about-art .pd-blueprint-anchors{color:var(--pd-coral)}
html #top.pd-site #wrap_all .pd-service-art .pd-monogram{stroke-width:.7}