/* ============================================================
   Company page design polish (additive only)
   Refines the existing original layout. Changes NO text or structure.
   Applied to: media-coverage, publications, research, case-studies, careers
   ============================================================ */

/* --- Hero / inner-banner: richer gradient + better spacing --- */
.inner-banner{
  background: linear-gradient(135deg,#12101f 0%,#1b1830 55%,#2a1430 100%) !important;
  position: relative;
  overflow: hidden;
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.inner-banner:before{
  content:"";
  position:absolute; right:-160px; top:-120px;
  width:520px; height:520px;
  background:radial-gradient(circle,rgba(197,18,48,.28),transparent 70%);
  pointer-events:none;
}
.inner-banner .container{ position:relative; z-index:1; }
.inner-banner h1{
  letter-spacing:-.02em;
  line-height:1.12;
}
.inner-banner .breadcrumb-wrapper{ margin-bottom:18px; opacity:.92; }

/* --- Section rhythm: a touch more breathing room --- */
.rsl-incident-card-section,
.review-section,
.blog-section,
.multiple-logos-slider-section{
  padding-top:56px;
  padding-bottom:56px;
}

/* --- Cards: softer corners, subtle lift on hover --- */
.rsl-incident-card,
.stat-item,
.blog-card,
.review-card{
  border-radius:16px !important;
  border:1px solid #ececf1;
  transition:transform .18s ease, box-shadow .18s ease;
  background:#fff;
}
.rsl-incident-card:hover,
.blog-card:hover,
.review-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 34px rgba(23,20,40,.10);
}

/* --- Section headings: tighter, more confident --- */
.rsl-incident-card-section h2,
.review-section h2,
.blog-section h2{
  letter-spacing:-.015em;
  line-height:1.18;
}

/* --- Stat items (case studies): cleaner emphasis --- */
.stat-item{
  padding:24px 20px;
  text-align:center;
}
.stat-item .stat-number,
.stat-item h3{
  color:#C51230;
  letter-spacing:-.01em;
}

/* --- Logo slider: gentle greyscale that warms on hover --- */
.multiple-logos-slider-section img{
  filter:grayscale(100%);
  opacity:.7;
  transition:filter .2s ease, opacity .2s ease;
}
.multiple-logos-slider-section img:hover{
  filter:none;
  opacity:1;
}

/* --- Links/CTAs inside content: brand-consistent --- */
.rsl-incident-card a:not(.btn),
.blog-card a:not(.btn){ color:#C51230; }

/* --- Mobile spacing safety --- */
@media (max-width:767px){
  .inner-banner{ padding-top:44px !important; padding-bottom:44px !important; }
  .rsl-incident-card-section,
  .review-section,
  .blog-section,
  .multiple-logos-slider-section{ padding-top:40px; padding-bottom:40px; }
}