.reading-progress{position:fixed;inset:0 0 auto;height:3px;background:var(--accent);z-index:100;transform-origin:left;pointer-events:none;box-shadow:0 0 12px var(--accent)}
.motion-toggle{position:fixed;bottom:18px;left:18px;z-index:40;padding:10px 15px;border:1px solid #ffffff45;border-radius:24px;background:#161b1ee8;color:#fff;box-shadow:0 4px 25px #0003;font:500 12px Manrope,Arial,sans-serif;backdrop-filter:blur(12px)}
.enhanced-motion .depth-card{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s ease-out,box-shadow .3s;transform-style:preserve-3d;backface-visibility:hidden;position:relative}
.enhanced-motion .depth-card:hover{box-shadow:0 22px 45px #0002;z-index:2}
.depth-card .card-body,.depth-card .dish-copy,.depth-card .project-info{transform:translateZ(18px)}
.depth-card .card-image img,.depth-card .project-image img{transition:transform .8s cubic-bezier(.16,1,.3,1)}
.depth-card:hover .card-image img,.depth-card:hover .project-image img{transform:scale(1.06)}
.depth-hero{perspective:1200px;isolation:isolate}
.enhanced-motion .depth-hero .hero-media,.enhanced-motion .depth-hero .maison-hero-photo{transform:translate3d(calc(var(--hx,0)*-22px),calc(var(--scroll-y,0px) + var(--hy,0)*-12px),0) rotateY(calc(var(--hx,0)*3deg)) scale(1.045);transition:transform .45s ease-out;transform-origin:center}
.enhanced-motion .depth-hero .hero-copy,.enhanced-motion .depth-hero .maison-hero-copy{transform:translate3d(calc(var(--hx,0)*10px),calc(var(--hy,0)*8px),30px);transition:transform .5s ease-out}
.enhanced-motion .gallery-title .edition{animation:edition-float 6s ease-in-out infinite;transform-style:preserve-3d}
.enhanced-motion .hero-copy h1,.enhanced-motion .maison-hero-copy h1,.enhanced-motion .gallery-title h1{animation:title-enter 1s cubic-bezier(.16,1,.3,1) both}
.enhanced-motion .hero-copy>p,.enhanced-motion .maison-hero-copy>p{animation:title-enter 1.2s cubic-bezier(.16,1,.3,1) both}
.enhanced-motion .button{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,filter .25s}
.enhanced-motion .button:after{content:'';position:absolute;inset:-60% auto -60% -90%;width:50%;background:linear-gradient(90deg,transparent,#fff4,transparent);transform:skewX(-25deg);pointer-events:none;transition:left .65s}
.enhanced-motion .button:hover:after{left:145%}.enhanced-motion .button:hover{box-shadow:0 8px 25px #0002;transform:translateY(-4px)}
.enhanced-motion dialog[open]{animation:dialog-enter .3s cubic-bezier(.16,1,.3,1)}
.enhanced-motion .site-header,.enhanced-motion .maison-header{transition:background .3s}
.enhanced-motion .reveal{opacity:1;transform:none;transition:none}
@keyframes title-enter{from{opacity:0;transform:translateY(35px) rotateX(10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}
@keyframes edition-float{0%,100%{transform:translateY(0) rotateY(-7deg)}50%{transform:translateY(-14px) rotateY(7deg)}}
@keyframes dialog-enter{from{opacity:0;transform:perspective(1000px) translateY(20px) rotateX(-6deg) scale(.98)}to{opacity:1;transform:none}}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;scroll-behavior:auto!important}
.motion-paused .depth-card,.motion-paused .depth-hero .hero-media,.motion-paused .depth-hero .maison-hero-photo,.motion-paused .depth-hero .hero-copy,.motion-paused .depth-hero .maison-hero-copy{transform:none!important;transition:none!important}
@media(max-width:700px){.motion-toggle{bottom:12px;left:12px;padding:8px 11px;font-size:12px}.enhanced-motion .depth-hero .hero-copy,.enhanced-motion .depth-hero .maison-hero-copy{transform:none}.depth-card .card-body,.depth-card .dish-copy,.depth-card .project-info{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.enhanced-motion *{animation:none!important;transition:none!important}}