/* Selected first FeaturesGrid row from terminal-industries.com/the-agentic-ai-yard.
   Source grid dimensions and image shape; scoped to the existing FAQ only. */
.home-faq-section .home-faq-layout {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "image" "content";
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  gap: 0 2.564vw;
}
.home-faq-section .home-faq-content {
  grid-area: content;
  place-self: center stretch;
  width: 100%;
  padding: 4rem 5.128vw 3.75rem;
}
.home-faq-section .home-faq-media {
  grid-area: image;
  position: relative;
  width: 100%;
  max-width: none;
  height: auto;
  aspect-ratio: 390 / 610;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: hidden;
}
.faq-source-mask { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.faq-source-slot { position: absolute; inset: 0; overflow: clip; }
.faq-source-image-wrapper { position: absolute; top: 0; left: 0; height: 100%; width: calc(100% - 1px); overflow: hidden; }
.faq-source-image-transform { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; transform: scale(1.1); }
.home-faq-section .home-faq-media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.about-photo[data-faq-source-mask] { border: 0; background: transparent; }
.about-photo[data-faq-source-mask] img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  scale: 1;
}
@media (min-width: 1024px) {
  .home-faq-section .home-faq-layout {
    width: auto;
    margin-inline: min(3.646vw, 93.3333333333px);
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: "content content content content content . image image image image image image";
    column-gap: min(1.042vw, 26.6666666667px);
  }
  .home-faq-section .home-faq-content { padding: 0; }
  .home-faq-section .home-faq-media {
    width: calc(100% + 5.128vw);
    aspect-ratio: 960 / 870;
    border-radius: 1.25rem 0 0 1.25rem;
  }
  .about-page .about-hero {
    width: auto;
    max-width: none;
    margin-inline: min(3.646vw, 93.3333333333px);
    padding-right: 0;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-areas: "content content content content content . image image image image image image";
    column-gap: min(1.042vw, 26.6666666667px);
  }
  .about-page .about-hero-copy { grid-area: content; }
  .about-page .about-hero-photo[data-faq-source-mask] {
    grid-area: image;
    width: calc(100% + 5.128vw);
    min-height: 0;
    aspect-ratio: 960 / 870;
    border-radius: 1.25rem 0 0 1.25rem;
  }
  .about-page .about-process {
    width: auto;
    max-width: none;
    margin-inline: min(3.646vw, 93.3333333333px);
    padding-left: 0;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-areas: "image image image image image image . content content content content content";
    column-gap: min(1.042vw, 26.6666666667px);
  }
  .about-page .about-process > div { grid-area: content; }
  .about-page .about-process-photo[data-faq-source-mask] {
    grid-area: image;
    width: calc(100% + min(3.646vw, 93.3333333333px));
    margin-left: calc(-1 * min(3.646vw, 93.3333333333px));
    height: auto;
    aspect-ratio: 960 / 870;
    border-radius: 0 1.25rem 1.25rem 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .faq-source-image-transform { transform: none; }
}