.ckl-archive__hero {
position: relative;
min-height: clamp(18rem, 30.66vw, 33rem);
padding-bottom: clamp(3rem, 5.96vw, 5.5125rem);
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.ckl-archive__hero-art {
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
}
.ckl-archive__hero > .ckl-container {
position: relative;
z-index: 1;
} .ckl-archive__hero .ckl-breadcrumb {
font-size: 1.225rem; line-height: 1.29;
margin-bottom: 1.5rem; }
.ckl-archive__title {
font-family: var(--ckl-font-title);
font-weight: var(--ckl-fw-title);
font-size: clamp(3rem, 6.62vw, 6.125rem); line-height: 84%;
letter-spacing: -0.01em;
color: var(--ckl-blue);
margin: 0;
}
.ckl-archive__grid { padding-top: clamp(2rem, 4vw, 4.5rem);
padding-bottom: clamp(4rem, 7.9vw, 7.4rem);
}
.ckl-archive__empty {
color: var(--ckl-text-muted);
font-size: 1.125rem;
} .ckl-load-more {
display: flex;
justify-content: center;
margin-top: clamp(2.5rem, 5vw, 4.5rem);
}
.ckl-load-more__button.is-loading {
opacity: 0.6;
pointer-events: none;
}