.about-belfex {
  display: grid;
  gap: var(--space-xl);
  padding-block: var(--space-2xl);
  background: var(--color-surface-dark);
  color: var(--color-on-accent);
}

.about-belfex__lead { display: flex; justify-content: flex-end; }

.about-belfex__description {
  inline-size: min(100%, var(--size-about-lead));
  margin: 0;
  color: var(--color-text-secondary);
  font-size: var(--fs-body);
  font-weight: 400;
  line-height: var(--lh-tight);
  letter-spacing: -.03em;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  overflow-wrap: anywhere;
}

.about-belfex__visual {
  inline-size: 100%;
  aspect-ratio: 1440 / 609;
  overflow: hidden;
}

.about-belfex__image {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.about-belfex__closing {
  max-inline-size: var(--size-about-closing);
  margin: 0;
  color: var(--color-text-secondary);
  font-size: var(--fs-about-hero-copy);
  font-weight: 274;
  line-height: var(--lh-tight);
  letter-spacing: -.015em;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  overflow-wrap: anywhere;
}

@media (width <= 48rem) {
  .about-belfex__visual { aspect-ratio: 4 / 3; }
  .about-belfex__description { inline-size: 100%; line-height: var(--lh-description); }
  .about-belfex__closing { line-height: var(--lh-card); }
}
