/* ================= NIAM — Nexus Investments & Asset Management Group Shared stylesheet · Navy / Cream / Gold design system ========================================== */
:root{
  --ink:#081C38;
  --pine:#0D2A52;
  --moss:#153A6E;
  --ivory:#F7F2E3;
  --paper:#FDFAF0;
  --brass:#C9A24B;
  --brass-soft:#E9D598;
  --sage:#A3B4CE;
  --slate:#44526C;
  --line-d:rgba(201,162,75,.24);
  --line-l:rgba(8,28,56,.14);
  --display:"Fraunces",Georgia,serif;
  --body:"Instrument Sans",system-ui,sans-serif;
  --mono:"Spline Sans Mono",ui-monospace,monospace;
  --max:1180px;
  --r:12px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);background:var(--ink);color:var(--ivory);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);display:inline-flex;align-items:center;gap:.7rem}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--brass)}
.eyebrow.center{justify-content:center}
h1,h2,h3,h4{font-family:var(--display);font-weight:500;line-height:1.12}
h2{font-size:clamp(1.9rem,3.6vw,2.85rem);letter-spacing:-.01em;margin:.9rem 0 1.1rem}
.sub{max-width:660px;color:var(--sage);font-size:1.02rem}
.light .sub{color:var(--slate)}
section{padding:96px 0}
.light{background:var(--ivory);color:var(--ink)}
.pine{background:var(--pine);border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:3px}
.center{text-align:center}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1.7rem;border-radius:999px;font-weight:600;font-size:.88rem;letter-spacing:.02em;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s;cursor:pointer;border:0;font-family:var(--body)}
.btn-brass{background:var(--brass);color:var(--ink)}
.btn-brass:hover{background:var(--brass-soft);transform:translateY(-2px);box-shadow:0 10px 26px rgba(201,162,75,.3)}
.btn-ghost{border:1px solid var(--line-d);color:var(--ivory);background:transparent}
.btn-ghost:hover{border-color:var(--brass);color:var(--brass-soft)}
.light .btn-ghost{border-color:var(--line-l);color:var(--ink)}
.light .btn-ghost:hover{border-color:var(--brass);color:var(--brass)}

/* ---------- Nav ---------- */
nav.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s,box-shadow .3s,padding .3s;padding:18px 0;background:linear-gradient(180deg,rgba(8,28,56,.75),transparent)}
nav.site-nav.scrolled{background:rgba(8,28,56,.95);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line-d);padding:12px 0}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:baseline;gap:.65rem}
.logo strong{font-family:var(--display);font-size:1.5rem;font-weight:600;letter-spacing:.04em;color:var(--ivory)}
.logo span{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);border-left:1px solid var(--line-d);padding-left:.65rem;line-height:1.5}
.nav-links{display:flex;gap:1.7rem;align-items:center}
.nav-links a{font-size:.86rem;font-weight:500;color:var(--sage);letter-spacing:.02em;transition:color .2s;position:relative}
.nav-links a:hover{color:var(--brass-soft)}
.nav-links a.active{color:var(--brass-soft)}
.nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--brass)}
.nav-links a.btn{color:var(--ink)}
.nav-links a.btn.active::after{display:none}
.burger{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;padding:6px}
.burger span{width:24px;height:2px;background:var(--ivory);transition:.3s}

/* ---------- Home hero ---------- */
.hero{min-height:92svh;display:flex;align-items:flex-end;position:relative;overflow:hidden;padding:160px 0 90px}
.hero-media{position:absolute;inset:0}
.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,28,56,.96) 25%,rgba(8,28,56,.72) 55%,rgba(8,28,56,.45));}
.hero-content{position:relative;z-index:2;max-width:700px}
.hero h1{font-size:clamp(2.5rem,5.2vw,4.1rem);letter-spacing:-.015em;margin:1.2rem 0 1.4rem}
.hero h1 em{font-style:italic;color:var(--brass-soft)}
.hero p{color:var(--sage);font-size:1.12rem;max-width:560px;margin-bottom:2.2rem}
.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap}
.hero-note{margin-top:2.4rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:var(--sage);text-transform:uppercase}
.hero-note b{color:var(--brass);font-weight:500}

