/* Bloco aprovado no estudo Tudo começa num fio. Escopo exclusivo da home. */
html[data-direction="white"] .products { padding-block: 44px; min-height: 0; scroll-margin-top: 90px; }
html[data-direction="white"] .products .section-head { display: grid; grid-template-columns: 1.25fr 1fr; align-items: end; gap: 48px; margin-bottom: 30px; }
html[data-direction="white"] .products .section-head .eyebrow { font-size: 9px; letter-spacing: .19em; margin-bottom: 18px; }
html[data-direction="white"] .products .section-head .display { font-size: clamp(58px,5.5vw,84px); line-height: 1.02; font-weight: 300; letter-spacing: -.065em; max-width: none; margin: 0; }
html[data-direction="white"] .products .section-head .display strong { display: block; font-weight: 500; color: #008835; }
html[data-direction="white"] .products .section-head > p { max-width: 345px; justify-self: end; font-size: 14px; line-height: 1.85; font-weight: 300; color: #526057; margin: 0 0 7px; }
html[data-direction="white"] .products .editorial-grid { grid-template-columns: 1.35fr 1fr 1fr; grid-template-rows: repeat(2,clamp(140px,21svh,195px)); gap: 12px; border: 0; }
html[data-direction="white"] .products .tile { min-height: 0; height: auto; border-radius: 5px; }
html[data-direction="white"] .products .tile.big { grid-row: span 2; height: auto; }
html[data-direction="white"] .products .tile img { width: 100%; height: 100%; object-fit: cover; }
html[data-direction="white"] .products .tile.big img { object-position: 50% 53%; }
html[data-direction="white"] .products .tile-label { left: 20px; right: 20px; bottom: 17px; gap: 8px; }
html[data-direction="white"] .products .tile-label strong { font-size: 15px; line-height: 1.3; font-weight: 500; }
html[data-direction="white"] .products .tile-label > span { font-size: 9px; }
html[data-direction="white"] .products .reveal { opacity: 1; transform: none; transition: none; }

@media (max-width: 800px) {
  html[data-direction="white"] .products { padding-block: 36px; scroll-margin-top: 76px; }
  html[data-direction="white"] .products .section-head { grid-template-columns: 1fr; gap: 20px; margin-bottom: 26px; }
  html[data-direction="white"] .products .section-head .display { font-size: clamp(48px,9vw,64px); }
  html[data-direction="white"] .products .section-head > p { justify-self: start; max-width: 360px; font-size: 13px; margin: 0; }
  html[data-direction="white"] .products .editorial-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 320px 170px 170px; gap: 10px; }
  html[data-direction="white"] .products .tile.big { grid-column: 1/-1; grid-row: span 1; }
  html[data-direction="white"] .products .tile-label { left: 14px; right: 14px; bottom: 14px; }
  html[data-direction="white"] .products .tile-label strong { font-size: 13px; }
  html[data-direction="white"] .products .tile-label > span { display: none; }
}

@media (max-width: 420px) {
  html[data-direction="white"] .products .editorial-grid { grid-template-rows: 280px 155px 155px; }
}