:root { --ink:#0B0B0F; --paper:#EDE7DA; --gold:#C9A24B; --muted:#8C8578; }
* { box-sizing:border-box; }
html,body { margin:0; }
body { background:var(--ink); color:var(--paper);
       font-family:Georgia,"Times New Roman",serif; line-height:1.7;
       -webkit-font-smoothing:antialiased; }
a { color:var(--gold); }

.topnav { position:relative; display:flex; align-items:center; justify-content:space-between;
          padding:22px 40px; border-bottom:1px solid #171510; }
.brand { display:flex; align-items:center; gap:13px; text-decoration:none; }
.brand .wm { font-size:14px; letter-spacing:.24em; text-transform:uppercase; color:var(--paper); }
.navlinks { display:flex; gap:28px; }
.navlinks a { color:var(--muted); text-decoration:none; font-size:13px;
              letter-spacing:.16em; text-transform:uppercase; }
.navlinks a:hover { color:var(--gold); }

/* Same burger as the homepage, so navigation behaves identically across the site. */
.burger { display:none; background:none; border:0; padding:10px; margin:-10px -10px -10px 0;
          cursor:pointer; line-height:0; border-radius:3px; }
.burger span { display:block; width:24px; height:2px; background:var(--paper); margin:5px 0;
               transition:transform .22s ease, opacity .18s ease; }
.burger[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2) { opacity:0; }
.burger[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
.burger:focus { outline:none; }
.burger:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }

article, .index-wrap { max-width:720px; margin:0 auto; padding:64px 40px 24px; }
.crumb { color:var(--muted); font-size:13px; letter-spacing:.14em; text-transform:uppercase;
         margin:0 0 22px; }
.crumb a { color:var(--muted); text-decoration:none; }
.crumb a:hover { color:var(--gold); }
h1 { font-size:clamp(32px,5vw,52px); line-height:1.1; font-weight:normal; margin:0 0 22px;
     color:var(--paper); }
.standfirst { color:#c9c0ad; font-size:clamp(17px,1.7vw,20px); line-height:1.66; margin:0 0 12px;
              border-left:2px solid var(--gold); padding-left:20px; }
article h2 { color:var(--gold); font-weight:normal; font-size:22px; letter-spacing:.03em;
             margin:44px 0 14px; }
article p { color:#d7cfbe; margin:0 0 16px; font-size:17px; line-height:1.8; }
article em { color:#e6dcc6; }

.cta { display:inline-block; background:var(--gold); color:#151007; text-decoration:none;
       padding:14px 30px; font-size:14.5px; letter-spacing:.1em; text-transform:uppercase;
       border-radius:2px; }
.cta:hover { background:#dcbb6c; }
.watch { margin:44px 0 8px; }

/* research index list */
.lede { color:#c9c0ad; font-size:18px; max-width:620px; margin:0 0 40px; }
.ep { display:block; text-decoration:none; border-top:1px solid #1c1913; padding:26px 0; }
.ep:last-of-type { border-bottom:1px solid #1c1913; }
.ep .no { color:var(--muted); font-size:12.5px; letter-spacing:.2em; text-transform:uppercase; }
.ep .t { color:var(--paper); font-size:24px; margin:7px 0 8px; }
.ep .d { color:#a89f8d; font-size:16px; margin:0; }
.ep:hover .t { color:var(--gold); }
.note { color:var(--muted); font-size:14.5px; margin-top:38px; line-height:1.7; }

footer { border-top:1px solid #211d16; margin-top:52px; padding:34px 40px 64px;
         text-align:center; color:var(--muted); font-size:14px; }
footer a { color:var(--muted); margin:0 12px; text-decoration:none; }
footer a:hover { color:var(--gold); }
.foot-mark { margin-top:16px; letter-spacing:.22em; text-transform:uppercase; font-size:12.5px;
             color:#5f5a4e; }

@media (max-width:720px) {
  .topnav { padding:16px 22px; }
  .burger { display:block; }
  .navlinks { display:none; position:absolute; top:100%; left:0; right:0; z-index:5;
              flex-direction:column; gap:0; background:#0e0e13;
              border-bottom:1px solid #1c1913; }
  .topnav.open .navlinks { display:flex; }
  .navlinks a { padding:17px 22px; font-size:14px; border-bottom:1px solid #17151044; }
  .navlinks a:last-child { border-bottom:0; }
  article, .index-wrap { padding:44px 24px 20px; }
}