@font-face { font-family: "CRER PD Oswald"; font-style: normal; font-weight: 300; font-display: swap; src: url('fonts/Oswald-Light.woff2') format('woff2'); }
@font-face { font-family: "CRER PD Oswald"; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/Oswald-Regular.woff2') format('woff2'); }
body.crer-pd-team #page { width: 100%; max-width: none; }
#primary.crer-pd-team { color: #333; background: #fff; font: 300 16px/1.5 "CRER PD Oswald", Arial, sans-serif; padding-top: 88px; }
#primary.crer-pd-team *, #primary.crer-pd-team *::before, #primary.crer-pd-team *::after { box-sizing: border-box; }
#primary.crer-pd-team a { color: inherit; text-decoration: none; }
#primary.crer-pd-team a:focus-visible { outline: 2px solid #fd833a; outline-offset: 4px; }
#primary.crer-pd-team h1, #primary.crer-pd-team h2, #primary.crer-pd-team h3, #primary.crer-pd-team p { padding: 0; margin: 0; color: inherit; text-transform: none; letter-spacing: normal; }
#primary.crer-pd-team .crer-pdt-shell { width: min(1200px, 88%); margin-inline: auto; }
#primary.crer-pd-team [id] { scroll-margin-top: 120px; }
/* The old directory uses #brokers as an offset span; retain the fragment without its -100px shift. */
#primary.crer-pd-team #brokers { top: auto; }
#primary.crer-pd-team .crer-pdt-breadcrumbs { display: flex; align-items: center; gap: 10px; padding-block: 16px; font-size: 13px; }
#primary.crer-pd-team .crer-pdt-breadcrumbs a:hover { text-decoration: underline; }
#primary.crer-pd-team .crer-pdt-intro { position: relative; isolation: isolate; overflow: hidden; border-block: 1px solid #ddd; padding-block: 52px; }
#primary.crer-pd-team .crer-pdt-intro::before { content: ''; position: absolute; inset: 0 0 0 40%; z-index: -1; background: url('team-streets.svg') center/cover; opacity: .045; pointer-events: none; }
#primary.crer-pd-team .crer-pdt-intro .crer-pdt-shell { display: flex; align-items: center; justify-content: space-between; gap: 70px; }
#primary.crer-pd-team .crer-pdt-intro h1 { font: 300 76px/1.18 "CRER PD Oswald", Arial, sans-serif; letter-spacing: -2px; text-transform: uppercase; white-space: nowrap; }
#primary.crer-pd-team .crer-pdt-accent { position: relative; display: inline-block; }
#primary.crer-pd-team .crer-pdt-accent::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: #fd833a; }
#primary.crer-pd-team .crer-pdt-intro p { font: 300 20px/1.5 "CRER PD Oswald", Arial, sans-serif; max-width: 450px; }
#primary.crer-pd-team .crer-pdt-section { padding-block: 48px 12px; }
#primary.crer-pd-team .crer-pdt-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 24px; }
#primary.crer-pd-team .crer-pdt-section-heading h2 { font: 400 30px/1.25 "CRER PD Oswald", Arial, sans-serif; }
#primary.crer-pd-team .crer-pdt-section-heading p { font: 300 14px/1.5 "CRER PD Oswald", Arial, sans-serif; color: #666; }
#primary.crer-pd-team .crer-pdt-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 22px; }
#primary.crer-pd-team .crer-pdt-person { min-width: 0; border-bottom: 1px solid #ddd; display: flex; flex-direction: column; }
#primary.crer-pd-team .crer-pdt-portrait { display: block; width: 100%; background: #eee; aspect-ratio: 1; overflow: hidden; }
#primary.crer-pd-team .crer-pdt-portrait img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 23%; }
#primary.crer-pd-team .crer-pdt-placeholder { display: grid; width: 100%; height: 100%; place-items: center; font-size: 36px; color: #777; }
#primary.crer-pd-team .crer-pdt-copy { padding-block: 18px; display: flex; flex-direction: column; flex: 1; }
#primary.crer-pd-team .crer-pdt-copy h3 { font: 400 23px/1.18 "CRER PD Oswald", Arial, sans-serif; margin-bottom: 8px; overflow-wrap: anywhere; }
#primary.crer-pd-team .crer-pdt-copy h3 a:hover { text-decoration: underline; text-underline-offset: 3px; }
#primary.crer-pd-team .crer-pdt-role { font: 300 14px/1.4 "CRER PD Oswald", Arial, sans-serif; color: #666; min-height: 40px; margin-bottom: 15px; }
#primary.crer-pd-team .crer-pdt-contact { display: flex; flex-wrap: wrap; align-content: start; gap: 8px 16px; font-size: 13px; line-height: 1.5; margin-bottom: 20px; overflow-wrap: anywhere; }
#primary.crer-pd-team .crer-pdt-contact span { flex-basis: 100%; }
#primary.crer-pd-team .crer-pdt-contact a:hover { text-decoration: underline; }
#primary.crer-pd-team .crer-pdt-profile { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 13px; line-height: 1.5; text-transform: uppercase; letter-spacing: .6px; margin-top: auto; padding-block: 5px; }
#primary.crer-pd-team .crer-pdt-profile span { color: #fd833a; font-size: 21px; }
#primary.crer-pd-team .crer-pdt-end { margin-top: 55px; border-top: 1px solid #ddd; padding-block: 38px; }
#primary.crer-pd-team .crer-pdt-end .crer-pdt-shell { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
#primary.crer-pd-team .crer-pdt-end h2 { font: 400 28px/1.3 "CRER PD Oswald", Arial, sans-serif; }
#primary.crer-pd-team .crer-pdt-end a { flex: none; font-size: 14px; border-bottom: 2px solid #fd833a; padding-block: 8px; }
#primary.crer-pd-team .crer-pdt-review { position: fixed; z-index: 999; bottom: 10px; left: 10px; max-width: calc(100vw - 20px); background: #fff; color: #333; border: 1px solid #ddd; box-shadow: 0 2px 12px #0002; padding: 8px 12px; font: 12px/1.5 Arial, sans-serif; }
#primary.crer-pd-team .crer-pdt-review a { text-decoration: underline; }
@media (max-width: 1000px) {
    #primary.crer-pd-team .crer-pdt-intro h1 { font-size: 60px; }
    #primary.crer-pd-team .crer-pdt-intro .crer-pdt-shell { gap: 40px; }
    #primary.crer-pd-team .crer-pdt-grid { gap: 25px 16px; }
    #primary.crer-pd-team .crer-pdt-copy h3 { font-size: 21px; }
}
@media (max-width: 800px) {
    #primary.crer-pd-team .crer-pdt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #primary.crer-pd-team .crer-pdt-intro .crer-pdt-shell { display: block; }
    #primary.crer-pd-team .crer-pdt-intro p { margin-top: 26px; }
    #primary.crer-pd-team .crer-pdt-section-heading { align-items: flex-start; }
}
@media (max-width: 480px) {
    #primary.crer-pd-team .crer-pdt-grid { grid-template-columns: 1fr; }
    #primary.crer-pd-team .crer-pdt-intro { padding-block: 35px; }
    #primary.crer-pd-team .crer-pdt-intro h1 { font-size: 53px; }
    #primary.crer-pd-team .crer-pdt-intro p { font-size: 18px; }
    #primary.crer-pd-team .crer-pdt-section-heading { display: block; }
    #primary.crer-pd-team .crer-pdt-section-heading p { margin-top: 10px; }
    #primary.crer-pd-team .crer-pdt-section { padding-top: 34px; }
    #primary.crer-pd-team .crer-pdt-role { min-height: 0; }
    #primary.crer-pd-team .crer-pdt-end .crer-pdt-shell { display: block; }
    #primary.crer-pd-team .crer-pdt-end a { display: inline-block; margin-top: 14px; }
}
@media print {
    #primary.crer-pd-team { padding-top: 0; }
    #primary.crer-pd-team .crer-pdt-review { display: none; }
    #primary.crer-pd-team .crer-pdt-person { break-inside: avoid; }
}

/* Smooth the original header logo when reduced from its native size. */
body.crer-pd-team #masthead .menu-two-wrap .logo img { image-rendering: auto; }

/* Match the shared 1280px Property/Blog navigation frame, with 32px gutters. */
#primary.crer-pd-team .crer-pdt-shell { width:calc(100% - 64px); max-width:1216px; margin-inline:auto; }
body.crer-pd-team #masthead .menu-two-wrap .menu-bug,
body.crer-pd-team #masthead #site-navigation > .wrap,
body.crer-pd-team #masthead .secondary-menu,
body.crer-pd-team footer.site-footer .wrap { box-sizing:border-box; width:100%!important; max-width:1280px; margin-inline:auto; padding-inline:32px; }
body.crer-pd-team footer.site-footer { box-sizing:border-box; width:100%; max-width:none; margin-inline:0; }
@media (max-width:720px) {
    #primary.crer-pd-team .crer-pdt-shell { width:calc(100% - 40px); }
    body.crer-pd-team #masthead .menu-two-wrap .menu-bug,
body.crer-pd-team #masthead #site-navigation > .wrap,
body.crer-pd-team #masthead .secondary-menu,
body.crer-pd-team footer.site-footer .wrap { padding-inline:20px; }
}
