.abhero{min-height:clamp(420px,56vh,560px);display:flex}
.abhero .banner-body{align-self:center;max-width:640px;padding:clamp(28px,4vw,56px)}
.abhero h1{font-size:clamp(2.2rem,4.6vw,3.8rem)}
.abhero .banner-kick{color:#DACCFA}
.wt{color:#fff;font-weight:700}

.abwhy{padding:clamp(30px,4vw,56px)}
.abwhy-in{display:grid;grid-template-columns:.4fr 1fr;gap:clamp(28px,5vw,72px)}
.ablbl{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.3em;
  text-transform:uppercase;color:#A1EB1A}
.abwhy-copy{display:flex;flex-direction:column;gap:22px;max-width:52ch}
.abwhy-copy p{font-family:'Bricolage Grotesque',sans-serif;font-weight:500;letter-spacing:-.015em;
  font-size:clamp(1.2rem,2.2vw,1.75rem);line-height:1.5;color:#e8e8e8}

.abmanif{min-height:clamp(340px,44vh,480px);display:flex;align-items:center;justify-content:center}
.abmanif .banner-center h2{font-size:clamp(1.9rem,3.8vw,3.2rem);line-height:1.08;max-width:24ch;text-transform:none}
.abbar{display:block;height:5px;width:min(440px,68vw);border-radius:5px;background:var(--spectrum);
  margin-bottom:14px;box-shadow:0 0 34px rgba(218,204,250,.45)}
.abmanif .a{color:#DACCFA}
.abmanif .b{color:#A1EB1A}

.mini-grid.four{grid-template-columns:repeat(4,1fr)}
.abp .mic{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.1em}
.abp:nth-child(1) .mic{color:#DACCFA}
.abp:nth-child(2) .mic{color:#7F95F8}
.abp:nth-child(3) .mic{color:#78C7EF}
.abp:nth-child(4) .mic{color:#A1EB1A}

.abteam-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}
.abnote{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;color:var(--faint);text-align:right}
.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(.82) contrast(1.05);transition:.5s}
.abteam .proj:hover img,.abteam .proj:hover video{filter:grayscale(0) brightness(1);transform:scale(1.05)}

.abclose{min-height:clamp(300px,38vh,400px);display:flex;align-items:center;justify-content:center}

@media(max-width:1150px){
  .mini-grid.four{grid-template-columns:repeat(2,1fr)}
  .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)}
  .abhero .scrim{background:linear-gradient(0deg,rgba(8,8,9,.95) 45%,rgba(8,8,9,.4))}
}