.categories-section{background:#efebe2;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.categories-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:64px;align-items:end;margin-bottom:38px}
.categories-heading h2{margin-top:9px;max-width:720px}
.categories-heading>p{color:var(--muted);max-width:510px;margin:0}
.category-strip{display:flex;gap:18px;overflow-x:auto;padding:5px 2px 17px;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
.category-strip::-webkit-scrollbar{display:none}
.category-item{min-width:112px;text-align:center;display:grid;justify-items:center;align-content:start;gap:10px;scroll-snap-align:start}
.category-photo{width:104px;height:104px;border-radius:50%;padding:4px;border:1px solid #d0c7b9;background:#f8f5ef;display:block;overflow:hidden;transition:transform .25s,box-shadow .25s}
.category-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover;transform:scale(1.01)}
.category-item strong{font-size:.78rem;font-weight:600;line-height:1.2;max-width:106px}
.category-item:hover .category-photo{transform:translateY(-4px);box-shadow:0 15px 30px rgba(31,28,22,.11)}
.image-disclaimer{font-size:.68rem;color:#8c877d;margin:7px 0 0}

.project-case{background:#f7f5f0}
.project-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:55px;align-items:end;margin-bottom:32px}
.project-head h2{margin-top:8px}
.project-summary{border-top:1px solid var(--line);padding-top:12px}
.project-summary strong{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}
.project-summary p{font-size:.86rem;color:var(--muted);margin:7px 0 0}
.project-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.project-image{margin:0;aspect-ratio:16/10;overflow:hidden;background:#ded9cf;border-radius:16px}
.project-image-wide{grid-column:span 2;aspect-ratio:2.05/1}
.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;image-rendering:auto}
.project-image:hover img{transform:scale(1.012)}
.project-caption{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:28px;align-items:start;border-top:1px solid var(--line);margin-top:22px;padding-top:19px}
.project-caption>span{font-size:.63rem;letter-spacing:.15em;color:var(--accent)}
.project-caption>p{max-width:680px;color:var(--muted);font-size:.88rem;margin:0}
.project-caption .text-link{white-space:nowrap}

@media(max-width:900px){
  .categories-heading,.project-head{grid-template-columns:1fr;gap:24px}
  .category-strip{margin-right:-20px;padding-right:28px}
  .project-gallery{grid-template-columns:1fr}
  .project-image,.project-image-wide{grid-column:auto;aspect-ratio:16/10}
  .project-caption{grid-template-columns:1fr;gap:13px}
  .project-caption .text-link{white-space:normal}
}

@media(max-width:680px){
  .categories-heading{gap:16px;margin-bottom:25px}
  .categories-heading>p{font-size:.88rem}
  .category-strip{gap:12px;margin-right:-14px;padding-right:25px}
  .category-item{min-width:91px;gap:8px}
  .category-photo{width:84px;height:84px;padding:3px}
  .category-item strong{font-size:.7rem;max-width:88px}
  .image-disclaimer{font-size:.64rem;line-height:1.45}
  .project-head{gap:15px;margin-bottom:22px}
  .project-gallery{gap:8px}
  .project-image,.project-image-wide{aspect-ratio:4/3;border-radius:12px}
  .project-caption{gap:10px;margin-top:16px;padding-top:16px}
  .project-caption>p{font-size:.83rem}
}

@media(max-width:400px){
  .category-item{min-width:84px}
  .category-photo{width:77px;height:77px}
  .category-item strong{font-size:.68rem;max-width:80px}
}