/* ── Reset ─────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
:root{
  --bg:#f5f3ef;
  --surface:#ffffff;
  --surface2:#eeebe5;
  --border:#ddd9d1;
  --border2:#b8b2a8;
  --navy:#2c4a6e;
  --navy-light:#4a6fa5;
  --text:#1a1a2e;
  --muted:#555565;
  --dim:#999990;
  --green:#2d6a4f;
  --amber:#7a4800;
}
body{background:#ffffff;color:var(--text);font-family:'Outfit',sans-serif;font-weight:300;line-height:1.6;min-height:100vh}
a{color:inherit;text-decoration:none}

/* ── Nav ────────────────────────────────────────────────────────────────── */
nav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(245,243,239,0.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;flex-direction:column}
.nav-top{display:flex;align-items:center;justify-content:space-between;padding:0 56px;height:58px;border-bottom:1px solid var(--border)}
.nav-logo{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none}
.nav-logo img{height:38px;width:auto;filter:brightness(0)}
.nav-logo-text{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:400;letter-spacing:.04em;color:var(--text)}
.nav-cta{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:7px 16px;border:1px solid var(--navy);color:var(--navy);border-radius:3px;cursor:pointer;background:none;transition:background .2s,color .2s}
.nav-cta:hover{background:var(--navy);color:#fff}
.nav-tabs{display:flex;align-items:stretch;justify-content:center;padding:0 56px;height:42px;gap:0}
.nav-tab{display:flex;align-items:center;padding:0 20px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:pointer;border:none;background:none;font-family:'Outfit',sans-serif;font-weight:600;border-bottom:2px solid transparent;position:relative;top:2px;transition:color .2s,border-color .2s;white-space:nowrap}
.nav-tab:hover{color:var(--navy)}
.nav-tab.active{color:var(--navy);border-bottom-color:var(--navy);font-weight:700;background:rgba(15,36,84,0.06)}

/* ── Pages ─────────────────────────────────────────────────────────────── */
.page{display:none;min-height:100vh;padding-top:100px}
.page.active{display:block}
.wrap{max-width:1100px;margin:0 auto;padding:0 48px}
.section{padding:72px 0}
.section+.section{border-top:1px solid var(--border)}

/* ── Typography ─────────────────────────────────────────────────────────── */
.eyebrow{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);margin-bottom:12px}
.eyebrow--section-title{font-size:13px;font-weight:700;letter-spacing:.25em;text-align:center;margin-bottom:24px}
.section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,3.8vw,50px);font-weight:400;line-height:1.1;margin-bottom:40px;color:var(--text)}
.section-title em{font-style:italic;color:var(--navy)}

/* ── Buttons ────────────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;font-family:'Outfit',sans-serif;font-size:11px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border-radius:3px;font-weight:500;transition:all .2s}
.btn-navy{background:var(--navy);color:#fff;border:none}
.btn-navy:hover{opacity:.88;transform:translateY(-1px)}
.btn-outline{background:none;border:1px solid var(--border2);color:var(--muted)}
.btn-outline:hover{border-color:var(--navy);color:var(--navy)}

/* ── HOME: Hero ─────────────────────────────────────────────────────────── */
.hero{min-height:calc(100vh - 100px);display:grid;grid-template-columns:1fr 1fr;align-items:center}
.hero-left{padding:60px 40px 60px 0;display:flex;flex-direction:column;justify-content:center}
.hero-eyebrow{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.2em;color:var(--navy);margin-bottom:24px;text-transform:uppercase}
.hero-name{font-family:'Cormorant Garamond',serif;font-size:clamp(56px,7vw,92px);font-weight:400;line-height:.93;letter-spacing:-.02em;margin-bottom:24px;color:var(--text)}
.hero-name em{font-style:italic;color:var(--navy)}
.hero-tagline{font-size:15px;color:var(--muted);max-width:400px;line-height:1.75;margin-bottom:36px}
.hero-tagline strong{color:var(--text);font-weight:500}
.hero-ctas{display:flex;gap:12px}
.hero-right{position:relative;height:100%;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-right-bg{display:none}
.hero-photo{position:relative;z-index:2;height:78%;width:auto;max-width:320px;object-fit:cover;object-position:top center;border-radius:16px;box-shadow:0 8px 40px rgba(44,74,110,.15)}

/* ── HOME: Orgs ───────────────────────────────────────────────────────── */
.orgs-section{padding:44px 0;border-top:1px solid var(--border)}
.orgs-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:24px;text-align:center}
.orgs-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.org-pill{display:flex;flex-direction:column;align-items:center;padding:18px 36px;border-right:1px solid var(--border);gap:4px}
.org-pill:last-child{border-right:none}
.org-icon{height:44px;width:auto;object-fit:contain}
.org-name{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:500;color:var(--text)}
.org-detail{font-size:11px;color:var(--muted);letter-spacing:.04em}
.org-tenure{font-family:'DM Mono',monospace;font-size:9px;color:var(--navy);letter-spacing:.1em;font-weight:500}

