.csc-makes--visual .csc-makes__hero { max-width:none; text-align:left; padding:40px; margin:0 0 48px; border-radius:18px; background:rgba(var(--color-button),.06); }
.csc-makes--visual .csc-makes__hero h1 { max-width:760px; }
.csc-makes--visual .csc-makes__eyebrow { color:rgb(var(--color-button)); }
.csc-makes--visual nav > h2 { padding-bottom:20px; border-bottom:1px solid rgba(var(--color-foreground),.12); }
.csc-makes--visual .csc-makes__directory a { flex-direction:column; justify-content:center; gap:20px; min-height:164px; padding:26px 16px; font-weight:600; font-size:15px; text-align:center; box-shadow:0 3px 14px rgba(var(--color-foreground),.03); }
.csc-makes__logo { display:flex; align-items:center; justify-content:center; height:64px; width:132px; max-width:100%; }
.csc-makes__logo img { width:100%; height:64px; object-fit:contain; }
.csc-makes--visual .csc-makes__directory a:hover { color:rgb(var(--color-button)); background:rgba(var(--color-button),.025); box-shadow:0 6px 20px rgba(var(--color-button),.10); }
@media(max-width:749px){.csc-makes--visual .csc-makes__hero{padding:28px 22px;margin-bottom:32px}.csc-makes--visual .csc-makes__directory{gap:12px}.csc-makes--visual .csc-makes__directory a{min-height:148px;padding:22px 12px}}