body{background:#f5f3ee}body[data-page="project"] main{min-height:65vh}header nav a[href="index.html#portfolio"]{color:#222;font-weight:600}.project-breadcrumb{padding:30px 4.3%;display:flex;gap:24px;color:#777;font-size:12px}.project-breadcrumb a:hover{color:#222}.case-list{max-width:1100px;padding:0 7.6% 120px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.case-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}.case-caption{padding:20px 0;border-bottom:1px solid #d4d0c8}.case-caption>span{font-size:11px;color:#888}.case-caption h1{font-size:18px;letter-spacing:-.5px;font-weight:400;margin:9px 0 0;line-height:1.6}.case-heading{text-align:center;padding:35px 6% 50px}.case-heading h1{font-size:clamp(25px,3.3vw,44px);font-weight:300;letter-spacing:-1.5px;line-height:1.5;margin:0 0 18px}.case-heading p{font-size:12px;margin:0;color:#888}.case-hero{max-width:960px;margin:0 auto;padding:0 6%}.case-hero img,.case-photos img{display:block;width:100%;height:auto;object-fit:contain}.case-story{max-width:900px;margin:0 auto;padding:100px 7.6%}.case-story h2{font-size:clamp(25px,3vw,36px);font-weight:400;line-height:1.65;letter-spacing:-1px;margin:0 0 36px}.case-copy{max-width:660px}.case-copy p{font-size:14px;line-height:2.15;margin:0 0 22px}.case-spec{border-top:1px solid #cec9bf;margin:50px 0 0;padding-top:27px;display:grid;grid-template-columns:1fr 1fr;gap:19px 50px;font-size:12px}.case-spec>div{display:grid;grid-template-columns:85px 1fr;gap:12px}.case-spec dt{color:#888}.case-spec dd{margin:0;line-height:1.6}.case-photos{max-width:960px;margin:0 auto;padding:0 6%}.case-photos figure{margin:0 0 55px}.case-bottom{max-width:960px;margin:20px auto 100px;padding:20px 6%;display:flex;justify-content:space-between;font-size:12px}.project-footer{display:flex!important;padding:45px 4.3%;border-top:1px solid #dedbd4;gap:40px;justify-content:space-between;align-items:center}.project-footer img{width:86px}.project-footer p{font-size:10px;line-height:1.8;margin:0}.case-card:hover img{opacity:.94}@media(max-width:760px){.project-breadcrumb{padding:24px 7.6%;gap:15px}.case-list{grid-template-columns:1fr;padding:10px 7.6% 75px}.case-caption h1{font-size:17px}.case-heading{padding:20px 7.6% 35px}.case-heading h1{letter-spacing:-1px}.case-hero,.case-photos{padding:0 5%}.case-story{padding:65px 7.6%}.case-copy p{font-size:13px}.case-spec{grid-template-columns:1fr;gap:17px}.case-photos figure{margin-bottom:25px}.case-bottom{margin-bottom:60px;padding:15px 7.6%}.project-footer{align-items:flex-start;flex-wrap:wrap;gap:25px;padding:35px 7.6%}.project-footer p:last-child{width:100%}body.project-menu-open{overflow:hidden}}

/* Compact project index, ready for additional installations. */
.case-list{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px;gap:28px}.case-caption h1{font-size:15px}.case-copy p{margin-bottom:17px}@media(min-width:761px) and (max-width:980px){.case-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.case-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.case-caption{padding:12px 0}.case-caption h1{font-size:13px}.case-caption>span{font-size:10px}}

.case-caption{display:flex;justify-content:space-between;align-items:center;gap:10px}.case-caption>span{font-size:13px;color:#555;line-height:1.7}.case-caption .case-number{white-space:nowrap}.case-caption .case-location{text-align:right}@media(max-width:760px){.case-caption>span{font-size:11px}.case-caption{gap:7px}}

.case-heading .case-project-number{font-family:"Segoe UI",Arial,sans-serif;font-size:16px;font-weight:300;letter-spacing:.5px;margin-bottom:16px;color:#777}.case-heading h1{font-size:clamp(30px,3.6vw,48px);font-weight:300}.case-heading{text-align:center}@media(max-width:760px){.case-heading .case-project-number{font-size:13px;margin-bottom:12px}.case-heading h1{font-size:30px}}

.case-spec{grid-template-columns:minmax(0,280px) minmax(0,220px);column-gap:32px}.case-spec>div{grid-template-columns:65px minmax(0,1fr);gap:12px}@media(max-width:760px){.case-spec{grid-template-columns:1fr;gap:17px}.case-spec>div{grid-template-columns:65px minmax(0,1fr)}}


.case-categories{display:flex;align-items:center;flex-wrap:wrap;gap:20px 32px;padding:26px 4.3%;margin:0 0 32px;background:#eeece7;color:#888;font-size:13px;font-weight:300}.case-categories a[aria-current="page"]{color:#222}.case-categories a:hover{color:#222}.case-empty{min-height:50vh;padding:50px 7.6%}.case-empty p{font-size:13px;color:#888}@media(max-width:760px){.case-categories{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:24px;padding:22px 7.6%;font-size:12px;margin-bottom:15px}}

.case-toolbar{display:flex;align-items:center;gap:20px;padding:0 4.3%;margin-bottom:32px;background:#eeece7}.case-toolbar .case-categories{flex:1;padding:26px 0;margin:0;gap:18px 24px;font-size:12px}.case-search{display:flex;align-items:center;flex:0 0 245px;border-bottom:1px solid #aaa;gap:8px}.case-search input{width:100%;min-width:0;padding:12px 0;background:transparent;border:0;border-radius:0;font:inherit;font-size:12px;color:#333}.case-search button{background:none;border:0;padding:10px 0;font-size:12px;white-space:nowrap;cursor:pointer}.search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.case-search-status{max-width:1100px;margin:0 auto 24px;padding:0 7.6%;font-size:13px}.case-card[hidden],.case-search-status[hidden]{display:none!important}@media(max-width:1000px){.case-toolbar{flex-wrap:wrap;padding-bottom:20px;gap:0}.case-toolbar .case-categories{flex-basis:100%}.case-search{margin-left:auto;flex-basis:260px}}@media(max-width:760px){.case-toolbar{padding:0 7.6% 20px;margin-bottom:15px;overflow:hidden}.case-toolbar .case-categories{max-width:100%;padding:22px 0}.case-search{flex-basis:100%}}

.case-story{text-align:center}.case-copy{margin:0 auto}.case-copy h3{font-size:15px;font-weight:400;margin:32px 0 12px}.case-copy p{line-height:2.1}.case-spec{max-width:680px;margin:50px auto 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 30px;text-align:center}.case-spec>div{grid-template-columns:68px minmax(0,1fr);gap:10px;align-items:baseline}.case-spec dd{overflow-wrap:anywhere}@media(max-width:760px){.case-spec{grid-template-columns:1fr;max-width:360px}.case-spec>div{grid-template-columns:75px 1fr}.case-copy br{display:none}}
.case-story{text-align:left}.case-copy{margin-left:0;margin-right:0}

.case-story{max-width:none;margin:75px 0;padding:75px max(7.6%,calc((100% - 720px)/2));background:#49362e;color:#fffdf7;text-align:left}.case-story h2{font-size:clamp(25px,3vw,34px);font-weight:300;margin-bottom:30px}.case-copy{max-width:none;margin:0}.case-copy p{color:#eee5df;font-size:14px;line-height:2.1;margin-bottom:26px}.case-spec{color:#fffdf7;border-color:#ffffff55;max-width:680px;gap:20px 24px}.case-spec dt{color:#d8c7bd}.case-spec dd{color:#fffdf7}@media(max-width:760px){.case-story{margin:35px 0;padding:48px 7.6%}.case-copy p{font-size:13px}.case-spec{margin-top:35px}}
.case-story>h2,.case-story>.case-copy,.case-story>.case-spec{width:100%;max-width:680px;margin-left:auto;margin-right:auto}.case-spec{text-align:left}.case-spec>div{grid-template-columns:68px minmax(0,1fr)}@media(max-width:760px){.case-story{background:#e8dfd2;color:#49362e}.case-story h2,.case-story .case-copy p,.case-story .case-spec dd{color:#49362e}.case-story .case-spec dt{color:#665247}.case-story .case-spec{border-color:#49362e55}.case-list{grid-template-columns:1fr;padding-left:7.6%;padding-right:7.6%;gap:30px}.case-caption{padding:16px 0 20px}.case-caption>span{font-size:13px}.case-hero,.case-photos{padding-left:7.6%;padding-right:7.6%}}
@media(min-width:761px){.case-story{background:#6b5549}}
