.application-detail .hero-media img { object-position: center; }

.application-detail .app-metalwork { padding: 108px 0; background: #f3f4f2; border-block: 1px solid var(--line); }
.application-detail .app-metalwork-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.application-detail .app-metalwork-card { min-height: 190px; padding: 27px; display: grid; grid-template-columns: 48px 1fr; gap: 16px; background: #fff; border: 1px solid var(--line); }
.application-detail .app-metalwork-card > b { color: var(--metal); font: 400 1.5rem/1 Georgia, "Times New Roman", serif; }
.application-detail .app-metalwork-card h3 { margin: 0 0 11px; font-size: 1.45rem; line-height: 1.12; }
.application-detail .app-metalwork-card p { margin: 0 0 16px; color: var(--muted); font-size: .86rem; }
.application-detail .app-metalwork-card .text-link { align-self: end; }

.application-detail .app-related { padding: 108px 0; }
.application-detail .app-related-grid { display: grid; grid-template-columns: 1.05fr .95fr; min-height: 560px; background: #f3f4f2; border: 1px solid var(--line); }
.application-detail .app-related-media { min-height: 500px; overflow: hidden; }
.application-detail .app-related-media img { object-position: center; }
.application-detail .app-related-copy { padding: 50px; display: flex; flex-direction: column; justify-content: center; }
.application-detail .app-related-copy h2 { margin: 0 0 20px; font-size: clamp(2.5rem, 4vw, 4.2rem); line-height: 1; }
.application-detail .app-related-copy p { color: var(--muted); }
.application-detail .app-related-meta { display: grid; grid-template-columns: repeat(2, 1fr); margin: 19px 0 27px; border-block: 1px solid #c7cdce; }
.application-detail .app-related-meta div { padding: 15px 12px 15px 0; }
.application-detail .app-related-meta div + div { padding-left: 17px; border-left: 1px solid #c7cdce; }
.application-detail .app-related-meta strong { display: block; color: #886638; font: 400 1.18rem/1.2 Georgia, "Times New Roman", serif; }
.application-detail .app-related-meta span { display: block; margin-top: 6px; color: var(--muted); font-size: .65rem; letter-spacing: .07em; text-transform: uppercase; }

@media (max-width: 900px) {
  .application-detail .app-related-grid { grid-template-columns: 1fr; }
  .application-detail .app-related-media { height: 520px; min-height: 0; }
}

@media (max-width: 620px) {
  .application-detail .app-metalwork,
  .application-detail .app-related { padding: 78px 0; }
  .application-detail .app-metalwork-grid { grid-template-columns: 1fr; }
  .application-detail .app-metalwork-card { min-height: 0; padding: 23px; grid-template-columns: 38px 1fr; }
  .application-detail .app-related-media { height: 420px; }
  .application-detail .app-related-copy { padding: 34px 23px; }
  .application-detail .app-related-meta { grid-template-columns: 1fr; }
  .application-detail .app-related-meta div + div { padding-left: 0; border-top: 1px solid #c7cdce; border-left: 0; }
}