/* ================================================
Responsive Media Utilities — Pegasi Defense
assets/css/media.css
Load order: after per-page CSS, before mobile-menu.css
================================================ */
/* ── 1. Global image / media base ───────────────
Prevents any image from breaking viewport width.
display:block removes the 4px baseline gap that
inline images leave below themselves.
─────────────────────────────────────────────── */
img,
video {
max-width: 100%;
height: auto;
display: block;
}
svg {
max-width: 100%;
}
/* ── 2. .media frame utility ─────────────────────
Wraps an ![]()
or