.am-media-card{
  --am-radius: 0px;
  --am-shadow: 0 12px 30px rgba(0,0,0,.12);
  --am-gap: 16px;
  --am-title-size: clamp(22px, 2.2vw, 28px);
  --am-text-size: clamp(14px, 1.2vw, 16px);
  --am-bg: #fff;

  background: var(--am-bg);
  border-radius: var(--am-radius);
  box-shadow: var(--am-shadow);
  overflow: hidden;
  display: grid;
  gap: var(--am-gap);
}
.am-media{
  position: relative;
  overflow: hidden;
  background: #0f172a;
  isolation: isolate;
}
.am-media > *{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  border: none; display: block;
}
.am-media img,
.am-media video,
.am-media iframe{ object-fit: inherit; }

.am-play{ position:absolute; inset:0; display:grid; place-items:center; pointer-events:none; opacity:0; transition:opacity .25s ease; background: radial-gradient(ellipse at center, rgba(0,0,0,.18), rgba(0,0,0,.32)); }
.am-media-card.has-hover-scale:hover .am-media > *{ transform: scale(1.01); transition: transform .45s ease; }

.am-body{ padding: clamp(16px, 2.2vw, 22px); }
.am-title{ margin:0 0 .2em 0; font-size:var(--am-title-size); line-height:1.25; color:#184b73; font-weight:700; letter-spacing:.2px; }
.am-desc{ margin:0; font-size:var(--am-text-size); line-height:1.6; color:#2c3e50; }

.am-media-card.is-dark{ --am-bg:#0b1220; }
.am-media-card.is-dark .am-title{ color:#e6f0ff; }
.am-media-card.is-dark .am-desc{ color:#c9d6e8; }

.elementor-column .am-media-card{ height:100%; }