/*
Theme Name: Mathwasa Family Private Profiles
Theme URI: https://mathwasa.com
Author: PD House Inc.
Description: Private direct-link-only personal website theme for Mathwasa Family profiles with unique page styles.
Version: 3.2.1
License: GPL-2.0-or-later
Text Domain: mathwasa-family
*/
:root{--bg:#070911;--text:#f5f7fb;--muted:#aab1c2;--card:rgba(255,255,255,.075);--line:rgba(255,255,255,.14);--gold:#eac45b;--radius:28px}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.mw-home{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 30%,rgba(234,196,91,.16),transparent 36%),#070911}.mw-home-card{width:min(1100px,94vw);text-align:center}.mw-home-card img{width:100%;height:auto;border-radius:34px;box-shadow:0 30px 90px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.12)}
.mw-private{min-height:100vh;display:grid;place-items:center;padding:30px;background:#080b14}.mw-private-box{max-width:720px;padding:44px;border-radius:28px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);text-align:center}.mw-private-box h1{font-size:clamp(34px,5vw,64px);margin:0 0 14px}.mw-private-box p{color:#b8bfcc;font-size:18px;line-height:1.7}
.mw-profile{min-height:100vh;overflow:hidden;position:relative}.mw-shell{width:min(1180px,92vw);margin:0 auto;padding:72px 0}.mw-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:stretch}.mw-panel{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:0 28px 85px rgba(0,0,0,.28);backdrop-filter:blur(16px)}.mw-intro{padding:48px}.mw-kicker{display:inline-flex;gap:10px;align-items:center;padding:10px 14px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.12em}.mw-name{font-size:clamp(46px,7vw,88px);line-height:.94;margin:28px 0 18px;letter-spacing:-.06em}.mw-role{font-size:clamp(19px,2.6vw,30px);line-height:1.25;margin:0 0 22px;color:var(--accent)}.mw-summary{font-size:18px;line-height:1.75;color:var(--muted);max-width:760px;margin:0}.mw-side{padding:34px;display:flex;flex-direction:column;justify-content:space-between;gap:22px}.mw-domain{font-size:15px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.mw-emblem{height:210px;border-radius:24px;display:grid;place-items:center;border:1px solid var(--line);position:relative;overflow:hidden}.mw-emblem span{font-size:84px;font-weight:900;letter-spacing:-.08em;color:#fff}.mw-emblem:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,var(--accent),transparent,var(--accent2),transparent,var(--accent));opacity:.22;animation:mwspin 16s linear infinite}.mw-emblem span{position:relative;z-index:2}@keyframes mwspin{to{transform:rotate(360deg)}}.mw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}.mw-card{padding:28px;border-radius:24px;background:var(--card);border:1px solid var(--line)}.mw-card h2{font-size:18px;margin:0 0 18px;color:#fff}.mw-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.mw-card li{color:var(--muted);line-height:1.5;padding-left:18px;position:relative}.mw-card li:before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:99px;background:var(--accent)}.mw-highlights{margin-top:26px;padding:34px;border-radius:var(--radius);background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.045));border:1px solid var(--line)}.mw-highlights h2{margin:0 0 18px;font-size:24px}.mw-highlight-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0;padding:0;list-style:none}.mw-highlight-list li{padding:18px;border-radius:18px;background:rgba(0,0,0,.18);border:1px solid var(--line);color:#d8deea;line-height:1.55}
.mw-tech{--accent:#61dafb;--accent2:#7c3aed;background:radial-gradient(circle at 15% 15%,rgba(97,218,251,.20),transparent 30%),radial-gradient(circle at 90% 10%,rgba(124,58,237,.18),transparent 28%),linear-gradient(135deg,#07111f,#0a0f1b 48%,#080b12)}.mw-tech .mw-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.mw-tech .mw-panel{box-shadow:0 24px 85px rgba(97,218,251,.12)}.mw-tech .mw-emblem{background:linear-gradient(135deg,rgba(97,218,251,.13),rgba(124,58,237,.12))}
.mw-cfo{--accent:#eac45b;--accent2:#2dd4bf;background:radial-gradient(circle at 16% 8%,rgba(234,196,91,.22),transparent 30%),radial-gradient(circle at 88% 18%,rgba(45,212,191,.14),transparent 26%),linear-gradient(135deg,#0d1117,#131007 55%,#080b10)}.mw-cfo .mw-name{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em}.mw-cfo .mw-panel{box-shadow:0 24px 85px rgba(234,196,91,.12)}.mw-cfo .mw-emblem{background:linear-gradient(135deg,rgba(234,196,91,.14),rgba(45,212,191,.08))}
.mw-staff{--accent:#38bdf8;--accent2:#22c55e;background:radial-gradient(circle at 10% 12%,rgba(56,189,248,.18),transparent 30%),radial-gradient(circle at 90% 8%,rgba(34,197,94,.15),transparent 28%),linear-gradient(135deg,#07131c,#08150f 58%,#080b10)}.mw-staff .mw-name{letter-spacing:-.05em}.mw-staff .mw-panel{box-shadow:0 24px 85px rgba(56,189,248,.11)}.mw-staff .mw-card{border-radius:18px}.mw-staff .mw-emblem{background:linear-gradient(135deg,rgba(56,189,248,.13),rgba(34,197,94,.10))}
.mw-law{--accent:#c084fc;--accent2:#f59e0b;background:radial-gradient(circle at 18% 12%,rgba(192,132,252,.18),transparent 30%),radial-gradient(circle at 85% 12%,rgba(245,158,11,.13),transparent 28%),linear-gradient(135deg,#110b18,#0f111a 52%,#080b10)}.mw-law .mw-name{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.04em}.mw-law .mw-panel{box-shadow:0 24px 85px rgba(192,132,252,.12)}.mw-law .mw-emblem{background:linear-gradient(135deg,rgba(192,132,252,.13),rgba(245,158,11,.10))}
@media(max-width:850px){.mw-shell{padding:34px 0}.mw-hero,.mw-grid{grid-template-columns:1fr}.mw-intro{padding:30px}.mw-side{padding:26px}.mw-highlight-list{grid-template-columns:1fr}.mw-emblem{height:150px}.mw-emblem span{font-size:58px}}

.mw-photo{
 width:100%;
 max-width:360px;
 aspect-ratio:1/1;
 object-fit:cover;
 border-radius:28px;
 border:1px solid rgba(255,255,255,.16);
 box-shadow:0 24px 80px rgba(0,0,0,.38);
}
.mw-photo-wrap{
 display:flex;
 justify-content:center;
 align-items:center;
}
.mw-achievements{
 margin-top:26px;
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:18px;
}
.mw-achievement{
 padding:24px;
 border-radius:22px;
 background:rgba(255,255,255,.06);
 border:1px solid rgba(255,255,255,.12);
}
.mw-achievement-number{
 font-size:42px;
 font-weight:900;
 color:var(--accent);
 margin-bottom:10px;
}
.mw-achievement-label{
 color:#d7ddea;
 line-height:1.5;
}
@media(max-width:850px){
 .mw-achievements{grid-template-columns:1fr;}
}


/* Professional Front Page Upgrade */
.mw-front-pro{
  min-height:100vh;
  background:#070b14;
  color:#f7f9fd;
  overflow:hidden;
}
.mw-front-hero{
  min-height:100vh;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px;
}
.mw-front-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 8%, rgba(234,196,91,.22), transparent 34%),
    radial-gradient(circle at 8% 92%, rgba(80,140,255,.18), transparent 30%),
    linear-gradient(135deg,#070b14 0%,#0d1322 52%,#080b12 100%);
}
.mw-front-bg:before{
  content:"";
  position:absolute;
  inset:-20%;
  background-image:
    linear-gradient(115deg, rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(25deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:120px 120px;
  transform:rotate(-4deg);
}
.mw-front-content{
  position:relative;
  z-index:2;
  width:min(1320px, 94vw);
  margin:0 auto;
  display:grid;
  grid-template-columns: .95fr 1.05fr;
  gap:44px;
  align-items:center;
}
.mw-front-copy{
  padding:44px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.065);
  box-shadow:0 30px 100px rgba(0,0,0,.35);
  backdrop-filter:blur(18px);
}
.mw-front-kicker{
  display:inline-flex;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(234,196,91,.34);
  color:#eac45b;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:13px;
  font-weight:800;
  margin-bottom:22px;
}
.mw-front-copy h1{
  margin:0;
  font-size:clamp(58px, 8vw, 118px);
  line-height:.9;
  letter-spacing:-.075em;
  color:#f8fafc;
}
.mw-front-lead{
  margin:26px 0 0;
  font-size:clamp(19px, 2.1vw, 28px);
  line-height:1.45;
  color:#cbd3e2;
  max-width:760px;
}
.mw-front-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}
.mw-front-pill-row span{
  padding:11px 14px;
  border-radius:999px;
  background:rgba(234,196,91,.10);
  border:1px solid rgba(234,196,91,.22);
  color:#f2d98b;
  font-weight:700;
  font-size:14px;
}
.mw-front-note{
  margin-top:34px;
  padding:22px;
  border-radius:22px;
  background:rgba(0,0,0,.24);
  border:1px solid rgba(255,255,255,.12);
  color:#c9d1df;
  line-height:1.6;
}
.mw-front-note strong{color:#fff;}
.mw-front-card{
  padding:14px;
  border-radius:38px;
  background:linear-gradient(135deg,rgba(234,196,91,.34),rgba(255,255,255,.08),rgba(80,140,255,.18));
  box-shadow:0 34px 120px rgba(0,0,0,.48);
}
.mw-front-card img{
  display:block;
  width:100%;
  height:auto;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.16);
}
.mw-front-footer{
  position:relative;
  z-index:2;
  width:min(1320px,94vw);
  margin:42px auto 0;
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:#8f9bae;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.16em;
}
@media(max-width:980px){
  .mw-front-hero{padding:28px 18px;}
  .mw-front-content{grid-template-columns:1fr;gap:24px;}
  .mw-front-copy{padding:30px;}
  .mw-front-footer{flex-direction:column;letter-spacing:.1em;}
}


/* Minimal Front Page */
.mw-simple-home{
  min-height:100vh;
  background:#070b14;
}
.mw-simple-hero{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mw-simple-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.mw-simple-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,.48));
}
.mw-simple-hero h1{
  position:relative;
  z-index:2;
  margin:0;
  color:#f8fafc;
  font-size:clamp(70px, 12vw, 180px);
  font-weight:900;
  letter-spacing:-.08em;
  text-shadow:0 12px 40px rgba(0,0,0,.55);
}


/* Premium Minimal Mathwasa Homepage */
.mw-premium-home{
  min-height:100vh;
  background:#070a11;
  overflow:hidden;
}
.mw-premium-hero{
  position:relative;
  min-height:100vh;
  width:100%;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.mw-premium-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.015);
}
.mw-premium-shade{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 42%, rgba(0,0,0,.05), rgba(0,0,0,.46) 72%),
    linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,.28));
}
.mw-premium-center{
  position:relative;
  z-index:2;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:36px;
}
.mw-premium-mark{
  width:142px;
  height:142px;
  border-radius:999px;
  display:grid;
  place-items:center;
  margin-bottom:28px;
  color:#e8c878;
  font-family:Georgia, 'Times New Roman', serif;
  font-size:78px;
  font-weight:800;
  border:1px solid rgba(232,200,120,.72);
  background:rgba(5,8,14,.34);
  box-shadow:
    0 24px 80px rgba(0,0,0,.45),
    inset 0 0 40px rgba(232,200,120,.08);
  backdrop-filter:blur(10px);
}
.mw-premium-center h1{
  margin:0;
  color:#fbf8ef;
  font-family:Georgia, 'Times New Roman', serif;
  font-size:clamp(72px, 13vw, 190px);
  font-weight:800;
  line-height:.88;
  letter-spacing:-.065em;
  text-shadow:0 20px 70px rgba(0,0,0,.64);
}
.mw-premium-center h1:after{
  content:"";
  display:block;
  width:min(46vw, 520px);
  height:2px;
  margin:34px auto 0;
  background:linear-gradient(90deg, transparent, rgba(232,200,120,.95), transparent);
}
@media(max-width:760px){
  .mw-premium-mark{
    width:104px;
    height:104px;
    font-size:56px;
    margin-bottom:22px;
  }
  .mw-premium-center{
    padding:22px;
  }
}


