@asante-org/atlascopco-vt-litesitegenerator 3.0.19 → 3.0.21

package/dist/themes/theme-1.css

@@ -343,62 +343,173 @@
   pointer-events: none;
 }
 
+.lsg-banner,
+.lsg-banner * {
+  box-sizing: border-box;
+}
+
 .lsg-banner {
   position: relative;
-  display: flex;
-  align-items: center;
-  min-height: 400px;
-  padding: 72px 24px;
-  background-color: var(--lsg-color-dark);
-  color: var(--lsg-color-white);
+  width: 100%;
+  margin: 0;
   overflow: hidden;
+  background: var(--lsg-color-light);
+  color: var(--lsg-color-black);
+  font-family: var(--lsg-font-family-primary);
 }
-.lsg-banner__background {
-  position: absolute;
-  inset: 0;
+.lsg-banner__shell {
+  position: relative;
+  width: 100%;
+  min-width: 0;
 }
-.lsg-banner__background img {
+.lsg-banner__media {
+  position: relative;
+  min-width: 0;
+  overflow: hidden;
+}
+.lsg-banner__image, .lsg-banner__video {
+  display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
-  display: block;
-}
-.lsg-banner__background::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.15) 100%);
 }
-.lsg-banner__inner {
+.lsg-banner__content {
   position: relative;
   z-index: 1;
-  width: 100%;
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 0 24px;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
 }
-.lsg-banner__eyebrow {
-  display: block;
-  font-size: 0.8125rem;
-  font-weight: 700;
-  letter-spacing: 0.1em;
+.lsg-banner__pre-title {
+  display: inline-flex;
+  align-items: center;
+  align-self: flex-start;
+  gap: 8px;
+  max-width: 100%;
+  font-size: var(--lsg-size-Pretitle, 18px);
+  font-weight: 600;
+  line-height: 1.2;
   text-transform: uppercase;
-  color: color-mix(in srgb, var(--lsg-color-primary) 35%, var(--lsg-color-white));
-  margin: 0 0 12px;
+}
+.lsg-banner__pre-title-marker {
+  display: none;
+  flex: 0 0 auto;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: currentColor;
+}
+.lsg-banner__pre-title-text {
+  min-width: 0;
+}
+.lsg-banner__heading, .lsg-banner__body p {
+  margin: 0;
+  word-break: break-word;
 }
 .lsg-banner__heading {
-  font-size: clamp(1.75rem, 4vw, 3rem);
-  font-weight: 700;
-  line-height: 1.15;
-  margin: 0 0 16px;
-  max-width: 720px;
+  font-family: var(--lsg-font-family-primary);
+  font-size: var(--lsg-size-H1, 45px);
+  font-weight: 600;
+  line-height: 1.1;
 }
-.lsg-banner__copy {
-  font-size: 1.125rem;
-  line-height: 1.6;
-  color: color-mix(in srgb, var(--lsg-color-white) 88%, var(--lsg-color-light));
-  margin: 0 0 36px;
-  max-width: 560px;
+.lsg-banner__body {
+  min-width: 0;
+  font-size: var(--lsg-size-body, 18px);
+  font-weight: 400;
+  line-height: 1.5;
+}
+.lsg-banner__actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 16px;
+}
+.lsg-banner__cta {
+  flex: 0 0 auto;
+}
+.lsg-banner--text-only .lsg-banner__media {
+  display: none;
+}
+
+@media (min-width: 768px) {
+  .lsg-banner--media-left .lsg-banner__shell, .lsg-banner--media-right .lsg-banner__shell, .lsg-banner--media-left-compact .lsg-banner__shell, .lsg-banner--media-right-compact .lsg-banner__shell {
+    display: grid;
+    align-items: stretch;
+  }
+  .lsg-banner--media-left .lsg-banner__shell, .lsg-banner--media-left-compact .lsg-banner__shell {
+    grid-template-areas: "media content";
+  }
+  .lsg-banner--media-right .lsg-banner__shell, .lsg-banner--media-right-compact .lsg-banner__shell {
+    grid-template-areas: "content media";
+  }
+  .lsg-banner--media-left .lsg-banner__media, .lsg-banner--media-right .lsg-banner__media, .lsg-banner--media-left-compact .lsg-banner__media, .lsg-banner--media-right-compact .lsg-banner__media {
+    grid-area: media;
+  }
+  .lsg-banner--media-left .lsg-banner__content, .lsg-banner--media-right .lsg-banner__content, .lsg-banner--media-left-compact .lsg-banner__content, .lsg-banner--media-right-compact .lsg-banner__content {
+    grid-area: content;
+  }
+  .lsg-banner--media-left .lsg-banner__shell, .lsg-banner--media-right .lsg-banner__shell {
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  }
+  .lsg-banner--media-left-compact .lsg-banner__shell {
+    grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr);
+  }
+  .lsg-banner--media-right-compact .lsg-banner__shell {
+    grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
+  }
+  .lsg-banner--overlay .lsg-banner__shell, .lsg-banner--overlay-transparent .lsg-banner__shell {
+    display: grid;
+    place-items: stretch;
+  }
+  .lsg-banner--overlay .lsg-banner__media, .lsg-banner--overlay-transparent .lsg-banner__media, .lsg-banner--overlay .lsg-banner__content, .lsg-banner--overlay-transparent .lsg-banner__content {
+    grid-area: 1/1;
+  }
+  .lsg-banner--overlay .lsg-banner__media, .lsg-banner--overlay-transparent .lsg-banner__media {
+    z-index: 0;
+    min-height: inherit;
+  }
+  .lsg-banner--overlay .lsg-banner__content, .lsg-banner--overlay-transparent .lsg-banner__content {
+    align-self: center;
+  }
+}
+@media (max-width: 767px) {
+  .lsg-banner__heading {
+    font-size: 30px;
+    line-height: 1.2;
+  }
+  .lsg-banner__pre-title {
+    font-size: 16px;
+  }
+  .lsg-banner__body {
+    font-size: 18px;
+    line-height: 1.5;
+  }
+  .lsg-banner--media-left .lsg-banner__shell, .lsg-banner--media-right .lsg-banner__shell, .lsg-banner--media-left-compact .lsg-banner__shell, .lsg-banner--media-right-compact .lsg-banner__shell {
+    display: flex;
+    flex-direction: column;
+  }
+  .lsg-banner--mobile-media-top .lsg-banner__media {
+    order: 1;
+  }
+  .lsg-banner--mobile-media-top .lsg-banner__content {
+    order: 2;
+  }
+  .lsg-banner--mobile-media-bottom .lsg-banner__content {
+    order: 1;
+  }
+  .lsg-banner--mobile-media-bottom .lsg-banner__media {
+    order: 2;
+  }
+  .lsg-banner--overlay .lsg-banner__shell, .lsg-banner--overlay-transparent .lsg-banner__shell {
+    display: grid;
+    place-items: stretch;
+  }
+  .lsg-banner--overlay .lsg-banner__media, .lsg-banner--overlay-transparent .lsg-banner__media, .lsg-banner--overlay .lsg-banner__content, .lsg-banner--overlay-transparent .lsg-banner__content {
+    grid-area: 1/1;
+  }
+  .lsg-banner--overlay .lsg-banner__content, .lsg-banner--overlay-transparent .lsg-banner__content {
+    align-self: center;
+  }
 }
 .lsg-card,
 .lsg-card *,
@@ -3905,6 +4016,114 @@
   justify-items: end;
 }
 
