/* Reliability guard: editorial subpages render immediately.
   Legacy loaders and the critical-media visibility gate are disabled only here. */
html.avc-critical-loading body.avc-editorial-subpage main,
html.avc-critical-ready body.avc-editorial-subpage main,
html.avc-critical-timeout body.avc-editorial-subpage main {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
body.avc-editorial-subpage .preloader,
body.avc-editorial-subpage .transition-overlay {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* AVC Editorial Subpages — shared final art direction for Morph, Skin, Wrap and Sync. */

body.avc-editorial-subpage {
  --sub-page: clamp(24px, 5vw, 96px);
  --sub-max: 1800px;
  --sub-black: #000;
  --sub-white: #f7f3ec;
  --sub-copy: rgba(247,243,236,.72);
  --sub-orange: #fe7f00;
  margin: 0 !important;
  background: #000 !important;
  color: var(--sub-white) !important;
  overflow-x: clip !important;
}

body.avc-editorial-subpage,
body.avc-editorial-subpage main,
body.avc-editorial-subpage main > section,
body.avc-editorial-subpage main > .hero {
  background-color: #000 !important;
  background-image: none !important;
}

body.avc-editorial-subpage .preloader {
  background: #000 !important;
  color: var(--sub-white) !important;
}
body.avc-editorial-subpage .preloader__bar { background: var(--sub-orange) !important; }

/* ---------- Shared transparent navigation ---------- */
body.avc-editorial-subpage nav {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 10000 !important;
  width: 100% !important;
  height: 118px !important;
  padding: 0 var(--sub-page) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
body.avc-editorial-subpage nav .logo,
body.avc-editorial-subpage nav .logo a {
  display: flex !important;
  align-items: center !important;
}
body.avc-editorial-subpage nav .logo img {
  width: auto !important;
  height: 42px !important;
  filter: none !important;
}
body.avc-editorial-subpage nav ul {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: clamp(26px, 2.6vw, 52px) !important;
  list-style: none !important;
}
body.avc-editorial-subpage nav ul a {
  position: relative !important;
  display: block !important;
  padding: 12px 0 !important;
  color: rgba(247,243,236,.72) !important;
  font-size: 10px !important;
  font-weight: 720 !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
body.avc-editorial-subpage nav ul a::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 100% !important;
  bottom: 3px !important;
  height: 1px !important;
  background: var(--sub-orange) !important;
  transition: right .25s ease !important;
}
body.avc-editorial-subpage nav ul a:hover,
body.avc-editorial-subpage nav ul a.is-active { color: var(--sub-white) !important; }
body.avc-editorial-subpage nav ul a:hover::after,
body.avc-editorial-subpage nav ul a.is-active::after { right: 0 !important; }
body.avc-editorial-subpage nav.ed-nav-orange ul a,
body.avc-editorial-subpage nav.ed-nav-light ul a { color: rgba(0,0,0,.68) !important; }
body.avc-editorial-subpage nav.ed-nav-orange ul a:hover,
body.avc-editorial-subpage nav.ed-nav-orange ul a.is-active,
body.avc-editorial-subpage nav.ed-nav-light ul a:hover,
body.avc-editorial-subpage nav.ed-nav-light ul a.is-active { color: #000 !important; }
body.avc-editorial-subpage nav.ed-nav-orange .logo img,
body.avc-editorial-subpage nav.ed-nav-light .logo img { filter: brightness(0) !important; }

/* ---------- Editorial subpage hero ---------- */
body.avc-editorial-subpage .avc-editorial-subpage-hero {
  position: relative !important;
  min-height: 100svh !important;
  height: auto !important;
  padding: clamp(160px, 15vh, 220px) var(--sub-page) clamp(90px, 10vh, 150px) !important;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  align-content: center !important;
  column-gap: clamp(20px, 2.4vw, 46px) !important;
  border: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;
}
body.avc-editorial-subpage .avc-editorial-subpage-hero .hero-slideshow {
  position: absolute !important;
  inset: 0 0 0 auto !important;
  z-index: 0 !important;
  width: min(66vw, 1260px) !important;
  height: 100% !important;
  border: 0 !important;
  overflow: hidden !important;
  background: #000 !important;
}
body.avc-editorial-subpage .avc-editorial-subpage-hero .hero-slideshow::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  background:
    linear-gradient(90deg, #000 0%, rgba(0,0,0,.94) 11%, rgba(0,0,0,.64) 32%, rgba(0,0,0,.14) 62%, transparent 82%),
    linear-gradient(180deg, rgba(0,0,0,.22), transparent 25%, transparent 75%, #000 100%) !important;
  pointer-events: none !important;
}
body.avc-editorial-subpage .avc-editorial-subpage-hero .hero-slide,
body.avc-editorial-subpage .avc-editorial-subpage-hero .hero-slide video,
body.avc-editorial-subpage .avc-editorial-subpage-hero .hero-slide img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  background-size: cover !important;
  background-position: center !important;
  filter: saturate(.9) contrast(1.025) !important;
}
body.avc-editorial-subpage .avc-editorial-subpage-hero > h1,
body.avc-editorial-subpage .avc-editorial-subpage-hero > .hero-title-img,
body.avc-editorial-subpage .avc-editorial-subpage-hero > .hero-subtitle,
body.avc-editorial-subpage .avc-editorial-subpage-hero > .hero-sub,
body.avc-editorial-subpage .avc-editorial-subpage-hero > .hero-subbutton,
body.avc-editorial-subpage .avc-editorial-subpage-hero > .avc-scroll-cue {
  position: relative !important;
  z-index: 6 !important;
  grid-column: 1 / 7 !important;
  justify-self: start !important;
}
body.avc-editorial-subpage .hero-title-extra {
  width: 100% !important;
  max-width: 780px !important;
  margin: 0 0 clamp(28px, 3vw, 46px) !important;
  color: var(--sub-white) !important;
  font-size: clamp(88px, 9.2vw, 174px) !important;
  font-weight: 500 !important;
  line-height: .82 !important;
  letter-spacing: -.075em !important;
  text-transform: uppercase !important;
  text-wrap: balance !important;
}
body.avc-editorial-subpage .hero-title-extra span { display: block !important; }
body.avc-editorial-subpage .hero-title-img {
  width: min(100%, 660px) !important;
  max-width: 660px !important;
  height: auto !important;
  margin: 0 0 clamp(28px, 3vw, 46px) !important;
  object-fit: contain !important;
  object-position: left center !important;
}
body.avc-editorial-subpage .hero-subtitle {
  max-width: 700px !important;
  margin: 0 0 18px !important;
  color: var(--sub-orange) !important;
  font-size: clamp(12px, .9vw, 15px) !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}
body.avc-editorial-subpage .hero-subtitle br { display: none !important; }
body.avc-editorial-subpage .hero-sub {
  max-width: 670px !important;
  margin: 0 !important;
  color: rgba(247,243,236,.78) !important;
  font-size: clamp(16px, 1.08vw, 20px) !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: -.012em !important;
}
body.avc-editorial-subpage .hero-sub br { display: none !important; }
body.avc-editorial-subpage .hero-subbutton {
  max-width: 650px !important;
  margin: 18px 0 0 !important;
  color: rgba(247,243,236,.48) !important;
  font-size: 12px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
body.avc-editorial-subpage .avc-scroll-cue {
  width: auto !important;
  margin: clamp(34px, 4vw, 58px) 0 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 24px !important;
  color: var(--sub-white) !important;
  text-decoration: none !important;
}
body.avc-editorial-subpage .avc-scroll-cue-copy { display: flex !important; flex-direction: column !important; gap: 5px !important; }
body.avc-editorial-subpage .avc-scroll-cue-kicker {
  color: var(--sub-orange) !important;
  font-size: 9px !important;
  font-weight: 750 !important;
  letter-spacing: .2em !important;
}
body.avc-editorial-subpage .avc-scroll-cue-label {
  color: var(--sub-white) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .15em !important;
}
body.avc-editorial-subpage .avc-scroll-cue-arrow {
  width: 46px !important;
  height: 46px !important;
  border: 1px solid rgba(247,243,236,.32) !important;
  border-radius: 50% !important;
  transform: none !important;
}
body.avc-editorial-subpage .avc-scroll-cue-arrow::before {
  content: "↓" !important;
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  color: var(--sub-orange) !important;
  font-size: 17px !important;
}

/* ---------- Full-bleed editorial content sections ---------- */
body.avc-editorial-subpage main > section.section-flush-left,
body.avc-editorial-subpage main > section.section-flush-right {
  position: relative !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: #000 !important;
  overflow: hidden !important;
}
body.avc-editorial-subpage main > section.section-flush-left::before,
body.avc-editorial-subpage main > section.section-flush-right::before,
body.avc-editorial-subpage main > section.section-flush-left::after,
body.avc-editorial-subpage main > section.section-flush-right::after { display: none !important; content: none !important; }
body.avc-editorial-subpage main > section .two-col {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-height: clamp(760px, 88svh, 980px) !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  overflow: visible !important;
}
body.avc-editorial-subpage main > section.section-flush-left .col-img,
body.avc-editorial-subpage main > section.section-flush-right .col-img,
body.avc-editorial-subpage main > section.section-flush-left .col-left,
body.avc-editorial-subpage main > section.section-flush-right .col-left {
  grid-column: auto !important;
  order: initial !important;
}
body.avc-editorial-subpage main > section.section-flush-left .col-img { grid-column: 1 !important; grid-row: 1 !important; }
body.avc-editorial-subpage main > section.section-flush-left .col-left { grid-column: 2 !important; grid-row: 1 !important; }
body.avc-editorial-subpage main > section.section-flush-right .col-left { grid-column: 1 !important; grid-row: 1 !important; }
body.avc-editorial-subpage main > section.section-flush-right .col-img { grid-column: 2 !important; grid-row: 1 !important; }
body.avc-editorial-subpage main > section .col-left {
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: clamp(84px, 8vw, 150px) clamp(48px, 7vw, 135px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  background: #000 !important;
  overflow: visible !important;
}
body.avc-editorial-subpage main > section .col-img {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(760px, 88svh, 980px) !important;
  border: 0 !important;
  background: #000 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
}
body.avc-editorial-subpage main > section .col-img::before { display: none !important; content: none !important; }
body.avc-editorial-subpage main > section .col-img::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  pointer-events: none !important;
}
body.avc-editorial-subpage main > section.section-flush-left .col-img::after {
  background: linear-gradient(90deg, transparent 62%, #000 100%) !important;
}
body.avc-editorial-subpage main > section.section-flush-right .col-img::after {
  background: linear-gradient(270deg, transparent 62%, #000 100%) !important;
}
body.avc-editorial-subpage main > section .col-img img,
body.avc-editorial-subpage main > section .col-img video,
body.avc-editorial-subpage main > section .col-img .col-slide {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  border: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  background-color: #000 !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  filter: saturate(.91) contrast(1.025) !important;
}
body.avc-editorial-subpage main > section .section-tag {
  position: relative !important;
  z-index: 6 !important;
  max-width: 100% !important;
  margin: 0 0 clamp(20px, 2vw, 32px) !important;
  padding-left: 72px !important;
  color: var(--sub-orange) !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  letter-spacing: .21em !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body.avc-editorial-subpage main > section .section-tag::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 52px !important;
  height: 1px !important;
  background: var(--sub-orange) !important;
}
body.avc-editorial-subpage main > section .section-title-two,
body.avc-editorial-subpage main > section .section-title {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 0 clamp(24px, 2.6vw, 42px) !important;
  color: var(--sub-white) !important;
  font-size: clamp(42px, 3.35vw, 66px) !important;
  font-weight: 520 !important;
  line-height: .94 !important;
  letter-spacing: -.052em !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  text-wrap: balance !important;
  overflow: visible !important;
}
body.avc-editorial-subpage main > section .section-title-two span,
body.avc-editorial-subpage main > section .section-title span {
  display: block !important;
  white-space: normal !important;
  text-wrap: balance !important;
}
body.avc-editorial-subpage main > section .col-intro,
body.avc-editorial-subpage main > section .wrap-ecosystem-intro,
body.avc-editorial-subpage main > section .wrap-final-copy,
body.avc-editorial-subpage main > section .wrap-copy-gap,
body.avc-editorial-subpage main > section .wrap-strong-line,
body.avc-editorial-subpage main > section .wrap-imagination-copy {
  width: 100% !important;
  max-width: 650px !important;
  margin: 0 !important;
  color: var(--sub-copy) !important;
  font-size: clamp(15px, 1vw, 18px) !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
  letter-spacing: -.008em !important;
}
body.avc-editorial-subpage main > section .col-right-text {
  width: 100% !important;
  max-width: 650px !important;
  margin: clamp(22px, 2.2vw, 34px) 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  border: 0 !important;
}
body.avc-editorial-subpage main > section .col-item {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  gap: 18px !important;
  padding: clamp(9px, .9vw, 13px) 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.avc-editorial-subpage main > section .col-item-num {
  color: var(--sub-orange) !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  letter-spacing: .18em !important;
}
body.avc-editorial-subpage main > section .col-item-body { gap: 0 !important; }
body.avc-editorial-subpage main > section .col-item h4 {
  margin: 0 0 6px !important;
  color: var(--sub-white) !important;
  font-size: clamp(15px, 1.06vw, 19px) !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: -.012em !important;
}
body.avc-editorial-subpage main > section .col-item p {
  margin: 0 !important;
  color: rgba(247,243,236,.68) !important;
  font-size: clamp(14px, .88vw, 16px) !important;
  line-height: 1.55 !important;
}
body.avc-editorial-subpage main > section .col-left > .avc-code-btn,
body.avc-editorial-subpage main > section .col-left > .wrap-secondary-button,
body.avc-editorial-subpage main > section .col-left > .wrap-workflow-button {
  margin-top: clamp(24px, 2.5vw, 38px) !important;
}

/* The same CTA behaviour used throughout the final landing. */
body.avc-editorial-subpage .avc-code-btn,
body.avc-editorial-subpage .wrap-secondary-button,
body.avc-editorial-subpage .wrap-workflow-button,
body.avc-editorial-subpage .wrap-final-button {
  border: 1px solid rgba(247,243,236,.32) !important;
  background: rgba(5,5,5,.76) !important;
  color: var(--sub-white) !important;
}
body.avc-editorial-subpage .avc-code-btn:hover,
body.avc-editorial-subpage .wrap-secondary-button:hover,
body.avc-editorial-subpage .wrap-workflow-button:hover,
body.avc-editorial-subpage .wrap-final-button:hover {
  border-color: var(--sub-orange) !important;
  background: var(--sub-orange) !important;
  color: #000 !important;
}
body.avc-editorial-subpage .avc-code-btn:hover .avc-button-text,
body.avc-editorial-subpage .wrap-final-button:hover .avc-button-text { color: #000 !important; }

/* ---------- Orange editorial closing statement ---------- */
body.avc-editorial-subpage main > section.wrap-final-cta {
  min-height: 72svh !important;
  padding: clamp(110px, 11vw, 190px) var(--sub-page) !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  background: var(--sub-orange) !important;
  color: #000 !important;
  text-align: center !important;
  overflow: visible !important;
}
body.avc-editorial-subpage main > section.wrap-final-cta .system-summary-inner {
  width: min(100%, 1320px) !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
body.avc-editorial-subpage main > section.wrap-final-cta .section-tag {
  padding-left: 0 !important;
  color: #000 !important;
  text-align: center !important;
}
body.avc-editorial-subpage main > section.wrap-final-cta .section-tag::before { display: none !important; }
body.avc-editorial-subpage main > section.wrap-final-cta h2 {
  max-width: 1240px !important;
  margin: 0 0 28px !important;
  color: #000 !important;
  font-size: clamp(54px, 6.5vw, 118px) !important;
  font-weight: 520 !important;
  line-height: .9 !important;
  letter-spacing: -.06em !important;
  text-transform: uppercase !important;
  text-wrap: balance !important;
}
body.avc-editorial-subpage main > section.wrap-final-cta h2 span,
body.avc-editorial-subpage main > section.wrap-final-cta h2 .orange { color: #000 !important; }
body.avc-editorial-subpage main > section.wrap-final-cta .wrap-final-copy {
  max-width: 760px !important;
  color: rgba(0,0,0,.72) !important;
  text-align: center !important;
  font-size: clamp(17px, 1.2vw, 21px) !important;
}
body.avc-editorial-subpage main > section.wrap-final-cta .wrap-final-button {
  margin-top: 34px !important;
  border-color: #000 !important;
  background: #000 !important;
  color: var(--sub-white) !important;
}
body.avc-editorial-subpage main > section.wrap-final-cta .wrap-final-button:hover {
  border-color: #fff !important;
  background: #fff !important;
  color: #000 !important;
}
body.avc-editorial-subpage main > section.wrap-final-cta .wrap-back-link {
  margin-top: 22px !important;
  color: rgba(0,0,0,.64) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
body.avc-editorial-subpage main > section.wrap-final-cta .wrap-back-link:hover { color: #000 !important; }

/* The global footer is injected by the exact final landing script. */
body.avc-editorial-subpage main > footer,
body.avc-editorial-subpage .legal-bar { display: none !important; }
body.avc-editorial-subpage .avc-global-footer { margin-top: 0 !important; }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
  body.avc-editorial-subpage .avc-editorial-subpage-hero > h1,
  body.avc-editorial-subpage .avc-editorial-subpage-hero > .hero-title-img,
  body.avc-editorial-subpage .avc-editorial-subpage-hero > .hero-subtitle,
  body.avc-editorial-subpage .avc-editorial-subpage-hero > .hero-sub,
  body.avc-editorial-subpage .avc-editorial-subpage-hero > .hero-subbutton,
  body.avc-editorial-subpage .avc-editorial-subpage-hero > .avc-scroll-cue { grid-column: 1 / 8 !important; }
  body.avc-editorial-subpage main > section .col-left {
    padding-left: clamp(38px, 5vw, 72px) !important;
    padding-right: clamp(38px, 5vw, 72px) !important;
  }
}

@media (max-width: 820px) {
  body.avc-editorial-subpage { --sub-page: 24px; }
  body.avc-editorial-subpage nav {
    height: 96px !important;
    padding: 0 24px !important;
  }
  body.avc-editorial-subpage nav .logo img { height: 40px !important; }
  body.avc-editorial-subpage nav ul {
    position: fixed !important;
    inset: 0 !important;
    z-index: -1 !important;
    padding: 130px 34px 50px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    background: #000 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .2s ease, visibility .2s ease !important;
  }
  body.avc-editorial-subpage nav ul.open,
  body.avc-editorial-subpage nav ul.is-open {
    z-index: 9998 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  body.avc-editorial-subpage nav ul a {
    color: var(--sub-white) !important;
    font-size: 24px !important;
    letter-spacing: .06em !important;
  }
  body.avc-editorial-subpage .nav-toggle { z-index: 9999 !important; display: flex !important; }

  body.avc-editorial-subpage .avc-editorial-subpage-hero {
    min-height: auto !important;
    padding: 126px 24px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }
  body.avc-editorial-subpage .avc-editorial-subpage-hero .hero-slideshow {
    position: relative !important;
    inset: auto !important;
    order: 20 !important;
    width: calc(100% + 48px) !important;
    height: 62svh !important;
    min-height: 470px !important;
    margin: 44px -24px 0 !important;
  }
  body.avc-editorial-subpage .avc-editorial-subpage-hero .hero-slideshow::before {
    background: linear-gradient(180deg, #000 0%, transparent 17%, transparent 75%, #000 100%) !important;
  }
  body.avc-editorial-subpage .avc-editorial-subpage-hero > h1,
  body.avc-editorial-subpage .avc-editorial-subpage-hero > .hero-title-img,
  body.avc-editorial-subpage .avc-editorial-subpage-hero > .hero-subtitle,
  body.avc-editorial-subpage .avc-editorial-subpage-hero > .hero-sub,
  body.avc-editorial-subpage .avc-editorial-subpage-hero > .hero-subbutton,
  body.avc-editorial-subpage .avc-editorial-subpage-hero > .avc-scroll-cue {
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.avc-editorial-subpage .hero-title-extra {
    font-size: clamp(70px, 23vw, 116px) !important;
    line-height: .85 !important;
  }
  body.avc-editorial-subpage .hero-title-img { width: min(100%, 520px) !important; }
  body.avc-editorial-subpage .hero-subtitle { font-size: 12px !important; }
  body.avc-editorial-subpage .hero-sub { font-size: 16px !important; }

  body.avc-editorial-subpage main > section .two-col {
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }
  body.avc-editorial-subpage main > section .col-left {
    order: 1 !important;
    min-height: auto !important;
    padding: 112px 24px 58px !important;
  }
  body.avc-editorial-subpage main > section .col-img {
    order: 2 !important;
    min-height: 0 !important;
    height: min(100vw, 640px) !important;
    aspect-ratio: 1 / 1 !important;
  }
  body.avc-editorial-subpage main > section.section-flush-left .col-img::after,
  body.avc-editorial-subpage main > section.section-flush-right .col-img::after {
    background: linear-gradient(180deg, #000 0%, transparent 16%, transparent 82%, #000 100%) !important;
  }
  body.avc-editorial-subpage main > section .section-title-two,
  body.avc-editorial-subpage main > section .section-title {
    max-width: 100% !important;
    font-size: clamp(40px, 11.7vw, 58px) !important;
    line-height: .94 !important;
  }
  body.avc-editorial-subpage main > section .col-intro,
  body.avc-editorial-subpage main > section .wrap-ecosystem-intro,
  body.avc-editorial-subpage main > section .wrap-final-copy,
  body.avc-editorial-subpage main > section .wrap-copy-gap,
  body.avc-editorial-subpage main > section .wrap-strong-line,
  body.avc-editorial-subpage main > section .wrap-imagination-copy {
    font-size: 16px !important;
  }
  body.avc-editorial-subpage main > section .col-item {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 9px 0 !important;
  }
  body.avc-editorial-subpage main > section.wrap-final-cta {
    min-height: auto !important;
    padding: 108px 24px !important;
  }
  body.avc-editorial-subpage main > section.wrap-final-cta h2 {
    font-size: clamp(48px, 13vw, 72px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.avc-editorial-subpage *,
  body.avc-editorial-subpage *::before,
  body.avc-editorial-subpage *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}


/* ========================================================================== 
   SUBPAGES FINAL LAYOUT CORRECTION
   - Keeps the logo at the true left edge.
   - Groups hero copy into one controlled editorial column.
   - Restores every orange closing CTA with its complete copy and buttons.
   ========================================================================== */

/* The landing navigation uses a decorative ::before label. On subpages it
   became a flex item and displaced the logo toward the centre. */
body.avc-preview-page.avc-editorial.avc-editorial-subpage nav::before {
  content: none !important;
  display: none !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage nav {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage nav .logo,
body.avc-preview-page.avc-editorial.avc-editorial-subpage nav .logo a {
  position: static !important;
  inset: auto !important;
  grid-column: auto !important;
  flex: 0 0 auto !important;
  order: 0 !important;
  margin: 0 !important;
  transform: none !important;
  justify-self: auto !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage nav ul {
  margin-left: auto !important;
}

/* One coherent hero-copy column: title, kicker, copy and CTA follow the same
   spacing rhythm used by the approved editorial landing. */
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-editorial-subpage-hero > .avc-subpage-hero-copy {
  position: relative !important;
  z-index: 6 !important;
  grid-column: 1 / 7 !important;
  align-self: center !important;
  justify-self: start !important;
  width: 100% !important;
  max-width: 780px !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > * {
  position: relative !important;
  z-index: auto !important;
  grid-column: auto !important;
  justify-self: auto !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .hero-title-extra,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .hero-title-img {
  margin-top: 0 !important;
  margin-bottom: clamp(28px, 2.5vw, 40px) !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .hero-subtitle {
  width: 100% !important;
  max-width: 700px !important;
  margin: 0 0 14px !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .hero-sub {
  width: 100% !important;
  max-width: 670px !important;
  margin: 0 !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .hero-sub + .hero-sub {
  margin-top: 5px !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .avc-code-btn,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .avc-scroll-cue {
  margin-top: clamp(28px, 2.8vw, 42px) !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .hero-subbutton {
  margin: 14px 0 0 !important;
}

/* Final orange CTA: explicitly reset every legacy system-summary layout rule.
   The HTML copy and both original actions were always present; this block makes
   them visible and positions them according to the editorial system. */
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-height: clamp(620px, 72svh, 780px) !important;
  height: auto !important;
  margin: 0 !important;
  padding: clamp(96px, 9vw, 158px) var(--sub-page) !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  border: 0 !important;
  background: var(--sub-orange) !important;
  background-image: none !important;
  color: #000 !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta > .system-summary-inner {
  position: relative !important;
  inset: auto !important;
  width: min(100%, 1320px) !important;
  max-width: 1320px !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  grid-template-columns: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  text-align: center !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta .section-tag {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  overflow: visible !important;
  color: #000 !important;
  text-align: center !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta .section-tag::before,
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta .section-tag::after {
  content: none !important;
  display: none !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta h2 {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  max-width: 1240px !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  color: #000 !important;
  font-size: clamp(54px, 6.2vw, 112px) !important;
  font-weight: 520 !important;
  line-height: .9 !important;
  letter-spacing: -.06em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-wrap: balance !important;
  white-space: normal !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta h2 span,
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta h2 .orange {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  color: #000 !important;
  white-space: normal !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta .wrap-final-copy {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  max-width: 780px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  overflow: visible !important;
  color: rgba(0,0,0,.72) !important;
  font-size: clamp(17px, 1.15vw, 21px) !important;
  line-height: 1.5 !important;
  text-align: center !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta .wrap-final-button {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  min-width: min(100%, 420px) !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 64px !important;
  margin: 34px 0 0 !important;
  padding: 0 68px 0 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  overflow: hidden !important;
  border: 1px solid #000 !important;
  background: #000 !important;
  color: var(--sub-white) !important;
  text-decoration: none !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta .wrap-final-button strong,
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta .wrap-final-button .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta .wrap-final-button span {
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta .wrap-final-button:hover {
  border-color: #fff !important;
  background: #fff !important;
  color: #000 !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta .wrap-back-link {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 22px 0 0 !important;
  padding: 0 !important;
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  overflow: visible !important;
  color: rgba(0,0,0,.64) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
  letter-spacing: .13em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta .wrap-back-link:hover {
  color: #000 !important;
}

@media (max-width: 1100px) {
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-editorial-subpage-hero > .avc-subpage-hero-copy {
    grid-column: 1 / 8 !important;
  }
}

@media (max-width: 820px) {
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-editorial-subpage-hero > .avc-subpage-hero-copy {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-editorial-subpage-hero > .hero-slideshow {
    order: 2 !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta {
    min-height: auto !important;
    padding: 104px 24px !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta h2 {
    font-size: clamp(46px, 12.5vw, 70px) !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta .wrap-final-button {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* Final closing-title bicolor lock */
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta h2 {
  max-width: min(100%, 1600px) !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta h2 > span:first-child {
  color: #000 !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta h2 > span.orange,
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta h2 > span:last-child {
  color: #fff !important;
}
@media (min-width: 1101px) {
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta h2 > span {
    white-space: nowrap !important;
    text-wrap: nowrap !important;
  }
}
@media (max-width: 1100px) {
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta h2 > span {
    white-space: normal !important;
    text-wrap: balance !important;
  }
}


/* ========================================================================== 
   SUBPAGES HERO + CLOSING CTA — FINAL PROPORTION LOCK
   Mirrors the approved main editorial hero without changing page content.
   ========================================================================== */

/* Shared hero copy rhythm: title, kicker, description and CTA use the same
   widths, spacing and button proportions as the main Avatar Creator hero. */
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-editorial-subpage-hero > .avc-subpage-hero-copy {
  max-width: 720px !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .hero-title-extra {
  width: min(100%, 680px) !important;
  max-width: 680px !important;
  margin: 0 0 clamp(28px, 3vw, 48px) !important;
  font-size: clamp(76px, 7.8vw, 148px) !important;
  line-height: .84 !important;
  letter-spacing: -.072em !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .hero-title-img {
  width: min(100%, 680px) !important;
  max-width: 680px !important;
  margin: 0 0 clamp(28px, 3vw, 48px) !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .hero-subtitle {
  max-width: 620px !important;
  margin: 0 0 18px !important;
  font-size: clamp(11px, .82vw, 14px) !important;
  line-height: 1.1 !important;
  letter-spacing: .24em !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .hero-sub {
  max-width: 620px !important;
  margin: 0 !important;
  font-size: clamp(16px, 1.12vw, 20px) !important;
  line-height: 1.52 !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .hero-sub + .hero-sub {
  margin-top: 5px !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .avc-code-btn,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .avc-subpage-scroll-btn {
  width: auto !important;
  min-width: min(100%, 350px) !important;
  min-height: 56px !important;
  margin: clamp(34px, 4vw, 58px) 0 0 !important;
  padding: 0 64px 0 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(247,243,236,.28) !important;
  background: rgba(5,5,5,.76) !important;
  color: var(--sub-white) !important;
  text-decoration: none !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .avc-code-btn:hover,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .avc-subpage-scroll-btn:hover {
  border-color: var(--sub-orange) !important;
  background: var(--sub-orange) !important;
  color: #000 !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .hero-subbutton {
  max-width: 620px !important;
  margin: 14px 0 0 !important;
}

/* The AVC Wrap title asset contains internal transparent padding. Shift only
   that asset so its visible lettering shares the exact left axis of the copy. */
body.avc-preview-page.avc-editorial.avc-editorial-subpage.avc-editorial-wrap .avc-subpage-hero-copy > .hero-title-img {
  width: min(116%, 760px) !important;
  max-width: 760px !important;
  margin-left: clamp(-112px, -6.1vw, -72px) !important;
}

/* Closing CTA: centre every title line on the common page axis and improve
   the secondary navigation link without changing its approved typography. */
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta h2,
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta h2 > span {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta .wrap-back-link {
  font-size: 13px !important;
  letter-spacing: .12em !important;
}

/* Wrap has the longest approved closing line. Keep the exact two-line copy
   and scale only this heading enough to contain line two inside the viewport. */
body.avc-preview-page.avc-editorial.avc-editorial-subpage.avc-editorial-wrap main > section.system-summary-section.cta-section.wrap-final-cta h2 {
  max-width: min(100%, 1680px) !important;
  font-size: clamp(54px, 5.45vw, 100px) !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage.avc-editorial-wrap main > section.system-summary-section.cta-section.wrap-final-cta h2 > span {
  white-space: nowrap !important;
  text-wrap: nowrap !important;
}

@media (max-width: 1100px) {
  body.avc-preview-page.avc-editorial.avc-editorial-subpage.avc-editorial-wrap main > section.system-summary-section.cta-section.wrap-final-cta h2 > span {
    white-space: normal !important;
    text-wrap: balance !important;
  }
}

@media (max-width: 820px) {
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .hero-title-extra {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(64px, 20vw, 106px) !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .hero-title-img {
    width: min(100%, 520px) !important;
    max-width: 520px !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage.avc-editorial-wrap .avc-subpage-hero-copy > .hero-title-img {
    width: min(112%, 570px) !important;
    max-width: 570px !important;
    margin-left: clamp(-72px, -12vw, -38px) !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .avc-code-btn,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .avc-subpage-scroll-btn {
    width: min(100%, 360px) !important;
    min-width: 0 !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta .wrap-back-link {
    font-size: 12px !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage.avc-editorial-wrap main > section.system-summary-section.cta-section.wrap-final-cta h2 {
    font-size: clamp(44px, 11.8vw, 68px) !important;
  }
}


/* ========================================================================== 
   FINAL POLISH — BUTTON MATCH + TEXT CENTERING
   - Removes the subpage-only glow/shimmer feel
   - Keeps the main landing language while centering labels precisely
   - Adds a softer premium radius only on subpage buttons
   ========================================================================== */
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-code-btn,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-secondary-button,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-workflow-button,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-final-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 56px !important;
  padding: 0 64px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  background-image: none !important;
  overflow: hidden !important;
  text-align: center !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-shine-btn,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-shine-btn:hover,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-code-btn:hover,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-secondary-button:hover,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-workflow-button:hover,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-final-button:hover {
  box-shadow: none !important;
  filter: none !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-button-blade {
  display: none !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-code-btn .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-secondary-button .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-workflow-button .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-final-button .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-final-button strong,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-code-btn strong {
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
  line-height: 1.1 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-code-btn::after,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-secondary-button::after,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-workflow-button::after,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-final-button::after {
  display: none !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-code-btn::before,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-secondary-button::before,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-workflow-button::before,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-final-button::before {
  width: 54px !important;
  background: rgba(255,255,255,.025) !important;
}
@media (max-width: 820px) {
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-code-btn,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-secondary-button,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-workflow-button,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-final-button {
    width: min(100%, 380px) !important;
    min-width: 0 !important;
    padding: 0 58px !important;
  }
}

/* Keep the main landing hero CTA label optically centered without altering
   the rest of the landing button system. */
body.avc-preview-page.avc-editorial .hero > .avc-code-btn {
  padding-left: 64px !important;
}
body.avc-preview-page.avc-editorial .hero > .avc-code-btn .avc-button-text,
body.avc-preview-page.avc-editorial .hero > .avc-code-btn strong.avc-button-text {
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* Morph desktop headline lock: preserve the approved two-line phrasing. */
@media (min-width: 821px) {
  body.avc-preview-page.avc-editorial.avc-editorial-subpage.avc-editorial-morph main .col-left h2.section-title-two.morph-two-line-lock {
    width: max-content !important;
    max-width: none !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage.avc-editorial-morph main .col-left h2.section-title-two.morph-two-line-lock span {
    display: block !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
  }
}


/* ========================================================================== 
   DEFINITIVE BUTTON ALIGNMENT
   The label is centered against the full physical button box. Decorative
   arrows are absolutely positioned and therefore cannot shift the text.
   Final purchase CTAs contain only their requested centered label.
   ========================================================================== */
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-code-btn,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-secondary-button,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-workflow-button,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-final-button {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  place-items: center !important;
  box-sizing: border-box !important;
  padding: 0 56px !important;
  text-align: center !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  background-image: none !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-code-btn .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-secondary-button .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-workflow-button .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-final-button .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-code-btn strong,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-final-button strong {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  justify-self: stretch !important;
  align-self: center !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-code-btn::before,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-secondary-button::before,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-workflow-button::before {
  content: "→" !important;
  position: absolute !important;
  z-index: 3 !important;
  right: 20px !important;
  left: auto !important;
  top: 50% !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  transform: translateY(-50%) !important;
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  line-height: 1 !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-final-button::before,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-final-button::after {
  content: none !important;
  display: none !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-final-button {
  padding-inline: 28px !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-shine-btn,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-shine-btn:hover,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-code-btn:hover,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-final-button:hover {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}
@media (max-width: 820px) {
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-code-btn,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-secondary-button,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-workflow-button {
    width: min(100%, 420px) !important;
    padding-inline: 50px !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-final-button {
    width: min(100%, 420px) !important;
    padding-inline: 22px !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-code-btn .avc-button-text,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .wrap-final-button .avc-button-text {
    white-space: normal !important;
  }
}


/* ========================================================================== 
   ABSOLUTE LABEL CENTERING — FINAL
   The text is pinned to the geometric centre of every subpage CTA. All
   decorative pseudo-elements are removed so nothing can bias the label.
   ========================================================================== */
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.avc-code-btn,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-secondary-button,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-workflow-button,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-final-button {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  min-height: 56px !important;
  padding: 0 24px !important;
  text-align: center !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  background-image: none !important;
  overflow: hidden !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.avc-code-btn::before,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.avc-code-btn::after,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-secondary-button::before,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-secondary-button::after,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-workflow-button::before,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-workflow-button::after,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-final-button::before,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-final-button::after {
  content: none !important;
  display: none !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.avc-code-btn > .avc-button-blade,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-secondary-button > .avc-button-blade,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-workflow-button > .avc-button-blade,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-final-button > .avc-button-blade {
  display: none !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.avc-code-btn > .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.avc-code-btn > strong.avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-secondary-button > .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-workflow-button > .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-final-button > .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-final-button > strong.avc-button-text {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  width: max-content !important;
  max-width: calc(100% - 32px) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  display: block !important;
  white-space: nowrap !important;
  text-align: center !important;
  line-height: 1.1 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}
@media (max-width: 820px) {
  body.avc-preview-page.avc-editorial.avc-editorial-subpage a.avc-code-btn > .avc-button-text,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage a.avc-code-btn > strong.avc-button-text,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-final-button > .avc-button-text,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-final-button > strong.avc-button-text {
    width: calc(100% - 28px) !important;
    white-space: normal !important;
  }
}


/* ========================================================================== 
   GEOMETRIC BUTTON CENTERING — VERIFIED FINAL OVERRIDE
   Symmetric padding + no pseudo-elements + normal-flow label. These selectors
   intentionally outrank all earlier legacy and editorial button declarations.
   ========================================================================== */
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.avc-code-btn,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.avc-subpage-scroll-btn,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.sync-hero-video-btn,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a[data-avc-wrap-video-open] {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: min(100%, 350px) !important;
  min-height: 56px !important;
  padding: 0 24px !important;
  text-align: center !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  background-image: none !important;
  overflow: hidden !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.avc-code-btn::before,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.avc-code-btn::after,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.avc-subpage-scroll-btn::before,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.avc-subpage-scroll-btn::after,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.sync-hero-video-btn::before,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.sync-hero-video-btn::after,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a[data-avc-wrap-video-open]::before,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a[data-avc-wrap-video-open]::after {
  content: none !important;
  display: none !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.avc-code-btn > .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.avc-code-btn > strong.avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.avc-subpage-scroll-btn > .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.sync-hero-video-btn > strong.avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a[data-avc-wrap-video-open] > strong.avc-button-text {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  white-space: nowrap !important;
  text-align: center !important;
  line-height: 1.1 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta a.wrap-final-button {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: min(100%, 420px) !important;
  min-height: 64px !important;
  padding: 0 28px !important;
  text-align: center !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  background-image: none !important;
  overflow: hidden !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta a.wrap-final-button::before,
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta a.wrap-final-button::after {
  content: none !important;
  display: none !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta a.wrap-final-button > .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta a.wrap-final-button > strong.avc-button-text {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  white-space: nowrap !important;
  text-align: center !important;
  line-height: 1.1 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-button-blade {
  display: none !important;
}
@media (max-width: 820px) {
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.avc-code-btn,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.avc-subpage-scroll-btn,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.sync-hero-video-btn,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a[data-avc-wrap-video-open],
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta a.wrap-final-button {
    width: min(100%, 420px) !important;
    min-width: 0 !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.avc-code-btn > .avc-button-text,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > a.avc-code-btn > strong.avc-button-text,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta a.wrap-final-button > .avc-button-text,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.system-summary-section.cta-section.wrap-final-cta a.wrap-final-button > strong.avc-button-text {
    white-space: normal !important;
  }
}


/* ========================================================================== 
   MOBILE V2 — SUBPAGE HERO OVERLAY + COMPACT CHAPTER RHYTHM
   Restores the same text-over-media construction used by the main hero.
   Desktop remains exactly as approved.
   ========================================================================== */
@media (max-width: 820px) {
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-editorial-subpage-hero {
    position: relative !important;
    min-height: 100svh !important;
    height: auto !important;
    padding: 118px 24px 72px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background: #000 !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-editorial-subpage-hero > .hero-slideshow {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    order: initial !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: hidden !important;
    background: #000 !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-editorial-subpage-hero > .hero-slideshow::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 4 !important;
    display: block !important;
    background:
      linear-gradient(90deg, #000 0%, rgba(0,0,0,.97) 20%, rgba(0,0,0,.74) 55%, rgba(0,0,0,.20) 100%),
      linear-gradient(180deg, rgba(0,0,0,.18) 0%, transparent 60%, #000 100%) !important;
    pointer-events: none !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-editorial-subpage-hero .hero-slide,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-editorial-subpage-hero .hero-slide video,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-editorial-subpage-hero .hero-slide img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: 68% center !important;
    background-size: cover !important;
    background-position: 68% center !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-editorial-subpage-hero > .avc-subpage-hero-copy {
    position: relative !important;
    z-index: 6 !important;
    order: initial !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .hero-title-extra {
    font-size: clamp(68px, 20vw, 104px) !important;
    margin-bottom: 34px !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .hero-title-img {
    margin-bottom: 32px !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .hero-subtitle {
    margin-bottom: 14px !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .avc-code-btn,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-subpage-hero-copy > .avc-subpage-scroll-btn {
    margin-top: 30px !important;
  }

  /* Reuse the compact mobile rhythm already approved on the main landing,
     while preserving each subpage's existing media/text order. */
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.section-flush-left,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.section-flush-right,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.video-fit-section {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 18px !important;
    overflow: hidden !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section .two-col {
    min-height: 0 !important;
    height: auto !important;
    gap: 12px !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section .col-left {
    min-height: 0 !important;
    padding-top: 32px !important;
    padding-bottom: 24px !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section .col-img {
    min-height: 0 !important;
    margin: 0 !important;
  }
}


/* ========================================================================== 
   MOBILE V3 — SUBPAGE COPY-FIRST CHAPTER FLOW
   The overlaid hero remains unchanged. Inside Morph, Skin, Wrap and Sync,
   chapter copy now precedes its media and every transition uses one rhythm.
   Desktop is untouched.
   ========================================================================== */
@media (max-width: 820px) {
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.section-flush-left,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.section-flush-right,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.video-fit-section {
    padding-top: 0 !important;
    padding-bottom: 52px !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section .two-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section .col-left {
    order: 1 !important;
    padding-top: 52px !important;
    padding-bottom: 34px !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section .col-img {
    order: 2 !important;
    margin: 0 !important;
  }
}

/* ========================================================================== 
   FINAL CORRECTION 2026-07-17 — SUBPAGE RHYTHM + PREMIUM BLADE
   ========================================================================== */

/* Subpage actions keep their approved geometry, with a perfectly centred label
   and the same restrained luminous blade used by the main landing. */
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.avc-code-btn,
body.avc-preview-page.avc-editorial.avc-editorial-subpage button.avc-code-btn,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-secondary-button,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-workflow-button,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-final-button {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-left: 54px !important;
  padding-right: 54px !important;
  text-align: center !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.avc-code-btn > .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.avc-code-btn > strong.avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-secondary-button > .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-workflow-button > .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-final-button > .avc-button-text,
body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-final-button > strong.avc-button-text {
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-shine-btn:not(.avc-no-shine)::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: -55% !important;
  left: -42%;
  z-index: 1 !important;
  width: 19% !important;
  height: 210% !important;
  border: 0 !important;
  background: linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.08) 24%,
    rgba(255,255,255,.76) 50%,
    rgba(255,255,255,.10) 76%,
    rgba(255,255,255,0) 100%) !important;
  box-shadow: none !important;
  opacity: 0;
  transform: skewX(-19deg) !important;
  pointer-events: none !important;
  animation: avcEditorialBladeSweep 4.8s cubic-bezier(.22,.61,.36,1) infinite !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-shine-btn.avc-no-shine::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}
body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-shine-btn:not(.avc-no-shine) > .avc-button-blade {
  display: none !important;
}

/* Desktop subpages use the same compact black chapter interval as the landing. */
@media (min-width: 821px) {
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.section-flush-left,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.section-flush-right,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.video-fit-section {
    padding-top: clamp(38px, 3.5vw, 62px) !important;
    padding-bottom: clamp(38px, 3.5vw, 62px) !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section .two-col {
    min-height: clamp(650px, 72svh, 850px) !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section .col-img {
    min-height: clamp(650px, 72svh, 850px) !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section .col-left {
    padding-top: clamp(54px, 5vw, 90px) !important;
    padding-bottom: clamp(54px, 5vw, 90px) !important;
  }
}

/* Mobile subpage chapters retain the approved COPY → MEDIA order, but now use
   the same clear inter-section rhythm adopted by the main landing. */
@media (max-width: 820px) {
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.section-flush-left,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.section-flush-right,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section.video-fit-section {
    padding-top: 0 !important;
    padding-bottom: 64px !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section .two-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section .two-col > .col-left {
    order: 1 !important;
    padding-top: 48px !important;
    padding-bottom: 36px !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage main > section .two-col > .col-img {
    order: 2 !important;
    margin: 0 !important;
  }
  body.avc-preview-page.avc-editorial.avc-editorial-subpage a.avc-code-btn,
  body.avc-preview-page.avc-editorial.avc-editorial-subpage a.wrap-final-button {
    padding-left: 46px !important;
    padding-right: 46px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.avc-preview-page.avc-editorial.avc-editorial-subpage .avc-shine-btn:not(.avc-no-shine)::after {
    animation: none !important;
    display: none !important;
  }
}

/* ========================================================================== 
   FINAL SUBPAGE SECTION RHYTHM — 2026-07-17
   Applies the approved landing-page cadence to Morph, Skin, Wrap and Sync.
   Hero composition, typography, media order and final orange CTA are preserved.
   ========================================================================== */
@media (min-width: 821px) {
  body.avc-preview-page.avc-final-restored.avc-editorial.avc-editorial-subpage
  main > section.avc-editorial-subpage-section.section-flush-left:not(.wrap-final-cta),
  body.avc-preview-page.avc-final-restored.avc-editorial.avc-editorial-subpage
  main > section.avc-editorial-subpage-section.section-flush-right:not(.wrap-final-cta) {
    padding-top: clamp(34px, 3.15vw, 56px) !important;
    padding-bottom: clamp(34px, 3.15vw, 56px) !important;
  }

  body.avc-preview-page.avc-final-restored.avc-editorial.avc-editorial-subpage
  main > section.avc-editorial-subpage-section:not(.wrap-final-cta) > .two-col {
    min-height: clamp(600px, 68svh, 800px) !important;
  }

  body.avc-preview-page.avc-final-restored.avc-editorial.avc-editorial-subpage
  main > section.avc-editorial-subpage-section:not(.wrap-final-cta) .col-img {
    min-height: clamp(600px, 68svh, 800px) !important;
  }
}

@media (max-width: 820px) {
  /* A consistent black interval separates the end of one media block from the
     copy of the following chapter, matching the approved main landing rhythm. */
  body.avc-preview-page.avc-final-restored.avc-editorial.avc-editorial-subpage
  main > section.avc-editorial-subpage-section.section-flush-left:not(.wrap-final-cta),
  body.avc-preview-page.avc-final-restored.avc-editorial.avc-editorial-subpage
  main > section.avc-editorial-subpage-section.section-flush-right:not(.wrap-final-cta) {
    padding-top: 0 !important;
    padding-bottom: 78px !important;
  }

  body.avc-preview-page.avc-final-restored.avc-editorial.avc-editorial-subpage
  main > section.avc-editorial-subpage-section:not(.wrap-final-cta) > .two-col {
    gap: 0 !important;
  }

  body.avc-preview-page.avc-final-restored.avc-editorial.avc-editorial-subpage
  main > section.avc-editorial-subpage-section:not(.wrap-final-cta) > .two-col > .col-left {
    padding-top: 54px !important;
    padding-bottom: 38px !important;
  }

  body.avc-preview-page.avc-final-restored.avc-editorial.avc-editorial-subpage
  main > section.avc-editorial-subpage-section:not(.wrap-final-cta) > .two-col > .col-img {
    margin: 0 !important;
  }
}

/* ========================================================================== 
   FINAL MICRO-FIXES 2026-07-19 — CLOSING COPY ALIGNMENT
   Centres each closing-title line on the true viewport axis. The flex-column
   layout removes the legacy full-width span behaviour that visually pushed
   long lines to the right. Typography, colour and responsive sizing remain.
   ========================================================================== */
body.avc-preview-page.avc-final-restored.avc-editorial.avc-editorial-subpage
main > section.system-summary-section.cta-section.wrap-final-cta > .system-summary-inner {
  width: min(100%, 1760px) !important;
  max-width: 1760px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  text-align: center !important;
}

body.avc-preview-page.avc-final-restored.avc-editorial.avc-editorial-subpage
main > section.system-summary-section.cta-section.wrap-final-cta h2 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  transform: none !important;
}

body.avc-preview-page.avc-final-restored.avc-editorial.avc-editorial-subpage
main > section.system-summary-section.cta-section.wrap-final-cta h2 > span {
  display: block !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  width: auto !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  transform: none !important;
}

/* The long Morph and Wrap closing lines remain on the approved two lines, but
   are now centred from their intrinsic text width rather than a shifted box. */
@media (min-width: 1101px) {
  body.avc-preview-page.avc-final-restored.avc-editorial.avc-editorial-subpage.avc-editorial-morph
  main > section.system-summary-section.cta-section.wrap-final-cta h2 > span,
  body.avc-preview-page.avc-final-restored.avc-editorial.avc-editorial-subpage.avc-editorial-wrap
  main > section.system-summary-section.cta-section.wrap-final-cta h2 > span {
    white-space: nowrap !important;
    text-wrap: nowrap !important;
  }
}

/* Skin closing support copy is intentionally one line on desktop. Mobile keeps
   natural wrapping so the sentence remains readable on narrow screens. */
@media (min-width: 1101px) {
  body.avc-preview-page.avc-final-restored.avc-editorial.avc-editorial-subpage.avc-editorial-skin
  main > section.system-summary-section.cta-section.wrap-final-cta .wrap-final-copy {
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 1100px) {
  body.avc-preview-page.avc-final-restored.avc-editorial.avc-editorial-subpage
  main > section.system-summary-section.cta-section.wrap-final-cta h2 > span,
  body.avc-preview-page.avc-final-restored.avc-editorial.avc-editorial-subpage.avc-editorial-skin
  main > section.system-summary-section.cta-section.wrap-final-cta .wrap-final-copy {
    max-width: 100% !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }
}