/* Editorial refinement layer — calmer, print-inspired styling for the
   About / Circuit / Newsroom / Media Hub / Certifications pages. */

.ab-hero, .ct-hero, .nw-hero, .cert-hero {
  background: linear-gradient(118deg, #0b0a18 0%, #191134 52%, #241a45 100%) !important;
  border-bottom: 3px solid #e3702a;
}
.ab-hero:after, .ct-hero:after, .nw-hero:after, .cert-hero:after { opacity: .12 !important; }

.ab-hero h1, .ct-hero h1, .nw-hero h1, .cert-hero h1 { letter-spacing: 0 !important; }

/* Calmer CTA bands */
.ab-cta, .nw-cta, .ct-cta-in, .cert-cta {
  background: linear-gradient(118deg, #0b0a18 0%, #1d1440 60%, #2c1c52 100%) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, .08);
}
.ab-btn, .nw-btn, .ct-btn, .cert-btn { border-radius: 6px !important; }

/* Cards: flatter, editorial */
.ab-stat, .ab-card, .ct-card, .nw-card, .nw-feat, .reg-card, .mh-card, .ab-srv {
  border-radius: 10px !important;
  box-shadow: 0 1px 2px rgba(16, 16, 20, .05), 0 12px 28px -26px rgba(16, 16, 20, .55) !important;
}
.ab-card:hover, .ct-card:hover, .nw-card:hover, .mh-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 2px 4px rgba(16, 16, 20, .06), 0 18px 36px -26px rgba(16, 16, 20, .6) !important;
}

/* Section headings: sentence-case scale instead of shouty tracking */
.ab-h2, .ct-h2, .nw-h2, .cert-h2 { letter-spacing: .01em !important; }
.ab-eyebrow, .ct-eyebrow, .nw-eyebrow, .cert-eyebrow, .reg-eyebrow { letter-spacing: .18em !important; }

/* Image treatment: consistent crops, no clip-path gimmicks */
.ab-shot, .cert-shot { clip-path: none !important; border-radius: 10px !important; }
.ab-shot img, .cert-shot img, .ab-split img { aspect-ratio: 3 / 2; object-fit: cover !important; }
.ct-card img, .nw-card img, .mh-shot img { object-fit: cover; }

/* Hero side images: show the full photo instead of a tight cropped strip */
.ab-shot, .cert-shot, .nw-shot, .mh-shot { max-height: none !important; }
.ab-shot img, .cert-shot img, .nw-shot img, .mh-shot img {
  max-height: none !important;
  height: auto !important;
  aspect-ratio: 3 / 2;
  object-fit: cover !important;
  object-position: center 30%;
}
@media (max-width: 980px) {
  .ab-shot img, .cert-shot img, .nw-shot img, .mh-shot img { aspect-ratio: 16 / 9; }
}