/* ---------- Inner page hero ---------- */
.page-hero{position:relative;overflow:hidden;padding:190px 0 110px;display:flex;align-items:flex-end}
.page-hero .hero-media::after{background:linear-gradient(100deg,rgba(8,28,56,.96) 30%,rgba(8,28,56,.78) 60%,rgba(8,28,56,.55))}
.page-hero h1{font-size:clamp(2.2rem,4.6vw,3.6rem);letter-spacing:-.015em;margin:1rem 0 1rem;max-width:760px}
.page-hero h1 em{font-style:italic;color:var(--brass-soft)}
.page-hero p{color:var(--sage);font-size:1.08rem;max-width:620px}
.page-hero .hero-content{max-width:820px}

/* ---------- Ticker ---------- */
.ticker{border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d);overflow:hidden;background:var(--pine);padding:14px 0}
.ticker-track{display:flex;gap:3.5rem;white-space:nowrap;animation:tick 42s linear infinite;width:max-content}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-track span{font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;color:var(--sage)}
.ticker-track b{color:var(--brass);font-weight:500;margin-right:.5rem}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------- Split (image + text) ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.split.rev .split-media{order:2}
.split-media{position:relative;border-radius:var(--r);overflow:hidden;background:var(--pine);aspect-ratio:4/3}
.split-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.split-media:hover img{transform:scale(1.04)}
.split-media .badge{position:absolute;left:1.2rem;bottom:1.2rem;background:rgba(8,28,56,.85);backdrop-filter:blur(8px);border:1px solid var(--line-d);color:var(--brass);font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;padding:.55rem .9rem;border-radius:6px}
.split-body p{margin-bottom:1.05rem;}
.split-body p.lede{font-family:var(--display);font-size:1.28rem;line-height:1.5;color:var(--ink)}
.dark-text .split-body p{color:var(--sage)}
.dark-text .split-body p.lede{color:var(--brass-soft)}

/* ---------- Checklist ---------- */
.checks{display:grid;gap:.6rem;margin:1.2rem 0}
.checks li{padding-left:1.6rem;position:relative;font-size:.94rem;color:var(--slate)}
.dark-text .checks li{color:var(--sage)}
.checks li::before{content:"—";position:absolute;left:0;color:var(--brass);font-weight:600}

/* ---------- Vertical cards (with images) ---------- */
.vert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.8rem}
.vert{background:var(--pine);border:1px solid var(--line-d);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease}
.vert:hover{transform:translateY(-6px);border-color:var(--brass)}
.vert .vert-img{aspect-ratio:16/10;overflow:hidden;background:var(--moss)}
.vert .vert-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.vert:hover .vert-img img{transform:scale(1.06)}
.vert .vert-body{padding:1.6rem 1.5rem 1.7rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.vert .code{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;color:var(--brass)}
.vert h3{font-size:1.2rem}
.vert p{font-size:.89rem;color:var(--sage);flex:1}
.vert .more{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--brass);text-transform:uppercase;margin-top:.4rem}
.vert:hover .more{color:var(--brass-soft)}

/* ---------- Pillars ---------- */
.pillars{display:grid;gap:1rem}
.pillars.cols-2{grid-template-columns:1fr 1fr}
.pillar{background:var(--paper);border:1px solid var(--line-l);border-radius:var(--r);padding:1.4rem 1.5rem;display:flex;gap:1.1rem;align-items:flex-start}
.pillar .glyph{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;color:var(--brass);background:var(--ink);border-radius:6px;padding:.5rem .55rem;line-height:1;flex-shrink:0;margin-top:.15rem}
.pillar h3{font-size:1.05rem;margin-bottom:.3rem;font-weight:600;color: black;}
.pillar p{font-size:.89rem;color:var(--slate)}
.on-dark .pillar{box-shadow:0 14px 34px rgba(4,14,30,.35)}

/* ---------- Service detail blocks ---------- */
.svc-block{padding:80px 0;border-top:1px solid var(--line-l)}
.svc-block:first-of-type{border-top:0}
.svc-block .split{align-items:start}
.svc-block h2{font-size:clamp(1.7rem,3vw,2.4rem)}
.deliv{margin-top:1.6rem;border:1px solid var(--line-l);border-radius:var(--r);overflow:hidden}
.deliv .d-head{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);background:var(--ink);padding:.75rem 1.2rem}
.deliv ul{padding:1.1rem 1.2rem;display:grid;gap:.55rem;background:var(--paper)}
.deliv li{font-size:.9rem;color:var(--slate);padding-left:1.4rem;position:relative}
.deliv li::before{content:"✓";position:absolute;left:0;color:var(--brass);font-weight:700}

