/* ==========================================================================
   01. DESIGN TOKENS AND GLOBAL BASE
   Shared colours, typography, buttons and layout primitives.
   ========================================================================== */

:root {
  --valia-blue: var(--theme-palette-color-1, #184a78);
  --valia-blue-deep: color-mix(in srgb, var(--valia-blue) 78%, #0b2235);
  --valia-gold: var(--theme-palette-color-2, #b78a45);
  --valia-ink: var(--theme-palette-color-4, #172b3a);
  --valia-text: var(--theme-palette-color-3, #40515d);
  --valia-line: var(--theme-palette-color-5, #d7dfe3);
  --valia-mist: var(--theme-palette-color-6, #edf3f5);
  --valia-ivory: var(--theme-palette-color-7, #f7f5ef);
  --valia-white: var(--theme-palette-color-8, #ffffff);
  --valia-shadow: 0 24px 80px rgba(25, 54, 72, 0.12);
  --valia-radius: 10px;
  --valia-content-max: 1180px;
  --valia-content: min(var(--valia-content-max), calc(100vw - 72px));
  --valia-reading: 780px;
  --valia-section-space: clamp(84px, 9vw, 148px);
  --valia-progress: 0;
  --valia-scale: 1;
  --valia-shift-x: 0%;
  --valia-shift-y: 0%;
  --valia-image-lift: 0.16;
  --valia-glass-opacity: 0.94;
  --valia-chapter-height: 96vh;
  --valia-motion-enabled: 1;
  --valia-masthead-height: 540px;
  --valia-masthead-mobile-height: 320px;
  --valia-masthead-overlay: 0.22;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
}

body {
  overflow-x: hidden;
  background: var(--valia-ivory);
  color: var(--valia-text);
}

.entry-content {
  color: var(--valia-text);
}

.entry-content > :where(.alignfull) {
  width: 100vw;
  max-width: none;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

.entry-content h1,
.entry-content h2,
.entry-content h3 {
  color: var(--valia-ink);
  text-wrap: balance;
}

.entry-content h1 {
  max-width: 920px;
  margin-bottom: 28px;
}

.entry-content h2 {
  max-width: 880px;
  margin-bottom: 28px;
}

.entry-content h3 {
  margin-bottom: 14px;
}

.valia-lead {
  max-width: 820px;
  font-size: clamp(1.14rem, 1.55vw, 1.38rem) !important;
  line-height: 1.62 !important;
}

.valia-eyebrow {
  margin-bottom: 20px !important;
  color: var(--valia-blue) !important;
  font-size: 0.76rem !important;
  font-weight: 750;
  line-height: 1.4 !important;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.entry-content a:not(.wp-block-button__link) {
  color: var(--valia-blue);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

.wp-block-button__link {
  min-height: 54px;
  padding: 15px 23px;
  border-radius: 3px;
  background: var(--valia-blue);
  box-shadow: none;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 750;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  transition: transform 180ms ease, background 180ms ease, color 180ms ease;
}

.wp-block-button__link:hover {
  transform: translateY(-2px);
  background: var(--valia-blue-deep);
  color: #fff;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  border: 1px solid var(--valia-blue);
  background: transparent;
  color: var(--valia-blue);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--valia-blue);
  color: #fff;
}

.valia-button-row {
  gap: 12px !important;
  margin-top: 30px;
}

.valia-button-row > .wp-block-column {
  flex: 0 0 auto;
}

.valia-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background: #f1c878 !important;
  color: #102f46 !important;
  border: 1px solid #f1c878 !important;
}

.valia-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  background: #e3b85f !important;
  color: #102f46 !important;
  border-color: #e3b85f !important;
  transform: none !important;
}

.valia-hero .wp-block-button.is-style-outline .wp-block-button__link {
  background: rgba(255,255,255,.22) !important;
  color: #184a78 !important;
  border: 1px solid #184a78 !important;
}

.valia-hero .wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: rgba(24,74,120,.10) !important;
  color: #12324a !important;
  border-color: #12324a !important;
  transform: none !important;
}

/* ==========================================================================
   02. SHARED CARDS AND CONTENT HELPERS
   Reusable card, list and content patterns used across the site.
   ========================================================================== */

.valia-card-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 46px 0;
}

.valia-card-grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.valia-card {
  min-width: 0;
  padding: clamp(24px, 3vw, 38px);
  border: 1px solid var(--valia-line);
  border-radius: 7px;
  background: rgba(255,255,255,.84);
  transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.valia-card:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--valia-blue) 40%, var(--valia-line));
  box-shadow: 0 14px 40px rgba(25, 54, 72, .09);
}

.valia-card-number,
.valia-rep-number {
  color: var(--valia-gold) !important;
  font-size: .75rem !important;
  font-weight: 800;
  letter-spacing: .13em;
}

.valia-card p {
  font-size: .98rem;
}

.valia-card-link {
  margin-top: 24px;
  font-size: .82rem !important;
  font-weight: 750;
}

.valia-representation-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.valia-representation-grid .valia-card:first-child {
  grid-column: span 2;
}

.valia-representation-grid .valia-card:last-child {
  grid-column: span 2;
}

.valia-check-list,
.valia-application-list {
  margin: 34px 0;
  padding: 0;
  list-style: none;
}

.valia-check-list li,
.valia-application-list li {
  position: relative;
  padding: 15px 0 15px 34px;
  border-bottom: 1px solid var(--valia-line);
}

.valia-check-list li::before,
.valia-application-list li::before {
  position: absolute;
  top: 23px;
  left: 3px;
  width: 10px;
  height: 10px;
  border: 2px solid var(--valia-gold);
  border-radius: 50%;
  content: "";
}

/* ==========================================================================
   03. HOMEPAGE – DESKTOP STORY
   Sticky production-hall visual, hero and the four main homepage modules.
   ========================================================================== */

.valia-home-story {
  position: relative;
  isolation: isolate;
  background: #eaf0f1;
}

.valia-home-story__visual {
  position: sticky;
  z-index: 0;
  top: 0;
  width: 100vw;
  max-width: none !important;
  height: 100svh;
  margin: 0 0 -100svh !important;
  overflow: hidden;
  pointer-events: none;
}

.valia-home-story__visual::after {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      circle at 52% 48%,
      rgba(255,255,255,.015) 0%,
      rgba(255,255,255,0) 40%,
      rgba(11,34,53,.035) 68%,
      rgba(11,34,53,.13) 100%
    ),
    radial-gradient(
      circle at 54% 34%,
      rgba(241,200,120,.045) 0%,
      rgba(241,200,120,0) 32%
    );
  content: "";
  pointer-events: none;
}

.valia-home-story__visual img {
  width: 100%;
  height: 100%;
  transform:
    translate3d(
      var(--valia-shift-x),
      var(--valia-shift-y),
      0
    )
    scale(var(--valia-scale));
  transform-origin: 50% 50%;
  object-fit: cover;
  object-position: 50% 50%;
  filter:
    brightness(
      calc(1.03 - (var(--valia-progress) * .08))
    )
    contrast(
      calc(.98 + (var(--valia-progress) * .10))
    )
    saturate(
      calc(.94 + (var(--valia-progress) * .08))
    );
  will-change: transform, filter;
}

.valia-section {
  position: relative;
  z-index: 1;
  display: grid;
  align-items: center;
  min-height: var(--valia-chapter-height);
  padding: clamp(64px, 8vw, 120px) 0;
}

.valia-section__inner,
.valia-glass-card {
  width: var(--valia-content);
  margin-inline: auto;
}

.valia-glass-card {
  width: min(680px, calc(100vw - 72px));
  padding: clamp(34px, 5vw, 72px);
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: var(--valia-radius);
  background: rgba(255, 255, 255, var(--valia-glass-opacity));
  box-shadow: var(--valia-shadow);
  backdrop-filter: blur(16px);
}

.valia-panel-left .valia-glass-card {
  margin-left: max(36px, calc((100vw - var(--valia-content-max)) / 2));
  margin-right: auto;
}

.valia-panel-right .valia-glass-card {
  margin-right: max(36px, calc((100vw - var(--valia-content-max)) / 2));
  margin-left: auto;
}

.valia-hero {
  min-height: max(760px, 100svh);
  overflow: hidden;
}

.valia-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0 auto 0 0;
  width: min(64%, 900px);
  background: linear-gradient(
    90deg,
    rgba(11,34,53,.90) 0%,
    rgba(11,34,53,.82) 38%,
    rgba(11,34,53,.46) 68%,
    rgba(11,34,53,.14) 88%,
    transparent 100%
  );
  content: "";
}

body.page-id-3158 .valia-hero h1 {
  color:#f3f6f8!important;
}

body.page-id-3158 .valia-hero p:not(.valia-eyebrow) {
  color:rgba(243,246,248,.86)!important;
}

body.page-id-3158 .valia-hero .valia-eyebrow {
  color:#f1c878!important;
}

.valia-hero .valia-section__inner {
  margin-top: 6vh;
}

.valia-hero .valia-section__inner > * {
  max-width: 710px;
}

.valia-panel-wide .valia-section__inner {
  padding: clamp(42px, 6vw, 86px);
  border: 1px solid rgba(255,255,255,.86);
  border-radius: var(--valia-radius);
  background: rgba(255, 255, 255, var(--valia-glass-opacity));
  box-shadow: var(--valia-shadow);
  backdrop-filter: blur(28px);
}

.valia-home-cta .valia-section__inner {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    auto;
  column-gap: clamp(40px, 6vw, 90px);
  align-items: center;
  overflow: hidden;
  padding:
    clamp(38px, 4vw, 56px)
    clamp(40px, 5vw, 70px);
  border: 1px solid rgba(241,200,120,.42);
  border-left: 5px solid #f1c878;
  border-radius: 0;
  background:
    linear-gradient(
      110deg,
      rgba(11,34,53,.97) 0%,
      rgba(18,58,82,.95) 58%,
      rgba(24,74,120,.88) 100%
    );
  box-shadow:
    0 28px 70px rgba(11,34,53,.22);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  text-align: left;
}

.valia-home-cta .valia-eyebrow {
  grid-column: 1;
  margin: 0 0 12px !important;
  color: #f1c878 !important;
  font-size: .68rem !important;
  font-weight: 800;
  letter-spacing: .14em;
}

.valia-home-cta h2 {
  grid-column: 1;
  max-width: 650px;
  margin: 0;
  color: #ffffff !important;
  font-size: clamp(2rem, 3.2vw, 3.55rem);
  font-weight: 650;
  line-height: 1.03;
  letter-spacing: -.035em;
}

.valia-home-cta p {
  grid-column: 1;
  max-width: 620px;
  margin: 18px 0 0;
  color: rgba(235,242,246,.76) !important;
  font-size: 1rem;
  line-height: 1.65;
}

.valia-home-cta .valia-section__inner > * {
  margin-inline: auto;
}

.valia-home-cta .wp-block-buttons {
  grid-column: 2;
  grid-row: 1 / span 3;
  justify-content: flex-end;
  margin: 0 !important;
}

.valia-home-cta .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  padding: 17px 22px !important;
  border: 1px solid #f1c878 !important;
  border-radius: 0 !important;
  background: #f1c878 !important;
  box-shadow: none !important;
  color: #102f46 !important;
  font-size: .74rem !important;
  font-weight: 850;
  letter-spacing: .065em;
  text-transform: uppercase;
  transition:
    background 180ms ease,
    color 180ms ease;
}

.valia-home-cta .wp-block-button__link::after {
  margin-left: 11px;
  font-size: 1rem;
  content: "↗";
}

.valia-home-cta .wp-block-button__link:hover {
  background: transparent !important;
  color: #f1c878 !important;
  transform: none !important;
}

.valia-home-cta .valia-section__inner::after {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 16%;
  transform: translateY(-54%);
  color: rgba(255,255,255,.035);
  font-size: clamp(8rem, 14vw, 14rem);
  font-weight: 300;
  line-height: 1;
  content: "→";
  pointer-events: none;
}

.valia-representations-home .valia-section__inner {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns:
    minmax(260px, .72fr)
    minmax(420px, 1.28fr);
  column-gap: clamp(48px, 6vw, 96px);
  align-items: start;
  overflow: visible;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}

.valia-representations-home .valia-section__inner::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 112px;
  height: 3px;
  background: #f1c878 !important;
  content: "";
}

.valia-representations-home .valia-section__inner > .valia-eyebrow {
  grid-column: 1;
  margin-bottom: 18px !important;
  color: #f1c878 !important;
}

.valia-representations-home .valia-section__inner > .valia-eyebrow::after {
  display: block;
  width: 60px;
  height: 1px;
  margin-top: 28px;
  background: #f1c878;
  content: "";
}

.valia-representations-home .valia-section__inner > h2 {
  grid-column: 1;
  max-width: 470px;
  margin-bottom: 0;
  font-size: clamp(2.25rem, 3.2vw, 3.8rem);
  line-height: 1.03;
  letter-spacing: -.035em;
  color: #f4f6f5 !important;
}

.valia-representations-home .valia-section__inner > p {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  max-width: 560px;
  margin: 0;
  padding-bottom: 4px;
  color: #e6edf1 !important;
  font-size: 1rem;
  line-height: 1.72;
  text-shadow: 0 1px 3px rgba(11,34,53,.32);
}

.valia-representations-home .valia-representation-grid {
  position: relative;
  grid-column: 1 / -1;
  display: block !important;
  margin: clamp(48px, 6vw, 74px) 0 0;
  border-top: 1px solid rgba(23,43,58,.24);
}

.valia-representations-home .valia-card {
  position: relative;
  display: grid;
  grid-template-columns:
    62px
    minmax(190px, .72fr)
    minmax(280px, 1.28fr)
    auto;
  gap: 28px;
  align-items: center;
  min-height: 108px;
  padding: 20px 8px 20px 0;
  border: 0;
  border-bottom: 1px solid rgba(23,43,58,.16);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transition:
    background 220ms ease,
    border-color 220ms ease;
}

.valia-representations-home .valia-card::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 0;
  transform: translateY(-50%);
  background: var(--valia-gold);
  content: "";
  transition:
    top 220ms ease,
    height 220ms ease;
}

.valia-representations-home .valia-rep-number {
  grid-column: 1;
  margin: 0;
  color: var(--valia-gold) !important;
  font-size: .68rem !important;
  font-weight: 800;
  letter-spacing: .15em;
}

.valia-representations-home .valia-card h3 {
  grid-column: 2;
  margin: 0;
  font-size: clamp(1.2rem, 1.6vw, 1.55rem);
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -.025em;
  color: #f3f6f7 !important;
}

.valia-representations-home .valia-card p {
  grid-column: 3;
  max-width: 620px;
  margin: 0;
  /*color: #d0d9de !important;*/
  color: #f3f6f7 !important;
  font-size: 1.28rem;
  font-weight: 500;
  line-height: 1.5;
}

.valia-representations-home .valia-card-link {
  grid-column: 4;
  display: inline-flex;
  gap: 9px;
  align-items: center;
  margin: 0;
  white-space: nowrap;
  font-size: .92rem !important;
  font-weight: 750;
  letter-spacing: .055em;
  text-decoration: none;
  text-transform: uppercase;
}

.valia-representations-home .valia-card-link a {
  color: #f1c878 !important;
  text-decoration-color: rgba(241,200,120,.55) !important;
}

.valia-representations-home .valia-card-link::after {
  display: inline-block;
  transform: translateY(-1px);
  color: #f1c878 !important;
  font-size: 1.05rem;
  content: "↗";
  transition: transform 180ms ease;
}

.valia-representations-home .valia-card:hover {

  border-color: rgba(24,74,120,.26);
  background:
    linear-gradient(
      90deg,
      rgba(24,74,120,.055) 0%,
      rgba(24,74,120,.018) 54%,
      transparent 100%
    );
  box-shadow: none;
  transform: none;
}

.valia-representations-home .valia-card:hover h3 {
  color: #d1a354 !important;
}

.valia-representations-home .valia-card:hover::before {
  top: 0;
  height: 100%;
  transform: none;
}

.valia-representations-home .valia-card:hover .valia-card-link::after {
  transform: translate(3px, -4px);
}

.valia-representations-sourcing {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns:
    minmax(280px, .8fr)
    minmax(420px, 1.2fr);
  column-gap: clamp(48px, 6vw, 90px);
  align-items: start;
  margin-top: 0;
  padding: 34px 0 6px;
  border-top: 1px solid rgba(23,43,58,.38);
}

.valia-representations-sourcing__title {
  position: relative;
  max-width: 390px;
  margin: 0 !important;
  padding-left: 24px;
  color: #dce5e9 !important;
  font-size: clamp(1.45rem, 2vw, 2rem) !important;
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -.025em;
}

.valia-representations-sourcing__title::before {
  position: absolute;
  top: .12em;
  bottom: .12em;
  left: 0;
  width: 2px;
  background: var(--valia-gold);
  content: "";
}

