/* AGEphone only: illustration placement and responsive spacing. */
.agephone-page .section { padding-block: 80px; }
.agephone-page .section__title { margin-bottom: 28px; }
.agephone-page .section__lead { margin-bottom: 36px; }
.agephone-page .media-row { gap: 40px; }
.agephone-page .media-row > * { min-width: 0; }

.agephone-page .agephone-hero { padding-block: 32px 56px; }
.agephone-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  align-items: center;
  gap: 28px;
  margin-top: 36px;
}
.agephone-hero__copy { min-width: 0; }
.agephone-page .agephone-hero h1 { font-size: clamp(30px, 2.9vw, 40px); line-height: 1.5; margin-block: 10px 20px; }
.agephone-hero__ending { white-space: nowrap; }
.agephone-hero__art img { width: 100%; height: auto; }
.agephone-page .agephone-hero .hero__actions { margin-top: 28px; gap: 12px; }
.agephone-hero__logo { margin-top: 24px; }
.agephone-page .logo-chip { max-width: 100%; }
.agephone-page .logo-chip img { width: 218px; max-width: 100%; height: auto; }

.agephone-page #about .media-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); align-items: center; }
.agephone-connection { display: block; }
.agephone-connection img { width: 100%; height: auto; }
.agephone-screens { margin: 40px auto 0; max-width: 900px; padding: 28px 40px; background: #F6F8FA; border-radius: 16px; }
.agephone-screens img { width: 100%; height: auto; }

.agephone-page .cards { gap: 24px; }
.agephone-page #download > .container > .cards:first-of-type,
.agephone-page #business .cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.agephone-page .card { padding: 24px; }
.agephone-card-art { width: 100%; height: 168px; object-fit: contain; margin-bottom: 24px; flex-shrink: 0; }
.agephone-page .card p { flex: 0 0 auto; }
.agephone-page #download .card > p:not(.dl-meta) { min-height: 81px; }
.agephone-page #download .dl-list { margin-top: 20px; padding-top: 18px; padding-bottom: 24px; }
.agephone-page #download .card > .btn { margin-top: auto; }
.agephone-page #business .card > .card__link { margin-top: auto; padding-top: 24px; }
.agephone-business-intro { margin-bottom: 40px; }
.agephone-page #business .media-row__img { background: #fff; box-shadow: none; padding: 20px; }
.agephone-page #media .media-row__img { max-width: 440px; width: 100%; justify-self: end; box-shadow: none; }
.agephone-page .note { line-height: 1.9; }

.agephone-page .agephone-contact { padding-block: 56px; }
.agephone-contact__grid {
  max-width: 1092px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 48px;
  align-items: center;
  text-align: left;
}
.agephone-contact__art { width: 260px; height: auto; background: #FFF7F0; border-radius: 20px; }
.agephone-page .agephone-contact h2 { font-size: clamp(24px, 2.4vw, 32px); }
.agephone-contact__copy p { max-width: 680px; }

@media (max-width: 1000px) {
  .agephone-hero__grid { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 16px; }
  .agephone-page .agephone-hero h1 { font-size: 32px; }
  .agephone-page #about .media-row { grid-template-columns: 1fr; gap: 28px; }
  .agephone-connection { width: 100%; max-width: 720px; margin-inline: auto; }
  .agephone-page #download > .container > .cards:first-of-type,
  .agephone-page #business .cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .agephone-page .card { padding: 20px; }
  .agephone-page #download .card > .btn { padding-inline: 12px; font-size: 14px; }
  .agephone-card-art { height: 140px; margin-bottom: 20px; }
  .agephone-page #download .card > p:not(.dl-meta) { min-height: 108px; }
  .agephone-page #business .media-row__img,
  .agephone-page #media .media-row__img { order: 0; justify-self: start; }
}
@media (max-width: 760px) {
  .agephone-page .section { padding-block: 56px; }
  .agephone-page .section__title { margin-bottom: 24px; }
  .agephone-page .agephone-hero { padding-block: 24px 40px; }
  .agephone-hero__grid { grid-template-columns: 1fr; gap: 28px; margin-top: 28px; }
  .agephone-page .agephone-hero h1 { font-size: clamp(28px, 5.4vw, 36px); }
  .agephone-hero__art { width: min(100%, 420px); justify-self: center; }
  .agephone-page .agephone-hero .hero__actions { flex-wrap: wrap; }
  .agephone-page #download > .container > .cards:first-of-type,
  .agephone-page #business .cards { grid-template-columns: 1fr; gap: 20px; }
  .agephone-page .card { padding: 24px; }
  .agephone-card-art { height: 160px; }
  .agephone-page #download .card > p:not(.dl-meta) { min-height: 0; }
  .agephone-page .media-row { gap: 24px; }
  .agephone-screens { margin-top: 28px; padding: 20px 12px; }
  .agephone-page .agephone-contact { padding: 40px 24px; }
  .agephone-contact__grid { grid-template-columns: 1fr; gap: 28px; text-align: center; }
  .agephone-contact__art { width: 220px; justify-self: center; }
  .agephone-page .agephone-contact p { margin-bottom: 24px; }
}
@media (max-width: 480px) {
  .agephone-page .agephone-hero .hero__actions > .btn { width: 100%; }
  .agephone-page .page-header__meta { gap: 8px; }
  .agephone-page .badge { font-size: 11px; }
  .agephone-page .table th, .agephone-page .table td { padding: 14px 12px; }
}
