/*
 * Owner-approved post-migration refinements.
 *
 * This stylesheet intentionally loads after each migrated page stylesheet so
 * the adjustments survive a future Milestone 3 source refresh without
 * changing the read-only formal source packages.
 */

/* Homepage desktop: share the Header's centered rail, with the gold guide
   sitting just outside the copy instead of indenting the copy itself. */
@media (min-width: 1025px) {
  [data-m3-page="home"] .homepage-hero {
    padding-inline: var(--do-gutter);
  }

  [data-m3-page="home"] .homepage-hero-inner,
  [data-m3-page="home"] .homepage-trust-inner {
    width: min(100%, var(--do-width));
  }

  [data-m3-page="home"] .homepage-hero-copy {
    padding-left: 0;
  }

  [data-m3-page="home"] .homepage-hero-copy::before {
    left: clamp(-32px, -2vw, -24px);
  }

  [data-m3-page="home"] .homepage-trust {
    padding-inline: var(--do-gutter);
  }

}

/* The Method desktop artwork begins at the fixed Header's lower edge. Its
   width is deliberately a little narrower than the previous half-screen
   treatment, while the existing Hero height and centered copy are retained. */
@media (min-width: 1101px) {
  [data-m3-page="method"].qimen-page {
    --method-hero-art-width: clamp(31rem, 46vw, 52rem);
  }

  [data-m3-page="method"].qimen-page .hero-portrait {
    top: var(--site-header-shell-height, 76px);
    bottom: 0;
    height: auto;
    min-height: 0;
    transform: none;
    border-left: 0;
  }

  [data-m3-page="method"].qimen-page .hero-portrait-frame,
  [data-m3-page="method"].qimen-page .hero-portrait-frame img {
    height: 100%;
    min-height: 0;
  }
}

/* The mobile Shell occupies its own sticky row, so the two About Heroes can
   sit closer to it without any overlap. Tablet keeps a little more breathing
   room than phone layouts. */
@media (max-width: 900px) {
  [data-m3-page="method"].qimen-page .hero {
    padding-top: clamp(2rem, 4.1vw, 2.35rem);
  }

  [data-m3-page="practitioner"].page-master-lee .hero {
    padding-top: clamp(2.2rem, 4.6vw, 2.6rem);
  }
}

/* Above the shared mobile breakpoint the Header overlays the Hero. Lower the
   copy group optically while leaving both approved image compositions fixed. */
@media (min-width: 901px) {
  [data-m3-page="method"].qimen-page .hero-header,
  [data-m3-page="method"].qimen-page .hero-intro,
  [data-m3-page="practitioner"].page-master-lee .hero-header,
  [data-m3-page="practitioner"].page-master-lee .hero-intro {
    position: relative;
    top: clamp(1.15rem, 1.4vw, 1.25rem);
  }
}

/* Mobile About labels remain as useful orientation, but step back into a
   quieter micro-eyebrow so the actual page title sits closer to the Header. */
@media (max-width: 768px) {
  [data-m3-page="method"].qimen-page .hero {
    padding-top: 1.5rem;
  }

  [data-m3-page="practitioner"].page-master-lee .hero {
    padding-top: 1.7rem;
  }

  [data-m3-page="method"].qimen-page .hero-label,
  [data-m3-page="practitioner"].page-master-lee .hero-label {
    margin-bottom: .9rem;
    gap: .75rem;
    font-size: .67rem;
    letter-spacing: .2em;
  }

  [data-m3-page="method"].qimen-page .hero-label::before {
    width: 1.75rem;
  }

  [data-m3-page="practitioner"].page-master-lee .hero-label::after {
    width: 1.75rem;
    flex-basis: 1.75rem;
  }

  /* Lift the phone artwork and copy together without changing the Hero's
     height. The existing image scale leaves enough crop to avoid an edge gap. */
  [data-m3-page="home"] .homepage-hero-scene {
    --visual-lift: -26px;
  }

  [data-m3-page="home"] .homepage-hero {
    padding-top: clamp(258px, 34dvh, 296px);
  }
}

/* Services first-screen rhythm and continuation cue. */
[data-m3-page="services"] #master-lee-services .svc-header {
  padding-top: clamp(94px, 10vh, 112px);
  padding-bottom: clamp(34px, 4vh, 48px);
}

[data-m3-page="services"] #master-lee-services .svc-title {
  font-size: clamp(2.45rem, 4.25vw, 3.55rem);
}

[data-m3-page="services"] #master-lee-services .bagua-field,
[data-m3-page="services"] #master-lee-services .bagua-disc,
[data-m3-page="services"] #master-lee-services .svc-card {
  will-change: auto;
}

[data-m3-page="services"] #master-lee-services .bagua-disc {
  animation: none !important;
}

[data-m3-page="services"] #master-lee-services .is-instrument-ready .bagua-field {
  opacity: .3;
}

[data-m3-page="services"] #master-lee-services .exec-glow,
[data-m3-page="services"] #master-lee-services .exec-tag {
  animation: none;
}

[data-m3-page="services"] #master-lee-services .exec-tag {
  background-position: 50% 0;
}

[data-m3-page="services"] #master-lee-services .svc-layer1 {
  position: relative;
  isolation: isolate;
  padding-bottom: clamp(1.75rem, 3.2vh, 2.25rem);
}

[data-m3-page="services"] #master-lee-services .svc-grid {
  position: relative;
  z-index: 1;
}

@media (min-width: 960px) {
  [data-m3-page="services"] #master-lee-services .svc-imgwrap {
    aspect-ratio: 1.05 / 1;
  }

  [data-m3-page="services"] #master-lee-services .svc-body {
    padding: clamp(23px, 1.72vw, 28.5px) 22px clamp(25px, 2.1vw, 30.5px);
  }

  [data-m3-page="services"] #master-lee-services .svc-foot {
    margin-top: 1.65rem;
    padding-top: 1.38rem;
  }
}

[data-m3-page="services"] #master-lee-services .svc-continue {
  position: relative;
  z-index: 2;
  width: min(29rem, calc(100% - 3rem));
  min-height: 50px;
  margin: clamp(20px, 2.7vh, 28px) auto 0;
  color: var(--gold-ink);
  display: grid;
  grid-template-columns: minmax(3rem, 1fr) auto minmax(3rem, 1fr);
  grid-template-rows: auto 18px;
  align-items: center;
  column-gap: clamp(14px, 2vw, 24px);
  row-gap: 8px;
  text-align: center;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition: opacity .35s ease;
}

[data-m3-page="services"] #master-lee-services .svc-continue::before,
[data-m3-page="services"] #master-lee-services .svc-continue::after {
  width: 100%;
  height: 1px;
  content: "";
  opacity: 0;
  transform: scaleX(0);
}

[data-m3-page="services"] #master-lee-services .svc-continue::before {
  grid-column: 1;
  grid-row: 1;
  background: linear-gradient(90deg, transparent, rgba(140, 107, 48, .62));
  transform-origin: right;
}

[data-m3-page="services"] #master-lee-services .svc-continue::after {
  grid-column: 3;
  grid-row: 1;
  background: linear-gradient(90deg, rgba(140, 107, 48, .62), transparent);
  transform-origin: left;
}

[data-m3-page="services"] #master-lee-services .svc-layer1.is-visible .svc-continue::before,
[data-m3-page="services"] #master-lee-services .svc-layer1.is-visible .svc-continue::after {
  animation: servicesGuideRule 760ms cubic-bezier(.16, 1, .3, 1) 1.18s forwards;
}

[data-m3-page="services"] #master-lee-services .svc-continue-label {
  grid-column: 2;
  grid-row: 1;
  color: var(--gold-ink);
  font-family: var(--f-cinzel);
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .17em;
  text-indent: .17em;
  text-transform: uppercase;
  white-space: nowrap;
  animation: servicesContinueBreathe 3.8s ease-in-out infinite;
}

[data-m3-page="services"] #master-lee-services .svc-continue-chevron {
  grid-column: 2;
  grid-row: 2;
  width: 18px;
  height: 18px;
  justify-self: center;
  display: grid;
  place-items: center;
  animation: servicesContinueChevron 3.1s cubic-bezier(.16, 1, .3, 1) infinite;
}

[data-m3-page="services"] #master-lee-services .svc-continue-chevron img {
  width: 14px;
  height: 14px;
  display: block;
}

