:root{--ink:#171b1a;--paper:#f3f1eb;--copper:#b47748;--line:rgba(23,27,26,.16)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.corporate-header{height:88px;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:38px;fill:var(--copper)}.brand span{display:flex;flex-direction:column;font-family:Manrope;letter-spacing:.18em}.brand b{font-size:18px;line-height:1}.brand small{font-size:9px;letter-spacing:.48em;margin-top:5px}.corporate-header nav{display:flex;gap:34px;margin-left:auto;margin-right:38px}.corporate-header nav a{font-size:13px;font-weight:600;padding:8px 0}.corporate-header nav .active{border-bottom:1px solid var(--copper)}.header-cta{background:var(--ink);color:white;padding:14px 19px;font-size:12px;font-weight:700}.header-cta span{margin-left:12px}.corporate-hero{min-height:680px;display:grid;grid-template-columns:55% 45%;background:var(--ink)}.hero-image{background:linear-gradient(rgba(12,15,14,.1),rgba(12,15,14,.25)),url('https://img1.wsimg.com/isteam/ip/be3e00a8-2210-4016-9eb7-acfb1cddcc1e/WhatsApp%20Image%202026-04-27%20at%2013.30.52%20(1).jpeg/:/rs=w:1600,h:1200') center/cover}.hero-copy{color:#fff;padding:100px 6vw;display:flex;flex-direction:column;justify-content:center}.hero-copy>p,.approach>div>p,.corporate-cta>p{font-size:12px;letter-spacing:.2em;color:#c39570;font-weight:700}.hero-copy h1{font:500 clamp(3.6rem,5.8vw,6.4rem)/1 Manrope;letter-spacing:-.055em;margin:40px 0}.hero-copy h1 em,.approach h2 em{color:#c39570;font-weight:400}.hero-copy>span{font-size:12px;letter-spacing:.14em;color:#aaa}.about{padding:130px 8vw;display:grid;grid-template-columns:25% 75%}.section-label{font-size:12px;letter-spacing:.2em;color:#777;font-weight:700}.about>div:last-child{max-width:900px}.about h2,.approach h2{font:500 clamp(3rem,5vw,5.5rem)/1.05 Manrope;letter-spacing:-.05em;margin:0 0 55px}.about p{font-size:17px;line-height:1.8;color:#626661;max-width:780px}.vision-grid{display:grid;grid-template-columns:1fr 1fr;background:#dedbd3;padding:0 8vw}.vision-grid article{padding:100px 6vw 110px 0}.vision-grid article+article{border-left:1px solid rgba(23,27,26,.18);padding-left:6vw}.vision-grid span{font-size:12px;color:var(--copper)}.vision-grid h2{font:500 42px Manrope;margin:42px 0 25px}.vision-grid p{font-size:16px;line-height:1.8;color:#626661}.approach{padding:130px 8vw;display:grid;grid-template-columns:1.3fr .7fr;gap:10vw;align-items:end}.approach h2{margin:45px 0 0}.approach>div:last-child>p{font-size:16px;line-height:1.8;color:#626661}.approach a{display:inline-flex;gap:35px;border-bottom:1px solid;padding-bottom:8px;margin-top:22px;font-size:13px;font-weight:700}.corporate-cta{text-align:center;background:var(--ink);color:#fff;padding:110px 7vw}.corporate-cta h2{font:500 clamp(3rem,5vw,5.5rem)/1.05 Manrope;letter-spacing:-.05em;margin:32px 0 42px}.corporate-cta a{display:inline-flex;gap:35px;background:var(--copper);padding:18px 23px;font-size:13px;font-weight:700}footer{background:#101413;color:#8f9490;display:flex;justify-content:space-between;gap:30px;padding:28px 7vw;font-size:12px}
@media(max-width:850px){.corporate-header nav{display:none}.header-cta{margin-left:auto}.corporate-hero{grid-template-columns:1fr}.hero-image{min-height:480px}.hero-copy{padding:80px 7vw}.about{grid-template-columns:1fr;gap:45px}.vision-grid{grid-template-columns:1fr}.vision-grid article+article{border-left:0;border-top:1px solid rgba(23,27,26,.18);padding-left:0}.approach{grid-template-columns:1fr}.approach>div:last-child{max-width:570px}}
@media(max-width:600px){.corporate-header{height:76px;padding:0 6vw}.header-cta{display:none}.corporate-hero{min-height:auto}.hero-image{min-height:390px}.hero-copy h1{font-size:3.7rem}.about,.approach{padding:90px 6vw}.about h2,.approach h2{font-size:3rem}.vision-grid{padding:0 6vw}.vision-grid article{padding:75px 0}.corporate-cta{padding:85px 6vw}footer{flex-direction:column;padding:30px 6vw}}

/* Vision and mission cards */
.vision-grid {
  gap: 28px;
  padding: 90px 8vw;
}

.vision-grid article,
.vision-grid article + article {
  position: relative;
  min-height: 350px;
  padding: 54px 4.5vw 58px;
  border: 1px solid #d7dcda;
  background: #f7f8f7;
  overflow: hidden;
  transition: border-color 0.25s ease;
}

.vision-grid article::before {
  content: "";
  position: absolute;
  top: 54px;
  left: 0;
  width: 4px;
  height: 42px;
  background: #d71920;
}

.vision-grid article::after {
  content: none;
}

.vision-grid article:hover {
  transform: none;
  box-shadow: none;
  border-color: #aeb5b2;
}

.vision-grid span {
  display: block;
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
}

.vision-grid h2 {
  margin: 64px 0 22px;
  font-weight: 600;
  letter-spacing: -0.035em;
}

.vision-grid p {
  max-width: 560px;
  margin: 0;
}

@media (max-width: 850px) {
  .vision-grid {
    gap: 18px;
    padding: 70px 7vw;
  }

  .vision-grid article,
  .vision-grid article + article {
    min-height: auto;
    padding: 50px 7vw 56px;
    border: 0;
  }
}

@media (max-width: 600px) {
  .vision-grid {
    padding: 55px 6vw;
  }

  .vision-grid article,
  .vision-grid article + article {
    padding: 42px 8vw 46px;
  }

  .vision-grid h2 {
    margin-top: 34px;
  }
}

/* Match the About hero to the clean Projects-page introduction. */
.corporate-hero {
  display: grid;
  grid-template-columns: 1.5fr 0.5fr;
  min-height: 0;
  padding: 110px 7vw 80px;
  align-items: end;
  gap: 7vw;
  color: var(--ink);
  background: #ecefee;
}

.corporate-hero .hero-copy {
  min-height: 0;
  padding: 0;
  color: var(--ink);
  justify-content: initial;
}

.corporate-hero .hero-copy > p {
  margin: 0;
  color: #4f5552;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2em;
}

.corporate-hero .hero-copy h1 {
  margin: 22px 0 0;
  color: var(--ink);
  font: 500 clamp(4.5rem, 8vw, 8.5rem)/1 Manrope, sans-serif;
  letter-spacing: -0.06em;
}

.corporate-hero__intro {
  max-width: 520px;
  margin: 0 0 13px;
  color: #686e6b;
  font-size: 16px;
  line-height: 1.75;
}

@media (max-width: 850px) {
  .corporate-hero {
    grid-template-columns: 1fr;
    gap: 35px;
    padding: 80px 7vw 65px;
  }

  .corporate-hero__intro {
    max-width: 560px;
  }
}

@media (max-width: 600px) {
  .corporate-hero {
    padding: 68px 6vw 55px;
  }

  .corporate-hero .hero-copy {
    min-height: 0;
    padding: 0;
  }

  .corporate-hero .hero-copy h1 {
    font-size: 4rem;
  }
}

/* Single About-page hero, using the same editorial grid as Projects. */
.about {
  display: grid;
  grid-template-columns: 1.5fr 0.5fr;
  gap: 7vw;
  padding: 110px 7vw 90px;
  align-items: end;
  background: #ecefee;
}

.about > div:last-child {
  max-width: 560px;
}

.about .section-label {
  margin-bottom: 34px;
  color: #4f5552;
}

.about h2 {
  margin: 0;
  font-size: clamp(4rem, 6.5vw, 7rem);
  line-height: 0.98;
}

.about-copy p {
  margin-bottom: 18px;
  font-size: 15px;
  line-height: 1.75;
}

.about-copy p:last-child {
  margin-bottom: 0;
}

@media (max-width: 850px) {
  .about {
    grid-template-columns: 1fr;
    gap: 38px;
    padding: 80px 7vw 70px;
  }

  .about > div:last-child {
    max-width: 680px;
  }
}

@media (max-width: 600px) {
  .about {
    padding: 68px 6vw 60px;
  }

  .about h2 {
    font-size: 3.45rem;
  }
}

/* Final About hero proportions. */
.about {
  grid-template-columns: minmax(0, 1.25fr) minmax(360px, 0.75fr);
  gap: 5vw;
  background: #fff;
}

.about > div:last-child {
  width: 100%;
  max-width: 650px;
  justify-self: start;
}

@media (max-width: 850px) {
  .about {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .about > div:last-child {
    max-width: 680px;
  }
}

@media (max-width: 600px) {
  .about h2 {
    max-width: 100%;
    font-size: clamp(2.75rem, 12vw, 3rem);
    line-height: 1;
    letter-spacing: -0.045em;
    overflow-wrap: normal;
  }
}

/* Compact, image-free introduction for the About page. */
.corporate-hero {
  display: block;
  min-height: 0;
  background: #ecefee;
  color: var(--ink);
}

.hero-copy {
  min-height: 430px;
  padding: 78px 8vw 72px;
  color: var(--ink);
  justify-content: flex-end;
}

.hero-copy > p {
  margin: 0;
  color: #d71920;
}

.hero-copy h1 {
  max-width: 1000px;
  margin: 30px 0 34px;
  font-size: clamp(3.8rem, 6vw, 6.6rem);
}

.hero-copy h1 em {
  color: #d65b60;
}

.hero-copy > span {
  color: #707673;
}

@media (max-width: 600px) {
  .hero-copy {
    min-height: 360px;
    padding: 65px 6vw 55px;
  }

  .hero-copy h1 {
    font-size: 3.3rem;
  }
}

/* Restored About page hero and vision/mission layout. */
.corporate-hero {
  min-height: 680px;
  display: grid;
  grid-template-columns: 55% 45%;
  background: var(--ink);
}

.hero-image {
  min-height: 0;
  background:
    linear-gradient(rgba(12, 15, 14, 0.1), rgba(12, 15, 14, 0.25)),
    url("https://img1.wsimg.com/isteam/ip/be3e00a8-2210-4016-9eb7-acfb1cddcc1e/WhatsApp%20Image%202026-04-27%20at%2013.30.52%20(1).jpeg/:/rs=w:1600,h:1200") center / cover;
}

.hero-copy {
  min-height: 0;
  padding: 100px 6vw;
  color: #fff;
  justify-content: center;
}

.hero-copy h1 {
  margin: 40px 0;
  color: #fff;
}

.hero-copy h1 em {
  color: #c5cac8;
}

.hero-copy > span {
  color: #aaa;
}

.vision-grid {
  gap: 0;
  padding: 0 8vw;
}

.vision-grid article,
.vision-grid article + article {
  min-height: 0;
  padding: 100px 6vw 110px 0;
  border: 0;
  background: transparent;
  overflow: visible;
}

.vision-grid article + article {
  padding-right: 0;
  padding-left: 6vw;
  border-left: 1px solid rgba(23, 27, 26, 0.18);
}

.vision-grid article::before,
.vision-grid article::after {
  content: none;
}

.vision-grid span {
  display: inline;
  width: auto;
  height: auto;
  background: transparent;
  font-size: 12px;
  letter-spacing: 0;
}

.vision-grid h2 {
  margin: 42px 0 25px;
  font-weight: 500;
  letter-spacing: normal;
}

@media (max-width: 850px) {
  .corporate-hero {
    grid-template-columns: 1fr;
  }

  .hero-image {
    min-height: 480px;
  }

  .hero-copy {
    padding: 80px 7vw;
  }

  .vision-grid {
    gap: 0;
    padding: 0 7vw;
  }

  .vision-grid article,
  .vision-grid article + article {
    padding: 75px 0;
  }

  .vision-grid article + article {
    border-top: 1px solid rgba(23, 27, 26, 0.18);
    border-left: 0;
  }
}

@media (max-width: 600px) {
  .corporate-hero {
    min-height: auto;
  }

  .hero-image {
    min-height: 390px;
  }

  .hero-copy {
    min-height: 0;
    padding: 80px 7vw;
  }

  .hero-copy h1 {
    font-size: 3.7rem;
  }

  .vision-grid {
    padding: 0 6vw;
  }
}

/* Final About hero layout — aligned with the Projects page. */
.corporate-hero {
  display: grid;
  grid-template-columns: 1.5fr 0.5fr;
  min-height: 0;
  padding: 110px 7vw 80px;
  align-items: end;
  gap: 7vw;
  color: var(--ink);
  background: #ecefee;
}

.corporate-hero .hero-copy {
  min-height: 0;
  padding: 0;
  color: var(--ink);
  justify-content: initial;
}

.corporate-hero .hero-copy > p {
  margin: 0;
  color: #4f5552;
}

.corporate-hero .hero-copy h1 {
  margin: 22px 0 0;
  color: var(--ink);
  font: 500 clamp(4.5rem, 8vw, 8.5rem)/1 Manrope, sans-serif;
  letter-spacing: -0.06em;
}

.corporate-hero__intro {
  max-width: 520px;
  margin: 0 0 13px;
  color: #686e6b;
  font-size: 16px;
  line-height: 1.75;
}

@media (max-width: 850px) {
  .corporate-hero {
    grid-template-columns: 1fr;
    gap: 35px;
    padding: 80px 7vw 65px;
  }

  .corporate-hero .hero-copy {
    padding: 0;
  }
}

@media (max-width: 600px) {
  .corporate-hero {
    padding: 68px 6vw 55px;
  }

  .corporate-hero .hero-copy {
    padding: 0;
  }

  .corporate-hero .hero-copy h1 {
    font-size: 4rem;
  }
}