/* Unnumbered CRA content, with the existing site typography and controls. */
.agency.page-cyber-resilience-audit .original-content .cra-section {
  display: block;
  padding: 34px 0;
  scroll-margin-top: 110px;
}
.agency.page-cyber-resilience-audit .cra-section::before { content: none; display: none; }
.agency.page-cyber-resilience-audit .cra-section > h2 { margin: 0 0 22px; max-width: none; }
.agency.page-cyber-resilience-audit .cra-section > p,
.agency.page-cyber-resilience-audit .cra-section > ul { max-width: 960px; }
.agency.page-cyber-resilience-audit .cra-assurance { display: flex; gap: 28px; align-items: center; flex-wrap: wrap; margin-top: 28px; }
.agency.page-cyber-resilience-audit .cra-assurance img { width: 300px; height: auto; margin: 0; }
.agency.page-cyber-resilience-audit .cra-assurance .button { white-space: normal; }
.agency.page-cyber-resilience-audit .cra-resource-links li { margin: 12px 0; }
@media (max-width: 760px) {
  .agency.page-cyber-resilience-audit .original-content .cra-section { padding: 28px 0; }
  .agency.page-cyber-resilience-audit .cra-assurance { gap: 20px; }
  .agency.page-cyber-resilience-audit .cra-assurance img { max-width: 100%; }
}

/* Executive resilience imagery and alternating desktop sections. */
.agency.page-cyber-resilience-audit .booking-hero {
  background-image: linear-gradient(90deg, rgba(5,22,28,.9), rgba(5,22,28,.6) 50%, rgba(5,22,28,.32)), url('./editorial/nis-infrastructure-hero.png');
  background-position: center;
  background-size: cover;
}
.agency.page-cyber-resilience-audit .booking-hero .cra-hero-logo {
  display: inline-block;
  background: #fff;
  padding: 18px;
  border-radius: 16px;
  max-width: 100%;
}
.agency.page-cyber-resilience-audit .booking-hero .cra-hero-logo img {
  width: 320px;
  max-width: 100%;
  height: auto;
  max-height: none;
  border-radius: 0;
}
.agency.page-cyber-resilience-audit .original-content .cra-illustrated {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(28px, 4vw, 56px);
  padding: 38px 0;
}
.agency.page-cyber-resilience-audit .original-content .cra-image-left {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
}
.agency.page-cyber-resilience-audit .cra-image-left .cra-section-photo { order: -1; }
.agency.page-cyber-resilience-audit .cra-section-copy { min-width: 0; }
.agency.page-cyber-resilience-audit .cra-section-copy > h2 { margin: 0 0 22px; max-width: none; }
.agency.page-cyber-resilience-audit .cra-section-copy > p { max-width: none; }
.agency.page-cyber-resilience-audit .cra-section-photo { margin: 0; width: 100%; min-width: 0; }
.agency.page-cyber-resilience-audit .cra-section-photo img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  max-height: none;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  margin: 0;
  border-radius: 16px;
}
@media (max-width: 760px) {
  .agency.page-cyber-resilience-audit .original-content .cra-illustrated {
    grid-template-columns: minmax(0,1fr);
    gap: 22px;
    padding: 28px 0;
  }
  .agency.page-cyber-resilience-audit .cra-image-left .cra-section-photo { order: 0; }
  .agency.page-cyber-resilience-audit .cra-section-photo img { aspect-ratio: 16 / 9; }
  .agency.page-cyber-resilience-audit .booking-hero .cra-hero-logo { padding: 14px; }
}

.agency.page-cyber-resilience-audit .original-content .cra-illustrated { display:flow-root; }
.agency.page-cyber-resilience-audit .cra-section-copy { display:contents; }
.agency.page-cyber-resilience-audit .original-content .cra-illustrated .cra-section-photo { float:right; width:44%; margin:4px 0 26px 38px; }
.agency.page-cyber-resilience-audit .original-content .cra-image-left .cra-section-photo { float:left; width:34%; margin:4px 38px 26px 0; transform:rotate(-1deg); }
.agency.page-cyber-resilience-audit .original-content #cra-detection .cra-section-photo { width:48%; }
.agency.page-cyber-resilience-audit .original-content #cra-scope .cra-section-photo { width:38%; }
.agency.page-cyber-resilience-audit .cra-section-photo img { aspect-ratio:auto; }
@media(max-width:760px) { .agency.page-cyber-resilience-audit .original-content .cra-illustrated[id] .cra-section-photo { float:none; width:100%; margin:0 0 24px; transform:none; } }