.ckl-home__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-home__hero-art {
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
}
.ckl-home__hero > .ckl-container {
position: relative;
z-index: 1;
}
.ckl-home__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-home__featured {
padding-block: clamp(2rem, 4vw, 4.5rem) 0;
}
.ckl-featured {
display: grid;
grid-template-columns: minmax(0, 1224fr) minmax(0, 615fr);
gap: 2.49375rem; align-items: start;
}
.ckl-featured__thumb {
display: block;
overflow: hidden;
background-color: var(--ckl-aqua-blue);
aspect-ratio: 1224 / 752;
}
.ckl-featured__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.35s var(--ckl-ease-entrance);
}
.ckl-featured__thumb:hover img {
transform: scale(1.025);
}
.ckl-featured__tags {
display: flex;
flex-wrap: wrap;
gap: 1.18rem; font-size: 1.225rem; line-height: 1.27;
color: var(--ckl-blue);
}
.ckl-featured__tags a {
color: var(--ckl-blue);
transition: color 0.2s ease-in-out;
}
.ckl-featured__tags a:hover {
color: var(--ckl-dark);
}
.ckl-featured__tag-sep {
color: var(--ckl-blue);
}
.ckl-featured__link {
display: block;
margin-top: 1.1875rem; }
.ckl-featured__title {
font-family: var(--ckl-font-title);
font-weight: var(--ckl-fw-title);
font-size: clamp(2rem, 3.78vw, 3.5rem); line-height: 85%;
color: var(--ckl-dark);
margin: 0;
transition: color 0.2s ease-in-out;
}
.ckl-featured__link:hover .ckl-featured__title {
color: var(--ckl-blue);
}
.ckl-featured__excerpt {
font-size: 1.225rem; line-height: 127.3%;
letter-spacing: 0.02em;
color: var(--ckl-dark);
margin: 1.1875rem 0 0;
max-width: 20.5rem; }
.ckl-featured__author {
display: flex;
flex-direction: column;
margin-top: 1.1875rem;
}
.ckl-featured__author-name {
font-weight: 700;
font-size: 1.225rem; line-height: 147%;
letter-spacing: 0.02em;
color: var(--ckl-dark);
}
.ckl-featured__author-role {
font-size: 0.875rem; line-height: 147%;
color: var(--ckl-dark);
}
@media (max-width: 991px) {
.ckl-featured {
grid-template-columns: minmax(0, 1fr);
}
} .ckl-home__grid {
padding-top: 2.275rem; padding-bottom: clamp(4rem, 8.04vw, 7.4375rem); }  .ckl-home__newsletter {
background-color: var(--ckl-aqua-blue);
padding-block: clamp(4rem, 8.04vw, 7.4375rem); }
.ckl-home__newsletter-inner {
display: grid;
grid-template-columns: minmax(0, 1015fr) minmax(0, 740fr);
gap: clamp(2rem, 7vw, 6.475rem); align-items: center;
}
.ckl-home__newsletter-title {
font-family: var(--ckl-font-title);
font-weight: var(--ckl-fw-title);
font-size: clamp(2.25rem, 4.73vw, 4.375rem); line-height: 92%;
letter-spacing: -0.01em;
color: var(--ckl-blue);
margin: 0 0 0.875rem; }
.ckl-home__newsletter-text {
font-size: clamp(1.125rem, 1.7vw, 1.575rem); line-height: 121%;
color: var(--ckl-dark);
margin: 0 0 2.3625rem; max-width: 26.875rem; } .ckl-home__newsletter .ckl-newsletter-form {
width: min(44.375rem, 100%);
}
.ckl-home__newsletter .ckl-newsletter-form > input {
color: var(--ckl-dark);
border-bottom-color: var(--ckl-dark);
}
.ckl-home__newsletter .ckl-newsletter-form > input::placeholder {
color: var(--ckl-text-muted);
}
.ckl-home__newsletter .ckl-newsletter-form > button::after {
content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 8H15" stroke="%23151515" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 1L15 8L8 15" stroke="%23151515" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.ckl-home__newsletter .ckl-newsletter-form__message {
color: var(--ckl-dark);
}
.ckl-home__newsletter-art {
width: 100%;
height: auto;
align-self: center;
} .ckl-home__newsletter-art svg {
display: block;
width: 100%;
height: auto;
}
@media (max-width: 991px) {
.ckl-home__newsletter-inner {
grid-template-columns: minmax(0, 1fr);
}
.ckl-home__newsletter-art {
order: -1;
max-width: 28rem;
}
}