@font-face {
  font-family: "Cormorant Garamond";
  src: url("assets/fonts/cormorant-garamond-ampersand.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0026;
}

/* Candara is requested from the visitor's installed fonts.
   A licensed webfont has not been supplied; no substitute is labelled Candara. */
:root {
  --brand-font: Candara, "Trebuchet MS", Arial, sans-serif;
}
.wordmark {
  display: inline-flex;
  align-items: baseline;
  gap: .17em;
  white-space: nowrap;
  font-family: var(--brand-font);
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -.025em;
  line-height: 1.2;
  text-transform: none;
  color: var(--ink);
}
.wordmark.wordmark-realtors {
  color: #fa2b28;
}
.wordmark .brand-letters {
  font-family: var(--brand-font);
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: none;
}
.wordmark .brand-amp {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.23em;
  font-style: normal;
  font-weight: 400;
  line-height: .85;
  letter-spacing: -.04em;
  text-transform: none;
}
.brand {display:flex;align-items:center;gap:15px;min-width:0}
.brand-copy {display:block;min-width:0}
.brand-name {font-family:var(--brand-font);font-size:29px;letter-spacing:0}
.brand-sub {font-size:8px;letter-spacing:2px;margin-top:8px}
.masthead-logo {width:68px;height:58px;object-fit:contain;flex-shrink:0}
.brand-with-logo .brand-name {font-size:27px}
.brand-with-logo .brand-sub {letter-spacing:1.5px}
.nav-shell {gap:25px}
.nav {gap:23px}
.hero-meta .wordmark {font-size:18px;letter-spacing:-.025em;text-transform:none}
.hero-meta .wordmark .brand-letters {font-size:inherit;letter-spacing:inherit;text-transform:none}
.hero-meta .wordmark .brand-amp {font-size:1.23em;letter-spacing:-.04em;text-transform:none}
.hero-meta small {margin-top:6px}
.division-top {flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:20px}
.division-logo {width:96px;height:80px;object-fit:contain}
.division-title {width:100%;min-width:0;container-type:inline-size}
.division-title h3 {font-size:clamp(19px,1.93vw,28px);letter-spacing:0}
.division-title h3 .wordmark {font-size:inherit}
.brand-lockup {flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px;container-type:inline-size}
.brand-lockup>img {width:105px;height:87px;object-fit:contain}
.brand-lockup .wordmark {font-size:clamp(20px,2.1vw,31px);letter-spacing:-.025em}
.brand-lockup .wordmark .brand-letters {font-size:inherit;letter-spacing:inherit}
.brand-lockup .wordmark .brand-amp {font-size:1.23em;letter-spacing:-.04em}
.sub-hero .hero-copy {padding-top:42px;padding-bottom:46px}
.brand-pair {flex-direction:column;align-items:flex-start;gap:18px;padding-top:8px;container-type:inline-size}
.brand-pair>img {width:105px;height:88px;object-fit:contain}
.brand-pair h3 {font-size:clamp(19px,1.93vw,28px);letter-spacing:0}
.footer-grid {grid-template-columns:1.6fr 1.9fr 1.1fr 1.25fr;gap:32px}
.footer .brand-name {font-size:25px}
.footer .brand-sub {letter-spacing:1.1px;font-size:7px}
.footer-divisions .wordmark {font-size:14px}
.footer-divisions {container-type:inline-size}
.footer-divisions li {margin-bottom:14px}
.lightbox-top .wordmark {font-size:17px}

@media (max-width:1150px) {
  .brand-name {font-size:27px}
  .brand-with-logo .brand-name {font-size:24px}
  .masthead-logo {width:55px;height:49px}
  .nav {gap:18px}
}
@media (max-width:1100px) {
  .nav-shell {min-height:90px}
  .menu-toggle {display:flex}
  .nav {display:none;position:absolute;top:90px;left:0;right:0;padding:20px 28px 26px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 12px #00000005;align-items:stretch;gap:3px}
  .nav.open {display:flex;flex-direction:column}
  .nav-link {padding:13px 0}
  .nav-link.active:after,.nav-link:hover:after {width:35px;bottom:8px}
  .nav-contact {margin:15px 0 0}
  .nav-contact .btn {width:100%}
  .footer-grid {grid-template-columns:1fr 1fr;gap:28px 38px}
  .footer-grid>div:first-child,.footer-grid>.footer-divisions {grid-column:1/-1}
  .footer-grid>div:last-child {grid-column:auto}
  .footer-grid>div:last-child ul {display:block}
  .footer-divisions .wordmark {font-size:17px}
}
@media (max-width:900px) {
  .division-title h3,.brand-pair h3 {font-size:clamp(19px,2.3vw,24px)}
  .brand-lockup>img {width:90px;height:75px}
  .brand-lockup .wordmark {font-size:clamp(18px,2.65vw,24px)}
  .footer .brand-name {font-size:25px}
}
@media (max-width:620px) {
  .nav-shell {min-height:81px;gap:15px}
  .nav {top:81px}
  .brand-name {font-size:clamp(23px,6.4vw,28px)}
  .brand-sub {font-size:7px;letter-spacing:1px;margin-top:7px}
  .division-page .nav-shell {display:grid;grid-template-columns:1fr 44px;gap:0;min-height:126px;padding:9px 0 12px}
  .division-page .brand-with-logo {display:grid;grid-template-columns:1fr;gap:9px;grid-column:1/-1;grid-row:1;align-items:start}
  .division-page .masthead-logo {width:54px;height:44px}
  .division-page .brand-copy {width:100%;container-type:inline-size}
  .division-page .brand-with-logo .brand-name {font-size:clamp(18px,7.25cqw,24px)}
  .division-page .brand-with-logo .brand-sub {font-size:7px;letter-spacing:1.4px}
  .division-page .menu-toggle {grid-column:2;grid-row:1;align-self:start;margin-top:2px}
  .division-page .nav {top:126px}
  .division-page [id] {scroll-margin-top:145px}
  .division-logo {width:102px;height:85px}
  .division-title h3,.brand-pair h3 {font-size:clamp(15px,7cqw,24px)}
  .brand-lockup {gap:16px;margin-bottom:25px}
  .brand-lockup>img {width:110px;height:92px}
  .brand-lockup .wordmark {font-size:clamp(19px,7.25cqw,26px)}
  .brand-pair>img {width:110px;height:92px}
  .footer .brand-name {font-size:clamp(23px,6.4vw,28px)}
  .footer-divisions .wordmark {font-size:clamp(17px,7cqw,23px)}
  .lightbox-top .wordmark {font-size:clamp(12px,3.8vw,16px)}
}

/* Our Story division descriptions: one row per division where space permits. */
.about-division-summary {margin-top:20px;container-type:inline-size;}
.about-grid .about-division-summary p {margin:0;font-weight:600;line-height:1.8;color:var(--gray);}
.about-division-summary .summary-realtors strong {color:#fa2b28;}
.about-division-summary .summary-concepts strong {color:#39231b;}
@media (min-width:1100px) {
  .about-grid.about-overview {grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:48px;}
  .about-grid .about-division-summary p {font-size:clamp(12px,1.75cqw,13px);}
}