/* Certifications Section (recent events) — Figma node 4020:620 (1440 x 676) */

.events { position: relative; height: 676px; background: var(--obsidian); }

.events__title {
  position: absolute; top: 120px; left: var(--gutter); width: 900px; margin: 0;
  font-size: 45px; font-weight: 500; line-height: 49.5px; color: var(--white);
  transform: translateY(var(--figma-baseline-shift));
}

.event {
  position: absolute; top: 202px; height: 354px;
  display: block; text-decoration: none;
  background: rgba(244, 242, 237, 0.1); /* off-white at 10% over the dark ground */
}

.event--1 { left: 80px;  width: 427px; box-shadow: inset -1px 0 0 var(--muted); }
.event--2 { left: 507px; width: 427px; box-shadow: inset -1px 0 0 var(--muted); }
.event--3 { left: 934px; width: 426px; }

.event img {
  display: block; width: 100%; height: 240px; object-fit: cover;
  box-shadow: inset 0 -1px 0 var(--muted);
}

.event h3,
.event p { margin: 0; position: absolute; left: 16px; color: var(--off-white); }

.event h3 {
  top: 272px; width: 395px;
  font-family: var(--font-inter); font-size: 20px; font-weight: 700; line-height: 24.2px;
  transform: translateY(var(--figma-baseline-shift-inter));
}

.event__date  { top: 304px; font-size: 13px; line-height: 18.2px; transform: translateY(var(--figma-baseline-shift)); }
.event__place { top: 324px; font-size: 12px; line-height: 14.4px; transform: translateY(var(--figma-baseline-shift)); }

a.event:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }