@media (max-width: 1200px) {
  .home-canvas {
    width: 100%;
    height: auto;
    min-height: 0;
    overflow: clip;
  }

  .home-canvas__background {
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center top;
    transform: none;
  }

  .hero {
    min-height: 0;
    padding: 9rem 0 5rem;
  }

  .hero__grid {
    grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
    align-items: center;
    gap: clamp(1rem, 3vw, 2.5rem);
  }

  .hero__title-image {
    width: min(100%, 34rem);
    height: auto;
    object-fit: contain;
  }

  .hero__description {
    font-size: clamp(.92rem, 1.55vw, 1.08rem);
    line-height: 1.9;
  }

  .hero-stage {
    --hero-phone-top: 15%;
    --hero-phone-left: -23%;
    --hero-phone-width: min(59vw, 34rem);
    min-height: clamp(31rem, 54vw, 38rem);
  }

  .hero-stage__zodiac {
    --hero-wheel-size: min(63vw, 37rem);
    --hero-wheel-top: 7%;
    --hero-wheel-right: -4%;
    --hero-orbit-size: min(54vw, 31.5rem);
    --hero-crescent-size: min(27vw, 15.5rem);
  }

  .hero-stage__layer {
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
  }

  .hero-stage__layer--hero-wheel {
    z-index: 1;
    opacity: .66;
  }

  .hero-stage__layer--hero-orbit {
    z-index: 2;
    opacity: .4;
  }

  .hero-stage__layer--hero-crescent {
    z-index: 3;
    opacity: .9;
  }

  .hero-stage__layer--hero-celestial {
    z-index: 4;
  }

  .features,
  .scenarios {
    padding: clamp(5.5rem, 10vw, 8rem) 0;
  }

  .section-heading {
    margin-bottom: clamp(4rem, 8vw, 6rem);
  }

  .section-heading__decor {
    gap: .4rem;
  }

  .section-heading__decor img {
    object-fit: contain;
  }

  .section-heading__decor img:first-child,
  .section-heading__decor img:last-child {
    width: clamp(4rem, 9vw, 6rem);
    height: auto;
  }

  .section-heading__decor img:nth-child(2) {
    width: clamp(5rem, 11vw, 7.5rem);
    height: auto;
  }

  .feature-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: clamp(4.5rem, 8vw, 6rem) clamp(1rem, 2.5vw, 1.5rem);
  }

  .feature-card {
    grid-column: span 2;
    min-height: 17.5rem;
    justify-content: flex-end;
    gap: 1rem;
    padding: 6.7rem 1.25rem 2rem;
    border-radius: clamp(1.5rem, 3vw, 2rem);
    background: linear-gradient(180deg, rgba(237, 236, 255, .84), rgba(255, 255, 255, .82) 64%);
  }

  .feature-card:nth-child(4) {
    grid-column: 2 / span 2;
  }

  .feature-card:nth-child(5) {
    grid-column: 4 / span 2;
  }

  .feature-card__icon {
    position: absolute;
    top: -4.5rem;
    left: 50%;
    width: clamp(9rem, 18vw, 11rem);
    height: auto;
    object-fit: contain;
    transform: translateX(-50%);
  }

  .feature-card h3 {
    margin-bottom: 0;
    color: #5d33c5;
    font-size: clamp(1.25rem, 2.3vw, 1.6rem);
    line-height: 1.4;
  }

  .feature-card p {
    margin-bottom: 0;
    color: #666767;
    font-size: clamp(.86rem, 1.55vw, 1rem);
    line-height: 1.6;
  }

  .scenarios__grid {
    grid-template-columns: 1fr;
    gap: clamp(3rem, 7vw, 5rem);
  }

  .scenario-list {
    width: min(100%, 48rem);
    margin-inline: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem 2rem;
  }

  .scenario-item {
    grid-template-columns: 4.75rem minmax(0, 1fr);
    column-gap: .85rem;
  }

  .scenario-item img {
    width: 4.75rem;
    height: 4.75rem;
    object-fit: contain;
  }

  .scenario-item h3 {
    margin-bottom: .1rem;
    font-size: 1.12rem;
  }

  .scenario-item p {
    margin-bottom: 0;
    color: var(--color-muted);
    font-size: .86rem;
    line-height: 1.55;
  }

  .product-gallery {
    width: min(100%, 52rem);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
    gap: clamp(1rem, 2.5vw, 1.75rem);
    margin-inline: auto;
    aspect-ratio: auto;
  }

  .product-preview,
  .product-preview:nth-child(2),
  .product-preview:nth-child(3) {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    min-width: 0;
    aspect-ratio: 2484 / 5376;
    padding: 0;
    transform: none;
  }

  .product-preview:not(.product-preview--artwork) {
    border: clamp(3px, .5vw, 5px) solid var(--desktop-preview-border);
    border-radius: clamp(1.25rem, 3vw, 2.25rem);
    background: linear-gradient(180deg, #fdedd2, #ffeecf 40%, #eddae1 64%, #fcd7cb);
  }

  .product-preview:nth-child(2) {
    width: calc(100% + 4%);
    margin-inline: -2%;
    transform: translateY(-1rem);
  }

  .product-preview:not(.product-preview--artwork):hover,
  .product-preview:nth-child(2):not(.product-preview--artwork):hover {
    transform: translateY(-.4rem);
  }

  .product-preview:nth-child(2):not(.product-preview--artwork):hover {
    transform: translateY(-1.4rem);
  }

  .product-preview__header {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
  }

  .product-preview__header h3 {
    position: absolute;
    top: 2.4%;
    left: 50%;
    width: max-content;
    margin: 0;
    color: #3c1733;
    font-size: clamp(.9rem, 2.1vw, 1.4rem);
    line-height: 1.2;
    transform: translateX(-50%);
    white-space: nowrap;
  }

  .product-preview__header p {
    position: absolute;
    top: 10%;
    left: 50%;
    width: max-content;
    margin: 0;
    color: #3d1f3a;
    font-size: clamp(.42rem, .9vw, .65rem);
    line-height: 1.3;
    transform: translateX(-50%);
    white-space: nowrap;
  }

  .product-preview__screen {
    position: absolute;
    top: 16.5%;
    left: 50%;
    width: 78%;
    height: 76%;
    border: clamp(1px, .25vw, 3px) solid #fff;
    border-radius: clamp(.8rem, 2vw, 1.4rem);
    object-fit: cover;
    transform: translateX(-50%);
  }

  .product-preview__overlay {
    left: 50%;
    width: 89%;
    padding: clamp(.35rem, 1.2vw, .75rem);
    border: 1.5px solid #a982ff;
    border-bottom-color: #eeb105;
    border-radius: clamp(.55rem, 1.5vw, 1rem);
    color: #392335;
    background: rgba(255, 252, 247, .97);
    box-shadow: 0 .6rem 1.2rem rgba(95, 56, 126, .08);
    transform: translateX(-50%);
  }

  .product-preview__overlay--daily-insight,
  .product-preview__overlay--chat-prompt {
    top: 28.5%;
  }

  .product-preview__overlay--diary-insight {
    top: 48%;
  }

  .product-preview__overlay h4,
  .product-preview__overlay p,
  .product-preview__overlay small,
  .product-preview__overlay-eyebrow {
    font-size: clamp(.35rem, .8vw, .6rem);
    line-height: 1.45;
  }

  .product-preview__overlay-symbol {
    display: grid;
    width: clamp(1.4rem, 3vw, 2rem);
    height: clamp(1.4rem, 3vw, 2rem);
    margin: 0 auto .35rem;
    place-items: center;
    border-radius: 50%;
    background: #f1ece7;
    font-size: clamp(.75rem, 1.8vw, 1.15rem);
  }

  .product-preview__tags {
    gap: .2rem;
    margin-top: .35rem;
  }

  .product-preview__tags span {
    display: grid;
    min-height: clamp(1.1rem, 3vw, 1.8rem);
    place-items: center;
    padding: .15rem;
    border-radius: .35rem;
    background: #f7f1e8;
    font-size: clamp(.25rem, .62vw, .46rem);
    line-height: 1.15;
    text-align: center;
  }

  .cta {
    min-height: 28rem;
    padding: clamp(6rem, 12vw, 9rem) 0;
  }

  .cta__title {
    font-size: clamp(2.25rem, 5.4vw, 3.4rem);
    line-height: 1.55;
  }

  .site-footer__grid {
    grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr;
  }
}

