/* Each city has its own composition; navigation and maps remain familiar. */
.city-story{overflow:clip}
.city-story .city-caption{display:flex;justify-content:space-between;gap:18px;margin-top:13px;font-size:11px;letter-spacing:.025em;line-height:1.5;color:var(--soft)}
.city-story .city-caption a{text-decoration:underline;text-underline-offset:4px}
.city-story .city-photo img{width:100%;height:100%;object-fit:cover}
.city-story .city-copy p{color:var(--soft);margin-top:24px;font-size:16px}
.city-story .city-copy .area-underlink{margin-top:26px}
.city-story .city-scope{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}
.city-story .city-scope span{padding-block:4px}
.city-story .city-lead{font-size:clamp(24px,3vw,45px);line-height:1.25;letter-spacing:-.03em}
.city-story .city-services h2{margin-top:20px}
.city-story .city-services .area-service-links{margin-top:35px}
.city-story .city-services p{color:var(--soft);margin-top:24px}
.city-story .area-faq-layout h2{margin-top:20px}
.areas-content .city-neighbors{padding-block:65px}
.areas-content .city-neighbors>div{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.areas-content .city-neighbors>div>a{font-size:12px;text-decoration:underline;text-underline-offset:5px}
.areas-content .city-neighbors nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.areas-content .city-neighbors nav a{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding-block:20px;font-size:16px}
.areas-content .city-neighbors nav a:hover{color:var(--stone-dark)}
.city-story .city-contact{padding-block:95px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:center}
.city-story .city-contact .area-underlink{max-width:none}

/* Boynton Beach: a bright, staggered sequence of rooms. */
[data-area-layout="boynton"] .boynton-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;padding-block:65px 55px}
[data-area-layout="boynton"] .boynton-heading h1{font-size:clamp(76px,10vw,156px);line-height:.91;letter-spacing:-.07em}
[data-area-layout="boynton"] .boynton-heading .area-eyebrow{margin-bottom:28px}
[data-area-layout="boynton"] .boynton-heading>p{font-family:var(--serif);font-style:italic;font-size:clamp(28px,3vw,43px);line-height:1.18;color:#82745d;max-width:9ch;padding-bottom:6px}
[data-area-layout="boynton"] .boynton-room-pair{display:grid;grid-template-columns:1.55fr .65fr;gap:8vw;padding-bottom:100px;align-items:start}
[data-area-layout="boynton"] .boynton-room-pair>figure:first-child .city-photo{aspect-ratio:1.28}
[data-area-layout="boynton"] .boynton-room-pair>figure:last-child{margin-top:140px}
[data-area-layout="boynton"] .boynton-room-pair>figure:last-child .city-photo{aspect-ratio:.7}
[data-area-layout="boynton"] .boynton-intro{max-width:1000px;padding-block:40px 115px;text-align:center}
[data-area-layout="boynton"] .boynton-intro p{margin:0 auto}
[data-area-layout="boynton"] .boynton-project{padding-bottom:110px}
[data-area-layout="boynton"] .boynton-project>.city-photo{aspect-ratio:1.9}
[data-area-layout="boynton"] .boynton-project-copy{display:grid;grid-template-columns:1fr 1fr;gap:11vw;padding-top:48px}
[data-area-layout="boynton"] .boynton-project-copy h2{margin-top:22px}
[data-area-layout="boynton"] .boynton-custom{background:#242c25;color:var(--paper);padding-block:100px}
[data-area-layout="boynton"] .boynton-custom>.area-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;align-items:center}
[data-area-layout="boynton"] .boynton-custom .city-photo{aspect-ratio:1.55}
[data-area-layout="boynton"] .boynton-custom .city-copy p,[data-area-layout="boynton"] .boynton-custom .city-caption{color:#c1c6bb}
[data-area-layout="boynton"] .boynton-custom h2{margin-top:24px}
[data-area-layout="boynton"] .boynton-custom em{color:#c7b99e}

/* West Palm Beach: upright type and a rhythm of home, condo, hospitality. */
[data-area-layout="west-palm"] .west-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding-block:65px 110px;align-items:center}
[data-area-layout="west-palm"] .west-hero .city-photo{aspect-ratio:.68}
[data-area-layout="west-palm"] .west-hero h1{font-size:clamp(90px,12.8vw,182px);line-height:.83;letter-spacing:-.067em;margin:32px 0}
[data-area-layout="west-palm"] .west-hero h1 em{color:#5b6c5f}
[data-area-layout="west-palm"] .west-hero p{max-width:36ch;color:var(--soft);margin-top:36px}
[data-area-layout="west-palm"] .west-hero .area-underlink{margin-top:25px}
[data-area-layout="west-palm"] .west-intro{border-block:1px solid var(--line);padding-block:48px;display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw;align-items:start}
[data-area-layout="west-palm"] .west-residence{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center}
[data-area-layout="west-palm"] .west-residence .city-photo{aspect-ratio:1.32}
[data-area-layout="west-palm"] .west-residence h2{margin-top:24px}
[data-area-layout="west-palm"] .west-condo{padding-top:5px;padding-bottom:110px}
[data-area-layout="west-palm"] .west-condo>.city-photo{width:78%;aspect-ratio:1.6}
[data-area-layout="west-palm"] .west-condo-copy{display:grid;grid-template-columns:1.1fr .9fr;gap:12vw;margin-top:40px;margin-left:17%}
[data-area-layout="west-palm"] .west-condo-copy h2{margin-top:24px}
[data-area-layout="west-palm"] .west-commercial{background:#dee3da;padding-block:85px}
[data-area-layout="west-palm"] .west-commercial>.area-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:center}
[data-area-layout="west-palm"] .west-commercial .city-photo{aspect-ratio:1.45}
[data-area-layout="west-palm"] .west-commercial h2{margin-top:25px}
[data-area-layout="west-palm"] .city-services{display:grid;grid-template-columns:1fr 1fr;gap:12vw}

/* Palm Beach: a quiet, centered opening and broad architectural views. */
[data-area-layout="palm"] .palm-heading{padding-top:70px;text-align:center}
[data-area-layout="palm"] .palm-heading h1{font-size:clamp(78px,12vw,177px);line-height:1.08;letter-spacing:-.06em;margin-top:20px}
[data-area-layout="palm"] .palm-heading h1 em{color:var(--ink);font-style:normal}
[data-area-layout="palm"] .palm-entry{display:grid;grid-template-columns:.65fr 1fr .65fr;gap:6vw;align-items:center;padding-block:50px 95px}
[data-area-layout="palm"] .palm-entry .city-photo{aspect-ratio:.85}
[data-area-layout="palm"] .palm-entry>p{font-size:14px;line-height:1.8;color:var(--soft);max-width:25ch}
[data-area-layout="palm"] .palm-entry>div:last-child{align-self:end;padding-bottom:55px}
[data-area-layout="palm"] .palm-entry .city-lead{font-family:var(--serif);font-style:italic;font-size:clamp(26px,3vw,42px);color:#82745d}
[data-area-layout="palm"] .palm-entry .area-underlink{font-size:10px;gap:12px;margin-top:30px}
[data-area-layout="palm"] .palm-estate{background:#e8e3d8;padding-block:90px 105px}
[data-area-layout="palm"] .palm-estate-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end;margin-bottom:50px}
[data-area-layout="palm"] .palm-estate-heading h2{margin-top:25px}
[data-area-layout="palm"] .palm-estate-heading p{color:var(--soft);font-size:15px}
[data-area-layout="palm"] .palm-estate .city-photo{aspect-ratio:1.92}
[data-area-layout="palm"] .palm-estate .area-underlink{margin-left:auto;margin-top:26px}
[data-area-layout="palm"] .palm-living{display:grid;grid-template-columns:1.25fr .75fr;gap:11vw;align-items:center;padding-block:135px}
[data-area-layout="palm"] .palm-living .city-photo{aspect-ratio:1.03}
[data-area-layout="palm"] .palm-living h2{margin-top:25px}
[data-area-layout="palm"] .city-services{max-width:1100px;padding-top:0;padding-bottom:110px}
[data-area-layout="palm"] .city-services>div:first-child{max-width:590px}
[data-area-layout="palm"] .city-services .area-service-links{display:grid;grid-template-columns:1fr 1fr;gap:0 7vw}
[data-area-layout="palm"] .city-services .area-service-links a:first-child{padding-top:20px}

@media(max-width:1000px){
 [data-area-layout="boynton"] .boynton-room-pair{gap:5vw;grid-template-columns:1.4fr .8fr}
 [data-area-layout="west-palm"] .west-hero{gap:5vw;grid-template-columns:.9fr 1.1fr}
 [data-area-layout="west-palm"] .west-hero h1{font-size:12.3vw}
 [data-area-layout="palm"] .palm-entry{gap:4vw;grid-template-columns:.65fr 1fr .65fr}
 .areas-content .city-neighbors nav{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
 .city-story .city-caption{font-size:10px;gap:10px}
 .city-story .city-contact{display:block;padding-block:65px}
 .city-story .city-contact .area-underlink{margin-top:30px}
 .city-story .city-lead{font-size:28px}
 .areas-content .city-neighbors{padding-block:45px}
 .areas-content .city-neighbors nav{gap:0 22px}
 .areas-content .city-neighbors nav a{font-size:14px}
 [data-area-layout="boynton"] .boynton-heading{display:block;padding-block:45px 35px}
 [data-area-layout="boynton"] .boynton-heading h1{font-size:clamp(64px,15vw,108px);line-height:.97}
 [data-area-layout="boynton"] .boynton-heading>p{font-size:29px;max-width:none;margin-top:25px}
 [data-area-layout="boynton"] .boynton-room-pair{grid-template-columns:1.4fr .8fr;gap:18px;padding-bottom:60px}
 [data-area-layout="boynton"] .boynton-room-pair>figure:last-child{margin-top:90px}
 [data-area-layout="boynton"] .boynton-room-pair>figure:first-child .city-photo{aspect-ratio:.85}
 [data-area-layout="boynton"] .boynton-room-pair>figure:last-child .city-photo{aspect-ratio:.64}
 [data-area-layout="boynton"] .boynton-room-pair .city-caption{display:block}
 [data-area-layout="boynton"] .boynton-room-pair .city-caption span{display:block}
 [data-area-layout="boynton"] .boynton-intro{padding-block:10px 60px;text-align:left}
 [data-area-layout="boynton"] .boynton-project{padding-bottom:65px}
 [data-area-layout="boynton"] .boynton-project>.city-photo{aspect-ratio:1.2}
 [data-area-layout="boynton"] .boynton-project-copy,[data-area-layout="boynton"] .boynton-custom>.area-wrap{grid-template-columns:1fr;gap:35px}
 [data-area-layout="boynton"] .boynton-project-copy{padding-top:30px}
 [data-area-layout="boynton"] .boynton-custom{padding-block:60px}
 [data-area-layout="boynton"] .boynton-custom .city-photo{aspect-ratio:1.25}
 [data-area-layout="west-palm"] .west-hero{grid-template-columns:1fr;gap:35px;padding-block:40px 65px}
 [data-area-layout="west-palm"] .west-hero>figure{grid-row:2}
 [data-area-layout="west-palm"] .west-hero h1{font-size:clamp(89px,19vw,140px);line-height:.87;margin-block:28px}
 [data-area-layout="west-palm"] .west-hero .city-photo{aspect-ratio:1.02}
 [data-area-layout="west-palm"] .west-intro{grid-template-columns:1fr;gap:25px;padding-block:35px}
 [data-area-layout="west-palm"] .west-residence,[data-area-layout="west-palm"] .west-condo-copy,[data-area-layout="west-palm"] .west-commercial>.area-wrap,[data-area-layout="west-palm"] .city-services{grid-template-columns:1fr;gap:35px}
 [data-area-layout="west-palm"] .west-condo{padding-bottom:65px}
 [data-area-layout="west-palm"] .west-condo>.city-photo{width:100%;aspect-ratio:1.12}
 [data-area-layout="west-palm"] .west-condo-copy{margin-left:0;margin-top:30px;gap:12px}
 [data-area-layout="west-palm"] .west-commercial{padding-block:60px}
 [data-area-layout="palm"] .palm-heading{padding-top:45px}
 [data-area-layout="palm"] .palm-heading h1{font-size:clamp(62px,14vw,105px);letter-spacing:-.06em;margin-top:20px}
 [data-area-layout="palm"] .palm-entry{grid-template-columns:1fr;gap:30px;padding-block:35px 65px}
 [data-area-layout="palm"] .palm-entry>p{max-width:none;text-align:center;font-size:15px}
 [data-area-layout="palm"] .palm-entry>figure{width:82%;margin-inline:auto}
 [data-area-layout="palm"] .palm-entry>div:last-child{padding-bottom:0;text-align:center}
 [data-area-layout="palm"] .palm-entry .area-underlink{max-width:280px;margin-inline:auto;font-size:11px}
 [data-area-layout="palm"] .palm-entry .city-lead{font-size:32px;max-width:none}
 [data-area-layout="palm"] .palm-estate{padding-block:60px}
 [data-area-layout="palm"] .palm-estate-heading,[data-area-layout="palm"] .palm-living{grid-template-columns:1fr;gap:30px}
 [data-area-layout="palm"] .palm-estate-heading{margin-bottom:30px}
 [data-area-layout="palm"] .palm-estate .city-photo{aspect-ratio:1.2}
 [data-area-layout="palm"] .palm-living{padding-block:65px}
 [data-area-layout="palm"] .city-services{padding-bottom:65px}
 [data-area-layout="palm"] .city-services .area-service-links{grid-template-columns:1fr}
}