.ckl-author__hero {
padding-bottom: clamp(2.5rem, 5.63vw, 5.2rem); } .ckl-author__hero .ckl-breadcrumb {
font-size: 1.225rem; line-height: 1.29;
color: var(--ckl-blue);
}
.ckl-author__hero .ckl-breadcrumb a,
.ckl-author__hero .ckl-breadcrumb .ckl-breadcrumb__sep,
.ckl-author__hero .ckl-breadcrumb [aria-current='page'] {
color: var(--ckl-blue);
}
.ckl-author__hero .ckl-breadcrumb a:hover {
color: var(--ckl-dark);
}
.ckl-author__head {
display: flex;
justify-content: space-between;
align-items: center; gap: 2rem;
margin-top: 1.5rem; }
.ckl-author__name {
font-family: var(--ckl-font-title);
font-weight: var(--ckl-fw-title);
font-size: clamp(2.75rem, 4.73vw, 4.375rem); line-height: 84%;
letter-spacing: -0.01em;
color: var(--ckl-dark);
margin: 0;
}
.ckl-author__role {
font-size: 1.225rem; line-height: 127%;
color: var(--ckl-dark);
margin: 1.225rem 0 0; } .ckl-author__photo {
flex-shrink: 0;
width: clamp(9rem, 12vw, 11.1rem); aspect-ratio: 1;
overflow: hidden;
background: url(//cheesecakelabs.com/blog/wp-content/themes/cheesecakeLabs-v5/inc/assets/img/author-photo-bg.png) center / cover no-repeat;
}
.ckl-author__photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
}
.ckl-author__posts {
padding-bottom: clamp(4rem, 8.04vw, 7.4375rem); }
.ckl-author__empty {
color: var(--ckl-text-muted);
font-size: 1.125rem;
}
@media (max-width: 768px) {
.ckl-author__head {
flex-direction: column-reverse;
align-items: flex-start;
}
}