+.lsg-breadcrumb,
+.lsg-breadcrumb * {
+  box-sizing: border-box;
+}
+
+.lsg-breadcrumb {
+  width: 100%;
+  height: 100px;
+  overflow: hidden;
+  background: var(--lsg-color-white);
+  color: var(--lsg-color-black);
+  font-family: var(--lsg-font-family-primary);
+}
+.lsg-breadcrumb__list {
+  display: flex;
+  align-items: center;
+  gap: 18px;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0 var(--lsg-breadcrumb-padding-mobile, 16px);
+  overflow: hidden;
+  list-style: none;
+}
+.lsg-breadcrumb__item, .lsg-breadcrumb__separator {
+  display: inline-flex;
+  align-items: center;
+  flex: 0 0 auto;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.lsg-breadcrumb__home {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--lsg-breadcrumb-home-size, 18px);
+  height: var(--lsg-breadcrumb-home-height, 16px);
+  flex: 0 0 auto;
+  overflow: hidden;
+  background: var(--lsg-breadcrumb-home-bg, transparent);
+  border-radius: var(--lsg-breadcrumb-home-radius, 0);
+  color: var(--lsg-color-black);
+  text-decoration: none;
+}
+.lsg-breadcrumb__home-icon {
+  width: var(--lsg-breadcrumb-home-icon-width, 18px);
+  height: var(--lsg-breadcrumb-home-icon-height, 16px);
+  fill: currentColor;
+}
+.lsg-breadcrumb__separator {
+  width: var(--lsg-breadcrumb-separator-width, 5px);
+  height: var(--lsg-breadcrumb-separator-height, 8px);
+  justify-content: center;
+  color: var(--lsg-color-black);
+}
+.lsg-breadcrumb__separator-icon {
+  display: block;
+  width: 100%;
+  height: 100%;
+  fill: currentColor;
+}
+.lsg-breadcrumb__link, .lsg-breadcrumb__ancestor, .lsg-breadcrumb__current {
+  font-family: var(--lsg-font-family-primary);
+  text-align: center;
+  white-space: nowrap;
+  word-break: break-word;
+  text-transform: capitalize;
+}
+.lsg-breadcrumb__link, .lsg-breadcrumb__ancestor {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  max-height: 50px;
+  color: var(--lsg-color-black);
+  font-size: var(--lsg-size-body, 18px);
+  font-weight: var(--lsg-font-weight-regular, 400);
+  line-height: 1.5;
+}
+.lsg-breadcrumb__link {
+  text-decoration: none;
+}
+.lsg-breadcrumb__home:focus-visible, .lsg-breadcrumb__link:focus-visible {
+  outline: 1px solid var(--lsg-color-black);
+  outline-offset: 2px;
+}
+.lsg-breadcrumb__current {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  max-height: 50px;
+  overflow: hidden;
+}
+.lsg-breadcrumb__current-marker {
+  display: none;
+  width: 10px;
+  height: 10px;
+  flex: 0 0 10px;
+  border-radius: 50%;
+  background: currentColor;
+}
+@media (min-width: 768px) {
+  .lsg-breadcrumb__list {
+    padding-right: var(--lsg-breadcrumb-padding-desktop, 200px);
+    padding-left: var(--lsg-breadcrumb-padding-desktop, 200px);
+  }
+}
+
 :root[data-lsg-theme=theme-1] .lsg-button,
 :root[data-lsg-theme=theme-1] .cmp-lsg-button .lsg-button,
 .lsg-themed-component--theme-1 .lsg-button,
