.color-motion-gallery{display:block!important;align-self:stretch;min-width:0;min-height:740px;perspective:1400px}
.color-motion-stage{position:relative;height:calc(100% - 60px);min-height:660px;overflow:hidden;isolation:isolate}
.color-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translate3d(60px,0,0) scale(.94);transition:opacity 1s ease,transform 1.2s cubic-bezier(.2,.7,.2,1),visibility 1s;overflow:hidden;will-change:opacity,transform}
.color-scene.is-current{opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1);z-index:1}
.color-scene-image{display:block;width:100%;height:100%;object-fit:contain}
.motion-enhanced .is-current .color-collage{animation:color-gallery-zoom 6.5s ease-in-out both}
.color-motion-stage .color-round-badge{z-index:3;top:15%;right:6%;transition:transform 1.2s,width .5s}
.color-motion-gallery[data-active-scene="1"] .color-round-badge{transform:rotate(7deg) translateY(20px)}
.color-motion-gallery[data-active-scene="2"] .color-round-badge{transform:rotate(-4deg) translateY(-10px)}
.color-scene-back{position:absolute;width:70%;height:65%;object-fit:cover;right:1%;top:12%;opacity:.95;transform:rotate(8deg)}
.color-tropical-main{position:absolute;left:5%;top:9%;width:82%;height:76%;object-fit:cover;border:12px solid white;transform:rotate(-7deg);box-shadow:0 24px 60px #102d7025}
.motion-enhanced .is-current .color-tropical-main{animation:color-card-arrive 1.5s cubic-bezier(.18,.7,.2,1) both,color-card-drift 5s 1.5s ease-in-out both}
.color-scene-label{position:absolute;left:7%;bottom:8%;z-index:2;background:white;padding:18px 24px;color:#09216d;max-width:80%}
.color-scene-label small{font-size:10px;letter-spacing:.2em;font-weight:700}.color-scene-label strong{display:block;margin-top:10px;font-size:clamp(26px,3vw,44px);letter-spacing:-.05em;line-height:1.05}
.motion-enhanced .is-current .color-scene-label{animation:color-label-arrive .85s .35s both}
.color-floral-main{position:absolute;inset:1% 0 auto;width:100%;height:87%;object-fit:contain}
.color-floral-detail{position:absolute;right:-3%;bottom:0;width:49%;height:35%;object-fit:cover;transform:rotate(8deg);border:10px solid white}
.motion-enhanced .is-current .color-floral-main{animation:color-bloom 1.8s cubic-bezier(.2,.7,.2,1) both}
.motion-enhanced .is-current .color-floral-detail{animation:color-detail-arrive 1.25s .25s both}
.color-motion-controls{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 32px 12px 18px;min-height:60px}.color-motion-controls[hidden]{display:none}
.color-scene-select{display:flex;gap:12px}.color-motion-controls button{cursor:pointer;font-family:inherit;color:#09216d;border:0;background:white;min-height:44px}.color-scene-select button{border-top:2px solid #dce3f1;min-width:56px;padding:8px 16px;text-align:left}.color-scene-select button[aria-pressed=true]{border-color:#0736b9;background:#f0f4ff;font-weight:700}.color-motion-toggle{font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:8px}.color-motion-toggle:disabled{opacity:.6;cursor:default}.color-motion-controls button:focus-visible{outline:3px solid #dfb300;outline-offset:3px}.motion-paused .color-scene *{animation-play-state:paused!important}
@keyframes color-gallery-zoom{0%{transform:scale(.94) translateY(15px)}100%{transform:scale(1.075) translateY(-8px)}}
@keyframes color-card-arrive{0%{transform:translate(85px,65px) rotate(8deg) scale(.88);opacity:0}100%{transform:translate(0,0) rotate(-7deg) scale(1);opacity:1}}
@keyframes color-card-drift{from{transform:translate(0,0) rotate(-7deg)}to{transform:translate(-8px,-10px) rotate(-3deg)}}
@keyframes color-label-arrive{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes color-bloom{from{opacity:0;transform:scale(.7) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes color-detail-arrive{from{opacity:0;transform:translate(60px,40px) rotate(18deg)}to{opacity:1;transform:translate(0,0) rotate(8deg)}}
@media(max-width:950px){.color-motion-gallery{min-height:570px}.color-motion-stage{min-height:500px}.color-motion-controls{padding-right:12px;gap:8px}.color-scene-select{gap:5px}.color-scene-select button{min-width:42px;padding:8px 12px}}
@media(max-width:600px){.color-motion-gallery{height:490px!important;min-height:490px;width:100%;margin-top:12px}.color-motion-stage{height:430px;min-height:430px}.color-motion-gallery .color-scene-image{height:100%}.color-scene-label{bottom:5%;left:4%;padding:12px 16px}.color-scene-label strong{font-size:29px}.color-motion-stage .color-round-badge{width:94px;height:94px;font-size:16px;right:6%}.color-motion-gallery .color-tropical-main{height:76%;border-width:7px}.color-motion-gallery .color-floral-main{height:87%}.color-motion-controls{padding:8px 18px}.color-scene-select button{min-width:48px}.color-motion-toggle{font-size:11px}}
@media(prefers-reduced-motion:reduce){.color-motion-gallery *{animation:none!important;transition:none!important}.color-scene{transform:none!important}}
.motion-manual .color-scene *{animation:none!important}