:root { --sdb-bio-primary: var(--sdb-color-primary, #0058B7);
--sdb-bio-primary-hover: var(--sdb-color-secondary, #009BD8);
--sdb-bio-title: var(--sdb-color-title, #364048);
--sdb-bio-text: var(--sdb-color-text, #6B7785);
--sdb-bio-muted: var(--sdb-color-muted, #8E9AA7);
--sdb-bio-border: var(--sdb-color-border, #EEF3F8);
--sdb-bio-bg: var(--sdb-color-background, #F5F8FB);
--sdb-bio-surface: var(--sdb-color-surface, #fff);
--sdb-bio-soft-blue: color-mix(in srgb, var(--sdb-color-primary, #0058B7) 10%, #fff);
--sdb-bio-radius: var(--sdb-radius-md, 10px);
--sdb-bio-radius-lg: var(--sdb-radius-lg, 16px);
--sdb-bio-radius-pill: var(--sdb-radius-pill, 999px);
--sdb-bio-shadow: var(--sdb-shadow-card, 5px 5px 5px rgba(143, 155, 164, 0.05));
--sdb-bio-container-width: 1300px;
--sdb-bio-container-padding: 20px;
--sdb-bio-card-padding: var(--sdb-card-padding, 18px);
--sdb-bio-aspect-portrait: var(--sdb-aspect-profile-card, var(--sdb-aspect-portrait, 4 / 5));
--sdb-bio-carousel-gap: var(--sdb-carousel-gap, var(--sdb-space-lg, 28px));
--sdb-bio-carousel-item-width: var(--sdb-carousel-item-width, 250px);
--sdb-bio-font-heading: var(--sdb-font-heading, inherit);
--sdb-bio-font-body: var(--sdb-font-body, inherit);
--sdb-bio-font-meta: var(--sdb-font-meta, inherit);
}
.sdb-bio,
.sdb-bio *,
.sdb-bio-secondary-menu-wrap,
.sdb-bio-secondary-menu-wrap * {
box-sizing: border-box;
}
.sdb-bio {
font-family: var(--sdb-bio-font-body);
}
.sdb-bio :where(.sdb-profile-card, .sdb-editorial-card, .sdb-featured-profile, .sdb-detail, .sdb-filter-bar, .sdb-share-actions) {
color: inherit;
}
.sdb-bio .sdb-u-line-clamp-2,
.sdb-bio .sdb-u-line-clamp-3 {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.sdb-bio .sdb-u-line-clamp-2 { -webkit-line-clamp: 2; }
.sdb-bio .sdb-u-line-clamp-3 { -webkit-line-clamp: 3; }
.sdb-bio .sdb-u-media-portrait {
aspect-ratio: var(--sdb-bio-aspect-portrait);
}
.sdb-bio .sdb-editorial-pill,
.sdb-bio .sdb-tag-on-image .sdb-bio-pill {
border-radius: var(--sdb-bio-radius-pill);
} .kingster-page-wrapper .sdb-bio-container,
.sdb-bio-container {
width: 100% !important;
max-width: var(--sdb-bio-container-width) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: var(--sdb-bio-container-padding) !important;
padding-right: var(--sdb-bio-container-padding) !important;
box-sizing: border-box !important;
}
.sdb-bio.sdb-bio-single,
.sdb-bio.sdb-bio-archive {
width: 100% !important;
max-width: 100% !important;
overflow-x: clip;
}
.sdb-bio > .sdb-bio-container,
.sdb-bio-secondary-menu-wrap > .sdb-bio-container {
min-width: 0 !important;
}
.sdb-bio-secondary-menu-wrap {
width: 100%;
max-width: 100%;
overflow-x: clip;
border-bottom: 1px solid var(--sdb-bio-border);
background: #fff;
}
.sdb-bio-secondary-menu {
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.sdb-bio-secondary-menu__list {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: wrap;
margin: 0;
padding: 14px 0;
list-style: none;
max-width: 100%;
}
.sdb-bio-secondary-menu__list > li { max-width: 100%; }
.sdb-bio-secondary-menu__list a {
display: inline-flex;
align-items: center;
min-height: 40px;
max-width: 100%;
padding: 8px 16px;
border: 1px solid var(--sdb-bio-border);
border-radius: var(--sdb-bio-radius);
color: var(--sdb-bio-primary) !important;
background: #fff;
text-decoration: none !important;
font-weight: 700;
line-height: 1.2;
}
.sdb-bio-secondary-menu__list a:hover {
color: var(--sdb-bio-primary-hover) !important;
border-color: #caecff;
background: var(--sdb-bio-soft-blue);
}
.sdb-bio-single { padding: 46px 0 60px; }
.sdb-bio-profile {
display: grid !important;
grid-template-columns: minmax(280px, var(--sdb-bio-media-column-width)) minmax(0, 1fr) !important;
gap: clamp(34px, 4.4vw, 64px) !important;
align-items: start;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
}
.sdb-bio-profile__media,
.sdb-bio-profile__content,
.sdb-bio-profile__body {
min-width: 0;
max-width: 100%;
}
.sdb-bio-profile__media {
position: sticky;
top: 32px;
width: 100%;
}
.sdb-bio-profile__image,
.sdb-bio-profile__placeholder {
width: 100%;
aspect-ratio: 3 / 4.35;
object-fit: cover;
display: block;
border-radius: var(--sdb-bio-radius);
box-shadow: var(--sdb-bio-shadow);
background: linear-gradient(145deg, #eef3f8, #fff);
}
.sdb-bio-profile__lead {
margin: 0 0 26px;
font-size: clamp(19px, 2vw, 21px);
line-height: 1.6;
font-weight: 500;
color: var(--sdb-bio-title);
}
.sdb-bio-profile__body {
color: var(--sdb-bio-text);
font-size: 18px;
line-height: 1.65;
}
.sdb-bio-profile__body p { margin: 0 0 1.2em; }
.sdb-bio-profile__body h2,
.sdb-bio-profile__body h3 {
color: var(--sdb-bio-title);
line-height: 1.3;
margin: 1.8em 0 .7em;
}
.sdb-bio-profile__quote {
margin: 0 0 30px;
padding: 22px 26px;
border-left: 3px solid var(--sdb-bio-primary);
border-radius: 0 var(--sdb-bio-radius) var(--sdb-bio-radius) 0;
background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
color: var(--sdb-bio-title);
}
.sdb-bio-profile__quote p {
margin: 0;
font-size: clamp(18px, 1.8vw, 21px);
line-height: 1.55;
font-weight: 600;
}
.sdb-bio-profile__source {
margin: 34px 0 0;
padding-top: 18px;
border-top: 1px solid var(--sdb-bio-border);
color: var(--sdb-bio-muted);
font-size: 14px;
line-height: 1.55;
}
.sdb-bio-facts {
margin-top: 22px;
border: 1px solid #e6edf5;
border-radius: var(--sdb-bio-radius);
background: #fff;
box-shadow: none;
padding: 22px 20px 18px;
}
.sdb-bio .sdb-bio-facts__title {
margin: 0 0 16px !important;
color: var(--sdb-bio-primary) !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1.35 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
}
.sdb-bio-facts__list {
display: grid;
gap: 12px;
margin: 0;
}
.sdb-bio-fact {
display: grid;
gap: 3px;
padding-bottom: 12px;
border-bottom: 1px solid var(--sdb-bio-border);
}
.sdb-bio-fact:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.sdb-bio-fact dt {
margin: 0;
color: var(--sdb-bio-muted);
font-size: 12px;
line-height: 1.35;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .08em;
}
.sdb-bio-fact dd {
margin: 0;
color: var(--sdb-bio-title);
font-size: 15px;
line-height: 1.5;
font-weight: 600;
}
.sdb-bio-dates {
margin-top: 22px;
border: 1px solid #e6edf5;
border-left: 3px solid #caecff;
border-radius: var(--sdb-bio-radius);
background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
box-shadow: none;
padding: 22px 20px 20px;
}
.sdb-bio .sdb-bio-dates__title {
margin: 0 0 18px !important;
color: var(--sdb-bio-primary) !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1.35 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
}
.sdb-bio-date {
position: relative;
display: grid;
grid-template-columns: 22px 1fr;
gap: 12px;
align-items: flex-start;
padding: 0 0 16px;
border-top: 0;
}
.sdb-bio-date:not(:last-child)::after {
content: "";
position: absolute;
left: 10px;
top: 24px;
bottom: -2px;
width: 1px;
background: #e6edf5;
}
.sdb-bio-date:last-child { padding-bottom: 0; }
.sdb-bio-date__icon {
position: relative;
z-index: 1;
display: inline-flex;
width: 22px;
height: 22px;
flex: 0 0 22px;
align-items: center;
justify-content: center;
border-radius: 999px;
background: #fff;
color: var(--sdb-bio-primary);
border: 1px solid #caecff;
}
.sdb-bio-date__icon svg { width: 11px; height: 11px; fill: currentColor; }
.sdb-bio-date__text {
display: grid;
gap: 3px;
color: var(--sdb-bio-text);
font-size: 15px;
line-height: 1.55;
}
.sdb-bio-date__text strong {
color: var(--sdb-bio-title);
font-size: 14px;
font-weight: 800;
line-height: 1.35;
}
.sdb-bio-actions {
margin-top: 42px;
padding: 26px 0;
border-top: 1px solid var(--sdb-bio-border);
border-bottom: 1px solid var(--sdb-bio-border);
display: flex;
justify-content: space-between;
gap: 24px;
align-items: center;
width: 100%;
min-width: 0;
}
.sdb-bio-actions__back {
display: flex;
flex-wrap: wrap;
gap: 10px;
min-width: 0;
}
.sdb-bio-button {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 40px;
padding: 9px 16px;
border-radius: var(--sdb-bio-radius);
border: 1px solid var(--sdb-bio-border);
background: var(--sdb-bio-bg);
color: var(--sdb-bio-primary) !important;
text-decoration: none !important;
font-size: 14px;
font-weight: 700;
line-height: 1;
}
.sdb-bio-button:hover {
background: var(--sdb-bio-soft-blue);
border-color: #caecff;
color: var(--sdb-bio-primary-hover) !important;
}
.sdb-bio-button svg {
width: 16px;
height: 16px;
fill: currentColor;
flex: 0 0 16px;
}
.sdb-bio-share {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.sdb-bio-share__label {
margin-right: 6px;
color: var(--sdb-bio-muted);
font-size: 13px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.sdb-bio-share a,
.sdb-bio-share button {
width: 42px;
height: 42px;
padding: 0;
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid #d9e5f4;
border-radius: 50%;
background: #fff;
color: var(--sdb-bio-primary);
text-decoration: none !important;
cursor: pointer;
appearance: none;
}
.sdb-bio-share a:hover,
.sdb-bio-share button:hover,
.sdb-bio-share button.is-copied {
color: #fff;
background: var(--sdb-bio-primary);
border-color: var(--sdb-bio-primary);
}
.sdb-bio-share svg {
width: 17px;
height: 17px;
fill: currentColor;
}
.sdb-bio-related {
display: block;
margin-top: 34px;
padding-top: 8px;
}
.sdb-bio-section-title {
color: var(--sdb-bio-title);
font-size: 26px;
font-weight: 700;
line-height: 1.35;
margin: 0 0 18px;
}
.sdb-bio-listing {
display: grid;
gap: 20px;
min-width: 0;
}
.sdb-bio-listing--grid.sdb-bio-columns-1 { grid-template-columns: 1fr; }
.sdb-bio-listing--grid.sdb-bio-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sdb-bio-listing--grid.sdb-bio-columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sdb-bio-listing--grid.sdb-bio-columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sdb-bio-card {
min-width: 0;
border-radius: var(--sdb-bio-radius);
background: #fff;
overflow: hidden;
border: 1px solid var(--sdb-bio-border);
box-shadow: var(--sdb-bio-shadow);
}
.sdb-bio-card__media {
display: block;
position: relative;
overflow: hidden;
background: linear-gradient(145deg, #eef3f8, #ffffff);
text-decoration: none !important;
}
.sdb-bio-card--grid .sdb-bio-card__media { aspect-ratio: 16 / 10; }
.sdb-bio-card__image,
.sdb-bio-card__placeholder {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.sdb-bio-card__body { padding: 16px; }
.sdb-bio-card__label {
margin-bottom: 6px;
color: var(--sdb-bio-muted);
font-size: 12px;
font-weight: 700;
line-height: 1.4;
letter-spacing: .08em;
text-transform: uppercase;
}
.sdb-bio-card__title {
margin: 0;
font-size: 20px;
line-height: 1.25;
font-weight: 700;
color: var(--sdb-bio-title);
}
.sdb-bio-card__title a {
color: inherit !important;
text-decoration: none !important;
}
.sdb-bio-card__title a:hover { color: var(--sdb-bio-primary) !important; }
.sdb-bio-card__excerpt {
margin: 10px 0 0;
color: var(--sdb-bio-text);
line-height: 1.55;
}
.sdb-bio-listing--list { grid-template-columns: 1fr; }
.sdb-bio-card--list {
display: grid;
grid-template-columns: 190px 1fr;
}
.sdb-bio-card--list .sdb-bio-card__media { min-height: 150px; }
.sdb-bio-archive { padding: 46px 0 64px; }
.sdb-bio-archive__header { margin-bottom: 28px; }
.sdb-bio-archive__title {
margin: 0;
color: var(--sdb-bio-title);
font-size: clamp(28px, 4vw, 42px);
line-height: 1.25;
}
.sdb-bio-archive__description {
margin-top: 12px;
color: var(--sdb-bio-text);
font-size: 18px;
line-height: 1.65;
}
@media (max-width: 1180px) {
.sdb-bio-profile {
grid-template-columns: 1fr !important;
gap: 30px !important;
}
.sdb-bio-profile__media {
position: static !important;
width: 100% !important;
max-width: 520px !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.sdb-bio-listing--grid.sdb-bio-columns-3,
.sdb-bio-listing--grid.sdb-bio-columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
.sdb-bio-single { padding-top: 30px; }
.sdb-bio-secondary-menu__list {
flex-wrap: nowrap;
width: max-content;
max-width: none;
min-width: 100%;
padding-top: 14px;
padding-bottom: 10px;
}
.sdb-bio-secondary-menu__list a { white-space: nowrap; }
.sdb-bio-profile,
.sdb-bio-profile__media,
.sdb-bio-profile__content,
.sdb-bio-actions {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.sdb-bio-actions {
align-items: stretch;
flex-direction: column;
}
.sdb-bio-share { flex-wrap: wrap; }
.sdb-bio-share__label { width: 100%; }
.sdb-bio-listing--grid.sdb-bio-columns-2,
.sdb-bio-listing--grid.sdb-bio-columns-3,
.sdb-bio-listing--grid.sdb-bio-columns-4 { grid-template-columns: 1fr; }
.sdb-bio-card--list { grid-template-columns: 1fr; }
.sdb-bio-related { display: none; }
} .sdb-bio-directory {
width: 100%;
max-width: 100%;
min-width: 0;
}
.sdb-bio-filters {
display: grid;
grid-template-columns: minmax(260px, 1.4fr) minmax(160px, .8fr) minmax(160px, .8fr) minmax(160px, .7fr) auto;
gap: 14px;
align-items: end;
margin: 0 0 28px;
padding: 18px;
border: 1px solid var(--sdb-bio-border);
border-radius: var(--sdb-bio-radius);
background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
box-shadow: var(--sdb-bio-shadow);
}
.sdb-bio-filters__field {
display: grid;
gap: 7px;
min-width: 0;
}
.sdb-bio-filters__field label {
color: var(--sdb-bio-muted);
font-size: 12px;
font-weight: 800;
line-height: 1.3;
letter-spacing: .08em;
text-transform: uppercase;
}
.sdb-bio-filters input[type="search"],
.sdb-bio-filters select {
width: 100%;
min-height: 44px;
border: 1px solid #dfe8f2;
border-radius: var(--sdb-bio-radius);
background: #fff;
color: var(--sdb-bio-title);
font-size: 15px;
line-height: 1.3;
padding: 9px 12px;
box-shadow: none;
}
.sdb-bio-filters input[type="search"]:focus,
.sdb-bio-filters select:focus {
outline: 2px solid rgba(0, 155, 216, .18);
outline-offset: 1px;
border-color: #9bdcff;
}
.sdb-bio-filters__actions {
display: flex;
gap: 12px;
align-items: center;
justify-content: flex-end;
min-height: 44px;
}
.sdb-bio-button--primary {
background: var(--sdb-bio-primary);
border-color: var(--sdb-bio-primary);
color: #fff !important;
}
.sdb-bio-button--primary:hover {
background: var(--sdb-bio-primary-hover);
border-color: var(--sdb-bio-primary-hover);
color: #fff !important;
}
.sdb-bio-filters__reset {
color: var(--sdb-bio-muted) !important;
font-size: 14px;
font-weight: 700;
text-decoration: none !important;
white-space: nowrap;
}
.sdb-bio-filters__reset:hover { color: var(--sdb-bio-primary) !important; }
.sdb-bio-pagination,
.sdb-bio .navigation.pagination {
margin-top: 34px;
}
.sdb-bio-pagination ul,
.sdb-bio .navigation.pagination .nav-links {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
list-style: none;
}
.sdb-bio-pagination li { margin: 0; }
.sdb-bio-pagination a,
.sdb-bio-pagination span,
.sdb-bio .navigation.pagination a,
.sdb-bio .navigation.pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
padding: 8px 12px;
border: 1px solid var(--sdb-bio-border);
border-radius: var(--sdb-bio-radius);
background: #fff;
color: var(--sdb-bio-primary) !important;
font-weight: 800;
line-height: 1;
text-decoration: none !important;
}
.sdb-bio-pagination .current,
.sdb-bio .navigation.pagination .current {
background: var(--sdb-bio-primary);
border-color: var(--sdb-bio-primary);
color: #fff !important;
}
@media (max-width: 1180px) {
.sdb-bio-filters {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sdb-bio-filters__field--search,
.sdb-bio-filters__actions {
grid-column: 1 / -1;
}
.sdb-bio-filters__actions { justify-content: flex-start; }
}
@media (max-width: 720px) {
.sdb-bio-filters {
grid-template-columns: 1fr;
padding: 14px;
}
.sdb-bio-filters__actions {
align-items: stretch;
flex-direction: column;
}
.sdb-bio-filters__reset { text-align: center; }
} .sdb-bio-directory,
.sdb-bio-directory * {
box-sizing: border-box;
}
.sdb-bio-directory .sdb-bio-filters {
width: 100%;
max-width: 100%;
}
.sdb-bio-directory .sdb-bio-listing {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
.sdb-bio-directory .sdb-bio-card {
width: 100%;
max-width: 100%;
}
.sdb-bio-directory .sdb-bio-card__media,
.sdb-bio-directory .sdb-bio-card__body {
width: 100%;
max-width: 100%;
}
.sdb-bio-directory .sdb-bio-card__image,
.sdb-bio-directory .sdb-bio-card__placeholder {
min-height: 0;
} .sdb-bio-listing--grid {
gap: clamp(22px, 2.6vw, 34px) !important;
}
.sdb-bio-card {
border-color: #e9f0f7;
box-shadow: 0 10px 24px rgba(42, 54, 68, 0.05);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.sdb-bio-card:hover {
transform: translateY(-2px);
border-color: #dce8f5;
box-shadow: 0 16px 34px rgba(42, 54, 68, 0.08);
}
.sdb-bio-card--grid .sdb-bio-card__media {
aspect-ratio: 4 / 5 !important;
background: #f2f4f7;
}
.sdb-bio-card__image,
.sdb-bio-card__placeholder {
object-fit: cover !important;
}
.sdb-bio-card__body {
padding: 18px 18px 20px !important;
min-height: 154px;
}
.sdb-bio-card__label {
margin-bottom: 8px !important;
font-size: 11px !important;
line-height: 1.35 !important;
letter-spacing: .11em !important;
}
.sdb-bio-card__title {
font-size: clamp(18px, 1.45vw, 22px) !important;
line-height: 1.18 !important;
font-weight: 650 !important;
letter-spacing: -.015em;
}
.sdb-bio-card__excerpt {
margin-top: 12px !important;
font-size: 14px !important;
line-height: 1.55 !important;
}
.sdb-bio-card--list .sdb-bio-card__media {
aspect-ratio: 4 / 5;
min-height: 220px;
}
.sdb-bio-featured-shortcode {
width: 100%;
max-width: 100%;
}
.sdb-bio-featured-card {
display: grid;
grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
gap: clamp(28px, 4vw, 58px);
align-items: stretch;
overflow: hidden;
border: 1px solid #e5edf6;
border-radius: calc(var(--sdb-bio-radius) + 4px);
background: linear-gradient(135deg, #ffffff 0%, #fbfdff 100%);
box-shadow: 0 18px 44px rgba(42, 54, 68, 0.07);
}
.sdb-bio-featured-card__media {
display: block;
min-height: 420px;
background: #f2f4f7;
overflow: hidden;
text-decoration: none !important;
}
.sdb-bio-featured-card__image,
.sdb-bio-featured-card__placeholder {
display: block;
width: 100%;
height: 100%;
min-height: 420px;
object-fit: cover;
}
.sdb-bio-featured-card__body {
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
padding: clamp(28px, 4vw, 54px) clamp(28px, 4.5vw, 64px) clamp(30px, 4vw, 56px) 0;
}
.sdb-bio-featured-card__eyebrow,
.sdb-bio-featured-card__label {
color: var(--sdb-bio-muted);
font-size: 12px;
line-height: 1.35;
font-weight: 800;
letter-spacing: .11em;
text-transform: uppercase;
}
.sdb-bio-featured-card__eyebrow {
color: var(--sdb-bio-primary);
margin-bottom: 10px;
}
.sdb-bio-featured-card__label { margin-bottom: 12px; }
.sdb-bio-featured-card__title {
margin: 0;
color: var(--sdb-bio-title);
font-size: clamp(30px, 3.2vw, 46px);
line-height: 1.08;
font-weight: 700;
letter-spacing: -.035em;
}
.sdb-bio-featured-card__title a {
color: inherit !important;
text-decoration: none !important;
}
.sdb-bio-featured-card__title a:hover { color: var(--sdb-bio-primary) !important; }
.sdb-bio-featured-card__excerpt {
margin: 20px 0 0;
max-width: 680px;
color: var(--sdb-bio-text);
font-size: 17px;
line-height: 1.7;
}
.sdb-bio-featured-card__button {
align-self: flex-start;
margin-top: 28px;
}
@media (max-width: 960px) {
.sdb-bio-featured-card { grid-template-columns: 1fr; }
.sdb-bio-featured-card__media { min-height: 0; aspect-ratio: 4 / 5; }
.sdb-bio-featured-card__image,
.sdb-bio-featured-card__placeholder { min-height: 0; aspect-ratio: 4 / 5; }
.sdb-bio-featured-card__body { padding: 26px 24px 30px; }
}
@media (max-width: 720px) {
.sdb-bio-card__body { min-height: 0; }
.sdb-bio-card__title { font-size: 20px !important; }
.sdb-bio-featured-card__title { font-size: clamp(27px, 9vw, 36px); }
} .sdb-bio-card--grid .sdb-bio-card__media {
aspect-ratio: 3 / 4 !important;
min-height: 0 !important;
position: relative !important;
overflow: hidden !important;
background: #f2f4f7 !important;
}
.sdb-bio-card__media .sdb-bio-card__image,
.sdb-bio-card__media .sdb-bio-card__placeholder {
position: absolute !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
min-width: 100% !important;
min-height: 100% !important;
object-fit: cover !important;
}
.sdb-bio-card__placeholder {
background: linear-gradient(145deg, #eef3f8, #ffffff) !important;
}
.sdb-bio-card__body {
padding: 17px 18px 20px !important;
min-height: 142px !important;
}
.sdb-bio-card__terms,
.sdb-bio-featured-card__terms {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 0 0 10px;
}
.sdb-bio-pill {
display: inline-flex;
align-items: center;
max-width: 100%;
padding: 4px 8px 3px;
border: 1px solid #dfeaf5;
border-radius: 999px;
background: #f8fbff;
color: #607287 !important;
font-size: 10px !important;
line-height: 1.2 !important;
font-weight: 750 !important;
letter-spacing: .075em !important;
text-transform: uppercase;
text-decoration: none !important;
}
.sdb-bio-pill:hover {
border-color: #c9dff2;
background: #eef7ff;
color: var(--sdb-bio-primary) !important;
}
.sdb-bio-card__label { display: none !important; }
.sdb-bio-card__title {
font-size: clamp(17px, 1.18vw, 20px) !important;
line-height: 1.22 !important;
font-weight: 650 !important;
letter-spacing: -.01em !important;
}
.sdb-bio-actions__back:empty { display: none !important; }
.sdb-bio-share__instagram.is-copied {
background: var(--sdb-bio-primary) !important;
color: #fff !important;
}
.sdb-bio-share__instagram.is-copied svg { fill: currentColor; }
@media (max-width: 720px) {
.sdb-bio-card__title { font-size: 19px !important; }
.sdb-bio-card__body { min-height: 0 !important; }
} .sdb-bio-summary {
margin-top: 22px;
border: 1px solid #e6edf5;
border-radius: var(--sdb-bio-radius);
background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
box-shadow: none;
padding: 22px 20px 20px;
}
.sdb-bio .sdb-bio-summary__title {
margin: 0 0 16px !important;
color: var(--sdb-bio-primary) !important;
font-size: 13px !important;
font-weight: 800 !important;
line-height: 1.35 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
}
.sdb-bio-summary .sdb-bio-facts__list {
gap: 0;
}
.sdb-bio-summary .sdb-bio-fact {
padding: 10px 0;
}
.sdb-bio-summary .sdb-bio-fact:first-child {
padding-top: 0;
}
.sdb-bio-summary .sdb-bio-dates {
margin-top: 18px;
padding: 18px 0 0;
border: 0;
border-top: 1px solid var(--sdb-bio-border);
border-radius: 0;
background: transparent;
}
.sdb-bio-summary .sdb-bio-dates__title {
margin: 0 0 12px !important;
color: var(--sdb-bio-muted) !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
}
.sdb-bio-card--grid .sdb-bio-card__media {
aspect-ratio: 4 / 5 !important;
min-height: 0 !important;
display: block !important;
position: relative !important;
background: #f2f4f7 !important;
}
.sdb-bio-card__media .sdb-bio-card__image,
.sdb-bio-card__media .sdb-bio-card__placeholder,
.sdb-bio-featured-card__media .sdb-bio-featured-card__image,
.sdb-bio-featured-card__media .sdb-bio-featured-card__placeholder {
position: absolute !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center;
}
.sdb-bio-featured-card__media {
position: relative;
}
.sdb-bio-pill {
cursor: default;
pointer-events: none;
border-color: #e8eef5;
background: #fff;
color: #7b8794 !important;
}
.sdb-bio-pill:hover {
border-color: #e8eef5;
background: #fff;
color: #7b8794 !important;
}
.sdb-bio-card__terms,
.sdb-bio-featured-card__terms {
margin-bottom: 12px;
}
.sdb-bio-card__title {
font-size: clamp(17px, 1.04vw, 19px) !important;
line-height: 1.24 !important;
}
.sdb-bio-facts { display: none !important; }
.sdb-bio-profile__media > .sdb-bio-dates { display: none !important; }
.sdb-bio-share__instagram { display: none !important; } .sdb-bio-featured-shortcode {
display: block !important;
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
}
.sdb-bio-featured-card {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
gap: 0 !important;
align-items: stretch !important;
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
border: 1px solid #e5edf6 !important;
border-radius: calc(var(--sdb-bio-radius) + 6px) !important;
background: #fff !important;
box-shadow: 0 18px 44px rgba(42, 54, 68, 0.07) !important;
}
.sdb-bio-featured-card__media {
position: relative !important;
display: block !important;
width: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
aspect-ratio: 4 / 5 !important;
overflow: hidden !important;
background: #eef3f8 !important;
text-decoration: none !important;
}
.sdb-bio-featured-card__image,
.sdb-bio-featured-card__placeholder {
position: absolute !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center;
}
.sdb-bio-featured-card__body {
min-width: 0 !important;
padding: clamp(26px, 4vw, 48px) !important;
}
.sdb-bio-featured-card__title {
font-size: clamp(27px, 3vw, 40px) !important;
line-height: 1.08 !important;
}
.sdb-bio-carousel {
width: 100%;
max-width: 100%;
margin: 0 0 34px;
overflow: hidden;
}
.sdb-bio-carousel__header {
display: flex;
align-items: end;
justify-content: space-between;
gap: 20px;
margin: 0 0 18px;
}
.sdb-bio-carousel__title {
margin: 0 !important;
color: var(--sdb-bio-title) !important;
font-size: clamp(24px, 2.5vw, 34px) !important;
line-height: 1.15 !important;
font-weight: 750 !important;
letter-spacing: -.025em !important;
}
.sdb-bio-carousel__shell {
position: relative;
width: 100%;
max-width: 100%;
}
.sdb-bio-carousel__track {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(230px, 280px);
gap: 24px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-padding-inline: 2px;
padding: 2px 2px 18px;
scrollbar-width: thin;
-webkit-overflow-scrolling: touch;
}
.sdb-bio-carousel__item {
min-width: 0;
scroll-snap-align: start;
}
.sdb-bio-carousel__item .sdb-bio-card {
height: 100%;
}
.sdb-bio-carousel__nav {
position: absolute;
z-index: 2;
top: 42%;
width: 42px;
height: 42px;
border: 1px solid #dfeaf5;
border-radius: 999px;
background: #fff;
color: var(--sdb-bio-primary);
box-shadow: 0 10px 24px rgba(42, 54, 68, 0.12);
cursor: pointer;
font-size: 28px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
}
.sdb-bio-carousel__nav:hover {
background: var(--sdb-bio-primary);
border-color: var(--sdb-bio-primary);
color: #fff;
}
.sdb-bio-carousel__nav--prev { left: -12px; }
.sdb-bio-carousel__nav--next { right: -12px; }
@media (max-width: 720px) {
.sdb-bio-carousel__track {
grid-auto-columns: minmax(210px, 78vw);
gap: 18px;
}
.sdb-bio-carousel__nav { display: none; }
} .sdb-bio-card {
border: 1px solid rgba(219, 229, 240, .95) !important;
border-radius: 14px !important;
overflow: hidden !important;
background: #fff !important;
box-shadow: 0 12px 34px rgba(31, 45, 61, .055) !important;
transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.sdb-bio-card:hover {
transform: translateY(-2px) !important;
border-color: rgba(191, 210, 230, .95) !important;
box-shadow: 0 18px 42px rgba(31, 45, 61, .085) !important;
}
.sdb-bio-card--grid .sdb-bio-card__media,
.sdb-bio-carousel .sdb-bio-card__media {
aspect-ratio: 4 / 5 !important;
min-height: 0 !important;
position: relative !important;
display: block !important;
overflow: hidden !important;
background: #eef2f6 !important;
}
.sdb-bio-card__media::after,
.sdb-bio-featured-card__media::after {
content: "";
position: absolute;
inset: auto 0 0 0;
height: 44%;
background: linear-gradient(180deg, rgba(9, 31, 56, 0) 0%, rgba(9, 31, 56, .32) 100%);
pointer-events: none;
opacity: .78;
z-index: 1;
}
.sdb-bio-card__media .sdb-bio-card__image,
.sdb-bio-card__media .sdb-bio-card__placeholder,
.sdb-bio-featured-card__media .sdb-bio-featured-card__image,
.sdb-bio-featured-card__media .sdb-bio-featured-card__placeholder {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
background-size: cover !important;
background-repeat: no-repeat !important;
transform: scale(1.001);
}
.sdb-bio-card__placeholder,
.sdb-bio-featured-card__placeholder {
background-size: 58% auto !important;
background-position: center center !important;
background-color: #f3f5f8 !important;
}
.sdb-bio-card__terms,
.sdb-bio-featured-card__terms {
position: absolute !important;
left: 16px !important;
right: 16px !important;
bottom: 14px !important;
z-index: 3 !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
margin: 0 !important;
pointer-events: none !important;
}
.sdb-bio-pill {
display: inline-flex !important;
align-items: center !important;
width: fit-content !important;
max-width: 100% !important;
padding: 4px 9px 3px !important;
border: 1px solid rgba(255, 255, 255, .72) !important;
border-radius: 999px !important;
background: rgba(255, 255, 255, .92) !important;
color: #405269 !important;
font-size: 9.5px !important;
line-height: 1.15 !important;
font-weight: 800 !important;
letter-spacing: .09em !important;
text-transform: uppercase !important;
text-decoration: none !important;
box-shadow: 0 6px 18px rgba(14, 35, 57, .11) !important;
backdrop-filter: blur(6px);
}
.sdb-bio-card__body {
padding: 20px 20px 22px !important;
min-height: 128px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
}
.sdb-bio-card__title {
margin: 0 !important;
color: var(--sdb-bio-primary) !important;
font-size: clamp(18px, 1.08vw, 21px) !important;
line-height: 1.18 !important;
font-weight: 700 !important;
letter-spacing: -.018em !important;
}
.sdb-bio-card__title a { color: inherit !important; text-decoration: none !important; }
.sdb-bio-card__title a:hover { color: var(--sdb-bio-title) !important; }
.sdb-bio-card__excerpt { margin-top: 11px !important; font-size: 14px !important; line-height: 1.55 !important; color: var(--sdb-bio-muted) !important; }
.sdb-bio-profile-terms {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: clamp(26px, 4vw, 44px) 0 0;
padding-top: 22px;
border-top: 1px solid var(--sdb-bio-border);
}
.sdb-bio-profile-terms .sdb-bio-pill {
position: static !important;
border-color: #dfe8f2 !important;
background: #fff !important;
color: #617389 !important;
box-shadow: none !important;
}
.sdb-bio-featured-shortcode {
max-width: 100% !important;
overflow: visible !important;
}
.sdb-bio-featured-card {
display: grid !important;
grid-template-columns: minmax(220px, 42%) minmax(0, 1fr) !important;
align-items: stretch !important;
gap: 0 !important;
overflow: hidden !important;
border: 1px solid #e1ebf4 !important;
border-radius: 18px !important;
background: #fff !important;
box-shadow: 0 18px 44px rgba(31, 45, 61, .075) !important;
}
.sdb-bio-featured-card__media {
aspect-ratio: 4 / 5 !important;
min-height: 0 !important;
max-height: 520px !important;
position: relative !important;
background: #eef2f6 !important;
}
.sdb-bio-featured-card__body {
justify-content: center !important;
padding: clamp(28px, 4vw, 50px) !important;
min-width: 0 !important;
}
.sdb-bio-featured-card__eyebrow {
margin: 0 0 14px !important;
color: var(--sdb-bio-primary) !important;
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
letter-spacing: .13em !important;
text-transform: uppercase !important;
}
.sdb-bio-featured-card__title {
margin: 0 !important;
font-size: clamp(28px, 3.3vw, 44px) !important;
line-height: 1.04 !important;
font-weight: 700 !important;
letter-spacing: -.04em !important;
}
.sdb-bio-featured-card__excerpt {
margin: 18px 0 0 !important;
font-size: clamp(16px, 1.3vw, 18px) !important;
line-height: 1.65 !important;
}
.sdb-bio-featured-card__button { margin-top: 24px !important; }
.sdb-bio-carousel {
position: relative !important;
margin: 0 0 40px !important;
overflow: visible !important;
}
.sdb-bio-carousel__header { margin: 0 0 20px !important; }
.sdb-bio-carousel__title {
font-size: clamp(22px, 2.1vw, 30px) !important;
font-weight: 750 !important;
letter-spacing: -.025em !important;
}
.sdb-bio-carousel__shell {
position: relative !important;
overflow: hidden !important;
padding: 2px 46px !important;
}
.sdb-bio-carousel__track {
display: flex !important;
gap: 24px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-snap-type: x mandatory !important;
scroll-behavior: smooth !important;
padding: 0 0 4px !important;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
}
.sdb-bio-carousel__track::-webkit-scrollbar { display: none !important; }
.sdb-bio-carousel__item {
flex: 0 0 calc((100% - 72px) / 4) !important;
min-width: 0 !important;
scroll-snap-align: start !important;
}
.sdb-bio-carousel__item .sdb-bio-card { height: 100% !important; }
.sdb-bio-carousel__nav {
top: 50% !important;
transform: translateY(-50%) !important;
width: 38px !important;
height: 38px !important;
border: 1px solid #dce8f3 !important;
border-radius: 999px !important;
background: rgba(255, 255, 255, .96) !important;
color: var(--sdb-bio-primary) !important;
box-shadow: 0 12px 28px rgba(31, 45, 61, .12) !important;
font-size: 0 !important;
}
.sdb-bio-carousel__nav::before {
content: "";
width: 9px;
height: 9px;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
display: block;
}
.sdb-bio-carousel__nav--prev { left: 4px !important; }
.sdb-bio-carousel__nav--next { right: 4px !important; }
.sdb-bio-carousel__nav--prev::before { transform: rotate(-135deg); margin-left: 3px; }
.sdb-bio-carousel__nav--next::before { transform: rotate(45deg); margin-right: 3px; }
.sdb-bio-carousel__nav:hover { background: var(--sdb-bio-primary) !important; color: #fff !important; }
@media (max-width: 1100px) {
.sdb-bio-carousel__item { flex-basis: calc((100% - 48px) / 3) !important; }
}
@media (max-width: 820px) {
.sdb-bio-featured-card { grid-template-columns: 1fr !important; }
.sdb-bio-featured-card__media { max-height: none !important; }
.sdb-bio-carousel__shell { padding-inline: 0 !important; overflow: visible !important; }
.sdb-bio-carousel__item { flex-basis: min(78vw, 280px) !important; }
.sdb-bio-carousel__nav { display: none !important; }
}
@media (max-width: 640px) {
.sdb-bio-card__body { padding: 18px !important; min-height: 112px !important; }
.sdb-bio-card__title { font-size: 19px !important; }
.sdb-bio-card__terms, .sdb-bio-featured-card__terms { left: 12px !important; right: 12px !important; bottom: 12px !important; }
} .sdb-bio-card {
display: flex !important;
flex-direction: column !important;
height: auto !important;
min-height: 0 !important;
border-radius: 12px !important;
box-shadow: 0 10px 28px rgba(31,45,61,.05) !important;
}
.sdb-bio-card--grid .sdb-bio-card__media,
.sdb-bio-carousel .sdb-bio-card__media {
aspect-ratio: 4 / 5 !important;
flex: 0 0 auto !important;
}
.sdb-bio-card__body {
flex: 0 0 auto !important;
min-height: 0 !important;
padding: 16px 18px 18px !important;
}
.sdb-bio-card__title {
font-size: clamp(17px, .96vw, 19px) !important;
line-height: 1.18 !important;
font-weight: 700 !important;
letter-spacing: -.012em !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.sdb-bio-card__excerpt {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
.sdb-bio-card__media::after,
.sdb-bio-featured-card__media::after {
height: 36% !important;
background: linear-gradient(180deg, rgba(9,31,56,0) 0%, rgba(9,31,56,.24) 100%) !important;
}
.sdb-bio-card__terms,
.sdb-bio-featured-card__terms {
left: 14px !important;
right: 14px !important;
bottom: 12px !important;
}
.sdb-bio-pill {
padding: 4px 8px 3px !important;
font-size: 9px !important;
letter-spacing: .08em !important;
box-shadow: 0 5px 14px rgba(14,35,57,.09) !important;
} .sdb-bio-featured-shortcode {
container-type: inline-size;
width: 100% !important;
max-width: 100% !important;
}
.sdb-bio-featured-card {
grid-template-columns: minmax(260px, 38%) minmax(0, 1fr) !important;
border-radius: 16px !important;
box-shadow: 0 16px 38px rgba(31,45,61,.07) !important;
}
.sdb-bio-featured-card__media {
aspect-ratio: 4 / 5 !important;
min-height: 0 !important;
max-height: 440px !important;
}
.sdb-bio-featured-card__body {
padding: clamp(24px, 3.2vw, 42px) !important;
min-width: 0 !important;
overflow-wrap: anywhere !important;
}
.sdb-bio-featured-card__eyebrow {
max-width: 100% !important;
margin-bottom: 10px !important;
font-size: 10.5px !important;
letter-spacing: .12em !important;
white-space: normal !important;
}
.sdb-bio-featured-card__title {
font-size: clamp(26px, 2.55vw, 38px) !important;
line-height: 1.07 !important;
overflow-wrap: normal !important;
word-break: normal !important;
hyphens: none !important;
}
.sdb-bio-featured-card__button {
margin-top: 22px !important;
min-height: 42px !important;
padding-inline: 18px !important;
}
@container (max-width: 760px) {
.sdb-bio-featured-card {
display: block !important;
}
.sdb-bio-featured-card__media {
aspect-ratio: 4 / 3 !important;
max-height: 360px !important;
}
.sdb-bio-featured-card__body {
padding: 24px !important;
}
.sdb-bio-featured-card__title {
font-size: clamp(25px, 8vw, 34px) !important;
}
}
@media (max-width: 820px) {
.sdb-bio-featured-card { display: block !important; }
.sdb-bio-featured-card__media { aspect-ratio: 4 / 3 !important; max-height: 360px !important; }
.sdb-bio-featured-card__body { padding: 24px !important; }
} .sdb-bio-carousel {
padding: 0 !important;
margin: 0 0 36px !important;
background: transparent !important;
}
.sdb-bio-carousel__header {
margin-bottom: 18px !important;
}
.sdb-bio-carousel__title {
font-size: clamp(22px, 2vw, 28px) !important;
line-height: 1.18 !important;
font-weight: 760 !important;
color: var(--sdb-bio-title) !important;
}
.sdb-bio-carousel__shell {
padding: 0 !important;
overflow: visible !important;
}
.sdb-bio-carousel__track {
gap: 20px !important;
padding: 0 2px 2px !important;
overflow-x: auto !important;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%);
-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%);
}
.sdb-bio-carousel__track::-webkit-scrollbar { display: none !important; }
.sdb-bio-carousel__item {
flex: 0 0 clamp(210px, 20.5vw, 252px) !important;
}
.sdb-bio-carousel .sdb-bio-card {
height: auto !important;
min-height: 0 !important;
box-shadow: 0 10px 26px rgba(31,45,61,.055) !important;
}
.sdb-bio-carousel .sdb-bio-card__media {
aspect-ratio: 3 / 3.7 !important;
}
.sdb-bio-carousel .sdb-bio-card__body {
padding: 15px 17px 17px !important;
min-height: 0 !important;
}
.sdb-bio-carousel .sdb-bio-card__title {
font-size: 17px !important;
line-height: 1.18 !important;
}
.sdb-bio-carousel__nav {
width: 34px !important;
height: 34px !important;
top: 42% !important;
opacity: .88 !important;
border-color: rgba(216,229,241,.95) !important;
box-shadow: 0 10px 22px rgba(31,45,61,.10) !important;
}
.sdb-bio-carousel__nav--prev { left: -17px !important; }
.sdb-bio-carousel__nav--next { right: -17px !important; }
.sdb-bio-carousel__nav::before { width: 8px !important; height: 8px !important; border-width: 2px !important; }
.sdb-bio-carousel__nav:hover { opacity: 1 !important; }
@media (max-width: 900px) {
.sdb-bio-carousel__item { flex-basis: clamp(200px, 42vw, 245px) !important; }
}
@media (max-width: 640px) {
.sdb-bio-carousel__track {
gap: 16px !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
.sdb-bio-carousel__item { flex-basis: min(76vw, 240px) !important; }
.sdb-bio-carousel__nav { display: none !important; }
.sdb-bio-card__body { padding: 15px 16px 17px !important; }
} .sdb-bio-directory {
display: block !important;
width: 100% !important;
max-width: 100% !important;
clear: both !important;
}
.sdb-bio-directory > .sdb-bio-filters,
.sdb-bio-directory > .sdb-bio-listing,
.sdb-bio-directory > .sdb-bio-pagination {
position: relative !important;
width: 100% !important;
max-width: 100% !important;
}
.sdb-bio-directory > .sdb-bio-listing {
display: grid !important;
clear: both !important;
}
.sdb-bio-directory > .sdb-bio-listing--grid.sdb-bio-columns-1 { grid-template-columns: 1fr !important; }
.sdb-bio-directory > .sdb-bio-listing--grid.sdb-bio-columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.sdb-bio-directory > .sdb-bio-listing--grid.sdb-bio-columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.sdb-bio-directory > .sdb-bio-listing--grid.sdb-bio-columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.sdb-bio-directory > .sdb-bio-pagination {
display: block !important;
margin-top: 34px !important;
}
.sdb-bio-filters {
isolation: isolate !important;
}
.sdb-bio-filters__field,
.sdb-bio-filters__actions {
align-self: end !important;
} .sdb-bio-carousel__track {
align-items: stretch !important;
}
.sdb-bio-carousel__item {
display: flex !important;
align-self: stretch !important;
height: auto !important;
}
.sdb-bio-carousel__item .sdb-bio-card {
display: grid !important;
grid-template-rows: auto 1fr !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
}
.sdb-bio-carousel__item .sdb-bio-card__body {
min-height: 82px !important;
height: 100% !important;
}
.sdb-bio-carousel__item .sdb-bio-card__title {
min-height: calc(2em * 1.18) !important;
}
@media (max-width: 1180px) {
.sdb-bio-directory > .sdb-bio-listing--grid.sdb-bio-columns-3,
.sdb-bio-directory > .sdb-bio-listing--grid.sdb-bio-columns-4 {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 720px) {
.sdb-bio-directory > .sdb-bio-listing--grid.sdb-bio-columns-2,
.sdb-bio-directory > .sdb-bio-listing--grid.sdb-bio-columns-3,
.sdb-bio-directory > .sdb-bio-listing--grid.sdb-bio-columns-4 {
grid-template-columns: 1fr !important;
}
.sdb-bio-carousel__item .sdb-bio-card__title {
min-height: 0 !important;
}
} .sdb-bio,
.sdb-bio * {
box-sizing: border-box;
}
.sdb-bio-directory {
display: block !important;
contain: layout style !important;
}
.sdb-bio-directory > .sdb-bio-filters {
display: grid !important;
grid-template-columns: minmax(220px, 1.25fr) minmax(160px, .75fr) minmax(160px, .75fr) minmax(160px, .7fr) auto !important;
align-items: end !important;
gap: 14px !important;
width: 100% !important;
margin: 0 0 30px !important;
padding: 18px !important;
overflow: visible !important;
}
.sdb-bio-directory > .sdb-bio-filters > .sdb-bio-filters__field,
.sdb-bio-directory > .sdb-bio-filters > .sdb-bio-filters__actions {
min-width: 0 !important;
width: 100% !important;
} .sdb-bio-filters .sdb-bio-listing,
.sdb-bio-filters .sdb-bio-pagination {
grid-column: 1 / -1 !important;
width: 100% !important;
max-width: 100% !important;
}
.sdb-bio-directory > .sdb-bio-listing--grid {
display: grid !important;
align-items: stretch !important;
gap: clamp(22px, 2.2vw, 34px) !important;
}
.sdb-bio-listing--grid .sdb-bio-card,
.sdb-bio-carousel__item .sdb-bio-card {
display: grid !important;
grid-template-rows: auto auto !important;
align-self: stretch !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
}
.sdb-bio-listing--grid .sdb-bio-card__media,
.sdb-bio-carousel .sdb-bio-card__media {
width: 100% !important;
aspect-ratio: 4 / 5 !important;
min-height: 0 !important;
}
.sdb-bio-listing--grid .sdb-bio-card__body,
.sdb-bio-carousel .sdb-bio-card__body {
min-height: 92px !important;
padding: 16px 18px 18px !important;
}
.sdb-bio-listing--grid .sdb-bio-card__title,
.sdb-bio-carousel .sdb-bio-card__title {
min-height: 0 !important;
font-size: clamp(16.5px, .92vw, 18.5px) !important;
line-height: 1.18 !important;
}
.sdb-bio-carousel__shell {
overflow: visible !important;
}
.sdb-bio-carousel__track {
display: flex !important;
align-items: stretch !important;
gap: 22px !important;
width: 100% !important;
padding: 0 2px 2px !important;
}
.sdb-bio-carousel__item {
display: flex !important;
flex: 0 0 clamp(220px, 22vw, 270px) !important;
align-self: stretch !important;
}
.sdb-bio-carousel .sdb-bio-card__media {
aspect-ratio: 4 / 4.9 !important;
}
.sdb-bio-carousel .sdb-bio-card__body {
min-height: 86px !important;
}
.sdb-bio-carousel__nav {
top: calc(50% - 18px) !important;
}
.sdb-bio-featured-card {
min-width: 0 !important;
}
.sdb-bio-featured-card__body {
min-width: 0 !important;
overflow: hidden !important;
}
.sdb-bio-featured-card__title {
overflow-wrap: normal !important;
word-break: normal !important;
}
@media (max-width: 1180px) {
.sdb-bio-directory > .sdb-bio-filters {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.sdb-bio-directory > .sdb-bio-filters > .sdb-bio-filters__field--search,
.sdb-bio-directory > .sdb-bio-filters > .sdb-bio-filters__actions {
grid-column: auto !important;
}
}
@media (max-width: 720px) {
.sdb-bio-directory > .sdb-bio-filters {
grid-template-columns: 1fr !important;
}
.sdb-bio-carousel__item {
flex-basis: min(78vw, 255px) !important;
}
} .sdb-bio-card.sdb-profile-card,
.sdb-bio-card.sdb-editorial-card {
background: var(--sdb-color-surface, #fff);
border-color: var(--sdb-color-border, #e6edf5);
box-shadow: var(--sdb-shadow-card, var(--sdb-bio-shadow));
}
.sdb-bio-card__title,
.sdb-bio-featured-card__title,
.sdb-bio-section-title,
.sdb-bio-carousel__title {
font-family: var(--sdb-bio-font-heading);
}
.sdb-bio-card__terms.sdb-tag-on-image,
.sdb-bio-featured-card__terms.sdb-tag-on-image {
background: transparent;
}
.sdb-bio-summary.sdb-detail,
.sdb-bio-dates.sdb-date-list,
.sdb-bio-dates.sdb-timeline-compact {
border-color: var(--sdb-color-border, #e6edf5);
}
.sdb-bio-share.sdb-share-actions a:focus-visible,
.sdb-bio-share.sdb-share-actions button:focus-visible,
.sdb-bio-card a:focus-visible,
.sdb-bio-featured-card a:focus-visible,
.sdb-bio-carousel__track:focus-visible,
.sdb-bio-carousel__nav:focus-visible {
outline: 2px solid var(--sdb-color-primary, #0058B7);
outline-offset: 3px;
} .sdb-bio .sdb-bio-filters,
.sdb-bio-directory > .sdb-bio-filters.sdb-filter-bar {
display: grid !important;
grid-template-columns: minmax(240px, 1.35fr) minmax(180px, .75fr) auto auto !important;
gap: 16px !important;
align-items: end !important;
justify-content: start !important;
padding: clamp(16px, 2vw, 22px) !important;
border-radius: 16px !important;
}
.sdb-bio .sdb-bio-filters__field {
min-width: 0 !important;
width: 100% !important;
}
.sdb-bio .sdb-bio-filters__field--search { min-width: min(100%, 320px) !important; }
.sdb-bio .sdb-bio-filters__actions {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
width: auto !important;
min-width: max-content !important;
min-height: 44px !important;
}
.sdb-bio .sdb-bio-filters .sdb-bio-button,
.sdb-bio .sdb-bio-filters .sdb-btn,
.sdb-bio .sdb-bio-filters button[type="submit"] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 96px !important;
max-width: none !important;
height: 44px !important;
min-height: 44px !important;
padding: 0 18px !important;
white-space: nowrap !important;
writing-mode: horizontal-tb !important;
word-break: normal !important;
overflow-wrap: normal !important;
line-height: 1 !important;
text-align: center !important;
}
.sdb-bio .sdb-bio-filters__reset {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
height: 44px !important;
padding: 0 4px !important;
white-space: nowrap !important;
writing-mode: horizontal-tb !important;
word-break: normal !important;
}
.sdb-bio .sdb-bio-filters input[type="search"],
.sdb-bio .sdb-bio-filters select {
max-width: 100% !important;
height: 44px !important;
min-height: 44px !important;
} .sdb-bio .sdb-bio-card.sdb-profile-card,
.sdb-bio .sdb-bio-card.sdb-editorial-card {
border-radius: 12px !important;
overflow: hidden !important;
}
.sdb-bio .sdb-bio-card__body {
padding: 15px 17px 17px !important;
min-height: 82px !important;
height: auto !important;
}
.sdb-bio .sdb-bio-card__title {
font-size: clamp(16.5px, .88vw, 18.5px) !important;
line-height: 1.18 !important;
min-height: 0 !important;
}
.sdb-bio .sdb-bio-card__media {
aspect-ratio: 4 / 5 !important;
} .sdb-bio-featured-shortcode {
width: 100% !important;
max-width: 100% !important;
}
.sdb-bio .sdb-bio-featured-card.sdb-featured-profile {
display: grid !important;
grid-template-columns: minmax(220px, 40%) minmax(0, 1fr) !important;
gap: 0 !important;
width: 100% !important;
max-width: 860px !important;
margin-inline: 0 !important;
border-radius: 16px !important;
overflow: hidden !important;
}
.sdb-bio .sdb-bio-featured-card__media {
aspect-ratio: 4 / 5 !important;
max-height: 420px !important;
min-height: 0 !important;
}
.sdb-bio .sdb-bio-featured-card__body {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
gap: 0 !important;
padding: clamp(22px, 3vw, 36px) !important;
min-width: 0 !important;
overflow: visible !important;
}
.sdb-bio .sdb-bio-featured-card__eyebrow {
margin: 0 0 10px !important;
font-size: 11px !important;
line-height: 1.25 !important;
letter-spacing: .12em !important;
white-space: normal !important;
word-break: normal !important;
writing-mode: horizontal-tb !important;
}
.sdb-bio .sdb-bio-featured-card__title {
font-size: clamp(25px, 2.6vw, 36px) !important;
line-height: 1.06 !important;
max-width: 100% !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
.sdb-bio .sdb-bio-featured-card__button,
.sdb-bio .sdb-bio-featured-card__button.sdb-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
align-self: flex-start !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
min-height: 42px !important;
margin-top: 22px !important;
padding: 10px 18px !important;
white-space: nowrap !important;
writing-mode: horizontal-tb !important;
word-break: normal !important;
} .sdb-bio-carousel {
width: 100% !important;
overflow: hidden !important;
padding: 0 !important;
}
.sdb-bio-carousel__shell {
overflow: hidden !important;
padding: 0 40px !important;
}
.sdb-bio-carousel__track {
display: flex !important;
align-items: stretch !important;
gap: 18px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
padding: 0 2px 4px !important;
scroll-snap-type: x mandatory !important;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
.sdb-bio-carousel__track::-webkit-scrollbar { display: none !important; }
.sdb-bio-carousel__item {
flex: 0 0 clamp(196px, 18vw, 230px) !important;
display: flex !important;
min-width: 0 !important;
scroll-snap-align: start !important;
}
.sdb-bio-carousel .sdb-bio-card {
width: 100% !important;
height: 100% !important;
display: grid !important;
grid-template-rows: auto 1fr !important;
box-shadow: 0 8px 22px rgba(31,45,61,.052) !important;
}
.sdb-bio-carousel .sdb-bio-card__media {
aspect-ratio: 4 / 4.7 !important;
}
.sdb-bio-carousel .sdb-bio-card__body {
min-height: 76px !important;
padding: 14px 16px 16px !important;
}
.sdb-bio-carousel .sdb-bio-card__title {
font-size: 16.5px !important;
line-height: 1.17 !important;
}
.sdb-bio-carousel__nav {
width: 34px !important;
height: 34px !important;
top: 44% !important;
transform: translateY(-50%) !important;
opacity: .92 !important;
}
.sdb-bio-carousel__nav--prev { left: 4px !important; }
.sdb-bio-carousel__nav--next { right: 4px !important; }
@media (max-width: 1180px) {
.sdb-bio .sdb-bio-filters,
.sdb-bio-directory > .sdb-bio-filters.sdb-filter-bar {
grid-template-columns: minmax(220px, 1fr) minmax(160px, .72fr) auto !important;
}
.sdb-bio .sdb-bio-filters__field:not(.sdb-bio-filters__field--search):has(select[name="sdb_bio_categoria"]),
.sdb-bio .sdb-bio-filters__field:not(.sdb-bio-filters__field--search):has(select[name="sdb_bio_subcategoria"]) {
grid-column: auto !important;
}
}
@media (max-width: 820px) {
.sdb-bio .sdb-bio-featured-card.sdb-featured-profile {
display: block !important;
max-width: 520px !important;
}
.sdb-bio .sdb-bio-featured-card__media {
aspect-ratio: 4 / 3 !important;
max-height: 340px !important;
}
.sdb-bio-carousel__shell { padding-inline: 0 !important; overflow: visible !important; }
.sdb-bio-carousel__item { flex-basis: min(74vw, 230px) !important; }
.sdb-bio-carousel__nav { display: none !important; }
}
@media (max-width: 720px) {
.sdb-bio .sdb-bio-filters,
.sdb-bio-directory > .sdb-bio-filters.sdb-filter-bar {
grid-template-columns: 1fr !important;
}
.sdb-bio .sdb-bio-filters__actions {
width: 100% !important;
min-width: 0 !important;
}
.sdb-bio .sdb-bio-filters .sdb-bio-button,
.sdb-bio .sdb-bio-filters button[type="submit"] {
flex: 0 0 auto !important;
}
}  .sdb-bio-directory > form.sdb-bio-filters,
.sdb-bio form.sdb-bio-filters.sdb-filter-bar {
display: grid !important;
grid-template-columns: minmax(260px, 1fr) minmax(180px, 220px) max-content max-content !important;
align-items: end !important;
justify-content: start !important;
gap: 16px !important;
padding: 18px !important;
}
.sdb-bio-filters__actions {
display: inline-flex !important;
flex-flow: row nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
white-space: nowrap !important;
}
.sdb-bio-filters__actions > *,
.sdb-bio-filters button,
.sdb-bio-filters .sdb-bio-button,
.sdb-bio-filters .sdb-btn,
.sdb-bio-filters__reset {
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
white-space: nowrap !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
letter-spacing: normal !important;
}
.sdb-bio-filters button[type="submit"],
.sdb-bio-filters .sdb-bio-button--primary {
inline-size: auto !important;
width: auto !important;
min-width: 104px !important;
height: 44px !important;
padding: 0 20px !important;
line-height: 1 !important;
}
.sdb-bio-filters__reset {
min-width: 56px !important;
height: 44px !important;
padding: 0 4px !important;
} .sdb-bio-listing--grid .sdb-bio-card,
.sdb-bio-carousel .sdb-bio-card {
border-radius: 12px !important;
box-shadow: 0 8px 22px rgba(31, 45, 61, .055) !important;
}
.sdb-bio-listing--grid .sdb-bio-card__body {
padding: 15px 17px 17px !important;
min-height: 84px !important;
}
.sdb-bio-listing--grid .sdb-bio-card__title {
font-size: clamp(16.5px, .86vw, 18px) !important;
line-height: 1.18 !important;
} .sdb-bio-featured-shortcode {
display: block !important;
width: 100% !important;
max-width: 460px !important;
overflow: visible !important;
}
.sdb-bio .sdb-bio-featured-card,
.sdb-bio .sdb-bio-featured-card.sdb-featured-profile {
display: block !important;
width: 100% !important;
max-width: 460px !important;
margin: 0 !important;
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0 12px 30px rgba(31, 45, 61, .07) !important;
}
.sdb-bio .sdb-bio-featured-card__media {
display: block !important;
width: 100% !important;
aspect-ratio: 4 / 3 !important;
max-height: none !important;
min-height: 0 !important;
}
.sdb-bio .sdb-bio-featured-card__body {
display: block !important;
padding: 22px 24px 26px !important;
min-width: 0 !important;
overflow: visible !important;
}
.sdb-bio .sdb-bio-featured-card__eyebrow {
display: block !important;
margin: 0 0 10px !important;
font-size: 11px !important;
line-height: 1.25 !important;
letter-spacing: .12em !important;
writing-mode: horizontal-tb !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.sdb-bio .sdb-bio-featured-card__title {
display: block !important;
margin: 0 !important;
font-size: clamp(26px, 3vw, 34px) !important;
line-height: 1.06 !important;
writing-mode: horizontal-tb !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
}
.sdb-bio .sdb-bio-featured-card__button,
.sdb-bio .sdb-bio-featured-card__button.sdb-btn {
display: inline-flex !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
margin-top: 20px !important;
padding: 10px 18px !important;
white-space: nowrap !important;
writing-mode: horizontal-tb !important;
word-break: normal !important;
} .sdb-bio-carousel {
position: relative !important;
overflow: visible !important;
background: transparent !important;
padding: 0 !important;
margin: 0 0 36px !important;
}
.sdb-bio-carousel__shell {
position: relative !important;
overflow: visible !important;
padding: 0 34px !important;
}
.sdb-bio-carousel__track {
display: flex !important;
align-items: stretch !important;
gap: 20px !important;
overflow-x: auto !important;
overflow-y: visible !important;
padding: 12px 4px 22px !important;
scroll-snap-type: x mandatory !important;
scrollbar-width: none !important;
-ms-overflow-style: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
.sdb-bio-carousel__track::-webkit-scrollbar { display: none !important; }
.sdb-bio-carousel__item {
flex: 0 0 clamp(200px, 17vw, 230px) !important;
display: flex !important;
align-self: stretch !important;
min-width: 0 !important;
scroll-snap-align: start !important;
}
.sdb-bio-carousel .sdb-bio-card {
display: grid !important;
grid-template-rows: auto 92px !important;
width: 100% !important;
height: auto !important;
min-height: 0 !important;
overflow: hidden !important;
}
.sdb-bio-carousel .sdb-bio-card__media {
aspect-ratio: 4 / 4.35 !important;
width: 100% !important;
}
.sdb-bio-carousel .sdb-bio-card__body {
display: flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
min-height: 92px !important;
height: 92px !important;
padding: 14px 16px 16px !important;
}
.sdb-bio-carousel .sdb-bio-card__title {
min-height: 0 !important;
font-size: 16.5px !important;
line-height: 1.18 !important;
-webkit-line-clamp: 2 !important;
}
.sdb-bio-carousel__nav {
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 5 !important;
width: 34px !important;
height: 34px !important;
border: 1px solid rgba(210, 225, 239, .95) !important;
border-radius: 999px !important;
background: rgba(255, 255, 255, .96) !important;
color: var(--sdb-bio-primary) !important;
box-shadow: 0 8px 20px rgba(31, 45, 61, .12) !important;
font-size: 22px !important;
line-height: 1 !important;
opacity: .92 !important;
}
.sdb-bio-carousel__nav::before { display: none !important; content: none !important; }
.sdb-bio-carousel__nav--prev { left: 0 !important; }
.sdb-bio-carousel__nav--next { right: 0 !important; }
.sdb-bio-carousel__nav:hover,
.sdb-bio-carousel__nav:focus-visible {
background: var(--sdb-bio-primary) !important;
border-color: var(--sdb-bio-primary) !important;
color: #fff !important;
}
@media (max-width: 900px) {
.sdb-bio-directory > form.sdb-bio-filters,
.sdb-bio form.sdb-bio-filters.sdb-filter-bar {
grid-template-columns: 1fr 1fr !important;
}
.sdb-bio-filters__actions { grid-column: 1 / -1 !important; }
}
@media (max-width: 640px) {
.sdb-bio-directory > form.sdb-bio-filters,
.sdb-bio form.sdb-bio-filters.sdb-filter-bar {
grid-template-columns: 1fr !important;
}
.sdb-bio-carousel__shell { padding-inline: 0 !important; }
.sdb-bio-carousel__item { flex-basis: min(76vw, 225px) !important; }
.sdb-bio-carousel__nav { display: none !important; }
}