.valia-representations-sourcing__text {
  grid-column: 2;
  max-width: 620px;
  margin: 0 !important;
  color: #d7e0e5 !important;
  font-size: 1.12rem;
  line-height: 1.62;
}

.valia-representations-sourcing__link {
  grid-column: 2;
  width: auto !important;
  margin-top: 14px !important;
}

.valia-representations-sourcing__link .wp-block-button__link,
.wp-block-button.valia-representations-sourcing__link .wp-block-button__link {
  padding: 0 0 6px !important;
  border: 0 !important;
  border-bottom: 1px solid #f1c878 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #f1c878 !important;
  font-size: .72rem !important;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.valia-representations-sourcing__link .wp-block-button__link::after,
.wp-block-button.valia-representations-sourcing__link .wp-block-button__link::after {
  display: inline-block;
  margin-left: 10px;
  color: #f1c878;
  content: "↗";
  transition: transform 180ms ease;
}

.valia-representations-sourcing__link .wp-block-button__link:hover::after,
.wp-block-button.valia-representations-sourcing__link .wp-block-button__link:hover::after {
  transform: translate(3px, -3px);
}

.valia-representations-home__content {
  position: relative;
  z-index: 1;
}

.valia-representations-home__content::before {
  position: absolute;
  z-index: -1;
  top: -7%;
  right: -10%;
  bottom: -7%;
  left: -10%;
  background: radial-gradient(
    ellipse at center,
    rgba(244, 246, 244, .46) 0%,
    rgba(239, 242, 239, .30) 42%,
    rgba(239, 242, 239, .12) 62%,
    rgba(239, 242, 239, 0) 82%
  );
  filter: blur(18px);
  pointer-events: none;
  content: "";
}

.valia-services-home .valia-section__inner {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns:
    minmax(300px, .9fr)
    minmax(0, 1.1fr);
  column-gap: clamp(42px, 5vw, 76px);
  align-items: start;
  overflow: visible;
  padding: clamp(54px, 6vw, 84px);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.valia-services-home .valia-section__inner::after {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 43%;
  background:
    linear-gradient(
      145deg,
      rgba(14,45,66,.97) 0%,
      rgba(18,62,88,.94) 100%
    );
  box-shadow:
    0 28px 70px rgba(11,34,53,.18);
  content: "";
}

.valia-services-home .valia-section__inner > .valia-eyebrow {
  position: relative;
  display: inline-block;
  grid-column: 1;
  grid-row: 1;
  margin-bottom: 22px !important;
  color: #f1c878 !important;
}

.valia-services-home .valia-section__inner > .valia-eyebrow::after {
  display: block;
  width: 60px;
  height: 1px;
  margin-top: 28px;
  background: #f1c878;
  content: "";
}

.valia-services-home .valia-section__inner > h2 {
  grid-column: 1;
  grid-row: 2;
  max-width: 430px;
  margin: 0;
  color: #ffffff !important;
  font-size: clamp(2.25rem, 3vw, 3.55rem);
  font-weight: 650;
  line-height: 1.02;
  letter-spacing: -.04em;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.valia-services-home .wp-block-button__link {
  border: 1px solid rgba(241,200,120,.78) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #f1c878 !important;
  box-shadow: none !important;
  transition:
    background 180ms ease,
    border-color 180ms ease;
}

.valia-services-home .wp-block-button__link:hover {
  border-color: #f1c878 !important;
  background: rgba(241,200,120,.09) !important;
  transform: none !important;
}

.valia-services-home .valia-card-grid--four {
  position: relative;
  z-index: 2;
  isolation: isolate;
  grid-column: 2;
  grid-row: 1 / span 3;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(23,43,58,.22);
  background:
  linear-gradient(
    145deg,
    rgba(14,38,55,.68) 0%,
    rgba(19,53,73,.56) 100%
  );
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
border: 1px solid rgba(255,255,255,.18);
}

.valia-services-home .valia-card-grid--four > .valia-card {
  position: relative;
  z-index: 1;
}

.valia-services-home .valia-card-grid--four::before {
  position: absolute;
  z-index: 0;
  top: calc(-1 * clamp(54px, 6vw, 84px));
  right: calc(-1 * clamp(54px, 6vw, 84px));
  bottom: calc(-1 * clamp(54px, 6vw, 84px));
  left: calc(-1 * clamp(42px, 5vw, 76px));
  border-top: 2px solid rgba(241,200,120,.82);
  border-right: 2px solid rgba(241,200,120,.82);
  border-bottom: 2px solid rgba(241,200,120,.82);
  border-left: 0;
  box-sizing: border-box;
  pointer-events: none;
  content: "";
}

.valia-services-home .valia-card:nth-child(1) {
  background:
    linear-gradient(
      145deg,
      rgba(183,138,69,.16),
      rgba(183,138,69,.045)
    );
}

.valia-services-home .valia-card:nth-child(2) {
  background:
    linear-gradient(
      145deg,
      rgba(24,74,120,.11),
      rgba(24,74,120,.025)
    );
}

.valia-services-home .valia-card:nth-child(3) {
  background:
    linear-gradient(
      145deg,
      rgba(24,74,120,.07),
      rgba(183,138,69,.045)
    );
}

.valia-services-home .valia-card:nth-child(4) {
  background:
    linear-gradient(
      145deg,
      rgba(183,138,69,.12),
      rgba(255,255,255,.025)
    );
}

.valia-services-home .valia-card {
  position: relative;
  height: 100%;
  min-height: 245px;
  margin: 0 !important;
  padding: clamp(30px, 3vw, 42px);
  border: 0 !important;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
  overflow: hidden;
  transition:
    background 220ms ease;
}

.valia-services-home .valia-card:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,.16) !important;
}

.valia-services-home .valia-card:nth-child(-n+2) {
  border-bottom: 1px solid rgba(255,255,255,.16) !important;
}

.valia-services-home .valia-card-grid--four > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

.valia-services-home .valia-card-number {
  display: block;
  margin-bottom: 30px;
  color: #f1c878 !important;
  font-size: 1.75rem !important;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.035em;
}

.valia-services-home .valia-card::after {
  position: absolute;
  right: -10px;
  bottom: -22px;
  color: rgba(255,255,255,.045);
  font-size: 7rem;
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
}

.valia-services-home .valia-card:nth-child(1)::after {
  content: "01";
}

.valia-services-home .valia-card:nth-child(2)::after {
  content: "02";
}

.valia-services-home .valia-card:nth-child(3)::after {
  content: "03";
}

.valia-services-home .valia-card:nth-child(4)::after {
  content: "04";
}

.valia-services-home .valia-card h3 {
  max-width: 240px;
  margin: 0 0 15px;
  color: #ffffff !important;
  font-size: clamp(1.15rem, 1.4vw, 1.4rem);
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -.025em;
}

.valia-services-home .valia-card p {
  max-width: 280px;
  margin: 0;
  color: rgba(230,239,244,.76) !important;
  font-size: .9rem;
  line-height: 1.62;
}

.valia-services-home .valia-card:hover {
  background-color: rgba(255,255,255,.06);
  box-shadow: none;
  transform: none;
}

.valia-services-home .valia-section__inner::before {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 118px;
  height: 3px;
  background: #f1c878;
  content: "";
  pointer-events: none;
}

.valia-process-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.valia-process-home .valia-section__inner {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns:
    minmax(280px, .78fr)
    minmax(420px, 1.22fr);
  gap: clamp(60px, 7vw, 110px);
  align-items: start;
  overflow: hidden;
  padding: clamp(56px, 6vw, 88px);
  border: 0px solid rgba(255,255,255,.12);
  border-radius: 0px;
  background:
    linear-gradient(
      115deg,
      rgba(13,31,45,.96) 0%,
      rgba(20,43,59,.93) 48%,
      rgba(21,59,82,.84) 100%
    );
  box-shadow:
    0 32px 90px rgba(11,34,53,.22);
  backdrop-filter: blur(20px);
  color: rgba(255,255,255,.72);
}

.valia-process-home .valia-section__inner::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 132px;
  height: 3px;
  background: #f1c878 !important;
  content: "";
}

.valia-process-home .valia-section__inner::after {
  position: absolute;
  z-index: -1;
  right: -10px;
  bottom: -65px;
  color: rgba(255,255,255,.025);
  font-size: clamp(10rem, 18vw, 18rem);
  font-weight: 800;
  line-height: .8;
  letter-spacing: -.08em;
  content: "06";
}

.valia-process-home .valia-section__inner > .valia-eyebrow {
  grid-column: 1;
  grid-row: 1;
  align-self: start;
  margin-bottom: 18px !important;
  color: #f1c878 !important;
}

.valia-process-home .valia-section__inner > h2 {
  grid-column: 1;
  grid-row: 2;
  max-width: 430px;
  margin-bottom: 24px;
  color: #fff !important;
  font-size: clamp(2.25rem, 3.4vw, 4rem);
  line-height: 1.02;
  letter-spacing: -.035em;
}

.valia-process-home .valia-section__inner > p {
  grid-column: 1;
  grid-row: 3;
  max-width: 420px;
  margin: 0;
  color: rgba(255,255,255,.62);
  font-size: .97rem;
  line-height: 1.72;
}

.valia-process-home .valia-section__inner > p::after {
  display: block;
  width: 54px;
  height: 1px;
  margin-top: 34px;
  background: rgba(241,200,120,.72);
  content: "";
}

.valia-process-home .valia-process-grid {
  position: relative;
  grid-column: 2;
  grid-row: 1 / span 3;
  display: block !important;
  margin: 0;
  padding: 0 0 0 48px;
  border: 0;
}

.valia-process-home .valia-process-grid::before {
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 11px;
  width: 1px;
  background:
    linear-gradient(
      180deg,
      rgba(241,200,120,.88) 0%,
      rgba(255,255,255,.22) 24%,
      rgba(255,255,255,.22) 76%,
      rgba(241,200,120,.88) 100%
    );
  content: "";
}

.valia-process-home .valia-card {
  position: relative;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  column-gap: 22px;
  min-height: 0;
  padding: 24px 0 27px;
  overflow: visible;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.12);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: rgba(255,255,255,.62);
  transition:
    padding-left 220ms ease,
    border-color 220ms ease;
}

.valia-process-home .valia-card:first-child {
  border-top: 0;
  padding-top: 0;
}

.valia-process-home .valia-card::before {
  position: absolute;
  top: 34px;
  left: -41px;
  width: 9px;
  height: 9px;
  transform: rotate(45deg);
  border: 1px solid rgba(241,200,120,.9);
  background: #163043;
  box-shadow:
    0 0 0 5px rgba(23,43,58,.92);
  content: "";
}

.valia-process-home .valia-card:first-child::before {
  top: 10px;
}

.valia-process-home .valia-card-number {
  grid-column: 1;
  grid-row: 1 / span 2;
  margin: 0;
  color: rgba(241,200,120,.88) !important;
  font-size: 1.8rem !important;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.035em;
}

.valia-process-home .valia-card h3 {
  grid-column: 2;
  margin: -2px 0 8px;
  color: #fff !important;
  font-size: clamp(1.02rem, 1.25vw, 1.18rem);
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: -.015em;
}

.valia-process-home .valia-card p {
  grid-column: 2;
  max-width: 500px;
  margin: 0;
  color: rgba(255,255,255,.56);
  font-size: .88rem;
  line-height: 1.58;
}

.valia-process-home .valia-card:hover {
  padding-left: 10px;
  border-color: rgba(241,200,120,.35);
  background: transparent;
  box-shadow: none;
  transform: none;
}

.valia-process-home .valia-card:hover h3 {
  color: #f4d38f !important;
}

/* ==========================================================================
   04. WORDPRESS / BLOCKSY FOUNDATION
   Editable page mastheads, breadcrumbs, header, footer and generic page helpers.
   ========================================================================== */

.valia-page-masthead {
  position: relative;
  isolation: isolate;
  display: grid;
  align-items: end;
  width: 100vw;
  max-width: none !important;
  height: var(--valia-masthead-height);
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: var(--valia-mist);
}

.valia-page-masthead::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(11, 28, 40, .52) 0%,
      rgba(11, 28, 40, .32) 48%,
      rgba(11, 28, 40, .04) 82%
    ),
    linear-gradient(
      180deg,
      rgba(15, 32, 43, .01) 42%,
      rgba(15, 32, 43, .22) 100%
    );
  pointer-events: none;
  content: "";
}

.valia-page-masthead > .wp-block-image,
.valia-page-masthead__image {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100% !important;
  max-width: none !important;
  height: 100%;
  margin: 0 !important;
}

.valia-page-masthead__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.valia-page-masthead--top .valia-page-masthead__image img {
  object-position: center top;
}

.valia-page-masthead--center .valia-page-masthead__image img {
  object-position: center center;
}

.valia-page-masthead--bottom .valia-page-masthead__image img {
  object-position: center bottom;
}

.valia-page-masthead__content {
  position: relative;
  z-index: 2;
  width: var(--valia-content);
  max-width: none !important;
  margin: 0 auto !important;
  padding: clamp(48px, 7vw, 92px) 0 !important;
}

.valia-page-masthead__eyebrow {
  max-width: 860px;
  margin: 0 0 17px !important;
  color: #f1c878 !important;
  font-size: .76rem !important;
  font-weight: 750;
  line-height: 1.35 !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-shadow: 0 1px 10px rgba(0,0,0,.3);
}

.valia-page-masthead__title {
  max-width: 960px;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(2.7rem, 5.4vw, 5.2rem) !important;
  font-weight: 750;
  line-height: .98 !important;
  letter-spacing: -.035em;
  text-wrap: balance;
  text-shadow: 0 3px 24px rgba(0,0,0,.35);
}

.valia-page-masthead__lead {
  max-width: 760px;
  margin: 24px 0 0 !important;
  color: rgba(255,255,255,.84) !important;
  font-size: clamp(1.05rem, 1.35vw, 1.24rem) !important;
  font-weight: 400;
  line-height: 1.62 !important;
  text-wrap: pretty;
}

.valia-breadcrumb-bar {
  width: 100vw;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid var(--valia-line);
  background: #fff;
}

.valia-breadcrumb-bar > * {
  width: var(--valia-content);
  max-width: none !important;
  margin-inline: auto !important;
}

.valia-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin: 0;
  padding: 14px 0;
  list-style: none;
  color: #657682;
  font-size: .78rem;
  line-height: 1.45;
}

.valia-breadcrumbs li {
  display: inline-flex;
  gap: 7px;
  align-items: center;
}

.valia-breadcrumbs li + li::before {
  color: var(--valia-gold);
  content: "/";
}

.valia-breadcrumbs a {
  color: var(--valia-blue) !important;
  text-decoration: none !important;
}

.valia-breadcrumbs a:hover {
  text-decoration: underline !important;
  text-underline-offset: .2em;
}

.valia-page-hero,
.valia-content-section,
.valia-page-cta,
.valia-rep-list-item {
  padding: var(--valia-section-space) 0;
}

.valia-page-hero > *,
.valia-content-section > *,
.valia-page-cta > *,
.valia-rep-list-item > * {
  width: var(--valia-content);
  margin-inline: auto;
}

