html:has(.applications-page) { scroll-behavior: auto; }

.applications-page .applications-list {
  max-width: 1600px;
  scroll-margin-top: 0;
}

.applications-list .application-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid #e2e5e3;
  margin: 0;
  scroll-margin-top: 0;
}

.applications-list .application-row + .application-row { border-top: 0; }
.applications-list .application-media {
  position: relative;
  min-height: 350px;
  padding: 0;
}

.applications-list .application-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  filter: none;
  transform: none;
}

.applications-list .application-row:nth-of-type(even) .application-media {
  grid-column: 2;
  grid-row: 1;
}

.applications-list .service-copy {
  align-self: center;
  padding: clamp(24px, 4vw, 66px);
  border: 0;
}

.applications-list .service-copy h2 {
  font-family: Anuphan, sans-serif;
  line-height: 1.3;
  margin: 9px 0 15px;
}

.application-specs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-width: 400px;
  margin: 24px 0;
}

.application-specs > div {
  background: #f4f6f4;
  padding: 11px 13px;
}

.application-specs dt { font: 400 12px/1.5 Anuphan, sans-serif; color: #536068; }
.application-specs dd { margin: 2px 0 0; font-size: 19px; }

.application-actions { display: flex; flex-wrap: wrap; gap: 12px 28px; }
@media (max-width: 700px) {
  .applications-list .application-row { grid-template-columns: minmax(0, 1fr); }
  .applications-list .application-row:nth-of-type(even) .application-media {
    grid-column: auto;
    grid-row: auto;
  }
  .applications-list .application-media { min-height: 0; aspect-ratio: 1.65; }
}