.insights-page { --insight-ink:#263239; --insight-muted:#56615a; --insight-line:#d8dace; }
.insights-page .site-header { border-bottom:0; }
.insights-page .site-header nav { gap:clamp(16px,2vw,30px); }
.insights-intro { padding:36px 0 32px; display:flex; gap:28px; justify-content:space-between; align-items:center; }
.insights-intro h1 { font-size:clamp(36px,4.2vw,58px); letter-spacing:-.035em; line-height:1.08; margin:0; }
.insights-intro>p { max-width:350px; font-size:16px; line-height:1.5; color:var(--insight-muted); }
.insights-list { padding-bottom:28px; }
.insight-card { display:grid; grid-template-columns:280px minmax(0,1fr); gap:44px; align-items:center; padding:24px 0; border-top:1px solid var(--insight-line); }
.insight-media { position:relative; min-width:0; width:100%; justify-self:center; }
.insight-media.portrait { width:224px; }
.insight-media-link { display:block; }
.insight-media video,.insight-media img { display:block; width:100%; height:auto; border:0; border-radius:0; }
.insight-media.portrait video { aspect-ratio:4/5; }
.insight-media.square video { aspect-ratio:1; }
.preview-controls { position:absolute; right:5px; bottom:5px; display:flex; gap:2px; }
.preview-controls[hidden] { display:none; }
.preview-control { position:relative; width:34px; height:34px; padding:0; border:0; background:transparent; color:#fff; display:grid; place-items:center; cursor:pointer; }
.preview-control::before { content:''; position:absolute; width:28px; height:28px; border-radius:50%; background:#263239e6; transition:background .2s; }
.preview-control:hover::before { background:#526348; }
.insight-media.theme-teal { background:#06342b; }
.theme-teal .preview-control { color:#06342b; }
.theme-teal .preview-control::before { background:#fdfaf1ed; }
.theme-teal .preview-control:hover::before { background:#dfe8e1; }
.preview-control svg { position:relative; width:14px; height:14px; }
.preview-control:focus-visible { outline:2px solid #fff; outline-offset:0; border-radius:50%; box-shadow:0 0 0 3px #263239; }
.insight-title-row { display:flex; justify-content:space-between; align-items:flex-start; gap:22px; }
.insight-copy h2 { font-size:clamp(25px,2.5vw,32px); line-height:1.15; letter-spacing:-.025em; margin:0 0 9px; }
.article-arrow { flex:none; width:44px; height:44px; padding:0; display:flex; align-items:center; justify-content:center; gap:0; }
.article-arrow span { display:block; font-size:24px; line-height:1; text-align:center; }
.insight-copy h2 a:hover { color:#526348; }
.insight-byline { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:12px; line-height:1.5; color:var(--insight-muted); }
.insight-opening { margin:14px 0 0; color:var(--insight-muted); font-size:15px; line-height:1.5; }
.insight-opening p { margin:0 0 8px; }
.insight-opening p:last-child { margin-bottom:0; }
.insights-closing { border-top:1px solid var(--insight-line); padding:28px 0 48px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.insights-closing p { font-size:24px; line-height:1.25; letter-spacing:-.02em; }
.text-link { display:inline-flex; align-items:center; gap:18px; border-bottom:1px solid currentColor; padding-bottom:5px; font-size:13px; }
.article-header { max-width:880px; margin:0 auto; padding:32px 0 26px; text-align:center; }
.article-back { display:inline-flex; gap:10px; font-size:12px; color:var(--insight-muted); margin-bottom:26px; }
.article-header h1 { font-size:clamp(35px,4.5vw,62px); line-height:1.06; letter-spacing:-.035em; margin:0 auto 20px; max-width:870px; }
.article-deck { font-size:18px; color:var(--insight-muted); max-width:670px; margin:0 auto 20px; }
.article-header .insight-byline { justify-content:center; }
.article-role { font-size:12px; color:var(--insight-muted); margin-top:4px; }
.article-player { width:min(100%,560px); margin:8px auto 0; }
.article-player.square { width:min(100%,740px); }
.article-player.portrait { width:min(100%,448px); }
.article-player video,.article-player img { display:block; width:100%; height:auto; border:0; border-radius:0; }
.article-player figcaption { display:flex; flex-direction:column; gap:5px; font-size:11px; line-height:1.5; color:var(--insight-muted); padding:12px 0; }
.article-content { max-width:700px; margin:30px auto 60px; font-size:18px; line-height:1.85; }
.article-content p { margin-bottom:24px; }
.article-content p:first-child { font-size:22px; line-height:1.6; }
.article-source { display:flex; align-items:center; gap:18px; border-top:1px solid var(--insight-line); padding-top:22px; margin-top:32px; font-size:12px; flex-wrap:wrap; }
.article-source .text-link { font-size:12px; }
.article-next { border-top:1px solid var(--insight-line); padding:32px 0 60px; display:grid; grid-template-columns:1fr 2fr; gap:30px; }
.article-next>p { color:var(--insight-muted); font-size:13px; }
.article-next a { font-size:clamp(24px,3vw,36px); line-height:1.25; letter-spacing:-.02em; display:flex; gap:30px; justify-content:space-between; }
.article-next a:hover { color:#526348; }
@media(min-width:801px) and (max-width:1100px) { .insights-page .wrap { width:calc(100% - 64px); } .insights-page .site-header nav { gap:16px; font-size:11px; } .insight-card { grid-template-columns:240px minmax(0,1fr); gap:28px; } }
/* Reuse the homepage CTA's mobile/tablet treatment. */
@media(max-width:1024px), (any-pointer:coarse) {
 .insight-cta span[aria-hidden="true"] { display:none; }
 .insight-cta { animation:homeContactPulse 2.4s ease-in-out infinite; }
 .page-inactive .insight-cta { animation-play-state:paused; }
}
@keyframes homeContactPulse { 0%,100% { box-shadow:0 0 0 0 #52634800; } 50% { box-shadow:0 0 0 6px #52634838; } }
@media(max-width:800px) {
 .insights-intro { padding:30px 0 26px; flex-direction:column; align-items:flex-start; gap:15px; }
 .insights-intro>p { max-width:420px; }
 .insight-card { grid-template-columns:210px minmax(0,1fr); gap:25px; align-items:start; }
 .insight-media.portrait { width:210px; }
 .insight-copy h2 { font-size:26px; }
 .insights-page .site-header nav { gap:0; }
}
@media(max-width:600px) {
 .insights-intro h1 { font-size:40px; }
 .insight-card { grid-template-columns:1fr; gap:24px; padding:28px 0; }
 .insight-title-row { gap:14px; }
 .preview-control { width:44px; height:44px; }
 .insight-media { width:min(100%,340px); }
 .insight-media.portrait { width:min(100%,272px); }
 .insight-copy h2 { font-size:29px; }
 .insight-opening { font-size:16px; line-height:1.6; }
 .insights-closing { align-items:flex-start; flex-direction:column; padding-bottom:40px; }
 .insights-closing p { font-size:22px; }
 .article-header { padding-top:26px; }
 .article-header h1 { font-size:38px; }
 .article-deck { font-size:16px; }
 .article-content { font-size:17px; margin-top:24px; }
 .article-content p:first-child { font-size:20px; }
 .article-next { grid-template-columns:1fr; gap:16px; padding-bottom:45px; }
}
@media(prefers-reduced-motion:reduce) { .insights-page *, .insights-page *::before { scroll-behavior:auto; transition:none!important; } .insight-cta { animation:none; } }