/* Independent photos retain their intrinsic proportions at every viewport. */
.page-hero[data-scene]:after{width:55%;background-size:cover;background-position:center;mask-image:linear-gradient(90deg,transparent,#000 30%)}
.page-hero[data-scene=suppliers]:after{background-image:url('/assets/section-suppliers.png');background-position:center 45%}
.page-hero[data-scene=about]:after{background-image:url('/assets/section-about.png');background-position:center 45%}
.page-hero[data-scene=register]:after{background-image:url('/assets/section-register.png');background-position:center 38%}
.page-hero[data-scene=dashboard]:after{background-image:url('/assets/section-dashboard.png');background-position:center 55%}
.sector-photo{height:auto;aspect-ratio:3/1;background-size:cover;background-position:center!important}
.sector-photo-0 .sector-photo{background-image:url('/assets/sector-0.png')}
.sector-photo-1 .sector-photo{background-image:url('/assets/sector-1.png')}
.sector-photo-2 .sector-photo{background-image:url('/assets/sector-2.png')}
.sector-photo-3 .sector-photo{background-image:url('/assets/sector-3.png')}
.sector-photo-4 .sector-photo{background-image:url('/assets/sector-4.png')}
.sector-photo-5 .sector-photo{background-image:url('/assets/sector-5.png')}
.brand-logo{height:auto;aspect-ratio:185/66;background-image:url('/assets/brand-reference.png');background-size:contain;background-position:center}
.company-logo img{width:100%;height:100%;object-fit:contain}
@media(min-width:801px){.page-hero h1{max-width:60%}.page-hero p{max-width:56%}}
@media(max-width:1000px) and (min-width:801px){.page-hero[data-scene]:after{width:60%;opacity:.75}.page-hero h1{max-width:75%}.page-hero p{max-width:65%}}
@media(max-width:800px){.page-hero[data-scene]:after{width:65%;background-size:cover;opacity:.6}}
@media(max-width:560px){.page-hero[data-scene]:after{width:100%;opacity:.28}.sector-photo{aspect-ratio:2.6/1}}