/* =========================
   OUR TEAM AND PARTNERS
========================= */
.partner-section{
  background: #F7E9D8; /* ครีม */
  display:flex;
  align-items:center; 
}

.partner-title{
  text-align:center;
  margin: 0;
}
.partner-underline{
  width: 160px;
  height: 4px; 
  margin: var(--mt-top-line) auto var(--mt-bottom-line);
  border-radius: var(--radius-line);
  background: var(--bg-line);
}
.partner-panel{
  text-align: center;  
  margin: 0;  
}
.partner-wrap{
	max-width: calc(var(--max) - 240px);  
	margin: 0 auto;
}
/* ===== Hero row ===== */
.partner-hero{
  display: grid;
  /*grid-template-columns: 1.05fr .95fr;*/
  grid-template-columns: 55% 45%;
  gap: clamp(16px, 2.5vw, 32px);
  align-items: center;
  /*margin-bottom: clamp(28px, 6vw, 52px);*/
}

/* Big photo with circle background feel */
.partner-hero-photo{
  margin: 0;
  position: relative;
  width: 100%;
  max-width: 480px;
}

.partner-hero-photo::before{
  content:"";
  position:absolute;
 /*  inset: -36px -24px -36px -24px;
 border-radius: 999px;
  background: rgba(244,182,59,.55);  วงกลมส้มอ่อน */
  z-index: 0;
}

.partner-hero-photo img{
  position: relative;
  z-index: 1;
  width: 100%;
  /*aspect-ratio: 4/5;*/
  object-fit: cover;
 /* border-radius: 12px;
  box-shadow: 0 16px 36px rgba(0,0,0,.12);*/
}

/* Founder bio block */
.partner-hero-bio{
  /*color: rgba(35,30,23,.86);*/
}

.partner-founder{
  display:flex;
  align-items:center;
  gap: 14px;
  margin-bottom: 14px;
}

.partner-founder-avatar{
  /*width: 84px;
  height: 84px;
  border-radius: 999px;*/
  overflow: hidden;
  /*background: rgba(255,255,255,.7);
  border: 4px solid rgba(244,182,59,.55);&*/
  flex: 0 0 auto;
}

.partner-founder-avatar img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.partner-founder-name{
  margin: 0;
  font-size: var(--fs-h1);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--text);
}

.partner-founder-role{
  font-size: var(--fs-h3);
  color: var(--text);
  margin-top: 4px;
}

.partner-founder-role span{ 
  font-weight: 700; 
}

.partner-founder-text{
  margin: 12px 0 0;
  line-height: 1.75; 
  color: var(--text);
  max-width: 62ch;  
  text-justify: inter-word;
  text-align: justify;  
}

/* ===== Middle story row ===== */
/*.partner-story{
  display: grid;
  
  grid-template-columns: 40% 60%;
  gap: clamp(16px, 2.5vw, 32px);
  align-items: center;
  margin-bottom: clamp(28px, 6vw, 56px);
}

.partner-story-title{
  margin: 0 0 10px;
  font-size: clamp(20px, 1.9vw, 30px); 
  font-weight: 700;
  color: var(--text);
}

.partner-story-desc{
  margin: 0;
  line-height: 1.75;
  color: var(--text);
  max-width: 62ch;
  text-justify: inter-word;
  text-align: justify;  
}

.partner-story-photo{
  margin: 0;
  width: 100%;
}

.partner-story-photo img{
  width: 100%;
  max-width: 520px;
  aspect-ratio: 4/3;
  object-fit: cover;
  justify-self: end;
}
 */
 .partner-story{
  /* ถ้าอนาคตจะมี text+image ให้เปิด grid ได้เลย */
  /* display: grid;
  grid-template-columns: 1fr 1fr; */

  width: 100%;
  display: flex;
  justify-content: center;              /* จัดเนื้อหาทั้งบล็อกให้อยู่กลาง */
  align-items: center;
  gap: clamp(16px, 2.5vw, 32px);
  margin-bottom: clamp(28px, 6vw, 56px);
}

.partner-story-title{
  margin: 0 0 10px;
  font-size: clamp(20px, 1.9vw, 30px);
  font-weight: 700;
  color: var(--text);
}

.partner-story-desc{
  margin: 0;
  line-height: 1.75;
  color: var(--text);
  max-width: 62ch;
  text-justify: inter-word;
  text-align: justify;
}

/* figure ครอบรูป */
.partner-story-photo{
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: center;              /* รูปอยู่กลางแนวนอน */
  align-items: center;                  /* กันกรณีมีความสูงต่าง */
}

/* ตัวรูป */
.partner-story-photo img{
  display: block;
  width: 100%;
  max-width: clamp(320px, 55vw, 720px); /* คุม size responsive */
  height: auto;

  /* เผื่อภาพบางไฟล์มีช่องว่าง/ baseline แปลก ๆ */
  vertical-align: middle;
}
/* ===== Members ===== */
.partner-members{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(18px, 4vw, 44px);
  align-items: start;
  padding-top: 8px;
  margin-bottom: clamp(28px, 6vw, 56px);
}

.member-card{
  text-align: center;
}
/*
.member-avatar{
  width: 210px;
  height: 210px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(200,200,200,.55);
  margin: 0 auto 18px;
}

.member-avatar img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
*/
.member-avatar{
  width: clamp(120px, 18vw, 220px);
  aspect-ratio: 1 / 1;          /* บังคับเป็นสี่เหลี่ยมจัตุรัส */
  border-radius: 999px;         /* วงกลม */
  overflow: hidden;
  margin: 0 auto 18px;

 /* background: linear-gradient(
    135deg,
    rgba(240,240,240,.9),
    rgba(210,210,210,.9)
  );
  
  
  box-shadow:
    0 8px 20px rgba(0,0,0,.08);
  */
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;

}

.member-avatar img{
width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.member-nick{
  margin: 0;
  font-size: clamp(22px, 2.5vw, 32px);
  font-weight: 700;
  color: var(--text);
}

.member-name{
  margin-top: 6px;
  font-size: clamp(18px, 2.5vw, 22px);
  color: rgba(35,30,23,.75);
}

.member-pos{
  margin-top: 8px;
  font-size: clamp(16px, 1.5vw, 21px);
  color: rgba(35,30,23,.90);
}
.member-pos span{ 
  font-weight: 700; 
}

/* ===== Partners logos ===== */
.partners{
  display:flex;
  justify-content: center;
  align-items: center;
  gap: clamp(28px, 6vw, 80px);
  padding-top: 10px;
}

.partner-logo{
  max-height: 70px;
  width: auto;
  opacity: .95;
  filter: saturate(1.05);
}

/* ===== Responsive ===== */
@media (max-width: 980px){
  .partner-hero{
    grid-template-columns: 1fr;
  }
  .partner-hero-photo{
    max-width: 560px;
    margin: 0 auto;
  }
  .partner-founder-text{
    max-width: none;
  }

  .partner-story{
    grid-template-columns: 1fr;
  }
  .partner-story-photo img{
    max-width: none;
  }

  .partner-members{
    grid-template-columns: 1fr;
  }
  .member-avatar{
    width: 190px;
    height: 190px;
  }
}