/* ===================== MENTOR PAGE ===================== */
/* sections use display:flex, which would otherwise defeat the [hidden] attribute */
[hidden]{display:none!important;}

/* hero photo is a tilted card with a soft drop shadow */
/* photo is centred in the hero, so there is no dead space under it */
.hero-media-tilt{
  right:96px;top:72px;bottom:40px;width:640px;height:auto;
  display:flex;align-items:center;justify-content:center;
}
.hero-media-tilt .hero-front{
  position:static;width:100%;height:100%;object-fit:contain;
  transform:rotate(3deg);
  filter:drop-shadow(0 12px 50px rgba(0,0,0,.18)) drop-shadow(0 3px 12px rgba(0,0,0,.18));
}
.page-mentor .hero-portrait-fade{display:none;}
/* mentor hero is light, so the divider wave under it takes the hero colour */
.page-mentor .divider-hero path{fill:var(--hero-bg);}

/* generic section on this page */
.mn-section{background:var(--white);padding:50px 80px 70px;display:flex;flex-direction:column;gap:34px;}
/* blog sits on the light grey surface, cards stay white */
#mn-blog{background:var(--light);}

/* ---- collage ---- */
.mn-collage{background:var(--white);padding:10px 80px 60px;display:flex;justify-content:center;}
.mn-collage img{width:100%;max-width:974px;height:auto;display:block;}

/* ---- reviews ---- */
.mn-reviews-grid{display:flex;flex-wrap:wrap;gap:40px;width:1280px;align-items:flex-start;}
.mn-reviews-grid img{
  max-width:366px;width:100%;height:auto;border-radius:14px;
  border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 26px rgba(0,0,0,.08);
}

/* ---- blog cards ---- */
.mn-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;width:1280px;}
.mn-blog-status{grid-column:1/-1;color:var(--grey);padding:40px 0;font-size:16px;}
.mn-card{
  display:flex;flex-direction:column;background:#fff;border-radius:10px;overflow:hidden;
  box-shadow:0 6px 26px rgba(0,0,0,.08);
  transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s;
}
.mn-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.12);}
.mn-card-img{position:relative;height:264px;background:#e9e7e4;overflow:hidden;flex:0 0 auto;}
.mn-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.mn-card-img::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25);}
.mn-card-badge{
  position:absolute;top:19px;right:21px;z-index:2;
  display:flex;align-items:center;justify-content:center;width:40px;height:30px;border-radius:200px;
  background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;
}
.mn-card-body{display:flex;flex-direction:column;padding:24px 18px 14px;flex:1;}
.mn-card-title{
  font-size:30px;font-weight:700;line-height:36px;letter-spacing:-.6px;color:var(--black);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.mn-card-text{
  margin-top:8px;font-size:18px;line-height:30px;color:var(--black);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
}
.mn-card-cta{
  display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:14px;height:59px;
  font-family:'Space Grotesk','Inter',sans-serif;font-size:20px;color:var(--black);
}
.mn-card-cta svg{display:block;transition:transform .35s cubic-bezier(.2,.75,.25,1);}
.mn-card:hover .mn-card-cta svg{transform:translateX(8px);}
.mn-blog-all{
  align-self:flex-start;font-family:'Space Grotesk','Inter',sans-serif;font-size:18px;color:var(--black);
  border-bottom:1px solid rgba(13,13,13,.2);padding-bottom:2px;transition:color .25s,border-color .25s;
}
.mn-blog-all:hover{color:var(--orange);border-color:var(--orange);}

/* ---- mobile ---- */
@media (max-width:760px){
  .hero-media-tilt{display:none!important;}
  .mn-section{padding:40px 20px;gap:24px;}
  .mn-collage{padding:0 20px 36px;}
  .mn-reviews-grid,.mn-blog-grid{width:auto;}
  .mn-blog-grid{grid-template-columns:1fr;gap:24px;}
  .mn-card-img{height:220px;}
  .mn-card-title{font-size:24px;line-height:30px;}
  .mn-card-text{font-size:16px;line-height:26px;}
}