*{box-sizing:border-box}html{background:#1c1c1c;color-scheme:dark}body{margin:0;font-family:Calibri,Arial,sans-serif;background:#1c1c1c;color:#d6d7d8;line-height:1.55}.wrap{width:min(100% - 48px,1120px);margin:auto}.narrow{max-width:900px}.brand{background:#fff;padding:30px 0}.brand img{display:block;width:min(100%,650px);height:auto}.hero{padding:72px 0 78px}.eyebrow{font-weight:700;letter-spacing:.18em;font-size:15px;color:#d4e9f7;margin-bottom:28px}.hero h1{margin:0 0 38px;color:#fff;font-size:clamp(44px,7vw,76px);line-height:.98;letter-spacing:-.035em;max-width:850px}.hero h1 span{color:#cfe6f4}.lead{font-size:clamp(20px,2.5vw,27px);line-height:1.72;margin:0;max-width:850px}.lead strong{color:#fff}.project-types{background:#002238;padding:56px 0}.project-types p{font-size:clamp(22px,3vw,31px);line-height:1.65;margin:0;color:#f1f3f4}.specialties{padding:64px 0 80px}.specialties h2{font-size:44px;color:#cfe6f4;margin:0 0 28px}.specialties article{padding:27px 0;border-top:1px solid #5a5a5a}.specialties article:last-child{border-bottom:1px solid #5a5a5a}.specialties h3{font-size:25px;line-height:1.25;color:#cfe6f4;margin:0 0 10px}.specialties p{font-size:20px;line-height:1.7;margin:0;color:#c7c9ca}footer{background:#001827;padding:58px 0 36px;color:#f2f4f5}footer h2{font-size:38px;margin:0 0 14px}footer p{font-size:20px;margin:6px 0}footer a{color:#fff;text-decoration:none;border-bottom:1px solid #50606b}.copyright{margin-top:38px;padding-top:18px;border-top:1px solid rgba(188,190,192,.25);font-size:13px;color:#88939a}@media(max-width:640px){.wrap{width:calc(100% - 52px)}.brand{padding:28px 0}.brand .wrap{width:calc(100% - 48px)}.brand img{width:100%;max-width:650px}.hero{padding:58px 0 64px}.eyebrow{font-size:13px;margin-bottom:24px}.hero h1{font-size:47px;line-height:1.02;margin-bottom:34px}.lead{font-size:21px;line-height:1.72}.project-types{padding:48px 0}.project-types p{font-size:22px;line-height:1.65}.specialties{padding:52px 0 65px}.specialties h2{font-size:38px}.specialties h3{font-size:23px}.specialties p{font-size:19px}footer{padding:48px 0 30px}footer h2{font-size:34px}footer p{font-size:19px}}@media(max-width:380px){.wrap{width:calc(100% - 38px)}.hero h1{font-size:41px}.lead{font-size:19px}.project-types p{font-size:20px}.specialties h2{font-size:34px}.specialties h3{font-size:21px}.specialties p{font-size:18px}}
.project-types h2{
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(28px,4vw,40px);
  line-height:1.15;
  letter-spacing:-.02em;
}
@media(max-width:640px){
  .project-types h2{font-size:31px;margin-bottom:18px}
}

/* Desktop logo correction */
@media (min-width: 641px) {
  .brand .wrap {
    width: min(100% - 48px, 1120px);
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
  }
  .brand img {
    display: block;
    width: min(100%, 650px);
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
}

.project-types p + p {
  margin-top: 1.15em;
}