/* ---------- Process ---------- */
.proc-row{display:grid;grid-template-columns:88px 1fr 1.1fr;gap:2rem;padding:1.9rem 0;border-top:1px solid var(--line-l);align-items:baseline}
.proc-row:last-child{border-bottom:1px solid var(--line-l)}
.dark .proc-row{border-color:var(--line-d)}
.proc-row .n{font-family:var(--mono);font-size:.85rem;color:var(--brass);letter-spacing:.1em}
.proc-row h3{font-size:1.3rem;font-weight:600}
.proc-row p{color:var(--slate);font-size:.94rem}
section.dark-proc .proc-row{border-color:var(--line-d)}
section.dark-proc .proc-row p{color:var(--sage)}

/* ---------- Why cards ---------- */
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;margin-top:2.6rem}
.why{border:1px solid var(--line-d);border-radius:var(--r);padding:1.8rem;background:linear-gradient(180deg,rgba(201,162,75,.06),transparent 55%)}
.why h3{font-size:1.13rem;margin-bottom:.55rem;color:var(--brass-soft)}
.why p{font-size:.92rem;color:var(--sage)}
.light .why{border-color:var(--line-l);background:var(--paper)}
.light .why h3{color:var(--ink)}
.light .why p{color:var(--slate)}

/* ---------- Deal cards & flow ---------- */
.deal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:2.6rem}
.deal{background:var(--pine);border:1px solid var(--line-d);border-radius:var(--r);padding:2rem;transition:border-color .25s}
.deal:hover{border-color:var(--brass)}
.deal .tag{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;color:var(--brass);display:block;margin-bottom:1rem}
.deal h3{font-size:1.3rem;margin-bottom:.7rem}
.deal>p{font-size:.93rem;color:var(--sage);margin-bottom:1.2rem}
.deal ul{display:grid;gap:.55rem}
.deal li{font-size:.88rem;color:var(--sage);padding-left:1.1rem;position:relative}
.deal li::before{content:"—";position:absolute;left:0;color:var(--brass)}
.deal-flow{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line-d);border-radius:var(--r);overflow:hidden;margin-top:2rem}
.deal-flow>div{padding:1.3rem 1.2rem;border-left:1px solid var(--line-d);background:rgba(13,42,82,.5)}
.deal-flow>div:first-child{border-left:0}
.deal-flow .fn{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;color:var(--brass);display:block;margin-bottom:.4rem}
.deal-flow b{font-size:.9rem;font-weight:600;color:var(--ivory);display:block;margin-bottom:.25rem}
.deal-flow span{font-size:.78rem;color:var(--sage);line-height:1.5}
.deal-note{font-size:.78rem;color:var(--sage);opacity:.8;margin-top:1.2rem;max-width:740px}

/* ---------- Teaser wide cards ---------- */
.teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.8rem}
.teaser{position:relative;border-radius:var(--r);overflow:hidden;min-height:420px;display:flex;align-items:flex-end;border:1px solid var(--line-d);transition:border-color .25s}
.teaser:hover{border-color:var(--brass)}
.teaser img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.teaser:hover img{transform:scale(1.05)}
.teaser::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,28,56,.15),rgba(8,28,56,.94) 75%)}
.teaser .t-body{position:relative;z-index:2;padding:2rem}
.teaser .code{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;color:var(--brass);display:block;margin-bottom:.7rem}
.teaser h3{font-size:1.5rem;margin-bottom:.5rem}
.teaser p{font-size:.92rem;color:var(--sage);max-width:440px;margin-bottom:1.2rem}

/* ---------- Coverage ---------- */
.coverage{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}
.chip{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-d);border-radius:999px;padding:.55rem 1.1rem;color:var(--sage)}
.chip.hq{background:var(--brass);color:var(--ink);border-color:var(--brass);font-weight:500}
.light .chip{border-color:var(--line-l);color:var(--slate)}