@media (hover: hover) and (pointer: fine) {
  [data-m3-page="services"] #master-lee-services .svc-continue:hover .svc-continue-label,
  [data-m3-page="services"] #master-lee-services .svc-continue:focus-visible .svc-continue-label {
    color: #5c4518;
  }
}

[data-m3-page="services"] #master-lee-services .svc-continue:focus-visible {
  border-radius: 2px;
  outline: 2px solid rgba(140, 107, 48, .58);
  outline-offset: 5px;
}

[data-m3-page="services"] #more-services {
  scroll-margin-top: calc(var(--site-header-shell-height, 76px) + 1rem);
}

@media (max-width: 900px) {
  [data-m3-page="services"] #master-lee-services .svc-header {
    padding-top: 56px;
    padding-bottom: 36px;
  }

  [data-m3-page="services"] #master-lee-services .svc-title {
    font-size: clamp(2.3rem, 10vw, 2.85rem);
  }

  [data-m3-page="services"] #master-lee-services .svc-continue {
    width: min(20rem, calc(100% - 2rem));
    min-height: 48px;
    margin-top: 26px;
  }

  [data-m3-page="services"] #master-lee-services .svc-continue-label {
    font-size: 10.5px;
  }

  [data-m3-page="services"] #master-lee-services .svc-card:nth-child(2) .svc-lead .nobr,
  [data-m3-page="services"] #master-lee-services .svc-card:nth-child(2) .svc-sub {
    display: inline;
    white-space: normal;
  }
}

/* The second card's phrase must be allowed to wrap at tablet widths as well
   as phones. Keeping the sentence natural prevents the link card from
   widening or clipping its final word. */
@media (max-width: 1439px) {
  [data-m3-page="services"] #master-lee-services .svc-card:nth-child(2) .svc-lead,
  [data-m3-page="services"] #master-lee-services .svc-card:nth-child(2) .svc-sub {
    white-space: normal;
  }

  [data-m3-page="services"] #master-lee-services .svc-card:nth-child(2) .svc-lead .nobr {
    display: inline;
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-m3-page="services"] #master-lee-services .svc-continue::before,
  [data-m3-page="services"] #master-lee-services .svc-continue::after,
  [data-m3-page="services"] #master-lee-services .svc-continue-label,
  [data-m3-page="services"] #master-lee-services .svc-continue-chevron {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

@keyframes servicesGuideRule {
  from {
    opacity: 0;
    transform: scaleX(0);
  }

  to {
    opacity: 1;
    transform: scaleX(1);
  }
}

@keyframes servicesContinueBreathe {
  0%, 100% {
    opacity: .72;
    transform: translateY(0);
  }

  46% {
    opacity: 1;
    transform: translateY(1px);
  }
}

@keyframes servicesContinueChevron {
  0%, 24%, 100% {
    opacity: .5;
    transform: translateY(0);
  }

  52% {
    opacity: 1;
    transform: translateY(3px);
  }
}

/* A transparent report lightbox must not leave its explicitly interactive
   child controls above the site Header while the dialog is closed. */
.ml-product-page .lb-modal:not(.active) {
  visibility: hidden;
}

.ml-product-page .lb-modal:not(.active) * {
  pointer-events: none !important;
}

/* Keep report controls inside Safari's changing visual viewport. */
.ml-product-page button.lb-close {
  position: absolute;
  display: grid;
  place-items: center;
  font-size: 0 !important;
  line-height: 0;
}

.ml-product-page button.lb-close::before,
.ml-product-page button.lb-close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  content: "";
  transform-origin: center;
}

.ml-product-page button.lb-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.ml-product-page button.lb-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media (max-width: 620px) {
  .ml-product-page {
    --ml-report-dock-clearance: max(
      88px,
      calc(env(safe-area-inset-bottom) + 18px),
      calc(var(--ml-visual-viewport-bottom, 0px) + 14px)
    );
  }

  .ml-product-page .lb-dock {
    bottom: var(--ml-report-dock-clearance) !important;
  }

  .ml-product-page .lb-viewport {
    padding-bottom: calc(var(--ml-report-dock-clearance) + 92px) !important;
  }
}

