.pp-feature-strip { position: relative; z-index: 2; background: color-mix(in srgb, var(--pp-colour-primary) 86%, transparent); color: var(--pp-colour-inverse-85); }
.pp-feature-strip--flush-bottom { margin-bottom: 0; }
.pp-hero--bleed-image + .pp-feature-strip { border-top: 1px solid var(--pp-colour-metal-shadow); box-shadow: inset 0 1px 0 var(--pp-colour-metal-highlight), 0 -3px 10px color-mix(in srgb, var(--pp-colour-primary) 14%, transparent); }
.pp-hero--bleed-image + .pp-feature-strip::before { position: absolute; top: -1px; right: 0; left: 0; height: 1px; background: linear-gradient(90deg, var(--pp-colour-metal-shadow) 0%, var(--pp-colour-metal-highlight) 25%, var(--pp-colour-metal) 48%, var(--pp-colour-metal-highlight) 58%, var(--pp-colour-metal-shadow) 100%); background-size: 220% 100%; content: ''; pointer-events: none; animation: pp-metallic-glint 14s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .pp-hero--bleed-image + .pp-feature-strip::before { animation: none; } }
.pp-feature-strip__item { display: flex; align-items: flex-start; gap: 1rem; min-height: 100%; padding: 2.5rem 2rem; }
.pp-feature-strip__link { display: flex; width: 100%; height: 100%; color: inherit; text-decoration: none; }
.pp-feature-strip__link:focus-visible { outline: 2px solid var(--pp-feature-strip-emphasis, var(--pp-colour-accent)); outline-offset: .35rem; border-radius: .2rem; }
.pp-feature-strip__item h3 { margin-bottom: .5rem; color: var(--pp-colour-inverse); font-family: var(--pp-font-body); font-size: 1.05rem; font-weight: 700; }
.pp-feature-strip__item p { margin-bottom: 0; font-size: .9rem; line-height: 1.6; }
.pp-feature-strip__icon { flex: 0 0 auto; color: var(--pp-colour-accent); font-size: 1.75rem; }
.pp-feature-strip__content { flex: 1 1 auto; }
.pp-feature-strip__item { gap: 1.3rem; width: 100%; height: auto; padding: 2rem; }
.pp-feature-strip__icon { display: inline-flex; flex: 0 0 3.25rem; align-items: center; justify-content: center; width: 3.25rem; height: 3.25rem; border: 2px solid var(--pp-colour-accent); border-radius: 50%; font-size: 1.4rem; }
.pp-feature-strip__icon i { line-height: 1; }
@media (min-width: 992px) { .pp-feature-strip .col-lg-4 { display: flex; } .pp-feature-strip__item { width: 100%; } .pp-feature-strip .col-lg-4:not(:last-child) .pp-feature-strip__item { border-right: 1px solid var(--pp-colour-inverse-15); } }
@media (max-width: 991.98px) { .pp-feature-strip__item { padding: 1.5rem 0; } .pp-feature-strip .col-lg-4:not(:last-child) .pp-feature-strip__item { border-bottom: 1px solid var(--pp-colour-inverse-15); } }
@media (max-width: 575.98px) { .pp-feature-strip__item { gap: 1rem; padding: 1.25rem 0; } .pp-feature-strip__icon { flex-basis: 2.75rem; width: 2.75rem; height: 2.75rem; font-size: 1.2rem; } }
@media (min-width: 992px) { .pp-feature-strip__item + .pp-feature-strip__item { border-left: 1px solid var(--pp-colour-inverse-15); } }
@media (max-width: 991.98px) { .pp-feature-strip__item { padding: 2rem 1rem; } }
@media (max-width: 991.98px) { .pp-feature-strip__icon { color: var(--pp-colour-primary-dark); border-color: var(--pp-colour-primary-dark); } }
@media (max-width: 575.98px) { .pp-feature-strip__item { padding: 1.75rem 0; } }
@media (max-width: 991.98px) { .pp-feature-strip { background: color-mix(in srgb, var(--pp-colour-muted) 78%, transparent); } }


/* Optional palette-slot colour roles supplied by Fragment::colourStyle(). */
.pp-feature-strip {
    background: color-mix(in srgb, var(--pp-feature-strip-background, var(--pp-colour-primary)) 86%, transparent);
    color: var(--pp-feature-strip-text, var(--pp-colour-inverse-85));
}

.pp-feature-strip__item h3 {
    color: var(--pp-feature-strip-title, var(--pp-colour-inverse));
}

.pp-feature-strip__icon {
    color: var(--pp-feature-strip-emphasis, var(--pp-colour-accent));
}

.pp-feature-strip .pp-feature-strip__item {
    border-color: color-mix(in srgb, var(--pp-feature-strip-text, var(--pp-colour-inverse)) 15%, transparent);
}

@media (max-width: 991.98px) {
    .pp-feature-strip {
        background: color-mix(in srgb, var(--pp-feature-strip-background, var(--pp-colour-muted)) 78%, transparent);
    }

    .pp-feature-strip__icon {
        color: var(--pp-feature-strip-emphasis, var(--pp-colour-primary-dark));
        border-color: var(--pp-feature-strip-emphasis, var(--pp-colour-primary-dark));
    }
}