@@ -4794,6 +5013,317 @@
   }
 }
 
+:root[data-lsg-theme=theme-1] .lsg-breadcrumb,
+.lsg-themed-component--theme-1 .lsg-breadcrumb {
+  --lsg-breadcrumb-padding-desktop: 200px;
+  --lsg-breadcrumb-padding-mobile: 16px;
+  --lsg-breadcrumb-home-size: 18px;
+  --lsg-breadcrumb-home-height: 16px;
+  --lsg-breadcrumb-home-icon-width: 18px;
+  --lsg-breadcrumb-home-icon-height: 16px;
+  --lsg-breadcrumb-separator-width: 5px;
+  --lsg-breadcrumb-separator-height: 8px;
+}
+:root[data-lsg-theme=theme-1] .lsg-breadcrumb__link,
+:root[data-lsg-theme=theme-1] .lsg-breadcrumb__ancestor,
+:root[data-lsg-theme=theme-1] .lsg-breadcrumb__current,
+.lsg-themed-component--theme-1 .lsg-breadcrumb__link,
+.lsg-themed-component--theme-1 .lsg-breadcrumb__ancestor,
+.lsg-themed-component--theme-1 .lsg-breadcrumb__current {
+  height: 50px;
+  padding: 15px 0;
+}
+:root[data-lsg-theme=theme-1] .lsg-breadcrumb__current,
+.lsg-themed-component--theme-1 .lsg-breadcrumb__current {
+  border: 0;
+  color: var(--lsg-color-black);
+  background: transparent;
+  font-size: var(--lsg-size-body, 18px);
+  font-weight: var(--lsg-font-weight-regular, 400);
+  line-height: 1.5;
+}
+:root[data-lsg-theme=theme-1] .lsg-breadcrumb__current[data-lsg-state=focus],
+.lsg-themed-component--theme-1 .lsg-breadcrumb__current[data-lsg-state=focus] {
+  border: 1px solid var(--lsg-color-black);
+}
+:root[data-lsg-theme=theme-1] .lsg-breadcrumb__current[data-lsg-state=hover],
+.lsg-themed-component--theme-1 .lsg-breadcrumb__current[data-lsg-state=hover] {
+  border-bottom: 1px solid var(--lsg-color-primary);
+  color: var(--lsg-color-primary);
+}
+:root[data-lsg-theme=theme-1] .lsg-breadcrumb__current[aria-current=page], :root[data-lsg-theme=theme-1] .lsg-breadcrumb__current[data-lsg-state=active],
+.lsg-themed-component--theme-1 .lsg-breadcrumb__current[aria-current=page],
+.lsg-themed-component--theme-1 .lsg-breadcrumb__current[data-lsg-state=active] {
+  border-bottom: 4px solid var(--lsg-color-primary);
+  color: var(--lsg-color-primary);
+}
+
+:root[data-lsg-theme=theme-1] .lsg-banner,
+.lsg-themed-component--theme-1 .lsg-banner {
+  background: var(--lsg-color-primary);
+  color: var(--lsg-color-white);
+}
+:root[data-lsg-theme=theme-1] .lsg-banner__pre-title,
+.lsg-themed-component--theme-1 .lsg-banner__pre-title {
+  color: var(--lsg-color-light);
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--media-left .lsg-banner__shell, :root[data-lsg-theme=theme-1] .lsg-banner--media-right .lsg-banner__shell, :root[data-lsg-theme=theme-1] .lsg-banner--media-left-compact .lsg-banner__shell, :root[data-lsg-theme=theme-1] .lsg-banner--media-right-compact .lsg-banner__shell,
+.lsg-themed-component--theme-1 .lsg-banner--media-left .lsg-banner__shell,
+.lsg-themed-component--theme-1 .lsg-banner--media-right .lsg-banner__shell,
+.lsg-themed-component--theme-1 .lsg-banner--media-left-compact .lsg-banner__shell,
+.lsg-themed-component--theme-1 .lsg-banner--media-right-compact .lsg-banner__shell {
+  min-height: 625px;
+  column-gap: 80px;
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--media-left .lsg-banner__media, :root[data-lsg-theme=theme-1] .lsg-banner--media-right .lsg-banner__media, :root[data-lsg-theme=theme-1] .lsg-banner--media-left-compact .lsg-banner__media, :root[data-lsg-theme=theme-1] .lsg-banner--media-right-compact .lsg-banner__media,
+.lsg-themed-component--theme-1 .lsg-banner--media-left .lsg-banner__media,
+.lsg-themed-component--theme-1 .lsg-banner--media-right .lsg-banner__media,
+.lsg-themed-component--theme-1 .lsg-banner--media-left-compact .lsg-banner__media,
+.lsg-themed-component--theme-1 .lsg-banner--media-right-compact .lsg-banner__media {
+  height: 625px;
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--media-left .lsg-banner__content, :root[data-lsg-theme=theme-1] .lsg-banner--media-right .lsg-banner__content, :root[data-lsg-theme=theme-1] .lsg-banner--media-left-compact .lsg-banner__content, :root[data-lsg-theme=theme-1] .lsg-banner--media-right-compact .lsg-banner__content,
+.lsg-themed-component--theme-1 .lsg-banner--media-left .lsg-banner__content,
+.lsg-themed-component--theme-1 .lsg-banner--media-right .lsg-banner__content,
+.lsg-themed-component--theme-1 .lsg-banner--media-left-compact .lsg-banner__content,
+.lsg-themed-component--theme-1 .lsg-banner--media-right-compact .lsg-banner__content {
+  justify-content: center;
+  gap: 30px;
+  padding-top: 60px;
+  padding-bottom: 60px;
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--media-left .lsg-banner__actions, :root[data-lsg-theme=theme-1] .lsg-banner--media-right .lsg-banner__actions, :root[data-lsg-theme=theme-1] .lsg-banner--media-left-compact .lsg-banner__actions, :root[data-lsg-theme=theme-1] .lsg-banner--media-right-compact .lsg-banner__actions,
+.lsg-themed-component--theme-1 .lsg-banner--media-left .lsg-banner__actions,
+.lsg-themed-component--theme-1 .lsg-banner--media-right .lsg-banner__actions,
+.lsg-themed-component--theme-1 .lsg-banner--media-left-compact .lsg-banner__actions,
+.lsg-themed-component--theme-1 .lsg-banner--media-right-compact .lsg-banner__actions {
+  margin-top: auto;
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--media-left .lsg-banner__pre-title, :root[data-lsg-theme=theme-1] .lsg-banner--media-right .lsg-banner__pre-title, :root[data-lsg-theme=theme-1] .lsg-banner--media-left-compact .lsg-banner__pre-title, :root[data-lsg-theme=theme-1] .lsg-banner--media-right-compact .lsg-banner__pre-title,
+.lsg-themed-component--theme-1 .lsg-banner--media-left .lsg-banner__pre-title,
+.lsg-themed-component--theme-1 .lsg-banner--media-right .lsg-banner__pre-title,
+.lsg-themed-component--theme-1 .lsg-banner--media-left-compact .lsg-banner__pre-title,
+.lsg-themed-component--theme-1 .lsg-banner--media-right-compact .lsg-banner__pre-title {
+  margin-bottom: auto;
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--media-left .lsg-banner__cta.lsg-button--primary, :root[data-lsg-theme=theme-1] .lsg-banner--media-right .lsg-banner__cta.lsg-button--primary, :root[data-lsg-theme=theme-1] .lsg-banner--media-left-compact .lsg-banner__cta.lsg-button--primary, :root[data-lsg-theme=theme-1] .lsg-banner--media-right-compact .lsg-banner__cta.lsg-button--primary,
+.lsg-themed-component--theme-1 .lsg-banner--media-left .lsg-banner__cta.lsg-button--primary,
+.lsg-themed-component--theme-1 .lsg-banner--media-right .lsg-banner__cta.lsg-button--primary,
+.lsg-themed-component--theme-1 .lsg-banner--media-left-compact .lsg-banner__cta.lsg-button--primary,
+.lsg-themed-component--theme-1 .lsg-banner--media-right-compact .lsg-banner__cta.lsg-button--primary {
+  background: transparent;
+  border-color: var(--lsg-color-white);
+  color: var(--lsg-color-white);
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--media-left .lsg-banner__shell,
+.lsg-themed-component--theme-1 .lsg-banner--media-left .lsg-banner__shell {
+  grid-template-columns: 50.625% minmax(0, 1fr);
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--media-right .lsg-banner__shell,
+.lsg-themed-component--theme-1 .lsg-banner--media-right .lsg-banner__shell {
+  grid-template-columns: minmax(0, 1fr) 50.625%;
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--media-left-compact .lsg-banner__shell,
+.lsg-themed-component--theme-1 .lsg-banner--media-left-compact .lsg-banner__shell {
+  grid-template-columns: 33.333% minmax(0, 1fr);
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--media-right-compact .lsg-banner__shell,
+.lsg-themed-component--theme-1 .lsg-banner--media-right-compact .lsg-banner__shell {
+  grid-template-columns: minmax(0, 1fr) 33.333%;
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--media-left .lsg-banner__content, :root[data-lsg-theme=theme-1] .lsg-banner--media-left-compact .lsg-banner__content,
+.lsg-themed-component--theme-1 .lsg-banner--media-left .lsg-banner__content,
+.lsg-themed-component--theme-1 .lsg-banner--media-left-compact .lsg-banner__content {
+  padding-right: clamp(32px, 13.89vw, 200px);
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--media-right .lsg-banner__content, :root[data-lsg-theme=theme-1] .lsg-banner--media-right-compact .lsg-banner__content,
+.lsg-themed-component--theme-1 .lsg-banner--media-right .lsg-banner__content,
+.lsg-themed-component--theme-1 .lsg-banner--media-right-compact .lsg-banner__content {
+  padding-left: clamp(32px, 13.89vw, 200px);
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--overlay,
+.lsg-themed-component--theme-1 .lsg-banner--overlay {
+  background: var(--lsg-color-light);
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--overlay .lsg-banner__shell,
+:root[data-lsg-theme=theme-1] .lsg-banner--overlay .lsg-banner__media,
+.lsg-themed-component--theme-1 .lsg-banner--overlay .lsg-banner__shell,
+.lsg-themed-component--theme-1 .lsg-banner--overlay .lsg-banner__media {
+  min-height: 493px;
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--overlay .lsg-banner__content,
+.lsg-themed-component--theme-1 .lsg-banner--overlay .lsg-banner__content {
+  gap: 20px;
+  margin: 90px clamp(32px, 13.89vw, 200px);
+  padding: 44px 70px;
+  background: color-mix(in srgb, var(--lsg-color-light) 75%, transparent);
+  color: var(--lsg-color-black);
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--overlay .lsg-banner__pre-title,
+.lsg-themed-component--theme-1 .lsg-banner--overlay .lsg-banner__pre-title {
+  color: var(--lsg-color-black);
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--overlay .lsg-banner__cta.lsg-button--primary,
+.lsg-themed-component--theme-1 .lsg-banner--overlay .lsg-banner__cta.lsg-button--primary {
+  background: var(--lsg-color-primary);
+  border-color: var(--lsg-color-primary);
+  color: var(--lsg-color-white);
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--overlay-transparent,
+.lsg-themed-component--theme-1 .lsg-banner--overlay-transparent {
+  background: var(--lsg-color-tertiary);
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--overlay-transparent .lsg-banner__shell,
+:root[data-lsg-theme=theme-1] .lsg-banner--overlay-transparent .lsg-banner__media,
+.lsg-themed-component--theme-1 .lsg-banner--overlay-transparent .lsg-banner__shell,
+.lsg-themed-component--theme-1 .lsg-banner--overlay-transparent .lsg-banner__media {
+  min-height: 281px;
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--overlay-transparent .lsg-banner__media::after,
+.lsg-themed-component--theme-1 .lsg-banner--overlay-transparent .lsg-banner__media::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: var(--lsg-color-tertiary);
+  opacity: 0.94;
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--overlay-transparent .lsg-banner__content,
+.lsg-themed-component--theme-1 .lsg-banner--overlay-transparent .lsg-banner__content {
+  display: grid;
+  grid-template-columns: minmax(0, 543px) minmax(0, 1fr);
+  grid-template-areas: "heading body" "heading actions";
+  column-gap: 90px;
+  row-gap: 16px;
+  align-content: center;
+  margin: 0;
+  padding: 64px clamp(32px, 13.89vw, 200px);
+  color: var(--lsg-color-white);
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--overlay-transparent .lsg-banner__pre-title,
+.lsg-themed-component--theme-1 .lsg-banner--overlay-transparent .lsg-banner__pre-title {
+  display: none;
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--overlay-transparent .lsg-banner__heading,
+.lsg-themed-component--theme-1 .lsg-banner--overlay-transparent .lsg-banner__heading {
+  grid-area: heading;
+  align-self: start;
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--overlay-transparent .lsg-banner__body,
+.lsg-themed-component--theme-1 .lsg-banner--overlay-transparent .lsg-banner__body {
+  grid-area: body;
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--overlay-transparent .lsg-banner__actions,
+.lsg-themed-component--theme-1 .lsg-banner--overlay-transparent .lsg-banner__actions {
+  grid-area: actions;
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--overlay-transparent .lsg-banner__cta,
+.lsg-themed-component--theme-1 .lsg-banner--overlay-transparent .lsg-banner__cta {
+  background: transparent;
+  border-color: var(--lsg-color-white);
+  color: var(--lsg-color-white);
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--text-only,
+.lsg-themed-component--theme-1 .lsg-banner--text-only {
+  background: var(--lsg-color-tertiary);
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--text-only .lsg-banner__content,
+.lsg-themed-component--theme-1 .lsg-banner--text-only .lsg-banner__content {
+  gap: 24px;
+  padding: 64px clamp(32px, 13.89vw, 200px);
+  color: var(--lsg-color-white);
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--text-only .lsg-banner__heading,
+.lsg-themed-component--theme-1 .lsg-banner--text-only .lsg-banner__heading {
+  max-width: 700px;
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--text-only .lsg-banner__pre-title,
+.lsg-themed-component--theme-1 .lsg-banner--text-only .lsg-banner__pre-title {
+  display: none;
+}
+:root[data-lsg-theme=theme-1] .lsg-banner--text-only .lsg-banner__cta,
+.lsg-themed-component--theme-1 .lsg-banner--text-only .lsg-banner__cta {
+  background: transparent;
+  border-color: var(--lsg-color-white);
+  color: var(--lsg-color-white);
+}
+@media (max-width: 767px) {
+  :root[data-lsg-theme=theme-1] .lsg-banner--media-left .lsg-banner__shell, :root[data-lsg-theme=theme-1] .lsg-banner--media-right .lsg-banner__shell, :root[data-lsg-theme=theme-1] .lsg-banner--media-left-compact .lsg-banner__shell, :root[data-lsg-theme=theme-1] .lsg-banner--media-right-compact .lsg-banner__shell,
+  .lsg-themed-component--theme-1 .lsg-banner--media-left .lsg-banner__shell,
+  .lsg-themed-component--theme-1 .lsg-banner--media-right .lsg-banner__shell,
+  .lsg-themed-component--theme-1 .lsg-banner--media-left-compact .lsg-banner__shell,
+  .lsg-themed-component--theme-1 .lsg-banner--media-right-compact .lsg-banner__shell {
+    min-height: 0;
+    gap: 0;
+  }
+  :root[data-lsg-theme=theme-1] .lsg-banner--media-left .lsg-banner__content, :root[data-lsg-theme=theme-1] .lsg-banner--media-right .lsg-banner__content, :root[data-lsg-theme=theme-1] .lsg-banner--media-left-compact .lsg-banner__content, :root[data-lsg-theme=theme-1] .lsg-banner--media-right-compact .lsg-banner__content,
+  .lsg-themed-component--theme-1 .lsg-banner--media-left .lsg-banner__content,
+  .lsg-themed-component--theme-1 .lsg-banner--media-right .lsg-banner__content,
+  .lsg-themed-component--theme-1 .lsg-banner--media-left-compact .lsg-banner__content,
+  .lsg-themed-component--theme-1 .lsg-banner--media-right-compact .lsg-banner__content {
+    gap: 30px;
+    padding: 64px 16px;
+  }
+  :root[data-lsg-theme=theme-1] .lsg-banner--media-left .lsg-banner__pre-title,
+  :root[data-lsg-theme=theme-1] .lsg-banner--media-left .lsg-banner__actions, :root[data-lsg-theme=theme-1] .lsg-banner--media-right .lsg-banner__pre-title,
+  :root[data-lsg-theme=theme-1] .lsg-banner--media-right .lsg-banner__actions, :root[data-lsg-theme=theme-1] .lsg-banner--media-left-compact .lsg-banner__pre-title,
+  :root[data-lsg-theme=theme-1] .lsg-banner--media-left-compact .lsg-banner__actions, :root[data-lsg-theme=theme-1] .lsg-banner--media-right-compact .lsg-banner__pre-title,
+  :root[data-lsg-theme=theme-1] .lsg-banner--media-right-compact .lsg-banner__actions,
+  .lsg-themed-component--theme-1 .lsg-banner--media-left .lsg-banner__pre-title,
+  .lsg-themed-component--theme-1 .lsg-banner--media-left .lsg-banner__actions,
+  .lsg-themed-component--theme-1 .lsg-banner--media-right .lsg-banner__pre-title,
+  .lsg-themed-component--theme-1 .lsg-banner--media-right .lsg-banner__actions,
+  .lsg-themed-component--theme-1 .lsg-banner--media-left-compact .lsg-banner__pre-title,
+  .lsg-themed-component--theme-1 .lsg-banner--media-left-compact .lsg-banner__actions,
+  .lsg-themed-component--theme-1 .lsg-banner--media-right-compact .lsg-banner__pre-title,
+  .lsg-themed-component--theme-1 .lsg-banner--media-right-compact .lsg-banner__actions {
+    margin: 0;
+  }
+  :root[data-lsg-theme=theme-1] .lsg-banner--media-left .lsg-banner__media, :root[data-lsg-theme=theme-1] .lsg-banner--media-right .lsg-banner__media, :root[data-lsg-theme=theme-1] .lsg-banner--media-left-compact .lsg-banner__media, :root[data-lsg-theme=theme-1] .lsg-banner--media-right-compact .lsg-banner__media,
+  .lsg-themed-component--theme-1 .lsg-banner--media-left .lsg-banner__media,
+  .lsg-themed-component--theme-1 .lsg-banner--media-right .lsg-banner__media,
+  .lsg-themed-component--theme-1 .lsg-banner--media-left-compact .lsg-banner__media,
+  .lsg-themed-component--theme-1 .lsg-banner--media-right-compact .lsg-banner__media {
+    width: 100%;
+    height: 262px;
+  }
+  :root[data-lsg-theme=theme-1] .lsg-banner--overlay .lsg-banner__shell,
+  :root[data-lsg-theme=theme-1] .lsg-banner--overlay .lsg-banner__media,
+  .lsg-themed-component--theme-1 .lsg-banner--overlay .lsg-banner__shell,
+  .lsg-themed-component--theme-1 .lsg-banner--overlay .lsg-banner__media {
+    min-height: 740px;
+  }
+  :root[data-lsg-theme=theme-1] .lsg-banner--overlay .lsg-banner__content,
+  .lsg-themed-component--theme-1 .lsg-banner--overlay .lsg-banner__content {
+    gap: 24px;
+    margin: 64px 16px;
+    padding: 32px 24px;
+  }
+  :root[data-lsg-theme=theme-1] .lsg-banner--overlay-transparent .lsg-banner__shell,
+  :root[data-lsg-theme=theme-1] .lsg-banner--overlay-transparent .lsg-banner__media,
+  .lsg-themed-component--theme-1 .lsg-banner--overlay-transparent .lsg-banner__shell,
+  .lsg-themed-component--theme-1 .lsg-banner--overlay-transparent .lsg-banner__media {
+    min-height: 575px;
+  }
+  :root[data-lsg-theme=theme-1] .lsg-banner--overlay-transparent .lsg-banner__content,
+  .lsg-themed-component--theme-1 .lsg-banner--overlay-transparent .lsg-banner__content {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    margin: 0;
+    padding: 64px 16px;
+  }
+  :root[data-lsg-theme=theme-1] .lsg-banner--text-only .lsg-banner__content,
+  .lsg-themed-component--theme-1 .lsg-banner--text-only .lsg-banner__content {
+    gap: 64px;
+    padding: 64px 16px;
+  }
+  :root[data-lsg-theme=theme-1] .lsg-banner--text-only .lsg-banner__heading,
+  .lsg-themed-component--theme-1 .lsg-banner--text-only .lsg-banner__heading {
+    font-size: 36px;
+    line-height: 1.1;
+  }
+}
+
 :root {
   --lsg-color-primary: #14532d;
   --lsg-color-secondary: #3f3f46;