/* ============================================================
   research-fih.css — /research/ ONLY
   ------------------------------------------------------------
   The Research Portal landing page, restyled 2026-08-29 into the
   same visual language as the homepage ("The Illuminated
   Manuscript") and research.friendsilluminated.com, so the three
   surfaces read as one house.

   SCOPING CONTRACT — read before editing:
   * Linked from layouts/_default/baseof.html only for the /research/
     section page, so it is never downloaded elsewhere.
   * EVERY rule is additionally scoped to `.fihr` (the wrapper div
     that layouts/research/list.html puts around the page) so that a
     mis-copied link could not restyle site chrome. The two
     exceptions are the `body.research-illuminated` rules at the
     bottom, which deliberately re-tint the shared nav and
     announcement ribbon so they read against the dark hero — those
     are keyed on a body class only this page sets.
   * Custom properties live on `.fihr`, NOT on `:root`. Do not hoist.
   * @keyframes names are prefixed `fihr-` so they cannot collide
     with main.css or homepage.css.
   * This file deliberately duplicates the token block and a handful
     of primitives from homepage.css rather than importing them:
     homepage.css is homepage-only by contract and must not grow a
     second consumer. See the scoping contract at the top of that
     file.
   ============================================================ */

.fihr{
  --walnut:      #2A1F17;
  --walnut-lit:  #35281D;
  --parchment:   #E8DCC8;
  --parchment-d: #C4B69C;
  --gold:        #C9A84C;
  --gold-bright: #E3C572;
  --gold-deep:   #A9862F;
  --amber:       #E8A05C;
  --ink:         #1A1410;
  --ink-2:       #120D0A;
  --card:        #3A2F25;

  --parch-dim:   rgba(232,220,200,.68);
  --parch-faint: rgba(232,220,200,.44);
  --gold-line:   rgba(201,168,76,.34);

  --shadow-deep: 0 32px 64px -18px rgba(10,7,4,.85);
  --shadow-mid:  0 18px 38px -14px rgba(10,7,4,.7);

  --f-display: 'Cormorant Garamond',Garamond,Georgia,serif;
  --f-body:    'Lora',Georgia,serif;
  --f-label:   'EB Garamond',Garamond,serif;

  --maxw: 1240px;
  --ease: cubic-bezier(.22,.61,.36,1);
}
.fihr, .fihr *, .fihr *::before, .fihr *::after{ box-sizing:border-box; }
.fihr{
  background:var(--ink);
  color:var(--parchment);
  font-family:var(--f-body);
  font-size:17px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;}
.fihr img{ max-width:100%; display:block; }
.fihr a{ color:inherit; text-decoration:none; }
.fihr ::selection{ background:var(--gold); color:#241A10; }
.fihr .wrap{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 32px; }
.fihr .wrap--narrow{ max-width:880px; }

/* ---------- shared type ---------- */
.fihr .eyebrow{
  font-family:var(--f-label);
  font-variant:small-caps;
  font-feature-settings:"smcp" 1;
  text-transform:lowercase;
  letter-spacing:.34em;
  font-size:.86rem;
  font-weight:600;
  color:var(--gold);
  margin:0 0 18px;
  display:flex; align-items:center; gap:16px;
  justify-content:center;}
.fihr .eyebrow::before, .fihr .eyebrow::after{
  content:""; height:1px; width:54px;
  background:linear-gradient(90deg,transparent,var(--gold));}
.fihr .eyebrow::after{ background:linear-gradient(90deg,var(--gold),transparent); }
.fihr .eyebrow.left{ justify-content:flex-start; }
.fihr .eyebrow.left::before{ display:none; }

.fihr h2.section-title{
  font-family:var(--f-display);
  font-weight:600;
  font-size:clamp(2rem,4.1vw,3.2rem);
  line-height:1.12;
  letter-spacing:.005em;
  margin:0 0 18px;
  color:var(--parchment);}
.fihr h2.section-title em{
  font-style:italic;
  color:var(--gold-bright);
  text-shadow:0 2px 26px rgba(201,168,76,.3);}
.fihr .section-sub{
  max-width:660px;
  margin:0 auto;
  color:var(--parchment-d);
  font-size:1.03rem;
  line-height:1.85;}
.fihr .section-sub.left{ margin-left:0; }
.fihr section{ position:relative; }
.fihr .rule{
  height:1px; border:0; margin:0;
  background:linear-gradient(90deg,transparent,rgba(201,168,76,.42) 18%,rgba(201,168,76,.62) 50%,rgba(201,168,76,.42) 82%,transparent);}

/* ---------- buttons ---------- */
.fihr .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.6em;
  font-family:var(--f-label);
  font-variant:small-caps; text-transform:lowercase;
  font-size:1.06rem; font-weight:600; letter-spacing:.16em;
  padding:16px 38px;
  border-radius:2px;
  border:1px solid transparent;
  cursor:pointer;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease),
             background .35s var(--ease), color .35s var(--ease),
             border-color .35s var(--ease);}
