/*
Theme Name: Santha Executive Editorial
Theme URI: https://www.santhakumaran.com.my/
Author: Santhakumaran Atmalingam / CX Expert Asia
Author URI: https://www.cxpert.asia/
Description: A refined executive portfolio and thought-leadership theme for customer experience strategist Santhakumaran Atmalingam. Includes a conversion-focused homepage, publishing library, article templates, accessible navigation, SEO/GEO foundations and WordPress 7.0.1 compatibility.
Version: 1.6.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: santha-executive-editorial
Tags: portfolio, one-column, custom-colors, custom-logo, custom-menu, featured-images, editor-style, accessibility-ready, wide-blocks
*/

:root {
  --santha-ink: #151714;
  --santha-paper: #fbfaf7;
  --santha-paper-deep: #f1ece4;
  --santha-bronze: #b96f42;
  --santha-bronze-dark: #8c4f2f;
  --santha-sage: #5d6757;
  --santha-line: rgba(21, 23, 20, 0.14);
  --santha-muted: #625f59;
  --santha-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --santha-sans: "Inter", "Segoe UI", Arial, Helvetica, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--santha-paper); }
body { margin: 0; background: var(--santha-paper); color: var(--santha-ink); font-family: var(--santha-sans); -webkit-font-smoothing: antialiased; }
body.menu-is-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { background: var(--santha-bronze); color: #fff; }

.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px;
  margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus, .skip-link:focus {
  background: #fff; clip: auto !important; clip-path: none; color: var(--santha-ink); display: block;
  font-size: 14px; height: auto; left: 12px; padding: 14px 18px; top: 12px; width: auto; z-index: 100000;
}

.site-header {
  min-height: 84px; padding: 0 4.5vw; display: flex; align-items: center; justify-content: space-between;
  border-bottom: 1px solid var(--santha-line); background: rgba(244, 240, 232, .94); backdrop-filter: blur(14px);
  position: sticky; top: 0; z-index: 999;
}
.admin-bar .site-header { top: 32px; }
.site-branding { flex: 0 0 auto; }
.wordmark { display: flex; align-items: center; gap: 14px; color: var(--santha-ink); }
.wordmark > span { width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid var(--santha-ink); border-radius: 50%; font-family: var(--santha-serif); font-size: 15px; }
.wordmark strong { font-size: 14px; letter-spacing: -.01em; }
.custom-logo-link { display: block; }
.custom-logo { max-height: 54px; width: auto; }
.primary-navigation { display: flex; align-items: center; gap: clamp(18px, 2.2vw, 36px); font-size: 13px; }
.primary-menu { display: flex; align-items: center; gap: clamp(18px, 2.2vw, 36px); list-style: none; margin: 0; padding: 0; }
.primary-menu > li { position: relative; }
.primary-menu a { display: block; padding: 12px 0; border-bottom: 1px solid transparent; }
.primary-menu a:hover, .primary-menu a:focus-visible { border-color: var(--santha-ink); }
.primary-menu .sub-menu { position: absolute; right: 0; min-width: 210px; margin: 0; padding: 10px 18px; list-style: none; background: var(--santha-paper); border: 1px solid var(--santha-line); opacity: 0; visibility: hidden; transform: translateY(8px); transition: .2s ease; }
.primary-menu li:hover > .sub-menu, .primary-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.nav-cta { color: #fff; background: var(--santha-ink); padding: 13px 19px; transition: background .2s; white-space: nowrap; }
.nav-cta:hover, .nav-cta:focus-visible { background: var(--santha-bronze-dark); }
.menu-toggle { display: none; width: 44px; height: 44px; border: 0; background: transparent; padding: 10px; }
.menu-toggle > span:not(.screen-reader-text) { display: block; height: 1px; background: var(--santha-ink); margin: 6px 0; }

.portfolio-main { overflow: clip; }
.hero { min-height: calc(100svh - 84px); display: grid; grid-template-columns: 1.15fr .85fr; }
.hero-copy { padding: 9vh 5vw 5vh 7vw; display: flex; flex-direction: column; justify-content: center; }
.eyebrow, .section-label { margin: 0 0 24px; text-transform: uppercase; letter-spacing: .17em; font-size: 11px; font-weight: 700; color: var(--santha-bronze-dark); }
.hero h1 { margin: 0; max-width: 820px; font: 400 clamp(58px, 7vw, 112px)/.91 var(--santha-serif); letter-spacing: -.06em; }
.hero h1 em { display: block; color: var(--santha-bronze); font-weight: 400; }
.hero-intro { max-width: 660px; margin: 35px 0 0; font-size: clamp(17px, 1.4vw, 21px); line-height: 1.62; color: #494741; }
.hero-actions { display: flex; align-items: center; gap: 32px; margin-top: 36px; }
.button, .wp-element-button, .wp-block-button__link { min-height: 52px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 22px; border: 0; border-radius: 0; font-size: 13px; font-weight: 600; transition: transform .2s, background .2s; }
.button:hover, .wp-element-button:hover, .wp-block-button__link:hover { transform: translateY(-2px); }
.button-primary { background: var(--santha-ink); color: #fff; }
.button-primary:hover { background: var(--santha-bronze-dark); }
.text-link { display: inline-flex; gap: 11px; align-items: center; padding-bottom: 5px; border-bottom: 1px solid currentColor; font-size: 13px; font-weight: 600; }
.hero-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: auto; padding-top: 7vh; max-width: 760px; }
.hero-proof div { padding-top: 15px; border-top: 1px solid var(--santha-line); display: flex; gap: 13px; align-items: flex-start; }
.hero-proof strong { font: 400 28px/1 var(--santha-serif); color: var(--santha-bronze-dark); }
.hero-proof span { max-width: 130px; font-size: 11px; line-height: 1.35; color: #5a5751; }
.hero-portrait { min-height: 700px; background: var(--santha-paper-deep); padding: 4vh 4vw 3vh 0; display: flex; flex-direction: column; }
.portrait-frame { position: relative; min-height: 0; flex: 1; overflow: hidden; background: #b0a696; }
.portrait-frame img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 32%; filter: saturate(.82) contrast(.98); }
.portrait-caption { margin: 14px 0 0; display: flex; justify-content: space-between; font-size: 10px; text-transform: uppercase; letter-spacing: .13em; }

.recognition-bar { background: var(--santha-ink); color: #fff; display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 5vw; }
.recognition-bar a { min-height: 86px; display: flex; align-items: center; padding: 18px 2vw; gap: 13px; border-right: 1px solid rgba(255, 255, 255, .18); font-size: 12px; line-height: 1.4; }
.recognition-bar a:last-child { border: 0; }
.recognition-bar a:hover { color: #f1c8ae; }
.recognition-bar span { color: #ce9672; font: italic 21px var(--santha-serif); }

.section-pad { padding: 120px max(5vw, 32px); }
.manifesto { display: grid; grid-template-columns: .7fr 2.1fr; gap: 5vw; background: var(--santha-paper); }
.manifesto h2 { margin: 0; max-width: 980px; font: 400 clamp(42px, 5.3vw, 78px)/1.02 var(--santha-serif); letter-spacing: -.045em; }
.manifesto div p { max-width: 700px; margin: 38px 0 0 auto; font-size: 19px; line-height: 1.7; color: #514e48; }

.work { background: #ded5c8; }
.section-heading { max-width: 800px; margin-bottom: 65px; }
.section-heading h2, .credential-intro h2, .speaking-copy h2, .cta h2 { margin: 0; font: 400 clamp(42px, 5vw, 72px)/1.02 var(--santha-serif); letter-spacing: -.045em; }
.section-heading > p:last-child, .credential-intro > p:last-child, .speaking-copy > p { max-width: 650px; margin: 24px 0 0; font-size: 17px; line-height: 1.65; color: #59554e; }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(23, 23, 20, .22); }
.service-grid article { padding: 30px 34px 8px 0; border-right: 1px solid rgba(23, 23, 20, .22); min-height: 410px; }
.service-grid article:not(:first-child) { padding-left: 34px; }
.service-grid article:last-child { border-right: 0; }
.service-number { display: block; font: italic 20px var(--santha-serif); color: var(--santha-bronze-dark); margin-bottom: 80px; }
.service-grid h3 { margin: 0 0 22px; font: 400 31px/1.08 var(--santha-serif); }
.service-grid p { margin: 0; font-size: 15px; line-height: 1.65; color: #514d47; }
.service-grid ul { list-style: none; margin: 27px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 7px; }
.service-grid li { border: 1px solid rgba(23, 23, 20, .22); border-radius: 999px; padding: 7px 11px; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }

.evidence { background: var(--santha-paper); }
.split-heading { max-width: none; display: grid; grid-template-columns: 1.4fr .6fr; align-items: end; gap: 7vw; }
.split-heading > p { margin: 0 0 3px; }
.evidence-list { border-top: 1px solid var(--santha-line); }
.evidence-list > a { min-height: 108px; display: grid; grid-template-columns: 100px 1fr auto; align-items: center; gap: 20px; border-bottom: 1px solid var(--santha-line); transition: padding .2s, color .2s; }
.evidence-list > a:hover { padding: 0 16px; color: var(--santha-bronze-dark); }
.evidence-year { font: italic 20px var(--santha-serif); color: var(--santha-bronze-dark); }
.evidence-main { display: flex; flex-direction: column; gap: 8px; }
.evidence-main strong { font: 400 25px var(--santha-serif); }
.evidence-main small { font-size: 13px; color: #625e57; }
.evidence-list > a > span:last-child { font-size: 22px; }
.organisation-note { margin-top: 70px; padding: 28px 0 0; border-top: 1px solid var(--santha-line); }
.organisation-note p { margin: 0 0 24px; font-size: 11px; text-transform: uppercase; letter-spacing: .14em; color: #68645d; }
.organisation-note div { display: flex; flex-wrap: wrap; gap: 12px 26px; font: 400 clamp(20px, 2.2vw, 32px) var(--santha-serif); color: #504d48; }
.organisation-note > a { margin-top: 28px; display: inline-flex; gap: 8px; font-size: 12px; border-bottom: 1px solid; }

.credentials { background: var(--santha-sage); color: #fff; display: grid; grid-template-columns: .8fr 1.2fr; gap: 8vw; }
.credential-intro { position: sticky; top: 130px; align-self: start; }
.credentials .section-label { color: #ddba9f; }
.credential-intro > p:last-child { color: rgba(255, 255, 255, .7); }
.credential-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid rgba(255, 255, 255, .25); }
.credential-grid > div { min-height: 185px; padding: 24px 24px 24px 0; border-bottom: 1px solid rgba(255, 255, 255, .25); }
.credential-grid > div:nth-child(odd) { border-right: 1px solid rgba(255, 255, 255, .25); }
.credential-grid > div:nth-child(even) { padding-left: 24px; }
.credential-grid small { display: block; color: #ddba9f; text-transform: uppercase; letter-spacing: .13em; font-size: 9px; margin-bottom: 35px; }
.credential-grid strong { display: block; font: 400 23px/1.15 var(--santha-serif); }
.credential-grid span { display: block; margin-top: 10px; font-size: 11px; color: rgba(255, 255, 255, .7); }
.credential-links { grid-column: 2; display: flex; flex-wrap: wrap; gap: 20px 30px; margin-top: -5vw; }
.credential-links a { font-size: 11px; border-bottom: 1px solid rgba(255, 255, 255, .65); padding-bottom: 4px; }

.speaking { background: var(--santha-ink); color: #fff; display: grid; grid-template-columns: .8fr 1.2fr; gap: 9vw; }
.speaking .section-label { color: #d69a73; }
.speaking-copy > p { color: rgba(255, 255, 255, .66); }
.button-light { background: var(--santha-paper); color: var(--santha-ink); margin-top: 30px; }
.topic-list { border-top: 1px solid rgba(255, 255, 255, .22); }
.topic-list > div { display: grid; grid-template-columns: 48px 1fr; padding: 25px 0; border-bottom: 1px solid rgba(255, 255, 255, .22); }
.topic-list span { grid-row: span 2; color: #d69a73; font: italic 18px var(--santha-serif); }
.topic-list h3 { margin: 0; font: 400 26px var(--santha-serif); }
.topic-list p { margin: 7px 0 0; font-size: 12px; color: rgba(255, 255, 255, .6); }

.cta { text-align: center; min-height: 650px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--santha-paper-deep); }
.cta h2 { max-width: 980px; font-size: clamp(50px, 7vw, 104px); }
.cta > div { display: flex; align-items: center; gap: 28px; margin-top: 45px; }
.front-page-editor-content { max-width: 900px; margin: 0 auto; }

.site-footer { background: var(--santha-paper-deep); border-top: 1px solid var(--santha-line); padding: 32px 5vw; display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: 30px; font-size: 12px; }
.site-footer > div { display: flex; flex-direction: column; gap: 6px; }
.site-footer .footer-links { flex-direction: row; gap: 28px; }
.site-footer span, .site-footer p { color: #666159; }
.site-footer p { margin: 0; }

/* Standard WordPress content */
.content-shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 90px 0 120px; }
.archive-header, .entry-header { margin-bottom: 48px; }
.archive-label { margin: 0 0 18px; color: var(--santha-bronze-dark); text-transform: uppercase; letter-spacing: .16em; font-size: 11px; font-weight: 700; }
.page-title, .entry-title { margin: 0; font: 400 clamp(42px, 6vw, 82px)/1 var(--santha-serif); letter-spacing: -.045em; }
.entry-title a:hover { color: var(--santha-bronze-dark); }
.entry-meta { margin-top: 18px; color: #6c675f; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.post-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px 36px; }
.post-card { border-top: 1px solid var(--santha-line); padding-top: 22px; }
.post-card .post-thumbnail { display: block; aspect-ratio: 16/9; overflow: hidden; margin-bottom: 25px; background: var(--santha-paper-deep); }
.post-card .post-thumbnail img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.post-card .post-thumbnail:hover img { transform: scale(1.025); }
.post-card .entry-title { font-size: clamp(30px, 3vw, 44px); }
.entry-summary { color: #555149; line-height: 1.7; }
.read-more { display: inline-flex; gap: 10px; padding-bottom: 4px; border-bottom: 1px solid; font-size: 12px; font-weight: 700; }
.entry-content { font-size: 17px; line-height: 1.78; }
.entry-content > * { max-width: 820px; margin-left: auto; margin-right: auto; }
.entry-content > .alignwide { max-width: 1180px; }
.entry-content > .alignfull { max-width: none; width: 100vw; margin-left: calc(50% - 50vw); }
.entry-content h2, .entry-content h3, .entry-content h4 { font-family: var(--santha-serif); font-weight: 400; line-height: 1.12; letter-spacing: -.03em; margin-top: 2em; }
.entry-content h2 { font-size: clamp(34px, 4vw, 54px); }
.entry-content h3 { font-size: clamp(27px, 3vw, 38px); }
.entry-content a { color: var(--santha-bronze-dark); text-decoration: underline; text-underline-offset: 3px; }
.entry-content blockquote { border-left: 3px solid var(--santha-bronze); padding-left: 28px; font: italic 28px/1.4 var(--santha-serif); color: #49463f; }
.entry-content table { width: 100%; border-collapse: collapse; }
.entry-content th, .entry-content td { border-bottom: 1px solid var(--santha-line); padding: 12px; text-align: left; }
.entry-content pre { overflow-x: auto; padding: 20px; background: var(--santha-ink); color: #fff; }
.navigation { margin-top: 70px; }
.nav-links { display: flex; justify-content: space-between; gap: 20px; }
.page-numbers, .post-navigation a { padding-bottom: 4px; border-bottom: 1px solid; }
.comments-area { max-width: 820px; margin: 80px auto 0; padding-top: 40px; border-top: 1px solid var(--santha-line); }
.comment-list { list-style: none; padding: 0; }
.comment-list .children { list-style: none; }
.comment-body { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--santha-line); }
.comment-form label { display: block; margin-bottom: 7px; font-size: 12px; font-weight: 700; }
.comment-form input:not([type="submit"]), .comment-form textarea, .search-form .search-field { width: 100%; padding: 14px; border: 1px solid var(--santha-line); background: #fff; }
.comment-form .submit, .search-form .search-submit { border: 0; background: var(--santha-ink); color: #fff; padding: 14px 20px; cursor: pointer; }
.not-found { min-height: 60vh; display: grid; align-content: center; }

@media (max-width: 980px) {
  .hero { grid-template-columns: 1fr; }
  .hero-copy { padding: 70px 7vw 50px; min-height: 720px; }
  .hero-portrait { min-height: 720px; padding: 0 6vw 30px; }
  .recognition-bar { grid-template-columns: 1fr; }
  .recognition-bar a { border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .18); }
  .manifesto, .credentials, .speaking { grid-template-columns: 1fr; }
  .manifesto div p { margin-left: 0; }
  .credential-intro { position: static; }
  .credential-links { grid-column: 1; margin-top: 0; }
}

@media (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
}

@media (max-width: 760px) {
  .site-header { min-height: 70px; padding: 0 20px; }
  .wordmark strong { display: none; }
  .menu-toggle { display: block; z-index: 1001; cursor: pointer; }
  .primary-navigation { position: fixed; inset: 70px 0 0; padding: 45px 24px; background: var(--santha-paper); display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 30px; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: .22s ease; overflow-y: auto; }
  .admin-bar .primary-navigation { top: 116px; }
  .primary-navigation.is-open { opacity: 1; visibility: visible; transform: none; }
  .primary-menu { flex-direction: column; align-items: stretch; gap: 0; }
  .primary-menu a { padding: 16px 0; border-bottom: 1px solid var(--santha-line); font: 400 30px var(--santha-serif); }
  .primary-menu .sub-menu { position: static; visibility: visible; opacity: 1; transform: none; background: transparent; border: 0; padding-left: 20px; }
  .nav-cta { text-align: center; padding: 16px 20px; }
  .hero h1 { font-size: clamp(54px, 16vw, 78px); }
  .hero-copy { padding: 65px 24px 38px; min-height: auto; }
  .hero-intro { font-size: 17px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 24px; }
  .hero-proof { grid-template-columns: 1fr; padding-top: 55px; }
  .hero-proof div { align-items: center; }
  .hero-proof span { max-width: none; }
  .hero-portrait { min-height: 620px; padding: 20px 20px 25px; }
  .section-pad { padding: 84px 24px; }
  .manifesto { gap: 25px; }
  .manifesto h2, .section-heading h2, .credential-intro h2, .speaking-copy h2 { font-size: 43px; }
  .service-grid { grid-template-columns: 1fr; }
  .service-grid article, .service-grid article:not(:first-child) { border-right: 0; border-bottom: 1px solid var(--santha-line); padding: 28px 0; min-height: auto; }
  .service-number { margin-bottom: 45px; }
  .split-heading { grid-template-columns: 1fr; }
  .evidence-list > a { grid-template-columns: 65px 1fr auto; gap: 10px; min-height: 122px; }
  .evidence-main strong { font-size: 21px; }
  .credential-grid { grid-template-columns: 1fr; }
  .credential-grid > div:nth-child(odd) { border-right: 0; }
  .credential-grid > div:nth-child(even) { padding-left: 0; }
  .credential-links { flex-direction: column; align-items: flex-start; }
  .cta { min-height: 560px; }
  .cta h2 { font-size: 51px; }
  .cta > div { flex-direction: column; }
  .site-footer { grid-template-columns: 1fr; }
  .site-footer .footer-links { flex-direction: column; gap: 8px; }
  .post-grid { grid-template-columns: 1fr; }
  .content-shell { width: min(100% - 36px, 1180px); padding: 65px 0 90px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/*
 * Dark Bronze visual system — version 1.1.
 * Inspired by the editorial portrait artwork used on the homepage.
 */
:root {
  --santha-ink: #0a0b0a;
  --santha-paper: #0a0b0a;
  --santha-paper-deep: #15120f;
  --santha-bronze: #c67846;
  --santha-bronze-dark: #dc8d59;
  --santha-sage: #20271f;
  --santha-line: rgba(244, 237, 228, .17);
  --santha-ivory: #f4ede4;
  --santha-muted: #b7aea2;
}

html, body { background: var(--santha-ink); }
body { color: var(--santha-ivory); }

.site-header {
  border-color: rgba(244, 237, 228, .12);
  background: rgba(10, 11, 10, .9);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .22);
}
.wordmark { color: var(--santha-ivory); }
.wordmark > span { border-color: var(--santha-bronze); color: var(--santha-bronze); }
.primary-menu a { color: var(--santha-ivory); }
.primary-menu a:hover, .primary-menu a:focus-visible { border-color: var(--santha-bronze); color: #fff; }
.primary-menu .sub-menu { background: #11110f; border-color: var(--santha-line); }
.nav-cta { background: var(--santha-bronze); color: #0a0b0a; }
.nav-cta:hover, .nav-cta:focus-visible { background: #e0935d; }
.menu-toggle > span:not(.screen-reader-text) { background: var(--santha-ivory); }

.hero {
  position: relative;
  display: block;
  min-height: 0;
  aspect-ratio: 1731 / 909;
  background: #080908;
  overflow: hidden;
}
.hero-artwork { position: absolute; inset: 0; z-index: 1; }
.hero-artwork img { width: 100%; height: 100%; object-fit: cover; }
.hero-copy { padding: 0; }
.hero-copy .eyebrow,
.hero-copy h1,
.hero-copy .hero-intro {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.hero-actions, .hero-proof, .hero-portrait { display: none; }

.recognition-bar { background: #11110f; border-top: 1px solid rgba(198, 120, 70, .25); border-bottom: 1px solid rgba(244, 237, 228, .12); }
.recognition-bar a { border-color: rgba(244, 237, 228, .13); color: #d7cfc5; }
.recognition-bar span { color: var(--santha-bronze); }

.manifesto { background: radial-gradient(circle at 80% 20%, rgba(119, 72, 43, .18), transparent 35%), #0a0b0a; }
.manifesto h2, .section-heading h2, .credential-intro h2, .speaking-copy h2, .cta h2 { color: var(--santha-ivory); }
.manifesto div p,
.section-heading > p:last-child,
.credential-intro > p:last-child,
.speaking-copy > p,
.hero-intro { color: var(--santha-muted); }
.eyebrow, .section-label { color: var(--santha-bronze); }

.work { background: linear-gradient(145deg, #15120f 0%, #0f0f0d 55%, #17100c 100%); }
.service-grid { border-color: rgba(244, 237, 228, .2); }
.service-grid article { border-color: rgba(244, 237, 228, .16); }
.service-number { color: var(--santha-bronze); }
.service-grid h3 { color: var(--santha-ivory); }
.service-grid p { color: var(--santha-muted); }
.service-grid li { color: #d7cec3; border-color: rgba(198, 120, 70, .42); background: rgba(198, 120, 70, .06); }

.evidence { background: #0a0b0a; }
.evidence-list { border-color: var(--santha-line); }
.evidence-list > a { border-color: var(--santha-line); color: var(--santha-ivory); }
.evidence-list > a:hover { color: #e0935d; background: rgba(198, 120, 70, .035); }
.evidence-year { color: var(--santha-bronze); }
.evidence-main small { color: var(--santha-muted); }
.organisation-note { border-color: var(--santha-line); }
.organisation-note p { color: #958b80; }
.organisation-note div { color: #cec4b8; }
.organisation-note > a { color: var(--santha-bronze); }

.credentials {
  background:
    radial-gradient(circle at 15% 15%, rgba(198, 120, 70, .18), transparent 31%),
    linear-gradient(135deg, #1d241d, #101411 72%);
  color: var(--santha-ivory);
}
.credentials .section-label, .credential-grid small { color: #d68b58; }
.credential-grid, .credential-grid > div { border-color: rgba(244, 237, 228, .18); }
.credential-grid > div:nth-child(odd) { border-color: rgba(244, 237, 228, .18); }
.credential-grid span { color: #aaa396; }
.credential-links a { color: #eee5dc; border-color: rgba(198, 120, 70, .65); }

.speaking {
  background:
    linear-gradient(90deg, rgba(10, 11, 10, .96), rgba(10, 11, 10, .63)),
    radial-gradient(circle at 82% 42%, #5a321f 0%, #21150f 29%, #0a0b0a 67%);
}
.speaking .section-label, .topic-list span { color: var(--santha-bronze); }
.topic-list, .topic-list > div { border-color: rgba(244, 237, 228, .17); }
.topic-list h3 { color: var(--santha-ivory); }
.topic-list p { color: #a9a095; }
.button-primary { background: var(--santha-bronze); color: #0a0b0a; }
.button-primary:hover { background: #e0935d; }
.button-light { background: var(--santha-ivory); color: #0a0b0a; }
.text-link { color: var(--santha-ivory); }

.cta {
  background:
    linear-gradient(rgba(10, 11, 10, .62), rgba(10, 11, 10, .92)),
    radial-gradient(circle at 50% 18%, #6a3a23 0%, #24160f 28%, #0a0b0a 68%);
  border-top: 1px solid rgba(198, 120, 70, .25);
}
.site-footer { background: #080908; border-color: rgba(244, 237, 228, .13); }
.site-footer span, .site-footer p { color: #948b80; }
.footer-links a:hover { color: var(--santha-bronze); }
.ai-experience { scroll-margin-top: 84px; background: #080908; }

.content-shell { color: var(--santha-ivory); }
.archive-label, .entry-content a { color: var(--santha-bronze); }
.entry-title, .page-title { color: var(--santha-ivory); }
.entry-title a:hover { color: var(--santha-bronze); }
.entry-meta, .entry-summary { color: var(--santha-muted); }
.post-card, .comments-area, .comment-body { border-color: var(--santha-line); }
.post-card .post-thumbnail { background: #16130f; }
.entry-content blockquote { color: #d9cec2; border-color: var(--santha-bronze); }
.entry-content th, .entry-content td { border-color: var(--santha-line); }
.entry-content pre { background: #15120f; border: 1px solid var(--santha-line); }
.comment-form input:not([type="submit"]),
.comment-form textarea,
.search-form .search-field { background: #11110f; color: var(--santha-ivory); border-color: var(--santha-line); }
.comment-form .submit, .search-form .search-submit { background: var(--santha-bronze); color: #0a0b0a; }

@media (max-width: 980px) {
  .hero { display: grid; grid-template-columns: 1fr; aspect-ratio: auto; min-height: auto; background: radial-gradient(circle at 72% 65%, #462617 0%, #17110d 28%, #090a09 70%); }
  .hero::before { content: ""; position: absolute; z-index: 0; inset: 0 auto 0 -180px; width: 420px; opacity: .55; background: repeating-radial-gradient(circle at 0 50%, transparent 0 42px, rgba(198, 120, 70, .45) 43px 44px, transparent 45px 78px); pointer-events: none; }
  .hero-artwork { display: none; }
  .hero-copy { position: relative; z-index: 1; display: flex; padding: 78px 7vw 58px; min-height: auto; }
  .hero-copy .eyebrow,
  .hero-copy h1,
  .hero-copy .hero-intro {
    clip: auto;
    clip-path: none;
    height: auto;
    margin: initial;
    overflow: visible;
    padding: initial;
    position: static !important;
    width: auto;
  }
  .hero-copy .eyebrow { margin: 0 0 24px; }
  .hero-copy h1 { margin: 0; color: var(--santha-ivory); }
  .hero-copy .hero-intro { margin: 35px 0 0; color: var(--santha-muted); }
  .hero-actions { display: flex; }
  .hero-proof { display: grid; }
  .hero-portrait { display: flex; position: relative; z-index: 1; background: transparent; }
  .hero-proof div { border-color: rgba(244, 237, 228, .18); }
  .hero-proof strong { color: var(--santha-bronze); }
  .hero-proof span { color: #aaa095; }
  .portrait-frame { background: #21160f; box-shadow: 0 30px 80px rgba(0, 0, 0, .35); }
  .portrait-caption { color: #a99f94; }
  .credential-links { margin-top: 0; }
}

@media (max-width: 760px) {
  .primary-navigation { background: #0d0e0d; }
  .primary-menu a { border-color: var(--santha-line); }
  .service-grid article, .service-grid article:not(:first-child) { border-color: var(--santha-line); }
}

/*
 * Light Executive visual system — version 1.3.
 * Keeps the signature bronze hero and charcoal navigation, then opens the
 * portfolio into a bright, spacious experience inspired by CX Expert Asia.
 */
:root {
  --santha-ink: #151714;
  --santha-paper: #fbfaf7;
  --santha-paper-deep: #f1ece4;
  --santha-bronze: #b96f42;
  --santha-bronze-dark: #8c4f2f;
  --santha-sage: #5d6757;
  --santha-line: rgba(21, 23, 20, .14);
  --santha-ivory: #f8f3ec;
  --santha-muted: #625f59;
}

html, body { background: var(--santha-paper); }
body { color: var(--santha-ink); font-family: var(--santha-sans); }

.site-header {
  min-height: 86px;
  border-color: rgba(248, 243, 236, .12);
  background: rgba(13, 15, 13, .94);
  box-shadow: 0 12px 36px rgba(14, 16, 14, .14);
}
.wordmark { color: var(--santha-ivory); }
.wordmark > span { border-color: var(--santha-bronze); color: #df9a70; }
.wordmark strong { font-size: 13px; font-weight: 600; letter-spacing: .02em; }
.primary-menu a { color: #eee9e2; font-weight: 500; }
.primary-menu a:hover, .primary-menu a:focus-visible { border-color: var(--santha-bronze); color: #fff; }
.primary-menu .sub-menu { background: #171916; border-color: rgba(248, 243, 236, .14); }
.nav-cta { border: 1px solid var(--santha-bronze); background: var(--santha-bronze); color: #131512; }
.nav-cta:hover, .nav-cta:focus-visible { background: #d1885c; }
.menu-toggle > span:not(.screen-reader-text) { background: var(--santha-ivory); }

.hero { position: relative; display: block; min-height: 0; aspect-ratio: 1731 / 909; background: #080908; overflow: hidden; }
.hero-artwork { position: absolute; inset: 0; z-index: 1; }
.hero-artwork img { width: 100%; height: 100%; object-fit: cover; }
.hero-copy { padding: 0; }
.hero-copy .eyebrow,
.hero-copy h1,
.hero-copy .hero-intro {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.hero-actions, .hero-proof, .hero-portrait { display: none; }

.recognition-bar {
  position: relative;
  z-index: 2;
  padding: 0 max(5vw, 32px);
  border-top: 0;
  border-bottom: 1px solid var(--santha-line);
  background: #fff;
  color: var(--santha-ink);
  box-shadow: 0 18px 50px rgba(29, 26, 20, .055);
}
.recognition-bar a {
  min-height: 112px;
  display: grid;
  grid-template-columns: 68px 1fr;
  grid-template-rows: auto auto;
  align-content: center;
  column-gap: 18px;
  row-gap: 4px;
  border-color: var(--santha-line);
  color: var(--santha-ink);
}
.recognition-bar a:hover { color: var(--santha-bronze-dark); }
.recognition-bar span { grid-row: 1 / 3; align-self: center; color: var(--santha-bronze-dark); font: 600 24px/1 var(--santha-serif); }
.recognition-bar strong { font-size: 13px; line-height: 1.3; }
.recognition-bar small { color: #77736c; font-size: 11px; line-height: 1.4; }

.section-pad { padding: clamp(92px, 9vw, 138px) max(5vw, 32px); }
.eyebrow, .section-label { color: var(--santha-bronze-dark); font-family: var(--santha-sans); }
.manifesto { background: #fff; }
.manifesto h2,
.section-heading h2,
.credential-intro h2,
.cta h2 { color: var(--santha-ink); font-weight: 500; }
.manifesto div p,
.section-heading > p:last-child,
.credential-intro > p:last-child { color: var(--santha-muted); }
.manifesto div p { max-width: 760px; }

.work { background: #f1f4ef; }
.section-heading { max-width: 880px; }
.service-grid { gap: 22px; border: 0; }
.service-grid article,
.service-grid article:not(:first-child) {
  min-height: 430px;
  padding: 34px;
  border: 1px solid rgba(21, 23, 20, .1);
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(30, 35, 29, .055);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.service-grid article:hover { transform: translateY(-5px); border-color: rgba(185, 111, 66, .36); box-shadow: 0 25px 65px rgba(30, 35, 29, .09); }
.service-number { margin-bottom: 74px; color: var(--santha-bronze-dark); }
.service-grid h3 { color: var(--santha-ink); font-weight: 500; }
.service-grid p { color: var(--santha-muted); }
.service-grid li { border-color: rgba(140, 79, 47, .22); background: #fbf6f1; color: #6f432d; }

.evidence { background: var(--santha-paper); }
.evidence-list { border-color: var(--santha-line); }
.evidence-list > a { border-color: var(--santha-line); color: var(--santha-ink); }
.evidence-list > a:hover { color: var(--santha-bronze-dark); background: rgba(185, 111, 66, .035); }
.evidence-year { color: var(--santha-bronze-dark); }
.evidence-main small { color: var(--santha-muted); }
.organisation-note { border-color: var(--santha-line); }
.organisation-note p { color: #77736c; }
.organisation-note div { color: #4f514d; }
.organisation-note > a { color: var(--santha-bronze-dark); }

.credentials {
  background:
    radial-gradient(circle at 8% 18%, rgba(185, 111, 66, .11), transparent 31%),
    #f6efe7;
  color: var(--santha-ink);
}
.credentials .section-label, .credential-grid small { color: var(--santha-bronze-dark); }
.credential-intro > p:last-child { color: var(--santha-muted); }
.credential-grid, .credential-grid > div, .credential-grid > div:nth-child(odd) { border-color: rgba(21, 23, 20, .15); }
.credential-grid strong { color: var(--santha-ink); font-weight: 500; }
.credential-grid span { color: #6f6a62; }
.credential-links a { color: var(--santha-ink); border-color: rgba(140, 79, 47, .65); }
.credential-links a:hover { color: var(--santha-bronze-dark); }

.speaking {
  background:
    linear-gradient(90deg, rgba(18, 20, 18, .98), rgba(18, 20, 18, .78)),
    radial-gradient(circle at 84% 38%, #704127 0%, #2b1c14 32%, #121412 70%);
  color: var(--santha-ivory);
}
.speaking .section-label, .topic-list span { color: #d98d60; }
.speaking-copy h2 { color: var(--santha-ivory); font-weight: 500; }
.speaking-copy > p { color: #beb7ad; }
.topic-list, .topic-list > div { border-color: rgba(248, 243, 236, .17); }
.topic-list h3 { color: var(--santha-ivory); font-weight: 500; }
.topic-list p { color: #aaa39a; }
.button-primary { background: var(--santha-bronze); color: #151714; }
.button-primary:hover { background: #d1885c; }
.button-light { background: var(--santha-ivory); color: var(--santha-ink); }
.speaking .text-link { color: var(--santha-ivory); }

.ai-experience { scroll-margin-top: 86px; background: #eef1ed; }
.santha-cx-ai { font-family: var(--santha-sans); }
.santha-cx-ai__intro h2,
.santha-cx-ai__toolbar strong,
.santha-cx-ai__avatar { font-family: var(--santha-serif); }

.cta {
  min-height: 620px;
  border-top: 1px solid rgba(185, 111, 66, .18);
  background:
    radial-gradient(circle at 50% 18%, rgba(185, 111, 66, .13), transparent 31%),
    #fff8f1;
}
.cta .text-link { color: var(--santha-ink); }

.site-footer { background: #121412; border-color: rgba(248, 243, 236, .13); color: var(--santha-ivory); }
.site-footer span, .site-footer p { color: #aaa49b; }
.footer-links a:hover { color: #df9a70; }

.content-shell { color: var(--santha-ink); }
.archive-label, .entry-content a { color: var(--santha-bronze-dark); }
.entry-title, .page-title { color: var(--santha-ink); }
.entry-title a:hover { color: var(--santha-bronze-dark); }
.entry-meta, .entry-summary { color: var(--santha-muted); }
.post-card, .comments-area, .comment-body { border-color: var(--santha-line); }
.post-card .post-thumbnail { background: var(--santha-paper-deep); }
.entry-content blockquote { color: #4f4c46; border-color: var(--santha-bronze); }
.entry-content th, .entry-content td { border-color: var(--santha-line); }
.entry-content pre { background: #171916; border: 0; }
.comment-form input:not([type="submit"]),
.comment-form textarea,
.search-form .search-field { background: #fff; color: var(--santha-ink); border-color: var(--santha-line); }
.comment-form .submit, .search-form .search-submit { background: var(--santha-ink); color: #fff; }

@media (max-width: 980px) {
  .hero {
    display: grid;
    grid-template-columns: 1fr;
    aspect-ratio: auto;
    min-height: auto;
    background:
      radial-gradient(circle at 88% 12%, rgba(185, 111, 66, .13), transparent 31%),
      var(--santha-paper);
    color: var(--santha-ink);
  }
  .hero::before { display: none; }
  .hero-artwork { display: none; }
  .hero-copy { position: relative; z-index: 1; display: flex; padding: 78px 7vw 58px; min-height: auto; }
  .hero-copy .eyebrow,
  .hero-copy h1,
  .hero-copy .hero-intro {
    clip: auto;
    clip-path: none;
    height: auto;
    margin: initial;
    overflow: visible;
    padding: initial;
    position: static !important;
    width: auto;
  }
  .hero-copy .eyebrow { margin: 0 0 24px; }
  .hero-copy h1 { margin: 0; color: var(--santha-ink); }
  .hero-copy .hero-intro { margin: 35px 0 0; color: var(--santha-muted); }
  .hero-actions { display: flex; }
  .hero .text-link { color: var(--santha-ink); }
  .hero-proof { display: grid; }
  .hero-proof div { border-color: var(--santha-line); }
  .hero-proof strong { color: var(--santha-bronze-dark); }
  .hero-proof span { color: var(--santha-muted); }
  .hero-portrait { display: flex; position: relative; z-index: 1; background: var(--santha-paper-deep); }
  .portrait-frame { background: #d6c8b9; box-shadow: 0 30px 80px rgba(49, 41, 31, .14); }
  .portrait-caption { color: #6c675f; }
  .recognition-bar a { border-color: var(--santha-line); }
  .credential-links { margin-top: 0; }
}

@media (max-width: 760px) {
  .primary-navigation { background: #121412; }
  .primary-menu a { border-color: rgba(248, 243, 236, .15); }
  .recognition-bar { padding: 0 24px; }
  .recognition-bar a { min-height: 104px; border-bottom: 1px solid var(--santha-line); }
  .service-grid { gap: 14px; }
  .service-grid article,
  .service-grid article:not(:first-child) { padding: 28px; border: 1px solid rgba(21, 23, 20, .1); }
  .service-number { margin-bottom: 42px; }
}

/*
 * Conversion, credibility and enquiry experience — version 1.4.
 */
.sales-pitch {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  gap: clamp(54px, 8vw, 120px);
  align-items: center;
  border-bottom: 1px solid var(--santha-line);
  background: #fff;
}
.sales-pitch-copy h2,
.method h2,
.faq h2 {
  max-width: 880px;
  margin: 18px 0 28px;
  color: var(--santha-ink);
  font: 500 clamp(42px, 5.2vw, 76px)/.98 var(--santha-serif);
  letter-spacing: -.035em;
}
.sales-pitch-copy > p:last-of-type {
  max-width: 760px;
  color: var(--santha-muted);
  font-size: clamp(17px, 1.45vw, 21px);
  line-height: 1.72;
}
.sales-pitch-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px 30px;
  margin-top: 38px;
}
.sales-pitch .text-link { color: var(--santha-ink); }
.sales-proof-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.sales-proof-grid > div {
  min-height: 210px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px;
  border: 1px solid rgba(21, 23, 20, .1);
  border-radius: 4px;
  background: #f5f2ec;
}
.sales-proof-grid strong {
  color: var(--santha-bronze-dark);
  font: 500 clamp(46px, 5vw, 72px)/.9 var(--santha-serif);
  letter-spacing: -.035em;
}
.sales-proof-grid span {
  color: #555851;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.55;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.cpd-accreditation {
  max-width: 630px;
  display: grid;
  grid-template-columns: minmax(130px, 220px) 1fr;
  gap: 22px;
  align-items: center;
  margin-top: 38px;
  padding: 18px;
  border: 1px solid rgba(185, 111, 66, .28);
  border-radius: 4px;
  background: rgba(255, 255, 255, .72);
  color: var(--santha-ink);
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.cpd-accreditation:hover,
.cpd-accreditation:focus-visible {
  transform: translateY(-2px);
  border-color: var(--santha-bronze);
  box-shadow: 0 18px 45px rgba(80, 52, 32, .08);
}
.cpd-accreditation img { width: 100%; height: auto; }
.cpd-accreditation span { display: flex; flex-direction: column; gap: 8px; }
.cpd-accreditation strong { font: 500 25px/1.1 var(--santha-serif); }
.cpd-accreditation small { color: var(--santha-muted); line-height: 1.5; }

.method { background: #eef2ed; }
.method-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: clamp(54px, 7vw, 96px) 0 0;
  padding: 0;
  border-top: 1px solid var(--santha-line);
  list-style: none;
}
.method-grid li {
  min-height: 340px;
  padding: 30px 28px;
  border-right: 1px solid var(--santha-line);
}
.method-grid li:first-child { border-left: 1px solid var(--santha-line); }
.method-grid span {
  display: block;
  margin-bottom: 74px;
  color: var(--santha-bronze-dark);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
}
.method-grid h3 { margin: 0 0 20px; font: 500 32px/1.05 var(--santha-serif); }
.method-grid p { margin: 0; color: var(--santha-muted); line-height: 1.65; }

.faq { background: #fff; }
.faq-list {
  max-width: 1040px;
  margin: clamp(52px, 6vw, 88px) 0 0 auto;
  border-top: 1px solid var(--santha-line);
}
.faq-list details { border-bottom: 1px solid var(--santha-line); }
.faq-list summary {
  display: grid;
  grid-template-columns: 1fr 30px;
  gap: 24px;
  align-items: center;
  padding: 26px 0;
  cursor: pointer;
  color: var(--santha-ink);
  font: 500 clamp(22px, 2.2vw, 32px)/1.2 var(--santha-serif);
  list-style: none;
}
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span:last-child {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(140, 79, 47, .45);
  border-radius: 50%;
  color: var(--santha-bronze-dark);
  font: 400 19px/1 var(--santha-sans);
  transition: transform .2s ease;
}
.faq-list details[open] summary span:last-child { transform: rotate(45deg); }
.faq-list details p {
  max-width: 820px;
  margin: -2px 58px 28px 0;
  color: var(--santha-muted);
  font-size: 17px;
  line-height: 1.75;
}

.inquiry-experience { scroll-margin-top: 86px; background: #f5efe7; }
.cta > div { justify-content: center; flex-wrap: wrap; }
.footer-identity address {
  max-width: 480px;
  margin-top: 12px;
  color: #858077;
  font-size: 12px;
  font-style: normal;
  line-height: 1.55;
}

@media (max-width: 980px) {
  .sales-pitch { grid-template-columns: 1fr; }
  .sales-proof-grid { max-width: 760px; }
  .method-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .method-grid li:nth-child(3) { border-left: 1px solid var(--santha-line); }
  .method-grid li:nth-child(-n+2) { border-bottom: 1px solid var(--santha-line); }
}

@media (max-width: 640px) {
  .sales-proof-grid { grid-template-columns: 1fr; }
  .sales-proof-grid > div { min-height: 170px; }
  .cpd-accreditation { grid-template-columns: 1fr; }
  .cpd-accreditation img { max-width: 250px; }
  .method-grid { grid-template-columns: 1fr; }
  .method-grid li,
  .method-grid li:first-child,
  .method-grid li:nth-child(3) { min-height: 0; border: 1px solid var(--santha-line); border-top: 0; }
  .method-grid li:first-child { border-top: 1px solid var(--santha-line); }
  .method-grid span { margin-bottom: 38px; }
  .faq-list summary { padding: 22px 0; }
}

/*
 * Thought Leadership publishing experience — version 1.5.
 */
.thought-preview { background: #f8f3ed; }
.thought-preview .split-heading { margin-bottom: clamp(48px, 6vw, 78px); }
.thought-preview-intro { align-self: end; }
.thought-preview-intro p {
  margin: 0 0 26px;
  color: var(--santha-muted);
  font-size: 16px;
  line-height: 1.7;
}
.thought-preview-grid,
.thought-library-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.thought-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(21, 23, 20, .12);
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 18px 50px rgba(30, 35, 29, .045);
}
.thought-card-media {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #ded5c8;
}
.thought-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.thought-card:hover .thought-card-media img { transform: scale(1.025); }
.thought-card-media.is-placeholder {
  display: grid;
  place-items: center;
  background:
    linear-gradient(135deg, rgba(185, 111, 66, .18), transparent 52%),
    radial-gradient(circle at 76% 30%, rgba(93, 103, 87, .34), transparent 34%),
    #1a1c19;
}
.thought-card-media.is-placeholder > span { color: #d28b60; font: 500 clamp(45px, 7vw, 78px)/1 var(--santha-serif); letter-spacing: -.06em; }
.thought-card-media small {
  position: absolute;
  left: 18px;
  top: 18px;
  padding: 7px 10px;
  background: var(--santha-bronze);
  color: #141613;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.thought-card-body { flex: 1; display: flex; flex-direction: column; padding: 27px; }
.thought-card-meta { display: flex; flex-wrap: wrap; gap: 7px 15px; color: #79756e; font-size: 9px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.thought-card-meta span:first-child { color: var(--santha-bronze-dark); }
.thought-card h2,
.thought-card h3 { margin: 24px 0 18px; color: var(--santha-ink); font: 500 clamp(28px, 2.5vw, 38px)/1.05 var(--santha-serif); letter-spacing: -.025em; }
.thought-card h2 a:hover,
.thought-card h3 a:hover { color: var(--santha-bronze-dark); }
.thought-card-excerpt { margin-bottom: 28px; color: var(--santha-muted); font-size: 14px; line-height: 1.68; }
.thought-card-excerpt p { margin: 0; }
.thought-card .read-more { align-self: flex-start; margin-top: auto; }
.thought-empty { padding: clamp(42px, 6vw, 76px); border: 1px solid var(--santha-line); background: rgba(255, 255, 255, .68); text-align: center; }
.thought-empty strong { color: var(--santha-ink); font: 500 clamp(30px, 4vw, 50px)/1.05 var(--santha-serif); }
.thought-empty p { max-width: 620px; margin: 18px auto 28px; color: var(--santha-muted); line-height: 1.7; }

.thought-library-page { background: var(--santha-paper); }
.thought-library-hero {
  min-height: 520px;
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(320px, .72fr);
  gap: 8vw;
  align-items: end;
  padding: clamp(90px, 11vw, 160px) max(5vw, 32px) clamp(70px, 8vw, 110px);
  background:
    radial-gradient(circle at 82% 27%, rgba(185, 111, 66, .25), transparent 28%),
    linear-gradient(120deg, #101210 0%, #171512 55%, #28190f 100%);
  color: var(--santha-ivory);
}
.thought-library-hero .archive-label { color: #d58b5e; }
.thought-library-hero h1 { max-width: 980px; margin: 0; font: 500 clamp(58px, 7vw, 104px)/.92 var(--santha-serif); letter-spacing: -.05em; }
.thought-library-hero > div:last-child { padding-top: 26px; border-top: 1px solid rgba(248, 243, 236, .22); }
.thought-library-hero > div:last-child p { margin: 0 0 28px; color: #c4bdb3; font-size: 17px; line-height: 1.7; }
.thought-library-hero > div:last-child span { color: #d58b5e; font-size: 10px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.thought-topics {
  display: flex;
  gap: 8px;
  padding: 22px max(5vw, 32px);
  overflow-x: auto;
  border-bottom: 1px solid var(--santha-line);
  background: #fff;
  scrollbar-width: thin;
}
.thought-topics a { flex: 0 0 auto; padding: 9px 13px; border: 1px solid var(--santha-line); border-radius: 99px; color: #555851; font-size: 10px; font-weight: 650; letter-spacing: .05em; }
.thought-topics a:hover,
.thought-topics a.is-active { border-color: var(--santha-bronze); background: #fbf3ec; color: var(--santha-bronze-dark); }
.thought-library-content { padding: clamp(80px, 8vw, 120px) max(5vw, 32px); }
.thought-library-heading { display: flex; justify-content: space-between; gap: 30px; margin-bottom: 30px; padding-bottom: 18px; border-bottom: 1px solid var(--santha-line); color: #747068; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.thought-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 28px; }
.thought-library-grid .thought-card.is-featured { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); }
.thought-library-grid .thought-card.is-featured .thought-card-media { height: 100%; min-height: 430px; aspect-ratio: auto; }
.thought-library-grid .thought-card.is-featured .thought-card-body { justify-content: center; padding: clamp(36px, 5vw, 70px); }
.thought-library-grid .thought-card.is-featured h2 { font-size: clamp(40px, 4.8vw, 68px); }
.thought-library-content .navigation { margin-top: 60px; }
.thought-library-cta { min-height: 560px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 90px max(5vw, 32px); background: #eef2ed; text-align: center; }
.thought-library-cta h2 { max-width: 900px; margin: 10px 0 38px; color: var(--santha-ink); font: 500 clamp(46px, 6vw, 86px)/.98 var(--santha-serif); letter-spacing: -.045em; }

.thought-single { background: var(--santha-paper); }
.thought-single-header {
  padding: clamp(72px, 9vw, 130px) max(7vw, 32px) clamp(62px, 8vw, 105px);
  background:
    radial-gradient(circle at 85% 22%, rgba(185, 111, 66, .22), transparent 31%),
    #121412;
  color: var(--santha-ivory);
}
.thought-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; color: #aaa39a; font-size: 10px; font-weight: 650; letter-spacing: .11em; text-transform: uppercase; }
.thought-breadcrumb a { color: #dc9164; }
.thought-single-meta { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: clamp(50px, 7vw, 92px); color: #b4aea5; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.thought-single-meta span:first-child { color: #dc9164; }
.thought-single-header h1 { max-width: 1180px; margin: 22px 0 0; font: 500 clamp(56px, 7.6vw, 114px)/.9 var(--santha-serif); letter-spacing: -.055em; }
.thought-deck { max-width: 820px; margin: 34px 0 0; color: #c7c0b7; font-size: clamp(18px, 2vw, 25px); line-height: 1.62; }
.thought-byline { display: flex; align-items: center; gap: 13px; margin-top: 38px; }
.thought-byline > span { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #d58b5e; border-radius: 50%; color: #d58b5e; font: 500 15px/1 var(--santha-serif); }
.thought-byline div { display: flex; flex-direction: column; gap: 4px; }
.thought-byline strong { font-size: 12px; }
.thought-byline small { color: #979188; font-size: 9px; letter-spacing: .09em; text-transform: uppercase; }
.thought-featured-image { width: min(1440px, calc(100% - 64px)); max-height: 820px; margin: clamp(45px, 6vw, 82px) auto 0; overflow: hidden; }
.thought-featured-image img { width: 100%; max-height: 820px; object-fit: cover; }
.thought-article-layout { width: min(1180px, calc(100% - 64px)); display: grid; grid-template-columns: 220px minmax(0, 820px); gap: clamp(45px, 8vw, 120px); margin: clamp(70px, 8vw, 120px) auto; }
.thought-article-aside { position: sticky; top: 130px; align-self: start; padding-top: 15px; border-top: 1px solid var(--santha-line); }
.thought-article-aside > span { color: #77736c; font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.thought-article-topics { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; margin-top: 22px; }
.thought-article-topics a { padding-bottom: 3px; border-bottom: 1px solid rgba(140, 79, 47, .5); color: var(--santha-bronze-dark); font-size: 12px; }
.thought-share { display: inline-flex; gap: 8px; margin-top: 35px; color: #555851; font-size: 11px; font-weight: 650; }
.thought-article-content { min-width: 0; font-size: clamp(17px, 1.45vw, 20px); line-height: 1.82; }
.thought-article-content > * { max-width: 100%; }
.thought-article-content > p:first-child::first-letter { float: left; margin: .05em .12em 0 0; color: var(--santha-bronze-dark); font: 500 4.5em/.74 var(--santha-serif); }
.thought-resource { display: grid; grid-template-columns: 1fr auto; gap: 60px; align-items: end; margin-top: 30px; padding: clamp(70px, 8vw, 110px) max(7vw, 32px); background: #f4ece3; }
.thought-resource h2 { max-width: 790px; margin: 12px 0 0; color: var(--santha-ink); font: 500 clamp(45px, 5.7vw, 82px)/.98 var(--santha-serif); letter-spacing: -.045em; }
.thought-resource p:not(.section-label) { color: var(--santha-muted); }
.thought-resource > div:last-child { display: flex; flex-wrap: wrap; gap: 22px; align-items: center; }
.thought-related { padding: clamp(85px, 9vw, 130px) max(5vw, 32px); background: #eef2ed; }
.thought-related-heading { margin-bottom: 55px; }
.thought-related-heading h2 { margin: 10px 0 0; font: 500 clamp(45px, 5.5vw, 78px)/1 var(--santha-serif); letter-spacing: -.04em; }

@media (max-width: 1250px) and (min-width: 981px) {
  .primary-navigation, .primary-menu { gap: 15px; }
  .primary-menu a { font-size: 11px; }
}

@media (max-width: 980px) {
  .thought-preview-grid { grid-template-columns: 1fr 1fr; }
  .thought-preview-grid .thought-card:last-child { grid-column: 1 / -1; }
  .thought-library-hero { grid-template-columns: 1fr; min-height: 0; }
  .thought-library-hero > div:last-child { max-width: 700px; }
  .thought-library-grid .thought-card.is-featured { grid-template-columns: 1fr; }
  .thought-library-grid .thought-card.is-featured .thought-card-media { min-height: 0; aspect-ratio: 16 / 9; }
  .thought-article-layout { grid-template-columns: 1fr; }
  .thought-article-aside { position: static; display: flex; flex-wrap: wrap; gap: 14px 28px; align-items: center; }
  .thought-article-topics { flex-direction: row; flex-wrap: wrap; margin: 0; }
  .thought-share { margin: 0 0 0 auto; }
  .thought-resource { grid-template-columns: 1fr; align-items: start; }
}

@media (max-width: 680px) {
  .thought-preview-grid,
  .thought-library-grid { grid-template-columns: 1fr; }
  .thought-preview-grid .thought-card:last-child,
  .thought-library-grid .thought-card.is-featured { grid-column: auto; }
  .thought-library-hero { padding-left: 24px; padding-right: 24px; }
  .thought-library-hero h1,
  .thought-single-header h1 { overflow-wrap: anywhere; }
  .thought-library-content { padding-left: 18px; padding-right: 18px; }
  .thought-featured-image,
  .thought-article-layout { width: calc(100% - 36px); }
  .thought-single-header { padding-left: 24px; padding-right: 24px; }
  .thought-share { width: 100%; margin-left: 0; }
  .thought-resource > div:last-child { align-items: flex-start; flex-direction: column; }
}

/*
 * Thought Leadership editorial product — version 1.6.
 */
.thought-library-page {
  --thought-night: #111411;
  --thought-night-soft: #1b1d19;
  --thought-copper: #c47a4d;
  --thought-copper-bright: #df986c;
  --thought-sage: #71806b;
  --thought-mist: #edf1eb;
  --thought-shell: min(1440px, calc(100% - 8vw));
  overflow: clip;
  background: #f7f7f3;
}
.thought-library-hero {
  position: relative;
  min-height: 670px;
  display: block;
  padding: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 77% 18%, rgba(196, 122, 77, .24), transparent 26%),
    radial-gradient(circle at 12% 100%, rgba(113, 128, 107, .15), transparent 30%),
    linear-gradient(122deg, #101310 0%, #171914 55%, #281b13 100%);
  color: #f7f1e8;
}
.thought-library-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .16;
  background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 88px 88px;
  mask-image: linear-gradient(110deg, #000, transparent 64%);
}
.thought-hero-orbit {
  position: absolute;
  width: min(58vw, 820px);
  aspect-ratio: 1;
  right: -13vw;
  top: -22%;
  opacity: .65;
}
.thought-hero-orbit span {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(223, 152, 108, .28);
  border-radius: 50%;
}
.thought-hero-orbit span:nth-child(2) { inset: 12%; border-color: rgba(223, 152, 108, .2); }
.thought-hero-orbit span:nth-child(3) { inset: 25%; border-color: rgba(237, 241, 235, .12); }
.thought-hero-grid {
  position: relative;
  z-index: 1;
  width: var(--thought-shell);
  min-height: 670px;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
  gap: clamp(60px, 8vw, 140px);
  align-items: end;
  margin: 0 auto;
  padding: clamp(130px, 13vw, 190px) 0 112px;
}
.thought-hero-copy .archive-label {
  margin-bottom: 34px;
  color: var(--thought-copper-bright);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .19em;
}
.thought-hero-copy h1 {
  max-width: 930px;
  margin: 0;
  color: #f8f2e9;
  font: 500 clamp(64px, 7.2vw, 112px)/.86 var(--santha-serif);
  letter-spacing: -.06em;
  text-wrap: balance;
}
.thought-hero-intro {
  max-width: 740px;
  margin: 38px 0 0;
  color: #bbb9b0;
  font-size: clamp(17px, 1.35vw, 20px);
  line-height: 1.65;
}
.thought-hero-panel {
  padding: 30px 0 3px;
  border-top: 1px solid rgba(248, 242, 233, .22);
}
.thought-hero-panel > p {
  max-width: 500px;
  margin: 0 0 38px;
  color: #c5c1b8;
  font-size: 15px;
  line-height: 1.72;
}
.thought-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(248, 242, 233, .14);
}
.thought-hero-stats div { padding: 22px 12px 0 0; }
.thought-hero-stats div + div { padding-left: 16px; border-left: 1px solid rgba(248, 242, 233, .14); }
.thought-hero-stats strong { display: block; color: #f5eee4; font: 500 34px/1 var(--santha-serif); }
.thought-hero-stats span { display: block; margin-top: 8px; color: #8f9089; font-size: 8px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }

.thought-command-wrap {
  position: relative;
  z-index: 4;
  width: var(--thought-shell);
  margin: -54px auto 0;
}
.thought-command {
  padding: 18px;
  border: 1px solid rgba(20, 24, 20, .09);
  border-radius: 22px;
  background: rgba(255, 255, 252, .92);
  box-shadow: 0 28px 80px rgba(28, 31, 26, .12);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
}
.thought-search label {
  display: block;
  margin: 3px 8px 11px;
  color: #74776f;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.thought-search > div {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  min-height: 64px;
  padding: 7px 7px 7px 20px;
  border: 1px solid #e0e2dc;
  border-radius: 15px;
  background: #f7f8f4;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.thought-search > div:focus-within { border-color: rgba(196, 122, 77, .65); background: #fff; box-shadow: 0 0 0 4px rgba(196, 122, 77, .1); }
.thought-search > div > span {
  width: 17px;
  height: 17px;
  border: 1.8px solid #61665d;
  border-radius: 50%;
}
.thought-search > div > span::after {
  content: "";
  width: 7px;
  height: 1.8px;
  display: block;
  margin: 13px 0 0 12px;
  transform: rotate(45deg);
  background: #61665d;
}
.thought-search input {
  min-width: 0;
  height: 48px;
  padding: 0 16px 0 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--santha-ink);
  font: 500 clamp(16px, 1.3vw, 19px)/1.2 var(--santha-sans);
}
.thought-search input::placeholder { color: #92968e; }
.thought-search button,
.thought-no-results button {
  min-height: 46px;
  padding: 0 20px;
  border: 0;
  border-radius: 11px;
  background: var(--thought-night);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
}
.thought-search button:hover { background: var(--thought-copper); }
.thought-command-foot { display: flex; gap: 20px; align-items: center; justify-content: space-between; padding: 15px 5px 0; }
.thought-format-filters { display: flex; gap: 7px; overflow-x: auto; scrollbar-width: none; }
.thought-format-filters::-webkit-scrollbar { display: none; }
.thought-format-filters button {
  flex: 0 0 auto;
  padding: 9px 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #666a62;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .05em;
  cursor: pointer;
  transition: color .2s ease, background .2s ease;
}
.thought-format-filters button:hover { color: var(--thought-copper); }
.thought-format-filters button.is-active { background: #efe6dd; color: #7d482c; }
.thought-view-switch { flex: 0 0 auto; display: flex; gap: 3px; padding: 3px; border: 1px solid #e1e3dd; border-radius: 10px; background: #f4f5f1; }
.thought-view-switch button { width: 35px; height: 31px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 7px; background: transparent; cursor: pointer; }
.thought-view-switch button.is-active { background: #fff; box-shadow: 0 2px 7px rgba(23, 27, 22, .1); }
.thought-grid-icon { width: 13px; height: 13px; display: block; background: linear-gradient(90deg, currentColor 5px, transparent 5px 8px, currentColor 8px), linear-gradient(currentColor 5px, transparent 5px 8px, currentColor 8px); color: #62675e; }
.thought-list-icon { width: 15px; height: 11px; display: block; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; color: #62675e; }
.thought-list-icon::after { content: ""; width: 15px; display: block; margin-top: 3px; border-top: 2px solid currentColor; }

.thought-topics {
  width: var(--thought-shell);
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 0 auto;
  padding: 30px 0 18px;
  overflow-x: auto;
  border: 0;
  background: transparent;
  scrollbar-width: thin;
}
.thought-topics > span { flex: 0 0 auto; margin-right: 9px; color: #777b72; font-size: 9px; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.thought-topics a { padding: 9px 14px; border-color: #dcded7; background: rgba(255,255,255,.58); }
.thought-topics a:hover,
.thought-topics a.is-active { border-color: #b9c1b4; background: var(--thought-mist); color: #4e5d49; }

.thought-library-content {
  width: var(--thought-shell);
  margin: 0 auto;
  padding: clamp(62px, 7vw, 110px) 0 clamp(100px, 10vw, 150px);
}
.thought-library-heading {
  display: flex;
  align-items: end;
  margin-bottom: 42px;
  padding-bottom: 22px;
  border-color: #d9dbd5;
}
.thought-library-heading p { margin: 0 0 10px; color: var(--thought-copper); }
.thought-library-heading h2 { margin: 0; color: var(--thought-night); font: 500 clamp(34px, 4vw, 60px)/.98 var(--santha-serif); letter-spacing: -.04em; text-transform: none; }
.thought-library-heading > span { flex: 0 0 auto; padding: 9px 13px; border-radius: 999px; background: #e9ede6; color: #5d6858; }
.thought-library-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
}
.thought-card {
  position: relative;
  border-color: rgba(19, 23, 19, .1);
  border-radius: 20px;
  box-shadow: 0 16px 50px rgba(26, 31, 24, .055);
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .35s ease;
}
.thought-card[hidden] { display: none !important; }
.thought-card:hover { transform: translateY(-6px); border-color: rgba(196, 122, 77, .32); box-shadow: 0 26px 70px rgba(26, 31, 24, .11); }
.thought-card-media { aspect-ratio: 16 / 9.2; background: #d9d7d0; }
.thought-card-media img { transition: transform .7s cubic-bezier(.2,.8,.2,1); }
.thought-card:hover .thought-card-media img { transform: scale(1.045); }
.thought-card-media.is-placeholder {
  background:
    radial-gradient(circle at 77% 22%, rgba(196,122,77,.46), transparent 27%),
    linear-gradient(130deg, #171a16 0%, #24261f 58%, #48301f 100%);
}
.thought-card-media.is-placeholder::before {
  content: "";
  position: absolute;
  width: 54%;
  aspect-ratio: 1;
  right: -16%;
  top: -34%;
  border: 1px solid rgba(223,152,108,.34);
  border-radius: 50%;
  box-shadow: 0 0 0 34px rgba(223,152,108,.07), 0 0 0 70px rgba(223,152,108,.04);
}
.thought-card-media.is-placeholder > span { position: relative; color: #e09a6d; font-size: clamp(52px, 7vw, 96px); }
.thought-card-media.is-placeholder > span span { color: #6e7b68; font-size: .45em; }
.thought-card-media small { left: 20px; top: 20px; z-index: 2; border-radius: 999px; background: #e39b6e; }
.thought-card-media > b {
  position: absolute;
  right: 18px;
  bottom: 15px;
  z-index: 2;
  color: rgba(255,255,255,.82);
  font: 500 13px/1 var(--santha-serif);
  letter-spacing: .08em;
}
.thought-card-body { padding: clamp(25px, 3vw, 36px); }
.thought-card-meta { gap: 8px 17px; font-size: 8px; letter-spacing: .12em; }
.thought-card-meta span:first-child { padding: 5px 8px; border-radius: 999px; background: #f4e8df; color: #915333; }
.thought-card-meta span:not(:first-child) { align-self: center; }
.thought-card h2,
.thought-card h3 { margin: 25px 0 18px; font-size: clamp(31px, 3vw, 46px); line-height: 1; text-wrap: balance; }
.thought-card-excerpt { max-width: 670px; color: #686c64; font-size: 14px; line-height: 1.72; }
.thought-card .read-more { display: inline-flex; gap: 11px; align-items: center; color: #2d322c; font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.thought-card .read-more span { transition: transform .2s ease; }
.thought-card .read-more:hover span { transform: translateX(4px); }
.thought-library-grid .thought-card.is-leading {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(390px, .85fr);
}
.thought-library-grid .thought-card.is-leading .thought-card-media { height: 100%; min-height: 480px; aspect-ratio: auto; }
.thought-library-grid .thought-card.is-leading .thought-card-body { justify-content: center; padding: clamp(42px, 5vw, 76px); }
.thought-library-grid .thought-card.is-leading h2 { font-size: clamp(44px, 5vw, 76px); }
.thought-library-grid[data-view="list"] { grid-template-columns: 1fr; gap: 16px; }
.thought-library-grid[data-view="list"] .thought-card,
.thought-library-grid[data-view="list"] .thought-card.is-leading,
.thought-library-grid[data-view="list"] .thought-card.is-featured {
  grid-column: auto;
  display: grid;
  grid-template-columns: minmax(230px, 29%) minmax(0, 1fr);
}
.thought-library-grid[data-view="list"] .thought-card-media,
.thought-library-grid[data-view="list"] .thought-card.is-leading .thought-card-media,
.thought-library-grid[data-view="list"] .thought-card.is-featured .thought-card-media { min-height: 250px; height: 100%; aspect-ratio: auto; }
.thought-library-grid[data-view="list"] .thought-card-body { justify-content: center; padding: 34px 42px; }
.thought-library-grid[data-view="list"] .thought-card h2,
.thought-library-grid[data-view="list"] .thought-card.is-leading h2 { margin: 20px 0 14px; font-size: clamp(32px, 3.5vw, 52px); }
.thought-library-grid[data-view="list"] .thought-card-excerpt { margin-bottom: 20px; }
.thought-no-results { padding: clamp(60px, 8vw, 110px) 24px; border: 1px dashed #cfd4cc; border-radius: 20px; background: #fff; text-align: center; }
.thought-no-results > span { width: 54px; height: 54px; display: grid; place-items: center; margin: 0 auto 20px; border-radius: 50%; background: #edf1eb; color: #64705f; font: 500 24px/1 var(--santha-serif); }
.thought-no-results h3 { margin: 0; font: 500 clamp(32px, 4vw, 50px)/1 var(--santha-serif); }
.thought-no-results p { margin: 14px 0 24px; color: var(--santha-muted); }
.thought-no-results button { cursor: pointer; }
.thought-library-content .navigation { margin-top: 54px; }
.thought-library-cta {
  position: relative;
  min-height: 620px;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 20%, rgba(196,122,77,.17), transparent 27%),
    radial-gradient(circle at 82% 84%, rgba(113,128,107,.18), transparent 28%),
    #edf1eb;
}
.thought-library-cta::after { content: "CX"; position: absolute; right: -2vw; bottom: -15%; color: rgba(113,128,107,.07); font: 500 min(34vw, 520px)/1 var(--santha-serif); letter-spacing: -.1em; }
.thought-library-cta > * { position: relative; z-index: 1; }
.thought-library-cta h2 { text-wrap: balance; }
.thought-library-cta > p:not(.section-label) { max-width: 680px; margin: -18px auto 36px; color: #636a60; font-size: 16px; line-height: 1.7; }

/* Immersive long-form reading. */
.thought-reading-progress { position: fixed; z-index: 1002; top: 86px; left: 0; right: 0; height: 3px; background: rgba(255,255,255,.09); pointer-events: none; }
.admin-bar .thought-reading-progress { top: 118px; }
.thought-reading-progress span { width: 100%; height: 100%; display: block; transform: scaleX(0); transform-origin: left center; background: linear-gradient(90deg, var(--thought-copper, #c47a4d), #e5a47c); will-change: transform; }
.thought-single { --thought-copper: #c47a4d; background: #f8f7f3; }
.thought-single-header {
  position: relative;
  min-height: 690px;
  display: flex;
  align-items: end;
  padding: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 84% 18%, rgba(196,122,77,.22), transparent 29%),
    linear-gradient(122deg, #101310, #1b1c17 60%, #302017);
}
.thought-single-header::before { content: ""; position: absolute; inset: 0; opacity: .13; background-image: linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px); background-size: 92px 92px; mask-image: linear-gradient(105deg, #000, transparent 72%); }
.thought-single-orbit { position: absolute; width: 670px; aspect-ratio: 1; right: -190px; top: -220px; border: 1px solid rgba(223,152,108,.28); border-radius: 50%; box-shadow: 0 0 0 74px rgba(223,152,108,.05), 0 0 0 148px rgba(223,152,108,.025); }
.thought-single-header-inner { position: relative; z-index: 1; width: min(1280px, calc(100% - 10vw)); margin: 0 auto; padding: clamp(135px, 14vw, 200px) 0 clamp(85px, 9vw, 125px); }
.thought-single-header h1 { max-width: 1190px; font-size: clamp(62px, 8vw, 124px); text-wrap: balance; }
.thought-single-meta { margin-top: clamp(54px, 7vw, 90px); }
.thought-deck { max-width: 900px; }
.thought-featured-image { width: min(1500px, calc(100% - 8vw)); margin-top: clamp(45px, 6vw, 88px); border-radius: 20px; box-shadow: 0 25px 80px rgba(27,32,25,.13); }
.thought-article-layout {
  width: min(1240px, calc(100% - 8vw));
  grid-template-columns: 260px minmax(0, 830px);
  justify-content: space-between;
  gap: clamp(50px, 8vw, 130px);
}
.thought-article-aside { top: 125px; padding: 0; border: 0; }
.thought-toc,
.thought-aside-group { padding: 23px; border: 1px solid #dfe2db; border-radius: 16px; background: rgba(255,255,255,.72); }
.thought-toc > span,
.thought-aside-group > span { color: #747970; font-size: 9px; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
.thought-toc ol { display: flex; flex-direction: column; gap: 4px; margin: 17px 0 0; padding: 0; list-style: none; }
.thought-toc li { margin: 0; }
.thought-toc li.is-subsection a { padding-left: 23px; font-size: 11px; }
.thought-toc a { position: relative; display: block; padding: 7px 8px 7px 15px; border-radius: 7px; color: #62675f; font-size: 12px; line-height: 1.4; }
.thought-toc a::before { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 2px; border-radius: 2px; background: transparent; }
.thought-toc a:hover { color: #8d5030; }
.thought-toc a.is-active { background: #f3ebe4; color: #7b4429; }
.thought-toc a.is-active::before { background: var(--thought-copper); }
.thought-aside-group { margin-top: 12px; }
.thought-article-topics { margin-top: 15px; }
.thought-article-topics a { border: 0; color: #50604c; font-size: 11px; }
.thought-article-topics a::before { content: "#"; margin-right: 3px; color: #8b9686; }
.thought-share-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 12px; }
.thought-share-actions button,
.thought-share-actions a { min-height: 42px; display: flex; align-items: center; justify-content: center; padding: 8px; border: 1px solid #dfe2db; border-radius: 10px; background: #fff; color: #4e534c; font: 700 9px/1 var(--santha-sans); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.thought-share-actions button:hover,
.thought-share-actions a:hover { border-color: rgba(196,122,77,.48); color: #8d5030; }
.thought-share-actions button.is-copied { border-color: #a8b5a3; background: #edf3eb; color: #4e6548; }
.thought-article-content { color: #333730; font-size: clamp(18px, 1.45vw, 20px); line-height: 1.88; }
.thought-article-content h2,
.thought-article-content h3 { scroll-margin-top: 130px; color: #161a15; text-wrap: balance; }
.thought-article-content h2 { margin-top: 2em; font: 500 clamp(38px, 4.3vw, 58px)/1.02 var(--santha-serif); letter-spacing: -.035em; }
.thought-article-content h3 { margin-top: 1.8em; font: 500 clamp(29px, 3vw, 40px)/1.1 var(--santha-serif); }
.thought-article-content blockquote { margin: 2.1em 0; padding: 8px 0 8px clamp(24px, 4vw, 46px); border-left: 3px solid var(--thought-copper); color: #4e514a; font: 500 clamp(28px, 3.4vw, 44px)/1.2 var(--santha-serif); }
.thought-article-content img { border-radius: 12px; }
.thought-back-top { margin-top: 60px; padding: 10px 0; border: 0; border-bottom: 1px solid #aeb4aa; background: transparent; color: #4f564c; font: 700 9px/1 var(--santha-sans); letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.thought-back-top span { margin-left: 7px; }
.thought-resource { border-radius: 0; }
.thought-related { background: #edf1eb; }

.thought-motion-ready [data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
.thought-motion-ready [data-reveal].is-revealed { opacity: 1; transform: none; }
.thought-motion-ready .thought-library-grid [data-reveal]:nth-child(2n) { transition-delay: .08s; }

@media (max-width: 1100px) {
  .thought-library-page { --thought-shell: min(100% - 48px, 1440px); }
  .thought-hero-grid { grid-template-columns: 1fr; gap: 55px; align-content: end; }
  .thought-hero-copy h1 { max-width: 900px; }
  .thought-hero-panel { max-width: 760px; }
  .thought-library-grid .thought-card.is-leading { grid-template-columns: 1fr; }
  .thought-library-grid .thought-card.is-leading .thought-card-media { min-height: 0; aspect-ratio: 16 / 9; }
  .thought-article-layout { grid-template-columns: 1fr; }
  .thought-article-aside { position: static; display: grid; grid-template-columns: 1.2fr .8fr; gap: 12px; align-items: start; }
  .thought-aside-group { margin-top: 0; }
  .thought-share-actions { grid-column: 1 / -1; max-width: 420px; }
}

@media (max-width: 760px) {
  .thought-library-page { --thought-shell: calc(100% - 30px); }
  .thought-library-hero,
  .thought-hero-grid { min-height: 720px; }
  .thought-hero-grid { padding: 118px 0 94px; }
  .thought-hero-copy .archive-label { margin-bottom: 25px; line-height: 1.6; }
  .thought-hero-copy h1 { font-size: clamp(56px, 17vw, 78px); }
  .thought-hero-intro { margin-top: 28px; }
  .thought-hero-panel { padding-top: 23px; }
  .thought-hero-panel > p { margin-bottom: 27px; }
  .thought-command-wrap { margin-top: -42px; }
  .thought-command { padding: 11px; border-radius: 17px; }
  .thought-search > div { grid-template-columns: 30px minmax(0, 1fr); padding-left: 14px; }
  .thought-search button { grid-column: 1 / -1; min-height: 42px; margin-top: 5px; }
  .thought-command-foot { align-items: flex-end; }
  .thought-format-filters { margin-right: -4px; padding-bottom: 2px; }
  .thought-topics { padding-top: 23px; }
  .thought-topics > span { display: none; }
  .thought-library-content { padding-top: 50px; }
  .thought-library-heading { align-items: start; }
  .thought-library-heading > span { margin-top: 2px; }
  .thought-library-grid,
  .thought-library-grid[data-view="list"] { grid-template-columns: 1fr; gap: 20px; }
  .thought-library-grid[data-view="list"] .thought-card,
  .thought-library-grid[data-view="list"] .thought-card.is-leading,
  .thought-library-grid[data-view="list"] .thought-card.is-featured { display: flex; }
  .thought-library-grid[data-view="list"] .thought-card-media,
  .thought-library-grid[data-view="list"] .thought-card.is-leading .thought-card-media,
  .thought-library-grid[data-view="list"] .thought-card.is-featured .thought-card-media { min-height: 0; height: auto; aspect-ratio: 16 / 9; }
  .thought-library-grid[data-view="list"] .thought-card-body { padding: 27px; }
  .thought-card:hover { transform: none; }
  .thought-library-cta { min-height: 560px; }
  .thought-reading-progress { top: 72px; }
  .admin-bar .thought-reading-progress { top: 118px; }
  .thought-single-header { min-height: 650px; }
  .thought-single-header-inner { width: calc(100% - 40px); padding: 125px 0 75px; }
  .thought-single-header h1 { font-size: clamp(52px, 15.5vw, 78px); overflow-wrap: anywhere; }
  .thought-single-meta { margin-top: 46px; }
  .thought-featured-image,
  .thought-article-layout { width: calc(100% - 30px); }
  .thought-featured-image { border-radius: 12px; }
  .thought-article-aside { grid-template-columns: 1fr; }
  .thought-share-actions { grid-column: auto; }
  .thought-toc,
  .thought-aside-group { padding: 20px; }
}

@media (max-width: 480px) {
  .thought-hero-stats strong { font-size: 28px; }
  .thought-hero-stats span { letter-spacing: .08em; }
  .thought-library-heading { flex-direction: column; gap: 18px; }
  .thought-view-switch { display: none; }
  .thought-command-foot { display: block; }
  .thought-library-grid .thought-card.is-leading h2,
  .thought-card h2,
  .thought-card h3 { font-size: 34px; }
  .thought-card-body { padding: 25px; }
  .thought-single-header h1 { font-size: 52px; }
}

@media (prefers-reduced-motion: reduce) {
  .thought-motion-ready [data-reveal],
  .thought-card,
  .thought-card-media img { opacity: 1; transform: none; transition: none; }
  .thought-reading-progress span { transition: none; }
}