.hero-ab{position:relative;height:562px;color:#fff;overflow:hidden}
.hero-ab .bg{position:absolute;inset:0;background:url('../img/about_hero.jpg') center/cover no-repeat}
.hero-ab .grad{position:absolute;inset:0;background:rgba(0,0,0,.46)}
.hero-ab .inner{position:relative;z-index:2;text-align:center;padding-top:170px}
.hero-ab h1{font-family:var(--display);font-weight:300;font-size:clamp(36px,4.8vw,64px);line-height:1.15;max-width:900px;margin:26px auto 0;text-transform:uppercase}
.about-g{background:var(--green);color:var(--cream);padding-block:var(--gap)}
.about-g .cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;min-height:969px}
.about-g h2{font-family:var(--display);font-weight:300;font-size:clamp(38px,4.6vw,68px);line-height:1.03;text-transform:uppercase;color:#fff}
/* Figma 4410:2987 / 4432:5695 — Body Base: Calibri 22/28, full-strength #ECEDEA */
.about-g .lead{color:var(--cream);font-size:22px;line-height:28px;margin-bottom:34px}
.about-g .stat-row{padding:38px 0}
.about-g .stat-row .num{font-size:clamp(58px,4.6vw,72px)}
.about-g .stat-row .label{font-size:13px;font-weight:700;font-family:var(--body);letter-spacing:.12em}
.about-g .body{color:var(--cream);font-size:22px;line-height:28px;margin-top:34px}
.about-g .body + .body{margin-top:20px}
.hscroll{margin-top:clamp(70px,8vw,120px)}
@media(max-width:1000px){.about-g .cols{grid-template-columns:1fr}}
.phases{background:var(--cream);padding-block:clamp(72px,9vw,120px)}
.phases h2{font-family:var(--display);font-weight:300;text-align:center;font-size:clamp(34px,4.6vw,60px);text-transform:uppercase;min-height:103px;margin-bottom:clamp(48px,6vw,80px)}
.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(20px,3vw,44px)}
/* Figma 4544:16050 — flex column, gap 12, padding 80/40; the slack sits below the label */
.phase{text-align:center;padding:80px clamp(18px,2.6vw,40px);min-height:506px;display:flex;flex-direction:column;align-items:center;gap:12px;border-bottom:1px solid var(--sand)}
.phase .q{font-family:var(--display);font-weight:400;font-size:clamp(26px,3.2vw,52px);line-height:1.4318;letter-spacing:0;color:var(--sand);opacity:.6;margin:0}
.phase .big{font-family:var(--display);font-weight:400;font-size:clamp(64px,8.2vw,132px);line-height:1.4318;letter-spacing:-2.64px;color:var(--sand);margin:0}
.phase h3{font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:0;text-transform:uppercase;color:var(--green);line-height:normal;margin:0}
@media(max-width:760px){.phase-grid{grid-template-columns:1fr;gap:40px}}
.onas{background:var(--sand);padding-block:clamp(72px,10vw,160px)}
.onas .card{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;min-height:430px}
.onas h2{font-family:var(--display);font-weight:400;font-size:clamp(40px,5vw,72px);text-transform:uppercase;line-height:normal;color:var(--cream)}
.onas .tmr{width:156px;height:auto;margin-bottom:0}
.onas .onas-col{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:32px;min-height:430px}
.onas p{color:var(--cream);font-size:22px;line-height:28px}

.onas .btn{margin-top:0;background:#E0E1DD;color:var(--green);font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.84px;padding:24px}
.onas .btn:hover{background:#fff}
@media(max-width:900px){.onas .card{grid-template-columns:1fr}}

/* mobile tier (page) */
@media(max-width:1200px){
  .hero-ab{height:auto;min-height:0;padding:140px 0 64px}
  .hero-ab .inner{padding-top:0}
  .hero-ab h1{font-size:clamp(26px,6vw,46px)}
  .about-g{padding-block:72px}
  .about-g .cols{min-height:0;gap:32px}
  .about-g h2{font-size:clamp(26px,6vw,46px)}
  .photo-band,.hscroll{margin-top:48px}
  .phases{padding-block:72px}
  .phases h2{min-height:0;font-size:clamp(26px,6vw,44px);margin-bottom:36px}
  .phase{min-height:0;padding:40px 12px 36px}
  .phase .big{font-size:clamp(56px,15vw,96px)}
  .onas{padding-block:72px}
  .onas .card{grid-template-columns:1fr;min-height:0;gap:28px}
  .onas .onas-col{min-height:0;gap:24px}
  .onas h2{font-size:clamp(30px,8vw,56px)}
  .onas p{font-size:17px;line-height:26px}
}