/* About follows the Gallery's signature, type scale and open black surface. */
.info-shell header,.info-shell .info-page{width:76%;max-width:1400px}
.info-shell header{min-height:144px;padding:22px 0;border-bottom:0;align-items:center}
.info-shell header .brand{width:auto;height:auto;display:flex}
.info-shell .brand-signature{display:block;width:clamp(200px,23vw,380px);line-height:0}
.info-shell .brand-signature svg{display:block;width:100%;height:auto}
.info-shell .main-menu{gap:44px}
.info-shell .info-page{padding-top:32px}
.info-shell :is(h1,.specialties,.social-links,.experience h3,.experience h4){font-family:"Space Grotesk",Inter,"Helvetica Neue",Arial,sans-serif}
.info-shell .info-page h1{font-weight:500;letter-spacing:-1.5px;line-height:1.08}
.info-shell .specialties li{font-size:20px;font-weight:400;line-height:1.5;padding:20px 0}
.info-shell .specialties{gap:0 32px}
.info-shell .social-links a{font-size:16px;font-weight:400;line-height:1.5}
.info-shell .experience{margin-top:64px}
.info-shell .experience-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 26px;
}
.info-shell .experience article,
.info-shell .experience article:hover,
.info-shell .experience article:focus-within {
  display: block;
  padding: 21px 0 0;
  margin: 0;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.info-shell .experience h3 {
  font-size: 12px;
  letter-spacing: 1.2px;
  margin: 0 0 18px;
}
.info-shell .experience h4 { font-size: 20px; line-height: 1.4; margin: 0 0 15px; }
.experience-periods {
  display: grid;
  grid-template-columns: minmax(180px, .9fr) minmax(0, 2.4fr);
  gap: 22px clamp(20px, 4vw, 52px);
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}
.experience-periods dt { color: var(--text); }
.experience-periods time { white-space: nowrap; }
.experience-duration { display: block; color: var(--muted); }
.experience-periods dd { margin: 0; max-width: 65ch; color: var(--text); }
.experience-periods dd a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.experience-periods dd a:hover { text-decoration-thickness: 2px; }
@media(max-width:1000px){.info-shell header,.info-shell .info-page{width:88%}}
@media(max-width:650px){
.info-shell header,.info-shell .info-page{width:calc(100% - 40px)}
.info-shell header{min-height:104px;padding:12px 0}
.info-shell .brand-signature{width:170px}.info-shell .main-menu{gap:20px}
.info-shell .info-page{padding-top:28px}
.info-shell .specialties{gap:0 24px}.info-shell .specialties li{font-size:15px;padding:16px 0}
.info-shell .social-links a{font-size:15px}
.info-shell .experience{margin-top:48px}
.info-shell .experience h4{font-size:18px}
.experience-periods{grid-template-columns:minmax(0,1fr);gap:8px;font-size:14px}
.experience-periods dd + dt{margin-top:12px}
}
@media(max-width:380px){.info-shell .brand-signature{width:140px}.info-shell .main-menu{gap:14px}}