/* Bottom Key Roles & Companies */
.mw-roles-section{
  margin-top:28px;
  padding:34px;
  border-radius:var(--radius);
  background:linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.04));
  border:1px solid var(--line);
}
.mw-roles-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
}
.mw-roles-heading span{
  color:var(--accent);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:12px;
  font-weight:900;
}
.mw-roles-heading h2{
  margin:0;
  font-size:clamp(24px, 3vw, 38px);
  letter-spacing:-.04em;
}
.mw-roles-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
}
.mw-role-item{
  padding:20px;
  border-radius:20px;
  background:rgba(0,0,0,.20);
  border:1px solid rgba(255,255,255,.12);
}
.mw-role-title{
  color:#fff;
  font-weight:800;
  line-height:1.35;
  margin-bottom:8px;
}
.mw-role-company{
  color:var(--muted);
  line-height:1.4;
}
@media(max-width:900px){
  .mw-roles-heading{
    align-items:flex-start;
    flex-direction:column;
  }
  .mw-roles-grid{
    grid-template-columns:1fr;
  }
}


/* Clean Family Crest Homepage */
.mw-crest-home{
  min-height:100vh;
  background:#06090f;
  overflow:hidden;
}
.mw-crest-hero{
  position:relative;
  min-height:100vh;
  width:100%;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.mw-crest-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.mw-crest-shade{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 45%, rgba(0,0,0,.06), rgba(0,0,0,.55) 72%),
    linear-gradient(135deg, rgba(0,0,0,.20), rgba(0,0,0,.42));
}
.mw-family-crest{
  position:relative;
  z-index:2;
  width:min(58vw, 520px);
  height:min(58vw, 520px);
  min-width:260px;
  min-height:260px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:
    radial-gradient(circle, rgba(255,255,255,.055), rgba(255,255,255,.015) 56%, transparent 60%),
    radial-gradient(circle at 50% 38%, rgba(232,200,120,.13), transparent 56%);
  box-shadow:
    0 42px 140px rgba(0,0,0,.62),
    inset 0 0 60px rgba(232,200,120,.08);
  backdrop-filter:blur(8px);
}
.mw-crest-ring{
  position:absolute;
  border-radius:999px;
  pointer-events:none;
}
.mw-crest-ring-outer{
  inset:0;
  border:2px solid rgba(232,200,120,.70);
  box-shadow:0 0 42px rgba(232,200,120,.16);
}
.mw-crest-ring-middle{
  inset:32px;
  border:1px solid rgba(255,255,255,.36);
}
.mw-crest-ring-inner{
  inset:74px;
  border:1px solid rgba(232,200,120,.50);
}
.mw-crest-letter{
  position:relative;
  z-index:4;
  color:#e9c878;
  font-family:Georgia, 'Times New Roman', serif;
  font-size:clamp(130px, 22vw, 310px);
  font-weight:800;
  line-height:1;
  letter-spacing:-.08em;
  text-shadow:
    0 18px 50px rgba(0,0,0,.72),
    0 0 28px rgba(232,200,120,.22);
  transform:translateX(-.035em);
}
.mw-crest-flourish{
  position:absolute;
  left:50%;
  width:42%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(232,200,120,.82), transparent);
  transform:translateX(-50%);
}
.mw-crest-flourish-top{
  top:18%;
}
.mw-crest-flourish-bottom{
  bottom:18%;
}
.mw-crest-flourish:before,
.mw-crest-flourish:after{
  content:"";
  position:absolute;
  top:50%;
  width:9px;
  height:9px;
  border-radius:999px;
  border:1px solid rgba(232,200,120,.75);
  transform:translateY(-50%);
}
.mw-crest-flourish:before{left:18%;}
.mw-crest-flourish:after{right:18%;}
@media(max-width:760px){
  .mw-family-crest{
    width:74vw;
    height:74vw;
  }
  .mw-crest-ring-middle{inset:22px;}
  .mw-crest-ring-inner{inset:54px;}
}


