/* businesses.css — "Our Businesses" section: brand cards, status labels and filter buttons. */

.filters{display:flex;flex-wrap:wrap;gap:8px}
.filters button{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:9px 16px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:40px;cursor:pointer;transition:all .2s}
.filters button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.portfolio{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.co{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 30px 30px;display:flex;flex-direction:column;gap:18px;min-height:340px;position:relative;background:var(--paper);transition:background .3s}
.co:hover{background:var(--surface)}
.co-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.co-icon{width:52px;height:52px;border:1px solid var(--line);display:grid;place-items:center;color:var(--brass)}
.co-icon svg{width:26px;height:26px}
.status{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;color:var(--ink-soft);white-space:nowrap}
.status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
.status.live{--c:var(--ok)}.status.soon{--c:var(--soon)}.status.future{--c:var(--future)}
.co .sector{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.co h3{font-size:27px}
.co p{color:var(--ink-soft);font-size:15.5px}
.co .more{margin-top:auto;font-weight:600;font-size:14.5px;text-decoration:none;display:inline-flex;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:4px;align-self:flex-start;transition:border-color .2s,color .2s}
.co .more:hover{border-color:var(--brass);color:var(--brass)}
.co .more svg{width:14px;height:14px}
.co.feature{grid-column:span 2;background:var(--petrol);color:var(--on-dark);border-color:var(--petrol)}
.co.feature:hover{background:var(--petrol)}
.co.feature p,.co.feature .sector,.co.feature .status{color:color-mix(in srgb,var(--on-dark) 75%,transparent)}
.co.feature .co-icon{border-color:color-mix(in srgb,var(--on-dark) 25%,transparent);color:#E2C27F}
.co.feature h3{font-size:clamp(30px,3vw,40px)}
.co.feature .more{border-color:color-mix(in srgb,var(--on-dark) 30%,transparent)}
.co.feature .more:hover{color:#E2C27F;border-color:#E2C27F}
@media (max-width:980px){.portfolio{grid-template-columns:1fr 1fr}.co.feature{grid-column:span 2}}
@media (max-width:640px){.portfolio{grid-template-columns:1fr}.co.feature{grid-column:auto}.co{min-height:0}}