
/* Motion edition — progressive enhancement */
:root{--ease-premium:cubic-bezier(.22,1,.36,1)}
body{overflow-x:hidden}::selection{background:#f5a5bf;color:#311b25}
#scroll-progress{position:fixed;z-index:9999;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#e45483,#ffc0d2);pointer-events:none;box-shadow:0 0 14px #e4548355}
.motion-reveal{opacity:0;transform:translate3d(0,52px,0);filter:blur(7px);transition:opacity 1s var(--ease-premium),transform 1.1s var(--ease-premium),filter 1s var(--ease-premium)}
.motion-reveal.is-visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
.motion-reveal:nth-child(2){transition-delay:.09s}.motion-reveal:nth-child(3){transition-delay:.16s}.motion-reveal:nth-child(4){transition-delay:.23s}
.motion-image{overflow:hidden}.motion-image img{transition:transform 1.3s var(--ease-premium),filter .8s ease;will-change:transform}.motion-image:hover img{transform:scale(1.055)}
.motion-button{position:relative;overflow:hidden;transition:transform .4s var(--ease-premium),box-shadow .4s ease!important}.motion-button:hover{transform:translateY(-4px);box-shadow:0 16px 36px #d9568240}.motion-button:active{transform:scale(.98)}
.motion-button:after{content:'';position:absolute;top:-60%;left:-55%;width:38%;height:220%;transform:rotate(24deg) translateX(-350%);background:linear-gradient(90deg,transparent,#fff8,transparent);transition:transform .75s ease;pointer-events:none}.motion-button:hover:after{transform:rotate(24deg) translateX(650%)}
.motion-marquee{overflow:hidden;background:#f8c9d7;border-block:1px solid #f0b7c8;padding:16px 0;white-space:nowrap}.motion-marquee-track{display:flex;width:max-content;animation:motionTicker 32s linear infinite}.motion-marquee span{font-size:clamp(14px,1.4vw,19px);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#813d58;padding:0 30px}.motion-marquee b{font-size:18px;color:#d95783}@keyframes motionTicker{to{transform:translateX(-50%)}}
.motion-story{position:relative;min-height:90vh;background:linear-gradient(125deg,#fff4f6 0%,#fbe3e9 55%,#f8d1dd 100%);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(25px,6vw,110px);padding:clamp(60px,9vw,145px) max(6vw,calc((100vw - 1250px)/2));overflow:hidden}.motion-story:before{content:'';position:absolute;right:-18vw;top:-15vw;width:65vw;height:65vw;background:radial-gradient(circle,#fff9 0%,transparent 65%);pointer-events:none}.motion-story-copy{position:relative;z-index:2}.motion-eyebrow{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:#a34b6b;font-weight:700}.motion-story h2{font-size:clamp(3.2rem,6vw,7rem);line-height:1.02;margin:20px 0 25px}.motion-story h2 em{color:#d85b84;font-weight:400}.motion-story p{font-size:clamp(16px,1.4vw,20px);max-width:490px;color:#67555b}.motion-story-visual{position:relative;min-height:520px;border-radius:260px 260px 30px 30px;overflow:hidden;box-shadow:0 35px 80px #ae607640}.motion-story-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transform:scale(1.12);will-change:transform}.motion-floating{position:absolute;z-index:2;bottom:8%;left:-7%;padding:18px 24px;background:#fffdf9e8;backdrop-filter:blur(18px);border:1px solid #fff;border-radius:18px;box-shadow:0 15px 40px #bd81904a;font-size:14px;font-weight:600;color:#7c4355}
.motion-section-divider{height:clamp(55px,10vw,150px);background:linear-gradient(175deg,#fff9f7 49%,#ffe9ef 50%)}
@media(max-width:760px){.motion-story{grid-template-columns:1fr;min-height:auto;padding:85px 7vw}.motion-story-visual{min-height:420px;max-width:480px;width:90%;margin:auto}.motion-floating{left:-5%;bottom:5%}.motion-story h2{font-size:clamp(3rem,12vw,5rem)}.motion-marquee span{font-size:13px;padding:0 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.motion-reveal{opacity:1;transform:none;filter:none;transition:none}.motion-marquee-track{animation:none}.motion-image img,.motion-button{transition:none!important}.motion-button:after{display:none}}