/* ---------- FAQ ---------- */
.faq{max-width:800px;margin:2.4rem auto 0}
.faq details{border-top:1px solid var(--line-d)}
.faq details:last-child{border-bottom:1px solid var(--line-d)}
.light .faq details{border-color:var(--line-l)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.35rem .2rem;font-weight:600;font-size:1.02rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--brass);font-size:1.3rem;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 .2rem 1.4rem;color:var(--sage);font-size:.93rem;max-width:660px}
.light .faq .a{color:var(--slate)}

/* ---------- CTA band ---------- */
.band{background:var(--pine);border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d);text-align:center;padding:88px 0}
.band h2{max-width:780px;margin-left:auto;margin-right:auto}
.band h2 em{font-style:italic;color:var(--brass-soft)}
.band p{color:var(--sage);max-width:560px;margin:0 auto 2rem}

/* ---------- Contact ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:4rem;margin-top:2.6rem}
.c-info{display:grid;gap:1.6rem;align-content:start}
.c-item{display:grid;gap:.25rem}
.c-item .k{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass)}
.c-item .v{font-size:1rem;color:var(--ink)}
.c-item .v a:hover{color:var(--brass);text-decoration:underline}
.form{background:var(--paper);border:1px solid var(--line-l);border-radius:var(--r);padding:2.1rem}
.form h3{font-size:1.25rem;margin-bottom:1.4rem;font-weight:600}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.f-group{margin-bottom:1rem;display:grid;gap:.35rem}
.f-group label{font-size:.78rem;font-weight:600;letter-spacing:.03em;color:var(--slate)}
.f-group input,.f-group select,.f-group textarea{width:100%;padding:.75rem .9rem;border:1px solid var(--line-l);border-radius:7px;font-family:var(--body);font-size:.92rem;background:#fff;color:var(--ink);transition:border-color .2s}
.f-group input:focus,.f-group select:focus,.f-group textarea:focus{outline:none;border-color:var(--brass)}
.form .btn{width:100%;justify-content:center;margin-top:.4rem}
.f-note{font-size:.75rem;color:var(--slate);margin-top:.8rem;text-align:center}
.f-success{display:none;text-align:center;padding:3rem 1rem}
.f-success .tick{font-size:2.2rem;color:var(--brass)}
.f-success h3{margin:.8rem 0 .4rem}
.f-success p{color:var(--slate);font-size:.92rem}

/* ---------- Footer ---------- */
footer.site{padding:64px 0 32px;border-top:1px solid var(--line-d);background:var(--ink)}
.f-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
.f-brand p{color:var(--sage);font-size:.88rem;max-width:300px;margin-top:1rem}
.f-col h4{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-bottom:1.1rem;font-weight:500}
.f-col ul{display:grid;gap:.6rem}
.f-col a{font-size:.88rem;color:var(--sage);transition:color .2s}
.f-col a:hover{color:var(--brass-soft)}
.disclaimer{border-top:1px solid var(--line-d);padding-top:1.6rem;font-size:.72rem;color:var(--sage);opacity:.75;line-height:1.7}
.copyright{
    /*display:flex;*/
    justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.4rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;color:var(--sage)}

/* ---------- Responsive ---------- */
@media(max-width:960px){
  .split,.contact-grid{grid-template-columns:1fr;gap:2.6rem}
  .split.rev .split-media{order:0}
  .vert-grid{grid-template-columns:repeat(2,1fr)}
  .teaser-grid,.deal-grid,.pillars.cols-2{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr 1fr}
  .proc-row{grid-template-columns:60px 1fr;gap:1rem}
  .proc-row p{grid-column:2}
  .deal-flow{grid-template-columns:1fr 1fr}
  .deal-flow>div{border-top:1px solid var(--line-d)}
  .deal-flow>div:nth-child(-n+2){border-top:0}
  .deal-flow>div:nth-child(odd){border-left:0}
}
@media(max-width:680px){
  section{padding:64px 0}
  .nav-links{position:fixed;inset:0;background:var(--ink);flex-direction:column;justify-content:center;gap:2rem;transform:translateX(100%);transition:transform .35s ease}
  .nav-links.open{transform:none}
  .nav-links a{font-size:1.25rem}
  .burger{display:flex;z-index:110}
  .burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .burger.open span:nth-child(2){opacity:0}
  .burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .vert-grid,.f-row{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr}
  .hero{padding-top:130px;min-height:auto}
  .page-hero{padding:150px 0 80px}
  .teaser{min-height:340px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* ============================================================
   UPGRADE — blog, banners, trust bar, stats, CTA imagery
   ============================================================ */

/* ---------- Banner strip (image bands between sections) ---------- */
.banner-strip{position:relative;min-height:340px;display:flex;align-items:center;overflow:hidden}
.banner-strip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.banner-strip::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,28,56,.92),rgba(8,28,56,.6))}
.banner-strip .b-inner{position:relative;z-index:2;max-width:640px}
.banner-strip h2{color:var(--ivory)}
.banner-strip p{color:var(--sage);max-width:520px;margin-top:.4rem}

