/* ============================================================
   Diogo Farhat — Dark Authority design system
   Shared stylesheet for the full site
   ============================================================ */

:root{
  --navy:#0a1626;
  --navy-2:#0e1d31;
  --navy-3:#142639;
  --ink:#0a0f17;
  --paper:#f3f1ec;
  --paper-2:#e9e6dd;
  --paper-3:#ddd7c9;
  --line-d:rgba(208,176,108,.18);
  --line-d-soft:rgba(238,241,245,.12);
  --line-l:#ddd7c9;
  --gold:oklch(0.78 0.085 80);
  --gold-deep:oklch(0.66 0.09 78);
  --steel:oklch(0.72 0.05 235);
  --txt-d:#eef1f5;
  --txt-d-soft:rgba(238,241,245,.66);
  --txt-l:#1a1f27;
  --txt-l-soft:#565c64;
  --up:oklch(0.78 0.12 150);
  --down:oklch(0.68 0.15 25);
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Hanken Grotesk",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--navy);color:var(--txt-d);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}

.wrap{max-width:1220px;margin:0 auto;padding:0 52px;}
.eyebrow{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);}

/* ---------- NAV ---------- */
header.nav{position:absolute;top:0;left:0;right:0;z-index:30;}
header.nav.solid{position:sticky;background:rgba(10,22,38,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-d);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:26px 52px;}
header.nav:not(.solid) .nav-inner{border-bottom:1px solid var(--line-d);}
.brand{font-family:var(--serif);font-size:26px;letter-spacing:.04em;color:var(--gold);}
.nav-links{display:flex;gap:36px;align-items:center;}
.nav-links a{font-size:13px;letter-spacing:.08em;color:var(--txt-d-soft);transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--gold);}
.nav-links a.cta{border:1px solid var(--gold-deep);color:var(--gold);padding:10px 20px;letter-spacing:.1em;text-transform:uppercase;font-size:12px;}
.nav-links a.cta:hover{background:var(--gold);color:var(--navy);}

/* ---------- BUTTONS ---------- */
.btn{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:16px 30px;transition:all .2s;cursor:pointer;display:inline-flex;align-items:center;gap:9px;}
.btn-gold{background:var(--gold);color:var(--navy);}
.btn-gold:hover{background:#fff;}
.btn-ghost{border:1px solid rgba(238,241,245,.3);color:var(--txt-d);}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);}
.btn-ghost-l{border:1px solid var(--line-l);color:var(--txt-l);}
.btn-ghost-l:hover{border-color:var(--gold-deep);color:var(--gold-deep);}

/* ---------- CRED STRIP ---------- */
.creds{border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d);background:var(--navy-2);}
.creds-inner{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;}
.creds-inner span{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-d-soft);padding:20px 34px;border-right:1px solid var(--line-d);}
.creds-inner span:last-child{border-right:none;}
.creds-inner span b{color:var(--gold);font-weight:500;}

/* ---------- SECTION ---------- */
.section{padding:120px 0;}

/* ---------- MORNING CALL CARDS (dark) ---------- */
.mc{background:var(--navy-2);color:var(--txt-d);}
.mc-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:46px;flex-wrap:wrap;gap:20px;}
.mc .eyebrow{color:var(--gold);}
.mc-head h2{font-family:var(--serif);font-weight:400;font-size:50px;letter-spacing:-.01em;margin-top:16px;color:var(--txt-d);}
.mc-head a.more{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--gold);border-bottom:1px solid rgba(208,176,108,.4);padding-bottom:4px;transition:border-color .2s;}
.mc-head a.more:hover{border-color:var(--gold);}
.mc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.mc-card{background:var(--navy-3);border:1px solid var(--line-d);padding:30px 28px;display:flex;flex-direction:column;min-height:272px;transition:all .25s;}
.mc-card:hover{transform:translateY(-4px);box-shadow:0 22px 60px -24px rgba(0,0,0,.5);border-color:rgba(208,176,108,.45);}
.mc-card .date{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--gold);}
.mc-card h4{font-family:var(--serif);font-weight:500;font-size:25px;margin:14px 0 12px;line-height:1.15;color:var(--txt-d);}
.mc-card p{font-size:14.5px;color:var(--txt-d-soft);flex:1;}
.mc-card .foot{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid var(--line-d);font-size:13px;color:var(--txt-d-soft);}
.tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:rgba(208,176,108,.1);padding:5px 10px;}
.tag.down{color:var(--down);background:oklch(0.68 0.15 25 / .12);}

/* ---------- FOOTER ---------- */
footer{background:var(--ink);border-top:1px solid var(--line-d);}
.foot-inner{max-width:1220px;margin:0 auto;padding:52px 52px;}
.foot-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding-bottom:28px;border-bottom:1px solid var(--line-d);}
.foot-links{display:flex;gap:32px;flex-wrap:wrap;}
.foot-links a{font-size:12.5px;letter-spacing:.06em;color:var(--txt-d-soft);}
.foot-links a:hover{color:var(--gold);}
.disclaimer{font-size:11.5px;line-height:1.7;color:rgba(238,241,245,.4);margin-top:24px;}

/* ---------- IMAGE PLACEHOLDER ---------- */
.imgph{position:relative;background:#16263a;background-image:repeating-linear-gradient(135deg,rgba(208,176,108,.06) 0 14px,rgba(255,255,255,.03) 14px 28px);overflow:hidden;}
.imgph[data-label]::after{content:attr(data-label);position:absolute;left:16px;bottom:14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(238,241,245,.55);background:rgba(10,22,38,.6);padding:5px 9px;}
.imgph.light{background:#d8d2c4;background-image:repeating-linear-gradient(135deg,rgba(10,22,38,.05) 0 14px,rgba(10,22,38,.08) 14px 28px);}
.imgph.light[data-label]::after{color:rgba(26,31,39,.55);background:rgba(243,241,236,.7);}

/* ---------- BREADCRUMB / PAGE HERO (inner pages) ---------- */
.pagehero{position:relative;padding:170px 0 80px;background:radial-gradient(120% 90% at 80% 0%, var(--navy-3) 0%, var(--navy) 55%);border-bottom:1px solid var(--line-d);overflow:hidden;}
.pagehero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line-d) 1px,transparent 1px),linear-gradient(90deg,var(--line-d) 1px,transparent 1px);background-size:64px 64px;opacity:.5;mask-image:radial-gradient(80% 90% at 75% 20%,#000 0%,transparent 75%);}
.pagehero .inner{position:relative;z-index:2;}
.pagehero h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,5.5vw,72px);line-height:1.04;letter-spacing:-.01em;margin-top:18px;text-wrap:balance;}
.pagehero p.lead{font-size:18.5px;color:var(--txt-d-soft);max-width:560px;margin-top:22px;}

@media(max-width:920px){
  .wrap,.nav-inner,.foot-inner{padding-left:24px;padding-right:24px;}
  .nav-links{display:none;}
  .nav-links.mobile{display:flex;gap:18px;}
  .nav-links.mobile a:not(.cta){display:none;}
  .mc-grid{grid-template-columns:1fr;}
  .creds-inner span{border-right:none;padding:14px 20px;}
  .section{padding:80px 0;}
  .pagehero{padding:130px 0 60px;}
}