.valia-page-hero {
  background: linear-gradient(130deg, #fff 0%, var(--valia-ivory) 72%);
}

.valia-page-hero--light {
  min-height: 0 !important;
  display: grid;
  align-items: center;
}

.valia-page-hero__inner {
  width: var(--valia-content);
  margin-inline: auto;
}

.valia-split-columns {
  gap: clamp(38px, 7vw, 100px);
  align-items: center !important;
}

.valia-representation-hero-image,
.valia-about-image,
.valia-rep-list-image {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: var(--valia-shadow);
}

.valia-representation-hero-image img,
.valia-about-image img,
.valia-rep-list-image img {
  width: 100%;
  min-height: 430px;
  object-fit: cover;
}

.valia-reading-section > * {
  max-width: var(--valia-reading);
}

.valia-soft-section {
  background: var(--valia-mist);
}

.valia-project-section {
  background: #fff;
}

.valia-transfer-section {
  position: relative;
  overflow: hidden;
  background: #eef4f5;
}

.valia-transfer-section::after {
  position: absolute;
  right: -10vw;
  bottom: -40vw;
  width: 62vw;
  height: 62vw;
  border: 1px solid rgba(24,74,120,.12);
  border-radius: 50%;
  content: "";
}

.valia-transfer-section > * {
  position: relative;
  z-index: 1;
}

.valia-three-columns {
  gap: 20px;
  margin-top: 42px;
}

.valia-mini-card {
  height: 100%;
  padding: 28px;
  border-left: 3px solid var(--valia-gold);
  background: #fff;
}

.valia-rep-list-item:nth-of-type(even) {
  background: #fff;
}

.valia-rep-list-item:nth-of-type(odd) {
  background: var(--valia-mist);
}

.valia-rep-list-item:nth-of-type(even) .wp-block-columns {
  flex-direction: row-reverse;
}

.valia-page-cta {
  background: var(--valia-blue);
  color: rgba(255,255,255,.82);
  text-align: center;
}

.valia-page-cta h2,
.valia-page-cta .valia-eyebrow {
  color: #fff !important;
}

.valia-page-cta > * > * {
  max-width: 840px;
  margin-inline: auto;
}

.valia-page-cta .wp-block-buttons {
  justify-content: center;
  margin-top: 30px;
}

.valia-page-cta .wp-block-button__link {
  background: #fff;
  color: var(--valia-blue);
}

.valia-legal-page > * {
  max-width: 820px;
}

.ct-header {
  box-shadow: 0 1px 0 rgba(23,43,58,.08);
}

.ct-panel [data-id="mobile-menu"],
.ct-panel .mobile-menu {
  width: 100%;
}

.ct-panel [data-id="mobile-menu"] > ul,
.ct-panel .mobile-menu > ul {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}

.ct-panel [data-id="mobile-menu"] li,
.ct-panel .mobile-menu li,
.ct-panel [data-id="mobile-menu"] a,
.ct-panel .mobile-menu a {
  width: 100%;
  max-width: 100%;
  white-space: normal;
}

.ct-footer {
  position: relative;
  z-index: 10;
  isolation: isolate;
  border-top: 0;
  background: var(--theme-palette-color-8, #fff);
}

.ct-footer [data-row] {
  position: relative;
}

[data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 600ms ease, transform 600ms ease;
}

[data-reveal].is-visible {
  opacity: 1;
  transform: none;
}

@media (max-width: 1100px) {
  .valia-card-grid--four,
  .valia-representation-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .valia-representation-grid .valia-card:first-child,
  .valia-representation-grid .valia-card:last-child {
    grid-column: auto;
  }
}

/* ==========================================================================
   05. SUBPAGE MASTER SYSTEM
   Shared hero, intro, body shell, service grid, triad, closing block and responsive rules.
   ========================================================================== */

@media (min-width: 1100px) {
  .valia-page-masthead.valia-subpage-hero {
    height: 620px !important;
  }
}

@media (min-width: 782px) and (max-width: 1099px) {
  .valia-page-masthead.valia-subpage-hero {
    height: 560px !important;
  }
}

@media (max-width: 781px) {
  .valia-page-masthead.valia-subpage-hero {
    height: 550px !important;
  }
}

.valia-page-hero.valia-subpage-intro {
  isolation: isolate;
  position: relative;
  min-height: 0 !important;
  margin-top: -2px !important;
  border-top: 0 !important;
  padding:
	clamp(58px, 5.5vw, 84px)
		0 !important;
  background:
	linear-gradient(
		90deg,
		#0d2a3e 0%,
		#0d2a3e 43%,
		#143d56 43%,
		#194c68 100%
			) !important;
  overflow: hidden;
  margin-bottom: 0 !important;
}

.valia-subpage-intro__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(300px, .88fr) minmax(420px, 1.12fr);
  column-gap: clamp(56px, 7vw, 110px);
  align-items: start;
  padding-bottom: clamp(54px, 5vw, 78px);
}

.valia-subpage-intro__inner > p:first-child {
  grid-column: 1;
  grid-row: 1;
  margin: 0 0 24px !important;
  color: #f1c878 !important;
  font-size: .74rem !important;
  font-weight: 800;
  line-height: 1.4 !important;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.valia-subpage-intro__inner > p:first-child::after {
  display: block;
  width: 58px;
  height: 1px;
  margin-top: 24px;
  background: #f1c878;
  content: "";
}

.valia-subpage-intro__inner > h2 {
  grid-column: 1;
  grid-row: 2;
  max-width: 520px;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(2.35rem, 3.1vw, 3.55rem) !important;
  font-weight: 650;
  line-height: 1.03 !important;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.valia-subpage-intro__inner > p:last-child {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  max-width: 700px;
  margin: 0 !important;
  padding-left: clamp(34px, 4vw, 60px);
  border-left: 1px solid rgba(241,200,120,.38);
  color: #d0d9de !important;
  font-size: 1.16rem !important;
  font-weight: 400;
  line-height: 1.72 !important;
}

.valia-breadcrumb-bar.valia-subpage-breadcrumb {
  position: relative;
  z-index: 5;
  width: 100vw;
  max-width: none !important;
  margin: -44px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.valia-breadcrumb-bar.valia-subpage-breadcrumb::before {
  position: absolute;
  top: -2px;
  left: max(
    36px,
    calc((100vw - var(--valia-content-max)) / 2)
  );
  width: clamp(190px, 20vw, 320px);
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(241,200,120,.26) 0%,
    rgba(241,200,120,.12) 45%,
    rgba(241,200,120,0) 100%
  );
  content: "";
  pointer-events: none;
}

.valia-subpage-breadcrumb > * {
  width: var(--valia-content);
  margin-inline: auto !important;
}

.valia-subpage-breadcrumb .valia-breadcrumbs ol {
  margin: 0 !important;
  padding: 13px 0 14px !important;
  background: transparent !important;
  color: rgba(255,255,255,.72) !important;
  font-size: .76rem;
  line-height: 1.4;
}

.valia-subpage-breadcrumb .valia-breadcrumbs a {
  color: rgba(255,255,255,.86) !important;
  text-decoration: none !important;
}

.valia-subpage-breadcrumb .valia-breadcrumbs li + li::before {
  color: #f1c878 !important;
}

.valia-subpage-breadcrumb .valia-breadcrumbs a:hover {
  color: #f1c878 !important;
  text-decoration: none !important;
}

.valia-subpage-scope {
  position: relative;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  padding:
    clamp(72px, 7vw, 108px)
    0 !important;
  background:
  linear-gradient(
    135deg,
    #f4f0e7 0%,
    #eef3f4 58%,
    #e9f0f2 100%
		) !important;
}

.valia-subpage-scope .valia-scope-head {
  width: var(--valia-content) !important;
  max-width: none !important;
  margin:
    0
    auto
    clamp(42px, 4vw, 62px) !important;
}

.valia-subpage-scope
.valia-scope-head > p:first-child {
  margin: 0 0 22px !important;
  color: #b78a45 !important;
  font-size: .74rem !important;
  font-weight: 800;
  line-height: 1.4 !important;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.valia-subpage-scope
.valia-scope-head > p:first-child::after {
  display: block;
  width: 58px;
  height: 1px;
  margin-top: 24px;
  background: #b78a45;
  content: "";
}

.valia-subpage-scope
.valia-scope-head > h2 {
  max-width: 820px;
  margin: 0 0 28px !important;
  color: #12324a !important;
  font-size:
    clamp(2.35rem, 3.4vw, 3.8rem) !important;
  font-weight: 650;
  line-height: 1.04 !important;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.valia-subpage-scope .valia-service-grid {
  display: grid !important;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  column-gap: clamp(58px, 6vw, 96px);
  row-gap: 0;
  width: var(--valia-content) !important;
  max-width: none !important;
  margin: 0 auto !important;
}

.valia-subpage-scope
.valia-service-grid > .valia-card {
  position: relative;
  min-width: 0;
  min-height: 245px;
  margin: 0 !important;
  padding:
    36px
    0
    42px !important;
  border: 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transition:
    padding-left 200ms ease,
    border-color 200ms ease;
}

.valia-subpage-scope
.valia-service-grid > .valia-card::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      #b78a45 0%,
      #b78a45 18%,
      rgba(18,50,74,.22) 18%,
      rgba(18,50,74,.22) 100%
    );
  content: "";
}

.valia-subpage-scope
.valia-service-grid
> .valia-card
> p:first-child {
  margin: 0 0 28px !important;
  color: #b78a45 !important;
  font-size: .76rem !important;
  font-weight: 800;
  line-height: 1 !important;
  letter-spacing: .14em;
}

.valia-subpage-scope
.valia-service-grid
> .valia-card
> h3 {
  max-width: 480px;
  margin: 0 0 18px !important;
  color: #12324a !important;
  font-size:
    clamp(1.35rem, 1.65vw, 1.72rem) !important;
  font-weight: 650;
  line-height: 1.13 !important;
  letter-spacing: -.02em;
}

.valia-subpage-scope
.valia-service-grid
> .valia-card
> p:last-child {
  max-width: 530px;
  margin: 0 !important;
  color: #40515d !important;
  font-size: 1rem !important;
  line-height: 1.68 !important;
}

.valia-subpage-scope
.valia-service-grid
> .valia-card:hover {
  padding-left: 12px !important;
  border-color:
    rgba(183,138,69,.62) !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.valia-subpage-triad {
  position: relative;
  margin-top: 0 !important;
  margin-block-start: 0 !important;
  padding:
    clamp(76px, 7vw, 108px)
    0 !important;
  overflow: hidden;
  background:
    linear-gradient(
      135deg,
      #0d2a3e 0%,
      #123b55 58%,
      #194c68 100%
    ) !important;
}

.valia-subpage-triad .valia-triad-head {
  max-width: 980px;
  margin:
    0
    auto
    clamp(50px, 5vw, 72px) !important;
}

.valia-subpage-triad
.valia-triad-head > p:first-child {
  margin: 0 0 22px !important;
  color: #f1c878 !important;
  font-size: .74rem !important;
  font-weight: 800;
  line-height: 1.4 !important;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.valia-subpage-triad
.valia-triad-head > p:first-child::after {
  display: block;
  width: 58px;
  height: 1px;
  margin-top: 24px;
  background: #f1c878;
  content: "";
}

.valia-subpage-triad
.valia-triad-head > h2 {
  max-width: 900px;
  margin: 0 0 28px !important;
  color: #ffffff !important;
  font-size:
    clamp(2.4rem, 3.5vw, 3.9rem) !important;
  font-weight: 650;
  line-height: 1.04 !important;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.valia-subpage-triad
.valia-triad-head > p:last-child {
  max-width: 880px;
  margin: 0 !important;
  color: rgba(221,232,238,.82) !important;
  font-size: 1.12rem !important;
  line-height: 1.72 !important;
}

.valia-subpage-triad .valia-three-columns {
  display: grid !important;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
  gap: 0 !important;
  margin-top: 0 !important;
  border-top:
    1px solid rgba(255,255,255,.16);
}

.valia-subpage-triad
.valia-three-columns > .wp-block-column {
  position: relative;
  min-width: 0;
  margin: 0 !important;
}

.valia-subpage-triad
.valia-three-columns
> .wp-block-column
+ .wp-block-column {
  border-left:
    1px solid rgba(255,255,255,.14);
}

.valia-subpage-triad .valia-mini-card {
  position: relative;
  height: 100%;
  margin: 0 !important;
  padding:
    clamp(34px, 3.5vw, 52px)
    clamp(26px, 3vw, 42px)
    clamp(38px, 4vw, 56px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.valia-subpage-triad .valia-mini-card::before {
  position: absolute;
  top: 0;
  left: clamp(26px, 3vw, 42px);
  width: 54px;
  height: 2px;
  background: #f1c878;
  content: "";
}

.valia-subpage-triad .valia-mini-card h3 {
  max-width: 340px;
  margin: 0 0 20px !important;
  color: #ffffff !important;
  font-size:
    clamp(1.4rem, 1.8vw, 1.8rem) !important;
  font-weight: 650;
  line-height: 1.14 !important;
  letter-spacing: -.02em;
}

.valia-subpage-triad .valia-mini-card p {
  max-width: 390px;
  margin: 0 !important;
  color: rgba(218,229,235,.76) !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
}

.valia-subpage-closing {
  position: relative;
  display: grid !important;
  grid-template-columns:
    minmax(36px, 1fr)
    minmax(0, 550px)
    minmax(0, 550px)
    minmax(36px, 1fr);
  column-gap: clamp(48px, 5vw, 82px);
  padding:
    clamp(82px, 7vw, 112px)
    0
    clamp(76px, 6vw, 96px) !important;
  margin-top: 0 !important;
  overflow: hidden;
  background:
  linear-gradient(
    135deg,
    #e7edef 0%,
    #d9e3e6 52%,
    #ccd9de 100%
  ) !important;
}

.valia-subpage-closing.valia-transfer-section::after {
  display: none !important;
}

.valia-subpage-closing > * {
  position: relative;
  z-index: 1;
  width: auto !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

.valia-subpage-closing > p:first-child {
  grid-column: 2 / 4;
  margin: 0 0 22px !important;
  color: #b78a45 !important;
  font-size: .74rem !important;
  font-weight: 800;
  line-height: 1.4 !important;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.valia-subpage-closing > p:first-child::after {
  display: block;
  width: 58px;
  height: 1px;
  margin-top: 23px;
  background: #b78a45;
  content: "";
}

.valia-subpage-closing > h2 {
  grid-column: 2 / 4;
  max-width: 980px !important;
  margin: 0 !important;
  padding-bottom:
    clamp(34px, 4vw, 52px);
  border-bottom:
    1px solid rgba(18, 50, 74, .20);
  color: #12324a !important;
  font-size:
    clamp(2.8rem, 4.2vw, 4.7rem) !important;
  font-weight: 650;
  line-height: 1.01 !important;
  letter-spacing: -.042em;
  text-wrap: balance;
}

.valia-subpage-closing > h2 + p {
  grid-column: 2;
  margin:
    clamp(32px, 3vw, 42px)
    0
    0 !important;
  color: #40515d !important;
  font-size: 1.08rem !important;
  line-height: 1.72 !important;
}

.valia-subpage-closing > h2 + p + p {
  grid-column: 3;
  margin:
    clamp(32px, 3vw, 42px)
    0
    0 !important;
  padding-left:
    clamp(28px, 3vw, 42px);
  border-left:
    1px solid rgba(183, 138, 69, .42);
  color: #40515d !important;
  font-size: 1.08rem !important;
  line-height: 1.72 !important;
}

.valia-subpage-closing > .wp-block-buttons {
  grid-column: 3;
  justify-content: flex-start !important;
  margin:
    32px
    0
    0 !important;
  padding-left:
    clamp(28px, 3vw, 42px);
}

.valia-subpage-closing
.valia-closing-cta
.wp-block-button__link {
  padding:
    16px
    22px !important;
  border:
    1px solid #f1c878 !important;
  border-radius: 0 !important;
  background:
    #f1c878 !important;
  color:
    #102f46 !important;
  box-shadow: none !important;
  font-size: .74rem !important;
  font-weight: 800;
  letter-spacing: .065em;
  text-transform: uppercase;
  transition:
    background 180ms ease,
    color 180ms ease;
}

.valia-subpage-closing
.valia-closing-cta
.wp-block-button__link::after {
  display: inline-block;
  margin-left: 11px;
  content: "↗";
}

.valia-subpage-closing
.valia-closing-cta
.wp-block-button__link:hover {
  background: #102f46 !important;
  color: #f1c878 !important;
  transform: none !important;
}

@media (min-width: 1100px) {
  .valia-subpage-body-shell {
    position: relative;
    z-index: 4;
    width: min(
      1380px,
      calc(100vw - 96px)
    );
    margin:
      -72px
      auto
      0;
    transform:
      translateX(
        clamp(20px, 2.5vw, 44px)
      );
    overflow: visible;
    background: #eef3f4;
    box-shadow: 0 14px 28px rgba(9, 24, 39, 0.05) !important;
  }
}

@media (min-width: 1100px) {
  .valia-subpage-body-shell .valia-subpage-triad {
    position: relative;
    z-index: 6;
    width: calc(100% + 72px) !important;
    margin-left: 36px !important;
    margin-right: -108px !important;
  }
}

@media (min-width: 1100px) {
  .valia-subpage-body-shell .valia-subpage-closing {
    position: relative;
    z-index: 5;
    width: calc(100% + 54px) !important;
    margin-left: -54px !important;
    margin-right: auto !important;
  }
}

.valia-subpage-intro::before {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 58%;
  background-image:
	repeating-linear-gradient(
    0deg,
    rgba(255,255,255,.065) 0,
    rgba(255,255,255,.065) 1px,
    transparent 1px,
    transparent 46px
  ),
	repeating-linear-gradient(
    90deg,
    rgba(255,255,255,.055) 0,
    rgba(255,255,255,.055) 1px,
    transparent 1px,
    transparent 46px
  ),
	repeating-linear-gradient(
    135deg,
    rgba(241,200,120,.040) 0,
    rgba(241,200,120,.040) 1px,
    transparent 1px,
    transparent 92px
  );
  -webkit-mask-image:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(0,0,0,.35) 24%,
      #000 58%,
      #000 100%
    );
  mask-image:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(0,0,0,.35) 24%,
      #000 58%,
      #000 100%
    );
  content: "";
  pointer-events: none;
}

.valia-reference-marquee {
  position: relative;
  width: 100vw;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 34px 0 38px !important;
  overflow: hidden;
  background: transparent !important;
}

.valia-reference-marquee__inner {
  width: var(--valia-content) !important;
  max-width: none !important;
  margin: 0 auto 22px !important;
}

.valia-reference-marquee__eyebrow {
  margin: 0 !important;
  color: #b78a45 !important;
  font-size: .72rem !important;
  font-weight: 800;
  line-height: 1.4 !important;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.valia-reference-marquee__viewport {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(
  90deg,
  transparent 0%,
  #000 7%,
  #000 93%,
  transparent 100%
	);
mask-image: linear-gradient(
  90deg,
  transparent 0%,
  #000 7%,
  #000 93%,
  transparent 100%
	);
}

.valia-reference-marquee__track {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
}

.valia-reference-marquee__set {
  display: flex !important;
  flex: 0 0 auto;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: clamp(54px, 4.5vw, 78px);
  width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  padding-inline: clamp(27px, 2.25vw, 39px);
}

.valia-reference-marquee__logo {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.valia-reference-marquee__set > .wp-block-image {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

.valia-reference-marquee__logo img {
  display: block;
  width: auto !important;
  height: clamp(66px, 5vw, 86px) !important;
  max-width: 260px;
  object-fit: contain;
  opacity: .72;
  filter:
    grayscale(1)
    contrast(.92);
  transition:
    filter 220ms ease,
    opacity 220ms ease,
    transform 220ms ease;
}

.valia-reference-marquee__logo:hover img {
  filter:
    grayscale(0)
    contrast(1);
  opacity: 1;
  transform: scale(1.06);
}

@keyframes valiaReferenceMarquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

.valia-reference-marquee__track {
  animation:
    valiaReferenceMarquee
    140s
    linear
    infinite;
  will-change: transform;
}

.valia-reference-marquee__viewport:hover
.valia-reference-marquee__track {
  animation-play-state: paused;
}

@media (min-width: 782px) and (max-width: 1099px) {
  .valia-subpage-hero,
  .valia-subpage-breadcrumb,
  .valia-subpage-intro,
  .valia-subpage-body-shell,
  .valia-reference-marquee {
    --valia-content: min(
      var(--valia-content-max),
      calc(100vw - 64px)
    );
  }

  .valia-subpage-hero .valia-page-masthead__content {
    padding: 54px 0 72px !important;
  }
  .valia-subpage-hero .valia-page-masthead__title {
    max-width: 820px;
    font-size: clamp(2.9rem, 6vw, 4.7rem) !important;
  }
  .valia-subpage-hero .valia-page-masthead__lead {
    max-width: 680px;
    font-size: 1.08rem !important;
  }

  .valia-breadcrumb-bar.valia-subpage-breadcrumb {
    margin-top: -42px !important;
  }

  .valia-page-hero.valia-subpage-intro {
    padding: 60px 0 34px !important;
  }
  .valia-subpage-intro__inner {
    grid-template-columns:
      minmax(0, .9fr)
      minmax(0, 1.1fr);
    column-gap: clamp(34px, 5vw, 54px);
    padding-bottom: 62px;
  }
  .valia-subpage-intro__inner > h2 {
    font-size: clamp(2.25rem, 4.6vw, 3.15rem) !important;
  }
  .valia-subpage-intro__inner > p:last-child {
    padding-left: clamp(24px, 3vw, 34px);
    font-size: 1.04rem !important;
  }

  .valia-subpage-body-shell {
    position: relative;
    z-index: 4;
    width: calc(100% - 32px);
    margin: -44px auto 0;
    overflow: visible;
    background: #eef3f4;
    box-shadow:
      0 12px 26px rgba(9, 24, 39, .04);
  }

  .valia-subpage-scope {
    padding: 64px 0 82px !important;
  }
  .valia-subpage-scope .valia-service-grid {
    column-gap: clamp(34px, 5vw, 54px);
  }
  .valia-subpage-scope
  .valia-service-grid > .valia-card {
    min-height: 0;
    padding: 32px 0 38px !important;
  }

  .valia-subpage-body-shell .valia-subpage-triad {
    position: relative;
    z-index: 6;
    width: calc(100% + 24px) !important;
    margin-left: 12px !important;
    margin-right: -36px !important;
    padding: 64px 0 72px !important;
  }
  .valia-subpage-triad .valia-triad-head {
    margin-bottom: 42px !important;
  }
  .valia-subpage-triad
  .valia-triad-head > h2 {
    font-size: clamp(2.35rem, 4.8vw, 3.35rem) !important;
  }
  .valia-subpage-triad .valia-mini-card {
    padding:
      34px
      clamp(20px, 2.4vw, 30px)
      40px !important;
  }
  .valia-subpage-triad .valia-mini-card::before {
    left: clamp(20px, 2.4vw, 30px);
  }

  .valia-subpage-body-shell .valia-subpage-closing {
    position: relative;
    z-index: 5;
    width: calc(100% + 16px) !important;
    margin-left: -16px !important;
    margin-right: auto !important;
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr);
    column-gap: clamp(34px, 5vw, 52px);
    padding:
      68px
      clamp(32px, 4vw, 48px)
      64px !important;
  }
  .valia-subpage-closing > p:first-child,
  .valia-subpage-closing > h2 {
    grid-column: 1 / -1;
  }
  .valia-subpage-closing > h2 {
    font-size: clamp(2.55rem, 5.5vw, 3.7rem) !important;
  }
  .valia-subpage-closing > h2 + p {
    grid-column: 1;
  }
  .valia-subpage-closing > h2 + p + p {
    grid-column: 2;
  }
  .valia-subpage-closing > .wp-block-buttons {
    grid-column: 2;
  }

  .valia-reference-marquee {
    padding: 30px 0 34px !important;
  }
  .valia-reference-marquee__logo img {
    height: clamp(58px, 6vw, 74px) !important;
    max-width: 230px;
  }
  .valia-reference-marquee__set {
    gap: clamp(42px, 4.5vw, 62px);
    padding-inline: clamp(21px, 2.25vw, 31px);
  }
}

@media (min-width: 782px) and (max-width: 899px) {
  .valia-subpage-triad .valia-three-columns {
    grid-template-columns: 1fr;
  }
  .valia-subpage-triad
  .valia-three-columns
  > .wp-block-column
  + .wp-block-column {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.14);
  }
  .valia-subpage-triad .valia-mini-card {
    padding: 32px 0 36px !important;
  }
  .valia-subpage-triad .valia-mini-card::before {
    left: 0;
  }
  .valia-subpage-triad .valia-mini-card h3,
  .valia-subpage-triad .valia-mini-card p {
    max-width: 620px;
  }
}

@media (max-width: 781px) {
  .valia-subpage-hero,
  .valia-subpage-breadcrumb,
  .valia-subpage-intro,
  .valia-subpage-body-shell,
  .valia-reference-marquee {
    --valia-content: calc(100vw - 40px);
  }

  .valia-subpage-hero .valia-page-masthead__content {
    padding: 42px 0 66px !important;
  }
  .valia-subpage-hero .valia-page-masthead__eyebrow {
    margin-bottom: 14px !important;
    font-size: .7rem !important;
  }
  .valia-subpage-hero .valia-page-masthead__title {
    max-width: 100%;
    font-size: clamp(2.35rem, 10.5vw, 3.25rem) !important;
    line-height: 1 !important;
  }
  .valia-subpage-hero .valia-page-masthead__lead {
    max-width: 100%;
    margin-top: 18px !important;
    font-size: .98rem !important;
    line-height: 1.55 !important;
  }

  .valia-breadcrumb-bar.valia-subpage-breadcrumb {
    margin-top: -40px !important;
  }
  .valia-breadcrumb-bar.valia-subpage-breadcrumb::before {
    top: -1px;
    left: 20px;
    width: 150px;
  }
  .valia-subpage-breadcrumb .valia-breadcrumbs ol {
    gap: 5px;
    padding: 11px 0 12px !important;
    font-size: .7rem;
  }

  .valia-page-hero.valia-subpage-intro {
    padding: 54px 0 38px !important;
    background:
      linear-gradient(
        155deg,
        #0d2a3e 0%,
        #123b55 58%,
        #194c68 100%
      ) !important;
  }
  .valia-subpage-intro::before {
    width: 100%;
    -webkit-mask-image:
      linear-gradient(
        90deg,
        transparent 0%,
        rgba(0,0,0,.45) 18%,
        #000 58%,
        #000 100%
      );
    mask-image:
      linear-gradient(
        90deg,
        transparent 0%,
        rgba(0,0,0,.45) 18%,
        #000 58%,
        #000 100%
      );
  }
  .valia-subpage-intro__inner {
    display: block;
    width: var(--valia-content) !important;
    margin-inline: auto !important;
    padding-bottom: 48px;
  }
  .valia-subpage-intro__inner > h2 {
    max-width: 100%;
    font-size: clamp(2.15rem, 9vw, 2.85rem) !important;
  }
  .valia-subpage-intro__inner > p:last-child {
    max-width: 100%;
    margin-top: 34px !important;
    padding-left: 20px;
    font-size: 1rem !important;
    line-height: 1.65 !important;
  }

  .valia-subpage-body-shell {
    position: relative;
    z-index: 4;
    width: 100%;
    margin: -24px 0 0 !important;
    transform: none !important;
    overflow: hidden;
    background: #eef3f4;
    box-shadow: none !important;
  }

  .valia-subpage-scope {
    padding: 56px 0 68px !important;
  }
  .valia-subpage-scope .valia-scope-head,
  .valia-subpage-scope .valia-service-grid {
    width: var(--valia-content) !important;
  }
  .valia-subpage-scope
  .valia-scope-head > h2 {
    max-width: 100%;
    font-size: clamp(2.15rem, 9vw, 2.85rem) !important;
  }
  .valia-subpage-scope .valia-service-grid {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
  .valia-subpage-scope
  .valia-service-grid > .valia-card {
    min-height: 0;
    padding:
      30px
      0
      34px !important;
  }
  .valia-subpage-scope
  .valia-service-grid > .valia-card:hover {
    padding-left: 0 !important;
  }

  .valia-subpage-body-shell .valia-subpage-triad {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 56px 0 62px !important;
  }
  .valia-subpage-triad .valia-triad-head {
    margin-bottom: 36px !important;
  }
  .valia-subpage-triad
  .valia-triad-head > h2 {
    max-width: 100%;
    font-size: clamp(2.15rem, 9vw, 2.85rem) !important;
  }
  .valia-subpage-triad
  .valia-triad-head > p:last-child {
    font-size: 1rem !important;
    line-height: 1.65 !important;
  }
  .valia-subpage-triad .valia-three-columns {
    grid-template-columns: 1fr;
  }
  .valia-subpage-triad
  .valia-three-columns
  > .wp-block-column
  + .wp-block-column {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.14);
  }
  .valia-subpage-triad .valia-mini-card {
    padding: 30px 0 34px !important;
  }
  .valia-subpage-triad .valia-mini-card::before {
    left: 0;
  }
  .valia-subpage-triad .valia-mini-card h3,
  .valia-subpage-triad .valia-mini-card p {
    max-width: 100%;
  }

  .valia-subpage-body-shell .valia-subpage-closing {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 58px 0 62px !important;
  }
  .valia-subpage-closing > p:first-child,
  .valia-subpage-closing > h2,
  .valia-subpage-closing > h2 + p,
  .valia-subpage-closing > h2 + p + p,
  .valia-subpage-closing > .wp-block-buttons {
    width: var(--valia-content) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .valia-subpage-closing > h2 {
    padding-bottom: 30px;
    font-size: clamp(2.25rem, 9.5vw, 3rem) !important;
  }
  .valia-subpage-closing > h2 + p {
    margin-top: 28px !important;
  }
  .valia-subpage-closing > h2 + p + p {
    margin-top: 26px !important;
    padding-left: 20px;
  }
  .valia-subpage-closing > .wp-block-buttons {
    justify-content: flex-start !important;
    margin-top: 28px !important;
    padding-left: 20px;
  }

  .valia-reference-marquee {
    padding: 26px 0 30px !important;
  }
  .valia-reference-marquee__inner {
    margin-bottom: 18px !important;
  }
  .valia-reference-marquee__eyebrow {
    font-size: .68rem !important;
  }
  .valia-reference-marquee__viewport {
    -webkit-mask-image:
      linear-gradient(
        90deg,
        transparent 0%,
        #000 4%,
        #000 96%,
        transparent 100%
      );
    mask-image:
      linear-gradient(
        90deg,
        transparent 0%,
        #000 4%,
        #000 96%,
        transparent 100%
      );
  }
  .valia-reference-marquee__set {
    gap: 36px;
    padding-inline: 18px;
  }
  .valia-reference-marquee__logo img {
    height: clamp(52px, 15vw, 66px) !important;
    max-width: 210px;
  }
}

.valia-page-masthead.valia-subpage-hero {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
}


/* ==========================================================================
   06. HOMEPAGE – TABLET AND MOBILE
   The production-hall image becomes static; all content modules follow a normal stacked flow.
   ========================================================================== */

@media (max-width: 1099px) {
  .valia-home-story {
    --valia-content: min(var(--valia-content-max), calc(100vw - 48px));
    overflow: hidden;
    background: #eaf0f1;
  }

  .valia-home-story__visual {
    position: absolute !important;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 780px;
    margin: 0 !important;
    transform: none !important;
  }

  .valia-home-story__visual img {
    transform: none !important;
    object-position: 50% 50%;
    filter: brightness(.96) contrast(1.02) saturate(.92) !important;
  }

  .valia-home-story .valia-section {
    min-height: 0 !important;
    padding: 0 !important;
  }

  .valia-home-story .valia-hero {
    display: block !important;
    min-height: 780px !important;
    padding: 135px 0 58px !important;
    box-sizing: border-box;
  }

  .valia-home-story .valia-hero .valia-section__inner {
    position: relative;
    width: var(--valia-content);
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .valia-home-story .valia-services-home {
    /*margin-top: 34px !important;*/
    background: #eaf0f1;
  }

  /*.valia-home-story .valia-representations-home,
  .valia-home-story .valia-process-home,
  .valia-home-story .valia-home-cta {
    margin-top: 32px !important;
  }*/

  .valia-home-story .valia-services-home,
  .valia-home-story .valia-representations-home,
  .valia-home-story .valia-process-home,
  .valia-home-story .valia-home-cta {
    margin-bottom: 0 !important;
  }
  
  /* Full-bleed homepage modules on tablet and mobile.
   The module backgrounds reach the viewport edges,
   while internal padding keeps the content readable. */

  .valia-home-story .valia-services-home .valia-section__inner,
  .valia-home-story .valia-representations-home .valia-section__inner,
  .valia-home-story .valia-process-home .valia-section__inner,
  .valia-home-story .valia-home-cta .valia-section__inner {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}

  /* Homepage modules connect directly on tablet and mobile. */
  .valia-home-story .valia-services-home,
  .valia-home-story .valia-representations-home,
  .valia-home-story .valia-process-home,
  .valia-home-story .valia-home-cta {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

  /* Remove Blocksy/Gutenberg flow spacing from the homepage story modules. */
  body.page-id-3158 .valia-home-story > .valia-home-story__visual,
  body.page-id-3158 .valia-home-story > .valia-section {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

  body.page-id-3158 .valia-home-story__visual {
  margin-block-end: 0 !important;
}

  .valia-services-home .valia-section__inner {
    display: block !important;
    overflow: hidden;
    padding: 48px !important;
    background: linear-gradient(
      145deg,
      rgba(13,42,62,.98) 0%,
      rgba(18,62,88,.97) 55%,
      rgba(22,73,100,.95) 100%
    ) !important;
  }

  .valia-services-home .valia-section__inner::after,
  .valia-services-home .valia-card-grid--four::before {
    display: none !important;
  }

  .valia-services-home .valia-section__inner > h2 {
    max-width: 700px;
    font-size: clamp(2.45rem, 5.8vw, 3.55rem);
  }

  .valia-services-home .valia-card-grid--four {
    grid-column: auto !important;
    grid-row: auto !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100% !important;
    margin: 42px 0 0 !important;
    background: rgba(8,28,42,.24);
  }

  .valia-services-home .valia-card {
    min-height: 0;
    padding: 30px !important;
  }

  .valia-representations-home {
    background: #eef3f4;
  }

  .valia-representations-home__content::before {
    display: none;
  }

  .valia-representations-home .valia-section__inner {
    display: block !important;
    padding: 48px !important;
    background: #f7f5ef !important;
  }

  .valia-representations-home .valia-section__inner > h2 {
    max-width: 700px;
    color: #12324a !important;
    -webkit-text-fill-color: #12324a !important;
  }

  .valia-representations-home .valia-section__inner > p {
    max-width: 700px;
    margin-top: 22px;
    padding-bottom: 0;
    color: #40515d !important;
    text-shadow: none;
  }

  .valia-representations-home .valia-representation-grid {
    margin-top: 38px;
  }

  .valia-representations-home .valia-card {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 8px 18px !important;
    min-height: 0;
    padding: 24px 0 !important;
  }

  .valia-representations-home .valia-rep-number {
    grid-column: 1;
    grid-row: 1 / span 3;
  }

  .valia-representations-home .valia-card h3,
  .valia-representations-home .valia-card p,
  .valia-representations-home .valia-card-link {
    grid-column: 2 !important;
  }

  .valia-representations-home .valia-card h3 {
    color: #12324a !important;
  }

  .valia-representations-home .valia-card p {
    max-width: 720px;
    color: #40515d !important;
    font-size: .96rem;
    font-weight: 400;
    line-height: 1.62;
  }

  .valia-representations-home .valia-card-link {
    margin-top: 5px !important;
  }

  .valia-representations-home .valia-card:hover {
    padding-left: 0 !important;
  }

  .valia-representations-sourcing {
    display: block !important;
    padding-top: 30px;
  }

  .valia-representations-sourcing__title {
    max-width: 620px;
    color: #12324a !important;
  }

  .valia-representations-sourcing__text {
    max-width: 720px;
    margin-top: 20px !important;
    color: #40515d !important;
  }

  .valia-representations-sourcing__link {
    margin-top: 20px !important;
  }

  .valia-process-home {
    background: #eaf0f1;
  }

  .valia-process-home .valia-section__inner {
    display: block !important;
    padding: 48px !important;
  }

  .valia-process-home .valia-section__inner > h2,
  .valia-process-home .valia-section__inner > p {
    max-width: 700px;
  }

  .valia-process-home .valia-process-grid {
    margin-top: 46px;
    padding-left: 42px;
  }

  .valia-home-cta {
    background: #eaf0f1;
  }

  .valia-home-cta .valia-section__inner {
    width: var(--valia-content);
  }

  .valia-home-story
  .valia-hero
  .wp-block-button.is-style-outline
  .wp-block-button__link {
    background: rgba(10,35,52,.46) !important;
    border: 1px solid rgba(241,200,120,.92) !important;
    color: #f1c878 !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }

  .valia-home-story
  .valia-hero
  .wp-block-button.is-style-outline
  .wp-block-button__link:hover {
    background: #f1c878 !important;
    border-color: #f1c878 !important;
    color: #102f46 !important;
    transform: none !important;
  }
}

@media (max-width: 781px) {
  .valia-home-story {
    --valia-content: calc(100vw - 32px);
  }

  .valia-home-story__visual {
    height: 760px;
  }

  .valia-home-story__visual img {
    object-position: 50% 50%;
  }

  .valia-hero::before {
    inset: auto 0 0 0;
    width: 100%;
    height: 78%;
    background: linear-gradient(
      180deg,
      rgba(11,34,53,0) 0%,
      rgba(11,34,53,.18) 18%,
      rgba(11,34,53,.72) 58%,
      rgba(11,34,53,.94) 100%
    );
  }

  .valia-hero .valia-section__inner {
    margin-top: 0;
    color: #fff;
  }

  .valia-hero h1,
  .valia-hero p {
    color: #fff !important;
  }

  .valia-hero .valia-eyebrow {
    color: #f1c878 !important;
  }

  .valia-home-story .valia-hero {
    min-height: 760px !important;
    padding: 110px 0 46px !important;
  }

  .valia-home-story .valia-hero h1 {
    max-width: 100%;
    font-size: clamp(2.15rem, 8.8vw, 2.75rem) !important;
    line-height: 1.01 !important;
  }

  .valia-home-story .valia-hero p {
    max-width: 100%;
    font-size: .98rem;
    line-height: 1.58;
  }

  /*.valia-home-story .valia-services-home {
    margin-top: 28px !important;
  }*/

  /*.valia-home-story .valia-representations-home,
  .valia-home-story .valia-process-home,
  .valia-home-story .valia-home-cta {
    margin-top: 22px !important;
  }*/

  .valia-services-home .valia-section__inner,
  .valia-representations-home .valia-section__inner,
  .valia-process-home .valia-section__inner,
  .valia-home-cta .valia-section__inner {
    padding: 34px 24px 38px !important;
  }

  .valia-services-home .valia-section__inner > h2,
  .valia-representations-home .valia-section__inner > h2,
  .valia-process-home .valia-section__inner > h2 {
    font-size: clamp(2.15rem, 9vw, 2.8rem);
  }

  .valia-services-home .valia-card-grid--four {
    grid-template-columns: 1fr !important;
    margin-top: 34px !important;
  }

  .valia-services-home .valia-card {
    padding: 26px 0 28px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.16) !important;
  }

  .valia-services-home .valia-card:last-child {
    border-bottom: 0 !important;
  }

  .valia-services-home .valia-card-number {
    margin-bottom: 18px;
    font-size: 1.4rem !important;
  }

  .valia-services-home .valia-card h3,
  .valia-services-home .valia-card p {
    max-width: 100%;
  }

  .valia-representations-home .valia-card {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 7px 14px !important;
    padding: 21px 0 !important;
  }

  .valia-representations-home .valia-card h3 {
    font-size: 1.2rem;
  }

  .valia-representations-home .valia-card p {
    font-size: .9rem;
  }

  .valia-representations-sourcing__title {
    padding-left: 18px;
    font-size: 1.4rem !important;
  }

  .valia-representations-sourcing__text {
    font-size: .96rem;
  }

  .valia-process-home .valia-process-grid {
    margin-top: 38px;
    padding-left: 34px;
  }

  .valia-process-home .valia-card {
    grid-template-columns: 46px minmax(0, 1fr);
    column-gap: 12px;
    padding: 20px 0 23px;
  }

  .valia-process-home .valia-card::before {
    left: -30px;
  }

  .valia-home-cta .valia-section__inner > * {
    margin-inline: 0;
  }

  .valia-home-cta h2 {
    font-size: clamp(2.05rem, 9vw, 2.7rem);
  }

  .valia-home-story
  .valia-hero
  .wp-block-button.is-style-outline
  .wp-block-button__link {
    background: rgba(10,35,52,.54) !important;
    border-color: #f1c878 !important;
    color: #f1c878 !important;
  }
}

/* Phone only: stack the final CTA. Tablet widths keep the two-column composition. */
@media (max-width: 600px) {

  .valia-home-cta .valia-section__inner {
    display: block !important;
  }

  .valia-home-cta h2,
  .valia-home-cta p {
    max-width: 100%;
  }

  .valia-home-cta .wp-block-buttons {
    margin-top: 28px !important;
    justify-content: flex-start !important;
  }

}

@media (min-width: 1100px) {
  body.home .valia-reference-marquee {
    position: relative;
    z-index: 8;
    background: linear-gradient(
      90deg,
      #f7f5ef 0%,
      #eef3f4 50%,
      #f7f5ef 100%
    ) !important;
  }
}

/* ==========================================================================
   07. SCHIESS – TECHNICAL IMAGE MODULE
   Editorial image/text module used on the SCHIESS detail page.
   ========================================================================== */

.valia-tech-module {
  position: relative;
  width: calc(100% - 64px) !important;
  max-width: none !important;

  margin: 18px auto 24px !important;
  padding: 0 !important;

  background: #f7f9fa !important;
  border: 0 !important;
  overflow: hidden;
}

.valia-tech-module::before {
  position: absolute;
  z-index: 4;

  top: 0;
  bottom: 0;
  left: 0;

  width: 3px;

  background: #f1c878;
  content: "";
}

.valia-tech-module__inner {
  display: grid !important;

  grid-template-columns:
    minmax(380px, 1.05fr)
    minmax(420px, .95fr) !important;

  gap: 0 !important;

  align-items: stretch !important;

  margin: 0 !important;
  padding: 0 !important;
}

.valia-tech-module__media {
  position: relative;

  min-height: 430px;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden;
}

.valia-tech-module__media .wp-block-image,
.valia-tech-module__media figure {
  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
}

.valia-tech-module__media img {
  display: block;

  width: 100% !important;
  height: 100% !important;
  min-height: 430px;

  aspect-ratio: auto !important;

  object-fit: cover !important;
  object-position: 53% 50%;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
}

.valia-tech-module__media::after {
  position: absolute;

  top: 0;
  right: 0;
  bottom: 0;

  width: 70px;

  background:
    linear-gradient(
      90deg,
      rgba(247,249,250,0) 0%,
      rgba(247,249,250,.92) 100%
    );

  content: "";
  pointer-events: none;
}

.valia-tech-module__content {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: center;

  padding:
    clamp(34px, 4vw, 58px)
    clamp(34px, 4.5vw, 66px)
    clamp(34px, 4vw, 58px)
    clamp(26px, 3vw, 44px) !important;
}

.valia-tech-module__content > p:first-child {
  margin: 0 0 14px !important;

  color: #c08c31 !important;

  font-size: .72rem !important;
  font-weight: 800;

  line-height: 1.35;

  letter-spacing: .16em;
  text-transform: uppercase;
}

.valia-tech-module__content h2 {
  max-width: 15ch !important;

  margin: 0 0 22px !important;

  color: #103550 !important;

  font-size:
    clamp(2rem, 2.75vw, 2.9rem) !important;

  line-height: .98 !important;

  letter-spacing: -.035em;
}

.valia-tech-module__content p {
  max-width: 620px;

  margin: 0 0 13px !important;

  color: #435e70 !important;

  font-size: .96rem;
  line-height: 1.65;
}

.valia-tech-module__content ul {
  display: grid;

  gap: 8px;

  margin: 16px 0 0 !important;
  padding: 0 !important;

  list-style: none;
}

.valia-tech-module__content li {
  position: relative;

  margin: 0 !important;
  padding-left: 16px;

  color: #173f59 !important;

  font-size: .91rem;
  font-weight: 650;
}

.valia-tech-module__content li::before {
  position: absolute;

  top: .65em;
  left: 0;

  width: 5px;
  height: 5px;

  background: #c99739;

  border-radius: 50%;

  content: "";
}

@media (min-width: 1100px) {

  .valia-subpage-body-shell
  .valia-subpage-scope + .valia-tech-module {
    margin-top: -42px !important;
  }

  .valia-subpage-body-shell
  .valia-tech-module + .valia-subpage-triad {
    margin-top: 18px !important;
  }
}

@media (max-width: 1099px) {

  .valia-tech-module {
    width: calc(100% - 40px) !important;

    margin-top: 22px !important;
    margin-bottom: 24px !important;
  }

  .valia-tech-module__inner {
    grid-template-columns:
      minmax(280px, .9fr)
      minmax(340px, 1.1fr) !important;
  }

  .valia-tech-module__media,
  .valia-tech-module__media img {
    min-height: 360px;
  }

  .valia-tech-module__content {
    padding: 34px 34px !important;
  }
}

@media (max-width: 781px) {

  .valia-tech-module {
    width: calc(100% - 24px) !important;

    margin: 18px auto 22px !important;
  }

  .valia-tech-module__inner {
    display: block !important;
  }

  .valia-tech-module__media {
    min-height: 0;
    height: 300px;
  }

  .valia-tech-module__media img {
    min-height: 0;
    height: 300px !important;

    object-position: 52% 48%;
  }

  .valia-tech-module__media::after {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;

    width: auto;
    height: 50px;

    background:
      linear-gradient(
        180deg,
        rgba(247,249,250,0),
        #f7f9fa
      );
  }

  .valia-tech-module__content {
    padding: 26px 24px 30px !important;
  }

  .valia-tech-module__content h2 {
    max-width: none !important;

    font-size:
      clamp(1.9rem, 8vw, 2.5rem) !important;
  }
}

/* ==========================================================================
   08. MANUFACTURER AND PAGE INTRO THEMES
   Brand-specific intro palettes for SCHIESS, ITR, Bayer, Reichenbacher, Stadler, Services and Representations.
   ========================================================================== */

@media (min-width: 782px) {
  .valia-page-hero.valia-subpage-intro.valia-brand-intro--schiess {
    background: linear-gradient(
      90deg,
      #081f35 0%,
      #0d3355 43%,
      #bec8cf 43%,
      #e5eaed 100%
    ) !important;
  }

  .valia-brand-intro--schiess
  .valia-subpage-intro__inner > p:last-child {
    color: #213b4d !important;
    border-left: 1px solid rgba(13,51,85,.30) !important;
  }

  .valia-brand-intro--schiess::before {
    background-image:
      repeating-linear-gradient(
        0deg,
        rgba(13,51,85,.045) 0,
        rgba(13,51,85,.045) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(13,51,85,.035) 0,
        rgba(13,51,85,.035) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        135deg,
        rgba(13,51,85,.025) 0,
        rgba(13,51,85,.025) 1px,
        transparent 1px,
        transparent 92px
      ) !important;
  }
}

@media (max-width: 781px) {
  .valia-page-hero.valia-subpage-intro.valia-brand-intro--schiess {
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(210,220,227,.14) 0%,
        rgba(210,220,227,0) 38%
      ),
      linear-gradient(
        135deg,
        #081f35 0%,
        #0d3355 58%,
        #174c6d 100%
      ) !important;
  }

  .valia-brand-intro--schiess
  .valia-subpage-intro__inner > p:last-child {
    color: rgba(235,243,247,.92) !important;
    border-left: 1px solid rgba(241,200,120,.30) !important;
  }

  .valia-brand-intro--schiess::before {
    background-image:
      repeating-linear-gradient(
        0deg,
        rgba(255,255,255,.045) 0,
        rgba(255,255,255,.045) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(255,255,255,.035) 0,
        rgba(255,255,255,.035) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        135deg,
        rgba(210,220,227,.035) 0,
        rgba(210,220,227,.035) 1px,
        transparent 1px,
        transparent 92px
      ) !important;
  }
}

@media (min-width: 782px) {

  .valia-page-hero.valia-subpage-intro.valia-brand-intro--itr {
	background:
	linear-gradient(
      90deg,
      #123f63 0%,
      #17608b 43%,
      #cbe8ee 43%,
      #eef8fa 100%
    ) !important;
}

  .valia-brand-intro--itr
  .valia-subpage-intro__inner > p:last-child {
    color: #294553 !important;

    border-left:
      1px solid rgba(18, 63, 99, .26) !important;
  }

  .valia-brand-intro--itr::before {
    background-image:
      repeating-linear-gradient(
        0deg,
        rgba(18, 63, 99, .042) 0,
        rgba(18, 63, 99, .042) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(18, 63, 99, .034) 0,
        rgba(18, 63, 99, .034) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        135deg,
        rgba(23, 96, 139, .024) 0,
        rgba(23, 96, 139, .024) 1px,
        transparent 1px,
        transparent 92px
      ) !important;
  }
}

/* ITR – brand endorsement */
  .valia-itr-powered {
    margin: -8px 0 18px !important;
    color: rgba(255,255,255,.78) !important;
    font-size: .72rem !important;
    font-weight: 500;
    line-height: 1.2 !important;
    letter-spacing: .08em;
}

@media (max-width: 781px) {

  .valia-page-hero.valia-subpage-intro.valia-brand-intro--itr {
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(220, 231, 236, .14) 0%,
        rgba(220, 231, 236, 0) 38%
      ),
      linear-gradient(
        135deg,
        #123f63 0%,
        #17608b 60%,
        #1f739c 100%
      ) !important;
  }
  
  .valia-itr-powered {
    margin: -6px 0 14px !important;
    font-size: .68rem !important;
  }

  .valia-brand-intro--itr
  .valia-subpage-intro__inner > p:last-child {
    color: rgba(239, 247, 250, .94) !important;

    border-left:
      1px solid rgba(241, 200, 120, .30) !important;
  }

  .valia-brand-intro--itr::before {
    background-image:
      repeating-linear-gradient(
        0deg,
        rgba(255,255,255,.045) 0,
        rgba(255,255,255,.045) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(255,255,255,.035) 0,
        rgba(255,255,255,.035) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        135deg,
        rgba(220,231,236,.035) 0,
        rgba(220,231,236,.035) 1px,
        transparent 1px,
        transparent 92px
      ) !important;
  }
}

@media (min-width: 782px) {

  .valia-page-hero.valia-subpage-intro.valia-brand-intro--bayer {
    background:
      linear-gradient(
        90deg,
        #24282d 0%,
        #343a40 43%,
        #e7e4dc 43%,
        #f4f2ec 100%
      ) !important;
  }

  .valia-brand-intro--bayer
  .valia-subpage-intro__inner > p:last-child {
    color: #303b42 !important;

    border-left:
      1px solid rgba(36, 40, 45, .24) !important;
  }

  .valia-brand-intro--bayer::before {
    background-image:
      repeating-linear-gradient(
        0deg,
        rgba(36, 40, 45, .045) 0,
        rgba(36, 40, 45, .045) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(36, 40, 45, .035) 0,
        rgba(36, 40, 45, .035) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        135deg,
        rgba(240, 194, 58, .045) 0,
        rgba(240, 194, 58, .045) 1px,
        transparent 1px,
        transparent 92px
      ) !important;
  }

  .valia-brand-intro--bayer
  .valia-page-hero__eyebrow,
  .valia-brand-intro--bayer
  .valia-subpage-intro__inner > p:first-child {
    color: #f0c23a !important;
  }
}

@media (max-width: 781px) {

  .valia-page-hero.valia-subpage-intro.valia-brand-intro--bayer {
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(240, 194, 58, .12) 0%,
        rgba(240, 194, 58, 0) 34%
      ),
      linear-gradient(
        135deg,
        #24282d 0%,
        #30363c 58%,
        #3c4349 100%
      ) !important;
  }

  .valia-brand-intro--bayer
  .valia-subpage-intro__inner > p:last-child {
    color: rgba(243, 245, 246, .92) !important;

    border-left:
      1px solid rgba(240, 194, 58, .34) !important;
  }

  .valia-brand-intro--bayer::before {
    background-image:
      repeating-linear-gradient(
        0deg,
        rgba(255,255,255,.040) 0,
        rgba(255,255,255,.040) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(255,255,255,.030) 0,
        rgba(255,255,255,.030) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        135deg,
        rgba(240,194,58,.045) 0,
        rgba(240,194,58,.045) 1px,
        transparent 1px,
        transparent 92px
      ) !important;
  }

  .valia-brand-intro--bayer
  .valia-page-hero__eyebrow,
  .valia-brand-intro--bayer
  .valia-subpage-intro__inner > p:first-child {
    color: #f0c23a !important;
  }
}

@media (min-width: 782px) {

  .valia-page-hero.valia-subpage-intro.valia-brand-intro--reichenbacher {
    background:
      linear-gradient(
        90deg,
        #123d72 0%,
        #18558e 43%,
        #e4e9ed 43%,
        #f4f5f6 100%
      ) !important;
  }

  .valia-brand-intro--reichenbacher
  .valia-subpage-intro__inner > p:last-child {
    color: #294254 !important;

    border-left:
      1px solid rgba(18, 61, 114, .24) !important;
  }

  .valia-brand-intro--reichenbacher::before {
    background-image:
      repeating-linear-gradient(
        0deg,
        rgba(18, 61, 114, .042) 0,
        rgba(18, 61, 114, .042) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(18, 61, 114, .032) 0,
        rgba(18, 61, 114, .032) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        135deg,
        rgba(196, 38, 46, .040) 0,
        rgba(196, 38, 46, .040) 1px,
        transparent 1px,
        transparent 92px
      ) !important;
  }

  .valia-brand-intro--reichenbacher
  .valia-page-hero__eyebrow,
  .valia-brand-intro--reichenbacher
  .valia-subpage-intro__inner > p:first-child {
    color: #e24a4f !important;
  }
}

@media (max-width: 781px) {

  .valia-page-hero.valia-subpage-intro.valia-brand-intro--reichenbacher {
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(226, 74, 79, .11) 0%,
        rgba(226, 74, 79, 0) 35%
      ),
      linear-gradient(
        135deg,
        #123d72 0%,
        #18558e 60%,
        #236ca6 100%
      ) !important;
  }

  .valia-brand-intro--reichenbacher
  .valia-subpage-intro__inner > p:last-child {
    color: rgba(241, 247, 250, .94) !important;

    border-left:
      1px solid rgba(226, 74, 79, .38) !important;
  }

  .valia-brand-intro--reichenbacher::before {
    background-image:
      repeating-linear-gradient(
        0deg,
        rgba(255,255,255,.042) 0,
        rgba(255,255,255,.042) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(255,255,255,.032) 0,
        rgba(255,255,255,.032) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        135deg,
        rgba(226,74,79,.05) 0,
        rgba(226,74,79,.05) 1px,
        transparent 1px,
        transparent 92px
      ) !important;
  }

  .valia-brand-intro--reichenbacher
  .valia-page-hero__eyebrow,
  .valia-brand-intro--reichenbacher
  .valia-subpage-intro__inner > p:first-child {
    color: #ff7378 !important;
  }
}

@media (min-width: 782px) {

  .valia-page-hero.valia-subpage-intro.valia-brand-intro--stadler {
    background:
      linear-gradient(
        90deg,
        #094b82 0%,
        #1169a8 43%,
        #e3e9ed 43%,
        #f5f7f8 100%
      ) !important;
  }

  .valia-brand-intro--stadler
  .valia-subpage-intro__inner > p:last-child {
    color: #294556 !important;

    border-left:
      1px solid rgba(9, 75, 130, .24) !important;
  }

  .valia-brand-intro--stadler::before {
    background-image:
      repeating-linear-gradient(
        0deg,
        rgba(9,75,130,.042) 0,
        rgba(9,75,130,.042) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(9,75,130,.032) 0,
        rgba(9,75,130,.032) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        135deg,
        rgba(17,105,168,.026) 0,
        rgba(17,105,168,.026) 1px,
        transparent 1px,
        transparent 92px
      ) !important;
  }
}

@media (max-width: 781px) {

  .valia-page-hero.valia-subpage-intro.valia-brand-intro--stadler {
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(210,225,235,.13) 0%,
        rgba(210,225,235,0) 36%
      ),
      linear-gradient(
        135deg,
        #094b82 0%,
        #1169a8 58%,
        #2380bd 100%
      ) !important;
  }

  .valia-brand-intro--stadler
  .valia-subpage-intro__inner > p:last-child {
    color: rgba(241,247,250,.94) !important;

    border-left:
      1px solid rgba(241,200,120,.30) !important;
  }

  .valia-brand-intro--stadler::before {
    background-image:
      repeating-linear-gradient(
        0deg,
        rgba(255,255,255,.042) 0,
        rgba(255,255,255,.042) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(255,255,255,.032) 0,
        rgba(255,255,255,.032) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        135deg,
        rgba(210,225,235,.04) 0,
        rgba(210,225,235,.04) 1px,
        transparent 1px,
        transparent 92px
      ) !important;
  }
}

@media (min-width: 782px) {

  .valia-page-hero.valia-subpage-intro.valia-brand-intro--services {
    background:
      linear-gradient(
        90deg,
        #1f2428 0%,
        #2c3237 43%,
        #b9653b 43%,
        #d58b56 68%,
        #edc69d 100%
      ) !important;
  }

  .valia-brand-intro--services
  .valia-subpage-intro__inner > p:last-child {
    color: #302922 !important;

    border-left:
      1px solid rgba(48, 41, 34, .34) !important;
  }

  .valia-brand-intro--services::before {
    background-image:
      repeating-linear-gradient(
        0deg,
        rgba(48, 41, 34, .070) 0,
        rgba(48, 41, 34, .070) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(48, 41, 34, .055) 0,
        rgba(48, 41, 34, .055) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, .080) 0,
        rgba(255, 255, 255, .080) 1px,
        transparent 1px,
        transparent 92px
      ) !important;
  }
}

@media (max-width: 781px) {

  .valia-page-hero.valia-subpage-intro.valia-brand-intro--services {
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(185, 101, 59, .18) 0%,
        rgba(185, 101, 59, 0) 36%
      ),
      linear-gradient(
        135deg,
        #1f2428 0%,
        #2c3237 60%,
        #3a4146 100%
      ) !important;
  }

  .valia-brand-intro--services
  .valia-subpage-intro__inner > p:last-child {
    color: rgba(244, 242, 239, .94) !important;

    border-left:
      1px solid rgba(213, 139, 86, .38) !important;
  }

  .valia-brand-intro--services::before {
    background-image:
      repeating-linear-gradient(
        0deg,
        rgba(255,255,255,.040) 0,
        rgba(255,255,255,.040) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(255,255,255,.030) 0,
        rgba(255,255,255,.030) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        135deg,
        rgba(213,139,86,.070) 0,
        rgba(213,139,86,.070) 1px,
        transparent 1px,
        transparent 92px
      ) !important;
  }
}

@media (min-width: 782px) {

  .valia-page-hero.valia-subpage-intro.valia-brand-intro--representacoes {
    background:
      linear-gradient(
        90deg,
        #14383a 0%,
        #1d5051 43%,
        #9fb9a5 43%,
        #d8e4da 72%,
        #edf2ec 100%
      ) !important;
  }

  .valia-brand-intro--representacoes
  .valia-subpage-intro__inner > p:last-child {
    color: #2d443b !important;

    border-left:
      1px solid rgba(20, 56, 58, .28) !important;
  }

  .valia-brand-intro--representacoes::before {
    background-image:
      repeating-linear-gradient(
        0deg,
        rgba(20,56,58,.058) 0,
        rgba(20,56,58,.058) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(20,56,58,.044) 0,
        rgba(20,56,58,.044) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        135deg,
        rgba(74,105,82,.060) 0,
        rgba(74,105,82,.060) 1px,
        transparent 1px,
        transparent 92px
      ) !important;
  }
}

@media (max-width: 781px) {

  .valia-page-hero.valia-subpage-intro.valia-brand-intro--representacoes {
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(159,185,165,.20) 0%,
        rgba(159,185,165,0) 38%
      ),
      linear-gradient(
        135deg,
        #14383a 0%,
        #1d5051 58%,
        #2b6868 100%
      ) !important;
  }

  .valia-brand-intro--representacoes
  .valia-subpage-intro__inner > p:last-child {
    color: rgba(241,247,244,.94) !important;

    border-left:
      1px solid rgba(159,185,165,.42) !important;
  }

  .valia-brand-intro--representacoes::before {
    background-image:
      repeating-linear-gradient(
        0deg,
        rgba(255,255,255,.045) 0,
        rgba(255,255,255,.045) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(255,255,255,.034) 0,
        rgba(255,255,255,.034) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        135deg,
        rgba(159,185,165,.072) 0,
        rgba(159,185,165,.072) 1px,
        transparent 1px,
        transparent 92px
      ) !important;
  }
}

/* ==========================================================================
   09. REPRESENTATIONS PAGE
   Editorial manufacturer index, principles and sourcing closing block.
   ========================================================================== */

@media (min-width: 1100px) {

  .valia-representations-grid {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 34px 38px !important;
    align-items: start !important;
  }

  .valia-representations-grid
  > .valia-representation-card:nth-child(1) {
    grid-column: 1 / span 7;
  }

  .valia-representations-grid
  > .valia-representation-card:nth-child(2) {
    grid-column: 8 / span 5;
  }

  .valia-representations-grid
  > .valia-representation-card:nth-child(3) {
    grid-column: 1 / span 5;
  }

  .valia-representations-grid
  > .valia-representation-card:nth-child(4) {
    grid-column: 6 / span 7;
  }

  .valia-representations-grid
  > .valia-representation-card:nth-child(5) {
    grid-column: 2 / span 10;
  }
}

.valia-representations-grid
.valia-representation-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0 !important;
  padding: 0 0 26px !important;

  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23, 43, 58, .16) !important;
  box-shadow: none !important;
}

.valia-representations-grid
.valia-representation-card__image {
  width: 100% !important;
  margin: 0 0 22px !important;
  overflow: hidden;
}

.valia-representations-grid
.valia-representation-card__image img {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  transition:
    transform 500ms ease,
    filter 350ms ease;
}

.valia-representations-grid
.valia-representation-card:hover
.valia-representation-card__image img {
  transform: scale(1.025);
}

.valia-representations-grid
.valia-representation-card > p:first-of-type {
  margin: 0 0 10px !important;

  color: #b78a45 !important;
  font-size: .70rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase;
}

.valia-representations-grid
.valia-representation-card h3 {
  margin: 0 0 12px !important;

  color: #12344b !important;
  font-size: clamp(1.32rem, 1.55vw, 1.72rem) !important;
  line-height: 1.05 !important;
}

.valia-representations-grid
.valia-representation-card h3 + p {
  margin: 0 0 20px !important;

  color: #4a5b65 !important;
  font-size: .96rem !important;
  line-height: 1.65 !important;
}

.valia-representations-grid
.valia-representation-card__link {
  display: inline-flex !important;
  align-items: center;
  width: fit-content;
  min-height: 0 !important;
  margin-top: auto !important;
  padding: 8px 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #b78a45 !important;
  border-radius: 0 !important;

  color: #12344b !important;
  font-size: .70rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;

  box-shadow: none !important;
}

.valia-representations-grid
.valia-representation-card__link:hover {
  color: #b26d3d !important;
  border-bottom-color: #b26d3d !important;
}

@media (min-width: 782px) and (max-width: 1099px) {

  .valia-representations-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 30px !important;
  }

  .valia-representations-grid
  > .valia-representation-card {
    grid-column: auto !important;
  }

  .valia-representations-grid
  > .valia-representation-card:nth-child(5) {
    grid-column: 1 / -1 !important;
    width: min(78%, 760px);
    margin-inline: auto !important;
  }
}

@media (max-width: 781px) {

  .valia-representations-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .valia-representations-grid
  > .valia-representation-card {
    grid-column: auto !important;
    width: 100% !important;
  }

  .valia-representations-grid
  .valia-representation-card__image {
    margin-bottom: 18px !important;
  }

  .valia-representations-grid
  .valia-representation-card h3 {
    font-size: 1.42rem !important;
  }
}

.valia-subpage-scope
.valia-representations-grid
> .valia-representation-card,
.valia-subpage-scope
.valia-representations-grid
> .valia-representation-card:hover {
  padding:
    25px
    0
    28px !important;

  transform: none !important;

  box-shadow: none !important;

  background: transparent !important;
}

.valia-representations-grid
.valia-representation-card__image img {
  transform: none !important;

  filter:
    saturate(.82)
    contrast(.97)
    brightness(.99);

  opacity: .96;

  transition:
    filter 280ms ease,
    opacity 280ms ease !important;
}

.valia-representations-grid
.valia-representation-card:hover
.valia-representation-card__image img {
  transform: none !important;

  filter:
    saturate(1.08)
    contrast(1.055)
    brightness(1);

  opacity: 1;
}

.valia-representations-grid
.valia-representation-card h3 {
  color: #12344b !important;

  transform: none !important;

  transition:
    color 220ms ease !important;
}

.valia-representations-grid
.valia-representation-card:hover h3 {
  color: #b78a45 !important;

  transform: none !important;
}

.valia-representations-grid
.valia-representation-card__link,
.valia-representations-grid
.valia-representation-card__link:hover {
  margin: 0 !important;

  border: 0 !important;

  border-bottom: 0 !important;

  box-shadow: none !important;

  transform: none !important;
}

.valia-representations-grid
.valia-representation-card__link::before,
.valia-representations-grid
.valia-representation-card__link::after {
  display: none !important;

  content: none !important;
}

.valia-representations-grid
.valia-representation-card__link
.wp-block-button__link {
  display: inline-flex !important;

  align-items: center;
  justify-content: center;

  width: auto !important;

  min-height: 42px !important;

  padding:
    11px
    18px !important;

  background:
    transparent !important;

  border:
    1px solid #b78a45 !important;

  border-radius:
    0 !important;

  color:
    #12344b !important;

  font-size:
    .70rem !important;

  font-weight:
    800 !important;

  line-height:
    1 !important;

  letter-spacing:
    .055em !important;

  text-transform:
    uppercase;

  box-shadow:
    none !important;

  transform:
    none !important;

  transition:
    background-color 220ms ease,
    border-color 220ms ease,
    color 220ms ease !important;
}

.valia-representations-grid
.valia-representation-card__link
.wp-block-button__link:hover {
  background:
    #b78a45 !important;

  border-color:
    #b78a45 !important;

  color:
    #ffffff !important;

  box-shadow:
    none !important;

  transform:
    none !important;
}

.valia-subpage-scope
.valia-representations-grid
> .valia-representation-card p,

.valia-subpage-scope
.valia-representations-grid
> .valia-representation-card:hover p {
  transform: none !important;
}

.valia-subpage-triad.valia-representations-principles {
  background:
    linear-gradient(
      135deg,
      #102f31 0%,
      #174547 52%,
      #1e5557 100%
    ) !important;
}

.valia-subpage-triad.valia-representations-principles::before {
  background-image:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.035) 0,
      rgba(255,255,255,.035) 1px,
      transparent 1px,
      transparent 54px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.025) 0,
      rgba(255,255,255,.025) 1px,
      transparent 1px,
      transparent 54px
    ) !important;
}

