.abwhy{padding:clamp(30px,4vw,56px)}
.abwhy-in{display:grid;grid-template-columns:.4fr 1fr;gap:clamp(28px,5vw,72px)}
.ablbl{font-size:13px;color:var(--grey)}
.abwhy-copy{display:flex;flex-direction:column;gap:20px;max-width:56ch}
.abwhy-copy p{font-family:'Bricolage Grotesque',sans-serif;font-weight:500;letter-spacing:-.01em;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.5;color:#e8e8e8}

.abmanif{min-height:0;display:flex;align-items:center;justify-content:center}
.abmanif .banner-center{padding:clamp(40px,6vw,72px) clamp(24px,4vw,52px)}
.abmanif .banner-center h2{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.15;max-width:26ch;font-weight:600}


.abteam-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}
.abnote{font-size:13px;color:var(--faint)}
.proj-grid.five{grid-template-columns:repeat(5,1fr)}
.abteam .proj figure{aspect-ratio:3/3.6}
.abteam .proj img,.abteam .proj video{filter:grayscale(1) brightness(.85)}

@media(max-width:1150px){
  .proj-grid.five{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .abwhy-in{grid-template-columns:1fr;gap:18px}
  .mini-grid.four{grid-template-columns:1fr}
  .proj-grid.five{grid-template-columns:repeat(2,1fr)}
}