/* October review: preserve the three scenes and material accordion. */
.brand-logo{display:flex;align-items:center;gap:10px;width:183px;flex-shrink:0}
.brand-symbol,.brand-wordmark{display:block;background-image:url('assets/logo-maqexe-trim.png');background-repeat:no-repeat;flex-shrink:0}
.brand-symbol{width:58px;height:65px;background-size:76px auto;background-position:0 0}
.brand-wordmark{width:115px;height:33px;background-size:115px auto;background-position:0 -96px}
.scenes-on .scene-inner{padding-right:165px}
.scenes-on .scene-dots{right:20px;width:125px;gap:8px}
.scene-dots button{flex-direction:row;justify-content:flex-start;gap:8px;min-height:42px;font-size:10px;letter-spacing:.04em;color:#bbb3a8}
.scene-dots button:before{position:absolute;left:0;bottom:2px;width:15px}
.scene-dots button[aria-current]:before{width:100%}
.scene-dots .dot-label{position:static;opacity:1;transform:none;padding:0;background:none;font-size:12px;letter-spacing:0;color:inherit;order:2}
.scene-dots .dot-num{order:1}
.brands-band{display:flex;align-items:center;gap:14px;flex-shrink:0;padding:19px 0 12px;margin-top:15px;border-top:1px solid #ffffff24}
.brands-window{overflow:hidden;min-width:0;flex:1;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.brands-track{display:flex;width:max-content;animation:brandsFlow 32s linear infinite}
.brands-group{display:flex;align-items:center;gap:55px;padding-right:55px;flex-shrink:0}
.brands-group span{font-family:Georgia,serif;font-size:26px;white-space:nowrap;color:#fff;letter-spacing:.035em}
.brands-group span:nth-child(2),.brands-group span:nth-child(4),.brands-group span:nth-child(6){font-family:Manrope,sans-serif;font-size:20px;text-transform:uppercase;letter-spacing:.09em}
.scenes-on .scene-materials:not(.is-current) .brands-track{animation-play-state:paused}
@keyframes brandsFlow{to{transform:translateX(-50%)}}
.scenes-on .materials-foot{margin-top:7px}
.material-tile[href='#matiere-pigment'] .tile-image{object-position:55% center}
@media(max-width:1200px){.brand-caption{display:none}.scenes-on .material-copy h3{font-size:25px}.scenes-on .scene-inner{padding-left:35px;padding-right:150px}.scenes-on .scene-dots{right:12px}.brands-band{padding-top:13px;padding-bottom:8px}}
@media(max-width:700px){.brand-logo{width:160px;gap:7px}.brand-symbol{width:49px;height:56px;background-size:65px auto}.brand-wordmark{width:102px;height:29px;background-size:102px auto;background-position:0 -85px}.brands-group{gap:35px;padding-right:35px}.brands-group span{font-size:23px}.brands-group span:nth-child(2),.brands-group span:nth-child(4),.brands-group span:nth-child(6){font-size:18px}.brands-band{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.mouse-wheel:after,.brands-track{animation:none}.brands-track{width:auto}.brands-group{flex-wrap:wrap;gap:18px;padding:0}.brands-group[aria-hidden]{display:none}.brands-window{mask-image:none}}

/* Review 7 October: left navigation and authentic client wordmarks. */
.brand-wordmark{clip-path:polygon(0 21%,48% 21%,48% 0,100% 0,100% 100%,0 100%)}
.brand-symbol{clip-path:polygon(0 0,100% 0,100% 94%,65% 94%,65% 100%,0 100%)}
.scenes-on .scene-dots{left:20px;right:auto;width:125px}
.scenes-on .scene-inner{padding-left:165px;padding-right:var(--pad)}
.scenes-on .intro-copy{padding-left:165px;max-width:780px}
.brands-group .brand-client{display:block;width:160px;height:38px;object-fit:contain;flex-shrink:0;filter:brightness(0) invert(1)}
.brands-group .brand-kilian{width:130px;height:42px}
.brands-group .brand-lancome{width:142px;height:35px}
.brands-group .brand-loreal{width:145px;height:30px}
.brands-group .brand-paco-rabanne{width:185px}
.brands-group .brand-armani{width:185px}
.material-tile[href='#matiere-metal'] .tile-image,.material-tile[href='#matiere-tissu'] .tile-image{object-position:50% center}
@media(max-width:1200px){.scenes-on .scene-inner{padding-left:150px;padding-right:35px}.scenes-on .scene-dots{left:12px;right:auto}.scenes-on .intro-copy{padding-left:150px}}
@media(max-width:700px){.brand-wordmark{clip-path:polygon(0 21%,48% 21%,48% 0,100% 0,100% 100%,0 100%)}.brands-group .brand-client{width:140px;height:32px}.brands-group .brand-kilian{width:110px;height:38px}}