/* Optional progressive enhancement: the original layout is kept intact. */
.motion-controls{position:fixed;right:18px;bottom:18px;z-index:20;display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid #c8cdb7;border-radius:5px;background:#f6f4ebf5;box-shadow:0 4px 20px #24291d15;color:#24291d;font:11px/1.5 Arial,sans-serif}
.motion-controls button{border:0;background:transparent;padding:4px;color:inherit;font:inherit;cursor:pointer}.motion-controls a{text-decoration:underline;text-underline-offset:3px}.motion-controls button:focus-visible,.motion-controls a:focus-visible{outline:2px solid #7e8c28;outline-offset:3px}
.scroll-progress{position:fixed;inset:0 0 auto;height:3px;background:#7e8c28;transform-origin:left;transform:scaleX(var(--read-progress,0));z-index:30;pointer-events:none}
.motion-on .scroll-reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.65,.25,1);transition-delay:var(--reveal-delay,0ms)}
.motion-on .scroll-reveal.is-visible,.motion-on .scroll-reveal:focus-within{opacity:1;transform:none}
.motion-on .hero-image>img{transform:translateY(var(--hero-shift,0px)) scale(1.09);will-change:transform}
.motion-on .image-note{transform:translateY(var(--note-shift,0px)) rotate(var(--note-turn,-3deg))}
.motion-on .giant-star{transform:rotate(var(--star-turn,0deg));transform-origin:50% 50%;will-change:transform}
.motion-on .at-home{background:var(--home-tone,#efeddf);transition:background .15s linear}
.motion-on .home-title h2 em{background:linear-gradient(90deg,#7e8c2826,#7e8c2826) no-repeat left bottom;background-size:var(--home-line,0%) 25%;padding-bottom:5px}
.motion-on .steps article{position:relative}.motion-on .steps article:before{content:'';position:absolute;height:2px;background:#7e8c28;left:0;right:0;top:-1px;transform:scaleX(var(--step-progress,0));transform-origin:left}
.motion-on .cafe-card{transition:box-shadow .3s ease,opacity .75s ease,transform .85s cubic-bezier(.2,.65,.25,1);overflow:hidden}.motion-on .cafe-card:hover{box-shadow:0 12px 35px #24291d15}
.motion-off .scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}.motion-off .scroll-progress{display:none}.motion-off .hero-image>img,.motion-off .giant-star{transform:none!important}.motion-off .image-note{transform:rotate(-3deg)!important}
@media(max-width:650px){.motion-controls{right:10px;bottom:10px;padding:8px 10px;gap:10px;font-size:10px}.motion-on .hero-image>img{transform:translateY(var(--hero-shift,0px)) scale(1.06)}.motion-on .scroll-reveal{transform:translateY(16px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.scroll-progress{display:none}.scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}.hero-image>img,.giant-star{transform:none!important}.image-note{transform:rotate(-3deg)!important}}