.links-body {
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(2, 5, 6, 0.08), rgba(2, 5, 6, 0.34)),
    #070808 url("images/links-network-gallery-background.png") center top / cover scroll;
}
.links-page { min-height: calc(100vh - 68px); padding-right: clamp(24px, 17vw, 330px); padding-bottom: 110px; padding-left: clamp(24px, 17vw, 330px); }
.links-directory { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; width: min(1080px, 100%); margin: 36px auto 0; }
.link-card { min-height: 210px; padding: 28px 30px; color: var(--white); background: linear-gradient(145deg, rgba(15,22,23,.95), rgba(4,7,8,.96)); border: 1px solid rgba(10,116,155,.55); border-top: 3px solid var(--lime); box-shadow: 0 16px 35px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.06); text-decoration: none; transition: transform .16s ease, border-color .16s ease; }
.link-card:hover,.link-card:focus-visible { transform: translateY(-4px); border-color: var(--lime); outline: none; }
.link-card span { color: var(--cyan); font: 700 15px/1 "Barlow Condensed", sans-serif; letter-spacing: 2px; text-transform: uppercase; }
.link-card h2 { margin: 12px 0; font: italic 700 36px/1 "Barlow Condensed", sans-serif; text-transform: uppercase; }
.link-card p { margin: 0 0 22px; color: rgba(230,230,230,.76); line-height: 1.55; }
.link-card b { color: var(--lime); font: 700 17px/1 "Barlow Condensed", sans-serif; letter-spacing: 1px; text-transform: uppercase; }
.sponsor-directory { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 34px 42px; width: min(1000px, 100%); margin-top: 54px; align-items: center; }
.sponsor-logo-link { display: grid; height: 132px; padding: 8px; place-items: center; text-decoration: none; transition: opacity .16s ease, filter .16s ease, transform .16s ease; }
.sponsor-logo-link:hover,
.sponsor-logo-link:focus-visible { opacity: 1; filter: drop-shadow(0 0 10px rgba(181,215,58,.36)); outline: none; transform: translateY(-3px) scale(1.035); }
.sponsor-logo-link img { display: block; max-width: 100%; max-height: 116px; border-radius: 9px; object-fit: contain; }
.sponsor-directory-empty { grid-column: 1 / -1; padding: 50px 30px; color: rgba(230,230,230,.82); font-size: 20px; font-weight: 700; text-align: center; }
@media (max-width: 1000px) { .sponsor-directory { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 800px) { .links-page { padding-right: 22px; padding-left: 22px; } .links-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } }
@media (max-width: 480px) { .links-directory { grid-template-columns: 1fr; } }