.category-page{min-height:100svh;display:flex;flex-direction:column}
.category-page-main{width:min(100%,1440px);margin:0 auto;padding:clamp(72px,12vh,140px) 7% 72px;flex:1}
.category-page-main>*{animation:category-enter .72s cubic-bezier(.2,.8,.2,1) both}
.category-page-label{animation-delay:.05s}
.category-page-title{animation-delay:.14s}
.category-page-intro{animation-delay:.27s}
.category-page-placeholder,.photo-entry,.project-section{animation-delay:.4s}
.category-page-back{animation-delay:.52s}
@keyframes category-enter{from{opacity:0;transform:translateY(24px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.category-page-label{font:9px var(--mono);letter-spacing:.08em;color:#555;margin:0 0 22px}
.category-page-title{font-size:clamp(64px,11vw,150px);font-weight:500;letter-spacing:-.09em;line-height:.88;margin:0 0 34px}
.category-page-intro{max-width:560px;font-size:clamp(17px,2vw,22px);line-height:1.65;color:#444;margin:0}
.category-page-placeholder{margin-top:clamp(64px,12vh,130px);padding:18px 0;border-top:1px solid var(--ink);display:flex;justify-content:space-between;gap:24px;font:9px var(--mono);letter-spacing:.08em}
.category-page-back{justify-self:end;border-bottom:1px solid var(--ink);padding-bottom:8px;font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.category-page-back span{margin-left:18px;font:14px var(--sans)}
.project-section{position:relative;margin:clamp(64px,12vh,130px) 0 0;padding:clamp(22px,3vw,40px);background:#f4f4f2}
.project-copy{max-width:760px;margin:0 0 clamp(28px,5vh,48px)}
.project-label,.project-year{font:9px var(--mono);letter-spacing:.08em;color:#555;margin:0}
.project-year{position:absolute;top:clamp(22px,3vw,40px);right:clamp(22px,3vw,40px)}
.project-copy h2{font-size:clamp(32px,4vw,52px);font-weight:500;letter-spacing:-.075em;line-height:1;margin:0 0 16px}
.project-copy>p:last-child{max-width:560px;font-size:clamp(15px,1.3vw,18px);line-height:1.7;color:#444;margin:0}
.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.5vw,20px)}
.project-gallery figure{min-width:0;margin:0;animation:category-enter .72s cubic-bezier(.2,.8,.2,1) both}
.project-gallery figure:nth-child(1){animation-delay:.48s}
.project-gallery figure:nth-child(2){animation-delay:.6s}
.project-gallery figure:nth-child(3){animation-delay:.72s}
.project-gallery img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.project-gallery figcaption{padding-top:10px;font:9px var(--mono);letter-spacing:.08em;color:#555}
.photo-entry{margin:clamp(64px,12vh,130px) 0 0;max-width:1200px;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);grid-template-rows:auto auto;background:#f4f4f2}
.photo-entry>img{display:block;grid-column:1;grid-row:1;width:100%;height:clamp(420px,48vw,620px);object-fit:cover;object-position:center}
.photo-entry>img{animation:photo-enter .95s cubic-bezier(.2,.8,.2,1) .45s both}
@keyframes photo-enter{from{opacity:0;transform:translateX(-24px) scale(.985)}to{opacity:1;transform:none}}
.photo-details{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:clamp(28px,5vh,48px);padding:clamp(18px,2vw,28px) clamp(16px,1.5vw,22px)}
.photo-title-block{min-height:115px;padding:14px 16px;background:transparent;position:relative}
.photo-project-year{position:absolute;top:14px;right:16px;margin:0;font:9px var(--mono);letter-spacing:.08em;color:#555}
.photo-block-label{font:9px var(--mono);letter-spacing:.08em;color:#555;margin:0 0 14px}
.photo-title-block h2{font-size:clamp(28px,3.2vw,42px);font-weight:500;letter-spacing:-.07em;line-height:1;margin:0}
.photo-description-block{min-height:220px;padding:20px 18px;background:transparent}
.photo-description-block>p:last-child{max-width:480px;font-size:clamp(15px,1.3vw,18px);line-height:1.75;color:#444;margin:0}
.photo-entry figcaption{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:12px;font:9px var(--mono);letter-spacing:.08em;color:#555}
.category-page-main:has(.photo-entry) .category-page-back{margin-top:54px}
@media(max-width:900px){.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.project-gallery figure:first-child{grid-column:1/-1}.project-gallery figure:first-child img{aspect-ratio:16/9}}
@media(max-width:760px){.category-page-main{padding:88px 7% 52px}.category-page-placeholder{margin-top:72px;flex-direction:column}.category-page-title{font-size:clamp(64px,16vw,100px)}.photo-entry{grid-template-columns:1fr}.photo-entry>img{grid-column:1;grid-row:1;height:auto;max-height:none}.photo-details{grid-column:1;grid-row:2;gap:20px;padding:16px}.photo-title-block{min-height:100px}.photo-description-block{min-height:0}.photo-entry figcaption{grid-column:1}.project-section{padding:18px}.project-gallery{grid-template-columns:1fr}.project-gallery figure:first-child{grid-column:auto}.project-gallery figure:first-child img,.project-gallery img{aspect-ratio:4/5}}
@media(prefers-reduced-motion:reduce){.category-page-main>*,.photo-entry>img,.project-gallery figure{animation:none}}