:root { --charcoal:#11110F; --ink:#0B0B0A; --temple:#191713; --temple-2:#242017; --gold:#D8A84F; --gold-soft:#F0C86D; --parchment:#F4E8D0; --muted:#B9AA8B; --moss:#73845A; --line:rgba(216,168,79,.22); --shadow:rgba(0,0,0,.42); }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; background: var(--charcoal); }
    body { margin:0; font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--parchment); background:radial-gradient(circle at 16% 7%,rgba(216,168,79,.18),transparent 30rem),radial-gradient(circle at 84% 12%,rgba(115,132,90,.12),transparent 26rem),linear-gradient(180deg,#0D0D0C 0%,var(--charcoal) 42%,#090908 100%); min-height:100vh; overflow-x:hidden; }
    body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.22; mix-blend-mode:soft-light; background-image:linear-gradient(rgba(244,232,208,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(244,232,208,.025) 1px,transparent 1px); background-size:38px 38px; mask-image:radial-gradient(circle at center,black,transparent 78%); }
    .wrap { width:min(1120px,calc(100% - 40px)); margin:0 auto; position:relative; }
    header { position:sticky; top:0; z-index:20; padding:18px 0; border-bottom:1px solid rgba(216,168,79,.10); background:rgba(17,17,15,.78); backdrop-filter:blur(18px); }
    .nav { display:flex; align-items:center; justify-content:space-between; gap:22px; }
    .brand { display:inline-flex; align-items:center; gap:12px; color:var(--parchment); text-decoration:none; font-weight:780; letter-spacing:-.035em; }
    .brand img { width:42px; height:42px; border-radius:12px; box-shadow:0 12px 30px var(--shadow),0 0 0 1px rgba(216,168,79,.24); }
    nav { display:flex; align-items:center; gap:22px; color:var(--muted); font-size:.94rem; }
    nav a { color:var(--muted); text-decoration:none; transition:color .18s ease; }
    nav a:hover { color:var(--gold-soft); }
    .pill,.cta { border:1px solid rgba(216,168,79,.34); color:var(--gold-soft); background:linear-gradient(180deg,rgba(240,200,109,.18),rgba(216,168,79,.10)); padding:9px 14px; border-radius:999px; font-weight:760; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
    .hero { padding:76px 0 54px; max-width:890px; }
    .eyebrow { display:inline-flex; align-items:center; gap:10px; margin-bottom:18px; color:var(--gold-soft); font-weight:760; letter-spacing:.13em; text-transform:uppercase; font-size:.76rem; }
    .eyebrow::before { content:""; width:34px; height:1px; background:var(--gold); box-shadow:0 0 16px rgba(216,168,79,.55); }
    h1 { margin:0; font-size:clamp(3.15rem,8vw,6.5rem); line-height:.93; letter-spacing:-.075em; }
    h2 { margin:0; font-size:clamp(1.9rem,4vw,3.2rem); line-height:1; letter-spacing:-.052em; }
    h3 { margin:0 0 10px; font-size:1.25rem; letter-spacing:-.025em; }
    .gold { color:var(--gold-soft); }
    .lead { margin:26px 0 0; max-width:760px; color:rgba(244,232,208,.82); font-size:clamp(1.06rem,1.55vw,1.28rem); line-height:1.72; }
    .featured-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:30px 0 74px; }
    .feature-card,.article-row,.cta-panel { border:1px solid rgba(216,168,79,.17); background:linear-gradient(180deg,rgba(36,32,23,.72),rgba(17,17,15,.62)); box-shadow:0 22px 54px rgba(0,0,0,.22); color:inherit; text-decoration:none; }
    .feature-card { min-height:230px; padding:24px; border-radius:26px; display:flex; flex-direction:column; justify-content:flex-end; }
    .feature-card span { color:var(--gold-soft); text-transform:uppercase; font-size:.75rem; letter-spacing:.12em; font-weight:800; margin-bottom:16px; }
    .feature-card p { margin:0; color:var(--muted); line-height:1.6; }
    .lane-block { padding:58px 0; border-top:1px solid rgba(216,168,79,.08); }
    .lane-head { display:grid; grid-template-columns:.72fr 1fr; gap:28px; align-items:end; margin-bottom:22px; }
    .article-list { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
    .article-row { padding:18px 20px; border-radius:20px; display:grid; gap:8px; transition:border-color .18s ease,transform .18s ease; }
    .article-row:hover,.feature-card:hover { border-color:rgba(240,200,109,.38); transform:translateY(-2px); }
    .article-row span { color:var(--parchment); font-weight:780; line-height:1.25; }
    .article-row small { color:var(--muted); line-height:1.45; }
    .cta-panel { margin:28px 0 82px; padding:32px; border-radius:30px; display:grid; grid-template-columns:1fr auto; gap:26px; align-items:center; }
    .cta-panel p { margin:10px 0 0; color:var(--muted); line-height:1.6; }
    footer { padding:44px 0; border-top:1px solid rgba(216,168,79,.10); color:var(--muted); }
    .footer-row { display:flex; justify-content:space-between; gap:20px; align-items:center; flex-wrap:wrap; }
    .footer-links { display:flex; gap:18px; flex-wrap:wrap; }
    .footer-links a { color:var(--muted); text-decoration:none; }
    .footer-links a:hover { color:var(--gold-soft); }
    @media (max-width:860px) { nav { display:none; } .hero { padding-top:56px; } .featured-grid,.article-list,.lane-head,.cta-panel { grid-template-columns:1fr; } h1 { font-size:clamp(2.8rem,16vw,5.1rem); } }