/*
Developed by HMD Developments
For Hushlead
www.hmddevs.org
*/

/* Closing CTA band (the reference design .cta.cta--home) overrides only: full-bleed
   breakout from the page's max-w-7xl wrapper, the blush background
   (measured raster, see below), and two small cascade bugs where a later
   global rule was clobbering the cloned band styles. */

.cta--home {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: visible;
}

/* The reference design's own cta-gradient.webp is never read or copied. Each asset here
   is a from-scratch rendered image: a low-rank (SVD, rank 8) smooth
   reconstruction of a dense pixel grid measured off the reference design's own rendered
   band at that breakpoint (one measured peak colour, #f8c796, confirmed
   identical at both widths), re-composited and exported as a new WebP.
   One asset per breakpoint, since the reference design's own object-fit:cover crop shows
   a genuinely different proportion of its source image at each width. */
.cta__bg {
  background-image: url("images/cta-blush-desktop.webp");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

/* Both headline lines in the same serif, weight and colour (measured on
   the reference design: 40px/48px, -0.02em, at this breakpoint; -0.64em tracking carries
   through the existing 32px mobile size below). */
.cta__title {
  font-size: 40px;
}

.cta__title em {
  font-style: normal;
  color: inherit;
}

/* The button's own dark colour was being overridden by base.css's
   generic `span` rule matching the inner label span; restore it. */
.email-cta__label {
  color: inherit;
}

@media (max-width: 809px) {
  .cta__bg {
    background-image: url("images/cta-blush-mobile.webp");
  }
  .cta__container {
    padding: 120px 16px;
  }
}