/* ── HOME: Achievements ────────────────────────────────────────────────── */
.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.ach-card{background:var(--surface);padding:24px;border:1px solid var(--border);border-radius:8px;transition:box-shadow .2s}
.ach-card:hover{box-shadow:0 4px 20px rgba(44,74,110,.1)}
.ach-org{font-size:13px;font-weight:600;margin-bottom:10px}
.ach-title{font-size:14px;font-weight:500;color:var(--text);margin-bottom:6px}
.ach-sub{font-size:12px;color:var(--muted);line-height:1.55}
.ach-tag-row{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:nowrap}
.ach-tag-row .ach-tag{margin-top:0;white-space:nowrap}
.ach-tag{display:inline-block;margin-top:10px;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.12em;padding:3px 8px;border:1px solid rgba(44,74,110,.2);color:var(--navy);border-radius:2px}
.tic-img{width:100%;border-radius:4px;margin-top:12px;border:1px solid var(--border)}

/* ── HOME: Pinned ──────────────────────────────────────────────────────── */
.pinned-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pinned-card{background:var(--surface);padding:24px;border:1px solid var(--border);border-radius:8px;cursor:pointer;position:relative;overflow:hidden;transition:box-shadow .2s}
.pinned-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.pinned-card:hover{box-shadow:0 4px 20px rgba(44,74,110,.1)}
.pinned-card:hover::after{transform:scaleX(1)}
.pinned-stage{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;border-radius:2px;display:inline-block;margin-bottom:12px}
.stage-live{background:rgba(45,106,79,.08);color:var(--green);border:1px solid rgba(45,106,79,.2)}
.stage-shipped{background:rgba(44,74,110,.08);color:var(--navy);border:1px solid rgba(44,74,110,.2)}
.stage-mvp{background:rgba(122,72,0,.08);color:var(--amber);border:1px solid rgba(122,72,0,.2)}
.pinned-name{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;margin-bottom:6px;color:var(--text)}
.pinned-tagline{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:14px}
.pinned-arrow{font-size:11px;color:var(--navy);letter-spacing:.08em}

/* ── HOME: Project Summary ─────────────────────────────────────────────── */
.proj-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:800px}
.proj-summary-card{background:var(--surface2);padding:28px 28px 22px;border:1px solid var(--border2);border-radius:10px;display:flex;flex-direction:column;cursor:pointer;transition:box-shadow .2s;text-decoration:none;color:inherit;position:relative;overflow:hidden}
.proj-summary-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.proj-summary-card:hover{box-shadow:0 4px 20px rgba(44,74,110,.1)}
.proj-summary-card:hover::after{transform:scaleX(1)}
.proj-summary-header{display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.proj-summary-header-text{display:flex;flex-direction:column;gap:3px;align-items:center}
.proj-summary-label{font-family:'Outfit',sans-serif;font-size:15px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);text-align:center}
.proj-summary-list{display:flex;flex-direction:column;flex:1}
.proj-summary-item{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:400;color:var(--text);padding:5px 0;display:flex;align-items:center;gap:9px}
.proj-summary-item::before{content:'•';color:var(--navy);font-size:22px;line-height:1;flex-shrink:0;font-weight:900}
.proj-summary-cta{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--navy);border:1px solid var(--navy);border-radius:20px;padding:6px 16px;margin-top:16px;display:inline-flex;align-items:center;gap:5px;align-self:flex-start;transition:background .2s,color .2s,border-color .2s}
.proj-summary-card:hover .proj-summary-cta{background:var(--navy-light);border-color:var(--navy-light)}
.ach-deck-link{display:inline-flex;align-items:center;gap:4px;margin-top:0;font-family:'DM Mono',monospace;font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;white-space:nowrap;background:#0F2454;color:#FBFAF8;border:1.5px solid #0F2454;border-radius:20px;transition:background .2s,color .2s}
.ach-deck-link:hover{background:transparent;color:#0F2454}

/* ── ABOUT ───────────────────────────────────────────────────────────────── */
.about-hero{display:flex;gap:36px;align-items:flex-start;margin-bottom:40px}
.about-photo-circle{width:130px;height:130px;border-radius:50%;overflow:hidden;border:3px solid var(--border);box-shadow:0 4px 20px rgba(44,74,110,.1);flex-shrink:0}
.about-photo-circle img{width:100%;height:100%;object-fit:cover;object-position:top center}
.about-body{font-size:15px;color:var(--muted);line-height:1.8}
.about-body p+p{margin-top:16px}
.about-body strong{color:var(--text);font-weight:500}
.about-body em{color:var(--navy);font-style:normal}
.about-quote{border-left:3px solid var(--navy);padding:12px 20px;font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:300;color:var(--muted);font-style:italic;line-height:1.5;margin:28px 0}
.inspo-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}
.inspo-tags{display:flex;flex-wrap:wrap;gap:8px}
.inspo-tag{padding:5px 12px;border:1px solid var(--border2);font-size:12px;color:var(--muted);border-radius:3px}
.seeking-box{border:1px solid var(--border);border-radius:6px;padding:20px 24px;margin-top:24px;background:var(--surface)}
.seeking-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);padding:6px 0}
.seeking-row span:first-child{color:var(--navy)}

