@charset "UTF-8";
*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;background:#fff;color:#26333c;font:16px/1.65 Arial,Helvetica,sans-serif}
a{color:#185580;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
a:focus-visible,summary:focus-visible{outline:3px solid #185580;outline-offset:4px}
h1,h2,h3{color:#173b55;line-height:1.25;margin-top:0;overflow-wrap:break-word}
h1{font-size:34px;margin-bottom:10px}
h2{font-size:24px;margin-bottom:18px}
h3{font-size:18px;margin-bottom:8px}
p{margin:0 0 18px}
img{display:block;width:100%;height:auto}
.skip{position:absolute;top:-70px;left:20px;background:#fff;padding:10px;z-index:10}
.skip:focus{top:10px}
.header{border-bottom:1px solid #d8dfe4;background:#fff}
.header-inner{max-width:1128px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-name{font-size:20px;font-weight:700;color:#173b55;text-decoration:none;line-height:1.3}
nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:15px}
nav a{color:#334b5e;text-decoration:none}
nav a:hover{text-decoration:underline}
.page{max-width:1128px;padding:32px 24px 48px;margin:auto}
.page-title{margin-bottom:24px}
.page-title>p:last-child{margin-bottom:0}
.location{color:#5c6871;font-size:15px;margin-bottom:12px}
.photo{margin:0 0 30px}
.photo img{max-height:390px;object-fit:cover;aspect-ratio:2.5/1}
figcaption{padding-top:10px;font-size:13px;color:#59656e;line-height:1.6}
figcaption>span{display:block}
.credit{font-size:12px;margin-top:3px}
.overview-row{display:grid;grid-template-columns:1.25fr 1fr;gap:44px;padding:12px 0 32px}
.facts{background:#f5f7f8;border:1px solid #dce2e6;padding:22px 24px;align-self:start}
.facts h2{font-size:20px;margin-bottom:12px}
dl{margin:0}
dl>div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid #dce2e6;font-size:14px}
dl>div:last-child{border:0}
dt{font-weight:700}
dd{margin:0}
.section{padding:32px 0;border-top:1px solid #dce2e6}
.nearby-list,.source-list{padding-left:22px;margin-top:0}
.nearby-list li{padding-left:3px;margin-bottom:19px}
.nearby-list h3{font-size:17px;margin-bottom:4px}
.nearby-list p{margin-bottom:0}
.additional-photo{max-width:680px;margin-top:28px}
.additional-photo .photo{margin-bottom:0}
.additional-photo img{aspect-ratio:1.9/1;max-height:350px}
.answer{margin:0 0 24px;max-width:900px}
.answer:last-child{margin-bottom:0}
.answer h3{font-size:17px;margin-bottom:7px}
.source-list li{margin-bottom:8px}
summary{cursor:pointer;font-weight:700}
.small{font-size:13px;color:#5c6871;line-height:1.65}
.footer{border-top:1px solid #dce2e6;padding:28px 24px;max-width:1128px;margin:auto;font-size:14px}
.footer p{margin-bottom:9px}
.footer>a{font-size:13px}
.narrow{max-width:900px}
.action-link{display:inline-block;background:#173b55;border:1px solid #173b55;color:#fff;text-decoration:none;padding:10px 16px;font-size:15px;font-weight:700;line-height:1.5}
.action-link:hover{background:#214e6c;text-decoration:underline}
.action-link.secondary{background:#fff;color:#173b55}
.listings-section>.small{margin-top:12px;margin-bottom:0}
.agent-details{display:grid;grid-template-columns:150px 1fr;gap:28px;margin-top:24px;max-width:820px}
.agent-details h3{font-size:21px;margin-bottom:9px}
.agent-details p{margin-bottom:14px}
.agent-details a{overflow-wrap:anywhere}
.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.contact-form-link{margin-top:16px}
.draft-list{margin-top:28px}
.draft-list article{display:grid;grid-template-columns:260px 1fr;gap:28px;padding:26px 0;border-top:1px solid #dce2e6}
.thumbnail img{height:160px;object-fit:cover}
.draft-list h2{font-size:23px;margin-bottom:8px}
.draft-list p{margin-bottom:10px}
@media(max-width:850px){.header-inner{align-items:flex-start;flex-direction:column;gap:16px}.overview-row{grid-template-columns:1fr;gap:20px}.facts{max-width:100%}.photo img{aspect-ratio:2/1}.draft-list article{grid-template-columns:220px 1fr;gap:24px}.thumbnail img{height:160px}}
@media(max-width:540px){body{font-size:16px}.header-inner{padding:18px 20px;gap:13px}.site-name{font-size:20px}nav{gap:10px 20px;font-size:14px}.page{padding:26px 20px 35px}h1{font-size:30px}h2{font-size:23px}.photo img{aspect-ratio:1.5/1;max-height:none}.photo{margin-bottom:22px}.overview-row{padding-top:0;padding-bottom:24px}.facts{padding:18px}dl>div{grid-template-columns:110px 1fr;gap:14px;font-size:14px}.section{padding:27px 0}.draft-list article{grid-template-columns:1fr;gap:18px}.thumbnail img{height:auto;aspect-ratio:1.8/1}.draft-list h2{font-size:24px}.footer{padding:25px 20px}.additional-photo img{aspect-ratio:1.5/1}}
@media print{body{font-size:11pt;color:black}.header nav{display:none}.page{padding:20px 0}.photo img{max-height:240px}.section,.answer{break-inside:avoid}.facts{background:white}.footer{padding:20px 0}}
@media(max-width:540px){.agent-details{grid-template-columns:1fr;gap:20px}.action-link{max-width:100%}.contact-actions{gap:9px}.contact-actions .action-link{font-size:14px;padding:10px 12px}}

/* Fairlington: warm paper, brick accents and a little room for its history. */
.reference-site{background:#fcfbf8;color:#303a37}
.reference-site .header{border-top:4px solid #8d493b;background:#fcfbf8;border-bottom-color:#dedbd3}
.reference-site h1,.reference-site h2,.reference-site h3,.reference-site .site-name{color:#2e4844}
.reference-site a{color:#704036}
.reference-site .page{padding-top:34px}
.reference-site .reference-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center;margin-bottom:36px}
.reference-site .page-title{margin:0;padding:16px 0 22px;border-bottom:3px solid #ad725d}
.reference-site h1{font-size:48px;letter-spacing:-1px;margin-bottom:14px}
.reference-site .page-title>p:last-child{font-size:19px;line-height:1.6;max-width:32ch}
.reference-site .reference-intro .photo{margin:0}
.reference-site .reference-intro img{aspect-ratio:1.65/1;max-height:none}
.reference-site .facts{background:#f0eee6;border-color:#dedbd1;border-top:3px solid #9a6952}
.reference-site .section{border-color:#dedbd3;padding:38px 0}
.reference-site .overview-row{gap:38px}
.reference-site .action-link{background:#3c5750;border-color:#3c5750;color:#fff}
.reference-site .action-link:hover{background:#2e4844}
.reference-site .action-link.secondary{background:transparent;color:#2e4844}
.map-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}
.map-heading>div{max-width:720px}
.map-heading>p{flex-shrink:0;font-size:14px;padding-top:4px}
.location-section{display:grid;grid-template-columns:1fr 400px;gap:44px;align-items:center}
.location-copy{max-width:560px}
.location-copy>p:last-child{margin-bottom:0}
.neighborhood-map{margin:0}
.neighborhood-map img{border:1px solid #d3d5c9;aspect-ratio:4/3;height:auto;width:100%}
.neighborhood-map figcaption{font-size:11px;line-height:1.5;padding-top:7px}
.map-note{margin:10px 0 0}
.history-heading{max-width:760px}
.history-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;margin-top:26px}
.history-timeline{list-style:none;padding:0;margin:0}
.history-timeline li{display:grid;grid-template-columns:90px 1fr;gap:22px;position:relative;padding:0 0 26px}
.history-timeline li:last-child{padding-bottom:0}
.history-timeline h3{font-size:18px;margin-bottom:9px}
.history-timeline p{font-size:15px;margin:0}
.history-date{font-size:14px;font-weight:700;color:#884b3c;border-top:2px solid #b98d76;padding-top:7px;line-height:1.5}
.inline-source{font-size:12px;white-space:nowrap}
.article-source{display:block;white-space:normal;margin-top:7px}
.history-photo .photo img{aspect-ratio:1.1/1;max-height:none;object-fit:cover}
.history-photo .photo{margin-bottom:18px}
.history-no-photo{grid-template-columns:1fr}
.reference-site .listings-section{padding:26px;background:#f0eee6;border-left:3px solid #9a6952;margin:0 0 12px}
@media(max-width:850px){.reference-site .reference-intro{grid-template-columns:1fr 1.2fr;gap:24px}.reference-site h1{font-size:39px}.history-layout{grid-template-columns:1.3fr 1fr;gap:26px}.history-timeline li{grid-template-columns:1fr;gap:9px}.history-date{width:max-content}.map-heading{display:block}.map-heading>p{padding:0}.history-photo .photo img{aspect-ratio:1/1.1}}
@media(max-width:600px){.reference-site .reference-intro{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.reference-site h1{font-size:40px}.reference-site .page-title{padding-top:0;padding-bottom:18px}.reference-site .page-title>p:last-child{font-size:18px;max-width:none}.reference-site .section{padding:30px 0}.history-layout{grid-template-columns:1fr;gap:30px}.history-timeline li{grid-template-columns:82px 1fr;gap:16px}.history-date{width:auto}.history-photo .photo img{aspect-ratio:1.6/1}.location-map{height:330px}.reference-site .listings-section{padding:22px}.reference-site .reference-intro .photo{margin:0}}
@media print{.location-map{display:none}.reference-site .reference-intro{grid-template-columns:1fr 1fr}.history-layout{grid-template-columns:1fr}.reference-site h1{font-size:30px}}

.parkfairfax{background:#f8faf7}
.parkfairfax .header{border-top:4px solid #42654d}
.parkfairfax h1,.parkfairfax h2,.parkfairfax h3{color:#294f43}
.parkfairfax .facts{background:#edf2e9;border-color:#d0dbcb}
.parkfairfax .history-timeline{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}
.parkfairfax .history-timeline li{display:block;border-top:1px solid #c7d4c4;padding-top:16px}
.parkfairfax .history-date{display:inline-block;margin-bottom:12px;color:#42654d;border:0;padding:0}

.contact-section,.reference-site .contact-section{background:#223e3a;color:#fff;padding:36px;margin:12px 0 0;border:0}
.contact-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:38px;align-items:start}
.contact-bio h2,.reference-site .contact-bio h2,.parkfairfax .contact-bio h2{color:#fff;font-size:28px;margin:0 0 18px}
.contact-bio p{font-size:15px;line-height:1.7}
.contact-bio a,.reference-site .contact-bio a{color:#fff}
.agent-license{font-size:13px!important;color:#d4e0db;margin:25px 0 0}
.contact-panel{background:#fff;color:#26333c;padding:26px;border-radius:10px}
.contact-panel label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
.contact-panel label span{font-size:12px;font-weight:400;color:#64716c}
.contact-panel input,.contact-panel textarea{display:block;width:100%;min-width:0;border:1px solid #bcc8c3;border-radius:6px;padding:10px 12px;font:16px/1.5 Arial,Helvetica,sans-serif;color:#26333c;background:#fff}
.contact-panel textarea{resize:vertical}
.contact-panel input:focus-visible,.contact-panel textarea:focus-visible,.contact-panel button:focus-visible{outline:3px solid #a5c4b4;outline-offset:2px}
.form-field{min-width:0;margin-bottom:17px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-panel button{width:100%;border-radius:6px;cursor:pointer;font:700 16px/1.5 Arial,Helvetica,sans-serif;background:#345c50;color:#fff;border-color:#345c50}
.contact-panel button:disabled{opacity:.65;cursor:wait}
.form-trap{display:none}
.form-privacy{font-size:11px;line-height:1.5;margin:12px 0 0;color:#65726d}
.form-status{font-size:14px;margin:14px 0 0;color:#713d35}
.form-status:empty{display:none}
.form-success{font-size:18px;line-height:1.7;color:#294f43;padding:28px 0}
[hidden]{display:none!important}
@media(max-width:850px){.location-section{grid-template-columns:1fr 340px;gap:28px}.contact-section,.reference-site .contact-section{padding:28px}.contact-layout{gap:25px}.form-row{grid-template-columns:1fr;gap:0}.contact-panel{padding:22px}}
@media(max-width:650px){.location-section{grid-template-columns:1fr;gap:22px}.neighborhood-map{max-width:400px}.contact-section,.reference-site .contact-section{padding:24px 20px}.contact-layout{grid-template-columns:1fr;gap:28px}.contact-panel{padding:22px 18px}.parkfairfax .history-timeline{grid-template-columns:1fr}}

.local-details-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:42px;align-items:start}
.local-details-list article{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #dedbd3}
.local-details-list article:last-child{padding-bottom:0;margin-bottom:0;border:0}
.local-details-list h3{font-size:19px;margin-bottom:9px}
.local-details-list p{margin-bottom:7px;font-size:15px}
.local-details-list .detail-source{font-size:12px}
.local-details-photo .photo{margin:0}
.local-details-photo .photo img{aspect-ratio:1.25/1;max-height:none}
.local-details-layout.no-photo{grid-template-columns:1fr}
.local-details-layout.no-photo .local-details-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.local-details-layout.no-photo article{border:0;margin:0;padding:0}
@media(max-width:750px){.local-details-layout{grid-template-columns:1fr;gap:25px}.local-details-layout.no-photo .local-details-list{grid-template-columns:1fr;gap:24px}.local-details-photo{max-width:620px}.local-details-photo .photo img{aspect-ratio:1.6/1}}

/* Shared accessibility and compositional primitives for individually designed sites. */
html{scroll-padding-top:110px}
.reference-site .skip{z-index:40}
.reference-site .neighborhood-header{position:sticky;top:0;z-index:30;background:inherit;border-bottom:1px solid #d8dfe4;font:14px/1.5 Arial,Helvetica,sans-serif}
.reference-site .neighborhood-header-inner{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 24px}
.reference-site .neighborhood-brand{display:flex;flex-direction:column;max-width:360px;color:inherit;text-decoration:none;line-height:1.35}
.reference-site .neighborhood-name{font-size:18px;font-weight:700}
.reference-site .neighborhood-area{font-size:12px;margin-top:3px}
.reference-site .neighborhood-header nav{display:flex;flex-shrink:0;gap:22px;font-size:14px}
.reference-site .neighborhood-header nav a{color:inherit;text-decoration:none}
.reference-site .neighborhood-header a:hover{text-decoration:underline}
.reference-site .neighborhood-attribution{flex-shrink:0;margin:0;text-align:right;font-size:13px}
@media(max-width:1050px){.reference-site .neighborhood-header nav{display:none}}
@media(max-width:650px){
 html{scroll-padding-top:145px}
 .reference-site .neighborhood-header-inner{flex-wrap:wrap;gap:10px;padding:12px 20px}
 .reference-site .neighborhood-brand{max-width:100%}
 .reference-site .neighborhood-name{font-size:16px}
 .reference-site .neighborhood-attribution{width:100%;font-size:12px;text-align:left}
}
@media print{.reference-site .neighborhood-header{position:static}.reference-site .neighborhood-header nav{display:none}}
.individual-site .neighborhood-photographs{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:24px;max-width:850px}
.individual-site .neighborhood-photographs .photo{margin:0;min-width:0}
.individual-site .neighborhood-photographs img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.individual-site .photo.aerial-photo img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.individual-site .reference-intro>*{min-width:0}
.individual-site .site-feature{padding:34px 0}
.individual-site .feature-intro{max-width:75ch}
.individual-site .feature-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.individual-site .feature-item{min-width:0}
.individual-site .feature-item p{font-size:16px}
.individual-site .detail-source{font:13px/1.6 Arial,Helvetica,sans-serif}
.individual-site .detail-source a{overflow-wrap:anywhere}
.individual-site.intro-split-right .page-title{order:2}
.individual-site.intro-photo-first .reference-intro,.individual-site.intro-title-first .reference-intro,.individual-site.intro-wide-photo .reference-intro,.individual-site.intro-title-band .reference-intro{display:flex;flex-direction:column;align-items:stretch}
.individual-site.intro-photo-first .reference-intro>.photo{order:-1}
.individual-site.intro-title-first .page-title>p:last-child,.individual-site.intro-wide-photo .page-title>p:last-child,.individual-site.intro-title-band .page-title>p:last-child{max-width:72ch}
.individual-site.intro-wide-photo .reference-intro img{aspect-ratio:2.6/1;max-height:430px}
.individual-site.intro-inset-photo .reference-intro{grid-template-columns:1.1fr .9fr;align-items:start}
.individual-site.intro-side-note .reference-intro{grid-template-columns:.65fr 1.35fr;align-items:start}
.individual-site .location-section{grid-template-columns:minmax(0,1fr) minmax(280px,400px)}
.individual-site .footer a{overflow-wrap:anywhere}
.individual-site .footer{line-height:1.8}
@media(max-width:650px){
 .individual-site .page{padding-left:20px;padding-right:20px}
 .individual-site .reference-intro{display:flex;flex-direction:column;gap:22px;align-items:stretch}
 .individual-site .reference-intro .page-title{order:0}
 .individual-site.intro-photo-first .reference-intro>.photo{order:-1}
 .individual-site .reference-intro img{aspect-ratio:1.6/1;max-height:none}
 .individual-site .feature-items,.individual-site .overview-row,.individual-site .location-section{grid-template-columns:minmax(0,1fr);gap:24px}
 .individual-site .neighborhood-map{width:100%;max-width:420px}
 .individual-site .facts{max-width:100%;min-width:0}
 .individual-site h1{font-size:36px;letter-spacing:normal}
 .individual-site .page-title>p:last-child{font-size:18px;max-width:none}
 .individual-site .feature-item p{font-size:16px}
}