@media (max-width: 820px) {
  .site-header {
    inset: .65rem 0 auto;
  }

  .site-header__inner {
    min-height: 4rem;
    padding: .55rem .65rem .55rem .85rem;
    border-radius: 1.4rem;
  }

  .nav-toggle {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: .8rem;
  }

  .site-nav {
    position: absolute;
    inset: calc(100% + .55rem) 0 auto;
    display: grid;
    gap: .35rem;
    padding: .75rem;
    border: 1px solid rgba(255, 255, 255, .84);
    border-radius: 1.25rem;
    background: rgba(250, 248, 255, .97);
    box-shadow: var(--shadow-soft);
    backdrop-filter: blur(22px) saturate(130%);
  }

  .site-nav a,
  .site-nav .store-status {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding-inline: .85rem;
    border-radius: .85rem;
  }

  .site-nav a:hover,
  .site-nav a:focus-visible {
    background: rgba(116, 87, 212, .08);
  }

  .site-nav:not([data-open="true"]) {
    display: none;
  }

  .hero {
    padding: 7.5rem 0 20rem;
  }

  .hero__grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .hero__content {
    width: min(100%, 38rem);
    max-width: none;
    margin-inline: auto;
    text-align: center;
  }

  .hero__title-image {
    width: min(100%, 31rem);
    margin-inline: auto;
    object-fit: contain;
  }

  .hero__description {
    width: min(100%, 33rem);
    margin: 1.5rem auto 0;
  }

  .hero__actions {
    justify-content: center;
    margin-top: 1.75rem;
  }

  .hero-stage {
    --hero-phone-top: 12%;
    --hero-phone-left: .5rem;
    --hero-phone-width: min(67vw, 29rem);
    width: min(100%, 40rem);
    min-height: clamp(25rem, 78vw, 34rem);
    margin: -1rem auto 0;
  }

  .hero-stage__zodiac {
    --hero-wheel-size: min(78vw, 34rem);
    --hero-wheel-top: 2%;
    --hero-wheel-right: -7%;
    --hero-orbit-size: min(67vw, 29rem);
    --hero-crescent-size: min(34vw, 14.5rem);
  }

  .hero-stage__layer {
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
  }

  .features,
  .scenarios {
    padding: 5.5rem 0;
  }

  .section-heading {
    margin-bottom: 4.75rem;
  }

  .section-title {
    font-size: clamp(2rem, 6.5vw, 2.8rem);
  }

  .feature-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5.5rem 1rem;
  }

  .feature-card {
    grid-column: span 2;
    min-height: 17rem;
  }

  .feature-card:nth-child(4) {
    grid-column: 3 / span 2;
  }

  .feature-card:nth-child(5) {
    grid-column: 2 / span 2;
  }

  .scenario-list {
    gap: 1rem;
  }

  .product-gallery {
    gap: .9rem;
  }

  .product-preview__header h3 {
    font-size: clamp(.72rem, 2vw, 1rem);
  }

  .product-preview__header p {
    font-size: clamp(.32rem, .85vw, .48rem);
  }

  .product-preview__overlay h4,
  .product-preview__overlay p,
  .product-preview__overlay small,
  .product-preview__overlay-eyebrow {
    font-size: clamp(.27rem, .72vw, .44rem);
  }

  .card-grid--3,
  .not-found__grid {
    grid-template-columns: 1fr;
  }

}

