.about-main { width: min(1000px,calc(100% - 48px)); }
.about-hero { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 48px; padding-bottom: 48px; }
.about-hero h1 { margin: 10px 0 20px; }
.about-hero img { display: block; width: 100%; max-height: 440px; object-fit: contain; }
.about-values { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 44px; }
.about-values img { display: block; width: 100%; max-height: 350px; object-fit: contain; }
.about-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 26px 0 32px; }
.about-links a { display: flex; flex-direction: column; justify-content: space-between; gap: 16px; min-height: 142px; padding: 22px; border: 1px solid #e8e5dc; border-radius: 16px; background: #fff; text-decoration: none; }
.about-links a:hover { background: #fff7d6; border-color: #d9c155; }
.about-links strong { font-size: 18px; line-height: 1.5; }
.about-links span { font-size: 14px; font-weight: 700; }
.about-final .p-update__button { margin-right: 24px; }
.about-movie-link { font-weight: 700; }
@media(max-width:650px) {
  .about-main { width: calc(100% - 40px); }
  .about-hero,.about-values { grid-template-columns: 1fr; gap: 20px; }
  .about-hero img { max-height: 300px; }
  .about-values img { max-height: 260px; }
  .about-links { grid-template-columns: 1fr; }
  .about-links a { min-height: 110px; }
  .about-final .p-update__button { margin: 0 0 18px; }
}