/* ── ABOUT: Timeline ─────────────────────────────────────────────────────── */
.timeline-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.tl-wrap{position:relative;padding-left:24px}
.tl-wrap::before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:1px;background:var(--border)}
.tl-item{position:relative;margin-bottom:32px}
.tl-dot{position:absolute;left:-29px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--bg);border:2px solid var(--navy);box-shadow:0 0 0 3px rgba(44,74,110,.1)}
.tl-dot.dim{border-color:var(--dim);box-shadow:none}
.tl-date{font-family:'DM Mono',monospace;font-size:9px;color:var(--navy);letter-spacing:.1em;margin-bottom:4px}
.tl-date.dim{color:var(--dim)}
.tl-role{font-size:14px;font-weight:500;color:var(--text)}
.tl-org{font-size:12px;color:var(--muted);margin-bottom:6px}
.tl-impact{font-size:12px;color:var(--dim);line-height:1.6}
.skill-cluster-name{font-family:'DM Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.skill-list{display:flex;flex-direction:column;gap:7px}
.skill-item{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center}
.skill-item::before{content:'—';color:var(--dim);font-size:10px;flex-shrink:0}
.skills-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
@media(max-width:680px){.skills-cols{grid-template-columns:1fr;gap:20px}}

/* ── PROJECTS ────────────────────────────────────────────────────────────── */
.proj-section-header{display:flex;align-items:baseline;gap:16px;margin-bottom:20px}
.proj-section-label{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:400;color:var(--text)}
.proj-count{font-family:'DM Mono',monospace;font-size:9px;color:var(--dim);letter-spacing:.08em}
.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}

/* ── Two-column project layout ─────────────────────────────────────────── */
.proj-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.proj-col{}
.proj-col-header{margin-bottom:20px;padding-bottom:14px;border-bottom:2px solid var(--navy)}
.proj-col-title{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:500;color:var(--text)}
.proj-col-sub{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.12em;color:var(--dim);margin-top:3px;text-transform:uppercase}
.sticky-board{display:flex;flex-direction:column;gap:14px}

/* ── Sticky card ────────────────────────────────────────────────────────── */
.sticky-card{background:#fff;border:1px solid #e0dbd4;border-radius:4px;padding:18px 20px;position:relative;transition:box-shadow .25s,transform .25s;cursor:default}
.sticky-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:4px 4px 0 0;background:var(--navy);opacity:.3}
.sticky-card:hover{box-shadow:0 6px 24px rgba(44,74,110,.13);transform:translateY(-2px) rotate(0deg) !important}
.sticky-yellow{background:#fefce8}
.sticky-yellow::before{background:#7a4800}
.sticky-tilt-1{transform:rotate(-0.4deg)}
.sticky-tilt-2{transform:rotate(0.3deg)}
.sticky-tilt-3{transform:rotate(-0.2deg)}
.sticky-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.sticky-name{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:500;color:var(--text);line-height:1.2;margin-bottom:5px}
.sticky-line{font-size:12px;color:var(--muted);line-height:1.55}
.sticky-expand-btn{margin-top:12px;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;background:none;border:1px solid var(--border2);color:var(--navy);padding:4px 10px;border-radius:2px;cursor:pointer;transition:background .15s,color .15s}
.sticky-expand-btn:hover{background:var(--navy);color:#fff}
.sticky-expand-btn.open{background:var(--navy);color:#fff}
.sticky-details{display:none;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}
.sticky-details.open{display:block}
.sticky-meta{margin-bottom:8px}
.sticky-meta .meta-label{display:block;margin-bottom:2px}

@media(max-width:900px){.proj-columns{grid-template-columns:1fr}}

.proj-card{background:var(--surface);padding:20px 24px;border:1px solid var(--border);border-radius:8px;transition:box-shadow .2s}
.proj-card:hover{box-shadow:0 4px 20px rgba(44,74,110,.1)}
.proj-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;user-select:none;margin-bottom:6px}
.proj-card-header-left{display:flex;align-items:center;gap:8px}
.proj-card-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.proj-role{font-family:'DM Mono',monospace;font-size:9px;color:var(--dim);letter-spacing:.08em}
.proj-name{font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:400;color:var(--text);line-height:1.2;margin-bottom:4px}
.proj-tagline{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:10px}
.proj-tags{display:flex;flex-wrap:wrap;gap:5px}
.proj-tag{font-size:10px;padding:2px 7px;background:var(--surface2);color:var(--muted);border-radius:2px}
.proj-expand-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border2);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--navy);flex-shrink:0;transition:background .2s,transform .3s;line-height:1;font-weight:300}
.proj-expand-btn:hover{background:var(--surface2)}
.proj-expand-btn.open{transform:rotate(45deg)}
.proj-details{display:none;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
.proj-details.open{display:block}
.proj-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.meta-label{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:3px}
.meta-val{font-size:12px;color:var(--muted);line-height:1.45}
.meta-val strong{color:var(--text);font-weight:500}
.proj-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.proj-link{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em;color:var(--navy);display:flex;align-items:center;gap:5px;transition:gap .2s;cursor:pointer}
.proj-link:hover{gap:9px}
.proj-link-na{font-family:'DM Mono',monospace;font-size:10px;color:var(--dim);letter-spacing:.06em}
.proj-showcase{width:100%;max-width:960px;margin:0 auto}
.proj-sep{margin-top:48px;padding-top:40px;border-top:1px solid var(--border)}
.proj-divider{height:1px;background:var(--border);margin:14px 0}

/* ── Projects row ────────────────────────────────────────────────────────── */
#page-projects .wrap{max-width:1100px}

/* ── Project Category Tabs ── */
.proj-tabs{
  display:flex;
  gap:0;
  border-bottom:1px solid var(--border);
  margin-bottom:0;
}
.proj-tab{
  font-family:'Outfit',sans-serif;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  background:none;
  border:none;
  border-bottom:2px solid transparent;
  padding:0 28px 14px 0;
  cursor:pointer;
  position:relative;
  bottom:-1px;
  transition:color .2s,border-color .2s;
  font-weight:300;
}
.proj-tab:hover{color:var(--navy)}
.proj-tab.active{color:var(--navy);border-bottom-color:var(--navy);font-weight:500}

/* ── Project Tab Panels ── */
.proj-tab-panel{display:none}
.proj-tab-panel.active{display:block}

.proj-cards-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:40px;
}

