
.portfolio-page .section-heading{margin-bottom:28px}
.portfolio-filters{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #bbb9b1;padding-bottom:22px}
.portfolio-filters button{font:inherit;font-size:13px;line-height:1.5;border:1px solid #aaa89e;background:transparent;color:#30312b;padding:11px 17px;border-radius:2px;cursor:pointer}
.portfolio-filters button span{font-size:11px;margin-left:5px;color:inherit}
.portfolio-filters button[aria-pressed="true"]{background:#292b25;border-color:#292b25;color:#fff}
.portfolio-filters button:hover{border-color:#292b25}
.portfolio-filters button:focus-visible,.portfolio-grid a:focus-visible{outline:2px solid #716248;outline-offset:5px}
.portfolio-result{font-size:12px;color:#66675e;margin:20px 0}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
.portfolio-grid .portfolio-card{margin:0;min-width:0;max-width:none}
.portfolio-grid .portfolio-card[hidden]{display:none}
.portfolio-grid .portfolio-card>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;max-height:none;background:#d9d8d1}
.portfolio-grid .project-caption{display:block;padding-top:14px}
.portfolio-grid .project-caption .eyebrow{font-size:8px;letter-spacing:.06em;line-height:1.6;margin-bottom:6px}
.portfolio-grid .project-caption h2{font-size:16px;font-weight:500;line-height:1.5;word-break:keep-all}
.portfolio-grid .project-english{font-size:11px!important;line-height:1.7;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#65665f}
.portfolio-grid .project-caption>.text-link{display:inline-block;margin-top:11px;font-size:11px}
@media(max-width:1100px) and (min-width:761px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.portfolio-page .section-heading{margin-bottom:22px}.portfolio-filters{gap:6px;padding-bottom:17px}.portfolio-filters button{font-size:12px;padding:10px 11px}.portfolio-filters button span{display:block;margin:2px 0 0;font-size:9px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.portfolio-grid .project-caption{padding-top:10px}.portfolio-grid .project-caption h2{font-size:14px}.portfolio-grid .project-caption .eyebrow{font-size:7px}.portfolio-grid .project-english{font-size:10px!important}.portfolio-result{margin:17px 0;font-size:11px}}
