/* BMC brand photography, adapted from the GOOS MATE brand presentation. */
#brands{background:#f4f2ed;color:#273125}#brands .section-no{color:#78826c}#brands .section-head p{color:#6b745f}.brand-visual-list{display:grid;gap:23px;border:0;background:none}.brand-scene{position:relative;display:block;overflow:hidden;isolation:isolate;min-height:460px;color:#fff;background:#293829}.brand-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.05s cubic-bezier(.2,.65,.3,1)}.brand-scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,22,19,.82),rgba(9,22,19,.48) 46%,rgba(9,22,19,.05) 85%),linear-gradient(0deg,rgba(9,22,19,.35),transparent 45%)}.brand-scene-copy{position:relative;z-index:1;padding:47px 5% 65px;max-width:760px}.brand-scene-category{font:10px Arial;letter-spacing:2px;color:#e0e6d6}.brand-scene h3{font:clamp(43px,5vw,73px)/1.1 Georgia,serif;letter-spacing:-2px;margin:24px 0 10px;color:white}.brand-scene-toscano h3{font-size:clamp(35px,4.3vw,63px);max-width:660px}.brand-scene-ko{font-size:11px;letter-spacing:1px;color:#dfe5d4}.brand-scene h4{font-family:Serif,Georgia,serif;font-size:clamp(23px,2.3vw,31px);font-weight:400;letter-spacing:-.5px;line-height:1.6;margin:24px 0 9px;color:white}.brand-scene p{font-size:13px;line-height:1.9;color:#e3e8dc;max-width:520px;margin:0}.brand-scene-link{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid #d3ddc8;padding:7px 0;margin-top:25px;font-size:12px}.brand-scene-link>span{font:24px Arial;transition:transform .4s}.brand-scene-role{position:absolute;right:24px;bottom:20px;font:8px Arial;letter-spacing:1.4px;color:#e0e8d7}.brand-scene:hover>img,.brand-scene:focus-visible>img{transform:scale(1.045)}.brand-scene:hover .brand-scene-link>span{transform:translate(4px,-4px)}.brand-scene:focus-visible{outline:3px solid #8b9b70;outline-offset:5px}.brand-photo-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:25px 6%;gap:15px;background:#ecefe5;white-space:normal;border-bottom:1px solid #d2dac9;overflow:visible}.brand-photo-link{display:block;min-width:0;padding:0;border:0!important;color:#43523c}.brand-thumb{display:block;height:96px;overflow:hidden;background:#cad2c1}.brand-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s}.brand-thumb-name{display:block;font:15px/1.3 Georgia,serif;padding:10px 0 0;overflow-wrap:anywhere}.brand-thumb-name small{display:block;font:9px/1.7 Sans,Arial;color:#79846f;margin-top:5px;letter-spacing:0}.brand-photo-link:hover img,.brand-photo-link:focus-visible img{transform:scale(1.065)}.brand-photo-link.active .brand-thumb{outline:2px solid #687f54;outline-offset:3px}.brand-photo-link.active .brand-thumb-name{color:#4d6539}.brand-photo-link:focus-visible{outline:2px solid #687f54;outline-offset:5px}.brand-scene-grigolin .brand-scene-shade{background:linear-gradient(90deg,rgba(15,30,22,.85),rgba(15,30,22,.5) 47%,rgba(15,30,22,.05))}@media(max-width:900px){.brand-scene-copy{max-width:650px}.brand-thumb-name{font-size:13px}.brand-photo-nav{gap:12px}.brand-thumb{height:80px}}@media(max-width:650px){.brand-scene{min-height:465px}.brand-scene-copy{padding:35px 7% 65px}.brand-scene h3{font-size:46px;letter-spacing:-1.5px;margin-top:30px}.brand-scene-toscano h3{font-size:37px}.brand-scene h4{font-size:23px;max-width:300px}.brand-scene p{font-size:12px;max-width:285px}.brand-scene-category{font-size:8px;letter-spacing:1.5px}.brand-scene-role{left:7%;right:7%;bottom:19px;font-size:7px;letter-spacing:1px}.brand-scene-shade{background:linear-gradient(90deg,rgba(9,22,19,.8),rgba(9,22,19,.3)),linear-gradient(0deg,rgba(9,22,19,.3),transparent)}.brand-photo-nav{display:flex;overflow-x:auto;gap:14px;padding:20px 7%;scroll-snap-type:x proximity}.brand-photo-link{flex:0 0 135px;scroll-snap-align:start}.brand-thumb{height:86px}.brand-thumb-name{font-size:14px}.brand-visual-list{gap:17px}}@media(prefers-reduced-motion:reduce){.brand-scene>img,.brand-thumb img,.brand-scene-link>span{transition:none}.brand-scene:hover>img,.brand-scene:focus-visible>img,.brand-photo-link:hover img,.brand-photo-link:focus-visible img,.brand-scene:hover .brand-scene-link>span{transform:none}}