/* ── ExperGo Card ────────────────────────────────────────────────────────── */
.eg-card{
  background:#FBFAF8;
  border:2px solid #0F2454;
  border-radius:20px;
  padding:22px 22px 0 22px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  aspect-ratio:4/3;
  overflow:hidden;
  min-width:0;
}

.eg-card--placeholder{
  border:2px dashed #b0bbcc;
  background:#f7f8fa;
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:4/3;
  border-radius:20px;
}
.eg-placeholder-inner{opacity:0.35}
.eg-placeholder-label{
  font-family:'DM Mono',monospace;
  font-size:10px;
  letter-spacing:3px;
  color:#0F2454;
  text-transform:uppercase;
}

/* Named placeholder (Gulliver, CampAIgn) */
.eg-named-placeholder{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.eg-np-name{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(22px,2.4vw,40px);
  font-weight:400;
  color:#0F2454;
  letter-spacing:-0.01em;
  opacity:0.55;
  line-height:1;
}
.eg-named-placeholder .eg-placeholder-label{opacity:0.35}


/* Row 1: title left, VIEW MVP right — same baseline */
.eg-row1{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  flex-shrink:0;
  min-width:0;
}
.eg-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(19px,2.04vw,32.6px);
  font-weight:400;
  color:#0F2454;
  line-height:0.95;
  letter-spacing:-0.01em;
  min-width:0;
}
.eg-title--sm{
  font-size:clamp(22px,2.4vw,38px);
}
.eg-mvp-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 14px;
  height:34px;
  white-space:nowrap;
  flex-shrink:0;
  border:2px solid #173F7A;
  border-radius:8px;
  font-family:'DM Mono',monospace;
  font-size:10px;
  font-weight:500;
  color:#0F2454;
  text-decoration:none;
  letter-spacing:0.08em;
  transition:background .2s,color .2s;
  margin-top:4px;
}
.eg-mvp-btn:hover{background:#0F2454;color:#FBFAF8}
.eg-mvp-arrow{font-size:12px}

/* Short navy divider under title */
.eg-divider{
  width:32px;
  height:3px;
  background:#173F7A;
  margin:10px 0 0 0;
  flex-shrink:0;
}

/* Middle row: tagline+category left, hero right */
.eg-row3{
  display:flex;
  align-items:center;
  gap:8px;
  flex:1;
  min-height:0;
  min-width:0;
  margin-top:12px;
}
.eg-left{
  flex:1 1 45%;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}
.eg-tagline{
  font-family:'DM Mono',monospace;
  font-size:clamp(8.5px,0.78vw,11px);
  line-height:1.85;
  color:#0F2454;
}
.eg-category{
  font-family:'DM Mono',monospace;
  font-size:clamp(7px,0.62vw,9px);
  font-weight:700;
  letter-spacing:2px;
  color:#173F7A;
  text-transform:uppercase;
}
.eg-right{
  flex:1 1 52%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  overflow:hidden;
}
.eg-hero-img{
  width:100%;
  height:auto;
  object-fit:contain;
  display:block;
}

/* Rule above strip */
.eg-hr{
  border:none;
  border-top:1px solid #E0E0E0;
  margin:14px 0 0;
  flex-shrink:0;
}

/* Bottom strip: 4 equal blocks with pipe separators */
.eg-strips{
  display:flex;
  align-items:stretch;
  height:56px;
  flex-shrink:0;
  overflow:hidden;
  padding:0;
}
.eg-strip-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  flex:1 1 0;
  padding:0 4px;
  min-width:0;
}
.eg-strip-sep{
  width:1px;
  background:#E0E0E0;
  flex-shrink:0;
  align-self:stretch;
  margin:12px 0;
}
.eg-strip-icon{
  width:16px;
  height:16px;
  flex-shrink:0;
}
.eg-strip-label{
  font-family:'DM Mono',monospace;
  font-size:7px;
  font-weight:500;
  letter-spacing:0.9px;
  color:#0F2454;
  text-transform:uppercase;
  white-space:nowrap;
}

