.bal-mat-hero{background:linear-gradient(135deg,#003a00 0%,#1c1b1a 100%);color:#f9f9f9;padding:56px 6vw;position:relative;overflow:hidden;border-bottom:4px solid #00a86b} .bal-mat-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,168,107,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,168,107,.08) 1px,transparent 1px);background-size:52px 52px;pointer-events:none} .bal-mat-hero-inner{position:relative;max-width:1200px;margin:0 auto} .bal-mat-eyebrow{font:600 13px/1 "Roboto Condensed",Arial,sans-serif;color:#00a86b;text-transform:uppercase;letter-spacing:.18em;display:flex;align-items:center;gap:10px;margin-bottom:16px} .bal-mat-eyebrow::before{content:"";width:26px;height:2px;background:#00a86b;display:inline-block} .bal-mat-hero h1{font:600 clamp(28px,4.2vw,46px)/1.15 "Roboto Condensed",Arial,sans-serif;text-transform:uppercase;margin:0 0 18px;max-width:20ch} .bal-mat-hero p{max-width:64ch;font-size:16px;line-height:1.7;color:#c9d6cd;margin:0} .bal-mat-meta{margin-top:32px;display:flex;gap:40px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.18);padding-top:20px} .bal-mat-meta div{font-size:12.5px;color:#8fa395;text-transform:uppercase;letter-spacing:.04em} .bal-mat-meta strong{display:block;font-size:19px;color:#f9f9f9;font-weight:600} .bal-mat-list{max-width:1200px;margin:0 auto;padding:56px 6vw 80px} .bal-mat-row{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;padding:52px 0;border-bottom:1px solid #e2e8e2} .bal-mat-row:first-child{padding-top:0} .bal-mat-row.reverse .bal-mat-media{order:2} .bal-mat-row.reverse .bal-mat-copy{order:1} .bal-mat-media{position:relative;aspect-ratio:4/3;border:1px solid #dfe7df;overflow:hidden;border-radius:6px;background:#f2f7f3;align-self:center} .bal-mat-media img{width:100%;height:100%;object-fit:cover;display:block} .bal-mat-tag{position:absolute;top:14px;left:14px;background:#003a00;color:#f9f9f9;font:500 11.5px/1 "IBM Plex Mono",Consolas,monospace;padding:6px 10px;letter-spacing:.05em;z-index:2} .bal-mat-index{font:500 12.5px/1 "IBM Plex Mono",Consolas,monospace;color:#00a86b;letter-spacing:.06em;display:block;margin-bottom:10px} .bal-mat-copy h2{font:600 clamp(23px,2.4vw,30px)/1.2 "Roboto Condensed",Arial,sans-serif;color:#003a00;margin:0 0 14px;text-transform:uppercase} .bal-mat-copy p{font-size:15px;line-height:1.8;color:#3a3d42;margin:0 0 16px} .bal-mat-group{margin-bottom:12px} .bal-mat-glabel{font:500 12px/1 "IBM Plex Mono",Consolas,monospace;color:#6b6f76;letter-spacing:.04em;display:block;margin-bottom:6px} .bal-mat-chips{display:flex;flex-wrap:wrap;gap:6px} .bal-mat-chip{font:500 12.5px/1 "IBM Plex Mono",Consolas,monospace;padding:4px 9px;border:1px solid #c9d6cd;color:#003a00;background:#fff;letter-spacing:.02em} .bal-mat-apps{margin-top:14px;font-size:13px;color:#54575c;line-height:1.7} .bal-mat-apps strong{color:#1c1b1a} .bal-mat-link{display:inline-flex;align-items:center;gap:8px;color:#003a00;font-weight:600;font-size:14px;text-decoration:none;border-bottom:2px solid #00a86b;padding-bottom:3px;margin-top:16px} .bal-mat-link:hover{color:#00a86b} .bal-mat-arrow{transition:transform .15s ease} .bal-mat-link:hover .bal-mat-arrow{transform:translateX(4px)} .bal-mat-strip{background:#1c1b1a;color:#8fa395;padding:26px 6vw;font:500 12px/1 "IBM Plex Mono",Consolas,monospace;text-align:center;letter-spacing:.03em} @media(max-width:820px){.bal-mat-row,.bal-mat-row.reverse{grid-template-columns:1fr;gap:22px}.bal-mat-row.reverse .bal-mat-media{order:1}.bal-mat-row.reverse .bal-mat-copy{order:2}.bal-mat-hero{padding:44px 5vw 38px}.bal-mat-list{padding:40px 5vw 60px}}