/* AXIOMA course media proof v1.4.2 */
.axm-media-proof{
  --axm-bg:#f4efec;
  --axm-card:#fff;
  --axm-text:#151318;
  --axm-muted:#6e6870;
  --axm-line:rgba(21,19,24,.10);
  --axm-accent:#f4407e;
  position:relative;width:100%;padding:96px 0;overflow:hidden;
  background:var(--axm-bg);color:var(--axm-text);
  font-family:"Stolzl","Helvetica Neue",Arial,sans-serif
}
.axm-media-proof--dark{
  --axm-bg:#111014;--axm-card:#1a171d;--axm-text:#f6f2f4;
  --axm-muted:#b7b0b8;--axm-line:rgba(255,255,255,.12)
}
.axm-media-proof__inner{width:min(1380px,calc(100% - 48px));margin:0 auto}
.axm-media-proof__head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:50px;align-items:end;margin-bottom:42px}
.axm-media-proof__kicker{margin:0 0 16px;color:var(--axm-accent);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.axm-media-proof h2{max-width:980px;margin:0;color:var(--axm-text);font-size:clamp(42px,5vw,78px);line-height:.98;letter-spacing:-.05em}
.axm-media-proof__intro{max-width:540px;margin:0;color:var(--axm-muted);font-size:17px;line-height:1.58}
.axm-media-proof__rail{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 1px 16px}
.axm-media-proof__rail::-webkit-scrollbar{display:none}
.axm-media-proof__card{position:relative;flex:0 0 clamp(280px,26vw,390px);aspect-ratio:4/5;margin:0;overflow:hidden;border:1px solid var(--axm-line);border-radius:28px;background:var(--axm-card);box-shadow:0 20px 50px rgba(17,16,20,.08);scroll-snap-align:start}
.axm-media-proof__card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.axm-media-proof__card:hover img{transform:scale(1.025)}
.axm-media-proof__card figcaption{position:absolute;left:0;right:0;bottom:0;padding:58px 20px 20px;background:linear-gradient(transparent,rgba(12,10,13,.82));color:#fff;font-size:14px;font-weight:800;line-height:1.3}
.axm-media-proof__hint{margin:10px 0 0;color:var(--axm-muted);font-size:12px}
@media(max-width:820px){
  .axm-media-proof{padding:72px 0}
  .axm-media-proof__inner{width:min(100% - 28px,1380px)}
  .axm-media-proof__head{grid-template-columns:1fr;gap:20px;margin-bottom:30px}
  .axm-media-proof h2{font-size:44px}
  .axm-media-proof__intro{font-size:16px}
  .axm-media-proof__card{flex-basis:min(78vw,330px);border-radius:22px}
}