.insights { background:var(--parchment); border-top:1px solid rgba(15,30,58,.12); }
.insights-heading { display:grid; grid-template-columns:1fr; gap:8vw; align-items:end; margin-bottom:52px; }
.insights-heading .section-number { margin-bottom:20px; }
.insights h2 { max-width:740px; margin:0; color:var(--navy); font:500 clamp(35px,4.2vw,61px)/1.08 "Playfair Display","Noto Sans SC",serif; letter-spacing:-.04em; }
.insights-heading > p { max-width:465px; margin:0 0 4px; color:var(--slate); font-size:16px; }
.insights-controls { display:flex; justify-content:flex-end; gap:8px; margin:0 0 15px; }
.insights-control { display:grid; width:39px; height:39px; place-items:center; border:1px solid rgba(15,30,58,.25); background:#fff; color:var(--navy); font:400 20px/1 Manrope,sans-serif; cursor:pointer; transition:background .2s,color .2s,border-color .2s; }
.insights-control:hover,.insights-control:focus-visible { border-color:var(--gold); background:var(--gold); color:#fff; outline:none; }
.insights-carousel { overflow:hidden; border-top:1px solid rgba(15,30,58,.18); --insight-visible:3; }
.insights-grid { display:flex; align-items:stretch; transition:transform .65s cubic-bezier(.22,.61,.36,1); will-change:transform; }
.insight-card { display:flex; flex:0 0 calc(100% / var(--insight-visible)); min-height:325px; flex-direction:column; padding:25px 26px 27px; background:#fff; border-right:1px solid rgba(15,30,58,.16); border-bottom:1px solid rgba(15,30,58,.16); }
.insight-image { display:block; width:100%; height:150px; margin:-25px -26px 22px; width:calc(100% + 52px); max-width:none; object-fit:cover; }
.insight-card h3 { margin:42px 0 13px; color:var(--navy); font:500 clamp(23px,2.15vw,31px)/1.08 "Playfair Display","Noto Sans SC",serif; letter-spacing:-.03em; }
.insight-image + .insight-meta + h3 { margin-top:25px; }
.insight-card p { margin:0; color:var(--slate); font-size:13px; line-height:1.7; }
.insight-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--gold-text); font:500 9px/1.2 "DM Mono",monospace; letter-spacing:.1em; }
.insight-meta time { color:#687184; white-space:nowrap; }
.insight-card a { display:inline-flex; align-items:center; gap:10px; margin-top:auto; padding-top:23px; color:var(--navy); text-decoration:none; font:500 10px "DM Mono",monospace; letter-spacing:.03em; text-transform:uppercase; }
.insight-card a span { color:var(--gold-text); font-size:16px; }
.insight-card a:hover { color:var(--gold-text); }
.insights-disclaimer { max-width:720px; margin:23px 0 0; color:var(--slate); font-size:11px; line-height:1.6; }
@media (max-width:1100px) and (min-width:721px) { nav { gap:11px; } .site-header nav > a,.nav-labuan summary,.nav-about summary { font-size:13px; }.language-picker { flex-basis:120px; }.language-picker select { width:120px; min-width:120px; padding-left:10px; font-size:13px; } }
@media (max-width:960px) { .insights-carousel { --insight-visible:2; } }
@media (max-width:720px) { .insights-heading { grid-template-columns:1fr; gap:20px; margin-bottom:35px; }.insights-heading > p { font-size:15px; }.insights-carousel { --insight-visible:1; }.insight-card { min-height:280px; padding:23px 20px; }.insight-image { height:175px; width:calc(100% + 40px); margin:-23px -20px 20px; }.insight-card h3,.insight-image + .insight-meta + h3 { margin-top:25px; }.insights-disclaimer { margin-top:18px; } }