/* Mediation Group v33 — About / Trust, Human Dhaka framework
   Verified-only surface: warmth first, factual trust second. */
.about-human-dhaka{
  --about-milk:#f4eee5;
  --about-paper:#fbf7f0;
  --about-wine:#6f4038;
  --about-wine-dark:#583029;
  --about-forest:#303a34;
  --about-ink:#252723;
  --about-muted:#676861;
  --about-line:rgba(37,39,35,.18);
  --about-deep:#17242c;
  --about-deep-line:rgba(244,238,229,.2);
  background:var(--about-milk);
  color:var(--about-ink);
}
.about-human-dhaka .mg-shell[data-shell-state="reading"][data-shell-tone="light"]{
  background:rgba(244,238,229,.975);
  color:var(--about-ink);
  border-bottom-color:var(--about-line);
}
.about-human-dhaka .mg-shell__brand-name{color:var(--about-wine)}
.about-human-dhaka .mg-shell__action{color:var(--about-wine)}
.about-page h1,.about-page h2,.about-page h3{font-family:var(--serif);font-weight:400}
.about-kicker,
.about-human-dhaka .eyebrow{
  color:var(--about-wine);
  font-size:.67rem;
  font-weight:750;
  letter-spacing:.155em;
  line-height:1.35;
  text-transform:uppercase;
}
.about-page section{scroll-margin-top:calc(var(--shell-height) + 1rem)}

/* Hero --------------------------------------------------------------- */
.about-hero{
  min-height:82svh;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(23rem,.95fr);
  grid-template-areas:"copy media";
  gap:clamp(2.2rem,4.2vw,4.8rem);
  align-items:center;
  padding:calc(var(--shell-height) + clamp(1.1rem,2vw,2rem)) var(--gutter) clamp(2.8rem,4.2vw,4.4rem);
}
.about-hero__copy{grid-area:copy;max-width:48rem;padding-left:clamp(0rem,1vw,1rem)}
.about-hero h1{
  max-width:10.5ch;
  margin-top:1.45rem;
  color:var(--about-forest);
  font-size:clamp(3.8rem,5.6vw,6.35rem);
  letter-spacing:-.06em;
  line-height:.9;
}
.about-hero h1 em{color:var(--about-wine);font-weight:400}
.about-hero__lede{
  max-width:34rem;
  margin-top:1.7rem;
  color:var(--about-muted);
  font-family:var(--serif);
  font-size:clamp(1.05rem,1.35vw,1.28rem);
  line-height:1.6;
}
.about-hero__media{
  grid-area:media;
  position:relative;
  align-self:stretch;
  min-height:0;
  aspect-ratio:4 / 5;
  align-self:center;
  margin:0;
  overflow:hidden;
  border-radius:1.4rem;
  background:#d9d1c6;
}
.about-hero__media picture,.about-hero__media img{width:100%;height:100%}
.about-hero__media img{object-fit:cover;object-position:center 52%}
.about-hero__caption{
  position:absolute;
  left:1.15rem;
  bottom:1rem;
  z-index:2;
  max-width:78%;
  padding:.48rem .62rem;
  background:rgba(23,36,44,.78);
  color:#fff;
  font-size:.62rem;
  letter-spacing:.085em;
  line-height:1.4;
  text-transform:uppercase;
}

