/* Desktop overview: natural card heights preserve longer CMS content and zoom. */
.people-grid:has(>article:only-child){grid-template-columns:minmax(0,1fr);max-width:600px}
.panel-people:has(>article:only-child){grid-template-columns:minmax(0,1fr)}
/* Once the icons arrive, contain their SVG overflow inside each card. */
.services-page:not(.is-assembling) .illustrated-service .service-artwork{overflow:clip}
@media(min-width:1100px){
  .homepage .services-section .section-wrap{padding-block:40px}
  .homepage .services-section .eyebrow{margin-bottom:14px}
  .homepage .services-section h2{font-size:clamp(36px,2.6vw,48px);line-height:1.2}
  .homepage .featured-services.illustrated-grid{margin:24px 0 0;gap:16px}
  .homepage .featured-services .illustrated-service{grid-template-columns:100px minmax(0,1fr);min-height:190px}
  .homepage .featured-services .service-artwork{min-height:0;height:100%;padding:12px}
  .homepage .featured-services .safeit-icon{width:88px;height:88px;max-width:100%}
  .homepage .featured-services .service-caption{padding:20px 22px 20px 12px}
  .homepage .featured-services .service-caption h3{font-size:23px}
  .homepage .featured-services .service-caption p{margin:10px 0 12px;font-size:14px;line-height:1.5}
  .homepage .services-section .all-services{margin-top:22px}

  .services-page .illustrated-grid{width:min(1440px,88%);gap:16px;scroll-margin-top:16px}
  .services-page .illustrated-service{display:grid;grid-template-columns:100px minmax(0,1fr);min-height:196px;border-radius:20px}
  .services-page .illustrated-service .service-artwork{height:100%;min-height:0;padding-left:12px}
  .services-page .illustrated-service .safeit-icon{width:88px;height:88px}
  .services-page .illustrated-service .service-caption{padding:20px 22px 18px 12px}
  .services-page .service-caption h3{font-size:22px;line-height:1.25}
  .services-page .service-caption p{font-size:14px;line-height:1.5;margin:10px 0 12px}
  .services-page .service-more{font-size:12px}

  #kontaktformular{padding:32px;scroll-margin-top:16px}
  #kontaktformular>.eyebrow{margin-bottom:12px}
  #kontaktformular>h2{font-size:36px}
  #kontaktformular>p:not(.eyebrow){margin-top:12px}
  #contact-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 28px;margin-top:24px}
  #contact-form>.form-grid{grid-column:1;grid-row:1;margin:0;gap:16px 20px}
  #contact-form .field{gap:6px}
  #contact-form .field input,#contact-form .field select{padding:10px 12px;min-height:46px}
  #contact-form>.message-field{grid-column:2;grid-row:1;margin:0}
  #contact-form .message-field textarea{flex:1;min-height:170px}
  #contact-form .message-field p{margin:0;line-height:1.5}
  #contact-form>#meeting-fields{grid-column:1/-1;grid-row:2;margin:0;padding:14px 18px}
  #meeting-fields .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px;gap:20px}
  #meeting-fields .field.full{grid-column:auto}
  #contact-form>.form-footnote{grid-column:1/-1;margin:0;max-width:none}
  #contact-form>.form-actions{grid-column:1/-1;margin:0;gap:24px}
  #contact-form .form-actions .pill{margin:0}
  #contact-form>#form-status,#contact-form>noscript{grid-column:1/-1;margin:0}

  .project-contact-panel{padding-top:120px;padding-bottom:32px}
  .project-contact-panel h2{font-size:clamp(36px,3vw,48px)}
  .project-contact-panel>div>.eyebrow{margin-bottom:16px}
  .project-contact-panel .panel-people{margin:20px 0;gap:20px}
}
@media(min-width:1100px) and (max-height:820px){
  .services-page .illustrated-service{grid-template-columns:76px minmax(0,1fr);min-height:184px}
  .services-page .illustrated-service .safeit-icon{width:64px;height:64px}
  .services-page .illustrated-service .service-caption{padding:14px 18px 14px 8px}
  .services-page .service-caption h3{font-size:21px;line-height:1.2}
  .services-page .service-caption p{line-height:1.45;margin:8px 0}
  .services-page .service-more .safeit-arrow{width:28px;height:28px}
  .homepage .services-section .section-wrap{padding-block:24px}
  .homepage .services-section h2{font-size:36px}
  .homepage .featured-services .illustrated-service{min-height:174px}
  .homepage .featured-services .service-caption{padding-block:16px}
  .homepage .featured-services.illustrated-grid{margin-top:20px}
  .homepage .services-section .all-services{margin-top:18px}
}