/* 3D Crest Logo */
.mw-family-crest-3d{
  background:
    radial-gradient(circle at 50% 40%, rgba(232,200,120,.10), rgba(255,255,255,.02) 56%, transparent 70%);
}
.mw-3d-logo{
  position:relative;
  z-index:5;
  width:min(70%, 380px);
  height:auto;
  filter:
    drop-shadow(0 30px 80px rgba(0,0,0,.72))
    drop-shadow(0 0 30px rgba(232,200,120,.18));
  animation: crestFloat 7s ease-in-out infinite;
}
@keyframes crestFloat{
  0%{transform:translateY(0px) rotateY(0deg);}
  50%{transform:translateY(-10px) rotateY(2deg);}
  100%{transform:translateY(0px) rotateY(0deg);}
}


/* Visible M Fix */
.mw-family-crest{
  position:relative;
}
.mw-crest-letter-fallback{
  position:absolute;
  z-index:4;
  color:#f4d48a;
  font-family:Georgia, 'Times New Roman', serif;
  font-size:clamp(140px, 24vw, 360px);
  font-weight:900;
  line-height:1;
  letter-spacing:-.08em;
  text-shadow:
    0 18px 60px rgba(0,0,0,.82),
    0 0 30px rgba(232,200,120,.30);
  opacity:.92;
  transform:translateX(-.03em);
}
.mw-3d-logo{
  position:relative;
  z-index:5;
  width:min(72%, 420px);
  height:auto;
  opacity:.98;
  mix-blend-mode:screen;
}


