html body.simply-home{--home-top-heading-size:calc(22px * var(--text-scale,1.5))}
/* Homepage review: Bryan wants readable, uniform top headings first. */
html body.simply-home :is(.eyebrow,.guide-number,.ssp-kicker,.ssp-rental-eyebrow,.offer>span){
 font-size:var(--home-top-heading-size)!important;
 font-family:'DM Sans',Arial,sans-serif!important;
 font-weight:800!important;
 line-height:1.3!important;
 letter-spacing:0!important;
 text-transform:capitalize;
 text-align:center!important;
 text-wrap:balance;
}
/* Keep both markers with the words, rather than at the page edges. */
html body.simply-home .hero .location-kicker{
 width:fit-content;
 max-width:100%;
 margin-inline:auto;
 justify-content:center;
 gap:12px;
}
html body.simply-home .hero .location-kicker>span:not(.red-dot){
 flex:0 1 auto;
 width:max-content;
 max-width:calc(100% - 42px);
 min-width:0;
 font-size:inherit!important;
 line-height:inherit;
 text-wrap:balance;
}
html body.simply-home .hero .location-kicker .red-dot{
 flex:0 0 9px;
 width:9px;
 height:9px;
 border-radius:0;
}
@media(min-width:801px){
 html body.simply-home .hero .location-kicker>span:not(.red-dot){max-width:none}
}

@media(min-width:801px){.simply-home .location-mobile-break{display:none}}

/* Approved first homepage Top Heading: the whole phrase is white on black. */
html body.simply-home .hero .location-kicker{
 box-sizing:border-box;
 width:100%;
 min-height:110px;
 padding:16px 8px;
 background:#171918;
 color:#fff;
}

/* The company motto occupies the white space before the first black box. */
.simply-home .home-motto{box-sizing:border-box;margin:0 auto;padding-top:24px;color:#171918;font-family:'DM Sans',Arial,sans-serif;font-size:calc(16px * var(--text-scale,1.5));font-weight:800;line-height:1.4;text-align:center;text-wrap:balance}
.simply-home main>.hero{padding-block-start:24px}

/* Reviewed homepage Top Headings share the selected white-on-black treatment. */
html body.simply-home #services>.section-head>div>.eyebrow,
html body.simply-home #properties>.property-intro>div>.eyebrow,
html body.simply-home #questions>div>.eyebrow,
html body.simply-home .closing .eyebrow{
 box-sizing:border-box;
 width:100%;
 min-height:110px;
 padding:16px 8px;
 display:flex;
 align-items:center;
 justify-content:center;
 background:#171918;
 color:#fff;
}

/* White on brand red distinguishes the life-and-work Top Heading. */
html body.simply-home .audience-top-heading{
 box-sizing:border-box;
 width:100%;
 min-height:110px;
 padding:16px 8px;
 display:flex;
 align-items:center;
 justify-content:center;
 background:#d82719;
 color:#fff;
}

/* The local-area Top Heading uses white on the approved gray. */
html body.simply-home #areas>.areas-layout>div>.eyebrow,
html body.simply-home #reviews>.wrap>.section-head>div>.eyebrow{
 box-sizing:border-box;
 width:100%;
 min-height:110px;
 padding:16px 8px;
 display:flex;
 align-items:center;
 justify-content:center;
 background:#626763;
 color:#fff;
}

/* Offer labels use the same shared type size as every homepage Top Heading box. */
html body.simply-home .offers :is(.eyebrow,.offer>span){
 font-size:var(--home-top-heading-size)!important;
 font-family:'DM Sans',Arial,sans-serif!important;
 font-weight:800!important;
 line-height:1.3!important;
 letter-spacing:0!important;
}