.area-page{--area-ink:#151515;--area-soft:#f5f3ef;--area-line:#dfddd7;--area-gold:#b79a62;--area-red:#cf202f;--area-white:#fff;color:var(--area-ink);background:#fff}
.area-page *{box-sizing:border-box}.area-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.area-eyebrow{font-size:.75rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700;margin:0 0 14px}.area-page h1,.area-page h2,.area-page h3{line-height:1.05;margin-top:0}.area-page h1{font-size:clamp(2.8rem,5.1vw,5.35rem);letter-spacing:-.045em;max-width:1180px}.area-page h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.035em}.area-page h3{font-size:1.25rem}.area-page p{font-size:1.05rem;line-height:1.7}.area-hero{position:relative;min-height:620px;display:flex;align-items:flex-end;color:#fff;background-color:#191919;background-image:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.28)),var(--area-hero-image);background-position:center;background-size:cover;background-repeat:no-repeat;padding:120px 0 72px}.area-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 55%);pointer-events:none}.area-hero .area-wrap{position:relative;z-index:1}.area-hero .area-eyebrow{color:#fff;opacity:1}.area-hero> .area-wrap>p:last-child{color:#fff;opacity:1;max-width:760px;font-size:clamp(1.05rem,1.7vw,1.3rem);margin:0}.area-hero-line{display:block;white-space:nowrap}.area-accent{color:var(--area-red)}.area-nowrap{white-space:nowrap}.area-quick{background:#111;color:#fff;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}.area-quick-grid{display:grid;grid-template-columns:repeat(3,1fr)}.area-quick-item{padding:24px 26px;border-right:1px solid rgba(255,255,255,.15)}.area-quick-item:last-child{border-right:0}.area-quick-item span{display:block;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;opacity:.62;margin-bottom:7px}.area-quick-item strong{font-size:1rem}.area-section{padding:90px 0}.area-section.soft{background:var(--area-soft)}.area-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.area-lead{font-size:clamp(1.2rem,2vw,1.55rem)!important;line-height:1.55!important}.area-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.area-card{border:1px solid var(--area-line);padding:30px;background:#fff;min-height:210px}.area-card p{font-size:.98rem;margin-bottom:0}.area-neighbourhoods{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.area-neighbourhood{display:block;padding:18px 20px;border:1px solid var(--area-line);background:#fff;text-decoration:none!important;color:inherit!important;font-weight:650;transition:.2s}.area-neighbourhood:hover{transform:translateY(-2px);border-color:#aaa}.area-perspective{background:#171717;color:#fff;padding:48px;border-radius:2px}.area-perspective .area-eyebrow{color:#d7c39a}.area-perspective blockquote{margin:0;font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.45;font-weight:500;max-width:920px}.area-listings-head{display:block;margin-bottom:34px}.area-listings-title{white-space:nowrap;margin-bottom:0}.area-rps{min-height:100px}.area-dual-cta{display:grid;grid-template-columns:1fr 1fr;gap:18px}.area-cta{padding:42px;background:#111;color:#fff}.area-cta.light{background:#e8e5de;color:#111}.area-cta h3{font-size:1.7rem}.area-button{display:inline-block;margin-top:12px;padding:13px 19px;border:1px solid currentColor;text-decoration:none!important;color:inherit!important;font-weight:700}.area-button:hover{opacity:.75}.area-button-dark{background:#111;color:#fff!important;border-color:#111}.area-explore-section{background:#f2f0eb;border-top:1px solid #e4e1da}.area-explore-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);column-gap:56px;align-items:end;margin-bottom:38px}.area-explore-head .area-eyebrow{grid-column:1/-1;color:var(--area-red)}.area-explore-head h2{margin-bottom:0;max-width:880px}.area-explore-head>p:last-child{margin:0 0 4px;font-size:1rem;line-height:1.55;color:#5b5a57;max-width:420px;justify-self:end}.area-related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.area-related-card{position:relative;display:flex!important;flex-direction:column;justify-content:space-between;min-height:185px;padding:26px!important;background:#111;color:#fff!important;border:1px solid #111!important;text-decoration:none!important;overflow:hidden;transition:transform .22s ease,background-color .22s ease,border-color .22s ease}.area-related-card:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:var(--area-red);transform:scaleY(.18);transform-origin:top;transition:transform .22s ease}.area-related-card:hover{transform:translateY(-4px);background:#181818;border-color:#181818!important}.area-related-card:hover:before{transform:scaleY(1)}.area-related-kicker{font-size:.67rem;line-height:1.2;letter-spacing:.15em;text-transform:uppercase;color:#fff;opacity:.68;font-weight:700}.area-related-card strong{font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.02;max-width:90%;font-weight:800}.area-related-arrow{position:absolute;right:24px;bottom:22px;font-size:1.7rem;line-height:1;color:var(--area-red);transition:transform .22s ease}.area-related-card:hover .area-related-arrow{transform:translateX(5px)}.area-related-card-all{background:var(--area-red);border-color:var(--area-red)!important}.area-related-card-all:before{background:#fff}.area-related-card-all .area-related-arrow{color:#fff}.area-related-card-all:hover{background:#b81826;border-color:#b81826!important}.area-editor-content:empty{display:none}
@media(max-width:900px){.area-hero{min-height:520px;padding:100px 0 55px}.area-page h1{font-size:clamp(2.7rem,8.2vw,4.3rem)}.area-quick-grid{grid-template-columns:repeat(3,1fr)}.area-intro{grid-template-columns:1fr;gap:28px}.area-cards{grid-template-columns:1fr}.area-neighbourhoods{grid-template-columns:1fr 1fr}.area-dual-cta{grid-template-columns:1fr}.area-explore-head{grid-template-columns:1fr;gap:16px}.area-explore-head>p:last-child{justify-self:start}.area-related{grid-template-columns:1fr 1fr}.area-section{padding:65px 0}}
@media(max-width:560px){.area-wrap{width:min(100% - 28px,1180px)}.area-hero{min-height:450px;padding:88px 0 48px}.area-page h1{font-size:clamp(2.05rem,9.6vw,3rem);line-height:.98}.area-hero-line{white-space:normal}.area-hero-line .area-nowrap{white-space:nowrap}.area-quick-grid{grid-template-columns:1fr}.area-quick-item{padding:16px 15px;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.area-quick-item:last-child{border-bottom:0}.area-big-picture-title{font-size:clamp(2.1rem,11vw,3.25rem)}.area-listings-title{font-size:clamp(1.55rem,7.1vw,2.3rem);letter-spacing:-.04em;white-space:nowrap}.area-neighbourhoods{grid-template-columns:1fr}.area-perspective{padding:30px 24px}.area-related{grid-template-columns:1fr}.area-related-card{min-height:150px}}

/* 2.5.15: lock the St. John's market heading to the requested three-line composition. */
.area-big-picture-line{display:block;white-space:nowrap}
@media(max-width:560px){.area-big-picture-line{white-space:normal}.area-big-picture-line .area-nowrap{white-space:nowrap}}
\n\n/* 2.5.17: shared Metro community pages. */\n.area-perspective-section{padding-top:0}\n@media(min-width:901px){\n  .area-page .area-hero h1{font-size:clamp(2.65rem,4.65vw,4.95rem)}\n}\n@media(max-width:760px){\n  .area-page .area-listings-title{white-space:normal}\n  .area-page .area-listings-title .area-nowrap{white-space:nowrap}\n}\n

/* 2.5.18: area-page headline and explore refinements. */
.area-explore-head{display:block;margin-bottom:38px}
.area-explore-head .area-eyebrow{color:var(--area-red)}
.area-explore-head h2{margin-bottom:0;max-width:none;white-space:nowrap;font-size:clamp(2rem,3.7vw,3.45rem)}
.area-related-card{justify-content:flex-end}
.area-related-card strong{padding-right:52px}
.area-page-conception-bay-south .area-big-picture-title,
.area-page-portugal-cove-st-philips .area-big-picture-title{font-size:clamp(2.15rem,3.45vw,3.25rem)}
@media(max-width:900px){
  .area-explore-head h2{white-space:normal}
}
@media(max-width:560px){
  .area-page-conception-bay-south .area-big-picture-title,
  .area-page-portugal-cove-st-philips .area-big-picture-title{font-size:clamp(2rem,9.4vw,3rem)}
}
