.depth-scene{position:relative;perspective:1400px;min-width:0;isolation:isolate}.depth-card{position:relative;height:100%;width:100%;transform-style:preserve-3d;transform:rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));transition:transform .7s cubic-bezier(.2,.65,.25,1)}.depth-card:before{content:'';position:absolute;inset:0;z-index:-2;background:#e0d3bb;border:1px solid #b59b7270;transform:translateZ(-22px) translate(16px,16px);box-shadow:0 24px 40px -22px #39432a44}.depth-card:after{content:'';position:absolute;inset:-8px;border:1px solid #b9a16e80;pointer-events:none;z-index:2;transform:translateZ(9px)}.depth-card>img{width:100%;height:100%;object-fit:cover;position:relative;transform:translateZ(1px)}.arch-frame,.arch-frame:before,.arch-frame:after,.arch-frame>img{border-radius:240px 240px 4px 4px}.arch-frame:before{transform:translateZ(-23px) translate(-15px,16px)}.depth-light{position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,20%),#fff1bc80,transparent 60%);mix-blend-mode:soft-light;transform:translateZ(12px);transition:opacity .6s}.depth-active .depth-light{opacity:.5}.depth-active .depth-card{transition:transform .17s ease-out}.depth-visible .depth-card{animation:depth-float 10s ease-in-out infinite;will-change:transform,translate}.motion-ready [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity 1s,transform 1s cubic-bezier(.2,.6,.3,1)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}
@keyframes depth-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
.lux-eyebrow{display:flex;align-items:center;gap:14px}.lux-rule{display:block;width:56px;height:1px;background:var(--gold);transform-origin:left}
/* Shared luxury entrances; sections apply them once motion.js marks a [data-reveal] block .is-visible. */
@keyframes lux-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes lux-from-left{from{opacity:0;translate:-60px 0}to{opacity:1;translate:0 0}}
@keyframes lux-from-right{from{opacity:0;translate:60px 0}to{opacity:1;translate:0 0}}
@keyframes lux-focus-left{from{opacity:0;filter:blur(12px);translate:-80px 0;letter-spacing:.03em}to{opacity:1;filter:blur(0);translate:0 0;letter-spacing:-.025em}}
@keyframes lux-focus-right{from{opacity:0;filter:blur(12px);translate:80px 0;letter-spacing:.03em}to{opacity:1;filter:blur(0);translate:0 0;letter-spacing:-.025em}}
@keyframes lux-flip-right{from{opacity:0;transform:perspective(1800px) translateX(140px) rotateY(-72deg)}55%{opacity:1}to{opacity:1;transform:perspective(1800px) translateX(0) rotateY(0)}}
@keyframes lux-flip-left{from{opacity:0;transform:perspective(1800px) translateX(-140px) rotateY(72deg)}55%{opacity:1}to{opacity:1;transform:perspective(1800px) translateX(0) rotateY(0)}}
@keyframes lux-settle{from{scale:1.18}to{scale:1}}
@keyframes lux-focus-up{from{opacity:0;filter:blur(12px);translate:0 30px}to{opacity:1;filter:blur(0);translate:0 0}}
@keyframes lux-unveil{from{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(-120px)}}
@keyframes lux-fade{from{opacity:0}to{opacity:1}}
@keyframes lux-rise{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@keyframes lux-plot{from{opacity:.2;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes lux-wordmark{from{opacity:0;letter-spacing:.06em;filter:blur(10px)}to{opacity:1;letter-spacing:-.03em;filter:blur(0)}}
@keyframes lux-panel{from{opacity:0;transform:perspective(1400px) translateX(60px) rotateY(-10deg)}to{opacity:1;transform:perspective(1400px) translateX(0) rotateY(0)}}
@media(max-width:600px){.depth-card:after{inset:-5px}.depth-card:before{transform:translateZ(-12px) translate(8px,8px)}.arch-frame:before{transform:translateZ(-12px) translate(-7px,8px)}.arch-frame,.arch-frame:before,.arch-frame:after,.arch-frame>img{border-radius:65px 65px 3px 3px}.depth-visible .depth-card{animation-duration:12s}}
@media(prefers-reduced-motion:reduce){.depth-card,.depth-visible .depth-card,.depth-active .depth-card{animation:none!important;transform:none!important;translate:none!important;transition:none!important;will-change:auto}.depth-light{display:none}.motion-ready [data-reveal]{opacity:1;transform:none;transition:none}.residence-image:hover,.project-tabs button:hover{transform:none}}
