.fhero{min-height:clamp(420px,56vh,560px);display:flex}
.fhero .banner-body{align-self:center;max-width:620px;padding:clamp(28px,4vw,56px)}
.fhero h1{font-size:clamp(2.2rem,4.6vw,3.8rem)}
.fhero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}

.mini-grid.five{grid-template-columns:repeat(5,1fr)}

.fsplit{min-height:400px;display:flex}
.fsplit .banner-body{align-self:center}
.fsplit.flip{justify-content:flex-end}
.fsplit.flip .banner-body{text-align:right;align-items:flex-end}
.fsplit.flip .fspecs li{flex-direction:row-reverse}
.fidx{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.3em;color:#A1EB1A}
.fsplit h2{font-size:clamp(1.6rem,2.8vw,2.5rem)}
.fspecs{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:2px}
.fspecs li{display:flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11.5px;
  letter-spacing:.04em;color:#c9c9c9}
.fspecs li::before{content:"—";color:#A1EB1A;font-weight:700}
.fchip{width:max-content;margin-top:8px}
.wt{color:#A1EB1A;font-weight:700}

.proj .prow h4{font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:500;letter-spacing:.12em;color:#c9c9c9}

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

@media(max-width:1150px){
  .mini-grid.five{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .mini-grid.five{grid-template-columns:repeat(2,1fr)}
  .fsplit.flip .banner-body{text-align:left;align-items:flex-start}
  .fsplit.flip .fspecs li{flex-direction:row}
  .fsplit .scrim,.fsplit .scrim.flip{background:linear-gradient(0deg,rgba(8,8,9,.95) 45%,rgba(8,8,9,.4))}
}