/* Meet Mark page styles (mm-* only; shared nav/footer/tokens come from site.css + shared.css) */
/* MEET MARK PAGE */
.mm-hero {
  display: grid; grid-template-columns: 48% 52%; min-height: 78vh; max-height: 680px; overflow: hidden;
}
.mm-hero-img { position: relative; overflow: hidden; order: 0; }
.mm-hero-img img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.mm-hero-img::after { content:''; position:absolute; inset:0; background: linear-gradient(to left, rgba(247,243,237,0.12), transparent 35%); }
.mm-hero-text {
  background: var(--linen); padding: 88px 64px; display: flex; flex-direction: column; justify-content: center;
  position: relative; overflow: hidden;
}
.mm-hero-text::before { content:''; position:absolute; top:-90px; left:-90px; width:300px; height:300px; border-radius:50%; border:1px solid var(--mist); pointer-events:none; }
.mm-eyebrow {
  display: flex; align-items: center; gap: 12px; font-size: 11px; font-weight: 500;
  letter-spacing: 0.22em; text-transform: uppercase; color: var(--sage); margin-bottom: 16px;
}
.mm-eyebrow::before { content:''; width:28px; height:1px; background: var(--sage); }
.mm-hero-title { font-family:'Cormorant Garamond',serif; font-size:56px; font-weight:400; line-height:1.08; color:var(--ink); margin-bottom:16px; }
.mm-hero-title em { font-style: italic; }
.mm-hero-lede { font-size:16px; color:var(--text-sm); line-height:1.7; font-weight:300; max-width:430px; margin-bottom:26px; }
.mm-hero-sign { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:26px; color:var(--ink); }
.mm-hero-role { font-size:11px; letter-spacing:0.18em; text-transform:uppercase; color:var(--text-sm); margin-top:4px; }
/* stats band */
.mm-stats { background: var(--ink); display: grid; grid-template-columns: repeat(2,1fr); }
.mm-stat { padding: 44px 28px; text-align: center; border-right: 1px solid rgba(255,255,255,0.08); }
.mm-stat:last-child { border-right: none; }
.mm-stat-num { font-family:'Cormorant Garamond',serif; font-size:46px; font-weight:400; color: var(--gold-lt); line-height:1; margin-bottom:8px; }
.mm-stat-label { font-size:11px; letter-spacing:0.14em; text-transform:uppercase; color: rgba(255,255,255,0.6); font-weight:400; line-height:1.5; }
/* prose intro */
.mm-intro { background: var(--warm-white); padding: 96px 56px; }
.mm-intro-inner { max-width: 760px; margin: 0 auto; text-align: center; }
.mm-section-label {
  font-size:11px; font-weight:500; letter-spacing:0.22em; text-transform:uppercase; color:var(--sage);
  display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:12px;
}
.mm-section-label::before, .mm-section-label::after { content:''; width:22px; height:1px; background:var(--sage); }
.mm-h2 { font-family:'Cormorant Garamond',serif; font-size:40px; font-weight:400; line-height:1.15; color:var(--ink); margin-bottom:16px; }
.mm-h2 em { font-style: italic; }
.mm-p { font-size:16px; color:var(--text-sm); line-height:1.7; font-weight:300; margin-bottom:14px; }
/* approach split */
.mm-approach { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; }
.mm-approach-text { background: var(--linen); padding: 88px 64px; display:flex; flex-direction:column; justify-content:center; }
.mm-approach-img { position: relative; overflow: hidden; min-height: 480px; background: var(--ink); }
.mm-approach-img img { width:100%; height:100%; object-fit:cover; }
.mm-approach-img .mm-play {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:74px; height:74px; border-radius:50%; background:rgba(255,255,255,0.93);
  display:flex; align-items:center; justify-content:center; font-size:22px; color:var(--ink);
  box-shadow:0 8px 40px rgba(0,0,0,0.22); transition:transform 0.2s; cursor:pointer;
}
.mm-approach-img:hover .mm-play { transform:translate(-50%,-50%) scale(1.08); }
.mm-approach-label { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:18px; }
/* qualifications */
.mm-quals { background: var(--ink); padding: 96px 56px; text-align:center; position: relative; overflow: hidden; }
.mm-quals::before { content:''; position:absolute; top:-120px; right:-120px; width:360px; height:360px; border-radius:50%; border:1px solid rgba(255,255,255,0.06); pointer-events:none; }
.mm-quals::after { content:''; position:absolute; bottom:-100px; left:-100px; width:280px; height:280px; border-radius:50%; border:1px solid rgba(255,255,255,0.05); pointer-events:none; }
.mm-quals .mm-section-label { color: var(--gold-lt); }
.mm-quals .mm-section-label::before, .mm-quals .mm-section-label::after { background: var(--gold); }
.mm-quals .mm-h2 { color: var(--white); }
.mm-quals-intro { font-size:15px; color: rgba(255,255,255,0.55); font-weight:300; max-width:560px; margin:0 auto 38px; line-height:1.7; }
.mm-quals-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap: 34px 28px; max-width: 900px; margin: 0 auto; position: relative; z-index: 1; }
.mm-qual {
  display:flex; flex-direction:column; align-items:center; text-align:center; gap:16px;
  padding: 8px;
}
.mm-qual-seal {
  width: 92px; height: 92px; border-radius: 50%;
  border: 1px solid rgba(184,154,90,0.4);
  background: radial-gradient(circle at 50% 35%, rgba(184,154,90,0.12), transparent 70%);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  flex-shrink:0; transition: border-color 0.25s, transform 0.25s;
}
.mm-qual:hover .mm-qual-seal { border-color: var(--gold-lt); transform: translateY(-4px); }
.mm-qual-seal-abbr { font-family:'Cormorant Garamond',serif; font-size:24px; font-weight:500; color: var(--gold-lt); line-height:1; }
.mm-qual-seal-sub { font-size:8px; letter-spacing:0.16em; text-transform:uppercase; color: rgba(255,255,255,0.4); margin-top:4px; }
.mm-qual-text { font-size:13.5px; color: rgba(255,255,255,0.8); font-weight:300; line-height:1.5; max-width:160px; }
.mm-qual-text strong { display:block; color: var(--white); font-weight:500; font-size:14px; margin-bottom:2px; }
/* closing CTA strip above footer */
.mm-cta { background: var(--linen); padding: 72px 56px; text-align:center; }
.mm-cta h2 { font-family:'Cormorant Garamond',serif; font-size:38px; font-weight:400; color:var(--ink); margin-bottom:16px; }
.mm-cta h2 em { font-style:italic; }
.mm-cta p { font-size:15px; color:var(--text-sm); font-weight:300; max-width:520px; margin:0 auto 32px; line-height:1.8; }

@media (max-width: 900px) {
.mm-hero { grid-template-columns: 1fr; max-height:none; min-height:auto; }
.mm-hero-img { height: 320px; order: 0; }
.mm-hero-text { padding: 52px 24px; }
.mm-hero-text::before { display:none; }
.mm-hero-title { font-size: 40px; }
.mm-stats { grid-template-columns: 1fr 1fr; }
.mm-stat { border-bottom: 1px solid rgba(255,255,255,0.08); }
.mm-stat:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.08); }
.mm-intro { padding: 60px 24px; }
.mm-h2 { font-size: 32px; }
.mm-approach { grid-template-columns: 1fr; }
.mm-approach-text { padding: 56px 24px; order: 1; }
.mm-approach-img { order: 0; min-height: 300px; }
.mm-quals { padding: 60px 24px; }
.mm-quals-grid { grid-template-columns: 1fr 1fr; gap: 28px 16px; }
.mm-cta { padding: 56px 24px; }
.mm-cta h2 { font-size: 30px; }
}

/* contextual inline links */
.mm-links { margin-top: 8px; }
.mm-links a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }