.kp-archive-hero{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;background:#23282b;color:#fff;padding:8px;box-sizing:border-box;min-height:340px}
.kp-archive-hero__intro{display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,3vw,48px);min-width:0}
.kp-archive-hero__home{color:#bdcdd4;font-size:14px;text-decoration:none}
.kp-archive-hero h1{font-size:clamp(26px,3vw,40px);line-height:1.6;margin:16px 0;overflow-wrap:anywhere}
.kp-archive-hero__intro p{color:#bdcdd4;font-size:16px;line-height:1.9;margin:0;overflow-wrap:anywhere}
.kp-archive-hero__card{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:340px;min-width:0;overflow:hidden;color:#fff!important;background:#39454b;text-decoration:none;clip-path:polygon(24px 0,100% 0,calc(100% - 24px) 100%,0 100%)}
.kp-archive-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.kp-archive-hero__card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.88));z-index:-1}
.kp-archive-hero__card h2{margin:0;padding:28px 36px;font-size:clamp(20px,2vw,27px);line-height:1.7;text-wrap:balance;overflow-wrap:anywhere}
.kp-archive-hero a:focus-visible{outline:3px solid #fcb900;outline-offset:-4px}
@media(max-width:767px){.kp-archive-hero{grid-template-columns:1fr 1fr;gap:8px;min-height:0;padding:8px}.kp-archive-hero__intro{grid-column:1/-1;padding:20px 16px}.kp-archive-hero__card{min-height:220px;clip-path:none;border-radius:12px}.kp-archive-hero__card h2{padding:16px 12px;font-size:17px;line-height:1.7}}

.kp-archive-hero h1,.kp-archive-hero__card h2{color:#fff}

/* Keep page orientation inside the hero instead of adding a separate bar. */
.kp-archive-hero__intro .kevira-breadcrumb{padding:0;margin:0 0 8px;border:0;background:transparent;color:#bdcdd4;line-height:1.8}
.kp-archive-hero__intro .kevira-breadcrumb ol{font-size:12px;gap:4px 8px}
.kp-archive-hero__intro .kevira-breadcrumb a{color:#d6e1e6;text-decoration:none}
.kp-archive-hero__intro .kevira-breadcrumb a:hover{color:#fff;text-decoration:underline}
.kp-archive-hero__intro .kevira-breadcrumb [aria-current]{color:#bdcdd4}
.kp-archive-hero__intro .kevira-breadcrumb li+li:before{color:#94a7b0}
.kp-archive-hero__intro .kevira-breadcrumb a:focus-visible{outline-color:#fcb900}