/* ==========================================================================
   MODULE: values   (scope: .m-values)
   PDF পেজ ১৯ — Our Core Values
   ========================================================================== */

.m-values__layout{
  display:grid;gap:clamp(1.8rem,4vw,3.2rem);
  grid-template-columns:1fr;
  align-items:center;
}
@media (min-width:640px){
  .m-values__layout{grid-template-columns:1fr 1.25fr}
}

.m-values__media{
  max-width:520px;
  width:100%;
  margin-inline:auto;
}

.m-values__frame{
  margin:0;
  background:transparent;
  border:none;
  box-shadow:none;
}
.m-values__frame img{
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 14px 30px rgba(13, 44, 34, 0.09));
  transition:transform .45s var(--ease), filter .45s var(--ease);
}
@media (hover: hover){
  .m-values__frame:hover img{
    transform:translateY(-4px);
    filter:drop-shadow(0 20px 38px rgba(13, 44, 34, 0.14));
  }
}
@media (max-width:639px){
  .m-values__frame img{aspect-ratio:1/1;object-fit:contain}
}

.m-values__list{
  display:grid;
  gap:clamp(.4rem,1.3vh,1.4rem);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
}

.m-values__item{
  display:flex;gap:clamp(.7rem,1.6vw,1.1rem);
  align-items:flex-start;
  padding:clamp(.4rem,1.3vh,1.6rem);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--cream);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .35s,background .35s;
}
.m-values__item:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow);
  border-color:rgba(164,204,60,.7);
  background:var(--paper);
}

.m-values__key{
  flex:none;
  display:grid;place-items:center;
  width:clamp(34px,6vh,42px);height:clamp(34px,6vh,42px);
  border-radius:12px;
  background:var(--green-800);
  color:var(--lime);
  font-family:var(--font-display);
  font-size:clamp(.95rem,2.4vh,1.1rem);font-weight:800;
}

.m-values__title{
  font-size:1.1rem;
  color:var(--ink);
  margin-bottom:.35rem;
}
.m-values__text{
  margin:0;
  font-size:.94rem;
  line-height:1.55;
  color:var(--muted);
}

/* ছোট উচ্চতা (≤৭৬০px): ৪টি আইটেম এক স্ক্রিনে বসে */
@media (max-height:779px){
  .m-values__item{padding:clamp(.35rem,1.1vh,1.6rem)}
  .m-values__title{font-size:clamp(.95rem,2.2vh,1.1rem)}
  .m-values__text{font-size:clamp(.8rem,1.65vh,.94rem);line-height:1.42}
}