/* Services use the original page content and the shared INALKO identity. */
.inner-view-services .inner-hero { padding-bottom: 30px; }
.inner-view-services .inner-hero h1 { max-width: 1000px; }
.services-intro { max-width: 850px; margin-bottom: 42px; }
.services-intro p { font-size: 20px; line-height: 1.6; color: var(--inalko-muted); }
.services-intro p + p { margin-top: 18px; }
.services-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-bottom: 96px; }
.services-link { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border-radius: 24px; background: var(--inalko-surface); }
.services-link > img { display: block; width: 100%; height: 230px; object-fit: cover; }
.services-link-label { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px; min-height: 76px; background: var(--inalko-primary); color: #fff; font-size: 17px; font-weight: 600; line-height: 1.3; }
.services-link-label > span { flex-shrink: 0; font-size: 26px; font-weight: 400; }
.services-link-rental .services-link-label { background: var(--inalko-accent); color: var(--inalko-primary); }
.services-link:hover .services-link-label { text-decoration: underline; text-underline-offset: 4px; }
.services-details { display: grid; gap: 96px; }
.services-section { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; column-gap: 80px; }
.services-copy { min-width: 0; }
.services-copy h2 { font-size: clamp(32px, 3.4vw, 46px); line-height: 1.1; text-wrap: balance; margin: 0 0 26px; }
.services-copy p, .services-copy li { font-size: 18px; line-height: 1.7; color: var(--inalko-muted); }
.services-copy p + p { margin-top: 20px; }
.services-copy p a { text-decoration: underline; text-underline-offset: 4px; }
.services-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.services-actions .button { min-height: 48px; white-space: normal; text-align: center; }
.services-media { min-width: 0; }
.services-media figure { margin: 0; }
.services-media img { display: block; width: 100%; aspect-ratio: 1.18; height: auto; object-fit: cover; border-radius: 28px; }
.services-section:nth-child(even) .services-media { grid-column: 1; grid-row: 1; }
.services-section:nth-child(even) .services-copy { grid-column: 2; grid-row: 1; }
.services-portraits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.services-portraits img { aspect-ratio: 3 / 4; border-radius: 22px; object-position: 50% 24%; }
.services-portraits figure:nth-child(2) img { object-position: 50% 12%; }
.services-media figcaption { margin-top: 14px; font-size: 14px; color: var(--inalko-muted); }
.inner-view-services .inner-consult { margin-top: 96px; }
@media (max-width: 1000px) {
  .services-links { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 70px; }
  .services-link > img { height: auto; aspect-ratio: 1.6; }
  .services-section { column-gap: 40px; }
  .services-details { gap: 70px; }
}
@media (max-width: 767px) {
  .inner-view-services .inner-hero { padding-bottom: 26px; }
  .services-intro { margin-bottom: 30px; }
  .services-intro p { font-size: 18px; line-height: 1.6; }
  .services-links { gap: 16px; margin-bottom: 56px; }
  .services-link { border-radius: 20px; }
  .services-link-label { padding: 16px; min-height: 70px; font-size: 16px; }
  .services-section { grid-template-columns: 1fr; row-gap: 30px; }
  .services-section:nth-child(even) .services-copy, .services-section:nth-child(even) .services-media { grid-column: auto; grid-row: auto; }
  .services-copy h2 { font-size: 34px; margin-bottom: 22px; }
  .services-copy p, .services-copy li { font-size: 17px; }
  .services-actions { margin-top: 24px; }
  .services-media img { aspect-ratio: 4 / 3; border-radius: 20px; }
  .services-portraits img { aspect-ratio: 3 / 4; border-radius: 18px; }
  .services-media figcaption { font-size: 13px; margin-top: 10px; }
  .services-details { gap: 56px; }
  .inner-view-services .inner-consult { margin-top: 56px; }
}
@media (max-width: 479px) {
  .services-links { grid-template-columns: 1fr; gap: 18px; }
  .services-link > img { aspect-ratio: 1.8; }
  .services-link-label { min-height: 64px; font-size: 18px; padding: 16px 20px; }
  .services-copy h2 { font-size: 32px; }
}
