/* Home EN/TR only. Existing desktop/tablet layout and user media stay intact. */
@media (max-width: 767px) {
  body.family-field:is(.page-id-4,.page-id-99) .field-hero--home {
    min-height: 0; height: auto; background: #20221f;
  }
  body.family-field:is(.page-id-4,.page-id-99) .field-hero__media {
    position: absolute; inset: 0; width: 100%; height: 100%;
  }
  body.family-field:is(.page-id-4,.page-id-99) .field-hero__media :is(video,img) {
    width: 100%; height: 100%; object-fit: cover; object-position: 58% center;
  }
  body.family-field:is(.page-id-4,.page-id-99) .field-hero__media > * { height: 100%; }
  body.family-field:is(.page-id-4,.page-id-99) .field-hero__wash {
    inset: 0; width: 100%; height: 100%; border: 0;
    background: linear-gradient(180deg,rgba(0,0,0,.02) 12%,rgba(0,0,0,.28) 36%,rgba(0,0,0,.89) 78%) !important;
  }
  body.family-field:is(.page-id-4,.page-id-99) .field-hero__grid {
    min-height: 620px; min-height: min(780px, 94svh); display: flex;
    flex-direction: column; justify-content: flex-end; gap: 20px; padding: 220px 0 24px;
  }
  body.family-field:is(.page-id-4,.page-id-99) .field-hero__copy { padding: 0; width: 100%; }
  body.family-field:is(.page-id-4,.page-id-99) .field-hero h1 {
    color: #fff !important; font-size: clamp(30px,8.5vw,44px) !important;
    line-height: 1.12 !important; letter-spacing: -.035em; text-transform: none;
    max-width: 100%; margin-bottom: 24px; overflow-wrap: normal; word-break: normal;
  }
  body.family-field:is(.page-id-4,.page-id-99) .field-hero .button-row {
    max-width: none; width: 100%; gap: 12px; align-items: stretch;
  }
  body.family-field:is(.page-id-4,.page-id-99) .field-hero .button { min-height: 48px; width: 100%; }
  body.family-field:is(.page-id-4,.page-id-99) .field-hero .button--ghost { color: #fff; border-color: #fff; background: transparent !important; }
  body.family-field:is(.page-id-4,.page-id-99) .field-note {
    position: relative; inset: auto; width: 100%; max-width: none; margin: 0;
    padding: 12px 0 0; background: transparent; border: 0; border-top: 1px solid #ffffff55;
    box-shadow: none; transform: none; color: #fff;
  }
  body.family-field:is(.page-id-4,.page-id-99) .field-note :is(span,small,p) { color: #fff; font-size: 16px; line-height: 1.45; }
  body.family-field:is(.page-id-4,.page-id-99) .field-photo-strip { gap: 0; }
  body.family-field:is(.page-id-4,.page-id-99) .field-photo-strip :is(figure,.tpi-native-tag-figure) { height: 180px; }
  body.family-field:is(.page-id-4,.page-id-99) .field-capabilities__layout { display: block; border: 0; min-height: 0; }
  body.family-field:is(.page-id-4,.page-id-99) .field-manifesto { padding: 0 0 24px; border: 0; }
  body.family-field:is(.page-id-4,.page-id-99) .field-capability-index {
    display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; border: 0; margin-bottom: 24px;
  }
  body.family-field:is(.page-id-4,.page-id-99) .field-capability-index > article {
    display: flex; flex-direction: column; gap: 8px; padding: 0 0 14px; min-width: 0;
    border: 1px solid var(--line); overflow: hidden; background: var(--paper-deep);
  }
  body.family-field:is(.page-id-4,.page-id-99) .field-capability-index > article > :not(.tpi-mobile-home-service-image) { margin-inline: 12px; }
  body.family-field:is(.page-id-4,.page-id-99) .tpi-mobile-home-service-image { order: -1; width: 100%; margin: 0 !important; }
  body.family-field:is(.page-id-4,.page-id-99) .tpi-mobile-home-service-image img {
    width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; display: block; filter: none;
  }
  body.family-field:is(.page-id-4,.page-id-99) .field-capability-index h3 {
    font-size: 18px !important; line-height: 1.25 !important; text-transform: none; overflow-wrap: anywhere;
  }
  body.family-field:is(.page-id-4,.page-id-99) .field-plan-panel { min-height: 400px; }
  body.family-field:is(.page-id-4,.page-id-99) .field-plan-panel img { filter: none; opacity: 1; }
  body.family-field:is(.page-id-4,.page-id-99) .field-plan-panel :is(figcaption,.tpi-native-tag-figcaption) { left: 16px; right: 16px; bottom: 16px; padding: 16px; }
  body.family-field:is(.page-id-4,.page-id-99) :is(.field-process,.field-stories,.field-responsibility,.field-enquiry) { padding-block: 40px; }
  body.family-field:is(.page-id-4,.page-id-99) :is(.field-manifesto,.field-section-heading,.field-faq,.field-paper-form,.field-responsibility) h2 { font-size: clamp(28px,7.5vw,36px) !important; line-height: 1.15 !important; }
  body.family-field:is(.page-id-4,.page-id-99) .field-story-grid :is(figure,.tpi-native-tag-figure) { height: auto; aspect-ratio: 4/3; }
  body.family-field:is(.page-id-4,.page-id-99) .field-story-grid img { filter: none; opacity: 1; }
  body.family-field:is(.page-id-4,.page-id-99) .field-process__line { margin-top: 24px; }
  body.family-field:is(.page-id-4,.page-id-99) .field-process__line h3 { font-size: 20px !important; line-height: 1.3 !important; }
}