.cloud-stage {
    width: min(91%, 1380px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
    gap: clamp(16px, 4vw, 80px);
    align-items: center;
    padding-block: clamp(28px, 3vw, 52px);
}
.cloud-stage .cloud-intro {padding: 0; text-align: start}
.cloud-stage .cloud-kicker::after {display: none}
.mg-shopping-cloud .cloud-stage h1 {
    margin: 15px 0 16px;
    font-size: clamp(44px, 5.5vw, 85px);
    text-align: start;
    line-height: 1.02;
    overflow-wrap: break-word;
}
.cloud-stage h1 em {display: block}
.cloud-stage .cloud-description {max-width: 36ch; margin: 0 0 25px}
.cloud-stage .cloud-actions {justify-content: flex-start}
.cloud-deck {width: 100%; max-width: 650px; min-width: 0; justify-self: end}
.cloud-deck .cloud-rail {
    container-type: inline-size;
    isolation: isolate;
    height: auto;
    aspect-ratio: 1.60;
    padding: 0;
    --card-w: 46%;
}
.cloud-deck .cloud-card {
    box-sizing: border-box;
    isolation: isolate;
    border-radius: 16px;
    background: #392635;
}
.cloud-deck .cloud-photo {filter: saturate(.8)}
.cloud-deck .cloud-card[data-collection=eyewear] .cloud-photo {object-position: 50% 37%}
.cloud-deck .cloud-card[data-collection=travel] .cloud-photo {object-position: 50% 42%}
.cloud-deck .cloud-card::before,
.cloud-deck .cloud-card::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.cloud-deck .cloud-card::before {
    z-index: 1;
    background: #995677;
    mix-blend-mode: color;
    opacity: .17;
}
.cloud-deck .cloud-card::after {
    z-index: 2;
    background: linear-gradient(180deg, #24121f35, transparent 24% 53%, #29142175 77%, #21101ff7);
}
html[data-theme="dark"] .cloud-deck .cloud-card::before {opacity: .29}
.cloud-deck .cloud-card[inert] {pointer-events: none}
.cloud-deck .cloud-kind, .cloud-deck .cloud-tag {z-index: 3}
.cloud-deck .cloud-card:is([data-slot="-1"],[data-slot="1"]) .cloud-photo {
    filter: saturate(.66) brightness(.88);
}
.cloud-deck .cloud-card:is([data-slot="-1"],[data-slot="1"]) :is(.cloud-tag,.cloud-kind) {
    opacity: 0;
}
.enhanced .cloud-deck .cloud-card {
    top: 5%;
    left: 50%;
    height: 87%;
    transform-origin: 50% 72%;
    transform: translate(-50%, 6%) scale(.77);
    opacity: 0;
    pointer-events: none;
    transition: transform .55s cubic-bezier(.22,.72,.22,1), opacity .3s ease;
}
.enhanced .cloud-deck .cloud-card[data-slot="0"] {
    z-index: 3;
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 0);
    box-shadow: 0 8px 22px #190c213b;
}
.enhanced .cloud-deck .cloud-card:is([data-slot="-1"],[data-slot="1"]) {
    z-index: 2;
    opacity: 1;
    pointer-events: auto;
    transform: translate(calc(-50% + var(--slot) * 52%), 5%) rotate(calc(var(--slot) * 9deg)) scale(.84);
}
.enhanced .cloud-deck .cloud-card.snap {transition: none}
.cloud-deck .cloud-kind {top: 10px; left: 10px; background: #251420d9; color: #fff1f7}
.cloud-deck .cloud-tag {
    left: 0;
    right: 0;
    bottom: 0;
    gap: 8px;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff5fa;
    box-shadow: none;
}
.cloud-deck .cloud-tag img {width: clamp(30px, 7cqw, 43px); height: clamp(30px, 7cqw, 43px)}
.cloud-deck .cloud-tag small {display: none}
.cloud-deck .cloud-tag strong {font-size: clamp(12px, 2.6cqw, 17px)}
.cloud-deck .cloud-tag b {width: 22px; height: 22px; flex-basis: 22px; color: #ffe6f2; border-color: #f3d2df66}
@media (max-width: 700px) {
    .cloud-stage {grid-template-columns: minmax(0, 1fr); gap: 18px; padding-block: 26px 16px}
    .cloud-deck {max-width: 410px; justify-self: center}
    .mg-shopping-cloud .cloud-stage h1 {font-size: clamp(38px, 8vw, 54px); margin: 9px 0}
    .cloud-stage h1 em {display: inline}
    .cloud-stage .cloud-description {margin-bottom: 16px}
    .cloud-deck .cloud-kind {font-size: 9px; left: 6px; top: 6px}
    .cloud-deck .cloud-tag {padding-right: 6px}
}
@media (prefers-reduced-motion: reduce) {
    .enhanced .cloud-deck .cloud-card {transition: none}
}