/* Mobile Client Stories use one horizontal scroll axis and one shared row
   height, so diagonal swipes cannot leave a card vertically displaced. */
@media (max-width: 900px) {
  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .section-echoes-v172 .echo-track {
    align-items: stretch;
    overflow-y: hidden;
    touch-action: pan-x pan-y;
  }

  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .section-echoes-v172 .story-card {
    align-self: stretch;
    height: auto;
  }

  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .section-echoes-v172 .story-right {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
  }

  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .section-echoes-v172 .s-text-wrap {
    flex: 1 1 auto;
  }

  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .section-echoes-v172 .s-read-more-btn {
    flex: 0 0 auto;
    margin-top: auto;
  }
}

/* Keep the content reveal restrained while the accordion controller moves the
   following document tail on the compositor. */
@media (max-width: 599px) {
  .ml-product-page--life-architecture .life-dimension-detail-inner,
  .ml-product-page--life-architecture .life-dimension.is-closing .life-dimension-detail-inner {
    transition-property: opacity;
    transition-duration: 140ms;
    transition-delay: 0ms;
  }

  .ml-product-page--life-architecture .life-dimension.is-closing .life-dimension-detail-inner {
    transition-duration: 120ms;
    transition-delay: 0ms;
  }

  .ml-product-page--life-architecture .life-dimension-detail-rule {
    transition-duration: 170ms;
    transition-delay: 0ms;
  }

  .ml-product-page--life-architecture .life-dimension-points li,
  .ml-product-page--life-architecture .life-dimension.is-open .life-dimension-points li {
    transition: none;
  }

  .ml-product-page--life-architecture .life-dimension-pro-surface::before {
    transition-duration: 240ms;
    will-change: auto;
  }
}

@media (max-width: 620px) {
  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .page-section--faq .v-faq-content .ans-lead {
    font-size: 1.03rem;
    line-height: 1.65;
  }
}

.product-title-number {
  font-family: "Playfair Display", Georgia, serif;
  font-style: normal;
  font-feature-settings: "lnum" 1, "tnum" 1;
  font-variant-numeric: lining-nums tabular-nums;
  letter-spacing: 0;
}

/* Product-tier handoff: a familiar scroll cue bridges availability details
   and the existing optically positioned landscape artwork. */
:is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
  .content-canvas {
  padding-bottom: 10px;
}

:is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
  .status-footer .pulse-light {
  position: relative;
  width: 6px;
  height: 6px;
  animation: none;
  box-shadow: none;
}

:is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
  .status-footer .pulse-light::after {
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  background: rgba(184, 137, 53, .18);
  content: "";
  pointer-events: none;
  animation: serviceAvailabilityBreathe 4.8s cubic-bezier(.16, 1, .3, 1) infinite;
}

:is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
  .service-continuation {
  width: 76px;
  min-height: 60px;
  margin-top: clamp(32px, 2.8vw, 40px);
  color: #8c6b30;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

:is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
  .service-continuation__label {
  width: 100%;
  color: rgba(140, 107, 48, .92);
  font-family: "Cinzel", serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .24em;
  line-height: 1;
  text-align: center;
  text-indent: .24em;
  text-transform: uppercase;
}

:is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
  .service-continuation__ring {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(140, 107, 48, .44);
  border-radius: 50%;
  background: rgba(249, 247, 242, .96);
  transition: border-color .42s cubic-bezier(.16, 1, .3, 1);
}

:is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
  .service-continuation__icon {
  width: 15px;
  height: 15px;
  display: block;
  animation: serviceContinuationArrow 2.8s cubic-bezier(.16, 1, .3, 1) infinite;
}

@media (hover: hover) and (pointer: fine) {
  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .service-continuation:hover .service-continuation__ring,
  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .service-continuation:focus-visible .service-continuation__ring {
    border-color: rgba(140, 107, 48, .72);
  }
}

:is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
  .service-continuation:focus-visible {
  border-radius: 2px;
  outline: 2px solid rgba(140, 107, 48, .58);
  outline-offset: 5px;
}

:is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
  .theory-transition-image {
  z-index: 0;
  margin-top: -10px;
  pointer-events: none;
}

[data-m3-page="home"] .mls4-card,
[data-m3-page="services"] #master-lee-services .svc-card {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: rgba(184, 137, 53, .12);
}