/* ---------- Trust / logos bar ---------- */
.trust{padding:44px 0;border-bottom:1px solid var(--line-d);background:var(--ink)}
.trust .wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.trust .t-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass)}
.trust .t-items{display:flex;gap:2.4rem;flex-wrap:wrap;align-items:center}
.trust .t-items span{font-family:var(--display);font-size:1.05rem;color:var(--sage);opacity:.85}

/* ---------- Stat strip ---------- */
.statbar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-d);border:1px solid var(--line-d);border-radius:var(--r);overflow:hidden;margin-top:2.6rem}
.statbar .s{background:var(--ink);padding:2rem 1.6rem}
.light .statbar .s{background:var(--paper)}
.statbar .n{font-family:var(--mono);font-size:clamp(1.5rem,2.6vw,2.1rem);color:var(--brass);font-weight:500;letter-spacing:-.02em}
.statbar .l{font-size:.83rem;color:var(--sage);margin-top:.4rem}
.light .statbar .l{color:var(--slate)}

/* ---------- Blog listing ---------- */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:2.8rem}
.post{background:var(--pine);border:1px solid var(--line-d);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}
.light .post{background:var(--paper);border-color:var(--line-l)}
.post:hover{transform:translateY(-6px);border-color:var(--brass)}
.post .p-img{aspect-ratio:16/10;overflow:hidden;background:var(--moss)}
.post .p-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.post:hover .p-img img{transform:scale(1.06)}
.post .p-body{padding:1.5rem 1.5rem 1.7rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.post .p-meta{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brass);display:flex;gap:.7rem;flex-wrap:wrap}
.post h3{font-size:1.16rem;line-height:1.25}
.light .post h3{color:var(--ink)}
.post p{font-size:.88rem;color:var(--sage);flex:1}
.light .post p{color:var(--slate)}
.post .more{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brass);margin-top:.3rem}

.post.feat{grid-column:1 / -1;flex-direction:row;min-height:360px}
.post.feat .p-img{flex:1.1;aspect-ratio:auto}
.post.feat .p-body{flex:1;justify-content:center;padding:2.4rem}
.post.feat h3{font-size:1.9rem}
.post.feat p{flex:none}
@media(max-width:820px){.post.feat{flex-direction:column;min-height:0}.post.feat .p-img{aspect-ratio:16/10}}

.cat-filter{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.6rem}
.cat-filter .chip{cursor:default}

/* ---------- Article ---------- */
.article-hero{position:relative;overflow:hidden;padding:190px 0 60px}
.article-hero .hero-media::after{background:linear-gradient(180deg,rgba(8,28,56,.7),rgba(8,28,56,.95))}
.article-hero .crumb{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sage);margin-bottom:1rem}
.article-hero .crumb a{color:var(--brass)}
.article-hero h1{font-size:clamp(2rem,4.2vw,3.2rem);max-width:840px;letter-spacing:-.015em}
.article-hero .a-meta{margin-top:1.4rem;display:flex;gap:1.2rem;flex-wrap:wrap;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;color:var(--sage)}
.article-hero .a-meta b{color:var(--brass);font-weight:500}

