.design-catalog-hero{height:clamp(480px,41vw,660px)}
.design-catalog-hero h1{max-width:650px}.design-catalog-hero .design-hero-copy>p{max-width:590px}
.catalogue-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 16px;padding-block:40px 55px}
.catalogue-category{display:block;text-align:center;color:var(--brand)}
.catalogue-category img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;transition:filter .5s,transform .7s}
.catalogue-category:hover img{filter:brightness(.94);transform:translateY(-3px)}
.catalogue-category h2{font-family:var(--sans);font-size:19px;font-weight:400;letter-spacing:.025em;line-height:1.3;text-transform:uppercase;margin:18px 0 0}
.catalogue-content{scroll-margin-top:0;padding-top:25px}
.catalogue-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:14px;margin:0 0 25px}
.catalogue-breadcrumbs a:hover{text-decoration:underline}
.catalogue-title{font-family:var(--display);font-size:clamp(38px,3.4vw,55px);line-height:1.1;font-weight:400;color:var(--brand);text-align:center;margin:0 0 30px}
.catalogue-tabs{display:flex;flex-wrap:wrap;justify-content:center;background:#bea180;color:#fff;margin:0 0 12px;padding:8px 16px;gap:4px 14px}
.catalogue-tabs a{text-transform:uppercase;font-size:15px;line-height:1.3;padding:14px 10px;transition:background .2s}
.catalogue-tabs a:hover,.catalogue-tabs a[aria-current]{background:#916b3c;color:#fff}
.catalogue-tabs+ .catalogue-tabs{background:#eee6db;color:#6e4c28}.catalogue-tabs+ .catalogue-tabs a{font-size:14px;padding:10px}
.catalogue-search{max-width:580px;margin:24px 0 30px}.catalogue-search label{display:block;font-size:14px;color:var(--muted);margin-bottom:8px}
.catalogue-search>div{display:flex;border-bottom:1px solid #c9b599}.catalogue-search input{min-width:0;flex:1;border:0;background:transparent;padding:12px 0;color:var(--ink);font-family:var(--sans);font-size:16px}
.catalogue-search button{border:0;background:transparent;font-family:var(--sans);font-size:15px;color:var(--brand);cursor:pointer;padding:10px 6px 10px 20px}
.catalogue-results{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 18px;font-size:14px;color:var(--muted)}.catalogue-results p{margin:0}.catalogue-results a{color:var(--brand)}
.catalogue-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.catalogue-photo{position:relative;overflow:hidden;display:block;grid-column:span 4;height:340px;margin:0;padding:0;border:0;border-radius:0;background:#f3efe8;cursor:zoom-in}
.catalogue-photo:nth-child(6n+1),.catalogue-photo:nth-child(6n+3){grid-column:span 3}
.catalogue-photo:nth-child(6n+2){grid-column:span 6}
.catalogue-photo:nth-child(6n+4){grid-column:span 5}.catalogue-photo:nth-child(6n+5){grid-column:span 3}
.catalogue-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.65,.2,1)}
.catalogue-photo:hover img{transform:scale(1.035)}
.catalogue-zoom{position:absolute;right:14px;bottom:14px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fffE;color:#6b4925;font-size:26px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.catalogue-photo:hover .catalogue-zoom,.catalogue-photo:focus-visible .catalogue-zoom{opacity:1;transform:none}
.catalogue-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin:34px 0 12px;color:var(--brand);font-size:16px}
.catalogue-pagination>a:last-child{text-align:right}.catalogue-pagination>a:hover{text-decoration:underline}.catalogue-pagination>span{font-size:14px;color:var(--muted)}
.catalogue-empty{padding-block:45px;text-align:center}
@media(max-width:1150px){.catalogue-photo{height:280px}.catalogue-category h2{font-size:16px}.catalogue-tabs{gap:4px}.catalogue-tabs a{font-size:14px;padding:12px 9px}}
@media(max-width:900px){.catalogue-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.catalogue-photo:nth-child(n){grid-column:span 6;height:280px}.catalogue-mosaic{gap:12px}.design-catalog-hero{height:500px}}
@media(max-width:600px){.catalogue-category-grid{padding-block:30px;gap:25px 12px}.catalogue-category h2{font-size:14px;margin-top:12px}.catalogue-photo:nth-child(n){height:220px}.catalogue-tabs{justify-content:flex-start;padding:8px;gap:3px}.catalogue-tabs a{font-size:12px;padding:10px 8px}.catalogue-tabs+ .catalogue-tabs a{font-size:12px}.catalogue-search{margin-block:22px}.catalogue-pagination{gap:12px;grid-template-columns:1fr 1fr;font-size:14px}.catalogue-pagination>span:nth-child(2){grid-column:1/-1;grid-row:1;text-align:center}.design-catalog-hero{height:470px}.catalogue-zoom{opacity:1;transform:none;width:28px;height:28px;right:10px;bottom:10px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.catalogue-photo img,.catalogue-category img,.catalogue-zoom{transition:none}}
