:focus-visible {
  outline: 3px solid #05bfee;
  outline-offset: 3px;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

img {
  height: auto;
}

.portrait-card img {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}

.infographic,
.about-grid img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .button, .card-link { transition: none; }
  .button:hover, .card-link:hover { transform: none; }
}

@media print {
  .topbar, .site-header, .floating-wa, .cta { display: none; }
  .section, .page-hero { padding: 28px 0; }
  .card { box-shadow: none; }
}