img.lazy{min-height:1px}
html,
body,
#page,
#content,
.site-content,
.main-wrapper,
#main,
main,
.secondary-background,
.guides-section,
.guides-section.secondary-background,
.page-heading.secondary-background,
.page-heading::after,
.header-lang.secondary-background,
.cw-bitcoin-section,
.cw-crypto-section {
background-color: #ffffff !important;
}
html {
margin: 0;
}
body {
margin: 0;
color: #33302e;
font-family: "Inter", "Inter Fallback", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
h1, h3, h4, h5, h6,
.page-heading h1,
.guides-section-title,
.story h2,
.entry-content h2 {
font-family: "Playfair Display", "Playfair Fallback", Georgia, "Times New Roman", Times, serif;
}
/* Event card titles: match staging computed style (global h3 → Playfair 500). */
body.ci-event-calendar-page .ci-event-cal__full-name,
body.ci-event-calendar-page .ci-event-cal__full-name a,
body.ci-event-calendar-page .ci-event-cal__featured-name,
body.ci-event-calendar-page .ci-event-cal__featured-name a {
font-family: "Playfair Display", "Playfair Fallback", Georgia, "Times New Roman", Times, serif;
font-weight: 500;
}
.ci-home-section__title,
.ci-home-hero__side-title,
.ci-cat-section-title,
.ci-news-widget__title,
.ci-news-archive__eyebrow,
.ci-article-more__title,
.ci-article-sidebar__title,
.ci-cat-topnews-panel .ci-home-hero__side-title,
.ci-authors__eyebrow {
font-family: "Inter", "Inter Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 700;
text-transform: uppercase;
}
#cookie-notice{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
/* Google Fonts (Inter, Playfair Display), self-hosted; subsets: latin, latin-ext; licences in /fonts/licenses/ */
/* latin-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: optional;
src: url(/fonts/google/Inter-34b9c504.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: optional;
src: url(/fonts/google/Inter-3100e775.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: optional;
src: url(/fonts/google/Inter-34b9c504.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: optional;
src: url(/fonts/google/Inter-3100e775.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-display: optional;
src: url(/fonts/google/Inter-34b9c504.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-display: optional;
src: url(/fonts/google/Inter-3100e775.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: optional;
src: url(/fonts/google/Inter-34b9c504.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: optional;
src: url(/fonts/google/Inter-3100e775.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Playfair Display';
font-style: italic;
font-weight: 400;
font-display: optional;
src: url(/fonts/google/PlayfairDisplay-b9dff4ae.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Playfair Display';
font-style: italic;
font-weight: 400;
font-display: optional;
src: url(/fonts/google/PlayfairDisplay-54af24bd.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Playfair Display';
font-style: italic;
font-weight: 600;
font-display: optional;
src: url(/fonts/google/PlayfairDisplay-b9dff4ae.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Playfair Display';
font-style: italic;
font-weight: 600;
font-display: optional;
src: url(/fonts/google/PlayfairDisplay-54af24bd.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Playfair Display';
font-style: italic;
font-weight: 700;
font-display: optional;
src: url(/fonts/google/PlayfairDisplay-b9dff4ae.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Playfair Display';
font-style: italic;
font-weight: 700;
font-display: optional;
src: url(/fonts/google/PlayfairDisplay-54af24bd.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400;
font-display: optional;
src: url(/fonts/google/PlayfairDisplay-42898ad4.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400;
font-display: optional;
src: url(/fonts/google/PlayfairDisplay-e0c764a8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 600;
font-display: optional;
src: url(/fonts/google/PlayfairDisplay-42898ad4.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 600;
font-display: optional;
src: url(/fonts/google/PlayfairDisplay-e0c764a8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 700;
font-display: optional;
src: url(/fonts/google/PlayfairDisplay-42898ad4.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 700;
font-display: optional;
src: url(/fonts/google/PlayfairDisplay-e0c764a8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 800;
font-display: optional;
src: url(/fonts/google/PlayfairDisplay-42898ad4.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 800;
font-display: optional;
src: url(/fonts/google/PlayfairDisplay-e0c764a8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--ci-authors-red:#70161e;--ci-authors-red-dark:#5a1218;--ci-authors-text:#111;--ci-authors-muted:#5c5552;--ci-authors-border:#e6e0db;--ci-authors-bg:#fff;--ci-authors-card:#fff;--ci-authors-head-bg:#f3efe9;--ci-authors-serif:"Playfair Display","Playfair Fallback",Georgia,"Times New Roman",Times,serif;--ci-authors-sans:"Inter","Inter Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ci-authors-radius:14px}
body.ci-authors-page,
body.ci-authors-page.ci-global-theme,
body.ci-authors-page.ci-global-theme #page,
body.ci-authors-page.ci-global-theme #content,
body.ci-authors-page.ci-global-theme .site-content,
body.ci-authors-page.ci-global-theme .main-wrapper,
body.ci-authors-page.ci-global-theme #main,
body.ci-authors-page.ci-global-theme main{background:var(--ci-authors-bg)!important;color:var(--ci-authors-text);font-family:var(--ci-authors-sans)}
body.ci-authors-page .single-article > .container > .coin-news-section,
body.ci-authors-page .single-article.single-author > .container > .coin-news-section{display:none!important}
.ci-authors{font-family:var(--ci-authors-sans);color:var(--ci-authors-text);background:var(--ci-authors-bg);padding:0 0 72px}
.ci-authors__container{width:min(1180px,calc(100% - 40px));max-width:1180px;margin:0 auto;padding:clamp(28px,4vw,48px) 0 0;box-sizing:border-box}
.ci-authors__hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(24px,4vw,40px);align-items:stretch;margin:0 0 clamp(40px,6vw,64px)}
.ci-authors__badge{display:inline-flex;align-items:center;margin:0 0 18px;padding:8px 14px;border-radius:6px;background:var(--ci-authors-red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1}
.ci-authors__title{margin:0 0 18px;font-family:var(--ci-authors-serif);font-size:clamp(2.35rem,5vw,3.35rem);font-weight:400;line-height:1.12;letter-spacing:-.02em;color:var(--ci-authors-text)}
.ci-authors__title-brand{display:inline;font-style:italic;font-weight:400;color:var(--ci-authors-red)}
.ci-authors__intro{margin:0;font-size:17px;line-height:1.65;color:var(--ci-authors-muted)}
.ci-authors__quote{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:100%;padding:clamp(22px,3vw,28px);border-radius:var(--ci-authors-radius);background:var(--ci-authors-red-dark);color:#fff;box-sizing:border-box}
.ci-authors-section{margin:0 0 clamp(36px,5vw,56px)}
.ci-authors-section__grid{display:grid;gap:20px}
.ci-authors-section__grid--leadership{grid-template-columns:repeat(2,minmax(0,1fr))}
.ci-authors-section__grid--editorial,.ci-authors-section__grid--operations,.ci-authors-section__grid--contributors{grid-template-columns:repeat(3,minmax(0,1fr))}
.ci-team-card{display:flex;background:var(--ci-authors-card);border:1px solid var(--ci-authors-border);border-radius:var(--ci-authors-radius);overflow:hidden;min-height:100%;box-sizing:border-box}
.ci-team-card__media{position:relative;overflow:hidden;background:var(--ci-authors-head-bg);flex-shrink:0}
.ci-team-card__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.ci-authors-hero{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr);align-items:stretch;height:clamp(360px,42vw,460px);min-height:clamp(360px,42vw,460px);max-height:clamp(360px,42vw,460px);margin:0 0 clamp(40px,5vw,56px);border-radius:22px;overflow:hidden;background:var(--ci-authors-red-dark)}
.ci-authors-hero__media{position:relative;min-height:0;height:100%;overflow:hidden;background:#d8d4cf}
.ci-authors-hero__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.ci-authors-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:0;height:100%;overflow:hidden;padding:clamp(24px,3.5vw,40px) clamp(22px,3.5vw,40px);color:#fff;box-sizing:border-box}
.ci-authors-hero__name{margin:0;font-family:var(--ci-authors-serif);font-size:clamp(2.2rem,4.2vw,3.1rem);font-weight:700;line-height:1.12;color:#fff}
@media(max-width:980px){.ci-authors__hero{grid-template-columns:1fr}.ci-authors-section__grid--leadership,.ci-authors-section__grid--editorial,.ci-authors-section__grid--operations,.ci-authors-section__grid--contributors{grid-template-columns:1fr}.ci-authors-hero{grid-template-columns:1fr;height:auto;min-height:0;max-height:none}.ci-authors-hero__media{height:auto;min-height:280px;aspect-ratio:16/11}.ci-authors-hero__content{height:auto;overflow:visible}}
/* Authors archive (Meet the Team) + single — v2 fonts, design colours */
:root {
--ci-authors-red: #70161e;
--ci-authors-red-dark: #5a1218;
--ci-authors-red-soft: #8b1538;
--ci-authors-text: #111111;
--ci-authors-muted: #5c5552;
--ci-authors-meta: #7a7370;
--ci-authors-border: #e6e0db;
--ci-authors-bg: #ffffff;
--ci-authors-card: #ffffff;
--ci-authors-head-bg: #ffffff;
--ci-authors-serif: "Playfair Display", "Playfair Fallback", Georgia, "Times New Roman", Times, serif;
--ci-authors-sans: "Inter", "Inter Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--ci-authors-radius: 14px;
}
body.ci-authors-page .single-article > .container > .coin-news-section,
body.ci-authors-page .single-article.single-author > .container > .coin-news-section {
display: none !important;
}
body.ci-authors-page,
body.ci-authors-page.ci-global-theme,
body.ci-authors-page.ci-global-theme #page,
body.ci-authors-page.ci-global-theme #content,
body.ci-authors-page.ci-global-theme .site-content,
body.ci-authors-page.ci-global-theme .main-wrapper,
body.ci-authors-page.ci-global-theme #main,
body.ci-authors-page.ci-global-theme main {
background: var(--ci-authors-bg) !important;
}
.ci-authors {
font-family: var(--ci-authors-sans);
color: var(--ci-authors-text);
background: var(--ci-authors-bg);
padding: 0 0 72px;
}
.ci-authors__container {
width: min(1180px, calc(100% - 40px));
max-width: 1180px;
margin: 0 auto;
padding: clamp(28px, 4vw, 48px) 0 0;
box-sizing: border-box;
}
/* —— Archive hero —— */
.ci-authors__hero {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
gap: clamp(24px, 4vw, 40px);
align-items: stretch;
margin: 0 0 clamp(40px, 6vw, 64px);
}
.ci-authors__badge {
display: inline-flex;
align-items: center;
margin: 0 0 18px;
padding: 8px 14px;
border-radius: 6px;
background: var(--ci-authors-red);
color: #fff;
font-family: var(--ci-authors-sans);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
line-height: 1;
}
.ci-authors__title {
margin: 0 0 18px;
font-family: var(--ci-authors-serif);
font-size: clamp(2.35rem, 5vw, 3.35rem);
font-weight: 700;
line-height: 1.12;
letter-spacing: -0.02em;
color: var(--ci-authors-text);
}
.ci-authors__title-brand {
display: inline;
font-style: italic;
font-weight: 700;
color: var(--ci-authors-red);
}
.ci-authors__intro {
margin: 0;
max-width: none;
width: 100%;
font-size: 17px;
line-height: 1.65;
color: var(--ci-authors-muted);
}
.ci-authors__intro p {
margin: 0;
}
.ci-authors__intro p + p {
margin-top: 1em;
}
.ci-authors__quote {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 18px;
min-height: 100%;
padding: clamp(22px, 3vw, 28px);
border-radius: var(--ci-authors-radius);
background: var(--ci-authors-red-dark);
color: #fff;
box-shadow: 10px 10px 0 rgba(249, 232, 232, 0.95);
box-sizing: border-box;
}
.ci-authors__quote-label {
margin: 0;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.72);
}
.ci-authors__quote-text {
position: relative;
margin: 0;
font-family: var(--ci-authors-serif);
font-size: clamp(1.2rem, 2.2vw, 1.45rem);
font-style: italic;
font-weight: 600;
line-height: 1.45;
color: #fff;
}
.ci-authors__quote-mark {
position: absolute;
top: -28px;
right: 0;
font-family: var(--ci-authors-serif);
font-size: 5rem;
font-style: normal;
font-weight: 700;
line-height: 1;
color: rgba(255, 255, 255, 0.12);
pointer-events: none;
}
.ci-authors__quote-attr {
margin: 0;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.78);
}
.ci-authors__quote-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
list-style: none;
margin: 4px 0 0;
padding: 0;
}
.ci-authors__quote-tags li {
padding: 7px 12px;
border: 1px solid rgba(255, 255, 255, 0.35);
border-radius: 999px;
font-size: 12px;
font-weight: 600;
color: #fff;
line-height: 1;
}
/* —— Numbered sections —— */
.ci-authors-section {
margin: 0 0 clamp(42px, 6vw, 68px);
}
.ci-authors-section__head {
display: flex;
align-items: baseline;
gap: 14px;
margin: 0 0 22px;
padding-bottom: 14px;
border-bottom: 1px solid var(--ci-authors-border);
}
.ci-authors-section__num {
font-family: var(--ci-authors-serif);
font-size: clamp(1.75rem, 3vw, 2.25rem);
font-weight: 700;
line-height: 1;
color: var(--ci-authors-red);
}
.ci-authors-section__title {
margin: 0;
font-family: var(--ci-authors-sans);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--ci-authors-text);
line-height: 1.3;
}
.ci-authors-section__grid {
display: grid;
gap: 20px;
}
.ci-authors-section__grid--leadership {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ci-authors-section__grid--editorial,
.ci-authors-section__grid--operations,
.ci-authors-section__grid--contributors {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
/* —— Team cards —— */
.ci-team-card {
display: flex;
background: var(--ci-authors-card);
border: 1px solid var(--ci-authors-border);
border-radius: var(--ci-authors-radius);
overflow: hidden;
box-shadow: 0 8px 28px rgba(80, 24, 28, 0.05);
min-height: 100%;
box-sizing: border-box;
transition:
transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
box-shadow 0.35s ease,
border-color 0.35s ease;
will-change: transform;
}
.ci-team-card:hover {
transform: translateY(-6px);
border-color: rgba(139, 21, 56, 0.22);
box-shadow: 0 16px 36px rgba(80, 24, 28, 0.12);
}
.ci-team-card__media {
position: relative;
overflow: hidden;
background: var(--ci-authors-head-bg);
flex-shrink: 0;
}
.ci-team-card__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.ci-team-card:hover .ci-team-card__media img {
transform: scale(1.05);
}
.ci-team-card__placeholder {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
min-height: inherit;
font-family: var(--ci-authors-serif);
font-size: 2.5rem;
font-weight: 700;
color: rgba(255, 255, 255, 0.92);
}
.ci-team-card__fade {
position: absolute;
inset: auto 0 0 0;
height: 46%;
pointer-events: none;
z-index: 1;
background: linear-gradient(to top, var(--ci-authors-card) 0%, var(--ci-authors-card) 18%, rgba(255, 255, 255, 0) 100%);
}
.ci-team-card__body {
display: flex;
flex-direction: column;
flex: 1;
min-width: 0;
padding: 22px 22px 18px;
box-sizing: border-box;
position: relative;
z-index: 2;
margin-top: -4px;
background: var(--ci-authors-card);
}
.ci-team-card__name {
margin: 0 0 8px;
font-family: var(--ci-authors-serif);
font-size: clamp(1.35rem, 2.2vw, 1.75rem);
font-weight: 700;
line-height: 1.2;
color: var(--ci-authors-text);
}
.ci-team-card__role {
margin: 0 0 12px;
font-family: var(--ci-authors-sans);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--ci-authors-red);
line-height: 1.35;
}
.ci-team-card__name a {
color: inherit;
text-decoration: none;
}
.ci-team-card__name a:hover {
color: var(--ci-authors-red);
}
.ci-team-card__nick {
display: inline-block;
margin-left: 6px;
font-family: var(--ci-authors-serif);
font-size: 0.72em;
font-weight: 500;
font-style: italic;
color: var(--ci-authors-meta);
}
.ci-team-card__bio {
margin: 0 0 18px;
font-size: 14.5px;
line-height: 1.6;
color: var(--ci-authors-muted);
flex: 1;
}
.ci-team-card__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: auto;
}
.ci-team-card__cta {
font-size: 13px;
font-weight: 700;
color: var(--ci-authors-red);
text-decoration: none;
border-bottom: 1px solid currentColor;
line-height: 1.3;
}
.ci-team-card__cta:hover {
color: var(--ci-authors-red-dark);
}
.ci-team-card__cta--empty {
border: 0;
min-height: 1px;
}
.ci-team-card__social {
display: flex;
gap: 8px;
}
.ci-team-card__social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border: 1px solid color-mix(in srgb, var(--ci-authors-red) 45%, #fff);
border-radius: 7px;
color: var(--ci-authors-red);
background: #fff;
text-decoration: none;
transition: background 0.15s ease, color 0.15s ease;
}
.ci-team-card__social-link:hover {
background: var(--ci-authors-red);
color: #fff;
border-color: var(--ci-authors-red);
}
/* Leadership: horizontal photo + copy */
.ci-team-card--leadership {
flex-direction: row;
min-height: 240px;
}
.ci-team-card--leadership .ci-team-card__media {
width: 44%;
max-width: 240px;
}
.ci-team-card--leadership .ci-team-card__fade {
inset: 0 0 0 auto;
width: 36%;
height: 100%;
background: linear-gradient(to left, var(--ci-authors-card) 0%, rgba(255, 255, 255, 0) 100%);
}
.ci-team-card--leadership .ci-team-card__body {
padding: 24px 24px 20px 8px;
}
/* Editorial / ops / contributors: vertical */
.ci-team-card--editorial,
.ci-team-card--operations,
.ci-team-card--contributor {
flex-direction: column;
}
.ci-team-card--editorial .ci-team-card__media,
.ci-team-card--operations .ci-team-card__media,
.ci-team-card--contributor .ci-team-card__media {
width: 100%;
aspect-ratio: 4 / 4.4;
}
.ci-team-card--editorial .ci-team-card__name,
.ci-team-card--operations .ci-team-card__name,
.ci-team-card--contributor .ci-team-card__name {
font-size: clamp(1.2rem, 1.8vw, 1.45rem);
}
/* Accent placeholders when no photo */
.ci-team-card--accent-slate .ci-team-card__media {
background: linear-gradient(165deg, #6d7278 0%, #d8d5d0 72%, #fff 100%);
}
.ci-team-card--accent-crimson .ci-team-card__media {
background: linear-gradient(165deg, #70161e 0%, #d9b4b7 72%, #fff 100%);
}
.ci-team-card--accent-copper .ci-team-card__media {
background: linear-gradient(165deg, #8a5a3a 0%, #e2c8b4 72%, #fff 100%);
}
.ci-team-card--accent-steel .ci-team-card__media {
background: linear-gradient(165deg, #445866 0%, #c5d0d7 72%, #fff 100%);
}
.ci-team-card--accent-mauve .ci-team-card__media {
background: linear-gradient(165deg, #6d4d63 0%, #d8c4d0 72%, #fff 100%);
}
.ci-team-card--accent-teal .ci-team-card__media {
background: linear-gradient(165deg, #2f6a66 0%, #b9d4d0 72%, #fff 100%);
}
.ci-team-card--accent-navy .ci-team-card__media {
background: linear-gradient(165deg, #243a56 0%, #b7c5d6 72%, #fff 100%);
}
.ci-team-card--accent-violet .ci-team-card__media {
background: linear-gradient(165deg, #4d3d6d 0%, #cdc3db 72%, #fff 100%);
}
/* —— Breadcrumbs (single) —— */
.ci-authors__breadcrumbs {
padding: 8px 0 0;
margin: 0 0 8px;
}
body.ci-authors-page .ci-authors #breadcrumbs {
margin: 0;
padding: 0;
border: none;
font-family: var(--ci-authors-sans);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--ci-authors-meta);
line-height: 1.5;
}
body.ci-authors-page .ci-authors #breadcrumbs a {
color: var(--ci-authors-meta);
text-decoration: none;
font-weight: 600;
}
body.ci-authors-page .ci-authors #breadcrumbs a:hover {
color: var(--ci-authors-red);
}
/* —— Profile (single) —— */
.ci-authors-badge {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
width: 100%;
margin: 0 0 8px;
font-family: var(--ci-authors-sans);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--ci-authors-red);
line-height: 1.35;
}
.ci-authors-profile__content > .ci-authors-badge {
justify-content: flex-start;
margin: -4px 0 14px;
}
.ci-authors-badge__icon {
width: 14px;
height: 14px;
flex-shrink: 0;
}
.ci-authors-profile {
display: grid;
grid-template-columns: minmax(120px, 160px) minmax(0, 1fr);
gap: clamp(20px, 3vw, 32px);
align-items: start;
padding: clamp(24px, 3vw, 32px);
margin-bottom: clamp(36px, 4vw, 48px);
background: var(--ci-authors-card);
border: 1px solid var(--ci-authors-border);
border-radius: var(--ci-authors-radius);
box-shadow: 0 8px 28px rgba(80, 24, 28, 0.05);
}
.ci-authors-profile__avatar {
width: 100%;
max-width: 160px;
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
background: var(--ci-authors-head-bg);
}
.ci-authors-profile__avatar img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ci-authors-profile__placeholder {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
font-family: var(--ci-authors-serif);
font-size: 3rem;
font-weight: 700;
color: var(--ci-authors-red);
}
.ci-authors-profile__name {
margin: 0 0 8px;
font-family: var(--ci-authors-serif);
font-size: clamp(1.65rem, 3vw, 2.1rem);
font-weight: 700;
line-height: 1.2;
display: block;
}
.ci-authors-profile__bio {
font-size: 16px;
line-height: 1.65;
color: var(--ci-authors-muted);
}
.ci-authors-profile__bio p {
margin: 0 0 12px;
}
.ci-authors-profile__bio p:last-child {
margin-bottom: 0;
}
.ci-authors-social {
list-style: none;
margin: 16px 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.ci-authors-social a {
display: inline-block;
padding: 8px 14px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--ci-authors-red);
border: 1px solid var(--ci-authors-border);
border-radius: 4px;
text-decoration: none;
transition: background 0.15s ease, border-color 0.15s ease;
}
.ci-authors-social a:hover {
background: #fdf7f8;
border-color: color-mix(in srgb, var(--ci-authors-red) 30%, var(--ci-authors-border));
}
/* —— Posts section (single) —— */
.ci-authors-posts__title {
margin: 0 0 24px;
padding-bottom: 12px;
border-bottom: 1px solid var(--ci-authors-border);
font-family: var(--ci-authors-serif);
font-size: clamp(1.35rem, 2.5vw, 1.75rem);
font-weight: 700;
line-height: 1.25;
color: var(--ci-authors-text);
}
.ci-authors-posts__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px 20px;
margin-bottom: 36px;
}
.ci-authors-post-card {
display: flex;
flex-direction: column;
min-height: 100%;
background: var(--ci-authors-card);
border: 1px solid var(--ci-authors-border);
overflow: hidden;
border-radius: 10px;
}
.ci-authors-post-card__thumb {
display: block;
aspect-ratio: 16 / 10;
overflow: hidden;
background: var(--ci-authors-head-bg);
}
.ci-authors-post-card__thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.2s ease;
}
.ci-authors-post-card__thumb:hover img {
transform: scale(1.03);
}
.ci-authors-post-card__body {
padding: 16px 18px 18px;
display: flex;
flex-direction: column;
flex: 1;
}
.ci-authors-post-card__title {
margin: 0 0 8px;
font-family: var(--ci-authors-serif);
font-size: 1.05rem;
font-weight: 700;
line-height: 1.35;
}
.ci-authors-post-card__title a {
color: inherit;
text-decoration: none;
}
.ci-authors-post-card__title a:hover {
color: var(--ci-authors-red);
}
.ci-authors-post-card__excerpt {
margin: 0 0 10px;
font-size: 14px;
line-height: 1.55;
color: var(--ci-authors-muted);
flex: 1;
}
.ci-authors-post-card__meta {
font-size: 12px;
color: var(--ci-authors-meta);
margin-top: auto;
}
.ci-authors-post-card--review {
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}
.ci-authors-post-card__review-link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 200px;
padding: 20px;
text-align: center;
text-decoration: none;
color: inherit;
height: 100%;
box-sizing: border-box;
}
.ci-authors-post-card__review-link img {
max-height: 80px;
width: auto;
display: block;
}
.ci-authors-post-card__review-label {
display: block;
width: 100%;
padding: 12px 14px;
background: var(--ci-authors-red);
color: #fff;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
border-radius: 4px;
}
.ci-authors-empty {
margin: 0 0 32px;
padding: 24px;
text-align: center;
color: var(--ci-authors-muted);
background: var(--ci-authors-head-bg);
border: 1px solid var(--ci-authors-border);
border-radius: 10px;
}
/* —— Footer prose (archive) —— */
.ci-authors__footer {
max-width: 72ch;
font-size: 16px;
line-height: 1.65;
color: var(--ci-authors-muted);
}
.ci-authors__footer h2 {
margin: 32px 0 12px;
font-family: var(--ci-authors-serif);
font-size: clamp(1.25rem, 2.2vw, 1.5rem);
font-weight: 700;
color: var(--ci-authors-text);
line-height: 1.3;
}
.ci-authors__footer h2:first-child {
margin-top: 0;
}
.ci-authors__footer p {
margin: 0 0 14px;
}
.ci-authors__footer ol {
margin: 0 0 16px;
padding-left: 1.25rem;
}
.ci-authors__footer li {
margin-bottom: 6px;
}
/* —— Pagination —— */
.ci-authors-pagination {
margin: 8px 0 8px;
text-align: center;
}
.ci-authors-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
margin: 0 3px;
padding: 0 10px;
font-family: var(--ci-authors-sans);
font-size: 14px;
font-weight: 600;
color: var(--ci-authors-text);
border: 1px solid var(--ci-authors-border);
text-decoration: none;
border-radius: 4px;
box-sizing: border-box;
background: #fff;
}
.ci-authors-pagination .page-numbers.current {
background: var(--ci-authors-red);
border-color: var(--ci-authors-red);
color: #fff;
}
.ci-authors-pagination .page-numbers:hover:not(.current) {
border-color: var(--ci-authors-red);
color: var(--ci-authors-red);
}
.ci-authors-pagination .page-numbers.dots {
border: none;
min-width: auto;
background: transparent;
}
/* —— Responsive —— */
@media (prefers-reduced-motion: reduce) {
.ci-team-card,
.ci-team-card__media img {
transition: none;
}
.ci-team-card:hover {
transform: none;
}
.ci-team-card:hover .ci-team-card__media img {
transform: none;
}
}
@media (max-width: 980px) {
.ci-authors__hero {
grid-template-columns: 1fr;
}
.ci-authors__quote {
box-shadow: 8px 8px 0 rgba(249, 232, 232, 0.95);
}
.ci-authors-section__grid--leadership,
.ci-authors-section__grid--editorial,
.ci-authors-section__grid--operations,
.ci-authors-section__grid--contributors,
.ci-authors-posts__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.ci-authors__container {
width: calc(100% - 32px);
}
.ci-authors-section__grid--leadership,
.ci-authors-section__grid--editorial,
.ci-authors-section__grid--operations,
.ci-authors-section__grid--contributors,
.ci-authors-posts__grid {
grid-template-columns: 1fr;
}
.ci-team-card--leadership {
flex-direction: column;
}
.ci-team-card--leadership .ci-team-card__media {
width: 100%;
max-width: none;
aspect-ratio: 16 / 11;
}
.ci-team-card--leadership .ci-team-card__fade {
inset: auto 0 0 0;
width: 100%;
height: 46%;
background: linear-gradient(to top, var(--ci-authors-card) 0%, var(--ci-authors-card) 18%, rgba(255, 255, 255, 0) 100%);
}
.ci-team-card--leadership .ci-team-card__body {
padding: 12px 20px 20px;
margin-top: -4px;
}
.ci-authors-profile {
grid-template-columns: 1fr;
text-align: center;
}
.ci-authors-profile__avatar {
margin: 0 auto;
}
.ci-authors-profile__name {
text-align: center;
}
.ci-authors-profile__content > .ci-authors-badge {
justify-content: center;
}
.ci-authors-social {
justify-content: center;
}
}
/* =========================================================
Single author profile — image1 layout overrides
========================================================= */
body.single-authors.ci-authors-page {
background: #fff;
}
.ci-authors--single {
background: #fff;
padding-bottom: 72px;
}
.ci-authors--single .ci-authors__container {
width: min(1180px, calc(100% - 40px));
padding-top: clamp(24px, 3vw, 36px);
}
.ci-authors-hero {
display: grid;
grid-template-columns: minmax(280px, 0.92fr) minmax(0, 1.08fr);
align-items: stretch;
/* Match Angelina hero height across all writer profiles */
height: clamp(360px, 42vw, 460px);
min-height: clamp(360px, 42vw, 460px);
max-height: clamp(360px, 42vw, 460px);
margin: 0 0 clamp(40px, 5vw, 56px);
border-radius: 22px;
overflow: hidden;
background: var(--ci-authors-red-dark);
box-shadow: 0 16px 40px rgba(80, 16, 24, 0.14);
}
.ci-authors-hero__media {
position: relative;
min-height: 0;
height: 100%;
overflow: hidden;
background: #d8d4cf;
}
.ci-authors-hero__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}
/* Raise portrait crops — these photos have headroom that pushed faces too low */
.ci-authors-hero--norma-du-sart .ci-authors-hero__media img {
object-position: center 18%;
}
.ci-authors-hero--mansi-chavan .ci-authors-hero__media img {
object-position: center 22%;
}
.ci-authors-hero--fhumulani-lukoto .ci-authors-hero__media img {
object-position: center 12%;
}
.ci-authors-hero__placeholder {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
min-height: 360px;
font-family: var(--ci-authors-serif);
font-size: 5rem;
font-weight: 700;
color: rgba(255, 255, 255, 0.85);
background: linear-gradient(145deg, #6d7278, #cfc9c3);
}
.ci-authors-hero__fade {
position: absolute;
inset: 0 0 0 auto;
width: 42%;
background: linear-gradient(to right, rgba(90, 18, 24, 0) 0%, var(--ci-authors-red-dark) 92%);
pointer-events: none;
}
.ci-authors-hero__content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
min-height: 0;
height: 100%;
overflow: hidden;
padding: clamp(24px, 3.5vw, 40px) clamp(22px, 3.5vw, 40px) clamp(22px, 3vw, 32px);
color: #fff;
box-sizing: border-box;
}
.ci-authors-hero__badge {
display: inline-flex;
align-self: flex-start;
margin: 0 0 4px;
padding: 7px 12px;
border: 1px solid rgba(255, 255, 255, 0.7);
border-radius: 6px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
line-height: 1;
color: #fff;
}
.ci-authors-hero__name {
margin: 0;
font-family: var(--ci-authors-serif);
font-size: clamp(2.2rem, 4.2vw, 3.1rem);
font-weight: 700;
line-height: 1.12;
letter-spacing: -0.02em;
color: #fff;
}
.ci-authors-hero__role {
margin: 0;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.88);
}
.ci-authors-hero__bio {
margin: 4px 0 0;
max-width: 52ch;
max-height: 9.6em; /* ~6 lines at 1.55 — keeps hero height consistent */
font-size: 15px;
line-height: 1.55;
color: rgba(255, 255, 255, 0.9);
overflow: hidden;
}
.ci-authors-hero__bio p {
margin: 0;
}
.ci-authors-hero__bio p + p {
margin-top: 0.75em;
}
.ci-authors-hero__focus {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 14px;
margin-top: 10px;
padding-top: 16px;
border-top: 1px solid rgba(255, 255, 255, 0.28);
}
.ci-authors-hero__focus-label {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.92);
}
.ci-authors-hero__focus-list {
font-size: 14px;
font-weight: 500;
color: rgba(255, 255, 255, 0.88);
}
.ci-authors-profile__social {
display: flex;
gap: 10px;
margin-top: 16px;
}
.ci-authors-profile__social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: 10px;
color: #fff;
background: rgba(0, 0, 0, 0.16);
text-decoration: none;
transition: background 0.15s ease, border-color 0.15s ease;
}
.ci-authors-profile__social-link:hover {
background: rgba(255, 255, 255, 0.14);
border-color: #fff;
}
.ci-authors--single .ci-authors-posts__title {
margin: 0 0 28px;
padding-bottom: 0;
border-bottom: 0;
font-family: var(--ci-authors-serif);
font-size: clamp(1.55rem, 2.8vw, 2rem);
font-weight: 700;
line-height: 1.25;
color: var(--ci-authors-text);
}
.ci-authors--single .ci-authors-posts__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
margin-bottom: 28px;
}
.ci-authors--single .ci-authors-post-card {
display: grid;
grid-template-columns: minmax(140px, 42%) minmax(0, 1fr);
flex-direction: unset;
align-items: stretch;
min-height: 168px;
background: #fff;
border: 1px solid #ece7e2;
border-radius: 14px;
overflow: hidden;
}
.ci-authors--single .ci-authors-post-card__thumb {
display: block;
aspect-ratio: auto;
min-height: 100%;
overflow: hidden;
background: var(--ci-authors-head-bg);
}
.ci-authors--single .ci-authors-post-card__thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ci-authors--single .ci-authors-post-card__body {
padding: 16px 18px;
display: flex;
flex-direction: column;
min-width: 0;
}
.ci-authors--single .ci-authors-post-card__cat {
margin: 0 0 8px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--ci-authors-red);
line-height: 1.3;
}
.ci-authors--single .ci-authors-post-card__title {
margin: 0 0 8px;
font-family: var(--ci-authors-serif);
font-size: 1.05rem;
font-weight: 700;
line-height: 1.3;
}
.ci-authors--single .ci-authors-post-card__excerpt {
margin: 0 0 12px;
font-size: 13.5px;
line-height: 1.55;
color: var(--ci-authors-muted);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
flex: 1;
}
.ci-authors--single .ci-authors-post-card__meta {
font-size: 12px;
color: var(--ci-authors-meta);
margin-top: auto;
}
.ci-authors--single .ci-authors-post-card--review {
display: block;
}
.ci-authors-loadmore {
display: flex;
justify-content: center;
margin: 8px 0 0;
}
.ci-authors-loadmore__btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 22px;
border: 1.5px solid var(--ci-authors-red);
border-radius: 10px;
color: var(--ci-authors-red);
font-family: var(--ci-authors-sans);
font-size: 14px;
font-weight: 700;
text-decoration: none;
background: #fff;
cursor: pointer;
transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}
.ci-authors-loadmore__btn:hover {
background: var(--ci-authors-red);
color: #fff;
}
.ci-authors-loadmore__btn:disabled,
.ci-authors-loadmore__btn.is-loading {
opacity: 0.65;
cursor: wait;
}
.ci-authors-loadmore__btn.is-loading .ci-authors-loadmore__icon {
animation: ci-authors-spin 0.7s linear infinite;
}
@keyframes ci-authors-spin {
to {
transform: rotate(180deg);
}
}
@media (max-width: 980px) {
.ci-authors-hero {
grid-template-columns: 1fr;
height: auto;
min-height: 0;
max-height: none;
}
.ci-authors-hero__media {
height: auto;
min-height: 280px;
aspect-ratio: 16 / 11;
}
.ci-authors-hero__content {
height: auto;
overflow: visible;
}
.ci-authors-hero__bio {
max-height: none;
overflow: visible;
}
.ci-authors-hero__fade {
inset: auto 0 0 0;
width: 100%;
height: 55%;
background: linear-gradient(to top, var(--ci-authors-red-dark) 0%, rgba(90, 18, 24, 0) 100%);
}
.ci-authors--single .ci-authors-posts__grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.ci-authors--single .ci-authors-post-card {
grid-template-columns: 1fr;
}
.ci-authors--single .ci-authors-post-card__thumb {
aspect-ratio: 16 / 10;
min-height: 0;
}
}