.fihr .btn-gold{
  background:linear-gradient(175deg,var(--gold-bright),var(--gold) 55%,var(--gold-deep));
  color:#241A10;
  box-shadow:0 12px 34px -12px rgba(201,168,76,.75), inset 0 1px 0 rgba(255,245,214,.55);}
.fihr .btn-gold:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 46px -12px rgba(232,160,92,.8), inset 0 1px 0 rgba(255,245,214,.7);}
.fihr .btn-ghost{
  background:rgba(232,220,200,.03);
  color:var(--parchment);
  border-color:rgba(232,220,200,.42);}
.fihr .btn-ghost:hover{
  transform:translateY(-3px);
  border-color:var(--gold);
  color:var(--gold-bright);
  box-shadow:0 16px 34px -16px rgba(201,168,76,.6);}
.fihr .btn-pill{ border-radius:999px; padding:15px 34px; }
.fihr .btn .arw{ transition:transform .35s var(--ease); }
.fihr .btn:hover .arw{ transform:translateX(4px); }

/* ============================================================
   1. HERO
   ============================================================ */
.fihr .rhero{
  position:relative;
  background:var(--walnut);
  /* clear the fixed announcement ribbon + nav, exactly as the homepage does */
  padding:calc(var(--announce-h, 40px) + var(--nav-height, 64px) + clamp(30px,4vw,56px))
          0 clamp(60px,8vw,96px);
  overflow:hidden;
  isolation:isolate;
  text-align:center;}
.fihr .rhero::before{ /* candlelight */
  content:""; position:absolute; inset:-10% -20% auto -20%; height:160%;
  background:
    radial-gradient(46% 44% at 50% 2%, rgba(232,160,92,.28), transparent 68%),
    radial-gradient(76% 62% at 50% 30%, rgba(201,168,76,.15), transparent 72%),
    radial-gradient(120% 90% at 50% 100%, rgba(10,7,4,.9), transparent 60%);
  z-index:0; pointer-events:none;}