@media (width < 768px) {
  .product-gallery {
    width: min(100%, 20rem);
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    gap: 1.5rem;
  }

  .product-preview,
  .product-preview:nth-child(2),
  .product-preview:nth-child(3) {
    position: relative;
    inset: auto;
    width: min(100%, 17rem);
    max-width: 100%;
    height: auto;
    min-width: 0;
    aspect-ratio: 2484 / 5376;
    margin: 0 auto;
    transform: none;
  }

  .product-preview:nth-child(2) {
    width: min(100%, 18rem);
    margin: 0 auto;
    transform: none;
  }
}

@media (max-width: 767.98px) {
  .hero-stage {
    min-height: 0;
    display: grid;
    grid-template-areas:
      "phones"
      "zodiac";
    grid-template-rows: auto auto;
    row-gap: .75rem;
    align-items: start;
    margin-top: 1rem;
  }

  .hero-stage__phone {
    position: relative;
    grid-area: phones;
    top: auto;
    left: auto;
  }

  .hero-stage__phone--left {
    width: min(31vw, 8rem);
    justify-self: start;
    margin: 2.75rem 0 0 14%;
  }

  .hero-stage__phone--right {
    width: min(29vw, 7.5rem);
    justify-self: end;
    margin: 0 16% 0 0;
  }

  .hero-stage__zodiac {
    grid-area: zodiac;
    --hero-wheel-size: 100%;
    --hero-wheel-top: 0px;
    --hero-wheel-right: 0px;
    --hero-orbit-size: 85%;
    --hero-crescent-size: 46%;
    position: relative;
    inset: auto;
    width: min(72vw, 18rem);
    aspect-ratio: 1;
    margin-inline: auto;
  }

  .hero-stage__layer {
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
  }
}

