.internal-header{height:115px;max-width:790px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{position:relative;width:110px;height:53px;color:var(--blue);text-decoration:none;border-left:1px solid;border-bottom:1px solid;padding-left:10px}.brand:after,.contact-brand:after{content:"";position:absolute;right:0;bottom:0;width:3px;height:22px;background:currentColor}.brand span,.contact-brand span{display:block;font-size:26px;font-style:normal;font-weight:700;line-height:1}.brand i,.contact-brand i{display:block;font-size:25px;font-style:normal;font-weight:300;line-height:1}.internal-header>.nav-button{font-size:10px;text-decoration:none;text-transform:uppercase;color:#111}
.about-hero{height:215px;background:var(--blue);color:#fff;text-align:center;padding-top:40px}.about-hero span{text-transform:uppercase;font-size:9px;color:var(--gold)}.about-hero h1{text-transform:uppercase;font-size:36px;margin:37px 0 18px;font-weight:800}.about-hero p{font-size:13px;line-height:1.5;font-weight:300;margin:0}.journey{text-align:center;padding:23px 20px 48px}.journey>p{font-size:13px;line-height:1.45;font-weight:300;margin:0 0 18px}.journey>p:nth-of-type(4){margin:30px 0 10px}.portfolio{display:grid;grid-template-columns:repeat(2,192px);gap:25px 30px;justify-content:center}.portfolio a,.portfolio article{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);font-style:normal}.portfolio b{display:flex;align-items:center;justify-content:center;height:43px;background:var(--gold);font-size:22px;font-weight:800}.portfolio span{font-size:13px;font-weight:500;margin:13px 0 17px}.portfolio small{font-size:11px;line-height:1.45;font-weight:300}.portfolio article small{margin-top:13px}.internal-footer{margin-top:0}
.contact-page{min-height:100vh;display:grid;place-items:center;padding:40px;background:#fff}.contact-card{width:888px;height:543px;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 2px 7px #0002}.contact-card:before{content:"";grid-area:1/1;background:linear-gradient(165deg,#294995,#365bb5)}.contact-brand{grid-area:1/1;align-self:center;justify-self:center;position:relative;width:165px;height:75px;padding-left:17px;color:#fff;text-decoration:none;border-left:1px solid;border-bottom:1px solid}.contact-brand span{font-size:40px}.contact-brand i{font-size:39px}.contact-panel{grid-area:1/2;padding:112px 95px}.contact-panel h1{font-size:27px;line-height:1.04;margin:0 0 40px;font-weight:800}.contact-panel h1 em{color:var(--blue);font-style:normal}.contact-panel form>p{font-size:8px;margin:0 0 10px}.contact-panel label{position:relative;display:block;width:252px;height:43px;border:1px solid #555;border-bottom:0}.contact-panel label:nth-of-type(3){border-bottom:1px solid #555}.contact-panel label span{position:absolute;top:9px;left:18px;font-size:8px;letter-spacing:1px}.contact-panel input{width:100%;height:100%;border:0;padding:18px 12px 3px;background:transparent;outline:none;font:11px Montserrat}.contact-panel input:focus{box-shadow:inset 0 0 0 2px var(--blue)}.contact-panel button{margin-top:20px;background:var(--blue);color:#fff;border:0;padding:7px 19px;text-transform:uppercase;font:9px Montserrat;cursor:pointer}.contact-panel output{display:block;font-size:9px;color:var(--blue);margin-top:10px}
@media(max-width:800px){.internal-header{padding:0 22px}.about-hero{height:auto;padding:42px 20px}.about-hero h1{font-size:28px;margin:25px 0 15px}.about-hero br,.journey br{display:none}.journey{padding-top:36px}.portfolio{grid-template-columns:minmax(0,320px)}.portfolio a,.portfolio article{min-height:150px}.internal-footer{margin-top:20px}.contact-page{display:block;padding:0}.contact-card{width:100%;height:auto;min-height:100vh;display:block;box-shadow:none}.contact-card:before{display:block;height:280px}.contact-brand{position:absolute;top:100px;left:50%;transform:translateX(-50%)}.contact-panel{padding:55px 30px;max-width:390px;margin:auto}.contact-panel label{width:100%}}

@media(min-width:801px){
  .internal-header{height:170px;max-width:1080px}.brand{width:165px;height:80px;padding-left:15px}.brand span{font-size:40px}.brand i{font-size:39px}.internal-header>.nav-button{font-size:15px;padding:11px 23px}
  .about-hero{height:325px;padding-top:62px}.about-hero span{font-size:14px}.about-hero h1{font-size:56px;margin:55px 0 27px}.about-hero p{font-size:20px}
  .journey{padding:38px 20px 78px}.journey>p{font-size:20px;line-height:1.5;margin-bottom:28px}.journey>p:nth-of-type(4){margin:45px 0 18px}
  .portfolio{grid-template-columns:repeat(2,300px);gap:42px 48px}.portfolio b{height:66px;font-size:34px}.portfolio span{font-size:20px;margin:20px 0 25px}.portfolio small{font-size:17px;line-height:1.5}.portfolio article small{margin-top:20px}
  .contact-card{width:min(1120px,92vw);height:685px}.contact-brand{width:240px;height:110px;padding-left:24px}.contact-brand span{font-size:58px}.contact-brand i{font-size:57px}
  .contact-panel{padding:140px 90px}.contact-panel h1{font-size:41px;margin-bottom:55px}.contact-panel form>p{font-size:12px;margin-bottom:14px}
  .contact-panel label{width:360px;height:62px}.contact-panel label span{font-size:12px;top:13px;left:24px}.contact-panel input{padding:25px 15px 4px;font-size:15px}.contact-panel button{margin-top:28px;padding:11px 29px;font-size:13px}.contact-panel output{font-size:12px}
}
@media(max-width:800px){
  .about-hero h1{font-size:38px}.about-hero p,.journey>p{font-size:17px}.portfolio b{height:58px;font-size:28px}.portfolio span{font-size:17px}.portfolio small{font-size:15px}
  .contact-panel{max-width:480px}.contact-panel h1{font-size:36px}.contact-panel form>p{font-size:12px}.contact-panel label{height:58px}.contact-panel label span{font-size:11px}.contact-panel button{font-size:12px;padding:10px 25px}
}

/* Logotipos oficiais em alta resolução. */
.brand,.contact-brand{border:0;padding:0;height:auto}.brand:after,.contact-brand:after{display:none}.brand img,.contact-brand img{display:block;width:100%;height:auto}.brand{width:150px}.contact-brand{width:220px}
@media(min-width:801px){.brand{width:185px;height:auto;padding:0}.contact-brand{width:270px;height:auto;padding:0}}
@media(max-width:800px){.contact-brand{width:210px;height:auto;padding:0}}