.category-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:150px}.category-nav a{border:1px solid rgba(245,244,239,.18);padding:22px 20px;display:flex;justify-content:space-between;font-size:13px;transition:background .2s,color .2s}.category-nav a:hover{background:#c7ff3d;color:#11110f}.category-nav span{color:#878780}.collection-section{scroll-margin-top:28px;margin-bottom:170px}.category-head{border-top:1px solid rgba(245,244,239,.18);padding:22px 0 45px;display:flex;align-items:baseline;justify-content:space-between}.category-head h3{font-size:clamp(28px,3vw,46px);letter-spacing:-.045em;margin:0;font-weight:550}.category-head span{font-size:11px;color:#878780}.collection-section .gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:70px 24px}.collection-section .work{grid-column:span 4}.collection-section .work-image{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}.collection-section .work-image img{object-fit:contain}.collection-section .work-meta{grid-template-columns:34px 1fr auto}.collection-section .work-meta h3{font-size:14px}.collection-section .work-meta time{font-variant-numeric:tabular-nums}.collection-section .work-3{grid-column:span 4}.collection-section .work-1 .work-image,.collection-section .work-2 .work-image,.collection-section .work-3 .work-image,.collection-section .work-4 .work-image,.collection-section .work-5 .work-image{aspect-ratio:4/3}
@media(max-width:980px){.collection-section .work{grid-column:span 6}}
@media(max-width:760px){.category-nav{grid-template-columns:1fr;margin-bottom:100px}.collection-section{margin-bottom:110px}.collection-section .gallery{display:block}.collection-section .work{margin-bottom:56px}.collection-section .work-image{aspect-ratio:4/3}}
.portfolio-page .nav{background:#f5f4ef}.portfolio-intro{padding-top:clamp(70px,10vh,130px);padding-bottom:150px}.portfolio-intro h1{margin-top:55px;margin-bottom:80px}.portfolio-intro>p:last-child{font-size:15px;line-height:1.7;color:#73736e;margin-left:auto;width:min(420px,100%)}.portfolio-page .works{padding-top:130px}.portfolio-page footer{background:#11110f;color:#878780;border-color:rgba(245,244,239,.18);max-width:none}.portfolio-page footer>*:first-child{margin-left:var(--pad)}.portfolio-page footer>*:last-child{margin-right:var(--pad)}