/* Method ------------------------------------------------------------- */
.about-method{background:var(--about-paper);padding:clamp(3.6rem,5vw,5rem) var(--gutter)}
.about-method__head{
  display:grid;
  grid-template-columns:3fr 6fr 3fr;
  gap:2rem;
  max-width:92rem;
  margin:0 auto clamp(2rem,3vw,3rem);
  align-items:end;
}
.about-method__head .about-kicker{align-self:start;padding-top:.45rem}
.about-method__head h2{
  grid-column:2;
  max-width:9.5ch;
  color:var(--about-forest);
  font-size:clamp(2.7rem,4.15vw,4.5rem);
  letter-spacing:-.055em;
  line-height:.94;
}
.about-method__head p:last-child{
  grid-column:3;
  color:var(--about-muted);
  font-family:var(--serif);
  font-size:1rem;
  line-height:1.58;
}
.about-method__list{max-width:92rem;margin:auto;border-top:1px solid var(--about-line)}
.about-method__item{
  display:grid;
  grid-template-columns:3fr 4fr 5fr;
  gap:clamp(1.2rem,3vw,3.5rem);
  align-items:baseline;
  min-height:5.35rem;
  padding:.9rem 0;
  border-bottom:1px solid var(--about-line);
}
.about-method__item span{color:var(--about-wine);font-size:.61rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.about-method__item h3{margin:0;color:var(--about-forest);font-size:clamp(1.55rem,2vw,2.15rem);letter-spacing:-.03em;line-height:1.05}
.about-method__item p{max-width:35rem;color:var(--about-muted);font-family:var(--serif);font-size:1rem;line-height:1.58}

/* Record ------------------------------------------------------------- */
.about-record{
  display:grid;
  grid-template-columns:4fr 8fr;
  gap:clamp(2.5rem,5vw,6rem);
  min-height:37rem;
  padding:clamp(4.8rem,6.5vw,6.5rem) var(--gutter);
  background:var(--about-deep);
  color:var(--about-milk);
}
.about-record__intro{align-self:start;max-width:31rem}
.about-record__intro h2{
  margin-top:0;
  max-width:8.5ch;
  color:var(--about-milk);
  font-size:clamp(3.7rem,6.2vw,6.8rem);
  letter-spacing:-.055em;
  line-height:.92;
}
.about-record__intro p:last-child{margin-top:2rem;color:rgba(244,238,229,.68);font-family:var(--serif);font-size:1rem;line-height:1.6}
.about-record dl{align-self:center;border-top:1px solid var(--about-deep-line);margin:0}
.about-record dl>div{
  display:grid;
  grid-template-columns:minmax(9rem,2fr) minmax(0,5fr);
  gap:1.5rem;
  padding:1.45rem 0;
  border-bottom:1px solid var(--about-deep-line);
}
.about-record dt{color:#d6a897;font-size:.61rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.about-record dd{margin:0;color:var(--about-milk);font-family:var(--serif);font-size:clamp(1.35rem,2.15vw,2.25rem);letter-spacing:-.02em;line-height:1.15}

/* Closing ------------------------------------------------------------ */
.about-close{padding:clamp(3.4rem,4.8vw,4.9rem) var(--gutter);background:var(--about-milk)}
.about-close__inner{max-width:70rem;margin:auto;text-align:center}
.about-close h2{max-width:10ch;margin:1.35rem auto 0;color:var(--about-forest);font-size:clamp(3.1rem,5.1vw,5.4rem);letter-spacing:-.058em;line-height:.92}
.about-close p{max-width:34rem;margin:1.35rem auto 0;color:var(--about-muted);font-family:var(--serif);font-size:1.05rem;line-height:1.6}
.about-close__action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3.35rem;
  margin-top:1.65rem;
  padding:.8rem 1.3rem;
  border:1px solid var(--about-wine);
  border-radius:999px;
  background:var(--about-wine);
  color:var(--about-milk);
  cursor:pointer;
  font-size:.7rem;
  font-weight:750;
  letter-spacing:.1em;
  text-transform:uppercase;
  transition:background 190ms ease,transform 190ms ease;
}
.about-close__action:hover,.about-close__action:focus-visible{background:var(--about-wine-dark);transform:translateY(-1px)}

/* Responsive --------------------------------------------------------- */
@media (max-width:1000px){
  .about-hero{grid-template-columns:1fr 1fr;gap:2.25rem}.about-hero h1{font-size:clamp(3.6rem,7vw,5.6rem)}
  .about-method__head{grid-template-columns:2fr 7fr 3fr}.about-record{grid-template-columns:1fr 1.35fr}
}
@media (max-width:760px){
  .about-hero{
    min-height:auto;
    grid-template-columns:1fr;
    grid-template-areas:"copy" "media";
    gap:1.7rem;
    padding:2.25rem var(--gutter) 3.1rem;
  }
  .about-hero__copy{padding-left:0}.about-hero h1{max-width:9.8ch;font-size:clamp(3.8rem,15vw,5.3rem)}
  .about-hero__lede{margin-top:1.35rem}.about-hero__media{min-height:0;aspect-ratio:4/5;border-radius:1rem}
  .about-hero__caption{max-width:88%;font-size:.54rem}
  .about-method{padding:3.7rem var(--gutter)}
  .about-method__head{display:block;margin-bottom:2.1rem}.about-method__head h2{margin-top:1rem;font-size:clamp(3.2rem,13vw,4.6rem)}
  .about-method__head p:last-child{margin-top:1.6rem;max-width:31rem}
  .about-method__item{grid-template-columns:4.5rem 1fr;gap:.8rem;min-height:0;padding:1.15rem 0}
  .about-method__item span{grid-row:1 / 3;padding-top:.32rem}.about-method__item h3{grid-column:2}.about-method__item p{grid-column:2;margin-top:.5rem}
  .about-record{grid-template-columns:1fr;min-height:auto;padding:4.3rem var(--gutter);gap:2.6rem}.about-record__intro h2{font-size:clamp(3.2rem,13vw,4.7rem)}
  .about-record dl>div{grid-template-columns:1fr;padding:1.35rem 0;gap:.55rem}.about-record dd{font-size:1.65rem}
  .about-close{padding:3.9rem var(--gutter)}.about-close h2{font-size:clamp(3.2rem,13vw,4.8rem)}
}
@media (max-width:390px){
  .about-hero h1{font-size:3.5rem}.about-hero__media{min-height:0}.about-method__item{grid-template-columns:3.8rem 1fr}.about-close h2{font-size:3.55rem}
}
@media (prefers-reduced-motion:reduce){
  .about-human-dhaka .about-close__action{transition:none!important}.about-human-dhaka .about-close__action:hover,.about-human-dhaka .about-close__action:focus-visible{transform:none!important}
}