/* Wantalin About Page Update v28 — About page only */

/* Remove the thin empty strip between the site header and the About hero. */
.wantalin-about-v28-page .wp-site-blocks > .wp-block-template-part + *,
.wantalin-about-v28-page .wp-site-blocks > header + *,
.wantalin-about-v28-page main,
.wantalin-about-v28-page .wp-block-post-content,
.wantalin-about-v28-page .apl-page-hero--about-v9 {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* No Gutenberg block-gap strips between the About sections. */
.wantalin-about-v28-page .wp-block-post-content > * {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* Shared section geometry: desktop content aligned to the same 80% width. */
.wantalin-about-v28-section {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
}
.wantalin-about-v28-section .wantalin-about-v28-art {
  margin: 0 auto !important;
  width: min(80vw, 1600px) !important;
  max-width: 1600px !important;
}
.wantalin-about-v28-section .wantalin-about-v28-art img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
}

/* Match the full-width outer background to each artwork section. */
.wantalin-about-v28-trusted {
  background: linear-gradient(180deg, #fafcff 0%, #f6fbfe 28%, #f1f8fd 72%, #edf6fb 100%) !important;
}
.wantalin-about-v28-advantages {
  background: #eff8fe !important;
}
.wantalin-about-v28-quality {
  background: #f4f9fd !important;
}
.wantalin-about-v28-delivery {
  background: #f5f8f4 !important;
  padding: 0 !important;
}

/* Philosophy / control section keeps its own pale-blue field and aligns to 80%. */
.wantalin-about-v28-lightblue {
  background: #eaf5fb !important;
  margin: 0 !important;
  padding: 64px 0 !important;
  width: 100% !important;
  max-width: none !important;
}
.wantalin-about-v28-lightblue > .wp-block-columns {
  width: min(80vw, 1600px) !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
  gap: 56px !important;
  align-items: stretch !important;
}
.wantalin-about-v28-lightblue .wp-block-column {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-self: stretch !important;
}
.wantalin-about-v28-lightblue h2,
.wantalin-about-v28-lightblue p,
.wantalin-about-v28-lightblue li {
  color: #11344c !important;
}
.wantalin-about-v28-lightblue .apl-eyebrow {
  color: #2e81b7 !important;
}
.wantalin-about-v28-lightblue ul {
  margin-bottom: 0 !important;
}

/* Delivery panel: same top/bottom alignment and same 80% content edges as adjacent sections. */
.wantalin-about-v28-delivery {
  position: relative !important;
}
.wantalin-about-v28-delivery .wantalin-about-v28-art {
  width: min(80vw, 1600px) !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
}
.wantalin-about-v28-delivery .wantalin-about-v28-art img {
  display: block !important;
  vertical-align: top !important;
}

/* Final factory / global-leader artwork is full bleed across the viewport. */
.wantalin-about-v28-global {
  background: #eaf6fe !important;
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow: hidden !important;
}
.wantalin-about-v28-global .wantalin-about-v28-art {
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
}
.wantalin-about-v28-global .wantalin-about-v28-art img {
  width: 100vw !important;
  max-width: none !important;
  height: auto !important;
  display: block !important;
}

@media (max-width: 1024px) {
  .wantalin-about-v28-section .wantalin-about-v28-art,
  .wantalin-about-v28-lightblue > .wp-block-columns,
  .wantalin-about-v28-delivery .wantalin-about-v28-art {
    width: 90vw !important;
  }
}

@media (max-width: 781px) {
  .wantalin-about-v28-section .wantalin-about-v28-art,
  .wantalin-about-v28-lightblue > .wp-block-columns,
  .wantalin-about-v28-delivery .wantalin-about-v28-art {
    width: 95vw !important;
  }
  .wantalin-about-v28-lightblue {
    padding: 40px 0 !important;
  }
  .wantalin-about-v28-lightblue > .wp-block-columns {
    gap: 24px !important;
  }
}