/* Preserve the feature layout while exposing its image to the browser early. */
.dphx-feature > .dphx-feature__image {
 position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.dphx-feature .dphx-card__kicker {
 color: #fff; background: #17202b; padding: .2em .45em; border-radius: 3px;
}
.dphx-brand__logo { object-fit: contain; }
.dphx-feature__title { font-size: clamp(1.8rem, calc(1.1rem + 2.4vw), 3rem); line-height: 1.2; }
.dphx-card__kicker { color: #bf390b; }
html[data-theme="dark"] .dphx-card__kicker { color: #ff9b70; }
.dphx-feature .dphx-card__kicker,
html[data-theme="dark"] .dphx-feature .dphx-card__kicker { color: #fff; }
.dphx-footer__copy { color: #94a0ad; }
main.dphx-main:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }