.work-gallery{background:#F5F1E7;color:#30382A}
.sk-header{--sk-dark:#4C5943;--sk-forest:#3D4936;--sk-white:#F5F1E7;--sk-accent:#BDC4A8;background:#4C5943;color:#F5F1E7}
.sk-header .sk-dropdown>div,.sk-header .sk-mobile-menu>nav{background:#3D4936;color:#F5F1E7}
.sk-header .sk-dropdown>div a,.sk-header .sk-mobile-menu .sk-dropdown>div a{color:#F5F1E7}
.sk-header a:focus-visible,.sk-header summary:focus-visible{outline-color:#F5F1E7}
.work-gallery-nav{display:flex;gap:10px;margin:24px 0 38px;flex-wrap:wrap}
.work-gallery-nav a{padding:11px 22px;border:1px solid #8C977E;border-radius:2px;color:#4C5943;font-size:13px;text-decoration:none;min-height:44px}
.work-gallery-nav a:hover{background:#E8EBDF}
.work-gallery-group{scroll-margin-top:110px;padding:28px 0;border-top:1px solid #CCD0C0}
.work-gallery-group h3{font-size:24px;font-weight:500;margin:0 0 22px}
.work-roof-project{padding:28px 0 34px;border-bottom:1px solid #CCD0C0}
.work-roof-project:last-child{border-bottom:0;padding-bottom:0}
.work-roof-project header{margin-bottom:22px;max-width:760px}
.work-roof-meta{margin:0 0 8px;color:#68745D;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.work-roof-project h4{margin:0 0 10px;color:#3D4936;font-size:clamp(19px,2vw,25px);font-weight:500;line-height:1.4;letter-spacing:-.025em}
.work-roof-description{margin:0;color:#515C48;font-size:13px;line-height:1.8}
.work-roof-project figcaption{margin-top:9px;color:#515C48;font-size:11px;line-height:1.6}
.work-photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.work-photo-grid figure{margin:0;min-width:0}
.work-photo-grid a{display:block;overflow:hidden;background:#E8EBDF}
.work-photo-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .25s}
.work-photo-grid a:hover img{transform:scale(1.025)}
.work-gallery-more{margin-top:22px}
.work-gallery-more summary{display:flex;gap:14px;align-items:center;width:fit-content;min-height:44px;cursor:pointer;color:#4C5943;font-size:13px;list-style:none;border-bottom:1px solid #8C977E}
.work-gallery-more summary::before{content:'+';font-size:20px}
.work-gallery-more[open] summary::before{content:'−'}
.work-gallery-more summary span{font-size:11px;color:#5F6B57}
.work-gallery-more .work-photo-grid{margin-top:22px}
.work-gallery a:focus-visible,.work-gallery summary:focus-visible{outline:2px solid #4C5943;outline-offset:4px}
@media(max-width:1000px){.work-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.work-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-gallery-nav{margin-bottom:24px}.work-gallery-group h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.work-photo-grid img{transition:none}}