/* Company Job Description Breakdown */
.mw-company-breakdown{
  margin-top:28px;
  padding:34px;
  border-radius:var(--radius);
  background:linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  border:1px solid var(--line);
}
.mw-company-list{
  display:grid;
  gap:18px;
}
.mw-company-item{
  padding:24px;
  border-radius:22px;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.12);
}
.mw-company-top{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:14px;
}
.mw-company-top h3{
  margin:0;
  color:#fff;
  font-size:22px;
  line-height:1.25;
  letter-spacing:-.025em;
}
.mw-company-top p{
  margin:7px 0 0;
  color:var(--accent);
  font-weight:800;
}
.mw-company-top span{
  flex:0 0 auto;
  color:var(--muted);
  font-size:14px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
}
.mw-company-desc{
  color:#d8deea;
  line-height:1.7;
  margin:0 0 16px;
}
.mw-company-item ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.mw-company-item li{
  position:relative;
  color:var(--muted);
  line-height:1.55;
  padding-left:20px;
}
.mw-company-item li:before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--accent);
}
@media(max-width:800px){
  .mw-company-top{
    flex-direction:column;
  }
  .mw-company-top span{
    align-self:flex-start;
  }
}


/* Company Breakdown Individual Block UI Upgrade */
.mw-company-breakdown{
  margin-top:34px;
  padding:clamp(24px, 4vw, 42px);
  border-radius:32px;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.085), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 26px 90px rgba(0,0,0,.26);
}
.mw-company-breakdown .mw-roles-heading{
  padding-bottom:22px;
  margin-bottom:26px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.mw-company-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:22px;
}
.mw-company-item{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:0;
  overflow:hidden;
  border-radius:26px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 20px 60px rgba(0,0,0,.22);
}
.mw-company-item:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg, var(--accent), transparent);
}
.mw-company-top{
  display:block;
  padding:24px 24px 18px 28px;
  margin:0;
  border-bottom:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.16);
}
.mw-company-top h3{
  margin:0 0 10px;
  color:#fff;
  font-size:clamp(20px, 2vw, 26px);
  line-height:1.16;
  letter-spacing:-.035em;
}
.mw-company-top p{
  display:inline-flex;
  margin:0;
  padding:8px 12px;
  border-radius:999px;
  color:var(--accent);
  font-weight:900;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.12);
}
.mw-company-top span{
  display:inline-flex;
  margin-top:12px;
  color:#d8deea;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.18);
}
.mw-company-desc{
  margin:0;
  padding:22px 24px 18px 28px;
  color:#d8deea;
  line-height:1.72;
  font-size:15.5px;
}
.mw-company-item ul{
  margin:0 24px 24px 28px;
  padding:18px;
  display:grid;
  gap:12px;
  list-style:none;
  border-radius:20px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.10);
}
.mw-company-item li{
  position:relative;
  padding-left:24px;
  color:var(--muted);
  line-height:1.55;
}
.mw-company-item li:before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:9px;
  height:9px;
  border-radius:999px;
  background:var(--accent);
  box-shadow:0 0 18px color-mix(in srgb, var(--accent) 55%, transparent);
}
@media(max-width:980px){
  .mw-company-list{
    grid-template-columns:1fr;
  }
}