.valia-subpage-closing.valia-representations-sourcing {
  position: relative;
  overflow: hidden;

  background: linear-gradient(
    135deg,
    #e7e1d6 0%,
    #ddd4c6 52%,
    #d2c7b8 100%
  ) !important;

  border-top: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

.valia-subpage-closing.valia-representations-sourcing::before,
.valia-subpage-closing.valia-representations-sourcing::after {
  content: none !important;
  display: none !important;
}

.valia-subpage-closing.valia-representations-sourcing,
.valia-subpage-closing.valia-representations-sourcing .wp-block-group,
.valia-subpage-closing.valia-representations-sourcing .wp-block-columns,
.valia-subpage-closing.valia-representations-sourcing .wp-block-column {
  box-shadow: none !important;
}

.valia-subpage-closing.valia-representations-sourcing > * {
  position: relative;
  z-index: 1;
}

.valia-subpage-closing.valia-representations-sourcing
.valia-page-hero__eyebrow,
.valia-subpage-closing.valia-representations-sourcing
.valia-section-eyebrow {
  color: #b78a45 !important;
}

.valia-subpage-closing.valia-representations-sourcing h2 {
  color: #14383a !important;
}

.valia-subpage-closing.valia-representations-sourcing p {
  color: #4a554e !important;
}

.valia-subpage-closing.valia-representations-sourcing hr,
.valia-subpage-closing.valia-representations-sourcing .wp-block-separator {
  border-color: rgba(20, 56, 58, 0.10) !important;
  opacity: 1 !important;
}

.valia-subpage-closing.valia-representations-sourcing
.wp-block-button__link,
.valia-subpage-closing.valia-representations-sourcing
.valia-closing-cta .wp-block-button__link {
  background: #14383a !important;
  border: 1px solid #14383a !important;
  color: #ffffff !important;

  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;

  transition:
    background-color 220ms ease,
    border-color 220ms ease,
    color 220ms ease !important;
}

.valia-subpage-closing.valia-representations-sourcing
.wp-block-button__link:hover,
.valia-subpage-closing.valia-representations-sourcing
.valia-closing-cta .wp-block-button__link:hover {
  background: #b78a45 !important;
  border-color: #b78a45 !important;
  color: #ffffff !important;
  transform: none !important;
}

/* ==========================================================================
   10. ABOUT VALIA PAGE
   Brand intro, editorial process structure, principles and closing block.
   ========================================================================== */

@media (min-width: 782px) {

  .valia-page-hero.valia-subpage-intro.valia-brand-intro--sobre {
    background:
      linear-gradient(
        90deg,
        #26342c 0%,
        #35463a 43%,
        #c8bda9 43%,
        #e1d7c7 72%,
        #f2ece3 100%
      ) !important;
  }

  .valia-brand-intro--sobre
  .valia-subpage-intro__inner > p:last-child {
    color: #49443c !important;

    border-left:
      1px solid rgba(53, 70, 58, .24) !important;
  }

  .valia-brand-intro--sobre::before {
    background-image:
      repeating-linear-gradient(
        0deg,
        rgba(53,70,58,.045) 0,
        rgba(53,70,58,.045) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(53,70,58,.034) 0,
        rgba(53,70,58,.034) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        135deg,
        rgba(183,138,69,.045) 0,
        rgba(183,138,69,.045) 1px,
        transparent 1px,
        transparent 92px
      ) !important;
  }
}

@media (max-width: 781px) {

  .valia-page-hero.valia-subpage-intro.valia-brand-intro--sobre {
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(183,138,69,.11) 0%,
        rgba(183,138,69,0) 36%
      ),
      linear-gradient(
        135deg,
        #26342c 0%,
        #35463a 60%,
        #465a4b 100%
      ) !important;
  }

  .valia-brand-intro--sobre
  .valia-subpage-intro__inner > p:last-child {
    color: rgba(246,244,239,.94) !important;

    border-left:
      1px solid rgba(214,181,121,.34) !important;
  }

  .valia-brand-intro--sobre::before {
    background-image:
      repeating-linear-gradient(
        0deg,
        rgba(255,255,255,.040) 0,
        rgba(255,255,255,.040) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        90deg,
        rgba(255,255,255,.030) 0,
        rgba(255,255,255,.030) 1px,
        transparent 1px,
        transparent 46px
      ),
      repeating-linear-gradient(
        135deg,
        rgba(214,181,121,.050) 0,
        rgba(214,181,121,.050) 1px,
        transparent 1px,
        transparent 92px
      ) !important;
  }
}

.valia-about-scope {
  background:
    linear-gradient(
      135deg,
      #f3efe7 0%,
      #edf0ec 58%,
      #e5ebe7 100%
    ) !important;
}

@media (min-width: 782px) {

  .valia-about-grid {
    display: grid !important;

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap: 0 !important;

    border-top:
      1px solid rgba(38, 52, 44, .16);
  }

  .valia-about-grid
  > .valia-card {
    position: relative;

    min-height: 250px;

    margin: 0 !important;

    padding:
      34px
      clamp(34px, 4vw, 58px)
      42px !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    transform: none !important;

    transition: none !important;
  }

  .valia-about-grid
  > .valia-card:nth-child(odd) {
    border-right:
      1px solid rgba(38, 52, 44, .14) !important;
  }

  .valia-about-grid
  > .valia-card:nth-child(-n+2) {
    border-bottom:
      1px solid rgba(38, 52, 44, .14) !important;
  }
}

.valia-about-grid
> .valia-card:hover {
  margin: 0 !important;

  padding:
    34px
    clamp(34px, 4vw, 58px)
    42px !important;

  background: transparent !important;

  border-color:
    rgba(38, 52, 44, .14) !important;

  box-shadow: none !important;

  transform: none !important;

  transition: none !important;
}

.valia-about-grid
> .valia-card *,
.valia-about-grid
> .valia-card:hover * {
  transform: none !important;
}

