/* ========================================================================== 
   Kelly Davies — house theme layer (gold & sage, Cormorant display)
   Loaded LAST, after the exported chunk CSS. Everything brand-specific lives
   here so a content re-export cannot silently drop the styling.
   ========================================================================== */

/* ---- Cormorant Garamond (self-hosted, no external font request) ---------- */
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../../../fonts/cormorant-garamond-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../../../fonts/cormorant-garamond-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
  src: url("../../../fonts/cormorant-garamond-italic-latin.woff2") format("woff2");
}

/* ---- Palette ------------------------------------------------------------- */
:root,
.governed-site,
.governed-site.governed-site {
  --warm-ivory: #fdfbf7;
  --soft-cream: #f6f3ec;
  --champagne: #eadfc8;
  --gold: #b08b4f;
  --text-gold: #8a6a34;
  --soft-gold: #e3d2ae;
  --bronze: #8a6a34;
  --soft-black: #1e2a24;
  --charcoal: #4a5750;
  --taupe: #e6e1d6;
  --sage: #9aab9b;
  --muted-sage: #dfe5dc;
  --dark-sage: #232f28;
  --white: #fff;
  --border: #e6e1d6;

  /* CMS-driven aliases used by the exported components */
  --cms-primary: #b08b4f;
  --cms-accent: #8a6a34;
  --cms-ink: #1e2a24;
  --cms-muted-ink: #4a5750;
  --cms-background: #fdfbf7;
  --cms-surface: #ffffff;

  --kd-shadow-soft: 0 24px 60px -32px rgba(35, 47, 40, .45);
}

/* Anything the export still paints with its default blue */
:root {
  --dl-brand-blue: #b08b4f;
  --dl-brand-blue-hover: #8a6a34;
  --accent: #f2ece0;
  --accent-foreground: #6f5527;
}

/* ---- Typography ---------------------------------------------------------- */
body {
  background: var(--warm-ivory);
  color: var(--soft-black);
}

h1, h2, h3, h4,
.kd-display,
[class*="hero"] h1,
[class*="hero"] h2 {
  font-family: "Cormorant Garamond", Cormorant, Georgia, "Times New Roman", serif;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.08;
}

h1 { font-weight: 500; }
h2 { font-weight: 500; }
h3 { font-weight: 600; letter-spacing: 0; }

.eyebrow,
[class*="eyebrow"] {
  font-family: Manrope, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-size: .68rem;
  color: var(--text-gold);
}

/* ---- Buttons & links ----------------------------------------------------- */
a { color: var(--text-gold); }

[class*="primary"][class*="button"],
a[class*="btnPrimary"],
button[class*="btnPrimary"],
.kd-cta {
  background: linear-gradient(135deg, var(--gold), #c9a76a);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 14px 30px -18px rgba(138, 106, 52, .8);
}

/* ---- Photographic bands: real clinic photography, never a flat fill ------ */
.kd-photo-band {
  position: relative;
  isolation: isolate;
  background-color: var(--dark-sage);
  background-size: cover;
  background-position: center 35%;
}
/* Softer, warmer veil: keeps text contrast on the copy side while letting the
   photograph read clearly across the rest of the band. */
.kd-photo-band::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(
      100deg,
      rgba(30, 42, 36, .80) 0%,
      rgba(30, 42, 36, .60) 42%,
      rgba(30, 42, 36, .22) 100%
    ),
    linear-gradient(
      180deg,
      rgba(35, 47, 40, .18) 0%,
      rgba(35, 47, 40, 0) 55%
    );
}
/* A hairline of gold keeps the band from reading as a heavy slab */
.kd-photo-band::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--gold), rgba(176, 139, 79, 0));
}
.kd-photo-band--treatment { background-image: url("../../../assets/clinic-treatment-room-premium.webp"); }
.kd-photo-band--detail { background-image: url("../../../assets/clinic-detail.webp"); }
.kd-photo-band--kelly { background-image: url("../../../assets/kelly-scrubs.webp"); }
.kd-photo-band--portrait { background-image: url("../../../assets/kelly-blazer.webp"); background-position: center 25%; }
.kd-photo-band--training { background-image: url("../../../assets/kelly-training.webp"); }
.kd-photo-band--profile { background-image: url("../../../assets/result-profile.webp"); background-position: center 30%; }
.kd-photo-band--room-white { background-image: url("../../../drive-assets/clinic-room-white.webp"); }
.kd-photo-band--room-green { background-image: url("../../../drive-assets/clinic-room-green.webp"); }
.kd-photo-band--prp { background-image: url("../../../assets/treatment-prp.webp"); }


