/* Spatial transitions; content remains visible without JavaScript. */
.motion-stage{position:relative;isolation:isolate;perspective:1400px}.motion-stage .motion-unit{transform-origin:50% 55%;transition:opacity .8s ease,transform 1s cubic-bezier(.19,1,.22,1),filter .8s ease;transition-delay:var(--stagger,0ms)}.motion-stage.motion-ready:not(.motion-in) .motion-unit{opacity:0;transform:translate3d(0,55px,-70px) rotateX(7deg);filter:blur(5px)}.motion-stage.motion-in .motion-unit{opacity:1;transform:translateZ(0);filter:blur(0)}.motion-stage::after{content:'';position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,transparent 25%,#b0c7b0 44%,#f4fff2 50%,#b0c7b0 56%,transparent 75%);opacity:0;transform-origin:left;z-index:0}.motion-stage.beam-enter::after{animation:section-beam 1.15s ease-out both}.stage-home .refined-hero{perspective:1600px}.stage-home .app-visual{transform-style:preserve-3d;transform:translate3d(0,var(--hero-lift,0px),0) rotateX(calc(4deg + var(--tilt-x,0deg))) rotateY(calc(-9deg + var(--tilt-y,0deg)));transform-origin:50% 50%;transition:transform .35s ease-out,box-shadow .35s ease-out;box-shadow:15px 30px 60px #17342c16;will-change:transform}.stage-home .app-visual::before,.stage-home .app-visual::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;border:1px solid #bacbb780;transform:translate3d(15px,14px,-24px);background:#edf1e7b3}.stage-home .app-visual::after{transform:translate3d(30px,28px,-48px);background:#e9eee640;border-color:#cad6c666}.stage-home .app-content{transform:translateZ(12px);background:white}.stage-home .browser-bar{transform:translateZ(12px)}.stage-home .demo-caption{transform:translateZ(14px)}.stage-home .immo-name>span{display:inline-block;transform:perspective(700px) rotateY(var(--case-turn,-12deg));transition:transform .3s ease-out;text-shadow:3px 3px 0 #dfe7d8,6px 6px 0 #edf0e7}.stage-home .offer-row{transition:padding-left .3s ease,background-color .3s ease}.stage-home .offer-row:hover{padding-left:12px;background:#edf1e740}.stage-home .offer-row b{transition:transform .3s ease}.stage-home .offer-row:hover b{transform:translate3d(4px,-4px,0)}.motion-toggle{font-size:11px;color:#7a8b74;white-space:nowrap}.motion-off .motion-stage .motion-unit{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.motion-off .motion-stage::after{animation:none!important;opacity:0!important}.motion-off .app-visual,.motion-off .immo-name>span{transform:none!important;transition:none!important}.motion-off .app-visual::before,.motion-off .app-visual::after{display:none}.motion-off .offer-row,.motion-off .offer-row b{transition:none!important}.motion-off .offer-row:hover b{transform:none}.motion-off .offer-row:hover{padding-left:0}
@keyframes section-beam{0%{opacity:0;transform:scaleX(.05)}25%{opacity:.9}100%{opacity:0;transform:scaleX(1)}}
@media(max-width:700px){.stage-home .app-visual{transform:perspective(1100px) rotateX(3deg) rotateY(-4deg);margin-right:12px}.stage-home .app-visual::before{transform:translate3d(8px,8px,-16px)}.stage-home .app-visual::after{display:none}.motion-stage.motion-ready:not(.motion-in) .motion-unit{transform:translate3d(0,28px,0) rotateX(3deg);filter:blur(2px)}.motion-stage .motion-unit{transition-duration:.65s}.stage-home .offer-row:hover{padding-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important;scroll-snap-type:none!important}.motion-stage .motion-unit{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.motion-stage::after{animation:none!important}.stage-home .app-visual,.stage-home .immo-name>span{transform:none!important;transition:none!important;will-change:auto}.stage-home .app-visual::before,.stage-home .app-visual::after{display:none}.stage-home .offer-row,.stage-home .offer-row b{transition:none!important}}

/* Sculptural light and editorial motion, inspired by the reference's spatial pacing. */
.stage-home .refined-hero{position:relative;isolation:isolate;overflow:clip}
.hero-sculpture{position:absolute;inset:-12% -8%;pointer-events:none;z-index:-1;perspective:1100px;opacity:.5;transform:translate3d(0,var(--sculpture-y,0px),0) rotate(var(--sculpture-r,-8deg));transition:transform .18s ease-out}
.hero-sculpture i{position:absolute;display:block;left:32%;top:9%;width:65%;height:83%;border:1px solid #8da48d45;border-radius:47% 53% 60% 40% / 35% 57% 43% 65%;transform:rotateY(58deg) rotateZ(-25deg);box-shadow:inset 3px 0 8px #ffffffc9,7px 0 16px #657f6810;background:linear-gradient(112deg,transparent 43%,#afbfac18 50%,transparent 61%)}
.hero-sculpture i:nth-child(2){left:40%;top:-15%;transform:rotateY(63deg) rotateZ(25deg);width:70%;height:110%;border-color:#8da48d30}
.hero-sculpture i:nth-child(3){left:56%;top:13%;transform:rotateY(70deg) rotateZ(-48deg);width:50%;height:99%}
.hero-sculpture i:nth-child(4){left:20%;top:55%;transform:rotateY(64deg) rotateZ(69deg);width:95%;height:66%;opacity:.4}
.title-line{display:block;overflow:clip;padding-bottom:.12em;margin-bottom:-.12em}
.title-line>span,.title-line>em{display:block;transform:translateY(0);animation:title-arrive 1.15s cubic-bezier(.16,1,.3,1) both}
.title-line:nth-child(2)>span{animation-delay:.12s}.title-line:nth-child(3)>em{animation-delay:.24s}
@keyframes title-arrive{from{transform:translateY(112%) rotate(2deg)}to{transform:translateY(0) rotate(0)}}
.motion-stage::after{display:none}.motion-stage .motion-unit{transition-duration:1.15s;transition-timing-function:cubic-bezier(.16,1,.3,1)}
.motion-stage.motion-ready:not(.motion-in) .motion-unit{transform:translate3d(0,70px,-35px) rotateX(4deg);filter:none}
.motion-stage .offer-row{position:relative;transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1),padding-left .35s ease;transition-delay:var(--stagger,0ms)}
.offer-row::after{content:'';height:1px;position:absolute;bottom:-1px;left:0;right:0;background:#344f43;transform:scaleX(0);transform-origin:left;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.offer-row:hover::after,.offer-row:focus-visible::after{transform:scaleX(1)}
.stage-home .app-visual{box-shadow:12px 32px 65px #17342c12}.stage-home .app-visual::before{background:#edf1e770}.stage-home .app-visual::after{background:transparent}
.motion-off .hero-sculpture{transform:none!important}.motion-off .title-line>*{animation:none!important}.motion-off .offer-row::after{transition:none!important}
@media(max-width:700px){.hero-sculpture{opacity:.28;inset:0 -35% 15%;transform:none!important}.hero-sculpture i{left:10%}.title-line>*{animation-duration:.75s}.motion-stage.motion-ready:not(.motion-in) .motion-unit{transform:translateY(24px)}}
@media(prefers-reduced-motion:reduce){.hero-sculpture{transform:none!important}.title-line>*{animation:none!important}.offer-row::after{transition:none!important}}