/* CSNexxus Overview: one continuous artwork banner, with live HTML copy. */
.overview-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #0d1015;
  border-bottom: 1px solid #03dd982b;
}
.overview-hero-filter { position: absolute; pointer-events: none; }
.overview-hero-art { position: absolute; inset: 0 -30% 0 30%; z-index: -2; }
.overview-hero-art img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 45%; filter: url('#overview-palette'); }
.overview-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, #0d1015f5 0%, #0d1015dc 24%, #0d10158c 42%, #0d101510 64%, transparent 100%), linear-gradient(0deg, #0d1015 0%, transparent 18%, transparent 92%, #0d10154d 100%);
}
.overview-hero .hero { display: flex; align-items: center; min-height: 600px; padding-block: 54px; gap: 0; }
.overview-hero .hero-copy { width: min(48%, 570px); }
.overview-hero .eyebrow { color: #c4d8d0; font-size: 10px; letter-spacing: 1.7px; }
.overview-hero h1 { font-size: clamp(74px, 6.6vw, 104px); line-height: .9; margin: 22px 0; letter-spacing: -.02em; }
.overview-hero h1 span { color: #03dd98; }
.overview-hero .hero-copy > p { max-width: 440px; color: #c5d1d0; font-size: 15px; line-height: 1.8; }
.overview-hero .hero-actions { gap: 24px; margin-top: 28px; flex-wrap: wrap; }
.overview-hero .hero-actions .button { min-height: 50px; padding: 14px 24px; font-size: 13px; }
.overview-hero .hero-actions .text-link { font-size: 12px; }
.overview-hero .hero-note { max-width: 440px; margin-top: 27px; color: #98b4aa; font-size: 11px; line-height: 1.8; }
@media (min-width: 1800px) {
  .overview-hero .hero { min-height: 660px; }
}
@media (min-width: 721px) and (max-width: 1023px) {
  .overview-hero .hero { min-height: 540px; padding-block: 42px; }
  .overview-hero .hero-copy { width: 54%; }
  .overview-hero h1 { font-size: 74px; }
  .overview-hero .hero-copy > p { font-size: 13px; }
  .overview-hero .eyebrow { font-size: 8px; letter-spacing: 1px; }
  .overview-hero-art { left: 32%; right: -32%; }
  .overview-hero-art img { object-position: center; }
  .overview-hero .hero-actions { gap: 18px; }
}
@media (max-width: 720px) {
  .overview-hero .hero { min-height: 760px; padding-top: 32px; padding-bottom: 360px; align-items: flex-start; }
  .overview-hero .hero-copy { width: 100%; }
  .overview-hero .eyebrow { font-size: 8px; letter-spacing: 1px; }
  .overview-hero h1 { font-size: clamp(64px, 17vw, 84px); margin-block: 20px; }
  .overview-hero .hero-copy > p { font-size: 13px; max-width: 420px; }
  .overview-hero .hero-actions { gap: 16px; margin-top: 22px; }
  .overview-hero .hero-actions .button { font-size: 11px; min-height: 46px; padding: 12px 18px; }
  .overview-hero .hero-actions .text-link { font-size: 10px; }
  .overview-hero .hero-note { margin-top: 20px; font-size: 10px; }
  .overview-hero-art { top: auto; height: 400px; left: 0; right: 0; }
  .overview-hero-art img { object-position: 35% bottom; }
  .overview-hero::before { background: linear-gradient(180deg, #0d1015 0%, #0d1015 45%, #0d10158c 58%, transparent 76%, #0d101580 100%); }
}