/* Duval Helpdesk service artwork. Existing navigation, prices and forms retain their styles. */
.dh-picture, .dh-hero-art picture { display: block; min-width: 0; }
.dh-picture img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; border-radius: 16px; }
.dh-hero-art { margin-block: 0 clamp(30px, 5vw, 56px); }
.dh-hero-art img { display: block; width: 100%; height: auto; aspect-ratio: 1916 / 821; object-fit: contain; border: 1px solid var(--line); border-radius: var(--radius-md); }
.dh-hero-art figcaption, .dh-contact-art figcaption, .dh-art-note { margin: 10px 0 0; color: var(--ink-soft); font-size: .78rem; line-height: 1.5; }
.pillar-grid.dh-service-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
.pillar-card.dh-service-row { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 26px; min-height: 0; }
.dh-service-copy { min-width: 0; }
.dh-service-copy h2 { margin-top: 18px; }
.dh-service-copy .card-icon { margin-top: 20px; }
.dh-service-grid #ongoing-support { min-height: 0; }
.dh-service-grid #ongoing-support .card-icon { margin-top: 20px; }
.contact-layout.dh-contact-layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "quick" "form" "art"; gap: 32px; }
.dh-contact-layout > .quick-request { grid-area: quick; position: static; }
.dh-contact-layout > .request-panel { grid-area: form; }
.dh-contact-art { grid-area: art; min-width: 0; margin: 0; }
@media (min-width: 768px) {
  .pillar-card.dh-service-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(26px, 4vw, 48px); }
  .dh-service-row:nth-child(even) .dh-service-copy { grid-column: 2; grid-row: 1; }
  .dh-service-row:nth-child(even) .dh-picture { grid-column: 1; grid-row: 1; }
}
@media (min-width: 1000px) {
  .contact-layout.dh-contact-layout { grid-template-columns: minmax(0, .85fr) minmax(0, 1.25fr); grid-template-areas: "art form" "quick form"; column-gap: clamp(32px, 5vw, 64px); row-gap: 30px; }
}
@media (max-width: 767px) {
  .dh-hero-art img { aspect-ratio: 4 / 3; }
  .pillar-card.dh-service-row { padding: 24px; }
}

/* Allow a 320px browser viewport to accommodate its scrollbar. */
body { min-width: 0; }