.work-section{background:#eef2eb;padding:80px 0;scroll-margin-top:90px}.work-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end}.work-intro .eyebrow{color:var(--green);font-size:.875rem}.work-intro h2{margin:12px 0 0}.work-intro p{color:#536054;max-width:480px}.work-filters{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0}.work-filters button{font:inherit;font-weight:750;border:1px solid #a7b6a8;border-radius:30px;padding:11px 19px;background:transparent;cursor:pointer}.work-filters .selected{background:var(--ink);color:white;border-color:var(--ink)}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.work-card{font:inherit;text-align:left;color:var(--ink);padding:0;overflow:hidden;border:1px solid #cbd5c7;border-radius:14px;background:white;box-shadow:0 7px 0 #d5ded0;cursor:pointer;transition:transform .2s}.work-card:hover{transform:translateY(-4px)}.work-card[hidden]{display:none}.work-photo{position:relative;background:#dbe3d6}.work-photo img{width:100%;height:350px;object-fit:contain}.work-photo span{position:absolute;right:15px;bottom:15px;border-radius:30px;background:#111713ed;color:white;padding:7px 12px;font-size:.875rem}.work-caption{padding:24px}.work-caption h3{font-size:1.5rem;margin:8px 0 12px}.work-caption p{color:#536054;margin:0}.work-caption small{font-size:.875rem;color:var(--green)}#work-dialog{padding:0;border:1px solid #62715d;border-radius:14px;background:#111713;color:white;width:min(1050px,94vw);max-height:92dvh;overflow:auto}#work-dialog::backdrop{background:#081008e8;backdrop-filter:blur(6px)}#work-full-photo{width:100%;max-height:70dvh;object-fit:contain}.work-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:1px solid white;border-radius:50%;background:#111713ef;color:white;font-size:30px;cursor:pointer}#work-dialog h2{font-size:1.6rem;margin:0 0 8px}#work-dialog p{color:#d3dfce}.work-card:focus-visible,.work-filters button:focus-visible,.work-close:focus-visible{outline:3px solid #668e21;outline-offset:5px}@media(max-width:700px){.work-intro,.work-grid{grid-template-columns:1fr}.work-intro{gap:8px}.work-section{padding:55px 0}.work-photo img{height:330px}}@media(prefers-reduced-motion:reduce){.work-card{transition:none}}
