.brand-experience{padding-block:18px 64px}
.brand-experience h2{font-size:clamp(23px,2.5vw,32px);letter-spacing:-.025em}
.brand-experience p{color:var(--soft);max-width:68ch;margin-top:12px;font-size:15px}
.brand-marks{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.brand-marks li{display:flex;align-items:center;justify-content:center;min-height:118px;padding:12px;background:transparent;border:0;box-shadow:none}
.brand-marks img{width:152px;max-width:100%;height:64px;object-fit:contain;transition:transform 280ms cubic-bezier(.22,1,.36,1)}
.brand-marks .sprite-mark{width:144px}
.brand-marks .nestle-mark{width:148px}
.brand-marks .heineken-mark{width:152px;height:84px}
.brand-marks .millennium-mark{width:156px}
.brand-marks .paginas-brand{flex-direction:column;gap:9px;text-align:center}
.brand-marks .paginas-mark{width:58px;height:58px}
.paginas-brand span{font-size:12px;line-height:1.3;color:var(--ink)}
.paginas-brand small{display:block;font-size:10px;color:var(--soft);margin-top:2px}
@media(hover:hover) and (pointer:fine){.brand-marks li:hover img{transform:translateY(-5px) scale(1.06)}}
@media(min-width:701px) and (max-width:1100px){.brand-marks{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 32px}}
@media(max-width:700px){.brand-experience{padding-block:6px 42px}.brand-marks{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-top:22px}.brand-marks li{min-height:92px;padding:8px}.brand-marks img{height:54px}.brand-marks .heineken-mark{height:74px;width:138px}.brand-experience p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.brand-marks img{transition:none}.brand-marks li:hover img{transform:none}}