/* Successive sections overlap while the page retains its natural scroll length. */
#inicio{isolation:isolate;overflow-x:clip}
#inicio>.section-flow-layer{position:sticky;top:var(--section-pin-top,0px);z-index:var(--section-layer,1);overflow:visible}
.section-scroll-origin{height:0;pointer-events:none;visibility:hidden}
.section-flow-content{translate:0 var(--section-depth-y,0px);scale:var(--section-depth-scale,1);filter:brightness(var(--section-depth-light,1));transform-origin:center center}
#inicio>#produtos.section-flow-layer{background:#fff8ee;box-shadow:0 -16px 35px -26px #193c302b}
#produtos>.folder-edge path{fill:#fff8ee}
#produtos .products-heading>span:first-child{color:#6c2401}
#inicio>#catalogo.section-flow-layer{z-index:var(--section-layer,3)}
#inicio>#localizacao.section-flow-layer{z-index:var(--section-layer,4)}
.site-footer{z-index:10}
@media(prefers-reduced-motion:reduce){#inicio>.section-flow-layer{position:relative;top:auto}.section-flow-content{translate:none;scale:1;filter:none}}

#inicio~.site-footer{position:relative;z-index:10}

/* Keep the entire curved notch above the section background on phones. */
/* Match the desktop diagonal-to-depth ratio, with the original small tip radius. */
@media(max-width:700px){.folder-edge{height:8.5714286vw;top:-8.5714286vw}}

/* Mobile Safari keeps vector artwork stable without nested compositing layers. */
@media(max-width:700px){.section-flow-content{translate:none;scale:none;filter:none}}

/* Center the two section headings without shifting the counters or artwork. */
#universo .group-intro{justify-content:center;text-align:center;margin:0 0 30px}
#universo .group-intro .group-wordmark{display:none}
#produtos .products-heading{position:relative;justify-content:center;text-align:center;min-height:0;margin:0 0 22px}
#produtos .products-heading i{display:none}
#produtos .products-heading .catalog-count{position:absolute;right:0;top:50%;transform:translateY(-50%)}
#produtos .sack-filters{margin-top:0}
@media(max-width:700px){#universo .group-intro{margin-bottom:22px}#universo .company-line{margin-top:16px}#produtos .products-heading{margin-bottom:20px}}

/* Brand signatures in the home section headings. */
#universo .group-intro{flex-direction:column;gap:12px;margin-bottom:38px}
#universo .group-intro .kicker{font-size:18px;letter-spacing:1.5px;color:#6c2401;line-height:1.2}
#universo .group-intro-logo{display:block;width:min(280px,80vw);height:auto;overflow:visible}
#produtos .products-heading{flex-direction:column;gap:20px;margin-bottom:38px}
#produtos .products-brand-logo{display:block;width:min(270px,72vw);height:auto}
@media(max-width:700px){#universo .group-intro{gap:10px;margin-bottom:30px}#universo .group-intro .kicker{font-size:16px}#universo .group-intro-logo{width:240px;max-width:80vw}#produtos .products-heading{gap:17px;margin-bottom:30px}#produtos .products-brand-logo{width:240px;max-width:70vw}}

/* Delicate brand landscape, kept behind the company icons and labels. */
#universo{isolation:isolate}
#universo::before{display:block;content:"";position:absolute;inset:0;z-index:-1;background:url("/assets/group-field-texture.png?v=2") center top/cover no-repeat;opacity:.22;pointer-events:none}
@media(max-width:700px){#universo::before{background-size:cover;background-position:center top;opacity:.22}}