@media (max-width: 768px) {
  .table-wrap table {
    min-width: 560px;
    font-size: .82rem;
  }
  .table-wrap th,
  .table-wrap td {
    padding: .65rem .75rem;
  }
}

@media (max-width: 560px) {
  .wrap,
  .reading-wrap {
    width: min(calc(100% - 2rem), var(--content-width));
  }

  .brand {
    gap: .55rem;
  }

  .brand img {
    width: 2.2rem;
    height: 2.2rem;
  }

  .brand__name {
    font-size: .92rem;
  }

  .brand__sub {
    display: none;
  }

  .nav-toggle {
    min-width: 3.25rem;
    padding-inline: .7rem;
    font-size: .86rem;
  }

  .hero {
    padding: 7rem 0 2rem;
  }

  .hero__content {
    padding: 0;
  }

  .hero__title-image {
    width: min(100%, 23rem);
  }

  .hero__description {
    font-size: .94rem;
    line-height: 1.85;
    text-align: left;
  }

  .hero__description br {
    display: none;
  }

  .hero__actions {
    align-items: stretch;
    gap: .75rem;
  }

  .hero__actions .button,
  .hero__actions .store-status {
    width: 100%;
    min-height: 48px;
    padding: .75rem 1rem;
    border-radius: 999px;
    font-size: .95rem;
    line-height: 1.4;
  }

  .features,
  .scenarios {
    padding: 4rem 0;
  }

  .section-heading {
    margin-bottom: 3.5rem;
  }

  .section-heading__decor img:first-child,
  .section-heading__decor img:last-child {
    width: 3.5rem;
  }

  .section-heading__decor img:nth-child(2) {
    width: 4.5rem;
  }

  .section-title {
    font-size: clamp(1.75rem, 8vw, 2.25rem);
    line-height: 1.5;
    letter-spacing: .04em;
  }

  .feature-grid {
    grid-template-columns: 1fr;
    gap: 4rem;
  }

  .feature-card,
  .feature-card:nth-child(4),
  .feature-card:nth-child(5) {
    grid-column: auto;
    width: min(100%, 21rem);
    min-height: 13.5rem;
    padding: 4.75rem 1.25rem 1.5rem;
    gap: .65rem;
    justify-content: flex-start;
    justify-self: center;
  }

  .feature-card h3 {
    font-size: 1.35rem;
  }

  .feature-card p {
    font-size: .9rem;
  }

  .feature-card__icon {
    top: -3.5rem;
    width: 7.5rem;
  }

  .scenario-list {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .scenario-item {
    width: min(100%, 22rem);
    margin-inline: auto;
    grid-template-columns: 3.75rem minmax(0, 1fr);
  }

  .scenario-item img {
    width: 3.75rem;
    height: 3.75rem;
  }

  .product-gallery {
    width: min(100%, 20rem);
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .product-preview,
  .product-preview:nth-child(2),
  .product-preview:nth-child(3) {
    width: min(100%, 17rem);
    margin: 0 auto;
    transform: none;
  }

  .product-preview:nth-child(2) {
    width: min(100%, 18rem);
  }

  .product-preview:not(.product-preview--artwork):hover,
  .product-preview:nth-child(2):not(.product-preview--artwork):hover {
    transform: translateY(-.35rem);
  }

  .product-preview__header h3 {
    font-size: 1.2rem;
  }

  .product-preview__header p {
    font-size: .54rem;
  }

  .product-preview__overlay {
    padding: .65rem;
  }

  .product-preview__overlay h4,
  .product-preview__overlay p,
  .product-preview__overlay small,
  .product-preview__overlay-eyebrow {
    font-size: .5rem;
  }

  .product-preview__overlay-symbol {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1rem;
  }

  .product-preview__tags span {
    min-height: 1.5rem;
    font-size: .4rem;
  }

  .cta {
    min-height: 26rem;
    padding: 5.5rem 0;
  }

  .cta__inner {
    width: min(calc(100% - 2rem), 30rem);
  }

  .cta__title {
    font-size: clamp(2rem, 9.5vw, 2.7rem);
    letter-spacing: .04em;
  }

  .card-grid--2 {
    grid-template-columns: 1fr;
  }

  .content-section {
    padding-block: var(--space-7);
  }

  .not-found {
    text-align: center;
  }

  .not-found__visual {
    width: min(75%, 20rem);
    margin-inline: auto;
  }

  .not-found__actions {
    justify-content: center;
  }

  .site-footer__grid {
    grid-template-columns: 1fr;
    gap: var(--space-3);
  }

  .site-footer h2 {
    margin-bottom: .5rem;
  }

  .site-footer nav {
    gap: .45rem;
  }

  .site-footer nav a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}

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

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }

  .motion-root--hero {
    display: none !important;
  }
}

