/* ── ROOT ───────────────────────────────────────────────────── */
:root{
  --navy:#0f2a4a;--navy-deep:#0a1f3a;--gold:#b8893d;
  --blue:#2563eb;--blue-deep:#1e4ed8;--teal:#1f9aa8;
  --bg:#f3f4f6;--bg-soft:#eef0f3;--card:#ffffff;
  --text:#1a2942;--text-soft:#5a6478;--text-muted:#8a92a3;
  --line:#e3e6ec;--line-soft:#edeff3;
  --shadow-sm:0 1px 2px rgba(15,42,74,.04),0 1px 3px rgba(15,42,74,.04);
  --shadow-md:0 4px 14px rgba(15,42,74,.06),0 2px 6px rgba(15,42,74,.04);
  --shadow-lg:0 18px 40px -16px rgba(15,42,74,.18),0 6px 16px rgba(15,42,74,.06);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body.page-template-page-about{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif!important;
  color:var(--text)!important;background:var(--bg)!important;
  line-height:1.5;-webkit-font-smoothing:antialiased;
}
/*
body.page-template-page-about .site-header,
body.page-template-page-about .site-footer,
body.page-template-page-about #masthead,
body.page-template-page-about .ast-above-header,
body.page-template-page-about .ast-below-header,
body.page-template-page-about footer.site-footer{display:none!important}
*/
/* ── LAYOUT ─────────────────────────────────────────────────── */
.mi-wrap{min-height:100vh;background:var(--bg)}
.mi-container{max-width:1280px;margin:0 auto;padding:0 0px}
/* ── NAV ────────────────────────────────────────────────────── */
.mi-nav{position:sticky;top:0;z-index:50;background:rgba(243,244,246,.88);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(227,230,236,.6)}
.mi-nav-inner{display:flex;align-items:center;justify-content:space-between;height:78px}
.mi-brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.mi-brand-mark{width:42px;height:42px;flex-shrink:0}
.mi-brand-mark svg{width:100%;height:100%}
.mi-brand-name{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:28px;color:var(--navy);letter-spacing:-0.01em}
.mi-brand-tag{font-size:10px;letter-spacing:.18em;color:var(--text-soft);margin-top:5px;font-weight:500;display:block}
.mi-nav-links{display:flex;gap:36px;align-items:center}
.mi-nav-links a{font-size:14.5px;font-weight:500;color:var(--navy);text-decoration:none;transition:color .2s}
.mi-nav-links a:hover,.mi-nav-links a.active{color:var(--blue)}
.mi-nav-actions{display:flex;align-items:center;gap:24px}
.mi-signin{font-size:14.5px;font-weight:500;color:var(--navy);text-decoration:none}
.mi-btn-primary{display:inline-flex;align-items:center;background:var(--blue);color:#fff!important;font-weight:600;font-size:14.5px;
  padding:5px 26px;
  border-radius:8px;text-decoration:none!important;transition:background .2s,transform .2s;font-family:inherit}
.mi-btn-primary:hover{background:var(--blue-deep);transform:translateY(-1px)}
.mi-hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px;color:var(--navy)}
.mi-hamburger svg{width:24px;height:24px}
.mi-mobile-nav{display:none;flex-direction:column;background:rgba(243,244,246,.97);border-top:1px solid var(--line);padding:16px 0}
.mi-mobile-nav a{padding:12px 24px;font-size:15px;font-weight:500;color:var(--navy);text-decoration:none;display:block;border-bottom:1px solid var(--line-soft);transition:color .2s}
.mi-mobile-nav a:hover{color:var(--blue)}
.mi-mobile-nav.open{display:flex}
/* ── BREADCRUMB ──────────────────────────────────────────────── */
.mi-breadcrumb{padding:18px 0 0;display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-muted)}
.mi-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}
.mi-breadcrumb a:hover{color:var(--blue)}
.mi-breadcrumb .sep{opacity:.5}
.mi-breadcrumb .current{color:var(--text-soft)}
/* ── PAGE HEADER ─────────────────────────────────────────────── */
.mi-page-header{padding:0px 0 0;padding-top:28px;}
.mi-page-title{font-family:'Cormorant Garamond',serif;font-size:52px;font-weight:700;color:var(--navy);letter-spacing:-0.02em;margin-bottom:18px;line-height:1.05}
.mi-page-lead{font-size:20px;color:var(--text-soft);line-height:1.55;max-width:720px;padding-bottom:28px}
/* ── HERO ────────────────────────────────────────────────────── */
.mi-about-hero{
  /* background:radial-gradient(ellipse at 20% 20%,rgba(184,137,61,.10),transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(37,99,235,.12),transparent 55%),linear-gradient(180deg,#0f2a4a,#0a1f3a); */
  border-radius:20px;padding:72px 64px;color:#fff;position:relative;overflow:hidden;margin-bottom:80px}
.mi-about-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  /* background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 50% 50%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 30%,transparent 70%) */
}
.mi-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 0.9fr;gap:64px;align-items:center}
.mi-hero-eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.mi-hero-title{font-family:'Cormorant Garamond',serif;font-size:42px;font-weight:700;line-height:1.1;letter-spacing:-0.02em;margin-bottom:20px}
.mi-hero-title em{color:var(--gold);font-style:italic}
.mi-hero-text{font-size:16px;line-height:1.65;color:rgba(255,255,255,.72);margin-bottom:28px}
.mi-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mi-stat-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px 18px;text-align:center}
.mi-stat-num{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:700;color:#fff;line-height:1}
.mi-stat-label{font-size:12px;color:rgba(255,255,255,.6);padding-top:6px}
.mi-hero-right{display:flex;flex-direction:column;gap:16px}
.mi-hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:22px 24px;display:flex;align-items:flex-start;gap:16px;transition:background .2s,border-color .2s}
.mi-hero-card:hover,.mi-stat-box:hover{background:rgba(255,255,255,.1);border-color:rgba(184,137,61,.35)}
.mi-ahc-ico{width:46px;height:46px;border-radius:10px;flex-shrink:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:rgba(203,213,229,.8)}
.mi-ahc-ico svg{width:22px;height:22px}
.mi-ahc-title{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:600;color:#fff;margin-bottom:4px;    margin-block-start: 0px !important;line-height: 20px;}
.mi-ahc-desc{font-size:13px;color:rgba(255,255,255,.6);line-height:1.45;margin-block-start: 0px !important;}
/* ── SECTIONS ────────────────────────────────────────────────── */
.mi-section{padding:40px 0 !important}
.mi-section-title-center{font-family:'Cormorant Garamond',serif;font-size:42px;font-weight:600;color:var(--navy);letter-spacing:-0.01em;text-align:center;margin-bottom:18px}
.mi-section-intro{text-align:center;max-width:680px;margin:0 auto 0px;color:var(--text-soft);font-size:16px;line-height:1.6}
/* ── FOCUS GRID ──────────────────────────────────────────────── */
.mi-focus-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:36px}
.mi-focus-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px 20px;text-align:center;transition:transform .2s,box-shadow .2s}
.mi-focus-card:hover{transform:translateY(-3px);box-shadow:0 4px 14px rgba(15,42,74,.08)}
.mi-focus-ico{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.mi-focus-label{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:600;color:var(--navy);line-height:1.35;padding-top:14px}
/* .mi-focus-card:nth-child(1){border-top:3px solid var(--blue)}.mi-focus-card:nth-child(1) .mi-focus-ico{background:linear-gradient(135deg,#eef3fb,#dbe5f4);border:1px solid rgba(184,196,221,.4);color:var(--blue)}
.mi-focus-card:nth-child(2){border-top:3px solid var(--gold)}.mi-focus-card:nth-child(2) .mi-focus-ico{background:linear-gradient(135deg,#fbf3e6,#f1e2c4);border:1px solid rgba(221,196,150,.4);color:var(--gold)}
.mi-focus-card:nth-child(3){border-top:3px solid var(--teal)}.mi-focus-card:nth-child(3) .mi-focus-ico{background:linear-gradient(135deg,#e6f5f7,#c4e2e7);border:1px solid rgba(150,210,218,.4);color:var(--teal)}
.mi-focus-card:nth-child(4){border-top:3px solid #7c3aed}.mi-focus-card:nth-child(4) .mi-focus-ico{background:linear-gradient(135deg,#f3effd,#ddd6f5);border:1px solid rgba(196,186,235,.4);color:#7c3aed}
.mi-focus-card:nth-child(5){border-top:3px solid #059669}.mi-focus-card:nth-child(5) .mi-focus-ico{background:linear-gradient(135deg,#ecfdf5,#c6f0df);border:1px solid rgba(150,215,185,.4);color:#059669} */
/* ── REPORT GRID ─────────────────────────────────────────────── */
.mi-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mi-report-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 18px;display:flex;align-items:flex-start;gap:12px;transition:transform .2s,box-shadow .2s,border-color .2s}
.mi-report-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#d0d5e0}
.mi-report-ico{width:38px;height:38px;border-radius:9px;flex-shrink:0;background:linear-gradient(135deg,#eef3fb,#dbe5f4);border:1px solid rgba(184,196,221,.4);display:flex;align-items:center;justify-content:center;color:var(--blue)}
.mi-report-ico svg{width:18px;height:18px}
.mi-report-name{font-size:13.5px;font-weight:600;color:var(--navy);line-height:1.4;padding-top:8px}
/* ── AUDIENCE ────────────────────────────────────────────────── */
.mi-audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mi-audience-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px 18px;text-align:center;transition:transform .2s,box-shadow .2s}
.mi-audience-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.mi-audience-ico{width:48px;height:48px;border-radius:12px;margin:0 auto 14px;background:linear-gradient(135deg,#eef3fb,#dbe5f4);border:1px solid rgba(184,196,221,.4);display:flex;align-items:center;justify-content:center;color:var(--blue)}
.mi-audience-ico svg{width:22px;height:22px}
.mi-audience-name{font-size:13.5px;font-weight:600;color:var(--navy);line-height:1.4;padding-top:14px;}
/* ── METHODOLOGY ─────────────────────────────────────────────── */
.mi-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mi-method-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;transition:border-color .2s}
.mi-method-item:hover{border-color:#c8d2e0;transform: translateY(-3px);
    box-shadow: var(--shadow-md);}
.mi-method-num{width:32px;height:32px;border-radius:8px;flex-shrink:0;background:linear-gradient(135deg,#eef3fb,#dbe5f4);border:1px solid rgba(184,196,221,.4);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:700;color:var(--blue)}
.mi-method-text{font-size:14.5px;color:var(--text-soft);line-height:1.55}
.mi-method-text strong{color:var(--navy);font-weight:600}
/* ── VALUE CARDS ─────────────────────────────────────────────── */
.mi-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mi-value-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:15px 28px 30px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.mi-value-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#d6dae3}
.mi-value-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px}
.mi-value-card:nth-child(1)::before{background:var(--blue)}.mi-value-card:nth-child(2)::before{background:var(--gold)}.mi-value-card:nth-child(3)::before{background:var(--teal)}.mi-value-card:nth-child(4)::before{background:#7c3aed}
.mi-value-ico{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#eef3fb,#dbe5f4);border:1px solid rgba(184,196,221,.4);display:flex;align-items:center;justify-content:center;color:var(--blue);margin-bottom:22px}
.mi-value-card:nth-child(2) .mi-value-ico{background:linear-gradient(135deg,#fbf3e6,#f1e2c4);color:var(--gold)}.mi-value-card:nth-child(3) .mi-value-ico{background:linear-gradient(135deg,#e6f5f7,#c4e2e7);color:var(--teal)}.mi-value-card:nth-child(4) .mi-value-ico{background:linear-gradient(135deg,#f3effd,#ddd6f5);color:#7c3aed}
.mi-value-ico svg{width:28px;height:28px}
.mi-value-title{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:var(--navy);margin-bottom:10px;padding-top:14px;}
.mi-value-desc{font-size:14.5px;color:var(--text-soft);line-height:1.6}
/* ── WHY BANNER ──────────────────────────────────────────────── */
.mi-why-banner{
  /* background:radial-gradient(ellipse at 15% 30%,rgba(184,137,61,.09),transparent 50%),radial-gradient(ellipse at 85% 70%,rgba(37,99,235,.12),transparent 55%),linear-gradient(180deg,#0f2a4a,#0a1f3a); */
  border-radius:20px;padding:64px;color:#fff;position:relative;overflow:hidden}
.mi-why-banner::before{content:"";position:absolute;inset:0;pointer-events:none;
  /* background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 50% 50%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 30%,transparent 70%) */
}
.mi-why-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.mi-why-title{font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:700;line-height:1.1;letter-spacing:-0.02em;margin-bottom:16px}
.mi-why-title em{color:var(--gold);font-style:italic}
.mi-why-text{font-size:15px;line-height:1.65;color:rgba(255,255,255,.7);margin-bottom:20px}
.mi-why-points{display:flex;flex-direction:column;gap:16px}
.mi-why-point{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px 22px;display:flex;align-items:flex-start;gap:14px;transition:background .2s,border-color .2s}
.mi-why-point:hover{background:rgba(255,255,255,.1);border-color:rgba(184,137,61,.3)}
.mi-why-point-ico{width:40px;height:40px;border-radius:9px;flex-shrink:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:var(--gold)}
.mi-why-point-ico svg{width:19px;height:19px}
.mi-why-point-title{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:600;color:#fff;margin-bottom:3px;margin-block-start:0px !important;line-height: 20px;}
.mi-why-point-desc{font-size:13px;color:rgba(255,255,255,.6);line-height:1.45;margin-block-start:0px !important;}
/* ── COMMIT GRID ─────────────────────────────────────────────── */
.mi-commit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mi-commit-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px 22px;transition:transform .2s,box-shadow .2s}
.mi-commit-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.mi-commit-ico{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#eef3fb,#dbe5f4);border:1px solid rgba(184,196,221,.4);display:flex;align-items:center;justify-content:center;color:var(--blue);margin-bottom:16px}
.mi-commit-ico svg{width:22px;height:22px}
.mi-commit-title{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:600;color:var(--navy);margin-bottom:8px;padding-top:14px;}
.mi-commit-desc{font-size:13.5px;color:var(--text-soft);line-height:1.55}
/* ── CTA STRIP ───────────────────────────────────────────────── */
.mi-cta-strip{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:48px 52px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:60px}
.mi-cta-strip-text{max-width:560px}
.mi-cta-strip-title{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;color:var(--navy);margin-bottom:10px}
.mi-cta-strip-desc{font-size:15px;color:var(--text-soft);line-height:1.6}
.mi-cta-actions{display:flex;gap:14px;flex-shrink:0;flex-wrap:wrap}
/* .mi-btn-secondary{display:inline-flex;align-items:center;padding:12px 26px;border-radius:8px;font-weight:600;font-size:14.5px;border:1.5px solid var(--line);color:var(--navy)!important;text-decoration:none!important;background:var(--card);transition:background .2s,border-color .2s} */

/* ── GUTENBERG CONTENT WRAPPER ───────────────────────────────── */
.mi-content-area{background:var(--bg)}
.mi-content-area .wp-block-html, .mi-content-area > *{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}
/* ── RESPONSIVE ──────────────────────────────────────────────── */
:root :where(.is-layout-flow) > * {
    margin-block-start: 0px !important;
}
.mi-section-intro{
  margin-bottom:56px !important;
}
/* The Main Container */
.about-image{
  overflow: hidden;
    border-radius: 12px;
}
.about-image:hover img{
     scale: 1.05 !important;
}
@media(max-width:1100px){
  .mi-hero-inner,.mi-why-inner{grid-template-columns:1fr;gap:40px}
  .mi-focus-grid{grid-template-columns:repeat(3,1fr)}
  .mi-value-grid,.mi-report-grid,.mi-method-grid,.mi-commit-grid{grid-template-columns:1fr 1fr}
  .mi-audience-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .mi-container{padding:0 0px}
  .mi-nav-links,.mi-nav-actions{display:none}
  .mi-hamburger{display:block}
  .mi-page-title{font-size:34px}.mi-page-lead{font-size:17px}
  .mi-about-hero{padding:36px 24px;border-radius:14px;margin-bottom:48px}
  .mi-hero-title{font-size:30px}.mi-hero-inner{grid-template-columns:1fr;gap:32px}
  .mi-hero-stats{grid-template-columns:repeat(3,1fr);gap:10px}.mi-stat-num{font-size:28px}
  .mi-section{padding:60px 0}.mi-section-title-center{font-size:32px}.mi-section-intro{font-size:15px;margin-bottom:36px}
  .mi-focus-grid{grid-template-columns:1fr 1fr}.mi-value-grid{grid-template-columns:1fr}
  .mi-report-grid,.mi-method-grid{grid-template-columns:1fr}
  .mi-audience-grid,.mi-commit-grid{grid-template-columns:1fr 1fr}
  .mi-why-banner{padding:36px 24px;border-radius:14px}.mi-why-title{font-size:26px}.mi-why-inner{grid-template-columns:1fr;gap:32px}
  .mi-cta-strip{flex-direction:column;padding:32px 24px;gap:24px;align-items:flex-start}
}
@media(max-width:767px){
  .mi-container {
    max-width: 100%;
  }
}
@media(max-width:480px){
  .mi-focus-grid,.mi-audience-grid,.mi-commit-grid{grid-template-columns:1fr}
  .mi-hero-stats{grid-template-columns:1fr}

}
h1, h2, h3, h4, h5, h6, .entry-content :where(h1,h2,h3,h4,h5,h6){
  color: #fff;
}