/* ---- Before / after comparison ------------------------------------------ */
[class*="__frame"] img {
  object-fit: cover;
  object-position: center;
  aspect-ratio: 4 / 5;
  width: 100%;
  height: 100%;
}

/* Diagonal wipe — used on close-up sets where a straight edge reads harshly */
.kd-diagonal [class*="__after"] {
  clip-path: polygon(
    calc(var(--comparison-position) + 9%) 0,
    100% 0,
    100% 100%,
    calc(var(--comparison-position) - 9%) 100%
  );
}
.kd-diagonal [class*="__divider"] {
  width: 2px;
  height: 140%;
  top: -20%;
  bottom: auto;
  transform: translateX(-50%) rotate(10.2deg);
  transform-origin: 50% 50%;
}
.kd-diagonal [class*="__divider"] b {
  transform: translate(-50%, -50%) rotate(-10.2deg);
}

/* Comparison chrome in brand colours */
[class*="__divider"] { background: rgba(255, 255, 255, .95); }
[class*="__divider"] b {
  background: var(--gold);
  color: #fff;
  border-color: rgba(255, 255, 255, .85);
}
[class*="__label"] {
  background: rgba(30, 42, 36, .82);
  letter-spacing: .16em;
}

/* ---- Cards & surfaces ---------------------------------------------------- */
[class*="__card"] {
  border-color: var(--taupe);
  box-shadow: var(--kd-shadow-soft);
  background: #fff;
}


/* ---- Overrides for values the export hard-codes ------------------------- */
.governed-site h1,
.governed-site h2,
.governed-site h3,
.governed-site blockquote,
h1, h2, h3, blockquote {
  font-family: "Cormorant Garamond", Cormorant, Georgia, "Times New Roman", serif;
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -0.005em;
}
.governed-site h3 { font-weight: 600; font-size: 1.45rem; letter-spacing: 0; }
.governed-site .clinic-metrics strong,
.governed-site .card-number { font-family: "Cormorant Garamond", Georgia, serif; }

.governed-site .home-hero {
  background-color: var(--dark-sage);
  background-image: url("../../../assets/clinic-detail.webp");
  background-size: cover;
  background-position: center 30%;
}