/* Roles and Responsibilities full-width section matching Key Roles & Companies */
.mw-company-breakdown{
  margin-top:28px !important;
  padding:34px !important;
  border-radius:var(--radius) !important;
  background:linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.04)) !important;
  border:1px solid var(--line) !important;
  box-shadow:none !important;
}
.mw-company-breakdown .mw-roles-heading{
  display:flex !important;
  align-items:end !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin-bottom:22px !important;
  padding-bottom:0 !important;
  border-bottom:0 !important;
}
.mw-company-breakdown .mw-roles-heading span{
  color:var(--accent) !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
  font-size:12px !important;
  font-weight:900 !important;
}
.mw-company-breakdown .mw-roles-heading h2{
  margin:0 !important;
  font-size:clamp(24px, 3vw, 38px) !important;
  letter-spacing:-.04em !important;
}
.mw-company-list{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
}
.mw-company-item{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-height:auto !important;
  padding:24px !important;
  overflow:hidden !important;
  border-radius:20px !important;
  background:rgba(0,0,0,.20) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:none !important;
}
.mw-company-item:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:4px !important;
  background:var(--accent) !important;
  opacity:.85 !important;
}
.mw-company-top{
  display:flex !important;
  justify-content:space-between !important;
  gap:18px !important;
  align-items:flex-start !important;
  margin:0 0 14px !important;
  padding:0 !important;
  border-bottom:0 !important;
  background:transparent !important;
}
.mw-company-top h3{
  margin:0 !important;
  color:#fff !important;
  font-size:22px !important;
  line-height:1.25 !important;
  letter-spacing:-.025em !important;
}
.mw-company-top p{
  display:block !important;
  margin:7px 0 0 !important;
  padding:0 !important;
  color:var(--accent) !important;
  font-weight:800 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
}
.mw-company-top span{
  flex:0 0 auto !important;
  display:inline-flex !important;
  margin-top:0 !important;
  color:var(--muted) !important;
  font-size:14px !important;
  font-weight:500 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.045) !important;
}
.mw-company-desc{
  color:#d8deea !important;
  line-height:1.7 !important;
  margin:0 0 16px !important;
  padding:0 !important;
  font-size:16px !important;
}
.mw-company-item ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  gap:10px !important;
  border-radius:0 !important;
  background:transparent !important;
  border:0 !important;
}
.mw-company-item li{
  position:relative !important;
  color:var(--muted) !important;
  line-height:1.55 !important;
  padding-left:20px !important;
}
.mw-company-item li:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:.72em !important;
  width:7px !important;
  height:7px !important;
  border-radius:999px !important;
  background:var(--accent) !important;
  box-shadow:none !important;
}
@media(max-width:900px){
  .mw-company-breakdown .mw-roles-heading{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  .mw-company-top{
    flex-direction:column !important;
  }
  .mw-company-top span{
    align-self:flex-start !important;
  }
}


/* ===== Executive Portfolio Transformation ===== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');

body{
  font-family:'Inter',sans-serif;
  background:#0B0F17;
}

.mw-cfo{
  background:
    radial-gradient(circle at 12% 10%, rgba(212,175,55,.18), transparent 26%),
    radial-gradient(circle at 88% 12%, rgba(255,255,255,.06), transparent 18%),
    linear-gradient(135deg,#0B0F17 0%,#0E1420 48%,#0A0F18 100%);
}

.mw-cfo .mw-name,
.mw-cfo .mw-roles-heading h2,
.mw-cfo .mw-company-top h3{
  font-family:'Playfair Display',serif;
}

.mw-cfo .mw-hero{
  gap:48px;
  align-items:center;
}

.mw-cfo .mw-intro{
  padding:64px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(212,175,55,.18);
  position:relative;
  overflow:hidden;
}

.mw-cfo .mw-intro:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:120px;
  height:4px;
  background:#D4AF37;
}

.mw-cfo .mw-name{
  font-size:clamp(58px,7vw,104px);
  color:#F5F7FA;
  margin-bottom:14px;
}

.mw-cfo .mw-role{
  color:#D4AF37;
  font-weight:700;
  letter-spacing:.02em;
}

.mw-cfo .mw-summary{
  color:#C7CFDA;
  max-width:780px;
  font-size:18px;
  line-height:1.8;
}

.mw-cfo .mw-side{
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  border:1px solid rgba(212,175,55,.16);
}

.mw-cfo .mw-photo{
  max-width:320px;
  border-radius:30px;
  border:1px solid rgba(212,175,55,.30);
  box-shadow:
    0 30px 90px rgba(0,0,0,.48),
    0 0 30px rgba(212,175,55,.10);
}

.mw-achievements{
  margin-top:34px;
  gap:22px;
}

.mw-achievement{
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(212,175,55,.14);
  border-radius:28px;
  padding:34px;
  transition:transform .25s ease, box-shadow .25s ease;
}

.mw-achievement:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 60px rgba(0,0,0,.28);
}

.mw-achievement-number{
  font-size:64px;
  line-height:1;
  color:#D4AF37;
  margin-bottom:14px;
  font-weight:900;
}

.mw-achievement-label{
  font-size:16px;
  color:#E5E7EB;
  line-height:1.6;
}

.mw-highlights,
.mw-roles-section,
.mw-company-breakdown{
  background:
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.03));
  border:1px solid rgba(212,175,55,.14);
  border-radius:34px;
}

.mw-role-item{
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  transition:all .22s ease;
}

.mw-role-item:hover{
  transform:translateY(-4px);
  border-color:rgba(212,175,55,.26);
}

.mw-company-list{
  gap:28px !important;
}

.mw-company-item{
  border-radius:30px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.025)) !important;
  border:1px solid rgba(212,175,55,.12) !important;
  padding:0 !important;
  overflow:hidden !important;
}

.mw-company-item:before{
  width:6px !important;
  background:#D4AF37 !important;
}

.mw-company-top{
  padding:28px 34px 18px 40px !important;
  background:rgba(255,255,255,.03) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}

.mw-company-top h3{
  font-size:32px !important;
  color:#F8FAFC !important;
}

.mw-company-top p{
  color:#D4AF37 !important;
  font-size:15px !important;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.mw-company-top span{
  background:rgba(212,175,55,.08) !important;
  border:1px solid rgba(212,175,55,.16) !important;
  color:#F3E5B2 !important;
  font-weight:700 !important;
}

.mw-company-desc{
  padding:28px 40px 10px 40px !important;
  font-size:17px !important;
  line-height:1.85 !important;
  color:#D6DCE7 !important;
  max-width:1000px;
}

.mw-company-item ul{
  margin:0 40px 34px 40px !important;
  padding:26px !important;
  border-radius:22px !important;
  background:rgba(0,0,0,.18) !important;
  border:1px solid rgba(255,255,255,.06) !important;
}

.mw-company-item li{
  color:#BFC7D4 !important;
  line-height:1.75 !important;
  padding-left:22px !important;
}

.mw-company-item li:before{
  width:8px !important;
  height:8px !important;
  background:#D4AF37 !important;
}

.mw-premium-footer{
  margin-top:44px;
  padding:26px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  color:#8F9BA8;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mw-premium-footer .crest{
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.28);
  display:grid;
  place-items:center;
  color:#D4AF37;
  font-family:'Playfair Display',serif;
  font-size:22px;
  font-weight:800;
}

@media(max-width:980px){
  .mw-cfo .mw-intro{
    padding:38px;
  }

  .mw-company-top h3{
    font-size:26px !important;
  }

  .mw-company-desc{
    padding:24px 24px 8px 24px !important;
  }

  .mw-company-item ul{
    margin:0 24px 24px 24px !important;
  }

  .mw-premium-footer{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* Hidden Private Links Directory */
.mw-links-directory .mw-roles-section{
  max-width:1100px;
  margin:0 auto;
}
.mw-directory-note{
  color:var(--muted);
  line-height:1.7;
  margin:0 0 24px;
  font-size:17px;
}
.mw-directory-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.mw-directory-card{
  padding:22px;
  border-radius:22px;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.12);
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px 18px;
  align-items:center;
}
.mw-directory-card h3{
  margin:0;
  color:#fff;
  font-size:24px;
}
.mw-directory-card p{
  margin:6px 0 0;
  color:var(--accent);
  font-weight:800;
}
.mw-directory-card a{
  text-decoration:none;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(212,175,55,.14);
  border:1px solid rgba(212,175,55,.26);
  color:#F3E5B2;
  font-weight:900;
}
.mw-directory-card input{
  grid-column:1 / -1;
  width:100%;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  color:#d8deea;
  padding:12px 14px;
  font-size:14px;
}
@media(max-width:760px){
  .mw-directory-card{
    grid-template-columns:1fr;
  }
  .mw-directory-card a{
    justify-self:start;
  }
}


/* Profile Visibility Toggle UI */
.mw-directory-status{
  display:inline-flex;
  margin-top:10px;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.mw-directory-status.is-visible{
  color:#bbf7d0;
  background:rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.24);
}
.mw-directory-status.is-hidden{
  color:#fecaca;
  background:rgba(239,68,68,.12);
  border:1px solid rgba(239,68,68,.24);
}
.mw-directory-disabled{
  text-decoration:none;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(239,68,68,.10);
  border:1px solid rgba(239,68,68,.22);
  color:#fecaca;
  font-weight:900;
}