.work-browse{padding:12px 0 55px;border-bottom:1px solid var(--line)}
.work-browse-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:24px}
.work-browse-heading h2{font-size:clamp(29px,3.4vw,42px);line-height:1.15;letter-spacing:-.04em}
.work-browse-heading p{font-size:16px;line-height:1.65;max-width:410px}
.work-filters{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 12px}
.work-filters button{font:inherit;font-size:14px;font-weight:600;min-height:44px;padding:10px 17px;border:1px solid #74856b;border-radius:5px;color:var(--green);background:#fff;cursor:pointer}
.work-filters button[aria-pressed="true"]{color:#fff;background:var(--green);border-color:var(--green)}
.work-filters button:hover{background:#e8eddf;color:var(--green)}
.work-filters button:focus-visible,.work-browse-card a:focus-visible,.work-photo-viewer button:focus-visible,.work-photo-viewer a:focus-visible{outline:3px solid #9a590b;outline-offset:4px}
.work-browse-status{font-size:14px;line-height:1.6;margin:12px 0 18px}
.work-browse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.work-browse-card{border:1px solid var(--line);border-radius:6px;background:#fff;min-width:0;overflow:hidden}
.work-browse-card a{display:flex;flex-direction:column;height:100%;color:var(--green);text-decoration:none}
.work-browse-card a>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.work-browse-card a>div{padding:18px;flex:1;display:flex;flex-direction:column;align-items:flex-start}
.work-browse-card span{font-size:12px;line-height:1.5;color:#52634a;margin-bottom:7px}
.work-browse-card h3{font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.025em;margin:0 0 17px}
.work-browse-card p{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font-size:13px;line-height:1.5;font-weight:600;margin-top:auto}
.work-browse-card p svg{width:16px;height:16px;flex-shrink:0}
.work-browse-card a:hover h3{text-decoration:underline;text-underline-offset:4px}
.work-browse-card:focus-within{overflow:visible}
.work-viewer-open{overflow:hidden}
.work-photo-viewer{border:1px solid #bac6b2;border-radius:8px;padding:22px;width:min(960px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;color:var(--green);background:var(--cream,#f7f5ee);overflow:auto}
.work-photo-viewer:not([open]){display:none}
.work-photo-viewer::backdrop{background:rgba(11,30,21,.78)}
.work-viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.work-viewer-heading h2{font-size:25px;line-height:1.25;letter-spacing:-.03em}
.work-photo-viewer button{font:inherit;font-size:14px;line-height:1.4;font-weight:600;border:1px solid #74856b;border-radius:5px;min-height:44px;padding:10px 15px;color:var(--green);background:#fff;cursor:pointer}
.work-photo-viewer button:hover{background:#e8eddf}
.work-viewer-heading button{flex-shrink:0}
.work-viewer-heading button span{font-size:21px;line-height:1;margin-left:8px}
.work-viewer-figure{margin:0}
.work-viewer-figure img{display:block;max-width:100%;width:auto;height:auto;max-height:60vh;max-height:60dvh;object-fit:contain;margin:auto;background:#e6ebdf}
.work-viewer-figure figcaption{font-size:15px;line-height:1.6;margin:14px 0;text-align:center}
.work-viewer-controls{display:flex;align-items:center;justify-content:center;gap:20px}
.work-viewer-controls>span{font-size:14px;font-variant-numeric:tabular-nums;min-width:40px;text-align:center}
.work-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:13px;margin-top:18px}
.work-viewer-footer p{font-size:13px;line-height:1.6;max-width:470px}
.work-viewer-footer a{display:inline-flex;align-items:center;gap:8px;font-size:13px;min-height:44px;line-height:1.6;text-decoration:underline;text-underline-offset:4px}
.work-viewer-footer a svg{width:16px;height:16px;flex-shrink:0}
@media(max-width:1000px){.work-browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-browse-heading{align-items:start;gap:25px}}
@media(max-width:600px){.work-browse{padding-bottom:38px}.work-browse-heading{display:block}.work-browse-heading p{margin-top:17px}.work-browse-grid{gap:12px}.work-browse-card a>div{padding:13px}.work-browse-card h3{font-size:18px}.work-browse-card p{font-size:12px;align-items:start}.work-browse-card span{font-size:11px}.work-filters button{padding-inline:13px}.work-photo-viewer{padding:16px;width:calc(100vw - 20px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px)}.work-viewer-heading{gap:13px}.work-viewer-heading h2{font-size:20px}.work-viewer-heading button{font-size:12px;padding:10px}.work-viewer-controls{gap:11px}.work-viewer-controls button{font-size:13px;padding-inline:12px}.work-viewer-footer{display:block}.work-viewer-footer a{margin-top:4px}.work-viewer-figure figcaption{font-size:14px}}
@media(max-width:360px){.work-browse-grid{grid-template-columns:1fr}.work-browse-card a{display:grid;grid-template-columns:110px minmax(0,1fr)}.work-browse-card a>img{height:100%;aspect-ratio:auto}.work-browse-card h3{font-size:18px;margin-bottom:12px}.work-browse-card p{font-size:12px}.work-browse-card a>div{padding:13px}.work-viewer-heading{align-items:start}.work-viewer-heading h2{font-size:19px}}
@media print{.work-filters,.work-photo-viewer,.work-browse{display:none!important}.work-case[hidden]{display:block!important}}
