.vps-references{margin-top:88px;padding-top:64px;border-top:1px solid #ffffff1f;scroll-margin-top:100px;color:#e2e8f0}
.vps-references__head{max-width:700px;margin-bottom:32px}
.vps-references__eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#67e8f9;margin-bottom:12px}
.vps-references h2{font:800 clamp(26px,4vw,40px)/1.15 inherit;letter-spacing:-.025em;color:#fff;margin:0 0 16px;font-size:clamp(26px,4vw,40px);font-weight:800;line-height:1.15}
.vps-references__intro{font-size:16px;line-height:1.75;color:#94a3b8;margin:0}
.vps-references__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vps-reference{display:flex;flex-direction:column;min-width:0;background:linear-gradient(145deg,#0f1c32,#0b1424);border:1px solid #ffffff17;border-radius:18px;padding:26px;transition:border-color .2s,transform .2s}
.vps-reference[hidden]{display:none!important}
.vps-reference--capture{position:relative;isolation:isolate;overflow:hidden;padding-top:208px}
.vps-reference__capture{position:absolute;inset:0 0 auto;width:100%;height:225px;object-fit:cover;object-position:top;z-index:-2;transition:transform .35s}
.vps-reference--capture:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(5,12,25,.06) 0,rgba(11,20,36,.12) 115px,rgba(11,20,36,.85) 195px,#0b1424 240px)}
.vps-reference--capture:hover .vps-reference__capture{transform:scale(1.025)}
.vps-reference:hover{border-color:#22d3ee70;transform:translateY(-3px)}
.vps-reference__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.vps-reference__mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:46px;height:46px;border-radius:12px;background:#06b6d41a;border:1px solid #22d3ee33;color:#67e8f9;font-size:16px;font-weight:800}
.vps-reference:nth-child(3n+2) .vps-reference__mark{background:#6366f11a;border-color:#818cf833;color:#a5b4fc}
.vps-reference:nth-child(3n) .vps-reference__mark{background:#10b9811a;border-color:#34d39933;color:#6ee7b7}
.vps-reference__category{font-size:11px;text-align:right;color:#94a3b8;line-height:1.5}
.vps-reference h3{font-size:20px;font-weight:750;color:#f8fafc;line-height:1.25;margin:0 0 12px}
.vps-reference__description{font-size:14px;line-height:1.75;color:#aab8cc;margin:0 0 24px}
.vps-reference__bottom{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid #ffffff12}
.vps-reference__access{font-size:11px;color:#94a3b8}
.vps-reference__link{font-size:14px;font-weight:700;color:#67e8f9;text-decoration:none}
.vps-reference__link:hover{text-decoration:underline;color:#cffafe}
.vps-reference__alternate{font-size:12px;color:#aab8cc;text-decoration:underline}
.vps-references__toggle{display:block;margin:30px auto 0;border:1px solid #22d3ee55;border-radius:12px;padding:13px 24px;background:#06b6d411;color:#a5f3fc;font-size:14px;font-weight:700;cursor:pointer}
.vps-references__toggle:hover{background:#06b6d425}
.vps-references a:focus-visible,.vps-references button:focus-visible{outline:3px solid #67e8f9;outline-offset:4px}
@media(max-width:960px){.vps-references__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.vps-references{margin-top:56px;padding-top:40px}.vps-references__grid{grid-template-columns:1fr}.vps-reference{padding:23px}.vps-reference__top{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.vps-reference{transition:none}.vps-reference:hover{transform:none}}
@media(max-width:600px){.vps-reference--capture{padding-top:208px}}
@media(prefers-reduced-motion:reduce){.vps-reference__capture{transition:none}.vps-reference--capture:hover .vps-reference__capture{transform:none}}

/* Gallery directly after the introductory hero. */
main > .vps-references{box-sizing:border-box;width:100%;margin:0;padding:64px max(24px,calc((100% - 1152px)/2));background:#080f1f;border-top:1px solid #ffffff1f}
.vps-hero-link{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:20;padding:10px 18px;border-radius:999px;background:#0e7490;color:white;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 4px 20px #0006}
.vps-hero-link:hover{background:#155e75}