.article{background:var(--ivory);color:var(--ink);padding:72px 0}
.article .wrap{max-width:760px}
.article .lead{font-family:var(--display);font-size:1.35rem;line-height:1.55;color:var(--ink);margin-bottom:1.8rem}
.article h2{font-size:1.7rem;margin:2.4rem 0 1rem}
.article h3{font-size:1.25rem;margin:1.8rem 0 .8rem;font-weight:600}
.article p{color:var(--slate);margin-bottom:1.15rem;font-size:1.02rem}
.article ul.body,.article ol.body{margin:0 0 1.3rem 1.2rem;display:grid;gap:.6rem}
.article ul.body li,.article ol.body li{color:var(--slate);font-size:1rem;padding-left:.4rem}
.article ul.body li{list-style:disc}
.article ol.body li{list-style:decimal}
.article blockquote{border-left:3px solid var(--brass);padding:.4rem 0 .4rem 1.4rem;margin:1.8rem 0;font-family:var(--display);font-size:1.2rem;line-height:1.5;color:var(--ink)}
.article .key-takeaway{background:var(--paper);border:1px solid var(--line-l);border-left:3px solid var(--brass);border-radius:var(--r);padding:1.4rem 1.6rem;margin:2rem 0}
.article .key-takeaway h4{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin-bottom:.7rem}
.article .key-takeaway p{margin:0;font-size:.96rem}
.article figure{margin:2rem 0}
.article figure img{border-radius:var(--r);width:100%}
.article figcaption{font-size:.8rem;color:var(--slate);opacity:.8;margin-top:.6rem;text-align:center}
.article .tldr{background:var(--ink);color:var(--ivory);border-radius:var(--r);padding:1.6rem 1.8rem;margin-bottom:2.4rem}
.article .tldr h4{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin-bottom:.8rem}
.article .tldr ul{display:grid;gap:.5rem;margin-left:1.1rem}
.article .tldr li{color:var(--sage);font-size:.95rem;list-style:disc}
.article .share{display:flex;gap:.7rem;align-items:center;margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--line-l)}
.article .share span{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.article .share a{width:34px;height:34px;border:1px solid var(--line-l);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--slate);transition:.2s}
.article .share a:hover{border-color:var(--brass);color:var(--brass)}

.author-box{display:flex;gap:1.2rem;align-items:center;margin-top:2rem;padding:1.4rem;background:var(--paper);border:1px solid var(--line-l);border-radius:var(--r)}
.author-box .av{width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--brass);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;flex-shrink:0}
.author-box b{display:block;color:var(--ink);font-size:.95rem}
.author-box span{font-size:.82rem;color:var(--slate)}

/* related posts */
.related{padding:72px 0;background:var(--ink)}
.related .post-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.post-grid,.related .post-grid{grid-template-columns:1fr}}

/* ---------- Newsletter ---------- */
.news{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;background:var(--pine);border:1px solid var(--line-d);border-radius:var(--r);padding:2.4rem;margin-top:3rem}
.news h3{font-size:1.5rem;margin-bottom:.5rem;color:#fff;}
.news p{color:var(--sage);font-size:.92rem}
.news .n-form{display:flex;gap:.6rem}
.news input{flex:1;padding:.8rem 1rem;border:1px solid var(--line-d);border-radius:999px;background:rgba(8,28,56,.6);color:var(--ivory);font-family:var(--body);font-size:.9rem}
.news input:focus{outline:none;border-color:var(--brass)}
@media(max-width:680px){.news{grid-template-columns:1fr}.news .n-form{flex-direction:column}.news input{border-radius:10px}}

@media(max-width:960px){.post-grid{grid-template-columns:repeat(2,1fr)}.statbar{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.statbar{grid-template-columns:1fr 1fr}.banner-strip{min-height:280px}}
.footer-social {
    display: flex;
    gap: 12px;
    margin-top: 18px;
}

.footer-social a {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    transition: all .3s ease;
    border: 1px solid rgba(255,255,255,.15);
}

.footer-social a:hover {
    background: var(--brand, #c89b3c);
    color: #fff;
    transform: translateY(-4px);
    border-color: var(--brand, #c89b3c);
}
/*///////////////////////////sudarshan//////////*/
/* Navigation */
.site-nav{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    background:#081C38;
}
body{
    padding-top:80px;   /* navbar height */
}
@media (max-width:991px){
    .nav-links{
        position:fixed;
        top:80px;              /* navbar height */
        left:0;
        width:100%;
        height:calc(100vh - 80px);
        background:#081C38;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:28px;
        overflow-y:auto;
        transform:translateX(100%);
        transition:.35s ease;
        z-index:9998;
    }
    .nav-links.active{
        transform:translateX(0);
    }
    body.menu-open{
        overflow:hidden;
    }
}