/* A compact mission moment with the titles leading the hierarchy. */
#values{
  background:#292d25;
  color:#f3f1eb;
  padding-block:clamp(48px,4vw,64px) 32px;
}
#values .vision-mission{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(36px,5vw,72px);
  max-width:1120px;
  margin-inline:auto;
  align-items:start;
}
#values .vision-mission>div:last-child{padding-top:0}
#values .vision-mission .eyebrow{
  color:#f3f1eb;
  font:500 clamp(26px,2.1vw,32px)/1.2 Manrope,Arial,sans-serif;
  letter-spacing:-.015em;
  text-transform:none;
  margin:0;
}
#values .vision-mission h3{
  color:#c8cec3;
  font:400 clamp(16px,1.25vw,18px)/1.65 Manrope,Arial,sans-serif;
  letter-spacing:0;
  max-width:48ch;
  margin:18px 0 0;
}
#values .values-selector{text-align:center;margin:44px auto 0;max-width:1120px}
#values .values-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:14px clamp(22px,3vw,44px)}
#values .values-tabs button{background:none;border:0;border-radius:0;padding:0 0 8px;color:#b4bbad;font:400 clamp(17px,1.5vw,21px)/1.3 Manrope,Arial,sans-serif;letter-spacing:0;position:relative}
#values .values-tabs button[aria-selected="true"]{color:#f3f1eb}
#values .values-tabs button[aria-selected="true"]::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:20px;height:2px;background:#b9a77e}
#values .values-tabs button:hover{color:#f3f1eb}
#values .values-statements{margin:22px auto 0;min-height:3.1em;max-width:680px}
#values .values-statements p{margin:0;color:#c8cec3;font-size:clamp(15px,1.2vw,18px);line-height:1.55}
#values .values-statements [hidden]{display:none}
@media(max-width:1000px){
  #values .vision-mission{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,5vw,60px)}
  #values .vision-mission>div:last-child{padding-top:0}
}
@media(max-width:620px){
  #values{padding-block:54px 28px}
  #values .vision-mission{grid-template-columns:1fr;gap:42px}
  #values .vision-mission .eyebrow{font-size:26px}
  #values .vision-mission h3{font-size:16px;max-width:42ch}
}

/* Paired statements: clear labels beside readable copy. */
#values .vision-mission{grid-template-columns:1fr;gap:30px;max-width:1040px}
#values .vision-mission>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:48px;align-items:start}
#values .vision-mission .eyebrow{font-size:25px;line-height:1.4;letter-spacing:0}
#values .vision-mission h3{margin:0;max-width:none;font-family:DM,Arial,sans-serif;font-size:18px;font-weight:400;line-height:1.65;letter-spacing:0}
@media(max-width:620px){
 #values .vision-mission{gap:30px}
 #values .vision-mission>div{grid-template-columns:1fr;gap:12px}
 #values .vision-mission .eyebrow{font-size:24px}
 #values .vision-mission h3{font-size:16px}
}