/* Hallmark · shape: people and work · genre: editorial · theme: brand · redesign: full · job: hire
 * hero: Banner · nav: kept · footer: kept · signature: Julia and Julian in their own work portraits · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V4 · weakest: R, replaced framed qualifications and a second filled Instagram action with open evidence and a text link */
/* Hallmark · reworded "@mobiler_gartenservice folgen" to "@mobiler_gartenservice" · 49a mobile control width; the complete action remains the accessible label */
/* Hallmark · answered F15 · sections share the responsive column token; 24px separates nested portrait/copy content, and 64px is vertical separation between stacked people on mobile */

.gs-site.hm-proposal .hm-about-team .lab-team-grid {
  gap: var(--space-column);
}
.gs-site.hm-proposal .hm-about-team .gs-team-row {
  gap: var(--space-lg);
}
.gs-site.hm-proposal .hm-about-team .gs-team-photo img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: var(--radius-card);
}
.gs-site.hm-proposal .hm-about-team .gs-team-copy h2 {
  font-size: clamp(1.75rem, 2.3vw, 2.25rem);
  margin: 0 0 var(--space-xs);
}
.gs-site.hm-proposal .hm-about-team .gs-team-role {
  color: var(--color-muted);
  font-size: var(--text-md);
  font-weight: 400;
  margin: 0 0 var(--space-lg);
}
.gs-site.hm-proposal .hm-about-team .gs-team-copy p:not(.gs-team-role) {
  font-size: var(--text-md);
  max-width: 60ch;
  margin: 0 0 var(--space-md);
}
.gs-site.hm-proposal .hm-qualification-layout {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.65fr);
  gap: var(--space-column);
  align-items: start;
}
.gs-site.hm-proposal .hm-about-qualifications .gs-qualifications {
  max-width: none;
  width: 100%;
  margin: 0;
}
.gs-site.hm-proposal .hm-about-qualifications .gs-qualification-training {
  gap: var(--space-column);
  background: var(--color-clear);
  border: 0;
  border-radius: 0;
  padding: 0 0 var(--space-xl);
}
.gs-site.hm-proposal .hm-about-qualifications .gs-qualification-person {
  padding: 0;
  border: 0;
}
.gs-site.hm-proposal .hm-about-qualifications .gs-qualification-person h3 {
  font-size: var(--text-lg);
  line-height: 1.4;
  font-weight: 700;
  hyphens: none;
}
.gs-site.hm-proposal .hm-about-qualifications .gs-qualification-person p {
  margin: var(--space-sm) 0 0;
  color: var(--color-muted);
}
.gs-site.hm-proposal .hm-about-qualifications .gs-qualification-details {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--color-rule);
}
.gs-site.hm-proposal .hm-about-qualifications .gs-qualification-details li {
  padding: var(--space-md) 0;
  border-bottom: 1px solid var(--color-rule);
  font-size: var(--text-md);
}
.gs-site.hm-proposal .hm-about-qualifications .gs-qualification-details li::before {
  display: none;
}
.gs-site.hm-proposal .hm-fleet-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-column);
  margin-bottom: var(--space-xl);
  align-items: start;
}
.gs-site.hm-proposal .hm-fleet-heading p {
  max-width: 52ch;
  margin: 0;
  font-size: var(--text-md);
}
.gs-site.hm-proposal .hm-fleet-photos {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-column);
}
.gs-site.hm-proposal .hm-fleet-photos > div {
  border-radius: var(--radius-card);
  box-shadow: none;
}
.gs-site.hm-proposal .hm-fleet-photos img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.gs-site.hm-proposal .hm-instagram-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: 'intro consent' 'follow consent';
  gap: var(--space-lg) var(--space-column);
  align-items: start;
}
.gs-site.hm-proposal .hm-instagram-heading { grid-area: intro; }
.gs-site.hm-proposal .hm-instagram-layout:has(.instagram-media) { grid-template-areas: 'intro follow' 'consent consent'; }
.gs-site.hm-proposal .hm-instagram-heading h2 { margin: 0 0 var(--space-lg); }
.gs-site.hm-proposal .hm-instagram-heading p { max-width: 52ch; margin: 0; color: var(--color-muted); }
.gs-site.hm-proposal .hm-instagram-consent {
  grid-area: consent;
  min-width: 0;
  border-top: 1px solid var(--color-rule);
  padding-top: var(--space-lg);
}
.gs-site.hm-proposal .hm-instagram-notice > svg { display: none; }
.gs-site.hm-proposal .hm-instagram-notice p { color: var(--color-muted); max-width: 65ch; }
.gs-site.hm-proposal .hm-instagram-notice p:first-of-type { color: var(--color-ink); margin-bottom: var(--space-xs); }
.gs-site.hm-proposal .hm-instagram-notice p + p { margin-bottom: var(--space-lg); }
.gs-site.hm-proposal .hm-instagram-notice .gs-button {
  max-width: 100%;
  min-height: 50px;
  white-space: nowrap;
}
.gs-site.hm-proposal .hm-instagram-follow {
  grid-area: follow;
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: var(--space-xs);
  min-height: 44px;
  margin: 0;
  color: var(--color-accent);
  font-size: var(--text-md);
  font-weight: 700;
  white-space: nowrap;
  text-decoration: underline;
}
.gs-site.hm-proposal .hm-instagram-follow svg { flex-shrink: 0; width: 20px; height: 20px; }
@media (hover: hover) {
  .gs-site.hm-proposal .hm-instagram-follow:hover { color: var(--color-accent-hover); }
}
.gs-site.hm-proposal .hm-instagram-follow:active { color: var(--color-accent-hover); }
@media (max-width: 767px) {
  .gs-site.hm-proposal .hm-about-team .lab-team-grid { gap: var(--space-section-tight); }
  .gs-site.hm-proposal .hm-qualification-layout,
  .gs-site.hm-proposal .hm-fleet-heading,
  .gs-site.hm-proposal .hm-fleet-photos,
  .gs-site.hm-proposal .hm-instagram-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-lg);
  }
  .gs-site.hm-proposal .hm-about-qualifications .gs-qualification-training {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-lg);
    padding-bottom: var(--space-lg);
  }
  .gs-site.hm-proposal .hm-instagram-layout { grid-template-areas: 'intro' 'consent' 'follow'; }
  .gs-site.hm-proposal .hm-instagram-layout:has(.instagram-media) { grid-template-areas: 'intro' 'consent' 'follow'; }
  .gs-site.hm-proposal .hm-fleet-heading { margin-bottom: var(--space-lg); }
  .gs-site.hm-proposal .hm-instagram-notice .gs-button { padding-inline: var(--space-md); font-size: var(--text-sm); }
}