/* Supplied brand assets retain their original proportions and remain uncropped. */
:root{--orange:#fa9f16}
header{padding-top:16px;padding-bottom:16px}
.brand,footer .brand{display:block;width:230px;height:auto;flex-shrink:0;letter-spacing:normal}
.brand>.original-logo{display:block;width:100%;height:auto;object-fit:contain}
.hero{position:relative;overflow:visible}
.hero-visual{position:relative;display:grid;grid-template-columns:1fr;min-height:0;padding:35px 28px 28px 40px;background:white;border:0;isolation:isolate;align-self:center}
.hero-visual img{display:block;height:auto;margin:0;object-fit:contain}
.hero-visual .cover-dots{position:absolute;left:0;top:0;width:64%;height:auto;z-index:-1}
.cover-orange{position:absolute;right:0;top:15px;bottom:0;width:47%;background:var(--orange);z-index:-1}
.hero-visual .cover-lamp{position:relative;width:100%;max-width:420px;justify-self:end}
.hero-visual .cover-arrows{position:relative;width:65%;max-width:270px;justify-self:start;margin:22px 0 0 -30px}
.contact{position:relative;overflow:visible}
.contact:after{content:'';position:absolute;right:24px;top:24px;width:240px;aspect-ratio:483/225;background:url('assets/pontinhos.png') center/contain no-repeat;pointer-events:none}
.contact .wrap{position:relative;z-index:1}
.contact-arrows{display:block;width:180px;max-width:45%;height:auto;margin:0 0 28px;object-fit:contain}
h1 em,.about h2 em{color:var(--orange)}
.team-portrait{position:relative;isolation:isolate;margin:45px auto 0;max-width:790px;padding:0 55px;background:linear-gradient(to top,#f5f5f2 0%,#f5f5f2 70%,transparent 70%)}
.team-photo{position:relative;display:block;width:100%;height:auto;object-fit:contain}
.team-dots{position:absolute;top:5%;right:0;width:42%;height:auto;z-index:-1}
.team-arrows{position:absolute;bottom:6%;left:0;width:26%;height:auto;object-fit:contain}
.team{margin-top:45px}.team article{display:block}
@media(max-width:1000px){header{gap:18px}.brand{width:210px}nav{gap:14px}.hero-visual{padding:30px 20px 24px 30px}}
@media(max-width:760px){header{padding-top:16px;padding-bottom:20px;gap:18px}.brand,footer .brand{width:230px;max-width:100%}.hero-visual{width:100%;max-width:500px;justify-self:center;padding:30px 20px 22px 30px}.hero-visual .cover-arrows{margin-left:-20px;width:64%}.contact:after{width:130px;right:12px;top:30px}.team-portrait{padding:0 18px;margin-top:30px}.team-arrows{bottom:5%;width:25%}.team{margin-top:30px;gap:20px}}