.fihr .rhero::after{ /* paper grain */
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none; opacity:.055;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");}
.fihr .flicker{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(36% 34% at 50% 6%, rgba(255,196,120,.20), transparent 70%);
  animation:fihr-flicker 5.2s ease-in-out infinite;
  mix-blend-mode:screen;}
@keyframes fihr-flicker{
  0%,100%{ opacity:.72; transform:scale(1); }
  12%{ opacity:.94; transform:scale(1.015); }
  23%{ opacity:.60; }
  37%{ opacity:.88; transform:scale(1.008); }
  48%{ opacity:.66; }
  61%{ opacity:.97; transform:scale(1.02); }
  74%{ opacity:.70; }
  86%{ opacity:.90; transform:scale(1.01); }
}
.fihr .rhero .wrap{ position:relative; z-index:2; }
.fihr .rhero__inner{ max-width:820px; margin:0 auto; }

.fihr .crest{
  width:52px; height:52px; margin:0 auto 24px; display:block;
  color:var(--gold);
  filter:drop-shadow(0 0 24px rgba(232,160,92,.5));}
.fihr .rhero h1{
  font-family:var(--f-display);
  font-weight:600;
  font-size:clamp(2.6rem,6vw,4.4rem);
  line-height:1.05;
  letter-spacing:.004em;
  margin:0 0 1.3rem;
  color:var(--parchment);}
.fihr .rhero h1 em{
  font-style:italic;
  color:var(--gold-bright);
  text-shadow:0 2px 30px rgba(201,168,76,.36);}
.fihr .rhero__lede{
  font-size:clamp(1.03rem,1.3vw,1.14rem);
  line-height:1.9;
  color:var(--parchment-d);
  max-width:44rem;
  margin:0 auto 2.4rem;}
.fihr .rhero__ctas{
  display:flex; flex-wrap:wrap; gap:.9rem; justify-content:center;
  margin-bottom:2.6rem;}
.fihr .fleuron{
  display:flex; align-items:center; justify-content:center; gap:16px;
  color:var(--gold); font-size:1.05rem; margin:0 0 2.1rem;}
.fihr .fleuron span{ height:1px; width:70px; background:linear-gradient(90deg,transparent,var(--gold)); }
.fihr .fleuron span:last-child{ background:linear-gradient(90deg,var(--gold),transparent); }
.fihr .rhero__trust{
  margin:0;
  font-family:var(--f-label);
  font-variant:small-caps; text-transform:lowercase;
  letter-spacing:.2em; font-size:.86rem;
  color:rgba(232,220,200,.52);
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:.5rem .9rem;
  padding-top:1.6rem;
  border-top:1px solid rgba(201,168,76,.26);}
.fihr .rhero__trust .sep{ color:var(--gold); opacity:.75; }

/* ============================================================
   2. THE THREE GUARANTEES — gilded double-ruled plates
   ============================================================ */
.fihr .pillars-sec{
  padding:clamp(4.5rem,10vh,7rem) 0 clamp(4.5rem,10vh,7rem);
  background:
    radial-gradient(60% 40% at 50% -5%,rgba(201,168,76,.10),transparent 70%),
    linear-gradient(180deg,var(--walnut),#241A13 52%,var(--walnut));}
.fihr .pillars-sec__head{ max-width:680px; margin:0 auto clamp(2.8rem,6vh,4rem); text-align:center; }
.fihr .pillars{
  display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
.fihr .pillar{
  position:relative;
  background:
    linear-gradient(160deg,rgba(232,220,200,.045),transparent 46%),
    var(--card);
  border:1px solid var(--gold-line);
  border-radius:3px;
  padding:44px 34px 42px;
  transition:transform .5s var(--ease), border-color .5s var(--ease), box-shadow .5s var(--ease);}
.fihr .pillar::after{
  content:""; position:absolute; inset:6px;
  border:1px solid rgba(201,168,76,.14);
  border-radius:2px; pointer-events:none;}
.fihr .pillar:hover{
  transform:translateY(-8px);
  border-color:var(--gold-bright);
  box-shadow:0 26px 50px -22px rgba(201,168,76,.45);}
.fihr .pillar__num{
  position:absolute; top:26px; right:30px;
  font-family:var(--f-label);
  font-size:1.05rem; letter-spacing:.24em;
  color:rgba(201,168,76,.45);
  transition:color .5s var(--ease);}
.fihr .pillar:hover .pillar__num{ color:var(--gold-bright); }
.fihr .pillar__icon{
  width:54px; height:54px; margin-bottom:24px;
  color:var(--gold);
  transition:color .5s var(--ease), transform .5s var(--ease);}
.fihr .pillar:hover .pillar__icon{ color:var(--gold-bright); transform:translateY(-2px); }
.fihr .pillar h3{
  font-family:var(--f-display);
  font-weight:600; font-size:1.68rem;
  margin:0 0 13px; color:var(--parchment);
  letter-spacing:.01em;}
.fihr .pillar p{
  margin:0; color:var(--parchment-d);
  font-size:1rem; line-height:1.8;}

/* ============================================================
   3. THE EMBEDDED PORTAL — a gilded reading plate
   ============================================================ */
.fihr .embed-sec{
  padding:clamp(4.5rem,10vh,7rem) 0 clamp(4.5rem,10vh,7rem);
  background:var(--ink);}
.fihr .embed-sec__head{ max-width:680px; margin:0 auto clamp(2.4rem,5vh,3.4rem); text-align:center; }
.fihr .embed-plate{
  position:relative;
  border:1px solid var(--gold-line);
  border-radius:3px;
  overflow:hidden;
  background:var(--ink-2);
  box-shadow:var(--shadow-deep), 0 0 90px -30px rgba(232,160,92,.4);}
.fihr .embed-bar{
  display:flex; align-items:center; justify-content:space-between;
  gap:1rem; flex-wrap:wrap;
  padding:.9rem 1.3rem;
  border-bottom:1px solid rgba(201,168,76,.26);
  background:linear-gradient(180deg,var(--walnut-lit),var(--walnut));}
.fihr .embed-bar__label{
  font-family:var(--f-label);
  font-variant:small-caps; text-transform:lowercase;
  letter-spacing:.24em; font-size:.84rem; font-weight:600;
  color:var(--gold);}
.fihr .embed-popout{
  display:inline-flex; align-items:center; gap:.5rem;
  font-family:var(--f-label);
  font-variant:small-caps; text-transform:lowercase;
  letter-spacing:.16em; font-size:.9rem; font-weight:600;
  color:var(--parchment-d);
  padding:.35rem .85rem;
  border:1px solid rgba(232,220,200,.24);
  border-radius:999px;
  transition:border-color .3s var(--ease), color .3s var(--ease);}
.fihr .embed-popout:hover{ border-color:var(--gold); color:var(--gold-bright); }
.fihr .embed-popout svg{ flex:none; }
.fihr .embed-frame{
  display:block; width:100%;
  height:76vh; min-height:640px;
  border:0; background:var(--ink);}
.fihr .embed-foot{
  margin:1.4rem 0 0;
  text-align:center;
  font-family:var(--f-label);
  letter-spacing:.04em;
  font-size:.92rem;
  color:var(--parch-faint);}
.fihr .embed-foot a{
  color:var(--gold-bright);
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-color:rgba(201,168,76,.45);}
.fihr .embed-foot a:hover{ text-decoration-color:var(--gold-bright); }

/* ============================================================
   4. THE PROSE — "the long answer"
   ============================================================ */
.fihr .prose-sec{
  padding:clamp(4.5rem,10vh,7rem) 0 clamp(4.5rem,10vh,7rem);
  background:
    radial-gradient(60% 40% at 50% -5%,rgba(201,168,76,.09),transparent 70%),
    linear-gradient(180deg,var(--walnut),#241A13 52%,var(--walnut));}
.fihr .prose-sec__head{ max-width:680px; margin:0 auto clamp(2.6rem,6vh,3.8rem); text-align:center; }

/* Each `## heading` in content/research/_index.md becomes one plate.
   The markdown is untouched; layouts/research/list.html splits it. */
.fihr .leaf{
  position:relative;
  background:
    linear-gradient(155deg,rgba(232,220,200,.05),transparent 48%),
    var(--card);
  border:1px solid var(--gold-line);
  border-radius:3px;
  padding:38px 40px 36px;
  box-shadow:var(--shadow-mid);
  margin-bottom:26px;}
.fihr .leaf::after{
  content:""; position:absolute; inset:7px;
  border:1px solid rgba(201,168,76,.13);
  border-radius:2px; pointer-events:none;}
.fihr .leaf > *{ position:relative; z-index:1; }
.fihr .leaf:last-child{ margin-bottom:0; }
.fihr .leaf__n{
  font-family:var(--f-label);
  font-variant:small-caps; text-transform:lowercase;
  letter-spacing:.26em; font-size:.8rem; font-weight:600;
  color:var(--gold);
  margin:0 0 14px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(201,168,76,.2);}
.fihr .leaf h2{
  font-family:var(--f-display);
  font-weight:600;
  font-size:clamp(1.7rem,3vw,2.25rem);
  line-height:1.16;
  letter-spacing:.005em;
  margin:0 0 1.1rem;
  color:var(--parchment);}
.fihr .leaf h2::first-letter{ color:var(--gold-bright); }
.fihr .leaf h3{
  font-family:var(--f-display);
  font-weight:600; font-size:1.4rem;
  margin:1.8rem 0 .7rem; color:var(--parchment);}
.fihr .leaf p{
  margin:0 0 1.15em;
  color:var(--parchment-d);
  font-size:1.04rem;
  line-height:1.95;}
.fihr .leaf p:last-child{ margin-bottom:0; }
.fihr .leaf strong{ color:var(--parchment); font-weight:600; }
.fihr .leaf em{ color:var(--parch-dim); }
.fihr .leaf a{
  color:var(--gold-bright);
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-color:rgba(201,168,76,.45);
  transition:text-decoration-color .3s var(--ease), color .3s var(--ease);}
.fihr .leaf a:hover{ color:#F3E0A8; text-decoration-color:var(--gold-bright); }
.fihr .leaf ul, .fihr .leaf ol{ margin:0 0 1.15em; padding-left:1.3rem; color:var(--parchment-d); }
.fihr .leaf li{ margin:0 0 .5em; line-height:1.9; }
.fihr .leaf blockquote{
  margin:1.4rem 0;
  padding:.3rem 0 .3rem 1.4rem;
  border-left:2px solid var(--gold);
  font-family:var(--f-display);
  font-style:italic;
  font-size:1.3rem;
  line-height:1.6;
  color:var(--parchment);}
/* The opening plate gets the illuminated drop cap. */
.fihr .leaf--first > p:first-of-type::first-letter{
  font-family:var(--f-display); font-weight:700; font-size:3.4em; line-height:.82;
  float:left; margin:.06em .12em 0 0; padding:0 .04em;
  background:linear-gradient(180deg,#F3E0A8,var(--gold-bright) 40%,var(--gold-deep));
  -webkit-background-clip:text; background-clip:text; color:transparent;}

/* the one-line rule the page turns on, pulled out as a plate of its own */
.fihr .creed{
  margin:26px 0;
  padding:34px 38px;
  border:1px solid rgba(201,168,76,.4);
  border-radius:3px;
  background:linear-gradient(180deg,#241A13,#1A1410);
  text-align:center;
  box-shadow:0 0 70px -28px rgba(232,160,92,.55);}
.fihr .creed__label{
  font-family:var(--f-label);
  font-variant:small-caps; text-transform:lowercase;
  letter-spacing:.26em; font-size:.8rem; font-weight:600;
  color:var(--gold); margin:0 0 12px;}
.fihr .creed__text{
  font-family:var(--f-display);
  font-size:clamp(1.5rem,3vw,2.1rem);
  font-style:italic;
  line-height:1.35;
  color:var(--gold-bright);
  margin:0;
  text-shadow:0 2px 30px rgba(201,168,76,.32);}

/* ============================================================
   5. FOOTER CTA
   ============================================================ */
.fihr .rfoot{
  position:relative;
  background:var(--walnut);
  padding:clamp(5rem,11vh,7.2rem) 0 clamp(5rem,11vh,7rem);
  overflow:hidden; text-align:center; isolation:isolate;}
.fihr .rfoot::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(58% 74% at 50% 108%, rgba(232,160,92,.30), transparent 66%),
    radial-gradient(80% 90% at 50% 118%, rgba(201,168,76,.16), transparent 70%);
  animation:fihr-flicker 6.4s ease-in-out infinite;}
.fihr .rfoot .wrap{ position:relative; z-index:1; }
.fihr .rfoot h2{
  font-family:var(--f-display);
  font-weight:600; font-size:clamp(2.1rem,4.6vw,3.5rem);
  line-height:1.12; margin:0 0 20px;
  color:var(--parchment);}
.fihr .rfoot h2 em{
  font-style:italic; color:var(--gold-bright);
  text-shadow:0 2px 26px rgba(201,168,76,.32);}
.fihr .rfoot p.lede{
  max-width:560px; margin:0 auto 38px;
  color:var(--parchment-d); font-size:1.04rem; line-height:1.85;}
.fihr .rfoot .cta-row{ display:flex; flex-wrap:wrap; gap:.9rem; justify-content:center; }

/* ============================================================
   SCROLL REVEAL — inert without JS; the .in class is added by the
   tiny observer at the foot of layouts/research/list.html, and the
   reduced-motion block below pins everything visible.
   ============================================================ */
.fihr .reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity 1s var(--ease), transform 1s var(--ease);}
.fihr .reveal.in{ opacity:1; transform:none; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1024px){
  .fihr .pillars{ grid-template-columns:1fr; gap:22px; }
}
@media (max-width:760px){
  .fihr{ font-size:16px; }
  .fihr .wrap{ padding:0 22px; }
  .fihr .rhero h1{ font-size:clamp(2.2rem,9vw,3rem); }
  .fihr .rhero__ctas{ flex-direction:column; align-items:stretch; }
  .fihr .rfoot .cta-row{ flex-direction:column; align-items:stretch; max-width:340px; margin:0 auto; }
  .fihr .btn{ width:100%; padding:15px 24px; }
  .fihr .eyebrow{ font-size:.78rem; letter-spacing:.28em; }
  .fihr .eyebrow::before, .fihr .eyebrow::after{ width:28px; }
  /* "Friends Illuminated · Research" is too long to sit between the two
     hairlines at phone widths; it wraps and strands them on line one.
     The shorter section eyebrows still keep theirs. */
  .fihr .rhero .eyebrow{ display:block; }
  .fihr .rhero .eyebrow::before, .fihr .rhero .eyebrow::after{ display:none; }
  .fihr .fleuron span{ width:48px; }
  .fihr .rhero__trust{ font-size:.78rem; letter-spacing:.16em; }
  .fihr .rhero__trust .sep{ display:none; }
  .fihr .pillar{ padding:34px 24px 32px; }
  .fihr .pillar__num{ top:20px; right:22px; }
  .fihr .leaf{ padding:28px 22px 26px; }
  .fihr .leaf::after{ inset:5px; }
  .fihr .leaf--first > p:first-of-type::first-letter{ font-size:2.9em; }
  .fihr .creed{ padding:26px 22px; }
  .fihr .embed-frame{ height:78vh; min-height:520px; }
  .fihr .embed-bar{ padding:.75rem .9rem; }
  .fihr .embed-bar__label{ font-size:.76rem; letter-spacing:.18em; }
}
@media (max-width:420px){
  .fihr .embed-bar{ flex-direction:column; align-items:flex-start; gap:.6rem; }
}

/* ============================================================
   REDUCED MOTION
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  .fihr *, .fihr *::before, .fihr *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;}
  .fihr .reveal{ opacity:1 !important; transform:none !important; }
  .fihr .flicker, .fihr .rfoot::before{ animation:none; opacity:.8; }
}

/* ============================================================
   SITE-CHROME RECONCILIATION
   /research/ reuses the real nav, announcement ribbon and footer
   from baseof.html. main.css styles those for a near-white page; on
   the dark hero they need re-tinting. Keyed on
   body.research-illuminated, which only this page sets. Mirrors the
   body.home-illuminated block in homepage.css.
   ============================================================ */
body.research-illuminated{ background:#1A1410; }

body.research-illuminated .nav{
  background:rgba(26,20,16,.62);
  border-bottom:1px solid rgba(201,168,76,.26);
}
body.research-illuminated .nav--scrolled,
html[data-theme="dark"] body.research-illuminated .nav--scrolled{
  background:rgba(20,15,11,.94);
}
body.research-illuminated .nav-logo-text,
body.research-illuminated .theme-toggle{ color:#E8DCC8; }
body.research-illuminated .nav-link{ color:rgba(232,220,200,.72); }
body.research-illuminated .nav-link:hover,
body.research-illuminated .nav-link--active{ color:#E3C572; }
body.research-illuminated .nav-menu-toggle span{ background:#E8DCC8; }

body.research-illuminated .announce-bar{
  background:linear-gradient(100deg,#1A1410 0%,#2A1F17 45%,#1A1410 100%);
  border-bottom:1px solid rgba(201,168,76,.5);
}

/* The mobile drawer is a light panel in main.css; keep it legible. */
@media (max-width:768px){
  body.research-illuminated .nav-menu{ background:#1A1410; }
  body.research-illuminated .nav-menu .nav-link{ color:#E8DCC8; }
}