.portfolio{padding:clamp(18px,3vw,36px);background:#fafbf8;border:1px solid #dfe5dc;border-radius:12px;min-width:0}.portfolio-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.portfolio-heading h2{font:clamp(26px,3vw,36px) var(--serif);margin:8px 0 10px}.portfolio-heading p:not(.eyebrow){font-size:16px;line-height:1.6;color:#64736a;margin:0;max-width:720px}.portfolio-quiet{padding:10px 14px;min-height:44px;border:1px solid #ccd7ce;border-radius:7px;color:#365549;font-size:14px;line-height:1.4;background:transparent}.portfolio-quiet:hover{background:#edf2ed}.portfolio-quiet[aria-pressed=true]{background:#e5ede7;border-color:#557667}.portfolio-heading>.portfolio-quiet{flex-shrink:0}.portfolio-concepts{display:flex;gap:12px;overflow-x:auto;padding:3px 3px 14px;scroll-snap-type:x proximity;scrollbar-width:thin}.portfolio-concepts>button{position:relative;flex:0 0 185px;min-width:0;text-align:left;background:#fff;border:1px solid #dae2da;border-radius:9px;padding:0 0 13px;overflow:hidden;scroll-snap-align:start;color:#294b3e}.portfolio-concepts>button[aria-pressed=true]{border-color:#355d4b;box-shadow:0 0 0 2px #355d4b}.portfolio-concepts>button:hover{border-color:#6e8b7b}.portfolio-concepts img{display:block;width:100%;height:105px;object-fit:cover}.portfolio-concept-name{display:block;font-size:14px;font-weight:500;line-height:1.5;padding:11px 12px 7px}.portfolio-concept-name small{position:absolute;top:9px;left:9px;font-size:11px;letter-spacing:.8px;background:#fffffff2;color:#345446;padding:3px 7px;border-radius:3px}.portfolio-swatches{display:flex;gap:4px;padding:0 12px}.portfolio-swatches i{display:block;width:21px;height:5px;border-radius:2px}.portfolio-selection{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0 18px;border-bottom:1px solid #dfe5dc}.portfolio-selection h3{font:24px var(--serif);margin:0 0 6px}.portfolio-selection p{font-size:14px;color:#68796d;line-height:1.6;margin:0}.portfolio-extra{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.portfolio-filterbar{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:18px 0}.portfolio-filterbar nav{display:flex;gap:5px;flex-wrap:wrap}.portfolio-filterbar button{font-size:14px;min-height:44px;line-height:1.4;padding:10px 13px;border-radius:22px;border:1px solid transparent;color:#557062;white-space:nowrap}.portfolio-filterbar button[aria-pressed=true]{background:#244c3e;color:#fff}.portfolio-filterbar button:hover:not([aria-pressed=true]){background:#edf2ec}.portfolio-filterbar>span{font-size:13px;color:#6b7a70;white-space:nowrap;font-variant-numeric:tabular-nums}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portfolio-card{min-width:0;display:flex;flex-direction:column;text-align:left;border:1px solid #dce4db;border-radius:9px;overflow:hidden;padding:0;background:#fff;color:#254538;transition:border-color .18s}.portfolio-card:hover{border-color:#7a9585}.portfolio-photo{position:relative;display:block;background:#e9ede7;width:100%;aspect-ratio:3/2;overflow:hidden}.portfolio-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.portfolio-card:hover img{transform:scale(1.025)}.portfolio-enlarge{position:absolute;bottom:10px;right:10px;background:#fffffff0;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:18px}.portfolio-card-caption{display:flex;flex-direction:column;gap:8px;padding:17px;width:100%;line-height:1.5;overflow-wrap:anywhere}.portfolio-card-caption small{font-size:12px;color:#627868}.portfolio-card-caption strong{font:23px var(--serif)}.portfolio-card-caption>span{font-size:12px;color:#728076}.portfolio-more{display:flex;align-items:center;justify-content:center;gap:14px;margin:24px 0 4px}.portfolio-more>span{font-size:13px;color:#748477}.portfolio-note{font-size:13px;color:#758175;line-height:1.65;max-width:950px;margin:24px 0 0}.portfolio-empty{padding:32px 0;line-height:1.8}.portfolio-empty button{margin-left:8px}.portfolio-image-error{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;font-size:14px;background:#edf1eb;color:#637366}.portfolio-dialog{width:min(1250px,96vw);max-width:96vw;max-height:96dvh;padding:0;border:0;border-radius:10px;background:#fafbf8;overflow:auto;color:#244638}.portfolio-dialog::backdrop{background:#10241edb;backdrop-filter:blur(6px)}.portfolio-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px}.portfolio-dialog>header small{font-size:13px;color:#67796c}.portfolio-dialog h3{font:24px var(--serif);margin:5px 0 0}.portfolio-dialog button{min-width:44px;min-height:44px;border:1px solid #d2ddd2;border-radius:7px;font-size:20px}.portfolio-dialog>header>button{font-size:27px;border:0}.portfolio-full-image{position:relative;min-height:200px;background:#e7ebe4}.portfolio-full-image img{display:block;width:100%;height:auto;max-height:68dvh;object-fit:contain}.portfolio-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px}.portfolio-dialog footer>span{font-size:13px;color:#6c7b6f;line-height:1.5}.portfolio-dialog footer>div{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:14px}.portfolio button:focus-visible,.portfolio-dialog button:focus-visible{outline:3px solid #b58846;outline-offset:3px}body:has(.portfolio-dialog[open]){overflow:hidden}
@media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-selection{align-items:flex-start;flex-direction:column}.portfolio-heading{align-items:flex-start}.portfolio-filterbar{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:600px){.portfolio{padding:18px 14px}.portfolio-heading{flex-direction:column;gap:12px}.portfolio-heading h2{font-size:28px}.portfolio-concepts>button{flex-basis:160px}.portfolio-concepts img{height:92px}.portfolio-filterbar nav{max-width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.portfolio-grid{gap:14px;grid-template-columns:1fr}.portfolio-card-caption{padding:14px}.portfolio-selection{padding:18px 0}.portfolio-extra{max-width:100%}.portfolio-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.portfolio-dialog[open]{display:flex;flex-direction:column}.portfolio-dialog header,.portfolio-dialog footer{padding:14px 16px}.portfolio-full-image{flex:1;display:flex;align-items:center;min-height:0}.portfolio-full-image img{max-height:100%;object-fit:contain}.portfolio-dialog footer{flex-wrap:wrap}.portfolio-dialog footer>span{flex-basis:100%}.portfolio-dialog footer>div{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.portfolio-card,.portfolio-photo img{transition:none}}