/* EnergySense-inspired opening only; the established Marden site continues below. */
@font-face {
  font-family: 'Manrope';
  src: url('/assets/fonts/manrope-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
.marden-opening {
  background-color: #070b18;
  background-image: linear-gradient(90deg, #070b18f5 0%, #070b18e8 42%, #070b1896 75%, #070b1873 100%), url('/assets/energy-reference-skyline.jpg');
  background-size: cover;
  background-position: center, center 46%;
  padding-bottom: 30px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 24px), 0 100%);
}
.marden-hero { min-height: 520px; padding-block: 65px 22px; }
.marden-hero-copy { max-width: 850px; padding-block: 15px; }
.marden-hero-copy > .marden-eyebrow {
  display: inline-block;
  color: #d9e1ff;
  border: 1px solid #8398eb55;
  background: #3a5cff1c;
  padding: 8px 17px;
  border-radius: 30px;
  margin-bottom: 27px;
  font-size: .875rem;
  letter-spacing: .07em;
}
.marden-hero h1 {
  font-family: 'Manrope', sans-serif;
  font-size: clamp(2.8rem, 4.6vw, 4.5rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -.045em;
}
.marden-hero h1 em { color: #7891ff; }
.marden-hero-lead {
  color: #c4cbdc;
  font-size: 1.125rem;
  line-height: 1.8;
  max-width: 665px;
  margin-top: 26px;
}
.marden-hero-lead strong { color: #fff; }
.marden-hero-actions { gap: 18px; margin-top: 30px; }
.marden-primary, .marden-secondary {
  min-height: 50px;
  padding: 14px 24px;
  border-radius: 999px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}
.marden-primary { background: #3a5cff; border-color: #3a5cff; color: #fff; }
.marden-primary:hover { background: #2448eb; border-color: #2448eb; }
.marden-secondary { border: 1px solid #7f8eaf80; color: #fff; background: #0b122750; }
.marden-secondary:hover { background: #ffffff12; border-color: #acbaf0; color: #fff; }
.marden-opening a:focus-visible { outline-color: #b2c1ff; }
.marden-opening-foot { min-height: 50px; padding-block: 5px 27px; }
.marden-opening-foot > span { color: #a9b6d1; font-size: .8125rem; letter-spacing: .09em; }
@media (max-width: 800px) {
  .marden-opening { background-position: center, 60% center; }
  .marden-hero { min-height: 0; padding-block: 53px 28px; }
  .marden-hero h1 { font-size: clamp(2.7rem, 6.4vw, 3.65rem); }
  .marden-hero-copy { padding-block: 0; }
  .marden-hero-lead { font-size: 1.0625rem; max-width: 600px; }
  .marden-opening-foot { padding-bottom: 20px; }
}
@media (max-width: 480px) {
  .marden-opening { background-image: linear-gradient(90deg, #070b18ed, #070b18c9), url('/assets/energy-reference-skyline.jpg'); padding-bottom: 32px; }
  .marden-hero { padding-block: 40px 24px; }
  .marden-hero h1 { font-size: clamp(2.35rem, 9.4vw, 2.9rem); line-height: 1.15; }
  .marden-hero-copy > .marden-eyebrow { font-size: .8125rem; padding: 8px 14px; margin-bottom: 24px; letter-spacing: .04em; }
  .marden-hero-lead { font-size: 1rem; line-height: 1.8; margin-top: 24px; }
  .marden-hero-actions { flex-direction: row; align-items: center; gap: 13px; }
  .marden-primary, .marden-secondary { font-size: .9375rem; padding: 13px 20px; }
  .marden-opening-foot { display: none; }
}