/* Case-study & article pages — additive to site.css */
.article-hero{padding:96px 0 48px;background:linear-gradient(180deg,#0A0A0F 0%,#11111A 100%);border-bottom:1px solid rgba(255,255,255,.06)}
.article-hero .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border:1px solid rgba(255,212,59,.25);background:rgba(255,212,59,.06);color:var(--yellow);border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:20px}
.article-hero h1{font-family:"Inter Tight",sans-serif;font-weight:800;font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 18px;max-width:880px}
.article-hero h1 .y{color:var(--yellow)}
.article-hero .lede{font-size:1.18rem;line-height:1.55;color:var(--text-2);max-width:760px;margin:0 0 28px}
.fact-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.02);margin-top:28px}
.fact-strip .fact{padding:18px 22px;border-right:1px solid rgba(255,255,255,.06)}
.fact-strip .fact:last-child{border-right:none}
.fact-strip .fact .label{font-size:.72rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-weight:600}
.fact-strip .fact .value{font-family:"Inter Tight",sans-serif;font-weight:700;color:var(--text);font-size:1.02rem;line-height:1.3}
.article-body{padding:56px 0 80px}
.article-body .container{max-width:1080px}
.split{display:grid;grid-template-columns:1fr 320px;gap:64px;align-items:start}
.prose h2{font-family:"Inter Tight",sans-serif;font-weight:800;font-size:1.8rem;line-height:1.2;letter-spacing:-.01em;color:var(--text);margin:48px 0 18px}
.prose h2:first-child{margin-top:0}
.prose h3{font-family:"Inter Tight",sans-serif;font-weight:700;font-size:1.2rem;color:var(--text);margin:32px 0 12px}
.prose p{font-size:1.05rem;line-height:1.7;color:var(--text-2);margin:0 0 18px}
.prose ul{margin:0 0 22px;padding:0;list-style:none}
.prose ul li{position:relative;padding:0 0 10px 26px;color:var(--text-2);line-height:1.6;font-size:1.02rem}
.prose ul li::before{content:"";position:absolute;left:0;top:9px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--yellow) 0%,#E0B82F 100%);box-shadow:0 0 0 3px rgba(255,212,59,.18)}
.prose blockquote{margin:32px 0;padding:22px 26px;border-left:3px solid var(--yellow);background:rgba(255,212,59,.05);border-radius:0 10px 10px 0;font-size:1.08rem;line-height:1.55;color:var(--text);font-style:italic}
.prose blockquote cite{display:block;margin-top:12px;font-style:normal;font-size:.92rem;color:var(--text-3);font-weight:500}
.aside-card{position:sticky;top:96px;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px;background:rgba(255,255,255,.02)}
.aside-card h4{font-family:"Inter Tight",sans-serif;font-weight:700;font-size:.88rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}
.aside-card h4:not(:first-child){margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.06)}
.aside-card ul{margin:0;padding:0;list-style:none}
.aside-card ul li{padding:5px 0;color:var(--text-2);font-size:.92rem;line-height:1.5}
.aside-card .live-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:16px;padding:12px 16px;background:var(--yellow);color:#000;border-radius:8px;text-decoration:none;font-weight:700;font-size:.92rem;transition:transform .15s ease}
.aside-card .live-btn:hover{transform:translateY(-1px);background:var(--yellow-light)}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 32px}
.metric{padding:18px;background:rgba(255,212,59,.04);border:1px solid rgba(255,212,59,.18);border-radius:10px}
.metric .num{font-family:"Inter Tight",sans-serif;font-weight:800;font-size:1.7rem;color:var(--yellow);line-height:1;margin-bottom:6px}
.metric .lbl{font-size:.84rem;color:var(--text-2);line-height:1.35}
.cs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin:32px 0}
.cs-card{display:flex;flex-direction:column;padding:24px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:14px;text-decoration:none;transition:all .2s ease}
.cs-card:hover{border-color:rgba(255,212,59,.4);background:rgba(255,212,59,.03);transform:translateY(-2px)}
.cs-card .cs-tag{display:inline-block;padding:4px 10px;background:rgba(255,212,59,.12);color:var(--yellow);border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;align-self:flex-start}
.cs-card h3{font-family:"Inter Tight",sans-serif;font-weight:700;font-size:1.25rem;color:var(--text);margin:0 0 8px;line-height:1.2}
.cs-card .cs-loc{font-size:.86rem;color:var(--text-3);margin:0 0 14px}
.cs-card .cs-desc{font-size:.95rem;line-height:1.55;color:var(--text-2);margin:0 0 18px;flex-grow:1}
.cs-card .cs-arrow{color:var(--yellow);font-weight:700;font-size:.9rem}
.cs-card.coming-soon{opacity:.6}
.cs-card.coming-soon .cs-tag{background:rgba(255,255,255,.06);color:var(--text-3)}
@media(max-width:880px){.split{grid-template-columns:1fr;gap:32px}.aside-card{position:static}.fact-strip{grid-template-columns:repeat(2,1fr)}.fact-strip .fact{border-bottom:1px solid rgba(255,255,255,.06)}.fact-strip .fact:nth-child(2n){border-right:none}.metric-row{grid-template-columns:1fr}}