/* Styles specific to about.html. */

.about-intro {
  padding-top:32px;
  padding-bottom:72px;
}

.about-title {
  margin:16px 0 0;
  font-weight:200;
  font-size:clamp(48px,7.4vw,108px);
  line-height:1;
  letter-spacing:-2px;
}

.about-summary {
  display:flex;
  flex-wrap:wrap;
  gap:24px 56px;
  margin-top:40px;
  align-items:flex-start;
}

.about-description {
  flex:1 1 420px;
  margin:0;
  font-size:18px;
  line-height:1.65;
  color:var(--mute);
  max-width:620px;
}

.about-actions {
  flex:0 1 auto;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.about-mosaic {
  margin-top:48px;
  display:grid;
  grid-template-columns:2fr 1fr;
  grid-template-rows:220px 220px;
  gap:16px;
}

.mosaic-tall {
  grid-row:1 / 3;
}

.about-photo-main {
  border-radius:0 48px 0 0;
  height:100%;
}

.about-photo-small {
  border-radius:0 24px 0 0;
  height:100%;
}

.about-partner-row {
  margin-top:36px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:20px;
}

.about-partner-placeholder {
  width:160px;
  height:64px;
  background:var(--white);
  border:1px dashed var(--field);
  font-size:12px;
}

.about-partner-description {
  margin:0;
  font-size:16px;
  color:var(--mute);
  max-width:620px;
  line-height:1.6;
}