.home-about {
  padding: 120px 0 100px;
  background: #FFFFFF;
  color: #000000;
}
.about-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px;
  width: min(1204px, calc(100% - 48px));
  margin: 0 auto;
}
.about-copy, .about-cards { min-width: 0; }
.about-eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #0A3D68;
  font-size: 18px;
  line-height: 24px;
}
.about-eyebrow img { display: block; flex: none; }
.about-heading {
  margin: 5px 0 17px;
  color: #0A3D68;
  font-family: "Anton", Impact, 'Arial Narrow', sans-serif;
  font-size: clamp(56px, 4.45vw, 64px);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: .3px;
}
.about-heading span { display: block; }
.about-heading span + span { color: #2E9C91; }
:lang(fi) .about-heading { font-size: clamp(46px, 3.7vw, 54px); }
:lang(sv) .about-heading { font-size: clamp(46px, 3.7vw, 54px); }
.about-body {
  max-width: 588px;
  margin: 0;
  font-size: 17px;
  line-height: 30px;
}
.about-body p { margin: 0; }
.about-body p + p { margin-top: 17px; }
.about-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 17px; }
.about-button {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 22px;
  border: 1.5px solid #0A3D68;
  border-radius: 4px;
  color: #0A3D68;
  text-decoration: none;
  white-space: nowrap;
  font-size: 14px;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.about-button img { display: block; flex: none; }
.about-button-primary { min-width: 139px; background: #0A3D68; color: #FFFFFF; }
.about-button-primary:hover { border-color: #2E9C91; background: #2E9C91; }
.about-button-secondary { min-width: 164px; border-width: 2px; background: #FFFFFF; font-weight: 600; }
.about-button-secondary:hover { background: #0A3D68; color: #FFFFFF; }
.about-button-secondary img { transition: filter .2s ease; }
.about-button-secondary:hover img { filter: brightness(0) invert(1); }
.about-features { margin-top: 49px; }
.about-feature {
  display: flex;
  min-height: 66px;
  align-items: center;
  gap: 16px;
  padding: 9px 24px;
  border-top: 1px solid #b9cbd9;
}
.about-feature > img { display: block; width: 46px; height: 46px; flex: none; }
.about-feature h3 { margin: 0; }
.about-feature h3 { color: #0A3D68; font-size: 16px; font-weight: 600; line-height: 22px; }
.about-cards { display: grid; gap: 18px; align-content: start; }
.about-card {
  display: grid;
  grid-template-columns: 48% 52%;
  height: 154px;
  overflow: hidden;
  border-radius: 4px;
  background: #F8FAFC;
}
.about-card-image { height: 154px; overflow: hidden; }
.about-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .2s ease;
}
.about-card:hover .about-card-image img { transform: scale(1.04); }
.about-card-text { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; justify-content: center; padding: 20px 24px; }
.about-card h3 {
  margin: 0;
  color: #0A3D68;
  font-family: "Anton", Impact, 'Arial Narrow', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  text-transform: uppercase;
}
.about-card p { margin: 8px 0 0; color: #0A3D68; font-size: 14px; line-height: 24px; }
@media (max-width: 1100px) {
  .home-about { padding: 88px 0; }
  .about-inner { grid-template-columns: minmax(0, 1fr); width: min(720px, calc(100% - 40px)); gap: 48px; }
  .about-heading, :lang(fi) .about-heading, :lang(sv) .about-heading { font-size: clamp(36px, 6vw, 50px); }
  .about-cards { width: 100%; }
}
@media (max-width: 600px) {
  .home-about { padding: 72px 0; }
  .about-inner { width: calc(100% - 32px); gap: 40px; }
  .about-eyebrow { font-size: 16px; }
  .about-heading, :lang(fi) .about-heading, :lang(sv) .about-heading { font-size: clamp(31px, 8vw, 42px); }
  .about-heading span { overflow-wrap: anywhere; }
  .about-body { font-size: 15px; line-height: 1.75; }
  .about-actions { gap: 12px; }
  .about-features { margin-top: 40px; }
  .about-feature { gap: 12px; padding: 12px 8px; }
  .about-feature h3 { font-size: 15px; }
  .about-card { grid-template-columns: 44% 56%; height: 132px; }
  .about-card-image { height: 132px; }
  .about-card-text { padding: 12px 14px; }
  .about-card h3 { font-size: 15px; }
  .about-card p { font-size: 12px; line-height: 18px; }
}