.valia-about-grid
> .valia-card::before {
  display: block;

  width: 42px;
  height: 1px;

  margin-bottom: 22px;

  background: #b78a45;

  content: "";

  transform: none !important;

  transition: none !important;
}

.valia-about-grid
> .valia-card:hover::before {
  width: 42px !important;

  background: #b78a45 !important;

  transform: none !important;
}

.valia-about-grid
> .valia-card
> p:first-child {
  margin:
    0
    0
    24px !important;

  color:
    #b78a45 !important;

  font-size:
    .70rem !important;

  font-weight:
    800 !important;

  line-height:
    1.35 !important;

  letter-spacing:
    .13em !important;

  transition: none !important;
}

.valia-about-grid
> .valia-card h3,
.valia-about-grid
> .valia-card:hover h3 {
  max-width: 420px;

  margin:
    0
    0
    16px !important;

  color:
    #26382f !important;

  font-size:
    clamp(1.4rem, 1.75vw, 1.9rem) !important;

  line-height:
    1.08 !important;

  transform: none !important;

  transition: none !important;
}

.valia-about-grid
> .valia-card h3 + p,
.valia-about-grid
> .valia-card:hover h3 + p {
  max-width: 500px;

  margin: 0 !important;

  color:
    #536059 !important;

  font-size:
    .96rem !important;

  line-height:
    1.7 !important;

  transform: none !important;

  transition: none !important;
}

