.timeline{display:grid;grid-template-columns:repeat(4,1fr)}
.timeline article{min-width:0}
.info-card{border-top:3px solid var(--accent);padding:24px;background:#fff}
.info-card p{color:var(--muted)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gallery figure{margin:0}
.gallery img{aspect-ratio:1.4}
.gallery figcaption{font-size:13px;color:var(--muted);padding-top:8px}
.swatch-grid{grid-template-columns:repeat(4,1fr)}
.swatch-card img{aspect-ratio:1.12}
.swatch-card .body{padding:18px}
.swatch-card h3{font-size:18px}
.catalogue-summary{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:28px;color:var(--muted)}
.catalogue-summary b{font-size:34px;color:var(--ink)}
.catalogue-summary span:last-child{margin-left:auto}
.pagination{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0}
.pagination a{display:grid;place-items:center;min-width:42px;min-height:42px;border:1px solid var(--line);padding:6px}
.pagination a.current{background:var(--green);color:#fff;border-color:var(--green)}
.swatch-detail>img{aspect-ratio:1.1;object-fit:contain;background:var(--cream)}
@media(max-width:1000px){.gallery{grid-template-columns:repeat(2,1fr)}.swatch-grid{grid-template-columns:repeat(3,1fr)}.timeline{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.gallery,.swatch-grid,.timeline{grid-template-columns:1fr}.catalogue-summary span:last-child{margin-left:0;width:100%}}