/* ==========================================================
   ABOUT — short company description
   OFFER — "что получает компания" 5-pillar grid
   ========================================================== */
.about{
  max-width:820px;margin:0 auto;padding:140px 32px 100px;text-align:center;
}
.about .eyebrow{margin-bottom:24px;}
.about h2{
  font-family:Georgia,"Noto Serif","Times New Roman",serif;font-style:italic;font-weight:500;
  font-size:clamp(28px,4vw,44px);margin-bottom:24px;line-height:1.2;
}
.about p{color:var(--ink-soft);font-size:16px;line-height:1.8;}

.offer{padding:0 48px 160px;}
.offer-head{max-width:640px;margin:0 auto;padding-bottom:56px;text-align:center;}
.offer-head h2{
  font-family:Georgia,"Noto Serif","Times New Roman",serif;font-style:italic;font-weight:500;
  font-size:clamp(28px,4vw,42px);
}
.offer-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);
}
.offer-card{
  background:var(--cream);padding:36px 26px;
}
.offer-card .eyebrow{display:block;margin-bottom:18px;}
.offer-card h3{
  font-family:Georgia,"Noto Serif","Times New Roman",serif;font-style:italic;font-weight:500;
  font-size:21px;margin-bottom:12px;
}
.offer-card p{font-size:13px;line-height:1.65;color:var(--taupe);}

@media (max-width:1080px){
  .offer-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:640px){
  .about{padding:96px 20px 64px;}
  .offer{padding:0 20px 100px;}
  .offer-grid{grid-template-columns:1fr;}
}