:root { --bg-main:#d3cdc8; --bg-alt:#fff; --bg-soft:#f5f2ed; --text-main:#2c2c2c; --text-muted:#66625d; --border-light:rgba(44,44,44,.14); --font-main:'Jost',sans-serif; }
        * { box-sizing:border-box; margin:0; padding:0; }
        body { font-family:var(--font-main); background:var(--bg-alt); color:var(--text-main); -webkit-font-smoothing:antialiased; }
        a { color:inherit; }
        .topbar { padding:28px 8%; background:var(--bg-main); border-bottom:1px solid var(--border-light); }
        .topbar a { text-decoration:none; text-transform:uppercase; letter-spacing:.08em; font-size:.76rem; }
        .hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); min-height:78vh; background:var(--bg-main); padding-top:var(--nav-height); }
        .hero-media img { width:100%; height:100%; object-fit:cover; }
        .hero-copy { padding:8vw 8%; display:flex; flex-direction:column; justify-content:center; }
        .eyebrow,.meta-label { text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; color:var(--text-muted); }
        h1 { margin-top:18px; font-size:clamp(2.3rem,5vw,4.4rem); line-height:1.02; font-weight:300; text-transform:uppercase; letter-spacing:.03em; }
        .hero-dek { margin-top:22px; max-width:34rem; font-size:1.02rem; line-height:1.8; color:var(--text-muted); }
        .hero-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:36px; padding-top:24px; border-top:1px solid var(--border-light); }
        .hero-meta p:last-child { margin-top:6px; font-size:.95rem; line-height:1.5; }
        .article-layout { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(240px,.7fr); gap:64px; padding:96px 8% 120px; }
        .article-body { max-width:54rem; }
        .article-body h2 { margin:52px 0 18px; font-size:1.18rem; font-weight:400; text-transform:uppercase; letter-spacing:.06em; }
        .article-body p { margin-bottom:20px; font-size:1rem; line-height:1.9; }
        .article-side { align-self:start; position:sticky; top:24px; padding:28px; background:var(--bg-soft); border:1px solid var(--border-light); border-radius:28px; }
        .article-side h3,.sources h3 { font-size:.84rem; font-weight:500; text-transform:uppercase; letter-spacing:.08em; margin-bottom:18px; }
        .article-side ul,.sources ul { list-style:none; }
        .article-side li,.sources li { margin-bottom:14px; font-size:.95rem; line-height:1.6; color:var(--text-muted); }
        .sources { margin-top:56px; padding-top:28px; border-top:1px solid var(--border-light); }
        .sources p { margin-bottom:18px; color:var(--text-muted); }
        @media (max-width:980px) { .hero,.article-layout { grid-template-columns:1fr; } .hero { min-height:auto; } .hero-media { min-height:360px; } .article-layout { gap:40px; } .article-side { position:static; } }