.residences{position:relative;height:auto;max-height:none;min-height:var(--section-height);padding:56px 0;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse 60% 55% at 75% 65%,#fffcf1,transparent 70%),radial-gradient(ellipse 40% 40% at 0% 0%,#ddceb04d,transparent 70%),var(--sand)}.residences-container{display:flex;flex-direction:column}.residences-heading{text-align:center;margin-bottom:28px}.residences h2 em{font-style:italic;color:var(--gold)}
/* Compact segmented selector: one slim row instead of four large cards. */
.residence-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,880px);margin:0 auto;border:1px solid #c9b48c99;background:#fffdf7b3}.residence-tabs button{position:relative;display:flex;align-items:baseline;justify-content:center;gap:10px;padding:14px 12px;border:0;background:transparent;font:500 21px/1 var(--serif);font-variant-numeric:lining-nums;color:#7d7462;white-space:nowrap;transition:background .45s,color .45s}.residence-tabs button+button{border-left:1px solid #c9b48c66}.residence-tabs button span{font:400 12px/1 var(--sans);font-variant-numeric:lining-nums;letter-spacing:.08em;text-transform:uppercase;color:#9b8c71;transition:color .45s}.residence-tabs button:hover{background:#efe6d6}.residence-tabs button[aria-selected=true]{background:#242d27;color:#f1e8d6}.residence-tabs button[aria-selected=true] span{color:#c9ad7c}
.residence-panel{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.75fr);gap:6%;align-items:center;margin-top:30px;outline-offset:8px}.residence-image{position:relative;height:min(600px,calc(var(--section-height) - 270px));min-height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden}.residence-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.plan-wipe{position:absolute;inset:0;z-index:2;background:linear-gradient(100deg,#e6dcc9,#f4eee3 50%,#e6dcc9);transform:scaleX(0);pointer-events:none}
.residence-copy{position:relative;min-width:0}.residence-kicker{position:relative;margin-bottom:12px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.residence-copy h3{position:relative;margin-bottom:22px;font-variant-numeric:lining-nums;font-size:clamp(28px,2.2vw,36px);line-height:1.12;color:#6f5f43}.residence-divider{display:block;width:64px;height:1px;margin-bottom:24px;background:var(--gold)}.residence-copy dl{display:grid;grid-template-columns:1fr;margin-bottom:32px;border-top:1px solid var(--line)}.residence-copy dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.residence-copy dt{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#9b8c71}.residence-copy dd{margin:0;font:400 26px/1.2 var(--serif);font-variant-numeric:lining-nums;color:#4d4636;white-space:nowrap}
.residence-button{width:100%;gap:12px;min-height:54px;padding:14px 24px;background:#242d27;border-color:#242d27;color:#ecdcb9;letter-spacing:.14em;text-transform:uppercase}.residence-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:translate .3s}.residence-button:hover{background:#344036;border-color:#344036}.residence-button:hover svg{translate:0 2px}
/* Luxury entrance (keyframes in motion.css): rules draw out, the selector fades up, the plan is drawn top to bottom and the details glide in. */
.motion-ready .residences [data-reveal],.motion-ready .residences [data-reveal].is-visible{opacity:1;transform:none;transition:none}.motion-ready .residences [data-reveal]:not(.is-visible)>*{opacity:0}.motion-ready .residence-tabs[data-reveal]:not(.is-visible){opacity:0}
.motion-ready .residences-heading.is-visible h2{animation:lux-focus-up 1.7s .2s cubic-bezier(.16,1,.3,1) both}
.motion-ready .residence-tabs.is-visible{animation:lux-rise 1.1s .2s cubic-bezier(.16,1,.3,1) both}
/* No animation on .residence-image itself: an animated container isolates the plan, so its white paper would stop blending into the sand. */.motion-ready .residence-panel.is-visible .residence-image img{animation:lux-plot 2.2s .5s cubic-bezier(.65,0,.35,1) both}.motion-ready .residence-panel.is-visible .residence-copy{animation:lux-from-right 1.5s .6s cubic-bezier(.16,1,.3,1) both}
@media(min-width:992px) and (max-height:780px){.residences{padding:40px 0}.residences-heading{margin-bottom:22px}.residence-tabs button{padding:12px}.residence-panel{margin-top:24px}.residence-image{height:calc(var(--section-height) - 222px)}.residence-copy dl{margin-bottom:24px}.residence-copy dl>div{padding:12px 0}}
@media(max-width:991px){.residences{padding:90px 0;min-height:0}.residence-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.residence-tabs button:nth-child(3){border-left:0}.residence-tabs button:nth-child(n+3){border-top:1px solid #c9b48c66}.residence-panel{grid-template-columns:1fr;gap:44px}.residence-image{height:480px}}
@media(max-width:600px){.residences{padding:72px 0}.residences-heading{margin-bottom:26px}.residence-tabs button{flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:19px}.residence-tabs button span{font-size:10.5px;letter-spacing:.05em}.residence-panel{margin-top:22px;gap:32px}.residence-image{height:280px}.residence-copy dd{font-size:23px}}