/* Fotografia primeiro: escopo exclusivo das seções institucionais da home. */
html[data-direction="white"] #sobre.about-photo-first {
  padding: 64px 0 38px;
  scroll-margin-top: 92px;
  background: #fff;
}

html[data-direction="white"] .about-photo-first .about-photo-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(285px, 1.05fr);
  align-items: center;
  gap: 40px;
}

html[data-direction="white"] .about-photo-first .about-photo-copy,
html[data-direction="white"] .about-photo-first .about-photo-shot { min-width: 0; }
html[data-direction="white"] .about-photo-first .eyebrow { margin-bottom: 16px; }
html[data-direction="white"] .about-photo-first .display {
  max-width: 640px;
  font-size: clamp(32px, 4.8vw, 47px);
  line-height: 1.1;
  font-weight: 500;
  text-wrap: balance;
}
html[data-direction="white"] .about-photo-first .display strong {
  display: inline;
  color: #008835;
  font-weight: 500;
}
html[data-direction="white"] .about-photo-first .about-photo-lede {
  max-width: 500px;
  margin: 15px 0 24px;
  color: #526057;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 400;
}
html[data-direction="white"] .about-photo-first .about-photo-lede strong { font-weight: 500; }
html[data-direction="white"] .about-photo-first .about-photo-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 22px;
  row-gap: 18px;
  margin: 0;
  padding: 24px 0 0;
  border-top: 1px solid rgba(10,23,17,.2);
}
html[data-direction="white"] .about-photo-first .about-photo-metric {
  min-width: 0;
  padding: 0;
}
html[data-direction="white"] .about-photo-first .about-photo-metric:last-child {
  grid-column: 1 / -1;
  display: flex;
  align-items: baseline;
  gap: 14px;
}
html[data-direction="white"] .about-photo-first .about-photo-metric strong,
html[data-direction="white"] .about-photo-first .about-photo-metric span { display: block; }
html[data-direction="white"] .about-photo-first .about-photo-metric strong {
  color: #0a1711;
  font-size: clamp(24px, 3vw, 31px);
  line-height: 1.14;
  letter-spacing: -.055em;
  font-weight: 400;
}
html[data-direction="white"] .about-photo-first .about-photo-metric span {
  margin-top: 5px;
  color: #526057;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
html[data-direction="white"] .about-photo-first .about-photo-metric:last-child strong { font-size: 22px; }
html[data-direction="white"] .about-photo-first .about-photo-metric:last-child span { margin-top: 0; }
html[data-direction="white"] .about-photo-first .about-photo-link {
  display: block;
  height: clamp(285px, 34vw, 375px);
  overflow: hidden;
  border-radius: 16px;
  background: #f3f0e9;
}
html[data-direction="white"] .about-photo-first .about-photo-link:focus-visible {
  outline: 3px solid #008835;
  outline-offset: 4px;
}
html[data-direction="white"] .about-photo-first .about-photo-shot {
  position: relative;
  height: 100%;
  margin: 0;
  border-radius: inherit;
}
html[data-direction="white"] .about-photo-first .about-photo-shot img {
  width: 100%; height: 100%; object-fit: cover; object-position: 60% center;
  transition: transform 500ms cubic-bezier(.22,1,.36,1);
}
html[data-direction="white"] .about-photo-first .about-photo-shot figcaption {
  position: absolute;
  inset: auto 0 0;
  padding: 42px 18px 16px;
  color: #fff;
  font-size: 13px;
  background: linear-gradient(transparent, rgba(0,0,0,.58));
}
@media (hover:hover) and (pointer:fine) {
  html[data-direction="white"] .about-photo-first .about-photo-shot:hover img { transform: scale(1.025); }
}

html[data-direction="white"] #produtos.products-photo-first {
  min-height: 0;
  display: block;
  padding: 0 0 64px;
  background: #fff;
}
html[data-direction="white"] .products-photo-first .products-photo-heading {
  margin: 0 0 18px;
  color: #0a1711;
  font-size: 30px;
  line-height: 1.15;
  letter-spacing: -.045em;
  font-weight: 400;
}
html[data-direction="white"] .products-photo-first .editorial-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: 250px;
  gap: 12px;
  border: 0;
  background: transparent;
}
html[data-direction="white"] .products-photo-first .tile {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 0;
  height: auto;
  overflow: hidden;
  border: 0;
  border-radius: 16px;
  background: #f3f0e9;
}
html[data-direction="white"] .products-photo-first .tile img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform 500ms cubic-bezier(.22,1,.36,1);
}
html[data-direction="white"] .products-photo-first .tile-label {
  left: 16px; right: 12px; bottom: 14px;
}
html[data-direction="white"] .products-photo-first .tile-label strong {
  min-width: 0;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 500;
  text-wrap: balance;
}
html[data-direction="white"] .products-photo-first .tile-label > span { display: none; }
html[data-direction="white"] .products-photo-first .tile:focus-visible {
  outline: 3px solid #008835;
  outline-offset: 4px;
}
@media (hover:hover) and (pointer:fine) {
  html[data-direction="white"] .products-photo-first .tile:hover img { transform: scale(1.025); }
}

/* Na largura máxima da home, preservar o rosto e o enquadramento original. */
@media (min-width: 1200px) {
  html[data-direction="white"] .about-photo-first .about-photo-link {
    height: auto;
    aspect-ratio: 4 / 3;
  }
}
@media (max-width: 700px) {
  html[data-direction="white"] #sobre.about-photo-first { padding-top: 52px; }
  html[data-direction="white"] .about-photo-first .about-photo-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }
  html[data-direction="white"] .about-photo-first .about-photo-link { height: 285px; }
  html[data-direction="white"] #produtos.products-photo-first { padding-bottom: 42px; }
  html[data-direction="white"] .products-photo-first .products-photo-heading { font-size: clamp(24px, 3.2vw, 30px); }
  html[data-direction="white"] .products-photo-first .editorial-grid { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(2, 195px); gap: 10px; }
  html[data-direction="white"] .products-photo-first .tile-label { left: 12px; right: 10px; bottom: 11px; }
  html[data-direction="white"] .products-photo-first .tile-label strong { font-size: 12px; }
}
@media (max-width: 560px) {
  html[data-direction="white"] #sobre.about-photo-first { padding: 40px 0 30px; }
  html[data-direction="white"] .about-photo-first .display { font-size: 32px; }
  html[data-direction="white"] .about-photo-first .about-photo-lede { margin: 12px 0 18px; }
}
@media (max-width: 370px) {
  html[data-direction="white"] .about-photo-first .about-photo-metric strong { font-size: 22px; }
  html[data-direction="white"] .about-photo-first .about-photo-metric:last-child { display: block; }
  html[data-direction="white"] .about-photo-first .about-photo-metric:last-child span { margin-top: 5px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-direction="white"] .about-photo-first .about-photo-shot img,
  html[data-direction="white"] .products-photo-first .tile img { transition: none; transform: none; }
}