/* Residence overview: editorial split, original project photography. */
.residence .residence-visual.residence-poster{min-height:0;aspect-ratio:auto;align-self:center;background:var(--green)}
.residence .residence-poster>img{position:relative;inset:auto;height:auto;object-fit:contain}
.residence .residence-poster::after{display:none}
.residence .residence-poster figcaption{position:relative;inset:auto;padding:14px 24px;gap:4px}
.residence{display:grid;grid-template-columns:55% 45%;background:#fcfbf7;color:var(--green);isolation:isolate}
.residence-copy{position:relative;padding:64px 48px 48px max(48px,calc((100vw - 1328px)/2));overflow:hidden}
.residence-copy::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fcfbf7e8,#fcfbf7d9),url('media/ceiling-912.webp') left center/cover no-repeat;opacity:.45;filter:grayscale(1)}
.residence .eyebrow{display:flex;align-items:center;gap:24px;color:#946132;font-size:11px;letter-spacing:.12em;margin-bottom:30px}
.residence .eyebrow::after{content:"";width:62px;height:1px;background:#c5a77e}
.residence h2{font-size:clamp(42px,4.1vw,64px);line-height:1.15;letter-spacing:-.035em;font-weight:400;margin-bottom:24px;text-wrap:initial}
.residence h2 span{display:block;color:#927049}
.residence-intro,.residence-developer{font-size:16px;line-height:1.75;color:#526460;max-width:680px}
.residence-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:34px 0 30px}
.residence-metrics>div{text-align:center;padding:0 12px;border-right:1px solid #d8c6ad;display:flex;flex-direction:column}
.residence-metrics>div:first-child{padding-left:0}.residence-metrics>div:last-child{border:0;padding-right:0}
.residence-metrics dd{order:-1;font:500 47px/1.1 var(--serif);letter-spacing:-.025em;margin:0 0 14px}.residence-metrics dd span{font-size:30px}
.residence-metrics dt{font-size:12px;line-height:1.65;color:#526460}
.residence-developer strong{color:var(--green);font-weight:600}
.residence-highlights{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:28px 0;gap:0}
.residence-highlights li{display:flex;align-items:center;gap:10px;padding:0 12px;border-right:1px solid #e0d4c2;font-size:10px;line-height:1.7}
.residence-highlights li:first-child{padding-left:0}.residence-highlights li:last-child{padding-right:0;border:0}
.residence-highlights svg{width:27px;height:30px;flex-shrink:0;stroke:#a97943;stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.residence-details{display:grid;grid-template-columns:112px 1fr;background:#f2efe7;border:1px solid #e9e3d7;min-height:120px;margin-top:30px}
.residence-detail-image{width:112px;height:100%;min-height:120px;object-fit:cover;object-position:center}
.residence-details dl{display:grid;grid-template-columns:1fr 1fr 1.25fr;align-items:center;margin:0;padding:20px 0}
.residence-details dl>div{padding:0 17px;border-right:1px solid #d8c6ad}.residence-details dl>div:last-child{border:0}
.residence-details dt{font-size:10px;color:#526460;line-height:1.6;margin-bottom:8px}
.residence-details dd{margin:0;font:500 28px/1.2 var(--serif);letter-spacing:-.025em;white-space:nowrap}.residence-details dd small{font-size:17px}.residence-details .residence-status{font-size:20px;white-space:normal}
.residence-visual{position:relative;min-height:820px;margin:0;overflow:hidden;background:#6d573c}
.residence-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% center}
.residence-visual::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#102a27d9);pointer-events:none}
.residence-visual figcaption{position:absolute;z-index:1;inset:auto 32px 26px;color:#fff;margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.residence-view{display:flex;align-items:center;gap:16px;min-height:54px;background:transparent;border:0;color:#fff;font:500 11px/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:0}
.residence-view-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #e9cd92;border-radius:50%;font-size:21px;font-weight:400;color:#e9cd92}
.residence-view:hover .residence-view-icon{background:#193d3c}.residence-view:focus-visible{outline-color:var(--champagne)}
.residence-image-note{font-size:10px;color:#dce4dc;letter-spacing:.015em}
@media(min-width:1700px){.residence-copy{padding:74px 60px 54px max(80px,calc((100vw - 1480px)/2))}.residence-intro,.residence-developer{font-size:16px}.residence-metrics{margin:40px 0}.residence-highlights li{font-size:12px}.residence-details{margin-top:34px;min-height:140px}.residence-details dt{font-size:12px}}
@media(min-width:1001px) and (max-width:1250px){.residence{grid-template-columns:58% 42%}.residence-copy{padding:48px 28px}.residence h2{font-size:46px}.residence-highlights{grid-template-columns:repeat(2,1fr);gap:20px 0}.residence-highlights li{font-size:12px}.residence-highlights li:nth-child(3){padding-left:0}.residence-highlights li:nth-child(2){border:0}.residence-details{grid-template-columns:80px 1fr}.residence-detail-image{width:80px}.residence-details dl>div{padding-inline:12px}.residence-details dd{font-size:24px}.residence-details .residence-status{font-size:18px}}
@media(max-width:1000px){.residence{grid-template-columns:1fr}.residence-copy{padding:56px 40px 40px}.residence h2{font-size:54px}.residence-intro,.residence-developer{font-size:16px;max-width:none}.residence-visual{min-height:0;aspect-ratio:1.65}.residence-visual>img{object-position:center 20%}.residence-highlights li{font-size:12px}.residence-details{grid-template-columns:140px 1fr}.residence-detail-image{width:140px}.residence-details dt{font-size:12px}.residence-details dd{font-size:30px}}
@media(max-width:600px){.residence-copy{padding:48px 24px 32px}.residence .eyebrow{font-size:10px;gap:18px;margin-bottom:24px}.residence .eyebrow::after{width:40px}.residence h2{font-size:clamp(34px,8.8vw,46px);line-height:1.2;margin-bottom:22px}.residence-intro,.residence-developer{font-size:16px;line-height:1.8}.residence-metrics{grid-template-columns:repeat(2,1fr);gap:24px 0;margin:30px 0}.residence-metrics>div{padding:0 12px}.residence-metrics>div:nth-child(2){border:0;padding-right:0}.residence-metrics>div:nth-child(3){padding-left:0}.residence-metrics dd{font-size:46px;margin-bottom:10px}.residence-metrics dt{font-size:13px}.residence-highlights{grid-template-columns:repeat(2,1fr);gap:22px 0;margin:28px 0}.residence-highlights li{font-size:12px;padding-right:8px;gap:9px}.residence-highlights li:nth-child(2){border:0}.residence-highlights li:nth-child(3){padding-left:0}.residence-highlights svg{width:25px}.residence-details{grid-template-columns:1fr;position:relative;padding:4px 20px;background:#f2efe7}.residence-detail-image{display:none}.residence-details dl{grid-template-columns:1fr;padding:0}.residence-details dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;border-bottom:1px solid #d8c6ad;padding:18px 0}.residence-details dt{font-size:12px;margin:0;max-width:44%}.residence-details dd{font-size:29px}.residence-details .residence-status{font-size:21px;text-align:right}.residence-visual{aspect-ratio:1.05}.residence-visual figcaption{inset:auto 24px 22px;align-items:flex-start;gap:8px}.residence-view{font-size:10px;gap:12px}.residence-image-note{font-size:9px}}

/* A single inset panel gives the four mobile figures a clear visual hierarchy. */
@media(max-width:767px){
 .residence .residence-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:28px 0;background:linear-gradient(135deg,#123b36,#082e2a);border:1px solid #9f865c70;padding:8px 18px;position:relative}
 .residence .residence-metrics>div{padding:24px 10px;text-align:left;border:0;min-width:0}
 .residence .residence-metrics>div:nth-child(odd){border-right:1px solid #cfb28140;padding-left:2px}
 .residence .residence-metrics>div:nth-child(even){padding-left:22px;padding-right:0}
 .residence .residence-metrics>div:nth-child(-n+2){border-bottom:1px solid #cfb28140}
 .residence .residence-metrics dd{font-size:clamp(38px,10vw,54px);line-height:1.15;color:#e4c18a;margin:0 0 12px;white-space:nowrap}
 .residence .residence-metrics dd span{font-size:.55em;vertical-align:baseline;margin-left:2px}
 .residence .residence-metrics dt{font-size:12px;line-height:1.65;color:#e7eee7;font-weight:400;letter-spacing:.015em}
}