html[data-reduce-motion="true"] {
  scroll-behavior: auto;
}

html[data-reduce-motion="true"] *,
html[data-reduce-motion="true"] *::before,
html[data-reduce-motion="true"] *::after {
  animation-duration: .01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: .01ms !important;
}

/* Tablet keeps the same right-side cascade, scaled into a two-column stage. */
@media (min-width: 768px) and (max-width: 1200px) {
  .scenarios[data-motion-pinned] .scenarios__grid {
    --scenario-side-gap: 14px;
    --scenario-stage-height: min(76vh, 48rem);
    --scenario-card-height: min(66vh, calc(var(--scenario-stage-height) - 3rem));
    min-height: var(--scenario-stage-height);
    grid-template-columns: minmax(16rem, .82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: clamp(1.5rem, 4vw, 3.5rem);
  }

  .scenarios[data-motion-pinned] .scenario-list {
    width: 100%;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
    gap: 1.25rem;
  }

  .scenarios[data-motion-pinned] .product-gallery.scenario-preview-viewport {
    width: 100%;
    height: var(--scenario-stage-height);
    display: block;
    aspect-ratio: auto;
    overflow: hidden;
  }

  .scenarios[data-motion-pinned] .scenario-preview-track {
    display: grid;
    place-items: center;
    height: 100%;
  }

  .scenarios[data-motion-pinned] .scenario-preview-track .product-preview,
  .scenarios[data-motion-pinned] .scenario-preview-track .product-preview:nth-child(2),
  .scenarios[data-motion-pinned] .scenario-preview-track .product-preview:nth-child(3) {
    position: relative;
    inset: auto;
    grid-area: 1 / 1;
    width: min(calc(var(--scenario-card-height) * 2484 / 5376), calc(37.8788% - 10.606px));
    height: auto;
    aspect-ratio: 2484 / 5376;
    margin: 0 auto;
    transform: none;
  }
}

/* Mobile tells the same story as three natural text/artwork pairs. */
@media (width < 768px) {
  .scenarios__grid {
    min-height: 0;
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    gap: clamp(1.25rem, 6vw, 2rem);
  }

  .scenario-list,
  .product-gallery,
  .scenario-preview-track {
    display: contents;
  }

  .scenario-item,
  .scenario-preview-track .product-preview,
  .scenario-preview-track .product-preview:nth-child(2),
  .scenario-preview-track .product-preview:nth-child(3) {
    position: relative;
    inset: auto;
    width: min(100%, 21rem);
    height: auto;
    min-height: 0;
    margin: 0 auto;
    opacity: 1;
    translate: none;
    transform: none;
  }

  .scenario-item {
    grid-template-columns: 4rem minmax(0, 1fr);
    padding-inline: .25rem;
  }

  .scenario-item img {
    width: 4rem;
    height: 4rem;
  }

  .scenario-preview-track .product-preview {
    aspect-ratio: 2484 / 5376;
  }

  .scenario-item[data-scenario-step="0"] { order: 1; }
  .product-preview[data-scenario-step="0"] { order: 2; }
  .scenario-item[data-scenario-step="1"] { order: 3; }
  .product-preview[data-scenario-step="1"] { order: 4; }
  .scenario-item[data-scenario-step="2"] { order: 5; }
  .product-preview[data-scenario-step="2"] { order: 6; }
}

/* Reduced motion keeps every pair in document flow instead of leaving a clipped stage. */
@media (prefers-reduced-motion: reduce) {
  .scenarios__grid {
    min-height: 0;
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .scenario-list,
  .product-gallery,
  .scenario-preview-track {
    display: contents;
  }

  .scenario-item,
  .scenario-preview-track .product-preview,
  .scenario-preview-track .product-preview:nth-child(2),
  .scenario-preview-track .product-preview:nth-child(3) {
    position: relative;
    inset: auto;
    width: min(100%, 21rem);
    height: auto;
    margin: 0 auto;
    opacity: 1;
    translate: none;
    transform: none;
  }

  .scenario-item[data-scenario-step="0"] { order: 1; }
  .product-preview[data-scenario-step="0"] { order: 2; }
  .scenario-item[data-scenario-step="1"] { order: 3; }
  .product-preview[data-scenario-step="1"] { order: 4; }
  .scenario-item[data-scenario-step="2"] { order: 5; }
  .product-preview[data-scenario-step="2"] { order: 6; }
}

html[data-reduce-motion="true"] .scenarios__grid {
  min-height: 0;
  height: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

html[data-reduce-motion="true"] .scenario-list,
html[data-reduce-motion="true"] .product-gallery,
html[data-reduce-motion="true"] .scenario-preview-track {
  display: contents;
}

html[data-reduce-motion="true"] .scenario-item,
html[data-reduce-motion="true"] .scenario-preview-track .product-preview {
  position: relative;
  inset: auto;
  width: min(100%, 21rem);
  height: auto;
  margin: 0 auto;
  opacity: 1;
  translate: none;
  transform: none;
}

html[data-reduce-motion="true"] .scenario-item[data-scenario-step="0"] { order: 1; }
html[data-reduce-motion="true"] .product-preview[data-scenario-step="0"] { order: 2; }
html[data-reduce-motion="true"] .scenario-item[data-scenario-step="1"] { order: 3; }
html[data-reduce-motion="true"] .product-preview[data-scenario-step="1"] { order: 4; }
html[data-reduce-motion="true"] .scenario-item[data-scenario-step="2"] { order: 5; }
html[data-reduce-motion="true"] .product-preview[data-scenario-step="2"] { order: 6; }