/* ============================================================
   Obsidian Helm — Direction D reskin layer
   Loaded AFTER obsidian.css. Overrides palette + type, styles
   the new Header 3 (grouped dropdown) + Silicon Valley footer.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Manrope:wght@300;400;500;600;700&family=Forum&display=swap');

:root{
  --gold:#cda44e !important;
  --gold2:#ecd089;
  --gold-line:rgba(205,164,78,.30);
  --ink:#070708 !important;
  --ink2:#0e0f12 !important;
  --cream:#f1ece2 !important;
  --mute:#969aa0 !important;
  --platinum:#d8dbe0;
  --hairline:rgba(255,255,255,.09);
  --hair-strong:rgba(255,255,255,.16);
  --serif:'Fraunces', Georgia, serif !important;
  --sans:'Manrope', system-ui, -apple-system, sans-serif !important;
  --numeral:'Forum', serif !important;
  --d-disp:'Fraunces', Georgia, serif;
  --d-body:'Manrope', system-ui, sans-serif;
  --d-eye:'Forum', serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}

body{background:#070708;color:var(--cream);font-family:var(--d-body);font-weight:400;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,.serif,.manifesto,.quote,.price{font-family:var(--d-disp) !important;}
.eyebrow,.tag,.sub,.col-h{font-family:var(--d-eye) !important;}
::selection{background:rgba(205,164,78,.30);color:#fff;}
a{transition:color .2s;}

/* ---------- Header 3 (grouped dropdown) ---------- */
.dh{position:sticky;top:0;z-index:60;background:rgba(7,7,8,.62);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline);}
.dh.scrolled{background:rgba(7,7,8,.9);}
.dh-in{max-width:1240px;margin:0 auto;padding:14px 30px;display:flex;align-items:center;justify-content:space-between;}
.dh-logo{display:inline-flex;align-items:center;gap:11px;}
.dh-logo img{width:38px;height:38px;border-radius:9px;display:block;}
.dh-logo span{font-family:var(--d-disp);font-weight:500;letter-spacing:.14em;font-size:1.05rem;color:#fff;}
.dh-logo span b{color:var(--gold);font-weight:500;}
.dh-nav{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0;}
.dh-nav>li{margin:0;}
.dh-nav>li>a{font-family:var(--d-eye);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:var(--platinum);opacity:.85;text-decoration:none;}
.dh-nav>li>a:hover{opacity:1;color:var(--gold2);}
.dh-cta{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#0a0a0c !important;padding:10px 18px;border-radius:3px;opacity:1 !important;}
.dh-dd{position:relative;}
.dh-caret{font-size:.55rem;color:var(--gold);margin-left:.25rem;}
.dh-panel{position:absolute;top:150%;left:50%;transform:translateX(-50%) translateY(6px);background:#0e0f12;border:1px solid var(--hairline);border-radius:10px;padding:.7rem;min-width:248px;display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transition:.22s var(--ease);box-shadow:0 24px 60px rgba(0,0,0,.55);}
.dh-dd:hover .dh-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.dh-panel a{display:flex;align-items:center;gap:.65rem;padding:.6rem .7rem;border-radius:6px;font-family:var(--d-body);font-size:.9rem;letter-spacing:0;text-transform:none;color:var(--platinum);text-decoration:none;}
.dh-panel a:hover{background:rgba(255,255,255,.045);color:var(--gold2);}
.dh-panel i{color:var(--gold);width:18px;text-align:center;}
.dh-burger{display:none;background:none;border:0;color:var(--cream);font-size:1.3rem;cursor:pointer;}
@media(max-width:900px){
  .dh-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#0b0c0e;border-bottom:1px solid var(--hairline);padding:1rem 1.4rem;}
  .dh-nav.open{display:flex;}
  .dh-nav>li{padding:.5rem 0;}
  .dh-panel{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:0;background:transparent;padding:.2rem 0 .2rem 1rem;min-width:0;}
  .dh-burger{display:block;}
}

/* ---------- Silicon Valley footer ---------- */
.df-strip{text-align:center;padding:14px;font-family:var(--d-eye);letter-spacing:.22em;text-transform:uppercase;font-size:.66rem;color:var(--mute);background:rgba(7,7,8,.6);border-top:1px solid var(--hairline);}
.df-strip i{margin-right:7px;color:var(--gold);}
.df{padding:60px 0 30px;background:rgba(7,7,8,.85);border-top:1px solid var(--hairline);}
.df-in{max-width:1240px;margin:0 auto;padding:0 30px;}
.df-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;}
.df-brand .df-tag{color:var(--mute);font-size:.88rem;line-height:1.6;margin:16px 0 18px;max-width:280px;}
.df-soc a{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid var(--hairline);border-radius:50%;margin-right:9px;color:var(--mute);text-decoration:none;}
.df-soc a:hover{border-color:var(--gold);color:var(--gold);}
.df-h{font-family:var(--d-eye);letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;color:var(--gold);margin-bottom:16px;}
.df-col ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0;padding:0;}
.df-col a{color:var(--platinum);font-size:.9rem;text-decoration:none;}
.df-col a:hover{color:var(--gold2);}
.df-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-top:42px;padding-top:22px;border-top:1px solid var(--hairline);color:var(--mute);font-size:.8rem;}
.df-meta{display:flex;gap:22px;}
@media(max-width:760px){.df-top{grid-template-columns:1fr 1fr;}.df-brand{grid-column:1/-1;}}

/* ---------- image safety (no stretch on mobile/articles) ---------- */
img{max-width:100%;}
.article-hero{width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;max-height:460px;border-radius:12px;}
.row-img img,.card-img img{width:100%;height:100%;object-fit:cover;}
@media(max-width:640px){.article-hero{aspect-ratio:16/10;max-height:300px;}}

/* ---------- footer disclaimer ($2M+ gate) ---------- */
.oh-disc{max-width:1240px;margin:0 auto;padding:18px 30px 0;color:var(--mute);font-size:.78rem;line-height:1.7;text-align:center;border-top:1px solid var(--hairline);}
.oh-disc b{color:var(--cream);font-weight:500;}
.oh-disc a{color:var(--gold);text-decoration:none;}
.oh-disc a:hover{color:var(--gold2);}
/* legal/terms pages */
.legal-wrap{max-width:820px;margin:0 auto;padding:90px 22px 80px;}
.legal-wrap .eyebrow{font-family:var(--d-eye);letter-spacing:.4em;text-transform:uppercase;color:var(--gold);font-size:.72rem;}
.legal-wrap h1{font-family:var(--d-disp);font-weight:400;font-size:clamp(2.2rem,5vw,3.2rem);color:#fff;margin:.5rem 0 .2rem;}
.legal-wrap h1 em{font-style:italic;color:var(--gold);}
.legal-wrap .hair{height:1px;width:64px;background:var(--gold-line);margin:22px 0 30px;}
.legal-wrap h2{font-family:var(--d-disp);font-weight:500;font-size:1.5rem;color:#f6f1e6;margin:34px 0 12px;}
.legal-wrap p,.legal-wrap li{color:var(--platinum);font-weight:300;line-height:1.8;font-size:.98rem;}
.legal-wrap ul{margin:10px 0 10px 22px;}
.legal-wrap .upd{color:var(--mute);font-size:.82rem;margin-top:8px;}
.legal-wrap a{color:var(--gold);}
