/* A personal introduction directly after the opening film. */
#brokerage-background { padding-top: 26px; padding-bottom: 22px; }
#brokerage-background > .eyebrow { margin: 0 0 8px; font-size: 10px; }
#brokerage-background h2 { font-size: 30px !important; line-height: 1.15; margin: 0 0 10px; max-width: none; }
#brokerage-background > p:not(.eyebrow) { font-size: 15px !important; line-height: 1.55; margin: 0; max-width: 950px; }
#brokerage-background .career-logo-row { margin-top: 16px; padding: 12px 0; gap: 12px; grid-template-columns: repeat(6, minmax(0, 1fr)); }
#brokerage-background .career-logo-cell { height: 52px; padding: 10px; border-radius: 8px; box-shadow: none; }
#brokerage-background .career-logo-cell img { max-height: 30px; }
#brokerage-background .editorial-background-note { margin-top: 10px !important; font-size: 11px !important; }
#press { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(260px, 1fr); gap: 12px 30px; padding-top: 22px; padding-bottom: 18px; align-items: center; }
#press .press-logo-heading { padding: 0; border: 0; min-width: 0; }
#press .press-logo-heading > span { margin: 0 0 10px; font-size: 10px; }
#press .press-logo-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
#press .press-logo-row a { min-width: 0; min-height: 44px; padding: 6px 0; }
#press .press-logo-row a:last-child { padding: 8px; min-height: 44px; }
#press .press-logo-row img, #press .press-logo-row a:last-child img { width: 100%; max-height: 36px; }
#press .bridge-magazine-tile { grid-template-columns: 55px minmax(0, 1fr); gap: 16px; padding: 12px 16px; margin: 0; max-width: none; border-radius: 12px; box-shadow: none; }
#press .bridge-tile-copy strong { font-size: 25px; margin: 4px 0; }
#press .bridge-tile-description { font-size: 11px; line-height: 1.4; }
#press .bridge-tile-action { margin-top: 7px; font-size: 11px; }
#press .core-disclosure { grid-column: 1 / -1; }
#press .core-disclosure > summary { padding: 10px 0; font-size: 14px; min-height: 44px; }
@media (max-width: 700px) {
  #brokerage-background { padding-top: 24px; padding-bottom: 18px; }
  #brokerage-background h2 { font-size: 27px !important; }
  #brokerage-background .career-logo-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  #brokerage-background .career-logo-cell { height: 48px; padding: 8px; }
  #press { grid-template-columns: minmax(0, 1fr); gap: 14px; padding-top: 18px; padding-bottom: 14px; }
  #press .press-logo-row { gap: 12px; }
  #press .bridge-magazine-tile { grid-template-columns: 52px minmax(0, 1fr); }
}
#recent .marketing-glass-tile { min-height: 0; padding: 20px 24px; gap: 24px; margin-bottom: 18px !important; border-radius: 16px; box-shadow: 0 6px 20px #16394f12; }
#recent .marketing-glass-tile h2 { font-size: 34px !important; line-height: 1.15 !important; margin: 8px 0 0 !important; }
#recent .marketing-glass-tile > p { font-size: 15px !important; line-height: 1.6 !important; }
@media (max-width: 700px) {
  #recent { padding-top: 24px; padding-bottom: 24px; }
  #recent .marketing-glass-tile { display: grid !important; grid-template-columns: minmax(0, 1fr); padding: 18px; gap: 12px; }
  #recent .marketing-glass-tile h2 { font-size: 28px !important; }
  #recent .marketing-glass-tile > p { font-size: 15px !important; margin: 0 !important; }
}
/* Keep the guide as one compact artwork tile, without extra copy. */
#neighborhood-guide-tile { padding: 24px 5vw 32px; }
#neighborhood-guide-tile .neighborhood-guide-tile { width: 100%; max-width: 720px; margin-inline: auto; border-radius: 20px; }
#neighborhood-guide-tile .neighborhood-guide-overlay > img { width: 100%; height: auto; aspect-ratio: 5 / 4; object-fit: cover; object-position: left center; }
#neighborhood-guide-tile .neighborhood-guide-overlay:hover > img { transform: none; }
@media (max-width: 700px) {
  #neighborhood-guide-tile { padding: 18px 16px 26px; }
  #neighborhood-guide-tile .neighborhood-guide-tile { max-width: 420px; border-radius: 16px; }
}
#featured-property .editorial-property-image a { display: block; position: relative; }
#featured-property .property-sale-badge {
  position: absolute; top: 20px; left: 20px; z-index: 1;
  padding: 11px 18px; border-radius: 3px;
  background: #102d40; color: #fff;
  font: 600 13px/1.3 Arial, sans-serif;
  letter-spacing: .12em; text-transform: uppercase;
  box-shadow: 0 2px 12px #0002;
}
#meet-josh {
  background: #faf8f4 !important;
  grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: clamp(32px, 6vw, 88px);
  padding: clamp(48px, 6vw, 88px) max(5vw, calc((100vw - 1280px) / 2));
  border-bottom: 1px solid #dce5eb;
}
#meet-josh > div { min-width: 0; }
#meet-josh .josh-portrait { width: 100%; max-width: 400px; max-height: none; }
#meet-josh .josh-portrait img {
  width: 100%; height: auto; max-height: none;
  aspect-ratio: 4 / 5; object-fit: cover; object-position: center 28%;
}
#meet-josh .josh-bio h2 {
  font-family: Georgia, serif; font-weight: 400;
  font-size: clamp(36px, 4vw, 58px); line-height: 1.08;
  letter-spacing: -.035em; margin: 16px 0 24px;
}
#meet-josh .josh-bio h2 em { font-style: italic; }
#meet-josh .josh-bio > p:not(.eyebrow) { font-size: 17px !important; line-height: 1.7 !important; }
#meet-josh .josh-bio > p.bio-lead { font-size: 20px !important; }
#meet-josh .josh-bio > .eyebrow { font-size: 12px !important; line-height: 1.6 !important; }
#meet-josh .section-cta { max-width: 100%; white-space: normal; line-height: 1.5; }
#meet-josh .intro-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px; margin-top: 22px; }
#meet-josh .intro-actions .section-cta { margin: 0; background: #102d40; color: #fff !important; border-color: #102d40 !important; }
#meet-josh .intro-talk { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; color: #102d40; font-size: 16px; text-decoration: none; border-bottom: 1px solid #8a9ca6; }
#meet-josh .intro-actions a:focus-visible { outline: 3px solid #337dab; outline-offset: 4px; }
#meet-josh .josh-bio > p.bio-service { color: #102d40 !important; font-weight: 600; }
@media (max-width: 850px) {
  #meet-josh { grid-template-columns: minmax(0, 1fr); padding: 44px 22px; gap: 28px; }
  #meet-josh .josh-portrait { max-width: 280px; justify-self: center; }
  #meet-josh .josh-portrait img { aspect-ratio: 1 / 1; object-position: center 25%; }
  #meet-josh .josh-bio { width: 100%; max-width: 650px; justify-self: center; }
  #meet-josh .josh-bio h2 { font-size: clamp(34px, 8vw, 48px); }
  #meet-josh .section-cta { min-height: 48px; padding: 14px 16px; font-size: 13px; }
}

/* Compact marketing introduction above the films. */
#recent .marketing-glass-tile { display: block !important; padding: 12px 16px; margin-bottom: 12px !important; border-radius: 10px; }
#recent .marketing-glass-tile .eyebrow { font-size: 9px !important; line-height: 1.4; margin: 0 0 5px; }
#recent .marketing-glass-tile h2 { font-size: 26px !important; margin: 0 !important; line-height: 1.15 !important; }
#recent .marketing-glass-tile > p { font-size: 14px !important; line-height: 1.4 !important; margin: 6px 0 0 !important; max-width: none; }
@media (max-width: 700px) {
  #recent .marketing-glass-tile { padding: 12px 14px; }
  #recent .marketing-glass-tile h2 { font-size: 24px !important; }
}