.catalogue-page{min-height:100vh;background:#f2efe8;color:#171513}.catalogue-nav{height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27231f}.catalogue-brand{display:flex;align-items:baseline;gap:13px}.catalogue-brand strong{font:22px var(--serif);letter-spacing:.05em}.catalogue-brand span,.catalogue-nav nav a{font-size:8px;letter-spacing:.18em}.catalogue-nav nav{display:flex;gap:30px}.catalogue-intro{padding:90px 7vw 75px;display:grid;grid-template-columns:1fr 2fr}.catalogue-intro>p{font-size:8px;letter-spacing:.24em}.catalogue-intro h1{grid-column:1/-1;font:clamp(64px,9vw,138px)/.88 var(--serif);letter-spacing:-.05em;margin:48px 0 55px}.catalogue-intro>div{grid-column:2;display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid #27231f;padding-top:22px}.catalogue-intro span{font-size:9px;letter-spacing:.14em}.catalogue-intro div p{font-size:13px;line-height:1.9;max-width:500px}.catalogue-controls{margin:0 4vw;padding:22px 0;border-top:1px solid #27231f;border-bottom:1px solid #27231f;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.catalogue-controls>span,.catalogue-controls small{font-size:8px;letter-spacing:.2em}.catalogue-controls small{text-align:right}.catalogue-controls>div{display:flex;gap:7px}.catalogue-controls button{border:1px solid #8f887e;background:transparent;border-radius:50%;width:36px;height:36px;font-size:9px}.catalogue-controls button.active{background:#171513;color:#fff;border-color:#171513}.catalogue-grid{padding:70px 4vw 110px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:70px 22px}.catalogue-work,.catalogue-work:nth-child(4n+2),.catalogue-work:nth-child(4n+3){grid-column:auto;margin-top:0}.catalogue-work figure{margin:0;background:#151412;height:360px;display:flex;align-items:center;justify-content:center;padding:13px;position:relative;overflow:hidden}.catalogue-work img{width:100%;height:100%;object-fit:contain;transition:transform .7s ease,filter .5s ease}.catalogue-work figure>span{position:absolute;right:12px;bottom:12px;background:#f2efe8;padding:8px 11px;border-radius:2px;font-size:8px;letter-spacing:.12em;transform:translateY(60px);transition:transform .35s}.catalogue-work a:hover img{transform:scale(1.018);filter:brightness(1.06)}.catalogue-work a:hover figure>span{transform:translateY(0)}.catalogue-meta{display:grid;grid-template-columns:26px 1fr auto;gap:7px 10px;padding-top:14px;border-top:1px solid #27231f;margin-top:12px}.catalogue-meta small{grid-row:span 2;font-size:8px}.catalogue-meta h2{font:clamp(20px,1.8vw,28px)/1.05 var(--serif);letter-spacing:-.02em}.catalogue-meta p{font-size:10px;line-height:1.55;color:#6c655e}.catalogue-meta b{grid-column:3;grid-row:1;font-size:7px;letter-spacing:.1em;font-weight:400}.catalogue-pager{margin:0 4vw 90px;padding-top:30px;border-top:1px solid #27231f;display:flex;justify-content:space-between;align-items:center}.catalogue-pager>div{display:flex;gap:6px}.catalogue-pager button{border:0;background:transparent;font-size:9px;letter-spacing:.15em;padding:10px}.catalogue-pager>div button{border-bottom:1px solid transparent}.catalogue-pager>div button.active{border-color:#171513}.catalogue-pager button:disabled{opacity:.25}.catalogue-footer{padding:45px 4vw;border-top:1px solid #27231f;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em}.catalogue-footer button{border:0;background:none;font:inherit;letter-spacing:inherit}
@media(max-width:1100px) and (min-width:801px){.catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalogue-work figure{height:340px}}@media(max-width:800px){.catalogue-nav{height:72px;padding:0 20px}.catalogue-brand span,.catalogue-nav nav a:first-child{display:none}.catalogue-nav nav{gap:0}.catalogue-intro{padding:90px 24px 75px;display:block}.catalogue-intro h1{font-size:70px;margin:45px 0}.catalogue-intro>div{display:block}.catalogue-intro div p{margin-top:20px}.catalogue-controls{margin:0 20px;grid-template-columns:1fr auto}.catalogue-controls small{grid-column:1/-1;text-align:left;margin-top:18px}.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 14px;padding:60px 20px 90px}.catalogue-work,.catalogue-work:nth-child(4n+2),.catalogue-work:nth-child(4n+3){margin:0}.catalogue-work figure{height:auto;min-height:0;aspect-ratio:4/5;padding:8px}.catalogue-work figure>span{transform:none}.catalogue-meta{grid-template-columns:22px 1fr}.catalogue-meta b{grid-column:2;grid-row:auto}.catalogue-meta p{font-size:9px}.catalogue-pager{margin:0 20px 90px}.catalogue-pager>button{font-size:0}.catalogue-pager>button:first-child:after{content:'←';font-size:16px}.catalogue-pager>button:last-child:after{content:'→';font-size:16px}.catalogue-footer{padding:35px 20px}.catalogue-footer span{display:none}}@media(max-width:520px){.catalogue-grid{grid-template-columns:1fr}.catalogue-work figure{aspect-ratio:4/5}}

/* Keep the catalogue ending compact; the main-site footer is intentionally much taller. */
.catalogue-page .catalogue-footer{min-height:0!important;padding:32px 4vw!important;display:flex!important;grid-template-columns:none!important;align-items:center!important;justify-content:space-between!important;background:#f2efe8!important;color:#171513!important}
.catalogue-page .catalogue-footer button{color:inherit}
.catalogue-work figure>span{opacity:0;visibility:hidden;transform:translateY(8px)!important;transition:opacity .25s ease,transform .25s ease,visibility .25s ease}.catalogue-work a:hover figure>span,.catalogue-work a:focus-visible figure>span{opacity:1;visibility:visible;transform:translateY(0)!important}
@media(max-width:800px){.catalogue-work figure>span{opacity:0;visibility:hidden;transform:translateY(8px)!important}.catalogue-work a:hover figure>span,.catalogue-work a:focus-visible figure>span{opacity:1;visibility:visible;transform:translateY(0)!important}}

.catalogue-categories{margin:0 4vw;padding:0 0 22px;display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #27231f}
.catalogue-categories button{border:1px solid #8f887e;background:transparent;border-radius:999px;padding:10px 15px;font-size:8px;letter-spacing:.14em;color:#171513}
.catalogue-categories button.active{background:#171513;color:#fff;border-color:#171513}
@media(max-width:800px){.catalogue-categories{margin:0 20px;gap:6px}.catalogue-categories button{padding:9px 11px;font-size:7px}}
