.project-collection{padding-top:60px;padding-bottom:65px}
.project-collection .sectionhead{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
.project-collection h2{font-size:clamp(28px,3.5vw,44px);margin:12px 0 0;line-height:1.2}
.project-collection .sectionhead>p{font-size:15px;max-width:440px;margin:0;color:var(--muted,#657083)}
.project-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.project-card-grid[data-count="1"]{grid-template-columns:minmax(0,750px)}
.project-card-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-card{min-width:0;background:#f4f6fa;border:1px solid #e2e7ef;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;scroll-margin-top:24px}
.project-card[hidden]{display:none!important}
.project-card-image{display:block;position:relative;background:#101f62;overflow:hidden}
.project-card-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .25s ease}
.project-card-image:hover img{transform:scale(1.025)}
.project-card-body{padding:24px;display:flex;flex-direction:column;flex:1}
.project-card .eyebrow{font-size:10px;letter-spacing:1.2px;color:#5d687b;line-height:1.7}
.project-card h3{font-size:23px;line-height:1.3;margin:12px 0;color:#101f62}
.project-card h3 a{text-decoration:none}
.project-card .project-system{font-size:12px;font-weight:600;line-height:1.7;color:#101f62;margin:0 0 10px}
.project-card .project-summary{font-size:14px;line-height:1.8;margin:0 0 20px;color:#566075}
.project-card .textlink{margin-top:auto;font-size:13px;align-self:start;padding-top:8px}
.project-card a:focus-visible,.project-filterbar button:focus-visible,.project-filterbar select:focus-visible{outline:3px solid #f5720a;outline-offset:3px}
.project-filterbar{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin:32px 0 20px;padding:22px;background:#f4f6fa;border:1px solid #e1e6ef;border-radius:6px}
.project-filterbar label{display:flex;flex:1 1 150px;flex-direction:column;gap:8px;font-size:12px;font-weight:600;color:#101f62;min-width:0}
.project-filterbar select{width:100%;min-height:46px;font:inherit;background:white;color:#101f62;padding:10px;border:1px solid #bdc7d9;border-radius:3px}
.project-filterbar button{min-height:46px;padding:10px 18px;font:600 12px WindProof,Arial,sans-serif;background:white;color:#101f62;border:1px solid #bdc7d9;border-radius:3px;cursor:pointer}
.project-count{font-size:13px;margin:0 0 24px;color:#526078}
.project-empty{padding:30px;background:#f5f7fb;line-height:1.8}
.project-empty[hidden]{display:none}
.project-all-link{display:inline-block;margin-top:28px}
.project-detail-hero{background:#101f62;color:white;padding-top:48px;padding-bottom:48px}
.project-detail-hero .eyebrow{color:#ffaf73;margin-top:28px}
.project-detail-hero h1{font-size:clamp(34px,5vw,64px);line-height:1.15;max-width:1000px;margin:16px 0}
.project-detail-hero p{color:#e4e9f5;font-size:16px}
.project-detail-hero .project-back{color:#fff;font-size:13px;text-underline-offset:5px}
.project-detail-body{padding-top:40px;padding-bottom:45px}
.project-detail-body .gallery{grid-template-columns:1fr}
.project-detail-body .case-story h2{font-size:29px;line-height:1.3;margin-top:0}
@media(max-width:1100px){.project-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.project-card-grid,.project-card-grid[data-count="1"],.project-card-grid[data-count="2"]{grid-template-columns:1fr}.project-collection .sectionhead{display:block}.project-collection .sectionhead>p{margin-top:18px}.project-collection{padding-top:42px;padding-bottom:45px}.project-card-body{padding:22px}.project-filterbar{padding:18px;gap:14px}.project-filterbar label{flex-basis:calc(50% - 14px)}.project-detail-hero{padding-top:34px;padding-bottom:36px}}
@media(max-width:380px){.project-filterbar label{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.project-card-image img{transition:none}}

/* Anacortes Highlander case study: keep the waterfront portrait fully visible. */
.anacortes-highlander-project .project-facts{padding-left:20px;line-height:1.8;font-size:14px}
.anacortes-highlander-project .project-facts li{margin-bottom:9px}
.anacortes-highlander-project .case-location{grid-column:1/-1;max-width:360px;justify-self:center}
.anacortes-highlander-project .case-location img{aspect-ratio:9/16;object-fit:contain}

/* Rockridge project: readable facts and uncropped landscape photographs. */
.rockridge-project .project-facts{padding-left:20px;line-height:1.8;font-size:14px}
.rockridge-project .project-facts li{margin-bottom:9px}
.rockridge-project .carousel-slide .photobutton img{height:auto;aspect-ratio:16/9;object-fit:contain}