/* Consistent typography and restrained original REDS colors. */
:root{--red:#bb363c;--ink:#0c0c0d;--muted:#c5beb5}
body{color:#eee9e0;background:#0c0c0d;font:17px/1.65 'Segoe UI',Arial,sans-serif}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.eyebrow,.story .eyebrow{color:#c8b09a}
em,h1 em{color:#c97869}
.hero{background:radial-gradient(ellipse at 90% 40%,#33261c55,transparent 70%),#0c0c0d}
.hero h1{font-size:clamp(44px,4.6vw,70px)}
.hero-copy .lead{font-size:19px;color:#d1c9bf}
.button{background:#98262d;color:#fff;border-color:#bd4a4c;font-size:14px;letter-spacing:.25px;min-height:48px}
.button:hover{background:#b02e35}
nav{font-size:14px;gap:21px}nav a{color:#e3ddd4}
.text-link{color:#e6dcd0;border-color:#aa4c43;font-size:15px}
.caption,.photo-credit{font-size:13px;line-height:1.65;color:#c1b6a8}
.experience-evidence b{font-size:24px}.experience-evidence span{font-size:14px}
.project-info h3{font-size:32px}.project-info p{font-size:16px}
.track-record-band{display:flex;align-items:center;gap:22px;border-block:1px solid #4d3d31;padding:17px 0;margin:24px 0 10px}
.track-record-band strong{font:42px/1 Georgia,serif;color:#eee9e0}
.track-record-band span{max-width:235px;font-size:15px;color:#c9bfb2;line-height:1.5}
.plat-choice{font-size:14px;min-height:86px}.plat-choice img{width:86px;height:62px}
.plat-choice[aria-pressed=true]{border-color:#c09273;background:#3c2c22;box-shadow:inset 3px 0 #c09273}
.plat-stage h3{font-size:30px}.plat-actions button{font-size:14px;min-height:44px}
.plat-stage .eyebrow{color:#d5b99f}
#resume-dialog{padding:0;width:min(1080px,94vw);height:92dvh;max-height:92dvh;background:#f5f1e9;border:1px solid #8d7561;overflow:hidden;color:#eee9e0}
#resume-dialog::backdrop{background:#000c}
.resume-toolbar{display:flex;align-items:center;gap:20px;padding:15px 22px;background:#111212;border-bottom:1px solid #584335;height:76px}
.resume-toolbar h2{font:25px/1.2 Georgia,serif;letter-spacing:0;margin:0 auto 0 0}
.resume-toolbar a{font-size:13px;color:#e5d9ca;border-bottom:1px solid #a44b43;padding:8px 0}
.resume-close{background:#98262d;color:#fff;border:1px solid #bf5755;font:14px 'Segoe UI',Arial,sans-serif;padding:11px 18px;min-height:44px;white-space:nowrap}
#resume-frame{display:block;width:100%;height:calc(100% - 76px);border:0;background:#f5f1e9}
@media(max-width:1050px){nav{gap:15px;font-size:13px}}
@media(max-width:850px){.plat-choice{flex-basis:175px}.plat-choice img{width:100%;height:74px}}
@media(max-width:600px){.hero h1{font-size:clamp(40px,9.5vw,52px)}.hero-copy .lead{font-size:18px}nav{font-size:12px;gap:8px;justify-content:space-between}.track-record-band strong{font-size:38px}.track-record-band span{font-size:14px}.resume-toolbar{height:100px;gap:10px;padding:13px 15px;flex-wrap:wrap}.resume-toolbar h2{font-size:22px;width:calc(100% - 100px)}.resume-toolbar a{order:3;padding:0;font-size:12px}.resume-close{font-size:13px;padding:9px 14px}#resume-frame{height:calc(100% - 100px)}#resume-dialog{width:96vw;max-width:96vw;height:94dvh;max-height:94dvh}}

/* Architectural lettering echoes the original REDS wordmark. */
@font-face{font-family:'REDS Architectural';src:url('assets/fonts/Michroma-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
header .brand.original-brand{flex-direction:column;justify-content:center;align-items:center;gap:7px;width:290px}
header .brand.original-brand .brand-promise{display:block;max-width:none;width:100%;text-align:center;font-size:12px;line-height:1.5;letter-spacing:1.65px;color:#ded3c5;white-space:nowrap}
.hero h1{font-family:'REDS Architectural','Century Gothic',sans-serif;font-size:clamp(30px,3.1vw,48px);font-weight:400;line-height:1.38;letter-spacing:-.025em;text-wrap:initial}
.hero h1 em{font-style:normal}
@media(max-width:1050px){header .brand.original-brand{width:265px}header .brand.original-brand .brand-promise{font-size:11px;letter-spacing:1.5px}}
@media(max-width:600px){header .brand.original-brand{width:100%;gap:6px}header .brand.original-brand .brand-promise{font-size:12px;letter-spacing:1.65px}.hero h1{font-size:clamp(24px,5.8vw,35px);line-height:1.45;letter-spacing:-.025em}}
.hero h1 em{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;font-style:normal;letter-spacing:inherit}
/* Balance the two architectural headline lines. */
.hero h1 .vision-first,.hero h1 .vision-second{display:inline-block;white-space:nowrap}
.hero h1 .vision-second{font-size:1.3em;letter-spacing:.06986em;line-height:1.3}
/* Completed community beside an original phase plat. */
.cedars-plan-result{background:#121310;border-block:1px solid #453d30}
.plan-result-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:start}
.plan-result-grid figure{margin:0;min-width:0}
.plan-result-grid .map-open{display:block;width:100%;border:1px solid #76604a;background:#171615}
.plan-result-grid .map-open img{width:100%;height:420px;object-fit:contain;display:block}
.plan-result-grid .completed-community img{object-fit:cover;filter:none;mix-blend-mode:normal}
.plan-result-grid .original-plan img{filter:invert(.91) sepia(.26)}
.plan-result-grid figcaption{padding-top:12px;color:#c0b3a2;font:13px/1.6 'Segoe UI',Arial,sans-serif}
@media(max-width:800px){.plan-result-grid{grid-template-columns:1fr;gap:28px}.plan-result-grid .map-open img{height:auto;aspect-ratio:4/3}.plan-result-grid .original-plan img{height:320px;aspect-ratio:auto}}
.cedars-evidence .completed-aerial{display:block;width:100%;border:1px solid #76604a;background:#171615}
.cedars-evidence .completed-aerial img{display:block;width:100%;height:auto;filter:none;mix-blend-mode:normal}
/* Equal-size photo and source plan, followed by the street-sign story. */
.cedars-matched-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.cedars-matched-pair figure,.briggs-sign-story figure{margin:0;min-width:0}
.cedars-matched-pair .map-open{display:block;width:100%;aspect-ratio:4/3;position:relative;overflow:hidden;border:1px solid #76604a;background:#171615;padding:0}
.cedars-matched-pair .map-open img{display:block;width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal}
.cedars-matched-pair .paired-plat img{filter:invert(.91) sepia(.26)}
.cedars-matched-pair figcaption,.briggs-sign-story figcaption{padding-top:12px;color:#c0b3a2;font:13px/1.6 'Segoe UI',Arial,sans-serif}
.briggs-sign-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:36px;align-items:center;margin-top:48px;padding-top:40px;border-top:1px solid #453d30}
.briggs-sign-story .evidence-detail h3{margin-top:0}
@media(max-width:700px){.cedars-matched-pair,.briggs-sign-story{grid-template-columns:1fr;gap:26px}.briggs-sign-story{margin-top:34px;padding-top:30px}.briggs-sign-story .street-sign-crop{max-width:none}}
/* Center the community introduction in the REDS architectural typeface. */
#community-record>.section-heading{display:block;text-align:center;margin:0 auto 36px;max-width:1000px}
#community-record>.section-heading .eyebrow{font-family:'REDS Architectural','Century Gothic',sans-serif;font-size:11px;letter-spacing:.18em;margin:0 0 18px;line-height:1.8}
#community-record>.section-heading h2{font-family:'REDS Architectural','Century Gothic',sans-serif;font-weight:400;font-size:clamp(25px,3vw,43px);letter-spacing:-.025em;line-height:1.4;margin:0;text-wrap:balance}
.cedars-matched-pair .paired-plat img{filter:invert(1) sepia(.12);opacity:1}
.cedars-matched-pair .map-open:focus-visible{outline:2px solid #e7c7a2;outline-offset:4px}
@media(max-width:600px){#community-record>.section-heading{margin-bottom:26px}#community-record>.section-heading h2{font-size:clamp(22px,5vw,30px)}#community-record>.section-heading .eyebrow{font-size:10px;letter-spacing:.13em}}
/* Second-page typography; the approved homepage is unchanged. */
.cedars-page main h1,.cedars-page main h2,.cedars-page main h3,.cedars-page .cedars-landscape strong{font-family:'REDS Architectural','Century Gothic',sans-serif;font-weight:400;font-style:normal;letter-spacing:-.025em;line-height:1.4}
.cedars-page .project-intro{text-align:center}
.cedars-page .project-intro h1{font-size:clamp(34px,4.5vw,62px)}
.cedars-page main h2{font-size:clamp(24px,2.6vw,37px)}
.cedars-page main h3{font-size:clamp(20px,1.8vw,26px)}
.cedars-page .cedars-landscape figcaption{text-align:center;width:100%}
.cedars-page .cedars-landscape strong{font-size:clamp(23px,2.8vw,40px)}
.cedars-page .section-heading{display:block;text-align:center}
.cedars-page .section-heading>p{margin:16px auto 0;max-width:620px}
.cedars-page .story>div:first-child,.cedars-page .project-contact,.cedars-page .project-next{text-align:center}
.cedars-page .briggs-sign-story h3{text-align:center}
@media(max-width:600px){.cedars-page .project-intro h1{font-size:34px}.cedars-page main h2{font-size:24px}.cedars-page main h3{font-size:21px}.cedars-page .cedars-landscape strong{font-size:22px}}
/* Keep the comparison page directly reachable in the main navigation. */
@media(min-width:601px) and (max-width:1120px){header .review{display:none}header nav{gap:14px;font-size:13px}}
@media(max-width:600px){header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;text-align:center;width:100%}header nav a{padding:8px 0}}
#community-record{scroll-margin-top:24px}

/* The approved community comparison now follows the homepage hero. */
#community-record .briggs-sign-story h3{font-family:"REDS Architectural","Century Gothic",sans-serif;font-weight:400;letter-spacing:-.025em;line-height:1.4;text-align:center;font-size:clamp(20px,1.8vw,26px)}

/* Keep the real street-sign photo in normal flow on mobile browsers. */
.street-sign-crop{width:100%;height:auto;aspect-ratio:auto}
.street-sign-crop img{display:block;position:static;width:100%;max-width:100%;height:auto;aspect-ratio:355/220;object-fit:cover;object-position:50% 43%;margin:0}