.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:48px}
.gallery a{display:flex;align-items:center;justify-content:center;border:2px solid #1d2433;aspect-ratio:16/10;text-decoration:none;box-shadow:4px 4px 0 #1d243322}
.gallery a svg{width:90px;height:90px}
.subnote{background:var(--navy);color:#dfe7f3;border:2px solid #1d2433;box-shadow:5px 5px 0 #1d243322;padding:28px 24px;margin:40px 0 20px;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}
.subnote h3{font:700 22px var(--mono);margin:0 0 6px;color:#fff}
.subnote p{margin:0;color:#b7c0d0;font:14px var(--mono)}
@media (max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.gallery{grid-template-columns:1fr}.subnote{flex-direction:column;align-items:flex-start}}