/* Apartment details extend the live site's palette and typography. */
:root{--line:var(--stone)}body.modal-open{overflow:hidden}
.unit-dialog button,.media-dialog button{border:0;color:inherit}
.unit-dialog .image-open{position:absolute;right:14px;bottom:14px;width:34px;height:34px;display:grid;place-items:center;background:var(--paper);color:var(--bark);font-size:19px}
.unit-dialog .dialog-header h2{font:400 44px/1.1 var(--serif);letter-spacing:-.015em}
.unit-dialog button,.media-dialog button{font-family:var(--sans);cursor:pointer}.unit-dialog .button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:14px 22px;border:1px solid var(--bark);font:500 11px/1.5 var(--sans);text-decoration:none}.unit-dialog .button.primary{background:var(--bark);color:var(--paper)}.unit-dialog .text-link{display:inline-flex;gap:16px;background:transparent;border:0;border-bottom:1px solid currentColor;padding:5px 0;font:500 11px/1.7 var(--sans);text-decoration:none;color:var(--bark)}.unit-dialog :focus-visible,.media-dialog :focus-visible{outline:2px solid #b48a53;outline-offset:4px}
dialog{color:var(--bark);font:400 14px/1.7 var(--sans);border:0;padding:0;background:var(--paper)}dialog::backdrop{background:rgba(28,22,17,.65);backdrop-filter:blur(5px)}.unit-dialog{width:min(1040px,calc(100vw - 80px));height:min(900px,90dvh);max-height:90dvh;overflow:hidden;margin:auto;box-shadow:0 30px 100px #20180f44}.unit-dialog[open]{display:flex;flex-direction:column;animation:dialog-in .28s ease-out}.sheet-handle{display:none}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 36px 20px;background:var(--paper);flex-shrink:0}.dialog-header h2{font-size:44px;margin-top:2px}.close-button{display:inline-flex;gap:12px;align-items:center;background:transparent;font-size:10px;min-height:44px;padding:0 5px;white-space:nowrap}.close-button span{font-size:27px;line-height:1;font-weight:400}.dialog-tabs{display:flex;gap:30px;padding:0 36px;border-bottom:1px solid var(--line);flex-shrink:0}.dialog-tabs button{background:transparent;border-bottom:2px solid transparent;padding:12px 0;font-size:11px;color:var(--muted);min-height:48px}.dialog-tabs button[aria-selected=true]{border-color:var(--bark);color:var(--bark)}.dialog-content{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:30px 36px 38px;scrollbar-gutter:stable}.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 36px;border-top:1px solid var(--line);flex-shrink:0;background:var(--paper)}.dialog-footer>span{font:400 22px var(--serif)}.dialog-footer .button{min-height:46px;padding:12px 20px}.unit-overview{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:start}.unit-visual{position:relative;border:0;padding:0;display:block;width:100%;background:none}.unit-visual img{width:100%;aspect-ratio:1.3;object-fit:cover}.unit-overview h3,.panel-heading h3,.unit-details h3{font:400 32px/1.15 var(--serif);letter-spacing:-.015em}.unit-overview p{font-size:13px;margin-top:14px;color:var(--muted)}.dialog-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin-top:24px}.dialog-facts dt{font-size:10px;color:var(--muted);margin-bottom:3px}.dialog-facts dd{font:400 25px/1.1 var(--serif)}.unit-details{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:18px}.detail-columns ul{margin:0;padding-left:16px;color:var(--muted);font-size:12px}.detail-columns li+li{margin-top:10px}.unit-quicklinks{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}.panel-heading{margin-bottom:25px}.panel-heading p{font-size:12px;color:var(--muted);margin-top:12px;max-width:62ch}.panel-gallery{display:grid;grid-template-columns:1fr 1fr;gap:26px 20px}.panel-gallery button{position:relative;display:block;width:100%;padding:0;background:#e2d9cc}.panel-gallery img{width:100%;height:300px;object-fit:cover;object-position:center 43%}.panel-gallery figcaption{font-size:11px;line-height:1.5;margin-top:9px;color:var(--muted)}.plan-gallery img{object-fit:contain;background:white}.plan-gallery{gap:26px}.plan-gallery figure:last-child:nth-child(odd){grid-column:1/-1}.plan-gallery figure:last-child:nth-child(odd) img{height:360px}.media-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#251e18;color:var(--linen);margin:0;overflow:hidden}.media-dialog[open]{display:flex;flex-direction:column}.media-toolbar{padding:16px 28px;display:flex;justify-content:space-between;gap:22px;align-items:center;border-bottom:1px solid #54473a;flex-shrink:0}.media-toolbar p{font-size:12px}.media-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:20px;overflow:auto}.media-stage img{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto}.media-controls{display:flex;justify-content:center;align-items:center;gap:25px;padding:12px 25px max(18px,env(safe-area-inset-bottom));flex-shrink:0}.media-controls button{background:transparent;color:var(--linen);width:48px;height:44px;border:1px solid #7e6c58;font-size:22px}.media-controls span{font-size:11px}
.media-controls .zoom-button{font-size:10px;width:auto;padding:0 14px}.media-stage.is-zoomed{display:block}.media-stage.is-zoomed img{width:max(100%,960px);max-width:none;max-height:none;height:auto}.media-controls{flex-wrap:wrap}.media-dialog .media-stage{overscroll-behavior:contain}.media-controls button[hidden]{display:none}.unit-dialog img{height:auto}.panel-gallery img{height:300px}.plan-gallery figure:last-child:nth-child(odd) img{height:360px}.unit-visual img{height:auto}
@media(max-width:760px){.unit-dialog{inset:auto 0 0;width:100%;max-width:none;height:94dvh;max-height:94dvh;margin:0;border-radius:19px 19px 0 0}.unit-dialog[open]{animation:sheet-in .3s cubic-bezier(.2,.7,.2,1)}.sheet-handle{display:block;width:35px;height:4px;border-radius:4px;background:#c9bfaf;margin:10px auto 0;flex-shrink:0}.dialog-header{padding:14px 22px 12px;gap:12px}.dialog-header h2{font-size:38px}.dialog-header .eyebrow{font-size:8px}.dialog-header .close-button{font-size:0;gap:0;padding-left:12px;align-self:flex-start}.dialog-header .close-button span{font-size:32px}.dialog-tabs{gap:26px;padding:0 22px}.dialog-tabs button{font-size:11px;min-height:48px}.dialog-content{padding:22px 22px 30px;scrollbar-gutter:auto}.unit-overview{grid-template-columns:1fr;gap:24px}.unit-visual img{aspect-ratio:1.35}.unit-overview h3,.panel-heading h3,.unit-details h3{font-size:31px}.unit-overview p{font-size:12px}.dialog-facts{gap:18px 22px}.dialog-facts dd{font-size:26px}.detail-columns{grid-template-columns:1fr;gap:12px}.unit-details{margin-top:26px;padding-top:24px}.unit-quicklinks{gap:18px}.unit-quicklinks .text-link{font-size:11px}.dialog-footer{padding:12px 22px calc(12px + env(safe-area-inset-bottom));gap:12px}.dialog-footer>span{font-size:22px}.dialog-footer .button{font-size:10px;min-height:46px;padding:13px 15px;gap:10px}.panel-gallery{grid-template-columns:1fr;gap:24px}.panel-gallery img{height:auto;max-height:510px;aspect-ratio:4/5;object-fit:cover}.plan-gallery img{height:auto;max-height:none;aspect-ratio:auto}.plan-gallery figure:last-child:nth-child(odd) img{height:auto}.panel-gallery figcaption{font-size:10px}.media-toolbar{padding:14px 18px;gap:12px}.media-toolbar p{font-size:10px}.media-toolbar .close-button{font-size:0;gap:0}.media-stage{padding:12px;touch-action:pan-x pan-y pinch-zoom}.media-controls{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.cookie-banner{left:12px;right:12px;bottom:12px;max-width:none;font-size:10px}.media-dialog{border-radius:0}}
@keyframes dialog-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.unit-dialog[open]{animation:none}}
@media(max-width:760px){.unit-dialog .dialog-header h2{font-size:38px}}

/* The same restrained hierarchy inside the apartment sheets. */
.dialog-header .eyebrow{display:none}.unit-dialog .dialog-header h2{margin:0;line-height:1.08}.unit-overview p,.panel-heading p,.detail-columns ul{font:400 14px/1.6 var(--sans)}.unit-overview h3,.panel-heading h3,.unit-details h3{line-height:1.15}.dialog-facts dt{font-size:12px;line-height:1.5}.dialog-facts dd{line-height:1.15}.panel-gallery figcaption{font-size:13px;line-height:1.5}.dialog-footer>span{display:none}.dialog-footer{justify-content:flex-end}.sheet-handle{border-radius:0}.dialog-tabs button{font-size:13px;line-height:1.4}.unit-dialog,.unit-dialog button,.unit-dialog a,.media-dialog button{border-radius:0!important}.dialog-footer .button{font-size:12px;line-height:1.4}.dialog-tabs{gap:28px}
@media(max-width:760px){.unit-dialog{border-radius:0}.dialog-header{padding-top:18px;padding-bottom:18px}.dialog-tabs{gap:24px}.dialog-tabs button{font-size:12px}.dialog-footer .button{width:100%;font-size:12px}.panel-gallery figcaption{font-size:12px}.unit-dialog .unit-overview p,.unit-dialog .panel-heading p{font-size:14px;line-height:1.6}.unit-dialog .unit-overview h3,.unit-dialog .panel-heading h3,.unit-dialog .unit-details h3{font-size:30px;line-height:1.15}}
