/* Light, contact shadow and restrained perspective belong to the same surface. */
.residences{background:radial-gradient(ellipse at 50% 46%,#fffdf84d,transparent 68%),var(--paper)}
.residence-viewport{padding-top:30px;padding-bottom:46px;margin-top:-30px;margin-bottom:-46px}
.residence-card,.life-panel{perspective:1100px}
.depth-surface{--depth-x:0;--depth-y:0;--depth-active:0;--depth-press:0;
 transform:perspective(1100px) translate3d(0,calc(var(--depth-active)*-8px + var(--depth-press)*3px),0) rotateX(calc(var(--depth-y)*-2.2deg)) rotateY(calc(var(--depth-x)*2.6deg)) scale(calc(1 - var(--depth-press)*.018));
 box-shadow:0 2px 3px rgb(43 32 22 / .07),calc(var(--depth-x)*-9px) calc(12px + var(--depth-active)*13px) calc(24px + var(--depth-active)*18px) calc(-8px + var(--depth-press)*-2px) rgb(43 32 22 / calc(.12 + var(--depth-active)*.09));
 transition:none;isolation:isolate;}
.depth-awake{will-change:transform}
.residence-cover.depth-surface{border:1px solid #34291b12}
.surface-light{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at calc(50% + var(--depth-x)*40%) calc(50% + var(--depth-y)*40%),#fffdf938,transparent 72%);opacity:calc(var(--depth-active)*.65);mix-blend-mode:soft-light}
.residence-cover.depth-surface>img,.life-window.depth-surface>img,.life-window.depth-surface>video{transform:translate3d(calc(var(--depth-x)*-5px),calc(var(--depth-y)*-5px),0) scale(calc(1.035 + var(--depth-active)*.017))!important;transition:none!important}
.residence-card button:hover .residence-open{transform:translate(2px,-2px);background:#f7f2e8de;box-shadow:0 5px 15px #21170f26}
.residence-open{z-index:3;backdrop-filter:blur(10px);border-color:#fff8}
.residence-name h3{transition:letter-spacing .65s var(--motion-ease),color .45s}
.residence-card>button:hover .residence-name h3{letter-spacing:.01em;color:#633b32}
.life-ribbon{padding-top:14px;margin-top:-14px;gap:clamp(18px,2.3vw,35px)}
.life-window.depth-surface{box-shadow:0 2px 3px #30201512,calc(var(--depth-x)*-8px) calc(14px + var(--depth-active)*15px) calc(28px + var(--depth-active)*18px) -12px rgb(52 34 19 / calc(.20 + var(--depth-active)*.08))}
.life-view{z-index:3;box-shadow:0 5px 18px #21170f1f}
.portrait-main.depth-surface{box-shadow:0 3px 5px #30261a10,calc(var(--depth-x)*-8px) 26px 50px -18px #30261a35}
.portrait-secondary.depth-surface,.portrait-stack:hover .portrait-secondary.depth-surface{transform:perspective(1100px) translate3d(calc(var(--depth-x)*3px),calc(var(--depth-active)*-7px + var(--depth-press)*2px),0) rotate(calc(3deg - var(--depth-active)*2deg)) rotateY(calc(var(--depth-x)*2deg)) scale(calc(1 - var(--depth-press)*.015));box-shadow:0 2px 5px #30261a15,0 22px 35px -12px #30261a55}
.portrait-secondary .surface-light{inset:0;overflow:hidden}
.portrait-main.depth-surface>img,.portrait-stack:hover .portrait-main.depth-surface>img{transform:translate(calc(var(--depth-x)*-3px),calc(var(--depth-y)*-3px)) scale(calc(1.018 + var(--depth-active)*.018));transition:none}
.circle-control,.gallery-arrow,.round-link>span{box-shadow:0 2px 2px #36281705,0 7px 14px -9px #36281730;transition:box-shadow .45s var(--motion-ease),background .3s,color .3s,scale .5s var(--motion-ease)}
.circle-control:hover:not(:disabled),.round-link:hover>span{box-shadow:0 3px 5px #36281715,0 13px 20px -9px #36281745;scale:1.045}
.circle-control:active:not(:disabled),.gallery-arrow:active:not(:disabled),.round-link:active>span{scale:.93;box-shadow:0 1px 3px #36281730}
.gallery-stage-wrap{box-shadow:0 4px 8px #3c291b08,0 28px 65px -28px #3c291b33}
.gallery-stage{background:radial-gradient(ellipse at 45% 40%,#f3eee6,#e2dacc)}
.gallery-slide{padding:18px}
.gallery-slide img{height:auto;width:auto;max-height:100%;max-width:100%;filter:drop-shadow(0 8px 12px #30221824)}
.travel-image{box-shadow:0 18px 50px -12px #30221845}
.gallery-thumbs button{transition:opacity .4s,transform .6s var(--motion-ease),box-shadow .4s}
.gallery-thumbs button[aria-current="true"]{box-shadow:0 4px 8px -4px #30221850}
#image-cursor{width:76px;height:76px;background:#f6f1e8cf;box-shadow:0 4px 9px #1c120d10,0 16px 32px -9px #1c120d40;backdrop-filter:blur(13px);border-color:#fff9}
.sample-note a{color:inherit;text-underline-offset:4px;text-decoration:underline;margin-left:12px}
@media(max-width:600px){.residence-viewport{padding-top:22px;padding-bottom:38px;margin-top:-22px;margin-bottom:-38px}.life-ribbon{column-gap:16px;row-gap:34px}.gallery-slide{padding:9px}.sample-note{font-size:8px}.sample-note a{display:inline-block;margin-left:8px}.depth-surface{box-shadow:0 2px 3px #2b201612,0 12px 22px -10px #2b20162e}.surface-light{display:none}}
@media(hover:none){.residence-name h3{transition:none}.residence-card>button:hover .residence-name h3{letter-spacing:-.05em;color:inherit}}
.motion-paused .depth-surface,.motion-paused .portrait-stack:hover .portrait-secondary.depth-surface{transform:none!important;transition:none!important;will-change:auto}
.motion-paused .depth-surface>img,.motion-paused .depth-surface>video{transform:none!important;transition:none!important}
.motion-paused .surface-light{display:none}
@media(prefers-reduced-motion:reduce){.depth-surface,.portrait-stack:hover .portrait-secondary.depth-surface,.depth-surface>img,.depth-surface>video{transform:none!important;transition:none!important;will-change:auto}.surface-light{display:none}.circle-control,.gallery-arrow,.round-link>span,.residence-name h3{transition:none!important;scale:1!important}}

.sample-note{font-size:10px;line-height:1.9;opacity:1}@media(max-width:600px){.sample-note{font-size:9px}}

.residence-cover.depth-surface>img{object-position:var(--cover-position,50% 50%)!important}