/* ===== Team Member Profile Page (self-contained) ===== */
/* Includes shared component classes this page needs — hero-eyebrow, buttons,
   section-tag/title, .trusted — since those only live in home_min.css, which
   is not loaded on /our-team/ pages. */

section{padding:100px 10%}

.hero-eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--pink);margin-bottom:1.4rem;display:flex;align-items:center;gap:12px}
.hero-eyebrow::before{content:'';width:28px;height:2px;background:var(--pink);border-radius:2px}

.btn-primary{background:var(--navy);color:white;padding:14px 30px;border:none;font-family:var(--sans);font-size:.82rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-block;border-radius:4px;transition:background .2s}
.btn-primary:hover{background:var(--pink)}
.btn-secondary{background:transparent;color:var(--navy);padding:14px 30px;border:2px solid var(--navy);font-family:var(--sans);font-size:.82rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-block;border-radius:4px;transition:all .2s}
.btn-secondary:hover{border-color:var(--pink);color:var(--pink)}

.trusted{padding:32px 10%;background:var(--navy-pale);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:36px;flex-wrap:wrap}

.section-tag{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--pink);margin-bottom:.9rem;display:flex;align-items:center;gap:10px;font-weight:600}
.section-tag::before{content:'';width:22px;height:2px;background:var(--pink);border-radius:2px}
.section-title{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;line-height:1.15;color:var(--navy-dark);max-width:600px;margin-bottom:1.2rem}
.section-title em{font-style:italic;color:var(--pink)}

/* ===== Page-specific ===== */

.profile-hero{min-height:70vh;display:grid;grid-template-columns:55% 45%;padding-top:76px;overflow:hidden}
.profile-hero-left{background:var(--white);padding:8% 8% 8% 10%;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--border)}
.profile-back{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mid-grey);text-decoration:none;margin-bottom:1.6rem;transition:color .2s;width:fit-content}
.profile-back:hover{color:var(--pink)}
.profile-hero-left h1{font-family:var(--serif);font-size:clamp(2.4rem,3.6vw,3.4rem);font-weight:700;line-height:1.12;color:var(--navy-dark);margin-bottom:1.6rem}
.profile-hero-actions{display:flex;gap:14px;flex-wrap:wrap}

.profile-hero-right{background:var(--navy);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:10%}
.hero-right-pattern{position:absolute;inset:0;opacity:.05}
.profile-photo-frame{position:relative;z-index:2;width:280px;height:280px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.2);box-shadow:0 20px 50px rgba(0,0,0,.25);flex-shrink:0}
.profile-photo-frame img{width:100%;height:100%;object-fit:cover;display:block}
.profile-photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--pink);font-family:var(--serif);font-size:5rem;font-weight:700;color:white}

.profile-about-section{background:var(--off-white)}
.profile-bio{max-width:760px;font-size:1rem;color:var(--mid-grey);line-height:1.9;font-weight:400}
.profile-bio p{margin-bottom:1.4rem}
.profile-bio p:last-child{margin-bottom:0}
.profile-bio h2,.profile-bio h3{font-family:var(--serif);color:var(--navy-dark);margin:1.8rem 0 .8rem;font-weight:700}
.profile-bio h2{font-size:1.5rem}
.profile-bio h3{font-size:1.2rem}
.profile-bio ul{list-style:none;margin:0 0 1.4rem}
.profile-bio ul li{position:relative;padding-left:26px;margin-bottom:.7rem;line-height:1.7}
.profile-bio ul li::before{content:'';position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--pink)}
.profile-bio a{color:var(--pink);text-decoration:underline;text-underline-offset:2px}
.profile-bio strong{color:var(--navy-dark);font-weight:700}

@media(max-width:900px){
  .profile-hero{grid-template-columns:1fr;min-height:auto}
  .profile-hero-left{border-right:none;padding:60px 6%}
  .profile-hero-right{min-height:340px;padding:10% 8%}
  .profile-photo-frame{width:220px;height:220px}
  section{padding:70px 6%}
}