.governed-site .hero-overlay { background: rgba(30, 42, 36, .22); }
.governed-site .button { background: var(--gold); border-color: var(--gold); color: #fff; }
.governed-site .button:hover { background: var(--bronze); border-color: var(--bronze); }
.governed-site .button-outline { border-color: rgba(255,255,255,.55); }
.governed-site .button-outline:hover { color: var(--dark-sage); background: #fff; }
.governed-site .trust-strip { background: var(--soft-cream); }
.governed-site .site-header { background: rgba(253, 251, 247, .92); border-bottom: 1px solid var(--taupe); }
.governed-site .site-footer { background: var(--dark-sage); }
.governed-site .mobile-booking { background: var(--gold); }
.governed-site .nav-panel { border-color: var(--taupe); border-top-color: var(--gold); }
.governed-site .primary-nav a { color: var(--soft-black); }
.governed-site .primary-nav a:hover,
.governed-site .primary-nav a[aria-current] { color: var(--text-gold); }
.governed-site .cta-section { background: var(--soft-cream); }
.governed-site .price-list,
.governed-site .treatment-card,
.governed-site .article-grid > a { border-color: var(--taupe); }
.governed-site .treatment-feature-image > span { background: var(--gold); }
.governed-site .section-intro { color: var(--charcoal); }

/* Highlighted words inside headings pick up gold, not blue */
.governed-site h1 em, .governed-site h2 em, .governed-site h1 span.accent, .governed-site h2 span.accent {
  color: var(--text-gold);
  font-style: normal;
}

/* Logo scale + gold button contract (final pass) */
.governed-site .site-brand { width: 148px; height: 60px; flex: 0 0 148px; }
@media (max-width: 900px) { .governed-site .site-brand { width: 124px; height: 52px; flex: 0 0 124px; } }
@media (max-width: 560px) { .governed-site .site-brand { width: 108px; height: 46px; flex: 0 0 108px; } }
.governed-site .footer-logo-card { max-width: 190px; }
.governed-site .site-header { padding-top: .55rem; padding-bottom: .55rem; }

.governed-site .button,
.governed-site .button-small,
.governed-site a.button,
.governed-site button.button {
  background: var(--gold);
  border-color: var(--gold);
  color: #fff;
}
.governed-site .button:hover,
.governed-site .button-small:hover { background: var(--bronze); border-color: var(--bronze); color: #fff; }
.governed-site .button-outline { background: transparent; color: #fff; }
.governed-site .button-outline:hover { background: #fff; color: var(--dark-sage); }
.governed-site :focus-visible { outline-color: var(--gold); }
.governed-site a { text-decoration-color: var(--gold); }

/* ========================================================================== 
   Final visual pass — typography, secondary buttons, hero, dark bands
   ========================================================================== */

/* ---- Jost (self-hosted) — the sans that carries all body copy ------------ */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url("../../../fonts/jost-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url("../../../fonts/jost-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root,
.governed-site,
.governed-site.governed-site {
  --kd-sans: "Jost", "Avenir Next", "Century Gothic", "Segoe UI", sans-serif;
  --kd-serif: "Cormorant Garamond", Cormorant, Georgia, "Times New Roman", serif;
  --sage-deep: #3f5147;
  --sage-tint: #eef2ec;
}

/* No Manrope anywhere: everything that is not display type uses Jost */
body,
.signature-site,
.governed-site,
.governed-site p, .governed-site span, .governed-site li, .governed-site a,
.governed-site div, .governed-site button, .governed-site input,
.governed-site textarea, .governed-site select, .governed-site label,
.governed-site small, .governed-site strong, .governed-site b,
.governed-site em, .governed-site figcaption, .governed-site th,
.governed-site td, .governed-site summary, .governed-site dt, .governed-site dd,
.governed-site .trust-strip span,
.governed-site .eyebrow, .eyebrow, [class*="eyebrow"],
.governed-site .button, .governed-site .button-small {
  font-family: var(--kd-sans);
}
.governed-site,
.governed-site p, .governed-site li { font-weight: 400; letter-spacing: .004em; }

/* Display type stays Cormorant Garamond */
h1, h2, h3, h4, blockquote, .kd-display,
.governed-site h1, .governed-site h2, .governed-site h3, .governed-site h4,
.governed-site blockquote,
.governed-site .card-number,
.governed-site .clinic-metrics strong,
.governed-site .quote-section blockquote,
.governed-site .statement-section blockquote {
  font-family: var(--kd-serif);
}
.governed-site .card-number { font-weight: 500; font-size: 1.35rem; }

/* ---- Secondary buttons: deep sage, never gold ---------------------------- */
.governed-site .button-outline,
.governed-site a.button-outline,
.governed-site button.button-outline {
  background: transparent;
  border: 1px solid var(--sage-deep);
  color: var(--sage-deep);
  box-shadow: none;
}
.governed-site .button-outline:hover {
  background: var(--sage-deep);
  border-color: var(--sage-deep);
  color: #fff;
}
/* On dark photography the secondary button stays legible */
.governed-site .home-hero .button-outline,
.governed-site .dark-section .button-outline,
.governed-site .kd-photo-band .button-outline,
.governed-site .site-footer .button-outline,
.governed-site .signature-feature .button-outline {
  border-color: rgba(255, 255, 255, .62);
  color: #fff;
}
.governed-site .home-hero .button-outline:hover,
.governed-site .dark-section .button-outline:hover,
.governed-site .kd-photo-band .button-outline:hover,
.governed-site .site-footer .button-outline:hover,
.governed-site .signature-feature .button-outline:hover {
  background: #fff;
  border-color: #fff;
  color: var(--dark-sage);
}

/* ---- Desktop hero: Kelly right, black fade left to centre ---------------- */
@media (min-width: 1121px) {
  .governed-site .home-hero,
  .governed-site .home-hero-signature {
    background-color: #070a09;
    background-image: none;
  }
  .governed-site .home-hero-signature .hero-image { width: 76%; }
  .governed-site .home-hero-signature .hero-image img { object-position: 62% center; }
  .governed-site .home-hero .hero-overlay {
    background:
      linear-gradient(
        90deg,
        #050807 0%,
        #050807 22%,
        rgba(5, 8, 7, .94) 34%,
        rgba(5, 8, 7, .72) 45%,
        rgba(5, 8, 7, .38) 57%,
        rgba(5, 8, 7, .10) 70%,
        rgba(5, 8, 7, 0) 80%
      );
  }
  .governed-site .home-hero .hero-content { max-width: 1200px; }
  .governed-site .home-hero .hero-content h1,
  .governed-site .home-hero .hero-content p,
  .governed-site .home-hero .hero-proofline { max-width: 34rem; }
}

/* ---- Dark photo bands: even scrim so copy never fights the picture ------- */
.governed-site .dark-section.kd-photo-band { background-position: center 40%; }
.governed-site .dark-section.kd-photo-band::before {
  background:
    linear-gradient(
      180deg,
      rgba(12, 18, 15, .90) 0%,
      rgba(12, 18, 15, .84) 50%,
      rgba(12, 18, 15, .90) 100%
    );
}
.governed-site .dark-section.kd-photo-band .section-intro h2,
.governed-site .dark-section.kd-photo-band .value-grid h3 { color: #fff; }
.governed-site .dark-section.kd-photo-band p { color: rgba(255, 255, 255, .82); }
.governed-site .dark-section.kd-photo-band .value-grid article { border-color: rgba(255, 255, 255, .16); }

/* ---- Meet Kelly: portrait sits directly under the treatments grid -------- */
@media (max-width: 1120px) {
  .governed-site .practitioner-feature { gap: 2.75rem; }
  .governed-site .practitioner-feature .portrait-frame { order: -1; }
  .governed-site .practitioner-feature .portrait-frame img { aspect-ratio: 4 / 3; }
}

/* Emphasis inside display type stays serif (and legible on dark bands) */
.governed-site h1 em, .governed-site h2 em, .governed-site h3 em,
.governed-site h1 span.accent, .governed-site h2 span.accent,
.governed-site blockquote em {
  font-family: var(--kd-serif);
  font-style: normal;
}
.governed-site .dark-section h1 em,
.governed-site .dark-section h2 em,
.governed-site .site-footer em,
.governed-site .signature-feature h2 em { color: var(--soft-gold); }
.governed-site .dark-section.kd-photo-band::before {
  background:
    linear-gradient(
      180deg,
      rgba(11, 16, 14, .93) 0%,
      rgba(11, 16, 14, .88) 50%,
      rgba(11, 16, 14, .93) 100%
    );
}

/* ---- Photo bands: copy always brighter than the picture ------------------ */
.governed-site .kd-photo-band::before {
  background:
    linear-gradient(
      180deg,
      rgba(9, 14, 12, .94) 0%,
      rgba(9, 14, 12, .90) 50%,
      rgba(9, 14, 12, .94) 100%
    );
}
.governed-site .kd-photo-band h1,
.governed-site .kd-photo-band h2,
.governed-site .kd-photo-band h3 { color: #fff; }
.governed-site .kd-photo-band h1 em,
.governed-site .kd-photo-band h2 em { color: #f0dfba; }
.governed-site .kd-photo-band p,
.governed-site .kd-photo-band li { color: rgba(255, 255, 255, .88); }
.governed-site .kd-photo-band .eyebrow { color: #f0dfba; }

/* ---- Even vertical rhythm and alternating surface shades ----------------- */
.governed-site .content-section,
.governed-site .statement-section,
.governed-site .dark-section,
.governed-site .quote-section,
.governed-site .cta-section,
.governed-site .page-heading,
.governed-site .prescribing-note,
.governed-site .faq-group { padding-block: clamp(4.5rem, 7vw, 7rem); }

.governed-site .statement-section { background: var(--soft-cream); }
.governed-site .quote-section { background: var(--warm-ivory); }
.governed-site .cta-section { background: var(--soft-cream); }
.governed-site .treatment-ecosystem { background: var(--warm-ivory); }
.governed-site .results-home { background: var(--soft-cream); max-width: none; }
.governed-site .results-home > * { max-width: var(--content-width); margin-inline: auto; }

/* ---- Footer: shorter, one alignment, PopUsIn mark on its own line -------- */
.governed-site .site-footer { padding: clamp(3.25rem, 5vw, 4.25rem) 6vw 1.75rem; }
.governed-site .footer-grid {
  grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
  gap: clamp(2rem, 4vw, 3.5rem);
  text-align: left;
}
.governed-site .footer-intro { text-align: left; max-width: 24rem; }
.governed-site .footer-intro > .footer-logo-card { margin: 0 0 1.1rem; justify-content: flex-start; width: 11.5rem; }
.governed-site .footer-intro p { margin-inline: 0; }
.governed-site .social-links { justify-content: flex-start; gap: 1.1rem; }
.governed-site .footer-grid p { font-size: .78rem; line-height: 1.6; }
.governed-site .footer-grid > div > a { margin: .4rem 0; }
.governed-site .footer-heading { margin-bottom: .9rem; font-family: var(--kd-sans); }

.governed-site .footer-bottom {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: .9rem;
  margin-top: clamp(2.25rem, 4vw, 3rem);
  padding-top: 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, .16);
}
.governed-site .footer-bottom > span:nth-child(2) { justify-content: center; }
.governed-site .powered-by-popusin {
  order: 3;
  justify-content: center;
  gap: .55rem;
  color: #fff;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .6rem;
}
.governed-site .powered-by-popusin span { color: #fff; }
.governed-site .powered-by-popusin img {
  width: 1.55rem;
  height: 1.55rem;
  padding: .28rem;
  background: #fff;
  border-radius: 999px;
  box-sizing: border-box;
}
@media (max-width: 820px) {
  .governed-site .footer-grid { grid-template-columns: 1fr 1fr; text-align: left; }
  .governed-site .footer-intro { grid-column: 1 / -1; text-align: left; margin-inline: 0; }
  .governed-site .footer-intro > .footer-logo-card { margin-inline: 0; justify-content: flex-start; }
  .governed-site .social-links { justify-content: flex-start; }
}
@media (max-width: 560px) {
  .governed-site .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
  .governed-site .footer-bottom { align-items: center; text-align: center; }
}

/* Mobile navigation panel */
.governed-site .primary-nav.is-open { visibility: visible; transform: translateX(0); }
body.menu-is-open { overflow: hidden; }

@media (max-width: 1120px) {
  .governed-site .primary-nav .button,
  .governed-site .primary-nav .button-small {
    justify-content: center;
    text-align: center;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-size: .72rem;
  }
}

/* ---- CMD-DL-37: resilient homepage hero + remove sticky mobile CTA ------- */
@media (min-width: 1121px) {
  .governed-site .home-hero-signature {
    position: relative;
    display: block;
    min-height: clamp(640px, 58vw, 900px);
    overflow: hidden;
  }

  .governed-site .home-hero-signature .hero-image {
    position: absolute;
    inset: 0 0 0 auto;
    width: 72%;
    height: 100%;
  }

  .governed-site .home-hero-signature .hero-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 62% center;
  }

  .governed-site .home-hero-signature .hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
  }

  .governed-site .home-hero-signature .hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: clamp(5rem, 8vw, 8rem) clamp(3rem, 5vw, 5rem) clamp(4.5rem, 7vw, 7rem) clamp(5rem, 12vw, 12rem);
    box-sizing: border-box;
  }

  .governed-site .home-hero-signature .hero-content > * {
    width: min(34rem, 40vw);
    max-width: 34rem;
    min-width: 0;
  }

  .governed-site .home-hero-signature .hero-content h1 {
    width: min(7.4ch, 40vw);
    max-width: 7.4ch;
  }

  .governed-site .home-hero-signature .button-row {
    width: min(34rem, 40vw);
  }
}

@media (max-width: 1120px) {
  .governed-site .mobile-booking {
    display: none !important;
  }
}

/* ---- CMD-DL-38: desktop hero must only be black fade + Kelly ------------ */
@media (min-width: 901px) {
  .governed-site .home-hero,
  .governed-site .home-hero-signature {
    background-color: #050807;
    background-image: none !important;
  }

  .governed-site .home-hero-signature .hero-image img {
    object-position: 62% 42%;
  }
}


/* Keep the Results statement and consultation button in one compact section. */
.governed-site .results-consultation {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
  padding-block: clamp(2rem, 3vw, 3rem);
}
.governed-site .results-consultation > * { margin-block: 0; }
.governed-site .results-consultation > p { max-width: 56rem; }


/* 18 Sep 2026: mobile hero is exactly Kelly image followed by copy.
   Reset the older fixed grid row/background so the clinic-detail artwork cannot
   show through as a stray strip between the portrait and the dark copy panel. */
@media (max-width: 700px) {
  .governed-site .home-hero-signature {
    grid-template-rows: auto auto !important;
    background-image: none !important;
    background-color: #1d2b25 !important;
  }

  .governed-site .home-hero-signature .hero-image {
    grid-row: 1 !important;
  }

  .governed-site .home-hero-signature .hero-content {
    grid-row: 2 !important;
  }
}