/* A seleção abre a seção; cada marca ganha uma pausa antes do catálogo. */
.brand-experience{position:relative}
.brand-experience.is-brand-experience{height:100svh;min-height:640px;isolation:isolate}
.is-brand-experience>.brand-overview{position:absolute;inset:0;z-index:2;height:100%;min-height:0;padding-top:48px;padding-bottom:48px;overflow:hidden}
.is-brand-experience>.brand-stage{position:absolute;inset:0;z-index:1}
.brand-opening-logo{position:absolute;z-index:4;object-fit:contain;pointer-events:none;mix-blend-mode:multiply}
.brand-page-transition{position:fixed;inset:0;z-index:80;pointer-events:none}
.brand-page-transition-surface{position:absolute;inset:0;background:var(--paper)}
.brand-page-transition-logo{position:absolute;object-fit:contain;max-width:none;mix-blend-mode:multiply}
.brand-overview{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:7vw;padding:90px var(--space) 110px;min-height:85svh;background:var(--paper)}
.brand-overview-copy h2{font-size:clamp(40px,4.5vw,76px);max-width:620px;line-height:1.04}
.brand-overview-copy p{font-size:18px;line-height:1.6;max-width:440px;margin-top:26px}
.brand-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:42px 0}
.brand-mosaic-column{display:flex;flex-direction:column;gap:14px}
.brand-mosaic-column:nth-child(2){transform:translateY(-36px)}
.brand-mosaic-column:nth-child(3){transform:translateY(28px)}
.brand-mosaic-tile{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1.13;padding:22px;background:var(--paper)}
.brand-mosaic-tile img{object-fit:contain;width:100%;height:90px;mix-blend-mode:multiply;transition:transform .3s}
.brand-mosaic-tile:hover img{transform:scale(1.045)}
.brand-mosaic-tile[data-brand="stati"] img{max-width:100px;height:100px}
.brand-stage{padding:70px 0;background:var(--paper)}
.brand-stage-heading{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space);font-size:14px;color:#666;margin-bottom:50px}
.brand-stage-heading a{padding:8px 0}
.brand-directory{display:block;padding:0 var(--space);margin:0;border:0}
.brand-panel{position:relative;padding:0;margin:0 0 100px;border:0;min-width:0;scroll-margin-top:40px}
.brand-identity{display:flex;align-items:center;justify-content:center;height:180px;margin-bottom:35px}
.brand-directory .brand-logo{width:80%;max-width:560px;height:180px;object-fit:contain;object-position:center;margin:0;mix-blend-mode:multiply}
.brand-panel[data-brand="versoult"] .brand-logo{max-width:720px;height:240px}
.brand-panel[data-brand="stati"] .brand-logo{width:180px;height:180px}
.brand-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1200px;margin:auto}
.brand-catalog .brand-photo{display:block;min-width:0;margin:0;aspect-ratio:3/4;background:var(--paper);overflow:hidden;border-radius:0}
.brand-catalog .brand-photo img{object-fit:contain;object-position:center}
.brand-catalog .brand-photo:nth-child(1){margin-top:30px}
.brand-catalog .brand-photo:nth-child(3){margin-top:16px}
.brand-directory .brand-directory-action{display:block;width:fit-content;font-size:14px;margin:28px auto 0;padding:8px 0;text-decoration:underline;text-underline-offset:6px;border:0}
.brand-scroll-status{display:none}
.has-horizontal-brands{height:100svh;min-height:640px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:22px 0}
.has-horizontal-brands .brand-stage-heading{margin:0;min-height:36px}
.has-horizontal-brands .brand-viewport{width:100%;min-height:0;overflow:hidden}
.has-horizontal-brands .brand-directory{display:flex;width:max-content;height:100%;gap:0;padding:0;will-change:transform}
.has-horizontal-brands .brand-panel{flex:0 0 100vw;width:100vw;height:100%;padding:0;margin:0;overflow:hidden}
.has-horizontal-brands .brand-identity{position:absolute;left:0;right:0;top:0;height:180px;margin:0;transform-origin:center center;will-change:transform}
.has-horizontal-brands .brand-directory .brand-logo{width:80%;max-width:560px;height:180px;object-position:center;margin:0}
.has-horizontal-brands .brand-panel[data-brand="versoult"] .brand-logo{max-width:720px;height:240px}
.has-horizontal-brands .brand-panel[data-brand="stati"] .brand-logo{width:180px;height:180px}
.has-horizontal-brands .brand-catalog{position:absolute;top:125px;bottom:64px;left:var(--space);right:var(--space);height:auto;visibility:hidden;opacity:0}
.has-horizontal-brands .brand-catalog .brand-photo{height:100%;aspect-ratio:auto;margin:0}
.has-horizontal-brands .brand-catalog .brand-photo:nth-child(1){height:94%;align-self:end}
.has-horizontal-brands .brand-catalog .brand-photo:nth-child(3){height:96%;align-self:center}
.has-horizontal-brands .brand-directory-action{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap}
.has-horizontal-brands .brand-scroll-status{display:flex;justify-content:space-between;gap:20px;padding:0 var(--space);font-size:12px;color:#777}
@media(max-width:1023px){.brand-overview{gap:4vw;padding-top:80px;padding-bottom:90px}.brand-mosaic{gap:10px}.brand-mosaic-column{gap:10px}.brand-mosaic-tile{padding:14px}.brand-overview-copy p{font-size:16px}.brand-catalog{gap:16px}}
@media(max-width:767px){
 .is-brand-experience>.brand-overview{padding-top:32px;padding-bottom:32px;display:flex;flex-direction:column;justify-content:center}
 .is-brand-experience .brand-mosaic{width:100%;padding-top:34px;padding-bottom:20px;margin-top:16px}
 .brand-overview{display:block;padding:64px var(--space) 74px;min-height:0}
 .brand-overview-copy h2{font-size:clamp(36px,9.7vw,58px);max-width:520px}
 .brand-overview-copy p{margin-top:22px;max-width:350px}
 .brand-mosaic{padding:48px 0 20px;margin-top:26px;gap:8px}
 .brand-mosaic-column{gap:8px}
 .brand-mosaic-column:nth-child(2){transform:translateY(-22px)}
 .brand-mosaic-column:nth-child(3){transform:translateY(16px)}
 .brand-mosaic-tile{padding:12px;aspect-ratio:1/1.3}
 .brand-mosaic-tile img{height:65px}
 .brand-mosaic-tile[data-brand="stati"] img{height:65px}
 .brand-stage{padding:40px 0}
 .brand-stage-heading{font-size:12px;gap:18px;margin-bottom:35px}
 .brand-directory .brand-logo{height:140px;width:85%;max-width:420px}
 .brand-panel[data-brand="versoult"] .brand-logo{height:190px}
 .brand-panel[data-brand="stati"] .brand-logo{width:140px;height:140px}
 .brand-identity{height:140px;margin-bottom:24px}
 .brand-catalog{grid-template-columns:1fr;gap:16px;max-width:420px}
 .brand-catalog .brand-photo:nth-child(n){margin:0}
 .brand-panel{margin-bottom:70px}
 .has-horizontal-brands{padding:20px 0;gap:10px}
 .has-horizontal-brands .brand-identity{height:140px}
 .has-horizontal-brands .brand-directory .brand-logo{width:85%;max-width:420px;height:140px}
 .has-horizontal-brands .brand-panel[data-brand="versoult"] .brand-logo{height:190px}
 .has-horizontal-brands .brand-panel[data-brand="stati"] .brand-logo{width:140px;height:140px}
 .has-horizontal-brands .brand-catalog{display:block;top:105px;bottom:58px;max-width:420px}
 .has-horizontal-brands .brand-catalog .brand-photo:nth-child(n){position:absolute;inset:0;width:100%;height:100%;margin:0}
 .has-horizontal-brands .brand-catalog .brand-photo:nth-child(n+2){opacity:0;visibility:hidden}
 .has-horizontal-brands .brand-scroll-status{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.brand-mosaic-tile,.brand-mosaic-tile img{transition:none}}