/* One visual system for Residential, Commercial, and Condominiums. */
.property-area-nav { position: sticky; top: 0; z-index: 2; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding-inline: 6.5%; background: var(--paper); border-bottom: 1px solid var(--rule); }
.property-area-nav a { display: flex; align-items: center; justify-content: center; min-height: 60px; padding: 14px 8px; border-bottom: 2px solid transparent; color: var(--navy); font-size: 16px; line-height: 1.5; text-decoration: none; text-align: center; }
.property-area-nav a:hover { background: #142b4006; border-bottom-color: var(--bronze-dark); }
.property-area-nav a[aria-current="page"] { font-weight: 600; border-bottom-color: var(--bronze-dark); }
.property-area-nav a:focus-visible { outline: 2px solid var(--bronze-dark); outline-offset: -5px; }
.property-page main [id] { scroll-margin-top: 90px; }
.property-page .property-hero { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); align-items: center; gap: 64px; padding: 42px 6.5%; background: var(--paper); border-bottom: 1px solid var(--rule); max-width: none; }
.property-hero .breadcrumbs { margin-bottom: 24px; }
.property-hero .eyebrow { font-size: 9px; margin-bottom: 18px; }
.property-hero h1 { font-size: clamp(46px,4.7vw,64px); line-height: 1.04; letter-spacing: -1.5px; }
.property-hero h1 em { color: var(--bronze-dark); }
.property-hero-copy > p:last-child { font-size: 14px; line-height: 1.8; margin-top: 20px; min-height: 3.6em; max-width: 450px; }
.property-hero > img { display: block; width: 100%; height: 280px; object-fit: cover; object-position: center; }
.property-page .property-care { padding: 56px 6.5% 64px; max-width: none; background: var(--navy); color: var(--paper); }
.property-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 80px; align-items: start; margin-bottom: 48px; }
.property-intro .eyebrow { color: #d2b78f; font-size: 9px; line-height: 1.8; margin-bottom: 22px; }
.property-intro h2 { font-size: 44px; line-height: 1.08; letter-spacing: -.7px; }
.property-intro h2 em { color: #d2b78f; }
.property-intro-copy > p { color: #d2dbe1; font-size: 14px; line-height: 1.85; }
.property-intro-copy > p + p { margin-top: 17px; }
.property-scope { max-width: 430px; margin-top: 30px; padding-top: 22px; border-top: 1px solid #ffffff26; }
.property-scope > span { font-size: 9px; letter-spacing: 1.3px; color: #d2b78f; }
.property-scope > p { margin-top: 12px; color: #d2dbe1; font-size: 13px; line-height: 1.85; }
.property-intro-heading > .text-link { margin-top: 26px; color: var(--paper); font-size: 12px; }
.property-intro-heading > .text-link span { color: #d2b78f; }
.property-services { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 34px; }
.property-page .property-services article { display: flex; flex-direction: column; gap: 16px; padding: 24px 0 4px; border-top: 1px solid #d2b78f70; }
.property-page .property-services article:first-child,.property-page .property-services article:last-child { padding: 24px 0 4px; border-top: 1px solid #d2b78f70; }
.property-page .property-services article > div { display: flex; flex-direction: column; }
.property-page .property-services .service-number { color: #d2b78f; font-size: 11px; }
.property-page .property-services h3 { color: var(--paper); font-size: 29px; line-height: 1.14; letter-spacing: -.4px; margin-bottom: 13px; min-height: 2.28em; }
.property-page .property-services p { max-width: none; color: #d2dbe1; font-size: 14px; line-height: 1.85; }
.property-page .property-services article > div > p { flex: 1; }
.property-services .property-explore { color: #d2b78f; font-size: 12px; margin-top: 20px; }
.property-services .service-detail { margin-top: 20px; }
.property-services .service-detail summary { color: #d2b78f; font-size: 12px; letter-spacing: .2px; padding-block: 7px; max-width: 250px; border-color: #d2b78f66; }
.property-services .service-detail ul { color: #d2dbe1; font-size: 13px; line-height: 1.85; max-width: none; }
.property-services .service-detail li::marker { color: #d2b78f; }
.property-page .service-discovery { padding-inline: 6.5%; }
.property-page .service-discovery > p:not(.eyebrow) { font-size: 14px; line-height: 1.85; }
.property-page .related-pages { padding-inline: 6.5%; }
@media(max-width:1120px) {
  .property-page .property-hero { gap: 38px; }
  .property-intro { gap: 45px; }
  .property-services { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; }
  .property-intro h2 { font-size: 39px; }
}
@media(max-width:760px) {
  .property-area-nav { padding-inline: 6%; }
  .property-area-nav a { min-height: 54px; padding-inline: 3px; font-size: clamp(11px,3.25vw,14px); }
  .property-page .property-hero { grid-template-columns: minmax(0,1fr); gap: 26px; padding: 30px 6%; }
  .property-hero h1 { font-size: clamp(40px,10.5vw,49px); letter-spacing: -1px; }
  .property-hero-copy > p:last-child { font-size: 13px; margin-top: 18px; }
  .property-hero > img { height: auto; aspect-ratio: 3 / 2; }
  .property-page .property-care { padding: 40px 6%; }
  .property-intro { grid-template-columns: minmax(0,1fr); gap: 27px; margin-bottom: 34px; }
  .property-intro h2 { font-size: 36px; }
  .property-scope { max-width: none; }
  .property-intro-copy > p { font-size: 13px; }
  .property-services { grid-template-columns: minmax(0,1fr); gap: 26px; }
  .property-page .property-services h3 { font-size: 28px; min-height: 0; }
  .property-page .property-services p { font-size: 13px; }
  .property-page .service-discovery,.property-page .related-pages { padding-inline: 6%; }
}