[data-m3-page="home"] .mls4-card:focus-visible,
[data-m3-page="services"] #master-lee-services .svc-card:focus-visible {
  outline: 2px solid rgba(184, 137, 53, .66);
  outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) {
  [data-m3-page="home"] .mls4-card:focus-visible {
    transform: translateY(-8px);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 0 0 1px rgba(198, 166, 100, .3);
  }

  [data-m3-page="home"] .mls4-card:focus-visible .mls4-img {
    transform: scale(1.03) translate3d(var(--mls4-pan-x), var(--mls4-pan-y), 0);
  }

  [data-m3-page="home"] .mls4-card:focus-visible .mls4-explore,
  [data-m3-page="services"] #master-lee-services .svc-card:hover .svc-explore,
  [data-m3-page="services"] #master-lee-services .svc-card:focus-visible .svc-explore {
    color: #5c4518;
  }

  [data-m3-page="home"] .mls4-card:focus-visible .mls4-explore::after,
  [data-m3-page="services"] #master-lee-services .svc-card:hover .svc-explore::after,
  [data-m3-page="services"] #master-lee-services .svc-card:focus-visible .svc-explore::after {
    transform: scaleX(1);
  }

  [data-m3-page="home"] .mls4-card:focus-visible .mls4-explore .arr,
  [data-m3-page="services"] #master-lee-services .svc-card:hover .svc-explore .arr,
  [data-m3-page="services"] #master-lee-services .svc-card:focus-visible .svc-explore .arr {
    transform: translateX(5px);
  }
}

:is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
  .theory-transition-image img {
  opacity: .74;
  transform: translate3d(0, 7px, 0) scale(1.014);
}

:is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
  .theory-transition-image.is-revealed img {
  animation-name: serviceTheoryArtworkArrival;
}

:is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
  .theory-transition-image::before {
  height: 9%;
  background: linear-gradient(to bottom, #f9f7f2 0%, rgba(249, 247, 242, .52) 36%, rgba(249, 247, 242, 0) 100%);
}

@media (min-width: 1025px) {
  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .theory-transition-image {
    aspect-ratio: 2.39 / 1;
  }

  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .theory-transition-image picture {
    height: 100%;
    margin-left: -5.75%;
  }

  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .theory-transition-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 96%;
  }

  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .theory-transition-image::before {
    height: 7%;
  }
}

@media (max-width: 1024px) {
  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .theory-transition-image picture {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .12) 6%, rgba(0, 0, 0, .46) 15%, rgba(0, 0, 0, .82) 25%, #000 35%, #000 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .12) 6%, rgba(0, 0, 0, .46) 15%, rgba(0, 0, 0, .82) 25%, #000 35%, #000 100%);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }

  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .theory-transition-image::before {
    height: 35%;
    background: linear-gradient(to bottom, #f9f7f2 0%, rgba(249, 247, 242, .92) 28%, rgba(249, 247, 242, .46) 68%, rgba(249, 247, 242, 0) 100%);
  }
}

@keyframes serviceAvailabilityBreathe {
  0%, 72%, 100% {
    opacity: .08;
    transform: scale(.82);
  }

  34% {
    opacity: .34;
    transform: scale(1.14);
  }
}

@keyframes serviceContinuationArrow {
  0%, 100% {
    opacity: .68;
    transform: translateY(0);
  }

  54% {
    opacity: 1;
    transform: translateY(3px);
  }
}

@keyframes serviceTheoryArtworkArrival {
  from {
    opacity: .74;
    transform: translate3d(0, 7px, 0) scale(1.014);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@media (max-width: 900px) {
  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .content-canvas {
    padding-bottom: 8px;
  }

  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .service-continuation {
    min-height: 58px;
    margin-top: 30px;
  }

  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .service-continuation__ring {
    width: 36px;
    height: 36px;
  }

  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .theory-transition-image {
    margin-top: -8px;
  }

  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .theory-transition-image::before {
    height: 12%;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .status-footer .pulse-light::after,
  :is(.ml-product-page--situation-shift, .ml-product-page--life-architecture, .ml-product-page--twelve-month)
    .service-continuation__icon {
    animation: none;
  }
}