/* Architects & designers section and the hero's trade link. Kept in its own file so homepage sections can be edited separately. */
.hero-trade{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-size:12px;border-bottom:1px solid rgba(243,240,232,.55);padding:4px 0;opacity:.92}
.hero-trade:hover{opacity:1;border-bottom-color:currentColor}
.trade{border-top:1px solid var(--line)}
.trade-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 4%}
.trade-list li{border-top:1px solid #bbc3ad;padding:20px 0 30px;min-width:0}
.trade-list h3{font-size:clamp(26px,2.3vw,32px);line-height:1.1;letter-spacing:-.015em;margin-bottom:10px}
.trade-list p{color:#5f675b;font-size:14px;line-height:1.75;max-width:360px}
.trade-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 36px;margin-top:26px}
.trade-actions .text-link{margin-top:0}
@media(max-width:1050px){.trade-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){
  .trade-list{grid-template-columns:1fr}
  .trade-list li{padding:16px 0 22px}
  .trade-actions{flex-direction:column;align-items:stretch;gap:6px}
  .hero-trade{margin-top:18px}
}