.hero-em{font-style:normal;background:linear-gradient(90deg,#7cc8f5,#FF9240);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.team-section{background:linear-gradient(180deg,var(--bg),var(--sky-50))}
.team-section .container{max-width:1120px;display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,4.5rem)}
.member{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:clamp(1.8rem,4vw,3.5rem);align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(1rem,2vw,1.5rem);box-shadow:var(--sh-sm);transition:box-shadow .4s var(--ease),transform .8s var(--ease),opacity .8s var(--ease)}
.member:hover{box-shadow:var(--sh-lg)}
.member--flip{grid-template-columns:1fr minmax(260px,380px)}
.member--flip .member__photo{order:2}
.member__photo{position:relative;aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;background:var(--sky-100)}
.member__photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,18,46,.45))}
.member__photo img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .8s var(--ease)}
.member:hover .member__photo img{transform:scale(1.05)}
.member__no{position:absolute;left:1rem;bottom:.8rem;z-index:2;font-family:var(--f-display);font-weight:800;font-size:2.4rem;line-height:1;color:rgba(255,255,255,.9);letter-spacing:-.04em}
.member__body{padding:.5rem clamp(.2rem,1.5vw,1.2rem) .5rem 0}
.member--flip .member__body{padding:.5rem 0 .5rem clamp(.2rem,1.5vw,1.2rem)}
.member__role{background:var(--orange-50);border-color:transparent;color:var(--orange);font-weight:700;margin-bottom:1rem;cursor:default}
.member__role:hover{background:var(--orange-50);color:var(--orange);border-color:transparent;transform:none}
.member__name{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;margin-bottom:1.1rem;position:relative;padding-bottom:1rem}
.member__name::after{content:'';position:absolute;left:0;bottom:0;width:56px;height:3px;border-radius:3px;background:var(--grad-warm);transition:width .5s var(--ease)}
.member:hover .member__name::after{width:110px}
.member__bio p{font-size:.98rem;line-height:1.75}
.member__bio p:last-child{margin-bottom:0}
@media(max-width:991px){
  .member,.member--flip{grid-template-columns:1fr;gap:1.4rem}
  .member--flip .member__photo{order:0}
  .member__photo{aspect-ratio:4/4.2;max-height:460px;width:100%}
  .member__body,.member--flip .member__body{padding:0 .4rem .6rem}
}
@media(max-width:575px){
  .member{border-radius:var(--r-lg)}
  .member__photo{aspect-ratio:1/1}
}