@media (max-width: 781px) {

  .valia-about-grid {
    display: grid !important;

    grid-template-columns: 1fr !important;

    gap: 0 !important;

    border-top:
      1px solid rgba(38, 52, 44, .15);
  }

  .valia-about-grid
  > .valia-card,
  .valia-about-grid
  > .valia-card:hover {
    min-height: 0;

    margin: 0 !important;

    padding:
      28px
      0
      32px !important;

    background: transparent !important;

    border: 0 !important;

    border-bottom:
      1px solid rgba(38, 52, 44, .14) !important;

    box-shadow: none !important;

    transform: none !important;

    transition: none !important;
  }

  .valia-about-grid
  > .valia-card h3,
  .valia-about-grid
  > .valia-card:hover h3 {
    font-size:
      1.45rem !important;
  }
}

.valia-about-steps-grid .valia-about-step-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.valia-about-steps-grid .valia-about-step-card::after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: -10px;
  z-index: 0;

  font-size: clamp(5.5rem, 8vw, 8rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;

  color: rgba(11, 44, 74, 0.07);

  pointer-events: none;
  user-select: none;
}

.valia-about-steps-grid .valia-about-step-card > * {
  position: relative;
  z-index: 1;
}

.valia-about-steps-grid .valia-about-step-card:nth-child(1)::after {
  content: "01";
}

.valia-about-steps-grid .valia-about-step-card:nth-child(2)::after {
  content: "02";
}

.valia-about-steps-grid .valia-about-step-card:nth-child(3)::after {
  content: "03";
}

.valia-about-steps-grid .valia-about-step-card:nth-child(4)::after {
  content: "04";
}

.valia-about-steps-grid .valia-about-step-card:hover::after {
  color: rgba(11, 44, 74, 0.11);
}

@media (max-width: 1024px) {
  .valia-about-steps-grid .valia-about-step-card::after {
    right: 14px;
    bottom: -6px;
    font-size: clamp(4.8rem, 9vw, 6.8rem);
  }
}

@media (max-width: 781px) {
  .valia-about-steps-grid .valia-about-step-card::after {
    right: 12px;
    bottom: -4px;
    font-size: 4.8rem;
    color: rgba(11, 44, 74, 0.06);
  }
}

.valia-subpage-triad.valia-about-principles {
  position: relative;

  background:
    linear-gradient(
      135deg,
      #1d2a24 0%,
      #26382f 52%,
      #31473b 100%
    ) !important;

  box-shadow: none !important;
}

.valia-about-principles
.valia-triad-head > p:first-child {
  color: #d2a85b !important;
}

.valia-about-principles
.valia-triad-head h2 {
  color: #ffffff !important;
}

.valia-about-principles
.valia-triad-head h2 + p {
  color: rgba(240,244,241,.78) !important;
}

