.azsc{max-width:1180px;margin:56px auto;padding:0 16px;color:inherit}.azsc-k{font:700 12px/1.2 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#61f2dd;margin:0 0 8px}
.azsc h2{font:800 clamp(26px,3.4vw,38px)/1.15 system-ui,-apple-system,Segoe UI,sans-serif;margin:0 0 8px}.azsc-sub{opacity:.8;margin:0 0 22px;font-size:16px}
.azsc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.azsc-card{display:block;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease}
.azsc-card:hover,.azsc-card:focus-visible{transform:translateY(-3px);border-color:rgba(97,242,221,.6)}.azsc-card img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.azsc-tx{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px;min-height:44px}.azsc-tx b{font-size:16px}.azsc-url{font:600 13px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#61f2dd;overflow-wrap:anywhere}.azsc-tx small{opacity:.7;font-size:13px}
@media (max-width:560px){.azsc{margin:40px auto}.azsc-grid{grid-template-columns:1fr 1fr;gap:10px}.azsc-tx{padding:10px}.azsc-tx b{font-size:14px}.azsc-url{font-size:11px}}

/* AZAI-SHOWCASE2: the gallery is full width under the hero; on desktop the left hero column stays in view beside the right one */
.azhero ~ .azsc{margin-top:40px}
@media (min-width:1024px){.azhero-in{position:sticky;top:24px;align-self:start}}