/* Motion stays decorative: native scrolling, fixed photo alignment, readable content. */
.scroll-progress{position:fixed;inset:0 0 auto;z-index:70;height:3px;background:linear-gradient(90deg,#c4582c,#e6aa3c,#598041);transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}
.motion-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 11px;border:1px solid #a6b58d;background:#f2f1db;color:#18251a;font-size:10px;white-space:nowrap}.motion-toggle .icon{width:14px;height:14px}.motion-toggle:hover{background:#e3edcc}.motion-toggle[aria-pressed=true]{background:#0d2c4a;color:#fff9ee}
.hero{position:relative;isolation:isolate}.hero>.wrap{position:relative;z-index:2}.hero-wind{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.wind-leaf{position:absolute;width:40px;height:48px;opacity:.45;transform:translate3d(var(--wind-x,0px),var(--wind-y,0px),0) rotate(var(--wind-angle,0deg));will-change:transform}.wind-leaf:nth-child(1){left:1%;top:13%;width:25px;rotate:-25deg}.wind-leaf:nth-child(2){right:1.5%;top:37%;width:38px;rotate:45deg}.wind-leaf:nth-child(3){left:45%;top:76%;width:22px;rotate:15deg}.wind-leaf:nth-child(4){left:2.5%;top:82%;width:43px;rotate:-60deg}.wind-leaf:nth-child(5){right:28%;top:3%;width:25px;rotate:75deg}
.motion-enabled .hero-visual{transform:translate3d(0,var(--hero-drift,0px),0) rotate(var(--hero-roll,0deg));transform-origin:center 70%;will-change:transform}.motion-enabled .pet-inset{transform:translate3d(0,var(--pet-drift,0px),0) rotate(var(--pet-roll,5deg))}.hero h1 .headline-line{display:block}.motion-word{display:inline-block;white-space:pre}.motion-enabled .motion-word{animation:word-arrive .85s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--word-delay,0ms);transform-origin:left bottom}.hero h1 em{position:relative;width:fit-content;z-index:0}.hero h1 em:after{content:'';position:absolute;left:0;right:0;height:.14em;bottom:.02em;background:#e9b35d75;z-index:-1;transform:scaleX(0) rotate(-2deg);transform-origin:left}.motion-enabled .hero h1 em:after{animation:ink-sweep .65s .6s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes word-arrive{from{opacity:0;transform:translate3d(0,42px,0) rotate(6deg) scale(.92)}to{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}}@keyframes ink-sweep{to{transform:scaleX(1) rotate(-2deg)}}
.motion-ribbon{width:calc(100% - 20px);margin-inline:10px;overflow:hidden;background:#a83f20;color:#fff7e5;padding:16px 0;transform:rotate(-1deg) scale(1.01);margin-block:17px 4px;position:relative;z-index:3;contain:paint}.ribbon-track{display:flex;width:max-content;animation:ribbon-pass 34s linear infinite;animation-play-state:paused}.motion-ribbon.motion-in-view .ribbon-track{animation-play-state:running}.ribbon-copy{display:flex;gap:35px;align-items:center;padding-right:35px;white-space:nowrap;font:italic 24px/1.2 var(--serif);letter-spacing:-.025em}.ribbon-copy .icon{width:24px;height:24px;color:#ffd07c;flex-shrink:0}.ribbon-copy b{font:600 10px var(--sans);letter-spacing:.14em}.ribbon-copy i{font-style:normal;color:#f3bf67;font-size:18px}@keyframes ribbon-pass{to{transform:translateX(-50%)}}
.motion-enabled .motion-pending{opacity:0;translate:0 34px;rotate:var(--entry-roll,0deg);scale:.97}.motion-enabled .motion-arrive{animation:section-arrive .75s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--entry-delay,0ms)}@keyframes section-arrive{from{opacity:0;translate:0 34px;rotate:var(--entry-roll,0deg);scale:.97}to{opacity:1;translate:0 0;rotate:0deg;scale:1}}
.motion-pending:focus-within{opacity:1!important;translate:0 0!important;rotate:0deg!important;scale:1!important}.service-card,.review,.plan{transform-style:preserve-3d}.motion-enabled .service-card{transform:perspective(900px) translate3d(0,var(--card-lift,0px),0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease-out,filter .25s}.service-card .card-top>.icon{transition:transform .35s cubic-bezier(.16,1,.3,1)}.service-card:hover .card-top>.icon{transform:rotate(-10deg) translateY(-3px)}.motion-enabled .founder-photos figure:first-child{transform:translate3d(var(--fan-left-x,-16px),var(--fan-left-y,35px),0) rotate(var(--fan-left-angle,-12deg))}.motion-enabled .founder-photos figure:nth-child(2){transform:translate3d(var(--fan-right-x,16px),var(--fan-right-y,50px),0) rotate(var(--fan-right-angle,13deg))}.motion-enabled .founder-photos figure{will-change:transform}.motion-enabled .round-seal{animation:seal-arrive 1s .2s cubic-bezier(.2,1.35,.4,1) both}@keyframes seal-arrive{from{opacity:0;transform:rotate(-35deg) scale(.4)}to{opacity:1;transform:rotate(12deg) scale(1)}}
.process ol{position:relative;isolation:isolate}.process ol:after,.process ol:before{content:'';position:absolute;left:10px;top:16px;bottom:26px;width:2px;z-index:-1;pointer-events:none}.process ol:after{background:#dad8bb}.process ol:before{background:#b25a2d;transform:scaleY(var(--process-progress,0));transform-origin:top;z-index:0}.process li{position:relative}.process li>span{align-self:flex-start;flex-shrink:0;min-width:28px;background:var(--cream);padding-block:5px;position:relative;z-index:1;transition:color .3s,transform .3s}.process li.step-passed>span{color:#24543c;transform:scale(1.15)}.process li.step-passed h3{color:#24543c}.comparison{position:relative}.motion-enabled .comparison:before{content:'';position:absolute;top:-8px;left:-8px;width:65px;height:65px;border-top:3px solid #b65b2c;border-left:3px solid #b65b2c;pointer-events:none;opacity:.7}.motion-enabled .comparison:after{content:'';position:absolute;right:-8px;bottom:-8px;width:65px;height:65px;border-bottom:3px solid #b65b2c;border-right:3px solid #b65b2c;pointer-events:none;opacity:.7}
@media(hover:hover) and (pointer:fine){.button{position:relative;overflow:hidden;isolation:isolate}.button:after{content:'';position:absolute;inset:0;background:#ffffff18;transform:translateX(-110%) skewX(-18deg);transition:transform .45s;z-index:-1}.button:hover:after{transform:translateX(0) skewX(-18deg)}.motion-enabled .pet-inset:hover{transform:translateY(-6px) rotate(-3deg)}.review{transition:transform .3s}.review:hover{transform:translateY(-5px) rotate(-.4deg)}}
@media(max-width:800px){.motion-toggle{width:100%;margin-block:8px;justify-content:flex-start;padding-left:14px;font-size:12px}.motion-ribbon{padding-block:13px}.ribbon-copy{font-size:21px;gap:26px;padding-right:26px}.ribbon-copy b{font-size:9px}.ribbon-track{animation-duration:42s}}
@media(max-width:600px){.motion-enabled .hero-visual{transform:translate3d(0,var(--hero-drift,0px),0);will-change:auto}.wind-leaf{opacity:.3}.wind-leaf:nth-child(3),.wind-leaf:nth-child(5){display:none}.wind-leaf:nth-child(1){top:3%;left:auto;right:7%;width:22px}.wind-leaf:nth-child(2){top:47%;right:1%;width:27px}.wind-leaf:nth-child(4){top:93%;left:3%;width:26px}.motion-enabled .motion-word{animation-duration:.65s}.motion-enabled .motion-arrive{animation-duration:.55s}.motion-ribbon{margin-block:12px 0;padding-block:12px;transform:rotate(-1deg) scale(1.02)}.ribbon-copy{font-size:20px;gap:22px;padding-right:22px}.ribbon-copy b{font-size:8px;letter-spacing:.1em}.ribbon-copy .icon{width:19px;height:19px}.ribbon-track{animation-duration:48s}.motion-enabled .motion-pending{translate:0 20px;scale:.99}.motion-enabled .service-card{transform:none;transform-style:flat}.service-card:active{scale:.985}.service-card:hover .card-top>.icon{transform:none}.motion-enabled .founder-photos figure{will-change:auto}.process ol:before{left:10px}.process li>span{min-width:28px}.motion-enabled .comparison:before,.motion-enabled .comparison:after{width:35px;height:35px;top:-5px;left:-5px;border-width:2px}.motion-enabled .comparison:after{top:auto;left:auto;right:-5px;bottom:-5px}.motion-word{white-space:pre}}
/* The same pause setting controls both the new scroll layer and the existing leaf ad. */
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}html[data-motion=off] .motion-pending,html[data-motion=off] .motion-arrive{opacity:1!important;translate:0 0!important;rotate:0deg!important;scale:1!important}html[data-motion=off] .hero-visual,html[data-motion=off] .service-card{transform:none!important}html[data-motion=off] .hero h1 em:after{transform:scaleX(1) rotate(-2deg)}html[data-motion=off] .founder-photos figure:first-child{transform:rotate(-4deg)}html[data-motion=off] .founder-photos figure:nth-child(2){transform:rotate(4deg)}html[data-motion=off] .pet-inset{transform:rotate(5deg)}html[data-motion=off] #leaf-canvas{display:none}html[data-motion=off] .wind-leaf{transform:none;will-change:auto}.page-hidden *,.page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}.motion-word,.motion-pending,.motion-arrive{opacity:1!important;translate:none!important;rotate:none!important;scale:1!important;animation:none!important}.hero-visual{transform:none!important}.ribbon-track{animation:none!important}.wind-leaf{transform:none!important;will-change:auto!important}.hero h1 em:after{transform:scaleX(1) rotate(-2deg)}.motion-enabled .founder-photos figure:first-child{transform:rotate(-4deg)}.motion-enabled .founder-photos figure:nth-child(2){transform:rotate(4deg)}}
@media print{.scroll-progress,.motion-toggle,.hero-wind,.motion-ribbon{display:none!important}.motion-pending,.motion-arrive{opacity:1!important;translate:none!important;rotate:none!important;scale:1!important}.motion-enabled .comparison:before,.motion-enabled .comparison:after{display:none}}

.motion-toggle:disabled{cursor:default;opacity:.7}

@media(max-width:600px){@keyframes section-arrive{from{opacity:0;translate:0 18px;rotate:0deg;scale:.99}to{opacity:1;translate:0 0;rotate:0deg;scale:1}}}
html[data-motion=off]{scroll-behavior:auto}