:root{--ink:#2d251e;--navy:#30271f;--muted:#645c50;--paper:#f0eadd;--gold:#9e7c42;--line:#c9bdab;--white:#fffdf8;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--rust:#80472e}
body{background:var(--paper);font-size:16px}::selection{background:#d2b990;color:#2d251e}.wrap{max-width:1360px;padding-inline:56px}h1,h2{font-weight:600;letter-spacing:-.045em}h1{font-size:clamp(42px,5.8vw,84px)}h2{font-size:clamp(34px,3.8vw,54px)}.lead{color:var(--muted)}header{background:#f7f3eaf2;position:sticky;top:0;z-index:30;backdrop-filter:blur(14px);border-bottom:3px double #76644e}.header-inner{min-height:96px}.company-logo{width:380px;background:#fff;padding:7px 9px;border:1px solid #d0c6b7}nav{gap:30px}nav a{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;font-weight:700}nav a[aria-current]{border-bottom:2px solid var(--rust)}nav a.nav-contact{padding:13px 19px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#71552c}.eyebrow:before{background:var(--gold)}.button{background:var(--rust);border-color:var(--rust);padding:17px 23px;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:#63341f;transform:translateY(-2px);box-shadow:0 8px 20px #442a211c}.text-link{font-size:12px}.site-watermark{filter:grayscale(1) sepia(1) saturate(.8);--watermark-opacity:.09;opacity:var(--watermark-opacity)!important;width:min(47vw,620px)!important}.page-intro,.hero,.cta{position:relative;background-image:url('contours-c9c29d4163f2.svg');background-size:cover;background-position:center}.page-intro{padding:82px 0 60px;background-color:#e8dfce85}.page-intro .wrap{position:relative}.page-intro .wrap:before{content:'';position:absolute;inset:-22px 30px;border:1px solid #a88a583b;pointer-events:none}.page-intro h1{max-width:1080px}.page-intro .lead{max-width:780px;font-size:17px}.section{padding:80px 0}.notice{padding:20px 24px;border:1px solid var(--line);background:#fffcf650;line-height:1.8}.hero{padding-top:72px}.hero-grid{grid-template-columns:.88fr 1.12fr;gap:65px}.hero h1{font-size:clamp(48px,6vw,84px)}.hero-drawing{position:relative;padding:13px;background:#fcf9f1;box-shadow:8px 18px 35px #4d382b26;transform:perspective(1300px) rotateY(-5deg) rotateX(2deg);border:1px solid #bca98c;transition:transform .65s}.hero-drawing:hover{transform:perspective(1300px) rotateY(0) rotateX(0)}.hero-drawing:before{content:'';position:absolute;inset:6px;border:1px solid #c6bca7;pointer-events:none}.hero-drawing img{position:relative;z-index:1}.hero-drawing .drawing-caption{color:#5d4c36;font-size:9px;padding:16px 3px 4px;letter-spacing:1.4px}.hero .facts{margin-top:60px;padding:28px 0;background:#f8f4ec80}.fact b{font-size:29px}.fact span{font-size:11px}.dark,footer{background:#30271f;color:#faf4e9}.dark p,.dark .lead,.footer-grid p,.footer-grid a{color:#e0d4c2}.dark .eyebrow{color:#ddc29a}.approach-list,.approach-item{border-color:#796955}.service{background:#faf7ef70;transition:background .25s,box-shadow .25s}.service:hover{background:#fffaf0;box-shadow:inset 0 3px var(--rust)}.service h3{font-family:var(--serif);font-size:25px}.service-num{color:#815d32}.service-detail{padding:42px 0}.service-detail h2{font-size:34px}.teaser{border-color:var(--rust)}.cta{background-color:#e3d6bf;padding:65px 0}.cta h2{font-size:44px}footer{padding-top:56px}.footer-logo{max-width:350px;padding:8px;background:#fff}.footer-bottom{border-color:#72614c;color:#d6c8b2}.portrait-crop{border:1px solid #a78d68;padding:12px;background:#fcf9f1;box-shadow:8px 12px 25px #4d382b1a}.portrait-crop .portrait{transform:none;object-position:center;object-fit:contain;background:#e9e0d0}.portrait-wrap figcaption{padding-top:8px}.contact-panel{background:#e5dac6;border:1px solid var(--line)}.contact-link{overflow-wrap:anywhere}
/* Each project becomes a bound drawing sheet; source order stays intact. */
.portfolio-feature{position:relative;grid-template-columns:minmax(0,1.9fr) minmax(220px,.8fr);gap:0;padding:30px;margin-top:60px;background:#fcfaf4;border:1px solid #baad96;box-shadow:5px 12px 22px #4e3a2920;align-items:stretch}.portfolio-feature:before{content:'';position:absolute;inset:13px;border:1px solid #746652;pointer-events:none}.portfolio-feature:after{content:attr(data-sheet);position:absolute;right:48px;bottom:40px;font:40px/1 Georgia,serif;color:#6c5942}.portfolio-feature>figure,.portfolio-feature>.drawing-pair{padding:14px 30px 14px 0;align-self:center}.portfolio-feature>div:last-child{position:relative;padding:20px 18px 78px 26px;border-left:1px solid #8a795e;display:flex;flex-direction:column;justify-content:center}.portfolio-feature h2{font-size:clamp(29px,3vw,42px);line-height:1.1;letter-spacing:-1.2px;border-block:1px solid #b3a58b;padding:20px 0;margin:0 0 20px}.portfolio-feature .eyebrow{line-height:1.6;letter-spacing:1.4px;margin-bottom:17px;font-size:9px}.portfolio-feature .eyebrow:before{display:none}.portfolio-feature p:not(.eyebrow){font-size:14px;line-height:1.8;margin-bottom:14px}.portfolio-feature .feature-location{font-size:10px!important;font-weight:bold;letter-spacing:1.2px!important}.portfolio-feature figure{position:relative}.portfolio-feature figure img{mix-blend-mode:multiply;max-height:590px;object-fit:contain;cursor:zoom-in;padding:10px;transition:background .25s}.portfolio-feature figure img:hover{background:#e7dbc5}.portfolio-feature figcaption{font-size:9px;text-transform:uppercase;letter-spacing:1.8px;padding-left:10px}.drawing-pair{gap:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.drawing-pair figure:first-child{grid-column:1/-1}.drawing-pair figure:first-child img{max-height:420px}.drawing-pair figure:not(:first-child) img{max-height:220px}.drawing-button{display:block;border:0;padding:0;background:transparent;width:100%;cursor:zoom-in}.portfolio-intro{margin-top:100px;padding-top:34px;border-top:3px double #887453}.filters{gap:0;margin-top:40px}.filters button{border-color:#b4a58c;border-bottom:2px solid #8c7754;font-size:10px;letter-spacing:.8px;padding:15px 17px;text-transform:uppercase;background:#e7dfd0}.filters button+button{margin-left:-1px}.filters button[aria-pressed=true]{background:#fcfaf4;color:#352b20;border-color:#806b48;box-shadow:inset 0 3px var(--rust)}.project-grid{display:block;border-top:1px solid #867354;counter-reset:project}.project-card{counter-increment:project;display:grid;grid-template-columns:140px 1.1fr .7fr 1.3fr;gap:15px 24px;padding:25px 22px;background:#fffcf64d;border:0;border-bottom:1px solid #c8bca8;position:relative}.project-card small{font-size:9px;line-height:1.8;letter-spacing:1.1px;padding-top:5px;color:#795c31}.project-card h3{font-size:23px;margin:0;grid-column:2;grid-row:1/span 3}.project-card .location{grid-column:3;grid-row:1;font-size:12px}.project-highlight{grid-column:4;border:0;padding:0;margin:0;font-size:11px}.project-description{grid-column:4;font-size:12px;line-height:1.8;margin:0}.project-card:hover{background:#fffaf0}.project-card[hidden]{display:none}.portfolio-note{margin-top:25px}.plan-dialog{max-width:none;max-height:none;width:100vw;height:100dvh;border:0;padding:42px 60px;background:#29231ef5;color:white;overflow:hidden}.plan-dialog::backdrop{background:#29231e}.plan-dialog img{display:block;width:100%;height:calc(100% - 42px);object-fit:contain;background:#fff}.plan-dialog p{font-size:11px;letter-spacing:1px;margin-top:14px;max-width:90%}.plan-close{position:absolute;right:15px;top:8px;background:#fffaf0;color:#30271f;border:1px solid #b8a37d;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer}.cad-layer{position:absolute;inset:13px 13px 48px;z-index:3;background:#342b20ed;animation:cad-away .9s 2s forwards;pointer-events:none}.cad-layer svg{height:100%;width:100%;stroke:#e8d9b4;fill:none;stroke-width:1.2}.cad-layer path,.cad-layer rect,.cad-layer polyline{stroke-dasharray:1400;stroke-dashoffset:1400;animation:cad-draw 2s ease forwards}.cad-skip{position:absolute;z-index:4;right:21px;bottom:62px;font-size:10px;letter-spacing:1px;background:#fff9ed;color:#352b20;border:1px solid #a58a59;padding:9px 12px;cursor:pointer}.cad-skip[hidden],.cad-layer[hidden]{display:none}.reveal{animation:appear .75s both;animation-timeline:view();animation-range:entry 0% entry 20%}@keyframes appear{from{opacity:.25;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cad-draw{to{stroke-dashoffset:0}}@keyframes cad-away{to{opacity:0;visibility:hidden}}@media(max-width:1050px){.wrap{padding-inline:30px}.company-logo{width:310px}nav{gap:17px}.hero-grid{gap:32px}.portfolio-feature{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr)}.project-card{grid-template-columns:110px 1fr 1fr}.project-card .location{grid-column:2;grid-row:4}.project-highlight,.project-description{grid-column:3}}
@media(max-width:760px){.wrap{padding-inline:22px}.header-inner{min-height:78px}.company-logo{width:260px;padding:5px}.menu-toggle{font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:10px}.header-inner nav{background:#f7f3ea;border-bottom:1px solid #8a775b}nav a{font-size:12px}.hero{padding-top:42px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:54px;line-height:1.02}.hero .lead{font-size:15px}.hero-drawing{transform:none;margin:8px 0}.hero .facts{margin-top:35px}.page-intro{padding:55px 0 45px}.page-intro h1{font-size:43px;letter-spacing:-1.8px}.page-intro .wrap:before{inset:-20px 11px}.page-intro .lead{font-size:15px}.section{padding:52px 0}.portfolio-feature{grid-template-columns:1fr;margin-top:35px;padding:25px}.portfolio-feature:before{inset:10px}.portfolio-feature>figure,.portfolio-feature>.drawing-pair{padding:0 0 20px}.portfolio-feature>div:last-child{border-left:0;border-top:1px solid #8a795e;padding:22px 8px 44px}.portfolio-feature h2{font-size:35px;padding:14px 0}.portfolio-feature:after{font-size:27px;bottom:25px;right:28px}.portfolio-feature figure img{max-height:440px;padding:5px}.drawing-pair{gap:8px}.portfolio-feature figcaption{font-size:8px}.portfolio-intro{margin-top:65px}.filters{gap:5px}.filters button{padding:12px 10px;flex:1 1 auto}.filters button+button{margin:0}.project-card{grid-template-columns:1fr;padding:24px 14px;gap:10px}.project-card h3,.project-card .location,.project-highlight,.project-description{grid-column:1;grid-row:auto}.project-card h3{font-size:26px}.project-card small{font-size:9px}.project-description{font-size:13px}.cta h2{font-size:37px}.cta{padding:48px 0}.site-watermark{--watermark-opacity:.075}.plan-dialog{padding:52px 14px 20px}.plan-dialog p{font-size:10px}.cad-skip{bottom:67px}.footer-bottom{font-size:10px}.hero-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-drawing{transform:none}.cad-layer,.cad-skip{display:none}.reveal{opacity:1;transform:none}}
@media print{header{position:static}.cad-layer,.cad-skip,.plan-dialog{display:none}.portfolio-feature{break-inside:avoid;box-shadow:none}.reveal{animation:none}}

/* Actual PDF vector linework, perspective-projected over the unaltered rendering. */
.cad-layer{inset:13px 13px auto;aspect-ratio:3/2;background:#30271f60;overflow:hidden;animation:cad-away 1.4s 2.9s forwards}
.hero-drawing .cad-layer .cad-plan{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:fill;opacity:1;animation:plan-reveal 1.9s ease-out both}
@keyframes plan-reveal{from{clip-path:inset(0 100% 0 0);opacity:.3}to{clip-path:inset(0 0 0 0);opacity:1}}
@media(prefers-reduced-motion:reduce){.cad-layer,.cad-skip{display:none!important}}

/* Drawing-zone borders and light-table controls adapted from the supplied source. */
.drawing-zones{position:absolute!important;inset:13px;pointer-events:none;font:9px/1 'Courier New',monospace;color:#756750;z-index:2}
.drawing-zones>div{position:absolute;display:flex;justify-content:space-around;align-items:center}
.zone-top,.zone-bottom{left:15px;right:15px;height:14px}.zone-top{top:0}.zone-bottom{bottom:0}.zone-left,.zone-right{top:15px;bottom:15px;width:14px;flex-direction:column}.zone-left{left:0}.zone-right{right:0}.drawing-zones span{flex:1;text-align:center}.zone-top span+span,.zone-bottom span+span{border-left:1px solid #b1a48c}
.plan-dialog{padding:0;margin:0;position:fixed;inset:0}.plan-stage{position:absolute;inset:45px 30px 85px;overflow:hidden;touch-action:none;cursor:grab}.plan-stage.dragging{cursor:grabbing}.plan-stage img{position:absolute;left:0;top:0;width:auto;height:auto;max-width:none;max-height:none;transform-origin:0 0;user-select:none;pointer-events:none}.plan-controls{position:absolute;bottom:20px;right:30px;display:flex;gap:8px;align-items:center}.plan-controls button{min-width:42px;min-height:42px;padding:8px 12px;border:1px solid #baa481;background:#f8f1e4;color:#30271f;cursor:pointer;font-size:17px}.plan-help{font-size:11px;margin-left:12px;color:#e4d8c4}.plan-dialog .plan-caption{position:absolute;bottom:18px;left:30px;margin:0;max-width:34%;font-size:10px;letter-spacing:1px}.plan-close{z-index:2}
@media(max-width:760px){.drawing-zones{inset:10px;font-size:8px}.plan-stage{inset:50px 12px 118px}.plan-controls{bottom:55px;left:12px;right:auto}.plan-help{max-width:150px;font-size:10px}.plan-dialog .plan-caption{bottom:20px;left:12px;max-width:90%;font-size:10px}}

/* A unified, fixed decorative watermark beneath every content section. */
main::before{content:"";position:fixed;inset:96px 0 0;z-index:-2;pointer-events:none;background:url('contours-c9c29d4163f2.svg') center/cover no-repeat;opacity:.72}
.page-intro,.hero,.cta{background-image:none}.page-intro{background-color:#eee6d647}.cta{background-color:#e3d6bfbf}
.page-intro .wrap,.hero-grid>div:first-child{background:linear-gradient(100deg,#f5efe4e8,#f5efe4b3);border:1px solid #d6c8b280;padding:28px 32px}
.page-intro .wrap{max-width:1248px;margin-inline:auto}.page-intro .wrap:before{display:none}.hero-grid>div:first-child .hero-note{margin-bottom:0}.bio,.contact-grid>div:first-child{background:#f9f4e9e8;padding:28px;border:1px solid #d3c5ae}
.flow-set{position:relative;isolation:isolate}.flow-set .portfolio-feature{animation:none}.plan-loupe{position:fixed;z-index:70;width:188px;height:188px;margin:-94px 0 0 -94px;pointer-events:none;border-radius:50%;background-color:white;background-repeat:no-repeat;box-shadow:0 0 0 1px #49341e,0 0 0 6px #b38a49,0 0 0 7px #4d3823,0 18px 35px #30201755}.plan-loupe[hidden]{display:none}.plan-loupe:before,.plan-loupe:after{content:"";position:absolute;background:#78452866}.plan-loupe:before{left:50%;top:30%;bottom:30%;width:1px}.plan-loupe:after{top:50%;left:30%;right:30%;height:1px}.sheet-progress{position:fixed;bottom:22px;left:22px;z-index:35;padding:12px 18px;background:#30271f;color:#ecd6ac;box-shadow:0 4px 18px #30271f33;font:12px 'Courier New',monospace;letter-spacing:2px}.sheet-progress[hidden]{display:none}
@media(min-width:1100px) and (min-height:700px) and (prefers-reduced-motion:no-preference){
.flow-set{margin-top:55px}.flow-set .portfolio-feature{position:sticky;top:calc(110px + var(--sheet-index)*3px);margin:0 0 150px;transform:scale(var(--sheet-scale,1));transform-origin:50% 0;box-shadow:0 6px 28px #30271f33}.flow-set .portfolio-feature:last-child{margin-bottom:0}.flow-set .portfolio-feature:before{background:#35291b;opacity:var(--sheet-shade,0);inset:0;z-index:3;border:0}.flow-set .portfolio-feature>figure img{max-height:calc(100vh - 280px)}
.flow-set .portfolio-feature>.drawing-pair{grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:15px}.flow-set .drawing-pair figure:first-child{grid-column:1;grid-row:1/span 2}.flow-set .drawing-pair figure:not(:first-child){grid-column:2}.flow-set .drawing-pair figure img{max-height:calc((100vh - 330px)/2)}.flow-set .drawing-pair figure:first-child img{max-height:calc(100vh - 290px)}.flow-set .portfolio-feature h2{font-size:32px}.flow-set .portfolio-feature>div:last-child{padding-bottom:56px}
}
@media(max-width:760px){main::before{inset:78px 0 0;background-size:auto 100%;opacity:.6}.page-intro .wrap{margin:0 16px;padding:25px 20px}.hero-grid>div:first-child{padding:24px 20px}.hero h1{font-size:48px}.bio,.contact-grid>div:first-child{padding:22px}.flow-set .portfolio-feature{position:relative;transform:none}}
@media(prefers-reduced-motion:reduce){.flow-set .portfolio-feature{position:relative;transform:none}.sheet-progress{display:none}}
@media(min-width:761px) and (max-width:1000px){.hero-grid{grid-template-columns:1fr}.hero-grid>div:first-child{padding:32px}.hero h1{font-size:64px}.hero .lead{max-width:650px}.hero-drawing{max-width:700px;justify-self:center;width:100%;transform:none}}

/* Service detail pages: readable, locally relevant content and linked project evidence. */
.service-title-link{text-decoration:none}.service-title-link:hover{text-decoration:underline}.service-breadcrumb{font-size:12px;margin-bottom:35px;line-height:2;color:var(--muted)}.service-breadcrumb span{padding:0 4px}.service-reading{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:50px;align-items:start}.service-copy{padding:34px;background:#fcf8efed;border:1px solid var(--line)}.service-copy section+section{border-top:1px solid var(--line);padding-top:28px;margin-top:32px}.service-copy h2{font-size:31px;line-height:1.2;letter-spacing:-.7px}.service-copy p{font-size:16px;color:var(--muted)}.service-copy p:last-child{margin-bottom:0}.service-scope{padding:28px;background:#e6dbc6;border:1px solid #baa786}.service-scope h2{font-size:30px}.service-scope ul{padding-left:20px}.service-scope li{padding-bottom:12px;font-size:14px}.service-scope p:not(.eyebrow){font-size:13px}.service-scope .button{width:100%;gap:10px}.service-evidence,.service-related{margin-top:55px;padding:30px;background:#fcf8efe8;border:1px solid var(--line)}.service-evidence h2,.service-related h2{font-size:34px}.service-topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.service-topic-grid h3{font-family:var(--serif);font-size:24px}.service-topic-grid p{font-size:14px;color:var(--muted)}.portfolio-feature[id]{scroll-margin-top:115px}
@media(max-width:900px){.service-reading{grid-template-columns:1fr;gap:25px}.service-copy{padding:25px}.service-topic-grid{grid-template-columns:1fr}.service-copy h2{font-size:28px}.service-evidence,.service-related{padding:24px}.service-breadcrumb{font-size:11px}}

/* Final portrait: original headshot, framed with a responsive display crop. */
.portrait-crop .portrait{object-fit:cover;object-position:50% 44%;transform:none}

/* The searchable project directory now leads the page, ahead of the drawing set. */
#project-directory{margin-top:0;padding-top:20px;scroll-margin-top:125px}.project-directory-tools{display:flex;align-items:center;justify-content:space-between;gap:20px}.project-directory-tools p{margin:15px 0}.project-directory-tools a{white-space:nowrap}.drawing-gallery-heading{margin:70px 0 25px;padding-top:35px;border-top:3px double #887453;scroll-margin-top:120px}.drawing-gallery-heading h2{margin-bottom:12px}
@media(max-width:760px){.project-directory-tools{align-items:flex-start;gap:6px;flex-direction:column}.project-directory-tools p{margin-bottom:0}.drawing-gallery-heading{margin-top:45px}}

/* Replay the actual Windsong plan on hover or with keyboard/touch. */
.cad-replay{position:absolute;z-index:4;right:21px;bottom:62px;font-size:10px;letter-spacing:1px;background:#fff9ed;color:#352b20;border:1px solid #a58a59;padding:9px 12px;cursor:pointer}.cad-replay[hidden]{display:none}.cad-replay:focus-visible,.cad-skip:focus-visible{outline:3px solid #352b20;outline-offset:3px}

/* Homepage copy revision: two audience pathways and a clear service-area line. */
.project-teasers{grid-template-columns:repeat(2,minmax(0,1fr))}.service-area-line{max-width:1000px;margin:30px 0 22px;color:var(--muted);line-height:1.75}.service-area-line strong{color:var(--ink)}@media(max-width:760px){.project-teasers{grid-template-columns:1fr}}

.selected-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.selected-case-grid .case-study{display:block;padding:22px;border:1px solid #c8bca8;background:#fffcf64d}.case-study .case-study-image{margin:-22px -22px 18px;padding:0;background:#f5f2eb}.case-study .case-study-image img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain}.case-study .case-study-image figcaption{font-size:10px;line-height:1.5;padding:8px 12px;color:#5e5548}.case-study h3{font-size:25px;line-height:1.2;margin:14px 0 8px;grid-column:auto;grid-row:auto}.case-study .location,.case-study .project-highlight,.case-study .project-description{grid-column:auto;grid-row:auto}.case-study .project-highlight{margin:12px 0 0}.case-study .project-description{margin-top:12px}@media(max-width:760px){.selected-case-grid{grid-template-columns:1fr}.selected-case-grid .case-study{padding:18px}.case-study .case-study-image{margin:-18px -18px 16px}}
/* Privacy-conscious custom residential location maps */
.residential-maps-section{border-top:1px solid #c8bca8}.residential-maps-intro{margin-top:0}.residential-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:34px}.residential-map{margin:0;padding:18px;background:#fcfaf4;border:1px solid #c8bca8}.residential-map-link{display:block;background:#fff;line-height:0}.residential-map-link img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain;transition:opacity .2s}.residential-map-link:hover img{opacity:.9}.residential-map figcaption{display:flex;flex-direction:column;gap:4px;padding:12px 2px 0;color:#4e463a}.residential-map figcaption strong{font-size:16px}.residential-map figcaption span,.residential-map-note{font-size:12px;line-height:1.6}.residential-map-note{margin:16px 0 0;color:#62594d}@media(max-width:760px){.residential-map-grid{grid-template-columns:1fr;gap:18px}.residential-map{padding:12px}.residential-map-link img{max-height:none}}


/* Projects page: clear commercial and custom-residential paths, readable case studies. */
.project-path-tabs{display:flex;flex-wrap:wrap;gap:10px;max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,44px) 24px;border-bottom:1px solid #c8bca8}
.project-path-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:1px solid #907b57;background:#fcfaf4;color:#253b43;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.04em;transition:background-color .18s,color .18s,border-color .18s}
.project-path-tabs a:hover,.project-path-tabs a:focus-visible{background:#193846;color:#fff;border-color:#193846}
.project-path-tabs a:focus-visible{outline:3px solid #bd8b43;outline-offset:3px}
#commercial-projects,#project-drawings,#project-directory,#custom-residential{scroll-margin-top:28px}
#commercial-projects .selected-case-grid{grid-template-columns:minmax(0,1fr);gap:18px}
#commercial-projects .case-study{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:28px;align-items:center;padding:26px;background:#fffcf4;border:1px solid #c8bca8}
#commercial-projects .case-study-copy{min-width:0}
#commercial-projects .case-study h3{font-size:clamp(22px,2.3vw,29px);line-height:1.2;margin:12px 0 8px;grid-column:auto;grid-row:auto;overflow-wrap:anywhere}
#commercial-projects .case-study .location,#commercial-projects .case-study .project-highlight,#commercial-projects .case-study .project-description{grid-column:auto;grid-row:auto}
#commercial-projects .case-study .project-highlight{margin:14px 0 0}
#commercial-projects .case-study .project-description{margin:12px 0 0;line-height:1.7}
#commercial-projects .case-study .case-study-image{position:static;float:none;align-self:center;min-width:0;margin:0;padding:0;background:#f5f2eb}
#commercial-projects .case-study .case-study-image img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain}
#commercial-projects .case-study .case-study-image figcaption{padding:9px 4px 0;font-size:11px;line-height:1.5}
#commercial-projects .case-study-no-image .case-study-copy{grid-column:1/-1;max-width:850px}
.project-drawings-section{padding-top:34px}
.project-drawings-section .drawing-gallery-heading{margin-top:0}
#project-directory-list{scroll-margin-top:28px}
.custom-residential-section{border-top:1px solid #c8bca8}
.custom-residential-section .residential-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.custom-residential-section .residential-map-link img{max-height:560px}
@media(max-width:760px){
 .project-path-tabs{gap:8px;padding:0 16px 18px}
 .project-path-tabs a{flex:1 1 145px;min-height:44px;padding:9px 12px;font-size:12px}
 #commercial-projects .case-study{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px}
 #commercial-projects .case-study .case-study-image{margin:0}
 #commercial-projects .case-study .case-study-image img{max-height:none}
 #commercial-projects .case-study-no-image .case-study-copy{grid-column:auto}
 .project-drawings-section{padding-top:24px}
 .custom-residential-section .residential-map-grid{grid-template-columns:minmax(0,1fr)}
}