/* DETAILS — rounded rectangle button centered in its equal block */
.eg-strip-details{
  cursor:pointer;
  flex:1 1 0;
  flex-direction:row;
  gap:2px;
  background:#0F2454;
  border:1.5px solid #0F2454;
  border-radius:20px;
  padding:0 10px;
  margin:10px 6px;
  height:auto;
  align-self:stretch;
  transition:background .2s, color .2s;
}
.eg-strip-details .eg-strip-label{
  color:#FBFAF8;
  font-size:9px;
  font-weight:900;
  letter-spacing:2px;
}
.eg-strip-plus{
  font-family:'DM Mono',monospace;
  font-size:18px;
  font-weight:300;
  color:#FBFAF8;
  line-height:1;
  flex-shrink:0;
  margin-left:8px;
  transition:color .2s;
}
.eg-strip-details:hover{background:#0F2454;}
.eg-strip-details:hover .eg-strip-label{color:#FBFAF8;}
.eg-strip-details:hover .eg-strip-plus{color:#FBFAF8;}
.eg-strip-details:hover .eg-strip-icon-details{stroke:#FBFAF8;}

/* ── Professional Card variant ───────────────────────────────────────────── */
.eg-card--pro .eg-row1 {
  align-items: flex-start;
}
.eg-card--pro .eg-title {
  font-size: clamp(15px, 1.63vw, 26px);
}
.eg-card--pro[data-id="jlr-1"] .eg-pro-hero,
.eg-card--pro[data-id="jlr-2"] .eg-pro-hero,
.eg-card--pro[data-id="jlr-3"] .eg-pro-hero,
.eg-card--pro[data-id="jlr-4"] .eg-pro-hero {
  max-height: 50px;
  margin-top: 0;
  transform: scale(1.5);
  transform-origin: center center;
}
.eg-card--pro[data-id="paypal-1"] {
  padding-top: 11px;
}
.eg-card--pro[data-id="paypal-1"] .eg-title {
  margin-top: 9px;
}
.eg-card--pro[data-id="paypal-1"] .eg-divider {
  margin-top: 2px;
}
.eg-pro-hero {
  width: 46%;
  max-height: 96px;
  object-fit: contain;
  flex-shrink: 0;
  margin-top: 2px;
}
.eg-pro-overview {
  margin-top: 10px;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: hidden;
}
.eg-pro-overview-text {
  font-family: 'Outfit', sans-serif;
  font-size: clamp(9px, 0.8vw, 11px);
  font-weight: 300;
  color: #0F2454;
  line-height: 1.68;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.eg-pro-overview .eg-category {
  flex-shrink: 0;
}

/* ── ExperGo Modal ───────────────────────────────────────────────────────── */
.egm-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(15,36,84,0.38);
  align-items: center;
  justify-content: center;
  padding: 20px;
  backdrop-filter: blur(3px);
}
.egm-overlay.open {
  display: flex;
  animation: egm-fade-in .2s ease;
}
@keyframes egm-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.egm-modal {
  background: #FFFFFF;
  border-radius: 20px;
  width: 100%;
  max-width: 1140px;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  padding: 20px 40px 40px;
  scrollbar-width: thin;
  scrollbar-color: rgba(15,36,84,.18) transparent;
  animation: egm-slide-in .25s cubic-bezier(.22,.68,0,1.2);
}
.egm-modal::-webkit-scrollbar { width: 4px; }
.egm-modal::-webkit-scrollbar-thumb { background: rgba(15,36,84,.18); border-radius: 2px; }
@keyframes egm-slide-in {
  from { opacity: 0; transform: translateY(18px) scale(0.98); }
  to   { opacity: 1; transform: none; }
}

/* Close button */
.egm-close-btn {
  position: absolute;
  top: 26px;
  right: 32px;
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #0F2454;
  font-family: 'DM Mono', monospace;
  line-height: 1;
  padding: 6px;
  opacity: 0.55;
  transition: opacity .2s;
  z-index: 2;
}
.egm-close-btn:hover { opacity: 1; }

/* ── Header ── */
.egm-header {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 18px;
}
.egm-header-left {
  flex: 1;
  min-width: 0;
}
.egm-header-right {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 14px;
  padding-right: 48px; /* clear of close button */
}

/* Back button */
.egm-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'DM Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  color: #0F2454;
  background: #f5f3ef;
  border: 1px solid #ddd9d1;
  border-radius: 20px;
  padding: 6px 14px;
  cursor: pointer;
  margin-bottom: 18px;
  transition: background .18s, border-color .18s;
}
.egm-back-btn:hover { background: #ede9e2; border-color: #b8b2a8; }

/* Title */
.egm-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(44px, 5.5vw, 72px);
  font-weight: 400;
  color: #0F2454;
  line-height: 0.95;
  letter-spacing: -0.02em;
  margin-bottom: 13px;
}

/* Accent underline */
.egm-underline {
  width: 32px;
  height: 3px;
  background: #173F7A;
  margin-bottom: 18px;
}

/* Tagline */
.egm-tagline {
  font-family: 'DM Mono', monospace;
  font-size: 13px;
  line-height: 1.75;
  color: #0F2454;
  margin-bottom: 10px;
}

/* Category */
.egm-category {
  font-family: 'DM Mono', monospace;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 2.5px;
  color: #173F7A;
  text-transform: uppercase;
  margin-bottom: 18px;
}

/* Tag pills */
.egm-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}
.egm-tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #0F2454;
  padding: 0 18px;
  border-right: 1px solid #E0DDD8;
}
.egm-tag:first-child { padding-left: 0; }
.egm-tag:last-child  { border-right: none; }
.egm-tag-icon { width: 16px; height: 16px; flex-shrink: 0; }

/* Header MVP button */
.egm-mvp-btn-header {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 10px 22px;
  border: 2px solid #173F7A;
  border-radius: 8px;
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #0F2454;
  text-decoration: none;
  transition: background .2s, color .2s;
  white-space: nowrap;
}
.egm-mvp-btn-header:hover { background: #0F2454; color: #FBFAF8; }

/* Hero image */
.egm-hero-img {
  width: 320px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

/* ── Section rows ── */
.egm-row {
  border: 1px solid #E8E6E1;
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

/* Row 1 & Row 3: 4-column grid */
.egm-row1, .egm-row3 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

/* Columns */
.egm-col {
  padding: 20px 20px 24px;
  border-right: 1px solid #E8E6E1;
}
.egm-col--no-border { border-right: none; }

/* Column header */
.egm-col-hdr {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.egm-col-icon { width: 22px; height: 22px; flex-shrink: 0; }
.egm-col-title {
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #0F2454;
}

/* Body text */
.egm-body-text {
  font-family: 'Outfit', sans-serif;
  font-size: 13.5px;
  font-weight: 300;
  color: #0F2454;
  line-height: 1.72;
}

/* User/value groups */
.egm-group { margin-bottom: 14px; }
.egm-group:last-child { margin-bottom: 0; }
.egm-group-title {
  font-family: 'Outfit', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: #0F2454;
  margin-bottom: 5px;
}

/* Lists */
.egm-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.egm-list li {
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #3a4a6a;
  padding-left: 16px;
  position: relative;
  line-height: 1.6;
}
.egm-list li::before {
  content: '·';
  position: absolute;
  left: 0px;
  color: #173F7A;
  font-size: 39px;
  line-height: 1;
  top: 50%;
  transform: translateY(-50%);
}

/* How It Works flow */
.egm-flow {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.egm-flow-step {
  display: flex;
  align-items: center;
  gap: 10px;
}
.egm-flow-icon { width: 20px; height: 20px; flex-shrink: 0; }
.egm-flow-label {
  font-family: 'Outfit', sans-serif;
  font-size: 13.5px;
  font-weight: 400;
  color: #0F2454;
}
.egm-flow-arrow {
  font-family: 'DM Mono', monospace;
  font-size: 12px;
  color: #8a9ab8;
  padding-left: 4px;
  line-height: 1.2;
}

/* ── Row 2: MVP Features ── */
.egm-row2-inner {
  padding: 18px 20px;
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.egm-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.egm-pill {
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: #0F2454;
  border: 1px solid #C8C4BC;
  border-radius: 20px;
  padding: 6px 16px;
  background: #FAFAF8;
  white-space: nowrap;
}

/* Market Opportunity chart */
.egm-chart-wrap {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}
.egm-chart {
  width: 110px;
  height: 56px;
  flex-shrink: 0;
}

/* Founder Note quote */
.egm-col--founder { background: #FAFAF8; }
.egm-quote {
  font-family: 'Cormorant Garamond', serif;
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  color: #0F2454;
  line-height: 1.65;
  border: none;
  padding: 0;
  margin: 0;
}

/* ── Responsive: Tablet ── */
@media (max-width: 1024px) {
  .egm-modal { padding: 28px 24px 32px; }
  .egm-hero-img { width: 260px; }
  .egm-row1, .egm-row3 { grid-template-columns: repeat(2, 1fr); }
  .egm-col:nth-child(2) { border-right: none; }
  .egm-col:nth-child(3) { border-right: 1px solid #E8E6E1; border-top: 1px solid #E8E6E1; }
  .egm-col--no-border.egm-col:nth-child(4) { border-top: 1px solid #E8E6E1; }
  .egm-row3 .egm-col:nth-child(2) { border-right: none; }
  .egm-row3 .egm-col:nth-child(3) { border-right: 1px solid #E8E6E1; border-top: 1px solid #E8E6E1; }
  .egm-row3 .egm-col--no-border:nth-child(4) { border-top: 1px solid #E8E6E1; }
}

/* ── Responsive: Mobile ── */
@media (max-width: 680px) {
  .egm-overlay { padding: 0; align-items: flex-end; }
  .egm-modal {
    border-radius: 20px 20px 0 0;
    max-height: 92vh;
    padding: 24px 18px 32px;
  }
  .egm-header { flex-direction: column; gap: 20px; }
  .egm-header-right {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-right: 0;
  }
  .egm-hero-img { width: 180px; }
  .egm-title { font-size: 48px; }
  .egm-row1, .egm-row3 { grid-template-columns: 1fr; }
  .egm-col { border-right: none; border-bottom: 1px solid #E8E6E1; }
  .egm-col:last-child { border-bottom: none; }
  .egm-row2-inner { flex-direction: column; align-items: flex-start; gap: 12px; }
  .egm-close-btn { top: 18px; right: 18px; }
}

/* ── BLOG ────────────────────────────────────────────────────────────────── */
.blog-intro-split{display:flex;gap:48px;align-items:flex-start;margin-bottom:32px}
.blog-intro-text{flex:1 1 0;min-width:0}
.blog-intro-image{flex:0 0 300px;width:300px}
.blog-intro-img{width:100%;height:380px;object-fit:cover;border-radius:6px;display:block}
.blog-intro-lead{font-weight:600;color:var(--text);font-size:15px}
.blog-freedom-line{margin-top:20px!important;font-family:'Cormorant Garamond',serif;font-size:17px;font-style:italic;font-weight:400;color:var(--navy);line-height:1.55;border-left:3px solid var(--navy);padding-left:16px}
.blog-freedom-line em{font-style:normal;font-weight:600}
.inspo-inline{margin-top:18px;font-size:12px;color:var(--muted);line-height:1.6}
.inspo-inline .inspo-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:700}
.inspo-inline-tags{font-family:'Cormorant Garamond',serif;font-size:15px;font-style:italic;font-weight:300;color:var(--navy);letter-spacing:.01em}
.blog-sharing-line{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:28px;padding-top:4px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.blog-card{background:var(--surface);padding:24px;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:box-shadow .2s}
.blog-card:hover{box-shadow:0 4px 20px rgba(44,74,110,.1)}
.blog-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.blog-tag{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:3px 7px;border-radius:2px}
.blog-tag-venture{background:rgba(44,74,110,.08);color:var(--navy);border:1px solid rgba(44,74,110,.2)}
.blog-tag-career{background:rgba(45,106,79,.08);color:var(--green);border:1px solid rgba(45,106,79,.2)}
.blog-tag-product{background:rgba(122,72,0,.08);color:var(--amber);border:1px solid rgba(122,72,0,.2)}
.blog-date{font-size:11px;color:var(--dim)}
.blog-title{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;line-height:1.25;margin-bottom:8px;color:var(--text)}
.blog-excerpt{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:14px}
.blog-footer{display:flex;justify-content:space-between;align-items:center}
.blog-read{font-family:'DM Mono',monospace;font-size:9px;color:var(--dim);letter-spacing:.08em}
.blog-status{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.1em;padding:3px 7px;border-radius:2px;background:rgba(82,82,91,.1);color:var(--dim)}
.blog-card--live:hover{box-shadow:0 4px 24px rgba(44,74,110,.15);border-color:rgba(44,74,110,.25)}
.blog-card--placeholder{border:2px dashed #b0bbcc;background:#f7f8fa;display:flex;align-items:center;justify-content:center;cursor:default;min-height:180px}
.blog-card--placeholder:hover{box-shadow:none}
.blog-ph-inner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px}
.blog-ph-name{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:400;color:#0F2454;opacity:.5;text-align:center;line-height:1.25}
.blog-ph-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.18em;color:#0F2454;text-transform:uppercase;opacity:.3}
.blog-card-thumb{width:calc(100% + 48px);margin:-24px -24px 16px;height:140px;object-fit:cover;border-radius:8px 8px 0 0}
.blog-status-live{font-family:'DM Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.1em;padding:4px 10px;border-radius:2px;background:rgba(44,74,110,.1);color:var(--navy)}

/* ── BLOG OVERLAY ──────────────────────────────────────────────────────────── */
.blg-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:none;align-items:flex-start;justify-content:center;padding:40px 24px;overflow-y:auto}
.blg-overlay.open{display:flex}
.blg-modal{background:var(--bg);border-radius:12px;width:100%;max-width:720px;padding:52px 56px 64px;position:relative;margin:auto}
.blg-modal::-webkit-scrollbar{width:4px}
.blg-modal::-webkit-scrollbar-thumb{background:rgba(15,36,84,.18);border-radius:2px}
.blg-close-btn{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:50%;border:1px solid var(--border2);background:none;cursor:pointer;font-size:14px;color:var(--muted);display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s}
.blg-close-btn:hover{opacity:1}
.blg-header{margin-bottom:28px}
.blg-header-meta{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.blg-read-time{font-family:'DM Mono',monospace;font-size:9px;color:var(--dim);letter-spacing:.08em}
.blg-title{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:400;line-height:1.2;color:var(--text);margin-bottom:0}
.blg-hero-img{width:100%;border-radius:6px;margin:28px 0 36px;object-fit:cover;max-height:340px}
.blg-body{font-family:'Outfit',sans-serif;font-size:15px;color:var(--muted);line-height:1.85}
.blg-body p{margin-bottom:22px}
.blg-body p:last-child{margin-bottom:0}

/* ── CONTACT ────────────────────────────────────────────────────────────────── */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.contact-body{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:32px}
.contact-body strong{color:var(--text);font-weight:500}
.contact-links{display:flex;flex-direction:column;gap:12px}
.contact-link{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);transition:color .2s}
.contact-link:hover{color:var(--navy)}
.contact-icon{width:40px;height:40px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;border-radius:3px;flex-shrink:0}
.contact-link:nth-child(1) .contact-icon{color:#e04a2f;border-color:#e04a2f44;font-size:36px}
.contact-link:nth-child(2) .contact-icon{color:#0077b5;border-color:#0077b544}
.contact-link:nth-child(3) .contact-icon{color:#2d9e6b;border-color:#2d9e6b44}
.contact-form{background:var(--surface);border:1px solid var(--border);padding:28px;border-radius:8px;box-shadow:0 2px 20px rgba(44,74,110,.06)}
.form-title{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;margin-bottom:20px;color:var(--text)}
.form-group{margin-bottom:14px}
.form-label{display:block;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.form-input{width:100%;background:#faf9f7;border:1px solid var(--border);color:var(--text);padding:10px 13px;font-family:'Outfit',sans-serif;font-size:13px;outline:none;border-radius:3px;transition:border-color .2s}
.form-input:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(44,74,110,.1)}
textarea.form-input{resize:vertical;min-height:100px}
.form-submit{width:100%;padding:13px;background:var(--navy);color:#fff;border:none;font-family:'Outfit',sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;font-weight:500;border-radius:3px;margin-top:6px;transition:opacity .2s}
.form-submit:hover{opacity:.88}

/* ── RESUME ──────────────────────────────────────────────────────────────── */
.resume-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}
.resume-meta-title{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:400;color:var(--text)}
.resume-meta-sub{font-size:12px;color:var(--muted);margin-top:3px}
.resume-embed{display:none}
.resume-placeholder{text-align:center}
.resume-placeholder-icon{font-size:36px;margin-bottom:14px;opacity:.35}
.resume-placeholder-text{font-size:13px;color:var(--muted);margin-bottom:6px}
.resume-placeholder-sub{font-size:11px;color:var(--dim)}

/* ── Footer ──────────────────────────────────────────────────────────────── */
footer{padding:24px 56px;border-top:1px solid var(--border);background:var(--surface2);display:flex;justify-content:space-between;align-items:center}
.footer-text{font-family:'DM Mono',monospace;font-size:10px;color:var(--dim);letter-spacing:.08em}

/* ── Animations ────────────────────────────────────────────────────────────── */
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.hero-left>*{animation:fadeUp .7s both}
.hero-eyebrow{animation-delay:.1s}
.hero-name{animation-delay:.25s}
.hero-tagline{animation-delay:.4s}
.hero-ctas{animation-delay:.55s}

/* ── Responsive ───────────────────────────────────────────────────────────────── */
@media(max-width:900px){
  .nav-top{padding:0 20px}
  .nav-tabs{padding:0 4px;overflow-x:auto;scrollbar-width:none}
  .nav-tabs::-webkit-scrollbar{display:none}
  .nav-tab{padding:0 12px;font-size:10px}
  .wrap{padding:0 20px}
  .hero{grid-template-columns:1fr}
  .hero-right{display:none}
  .hero-left{padding:40px 0}
  .contact-grid,.timeline-grid{grid-template-columns:1fr;gap:40px}
  .pinned-grid{grid-template-columns:1fr}
  .proj-summary-grid{grid-template-columns:1fr}
  footer{flex-direction:column;gap:6px;text-align:center;padding:20px}
  .proj-cards-row{grid-template-columns:1fr}
  .about-hero{flex-direction:column;align-items:center}
  .about-photo-circle{margin-bottom:8px}
  .about-hero .flex-1{width:100%}
}
@media(max-width:680px){
  .proj-tab{font-size:10px;padding:0 20px 12px 0}
  .blg-overlay{padding:0;align-items:flex-end}
  .blg-modal{border-radius:12px 12px 0 0;padding:36px 24px 48px;max-height:90vh;overflow-y:auto}
  .blg-title{font-size:26px}
  .blog-intro-split{flex-direction:column-reverse;gap:24px}
  .blog-intro-image{flex:0 0 auto;width:100%}
  .blog-intro-img{height:260px}
}
@media(max-width:480px){
  .nav-tab{padding:0 9px}
  .hero{min-height:auto;padding-bottom:40px}
  .hero-right{display:flex;order:-1;min-height:auto;height:auto;padding:32px 0 20px}
  .hero-left{padding:0 0 8px}
  .hero-photo{height:auto;width:70%;max-width:240px}
}

/* ── Active nav tab: mobile pill ── */
@media(max-width:768px){
  .nav-tab.active{
    background:var(--navy);
    color:#FBFAF8;
    border-bottom-color:transparent;
    border-radius:6px;
  }
}

/* ── Project card typography: mobile readability ── */
@media(max-width:768px){
  .eg-title{font-size:24px}
  .eg-card--pro .eg-title{font-size:19px}
  .eg-tagline{font-size:11px}
  .eg-category{font-size:9px}
  .eg-pro-overview-text{font-size:12px}
  .eg-strip-label{font-size:8px}
}

/* ── Inline-style helper classes ───────────────────────────────────────────────────── */
.ach-org--navy{color:var(--navy)}
.ach-org--green{color:var(--green)}
.ach-org--amber{color:var(--amber)}
.text-right{text-align:right}
.mt-20{margin-top:20px}
.mt-16{margin-top:16px}
.mt-10{margin-top:10px}
.flex-1{flex:1}
.min-w-200{min-width:200px}
.meta-label--spaced{margin-bottom:10px}
.section-divider{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.btn-full{width:100%;justify-content:center}
.eyebrow--spaced{margin-bottom:16px}
.proj-tags--spaced{margin-top:8px}
#pdf-container{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:16px;box-shadow:0 2px 20px rgba(44,74,110,.05)}
#pdf-loading{text-align:center;padding:60px;color:var(--dim);font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.1em}
#pdf-canvas-1{display:none;width:100%;border-radius:4px;margin-bottom:12px;box-shadow:0 1px 8px rgba(0,0,0,.08)}
#pdf-canvas-2{display:none;width:100%;border-radius:4px;box-shadow:0 1px 8px rgba(0,0,0,.08)}