/* User-selected 16:9 framing keeps the phone clamp and C1 body in view. */
.page-about .about-story-reverse .about-activity-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: 50% 15%;
  background: transparent;
}

/* Open company and brand introductions, with official outbound destinations. */
.page-about .about-brands{background:#fff}
.page-about .about-brands-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.page-about .about-brands-intro h2{margin:0;font-size:clamp(30px,3.1vw,42px);line-height:1.18}
.page-about .about-brands-intro>p{margin:0;color:var(--sub);font-size:16px;line-height:1.7;max-width:510px}
.page-about .about-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:38px}
.page-about .about-brand-grid article{display:flex;flex-direction:column;align-items:start;min-width:0;border-top:1px solid var(--line);padding-top:25px}
.page-about .about-brand-grid h3{font-size:29px;font-weight:550;line-height:1.25;margin:0 0 17px}
.page-about .about-brand-grid p{font-size:16px;line-height:1.75;color:var(--sub);margin:0 0 22px;max-width:530px}
.page-about .about-brand-grid .small-link{margin-top:auto;font-size:14px}
.page-about .about-brand-grid a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:800px){.page-about .about-brands-intro{grid-template-columns:1fr;gap:18px}.page-about .about-brand-grid{gap:36px}}
@media(max-width:600px){.page-about .about-brand-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}.page-about .about-brand-grid h3{font-size:27px}.page-about .about-brand-grid p{font-size:15px;margin-bottom:15px}}