/* Team member pages (components/site/TeamMemberPage.tsx) — 2026-08-21 */
.kod-team-hero,.kod-team-posts,.kod-team-others{font-family:Poppins,sans-serif;}
.kod-team-hero *,.kod-team-posts *,.kod-team-others *{box-sizing:border-box;}

.kod-team-hero{background:#111;color:#fff;padding:190px 24px 104px;position:relative;overflow:hidden;}
.kod-team-hero::before{content:"";position:absolute;left:-10%;top:-40%;width:55%;height:180%;background:#1b1b1b;transform:skewX(-18deg);pointer-events:none;}
.kod-team-hero__inner{position:relative;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:360px minmax(0,1fr);gap:72px;align-items:center;}
.kod-team-hero__photo{width:360px;height:360px;border-radius:50%;overflow:hidden;background:#FFDA1A;box-shadow:0 0 0 14px #FFDA1A;}
.kod-team-hero__photo img{width:100%;height:100%;object-fit:cover;display:block;}
.kod-team-hero__eyebrow{margin:0 0 14px;font-size:15px;font-weight:700;color:#FFDA1A;text-transform:uppercase;}
.kod-team-hero__eyebrow a{color:inherit;text-decoration:none;}
.kod-team-hero__name{font-size:56px !important;line-height:1.1 !important;font-weight:800;text-transform:uppercase;margin:0 0 14px;color:#fff;}
.kod-team-hero__title{font-size:20px;font-weight:600;margin:0 0 22px;color:#fff;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;}
.kod-team-hero__loc{font-size:15px;font-weight:400;color:#b5b5b5;}
.kod-team-hero__bio{font-size:18px;line-height:1.7;color:#d9d9d9;margin:0 0 30px;max-width:640px;}
.kod-team-hero__actions{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;}
.kod-team-hero__link{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:#FFDA1A;text-decoration-thickness:2px;text-underline-offset:4px;}

.kod-team-posts{background:#fff;padding:88px 24px;}
.kod-team-posts__inner{max-width:1120px;margin:0 auto;}
.kod-team-posts__title{font-size:36px !important;line-height:1.15 !important;font-weight:800;text-transform:uppercase;margin:0 0 40px;color:#111;}
.kod-team-posts__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;}
.kod-team-posts__card{display:block;color:#111;text-decoration:none;}
.kod-team-posts__img{display:block;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:#f2f2f2;}
.kod-team-posts__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
.kod-team-posts__card:hover .kod-team-posts__img img{transform:scale(1.04);}
.kod-team-posts__meta{display:block;font-size:14px;color:#5b5b5b;margin:18px 0 8px;}
.kod-team-posts__name{display:block;font-size:21px;line-height:1.35;font-weight:700;}
.kod-team-posts__card:hover .kod-team-posts__name{text-decoration:underline;text-decoration-color:#FFDA1A;text-decoration-thickness:2px;text-underline-offset:4px;}
.kod-team-posts__excerpt{display:block;font-size:15.5px;line-height:1.6;color:#444;margin-top:10px;}

.kod-team-others{background:#f6f6f6;padding:80px 24px 96px;}
.kod-team-others__inner{max-width:1120px;margin:0 auto;}
.kod-team-others__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:36px;}
.kod-team-others__title{font-size:32px !important;line-height:1.15 !important;font-weight:800;text-transform:uppercase;margin:0;color:#111;}
.kod-team-others__all{color:#111;font-weight:600;text-decoration:underline;text-decoration-color:#FFDA1A;text-decoration-thickness:2px;text-underline-offset:4px;}
.kod-team-others__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.kod-team-others__card{display:flex;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:16px 18px;color:#111;text-decoration:none;height:100%;transition:transform .2s ease,box-shadow .2s ease;}
.kod-team-others__card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.08);}
.kod-team-others__avatar{flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden;background:#FFDA1A;}
.kod-team-others__avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.kod-team-others__name{display:block;font-size:15.5px;font-weight:700;line-height:1.25;}
.kod-team-others__role{display:block;font-size:13px;color:#5b5b5b;margin-top:2px;line-height:1.3;}
.kod-team-others__text{min-width:0;display:block;}

@media (max-width:1024px){
  .kod-team-hero{padding:130px 20px 64px;}
  .kod-team-hero__inner{grid-template-columns:1fr;gap:32px;text-align:left;}
  .kod-team-hero__photo{width:200px;height:200px;box-shadow:0 0 0 10px #FFDA1A;}
  .kod-team-hero__name{font-size:36px !important;}
  .kod-team-hero__title{font-size:17px;}
  .kod-team-hero__bio{font-size:17px;}
  .kod-team-posts{padding:56px 20px;}
  .kod-team-posts__title{font-size:26px !important;margin-bottom:24px;}
  .kod-team-posts__grid{grid-template-columns:1fr;gap:32px;}
  .kod-team-others{padding:56px 20px 64px;}
  .kod-team-others__title{font-size:24px !important;}
  .kod-team-others__grid{grid-template-columns:1fr 1fr;gap:12px;}
  .kod-team-others__card{padding:12px 12px;gap:10px;}
  .kod-team-others__avatar{width:44px;height:44px;}
}
@media (max-width:520px){.kod-team-others__grid{grid-template-columns:1fr;}}