/* Materials project: all layout changes confined to phone widths and the two translations. */
@media (max-width: 767px) {
  body.family-field:is(.postid-10,.postid-113) .project-dossier {
    display: grid; --display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; padding: 0; width: 100%; max-width: 100%;
  }
  body.family-field:is(.postid-10,.postid-113) .project-dossier > * { min-width: 0; }
  body.family-field:is(.postid-10,.postid-113) .project-dossier__image {
    grid-column: 1; grid-row: 1; width: 100%; max-width: none; height: clamp(430px, 123vw, 610px); margin: 0; padding: 0;
  }
  body.family-field:is(.postid-10,.postid-113) .project-dossier__image :is(.elementor-widget-image,.elementor-widget-container,a) { height: 100%; width: 100%; }
  body.family-field:is(.postid-10,.postid-113) .project-dossier__image img { height: 100%; width: 100%; object-fit: cover; object-position: 55% center; }
  body.family-field:is(.postid-10,.postid-113) .project-dossier__hero {
    grid-column: 1; grid-row: 1; z-index: 1; display: flex; --display: flex; justify-content: flex-end;
    flex-direction: column; align-self: stretch; margin: 0; padding: 170px 20px 28px; width: 100%;
    background: linear-gradient(180deg, transparent 22%, rgba(0,0,0,.08) 40%, rgba(0,0,0,.82) 100%); color: #fff;
  }
  body.family-field:is(.postid-10,.postid-113) .project-dossier__hero > .shell { width: 100%; max-width: none; padding: 0; margin: 0; }
  body.family-field:is(.postid-10,.postid-113) .project-dossier__hero h1 { font-size: clamp(32px, 9vw, 48px); line-height: 1.08; letter-spacing: -.035em; color: #fff; max-width: 16ch; margin: 0; overflow-wrap: break-word; }
  body.family-field:is(.postid-10,.postid-113) .project-dossier > .split-layout { display: grid; --display: grid; grid-template-columns: minmax(0,1fr); gap: 20px; padding: 38px 0 24px; width: calc(100% - 40px); margin: 0 auto; }
  body.family-field:is(.postid-10,.postid-113) .project-dossier :is(h2,.elementor-heading-title:is(h2)) { font-size: clamp(27px, 7.3vw, 38px); line-height: 1.15; letter-spacing: -.025em; overflow-wrap: break-word; }
  body.family-field:is(.postid-10,.postid-113) .project-dossier .prose { font-size: 16px; line-height: 1.65; }
  body.family-field:is(.postid-10,.postid-113) .tpi-mobile-materials-gallery { display: grid; --display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; width: calc(100% - 24px); margin: 0 auto 32px; padding: 0; }
  body.family-field:is(.postid-10,.postid-113) .tpi-mobile-materials-photo { width: 100%; margin: 0; }
  body.family-field:is(.postid-10,.postid-113) .tpi-mobile-materials-photo figure { margin: 0; }
  body.family-field:is(.postid-10,.postid-113) .tpi-mobile-materials-photo img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; display: block; border-radius: 3px; }
  body.family-field:is(.postid-10,.postid-113) .tpi-mobile-materials-photo figcaption { text-align: left; font-size: 14px; line-height: 1.5; color: var(--muted); margin: 8px 4px 0; }
  body.family-field:is(.postid-10,.postid-113) .project-next { width: 100%; margin: 0; padding: 32px 20px; background: #191a17; color: #fff; }
  body.family-field:is(.postid-10,.postid-113) .project-next > .shell { width: 100%; margin: 0; padding: 0; }
  body.family-field:is(.postid-10,.postid-113) .project-next h2 { color: #fff; margin: 0 0 24px; }
  body.family-field:is(.postid-10,.postid-113) .project-next :is(a.button,.elementor-button) { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 48px; font-size: 16px; background: var(--accent); color: #191a17; }
}