.valia-about-principles
.valia-mini-card {
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

.valia-about-principles
.valia-mini-card:hover {
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.valia-about-principles
.valia-mini-card h3 {
  color: #ffffff !important;
}

.valia-about-principles
.valia-mini-card p {
  color: rgba(235,241,237,.74) !important;
}

.valia-about-principles
.valia-mini-card::before {
  background: #d2a85b !important;
  transform: none !important;
}

.valia-subpage-closing.valia-about-closing {
  position: relative;

  background:
    linear-gradient(
      135deg,
      #e6ded0 0%,
      #ddd2c0 50%,
      #f0e9de 100%
    ) !important;

  box-shadow: none !important;
  overflow: hidden;
}

.valia-subpage-closing.valia-about-closing::after,
.valia-subpage-closing.valia-about-closing::before {
  display: none !important;
  content: none !important;
}

.valia-about-closing
.valia-page-hero__eyebrow,
.valia-about-closing
.valia-section-eyebrow {
  color: #b78a45 !important;
}

.valia-about-closing h2 {
  color: #26382f !important;
}

.valia-about-closing p {
  color: #4c514b !important;
}

.valia-about-closing
.wp-block-button__link,
.valia-about-closing
.valia-closing-cta
.wp-block-button__link {
  background: #26382f !important;

  border: 1px solid #26382f !important;

  color: #ffffff !important;

  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;

  transition:
    background-color 220ms ease,
    border-color 220ms ease,
    color 220ms ease !important;
}

.valia-about-closing
.wp-block-button__link:hover,
.valia-about-closing
.valia-closing-cta
.wp-block-button__link:hover {
  background: #b78a45 !important;
  border-color: #b78a45 !important;
  color: #ffffff !important;

  transform: none !important;
}

/* ==========================================================================
   11. CONTACT PAGE
   Contact split layout, Forminator integration and clean tablet/mobile stacking.
   ========================================================================== */

.valia-contact-main {
  padding: 0 !important;

  background:
    linear-gradient(
      135deg,
      #edf1f1 0%,
      #f5f3ed 100%
    ) !important;
}

.valia-contact-grid {
  display: grid !important;

  grid-template-columns:
    minmax(0, .78fr)
    minmax(0, 1.22fr) !important;

  gap: 0 !important;

  align-items: stretch;
}

.valia-contact-grid
> .valia-contact-info,

.valia-contact-grid
> .valia-contact-form-wrap {
  align-self: stretch !important;

  height: auto !important;

  min-height: 100% !important;
}

.valia-contact-info {
  position: relative;

  padding:
    clamp(46px, 5vw, 76px)
    clamp(38px, 4.5vw, 66px) !important;

  background:
    linear-gradient(
      145deg,
      #1c303c 0%,
      #23404d 58%,
      #2b4c5a 100%
    ) !important;

  color: #ffffff;

  box-shadow: none !important;
  overflow: hidden;
}

.valia-contact-info::before,
.valia-contact-info::after {
  display: none !important;
  content: none !important;
}

.valia-contact-info
.valia-section-eyebrow {
  margin: 0 0 24px !important;

  color: #d1a354 !important;

  font-size: .72rem !important;
  font-weight: 800 !important;

  line-height: 1.2 !important;
  letter-spacing: .12em !important;
}

.valia-contact-info
.valia-section-eyebrow::after {
  display: block;

  width: 42px;
  height: 1px;

  margin-top: 16px;

  background: #d1a354;

  content: "";
}

.valia-contact-info h2 {
  max-width: 540px;

  margin:
    0
    0
    24px !important;

  color: #ffffff !important;

  font-size:
    clamp(2rem, 3vw, 3.25rem) !important;

  line-height: 1.03 !important;

  letter-spacing: -.025em !important;
}

.valia-contact-info
> p:not(.valia-section-eyebrow) {
  max-width: 560px;

  margin:
    0
    0
    36px !important;

  color:
    rgba(239, 244, 246, .78) !important;

  font-size: 1rem !important;

  line-height: 1.72 !important;
}

.valia-contact-details {
  margin-top: 42px !important;

  padding-top: 30px !important;

  border-top:
    1px solid rgba(255,255,255,.16);
}

.valia-contact-details
.valia-contact-label {
  margin:
    0
    0
    7px !important;

  color:
    rgba(209,163,84,.92) !important;

  font-size: .69rem !important;

  font-weight: 800 !important;

  line-height: 1.2 !important;

  letter-spacing: .11em !important;
}

.valia-contact-details
.valia-contact-value {
  margin:
    0
    0
    27px !important;

  font-size:
    clamp(1.08rem, 1.35vw, 1.3rem) !important;

  line-height: 1.25 !important;
}

.valia-contact-details
.valia-contact-value:last-child {
  margin-bottom: 0 !important;
}

.valia-contact-details
.valia-contact-value a {
  color: #ffffff !important;

  text-decoration: none !important;

  transition:
    color 180ms ease !important;
}

.valia-contact-details
.valia-contact-value a:hover {
  color: #d1a354 !important;
}

.valia-contact-nda {
  margin-top: 42px !important;

  padding:
    24px
    26px !important;

  background:
    rgba(255,255,255,.055) !important;

  border-left:
    2px solid #d1a354 !important;

  box-shadow: none !important;
}

.valia-contact-nda
.valia-contact-label {
  margin:
    0
    0
    11px !important;

  color: #d1a354 !important;

  font-size: .69rem !important;

  font-weight: 800 !important;

  line-height: 1.2 !important;

  letter-spacing: .11em !important;
}

.valia-contact-nda
p:last-child {
  margin: 0 !important;

  color:
    rgba(239,244,246,.76) !important;

  font-size: .91rem !important;

  line-height: 1.65 !important;
}

@media (max-width: 900px) {

  .valia-contact-grid {
    grid-template-columns:
      1fr !important;
  }
}

@media (max-width: 781px) {

  .valia-contact-info {
    padding:
      38px
      25px
      42px !important;
  }

  .valia-contact-info h2 {
    font-size:
      clamp(1.9rem, 8vw, 2.5rem) !important;
  }

  .valia-contact-details {
    margin-top: 34px !important;
  }

  .valia-contact-nda {
    margin-top: 34px !important;

    padding:
      21px
      20px !important;
  }
}

.valia-contact-form-wrap {
  padding:
    clamp(42px, 4.5vw, 68px)
    clamp(38px, 4.5vw, 64px) !important;

  background:
    linear-gradient(
      145deg,
      #263f4b 0%,
      #2d4b57 58%,
      #355763 100%
    ) !important;

  box-shadow: none !important;
}

@media (max-width: 781px) {

  .valia-contact-form-wrap {
	padding:
		36px
		24px !important;
	}
}

@media (min-width: 1100px) {

  .valia-subpage-body-shell.valia-contact-shell {
    margin-top: -72px !important;

    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

}

.valia-subpage-triad.valia-contact-next {
  position: relative;

  background:
    linear-gradient(
      135deg,
      #e6dfd3 0%,
      #eee8de 52%,
      #f4efe7 100%
    ) !important;

  color: #26382f !important;

  box-shadow: none !important;

  overflow: hidden;
}

.valia-subpage-triad.valia-contact-next::before,
.valia-subpage-triad.valia-contact-next::after {
  display: none !important;
  content: none !important;
}

.valia-contact-next
.valia-triad-head {
  position: relative;

  max-width: 920px;
}

.valia-contact-next
.valia-triad-head
.valia-section-eyebrow {
  color: #b78a45 !important;
}

.valia-contact-next
.valia-triad-head h2 {
  color: #14383a !important;
}

.valia-contact-next
.valia-triad-head > p:last-child {
  max-width: 780px;

  color: #526059 !important;
}

.valia-contact-next
.valia-three-columns {
  margin-top: 44px !important;

  gap: 0 !important;
}

.valia-contact-next
.valia-mini-card,
.valia-contact-next
.valia-mini-card:hover {
  position: relative;

  padding:
    30px
    34px
    26px !important;

  background:
    transparent !important;

  border: 0 !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;

  transform:
    none !important;
}

@media (min-width: 782px) {

  .valia-contact-next
  .valia-three-columns
  > .valia-mini-card + .valia-mini-card {
    border-left:
      1px solid rgba(20,56,58,.16) !important;
  }

}

.valia-contact-next
.valia-mini-card::before {
  display: block;

  width: 34px;
  height: 1px;

  margin-bottom: 21px;

  background:
    #b78a45;

  content: "";
}

.valia-contact-next
.valia-mini-card h3 {
  margin-bottom:
    15px !important;

  color:
    #14383a !important;

  transform:
    none !important;
}

.valia-contact-next
.valia-mini-card p {
  color:
    #56635c !important;

  line-height:
    1.7 !important;

  transform:
    none !important;
}

.valia-contact-next
.valia-mini-card:hover h3,

.valia-contact-next
.valia-mini-card:hover p {
  transform:
    none !important;
}

@media (max-width: 781px) {

  .valia-contact-next
  .valia-three-columns {
    margin-top:
      32px !important;
  }

  .valia-contact-next
  .valia-mini-card,
  .valia-contact-next
  .valia-mini-card:hover {
    padding:
      26px
      0 !important;
  }

  .valia-contact-next
  .valia-three-columns
  > .valia-mini-card + .valia-mini-card {
    border-top:
      1px solid rgba(20,56,58,.14) !important;
  }

}

@media (max-width: 1099px) {

  body.page-id-3161
  .valia-subpage-body-shell.valia-contact-shell {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    background: transparent !important;

    box-shadow: none !important;

    overflow: visible !important;
  }

  body.page-id-3161
  .valia-contact-main {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
  }

  body.page-id-3161
  .valia-contact-grid {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    transform: none !important;
  }

  body.page-id-3161
  .valia-contact-info,

  body.page-id-3161
  .valia-contact-form-wrap {
    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;

    transform: none !important;

    align-self: auto !important;
  }

  body.page-id-3161
  .valia-contact-info {
    padding:
      clamp(40px, 6vw, 58px)
      clamp(28px, 6vw, 48px)
      clamp(42px, 6vw, 58px) !important;
  }

  body.page-id-3161
  .valia-contact-form-wrap {
    padding:
      clamp(40px, 6vw, 58px)
      clamp(28px, 6vw, 48px)
      clamp(46px, 7vw, 64px) !important;
  }

  body.page-id-3161
  .valia-subpage-triad.valia-contact-next {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding:
      clamp(48px, 7vw, 68px)
      clamp(28px, 6vw, 48px)
      clamp(52px, 8vw, 76px) !important;

    transform: none !important;

    overflow: visible !important;
  }

  body.page-id-3161
  .valia-contact-next
  .valia-triad-head {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    margin:
      0
      0
      32px !important;

    padding: 0 !important;

    transform: none !important;
  }

  body.page-id-3161
  .valia-contact-next
  .valia-three-columns {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    transform: none !important;
  }

  body.page-id-3161
  .valia-contact-next
  .valia-mini-card,

  body.page-id-3161
  .valia-contact-next
  .valia-mini-card:hover {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;

    padding:
      27px
      0 !important;

    border-left: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    transform: none !important;
  }

  body.page-id-3161
  .valia-contact-next
  .valia-mini-card + .valia-mini-card {
    border-top:
      1px solid rgba(20,56,58,.12) !important;
  }

}

@media (max-width: 600px) {

  body.page-id-3161
  .valia-contact-info {
    padding:
      38px
      20px
      42px !important;
  }

  body.page-id-3161
  .valia-contact-form-wrap {
    padding:
      38px
      20px
      44px !important;
  }

  body.page-id-3161
  .valia-subpage-triad.valia-contact-next {
    padding:
      44px
      20px
      52px !important;
  }

}

body.page-id-3161
#forminator-module-3618
a[href*="politica-de-privacidade"] {
  color: #d1a354 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

body.page-id-3161
#forminator-module-3618
a[href*="politica-de-privacidade"]:visited {
  color: #d1a354 !important;
}

body.page-id-3161
#forminator-module-3618
a[href*="politica-de-privacidade"]:hover,
body.page-id-3161
#forminator-module-3618
a[href*="politica-de-privacidade"]:focus {
  color: #ffffff !important;
}

/* ==========================================================================
   12. PRIVACY POLICY PAGE
   Legal hero, breadcrumb integration and readable document layout.
   ========================================================================== */

.valia-legal-hero {
  position: relative;
  z-index: 2;

  width: 100vw;
  max-width: none !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  padding:
    clamp(78px, 8vw, 118px)
    0
    clamp(74px, 7vw, 104px) !important;

  background:
    linear-gradient(
      135deg,
      #142f3b 0%,
      #1b3b48 54%,
      #284d59 100%
    ) !important;

  color: #ffffff;

  box-shadow: none !important;
}

.valia-legal-hero::before,
.valia-legal-hero::after {
  display: none !important;
  content: none !important;
}

.valia-legal-hero__inner {
  width: min(
    1180px,
    calc(100vw - 72px)
  );

  max-width: 1180px;

  margin: 0 auto !important;

  padding: 0 !important;
}

.valia-legal-hero
.valia-section-eyebrow {
  margin:
    0
    0
    24px !important;

  color:
    #d1a354 !important;

  font-size:
    .72rem !important;

  font-weight:
    800 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    .12em !important;

  text-transform:
    uppercase;
}

.valia-legal-hero
.valia-section-eyebrow::after {
  display: block;

  width: 42px;
  height: 1px;

  margin-top: 16px;

  background:
    #d1a354;

  content: "";
}

.valia-legal-hero h1 {
  max-width:
    880px;

  margin:
    0
    0
    28px !important;

  color:
    #ffffff !important;

  font-size:
    clamp(3rem, 5.5vw, 5.2rem) !important;

  line-height:
    .98 !important;

  letter-spacing:
    -.035em !important;
}

.valia-legal-hero__inner
> p:not(.valia-section-eyebrow):not(.valia-legal-hero__date) {
  max-width:
    850px;

  margin:
    0
    0
    28px !important;

  color:
    rgba(240,245,247,.82) !important;

  font-size:
    clamp(1rem, 1.25vw, 1.18rem) !important;

  line-height:
    1.7 !important;
}

.valia-legal-hero__date {
  margin:
    34px
    0
    0 !important;

  padding-top:
    22px !important;

  border-top:
    1px solid rgba(255,255,255,.14);

  color:
    rgba(240,245,247,.60) !important;

  font-size:
    .82rem !important;

  line-height:
    1.45 !important;
}

@media (max-width: 781px) {

  .valia-legal-hero {
    padding:
      62px
      0
      64px !important;
  }

  .valia-legal-hero__inner {
    width:
      calc(100vw - 40px);

    margin:
      0
      auto !important;
  }

  .valia-legal-hero h1 {
    font-size:
      clamp(2.45rem, 11vw, 3.6rem) !important;

    line-height:
      1 !important;
  }

  .valia-legal-hero__inner
  > p:not(.valia-section-eyebrow):not(.valia-legal-hero__date) {
    font-size:
      .98rem !important;

    line-height:
      1.65 !important;
  }

}

.valia-legal-hero + .valia-breadcrumb-bar.valia-subpage-breadcrumb {
  position: relative;
  z-index: 5;

  margin-top: -72px !important;
  margin-bottom: 0 !important;

  padding-bottom: 22px !important;
}

.valia-legal-hero + .valia-breadcrumb-bar.valia-subpage-breadcrumb,
.valia-legal-hero + .valia-breadcrumb-bar.valia-subpage-breadcrumb a {
  color: rgba(255,255,255,.82) !important;
}

.valia-legal-hero + .valia-breadcrumb-bar.valia-subpage-breadcrumb a:hover {
  color: #d1a354 !important;
}

body.page-id-3629
#main > .ct-container-full[data-vertical-spacing*="top"] {
  padding-top: 0 !important;
}

body.page-id-3764
#main > .ct-container-full[data-vertical-spacing*="top"] {
    padding-top: 0 !important;
}

.valia-legal-body {
  position: relative;

  width: 100vw;
  max-width: none !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  padding:
    clamp(72px, 7vw, 108px)
    0
    clamp(86px, 8vw, 122px) !important;

  background:
    linear-gradient(
      135deg,
      #f4f1ea 0%,
      #f7f5ef 55%,
      #edf2f2 100%
    ) !important;
}

.valia-legal-body__inner {
  width:
    min(1280px, calc(100vw - 72px));

  max-width:
    1280px;

  margin:
    0 auto !important;

  padding:
    0 !important;
}

.valia-legal-layout {
  display:
    grid !important;

  grid-template-columns:
    minmax(240px, 300px)
    minmax(0, 1fr) !important;

  gap:
    clamp(54px, 6vw, 88px) !important;

  align-items:
    start !important;

  margin:
    0 !important;
}

.valia-legal-layout
> .wp-block-column {
  flex-basis:
    auto !important;

  width:
    auto !important;

  margin:
    0 !important;
}

.valia-legal-nav {
  position:
    sticky;

  top:
    110px;

  padding:
    30px
    28px
    32px !important;

  background:
    #e8eeec !important;

  border-left:
    2px solid #b78a45;

  box-shadow:
    none !important;
}

.valia-legal-nav
.valia-section-eyebrow {
  margin:
    0
    0
    22px !important;

  color:
    #b78a45 !important;

  font-size:
    .69rem !important;

  font-weight:
    800 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    .12em !important;
}

.valia-legal-nav
.valia-section-eyebrow::after {
  display:
    none !important;
}

.valia-legal-nav ul {
  margin:
    0 !important;

  padding:
    0 !important;

  list-style:
    none !important;
}

.valia-legal-nav li {
  position:
    relative;

  margin:
    0 !important;

  padding:
    9px
    0
    9px
    18px !important;

  border-bottom:
    1px solid rgba(20,56,58,.09);

  color:
    #415057;

  font-size:
    .82rem;

  line-height:
    1.4;
}

.valia-legal-nav li:last-child {
  border-bottom:
    0;
}

.valia-legal-nav li::before {
  position:
    absolute;

  top:
    16px;
  left:
    0;

  width:
    5px;
  height:
    5px;

  background:
    #b78a45;

  content:
    "";
}

.valia-legal-nav a {
  color:
    #415057 !important;

  text-decoration:
    none !important;

  transition:
    color 180ms ease;
}

.valia-legal-nav a:hover {
  color:
    #b78a45 !important;
}

.valia-legal-content {
  min-width:
    0;

  padding:
    4px
    0
    0 !important;
}

.valia-legal-section {
  position:
    relative;

  margin:
    0
    0
    54px !important;

  padding:
    0
    0
    54px !important;

  border-bottom:
    1px solid rgba(20,56,58,.14);
}

.valia-legal-section:last-child {
  margin-bottom:
    0 !important;

  padding-bottom:
    0 !important;

  border-bottom:
    0;
}

.valia-legal-section h2 {
  max-width:
    780px;

  margin:
    0
    0
    24px !important;

  color:
    #14383a !important;

  font-size:
    clamp(1.8rem, 2.6vw, 2.65rem) !important;

  line-height:
    1.08 !important;

  letter-spacing:
    -.025em !important;
}

.valia-legal-section p {
  max-width:
    820px;

  margin:
    0
    0
    18px !important;

  color:
    #4a575d !important;

  font-size:
    .98rem !important;

  line-height:
    1.78 !important;
}

.valia-legal-section p:last-child {
  margin-bottom:
    0 !important;
}

.valia-legal-section h2[id],
.valia-legal-section [id] {
  scroll-margin-top:
    120px;
}

@media (max-width: 900px) {

  .valia-legal-body {
    padding:
      58px
      0
      76px !important;
  }

  .valia-legal-body__inner {
    width:
      calc(100vw - 40px);
  }

  .valia-legal-layout {
    display:
      block !important;
  }

  .valia-legal-nav {
    position:
      relative;

    top:
      auto;

    width:
      100%;

    margin:
      0
      0
      48px !important;

    padding:
      26px
      24px !important;
  }

  .valia-legal-content {
    width:
      100%;
  }

}

@media (max-width: 600px) {

  .valia-legal-body {
    padding:
      46px
      0
      62px !important;
  }

  .valia-legal-body__inner {
    width:
      calc(100vw - 32px);
  }

  .valia-legal-nav {
    margin-bottom:
      40px !important;

    padding:
      24px
      20px !important;
  }

  .valia-legal-section {
    margin-bottom:
      42px !important;

    padding-bottom:
      42px !important;
  }

  .valia-legal-section h2 {
    font-size:
      clamp(1.65rem, 8vw, 2.15rem) !important;
  }

  .valia-legal-section p {
    font-size:
      .95rem !important;

    line-height:
      1.72 !important;
  }

}

/* ==========================================================================
   13. SHARED MANUFACTURER WEBSITE LINK
   External manufacturer link used inside the representation detail intros.
   ========================================================================== */

.valia-manufacturer-intro-copy a {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  color: #184a78 !important;

  font-size: .72rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;

  letter-spacing: .11em !important;
  text-transform: uppercase;

  text-decoration: none !important;

  padding-bottom: 7px;

  border-bottom: 1px solid rgba(24, 74, 120, .45);

  transition:
    color 180ms ease,
    border-color 180ms ease;
}

.valia-manufacturer-intro-copy a::after {
  content: "↗";

  font-size: .92rem;
  font-weight: 500;
  line-height: 1;

  transform: translateY(-1px);
  transition: transform 180ms ease;
}

.valia-manufacturer-intro-copy a:hover,
.valia-manufacturer-intro-copy a:focus {
  color: #b78a45 !important;
  border-bottom-color: #b78a45;
}

.valia-manufacturer-intro-copy a:hover::after,
.valia-manufacturer-intro-copy a:focus::after {
  transform: translate(2px, -3px);
}

/* ==========================================================================
   14. ACCESSIBILITY AND REDUCED MOTION
   Disables non-essential motion while keeping content fully available.
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .valia-home-story__visual img,
  [data-reveal],
  .valia-card,
  .wp-block-button__link {
    transform: none !important;
    transition: none !important;
  }

  [data-reveal] {
    opacity: 1;
  }

  .valia-reference-marquee__viewport {
    overflow-x: auto;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .valia-reference-marquee__track {
    animation: none !important;
    transform: none !important;
    will-change: auto;
  }
}

/* =========================================================
   OFFCANVAS CTA
   ========================================================= */

a.valia-offcanvas-cta,
.valia-offcanvas-cta a {
	display:inline-flex!important;
	align-items:center;
	justify-content:center;
	gap:10px;

	width:auto!important;
	min-height:0!important;

	padding:13px 22px!important;

	border:1px solid rgba(209,163,84,.72)!important;
	border-radius:2px!important;

	background:transparent!important;
	box-shadow:none!important;

	color:#d1a354!important;

	font-family:"Work Sans",sans-serif!important;
	font-size:14px!important;
	font-weight:600!important;
	line-height:1.2!important;
	letter-spacing:.06em!important;
	text-transform:uppercase!important;
	text-decoration:none!important;

	transition:
		background-color 180ms ease,
		border-color 180ms ease,
		color 180ms ease,
		gap 180ms ease;
}

a.valia-offcanvas-cta::after,
.valia-offcanvas-cta a::after {
	content:"↗";
	font-size:1.15em;
	font-weight:500;
	line-height:1;
	transform:translateY(-1px);
}

a.valia-offcanvas-cta:hover,
a.valia-offcanvas-cta:focus,
.valia-offcanvas-cta a:hover,
.valia-offcanvas-cta a:focus {
	background:#d1a354!important;
	border-color:#d1a354!important;
	color:#0b2235!important;
	gap:14px;
}

@media (max-width:999px) {
	a.valia-offcanvas-cta,
	.valia-offcanvas-cta a {
		padding:13px 22px!important;
		font-size:14px!important;
		letter-spacing:.05em!important;
	}
}

@media (max-width:689px) {
	a.valia-offcanvas-cta,
	.valia-offcanvas-cta a {
		padding:12px 20px!important;
		font-size:13px!important;
		letter-spacing:.045em!important;
	}
}