.desktop-hero, .desktop-hero-bg { display: none; }
@media (min-width: 761px) {
  .hero { position: relative; display: block; height: min(32.6389vw, 470px); min-height: 0; padding: 0; overflow: hidden; }
  .hero > .hero-copy, .hero > .portrait-wrap { display: none; }
  .desktop-hero { display: block; position: relative; width: min(1440px, 100%); height: 100%; margin: auto; container-type: inline-size; }
  /* Stretch only the decorative artwork; foreground keeps its original max-width. */
  .desktop-hero-bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 114.04%; object-fit: fill; pointer-events: none; }
  .desktop-hero-person { position: absolute; left: 55.625%; top: 4.255%; width: 22.222%; height: 99.574%; overflow: hidden; }
  .desktop-hero-person img { position: absolute; height: 111.68%; width: 285.95%; max-width: none; left: -89.51%; top: -11.68%; }
  .desktop-hero-name { position: absolute; left: 19.1%; top: 18.3%; width: 33%; text-align: center; font-size: 5.5556cqw; line-height: .825; font-weight: 900; color: #2b2b2b; }
  .desktop-hero-name span { display: block; }
  .desktop-hero-name span:first-child { color: #c28526; margin-bottom: 0; }
  .desktop-hero-line { position: absolute; left: 29.097%; top: 53.404%; }
  .desktop-hero .desktop-hero-tagline { position: absolute; left: 10.6%; top: 57.23%; width: 49.91%; max-width: none; margin: 0; text-align: center; font-size: 2.7778cqw; font-weight: 700; line-height: 1; }
  .desktop-hero-button { position: absolute; top: 78.723%; left: 22.083%; width: 27.083%; height: 13.191%; min-width: 0; min-height: 0; padding: 0; border: 0; border-radius: 31px; color: var(--charcoal); font-size: 1.4583cqw; font-weight: 700; background: linear-gradient(to right,#e1a72a 73.558%,#7b5b17); }
  .services { min-height: 999px; padding: 17px 10px; gap: 10px; }
  .mobile-services-title { display: block; width: min(880px,100%); margin: 0; text-align: right; color: white; font-size: 28px; line-height: 1.45; font-weight: 800; }
  .service-content { gap: 0; padding: 0 10px; }
  .service-content h2 { padding: 9px 0; margin: 0 0 3px; }
  .service-content p { margin-bottom: 18px; }
  .service-content p:last-of-type { margin-bottom: 9px; }
  .service-content .button { min-width: 164px; min-height: 36px; font-size: 14px; font-weight: 700; margin-top: auto; margin-bottom: 7px; padding: 10px 8px; }
  .service-card > picture { display: block; position: relative; width: 244px; height: 157px; border-radius: 15px; overflow: hidden; }
  .service-card:nth-of-type(1) .service-image { position: absolute; width: 280px; height: 157px; left: -5px; top: -.5px; object-fit: cover; border-radius: 0; }
  .service-card:nth-of-type(2) > picture { height: 141px; }
  .service-card:nth-of-type(2) .service-image { position: absolute; width: 249px; height: 140px; left: 0; top: .5px; object-fit: cover; border-radius: 0; }
  .service-card:nth-of-type(3) .service-image { position: absolute; width: 284px; height: 160px; left: 0; top: .5px; object-fit: cover; border-radius: 0; }
  .contact-section { min-height: 541px; padding: 40px 10px; }
  .submit-button { display: block; margin-right: auto; }
  .form-status:empty { display: none; }
  .about-section { padding: 20px 10px 24px; min-height: 640px; }
  .about-lead { grid-template-columns: 240px minmax(0,598px); gap: 5px; min-height: 378px; }
  .about-picture { display: block; position: relative; width: 224px; height: 347px; margin: 21px auto 10px; overflow: hidden; border: 1px solid var(--gold); border-radius: 15px; }
  .about-portrait { position: absolute; width: 123%; height: 119.57%; left: -11.44%; top: -4.03%; object-fit: fill; max-width: none; border: 0; border-radius: 0; }
  .about-copy { padding: 10px 10px 0 15px; }
  .about-copy h2 { margin-bottom: 5px; line-height: 1; }
  .about-copy p:not(.about-eyebrow) { max-width: 556px; margin-left: auto; }
  .about-section p { line-height: 1.3; margin-bottom: 20px; }
  .about-more { width: min(814px,100%); margin-top: 10px; }
}
