\
    :root{
        --bg:#080807;
        --bg2:#10100d;
        --panel:#151511;
        --panel2:#1c1b16;
        --ink:#f1ece4;
        --muted:#aaa198;
        --soft:#746d65;
        --orange:#e66a2c;
        --orange2:#ff7a35;
        --line:rgba(241,236,228,.16);
        --line2:rgba(241,236,228,.28);
        --shadow:0 22px 80px rgba(0,0,0,.36);
        --sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
        --serif:Georgia, "Times New Roman", serif;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
        margin:0;
        color:var(--ink);
        background:
            radial-gradient(circle at 82% 12%, rgba(230,106,44,.10), transparent 26rem),
            radial-gradient(circle at 12% 35%, rgba(255,122,53,.06), transparent 28rem),
            var(--bg);
        font-family:var(--sans);
        line-height:1.55;
    }
    body:before{
        content:"";
        position:fixed;
        inset:0;
        pointer-events:none;
        opacity:.18;
        background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px);
        background-size:100% 4px;
        mix-blend-mode:overlay;
        z-index:1000;
    }
    a{color:inherit;text-decoration:none}
    img{max-width:100%;height:auto;display:block}
    .container{width:min(1180px, calc(100% - 44px));margin:0 auto}
    .container-wide{width:min(1480px, calc(100% - 44px));margin:0 auto}

    .site-header{
        position:sticky;top:0;z-index:100;
        background:rgba(8,8,7,.86);
        backdrop-filter:blur(16px);
        border-bottom:1px solid var(--line);
    }
    .header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}
    .custom-logo{max-height:52px;width:auto}
    .brand-fallback{display:flex;align-items:center;gap:14px}
    .brand-mark{position:relative;width:44px;height:38px;display:inline-block;flex:0 0 44px}
    .tri{position:absolute;display:block}
    .tri-left{left:0;bottom:8px;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:30px solid var(--orange)}
    .tri-right{right:0;bottom:8px;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:30px solid var(--orange)}
    .tri-center{left:12px;bottom:8px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:40px solid var(--ink)}
    .tri-down{left:17px;bottom:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid var(--ink)}
    .brand-word{display:flex;flex-direction:column;line-height:1}
    .brand-name{font-size:18px;font-weight:760;letter-spacing:.30em}
    .brand-subtitle{margin-top:6px;color:var(--orange);font-size:9px;text-transform:uppercase;letter-spacing:.20em}
    .primary-nav{display:flex;align-items:center}
    .nav-list{display:flex;align-items:center;gap:18px;list-style:none;margin:0;padding:0}
    .nav-list a{font-size:12px;color:rgba(241,236,228,.76);letter-spacing:.03em}
    .nav-list a:hover{color:var(--orange)}
    .menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--ink);padding:8px 11px;text-transform:uppercase;letter-spacing:.14em;font-size:11px}

    .hero{padding:110px 0 60px;border-bottom:1px solid var(--line)}
    .hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:42px;align-items:end}
    .kicker,.section-head span,.post-meta,.hero-panel span,.donor-box span{color:var(--orange);text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:700}
    h1,h2,h3{line-height:1.02;margin:0;color:var(--ink)}
    .hero h1{font-size:clamp(54px,8vw,112px);letter-spacing:-.055em;max-width:980px}
    .hero p{max-width:780px;color:var(--muted);font-size:18px;margin:28px 0 0}
    .hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
    .button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line2);padding:13px 18px;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.15em}
    .button.primary{background:var(--orange);border-color:var(--orange);color:#100b08}
    .button.secondary{background:rgba(255,255,255,.03)}
    .button.dark{background:#090907;color:var(--ink)}
    .button:hover{transform:translateY(-1px)}
    .hero-panel{background:linear-gradient(145deg,var(--panel),#0d0d0b);padding:30px;border:1px solid var(--line);box-shadow:var(--shadow)}
    .hero-panel strong{display:block;font-size:72px;line-height:1;margin:8px 0;color:var(--ink)}
    .hero-panel p{font-size:14px;margin:0;color:var(--muted)}

    .lead-section,.story-grid-section,.channels-section,.video-donor-section{padding:74px 0;border-bottom:1px solid var(--line)}
    .lead-story{display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center;background:rgba(255,255,255,.02);border:1px solid var(--line)}
    .lead-image img,.lead-image .image-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover}
    .image-placeholder{display:grid;place-items:center;min-height:240px;background:linear-gradient(135deg,#222,#111);color:rgba(241,236,228,.22);letter-spacing:.28em;font-weight:800}
    .lead-body{padding:28px 30px 28px 0}
    .post-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px;color:var(--orange);letter-spacing:.12em;font-size:10px}
    .post-meta span:before{content:"/";color:var(--soft);margin-right:12px}
    .lead-body h2{font-size:clamp(36px,4vw,64px);letter-spacing:-.04em}
    .lead-body p,.story-card p,.channel-card p,.donor-box p,.footer-grid p,.article-excerpt{color:var(--muted)}
    .read-more{color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.13em;font-size:12px}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
    .section-head h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.04em}
    .section-head.compact{display:block;margin-bottom:18px}
    .story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .story-card{background:rgba(255,255,255,.025);border:1px solid var(--line);transition:transform .25s,border-color .25s,background .25s}
    .story-card:hover{transform:translateY(-4px);border-color:rgba(230,106,44,.44);background:rgba(255,255,255,.04)}
    .story-card-image img,.story-card-image .image-placeholder{width:100%;aspect-ratio:1.55;object-fit:cover}
    .story-card-body{padding:18px}
    .story-card h3{font-size:24px;letter-spacing:-.025em;margin-bottom:10px}
    .story-card p{margin:0;font-size:14px}
    .channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .channel-card{min-height:210px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));padding:22px;display:flex;flex-direction:column;justify-content:space-between}
    .channel-card span{color:var(--orange);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}
    .channel-card p{font-size:15px}
    .channel-card:hover{border-color:var(--orange)}
    .video-donor-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
    .video-box,.donor-box{border:1px solid var(--line);background:rgba(255,255,255,.025);padding:26px}
    .video-embed{position:relative;aspect-ratio:16/9;background:#111;border:1px solid var(--line);overflow:hidden}
    .video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
    .donor-box{background:var(--ink);color:#0c0c0a}
    .donor-box h2{color:#0c0c0a;font-size:42px;letter-spacing:-.04em;margin:10px 0}
    .donor-box p{color:#2a2723}

    .archive-hero,.page-content{padding:88px 0 48px}
    .archive-hero h1,.page-header h1,.article-header h1{font-size:clamp(48px,7vw,92px);letter-spacing:-.055em}
    .archive-hero p,.page-header p{color:var(--muted);font-size:18px;max-width:760px}
    .pagination{margin-top:36px}
    .pagination .nav-links{display:flex;gap:10px}
    .pagination a,.pagination span{border:1px solid var(--line);padding:8px 11px;color:var(--muted)}
    .pagination .current{color:var(--orange)}

    .article-header{padding:92px 0 34px}
    .article-excerpt{font-size:22px;max-width:860px}
    .article-featured{margin-bottom:42px}
    .article-featured img{width:100%;max-height:760px;object-fit:cover}
    figcaption{color:var(--soft);font-size:12px;margin-top:10px}
    .article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:70px;align-items:start;padding-bottom:80px}
    .article-content{font-family:var(--serif);font-size:21px;line-height:1.72;color:#e8e1d8}
    .article-content p{margin:0 0 1.25em}
    .article-content a{color:var(--orange);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
    .article-content h2,.article-content h3{font-family:var(--sans);margin:1.6em 0 .6em}
    .article-video{margin:0 0 30px}
    .article-video iframe{width:100%;aspect-ratio:16/9;height:auto}
    .source-box,.sidebar-card{border:1px solid var(--line);padding:18px;background:rgba(255,255,255,.025);margin-top:28px}
    .source-box strong,.sidebar-card span{display:block;color:var(--orange);text-transform:uppercase;letter-spacing:.16em;font-size:11px;margin-bottom:8px}
    .article-sidebar{position:sticky;top:100px}
    .sidebar-card p{color:var(--muted);font-size:14px}
    .sidebar-card a{color:var(--orange)}
    .sidebar-card .post-categories{list-style:none;padding:0;margin:0}
    .sidebar-card .post-categories li{display:inline-block;margin:0 6px 6px 0}
    .sidebar-card .post-categories a{display:inline-block;border:1px solid var(--line);padding:6px 8px;color:var(--ink)}

    .site-footer{padding:58px 0 24px;background:#050504}
    .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;border-bottom:1px solid var(--line);padding-bottom:34px}
    .footer-brand{font-weight:800;letter-spacing:.28em;margin-bottom:12px}
    .footer-grid h4{color:var(--orange);text-transform:uppercase;letter-spacing:.16em;font-size:12px}
    .footer-grid a{display:block;color:var(--muted);font-size:14px;margin:8px 0}
    .footer-grid a:hover{color:var(--orange)}
    .footer-bottom{display:flex;justify-content:space-between;gap:18px;padding-top:22px;color:var(--soft);font-size:12px;text-transform:uppercase;letter-spacing:.14em}

    .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease, transform .7s ease}
    .reveal.in-view{opacity:1;transform:none}

    @media (max-width: 980px){
        .menu-toggle{display:inline-flex}
        .primary-nav{display:none;position:absolute;left:22px;right:22px;top:74px;background:#090908;border:1px solid var(--line);padding:18px}
        .primary-nav.is-open{display:block}
        .nav-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
        .hero-grid,.lead-story,.video-donor-grid,.article-layout{grid-template-columns:1fr}
        .lead-body{padding:24px}
        .story-grid{grid-template-columns:1fr 1fr}
        .channel-grid{grid-template-columns:1fr 1fr}
        .article-sidebar{position:static}
    }
    @media (max-width: 640px){
        .container,.container-wide{width:min(100% - 28px, 1180px)}
        .hero{padding:72px 0 40px}
        .story-grid,.channel-grid,.footer-grid{grid-template-columns:1fr}
        .nav-list{grid-template-columns:1fr}
        .brand-subtitle{display:none}
        .footer-bottom{display:block}
    }