/* Catalogue presentation only; existing search, folder state and routes stay intact. */
.gallery-clarity .intro{padding:28px 0 24px;gap:24px}
.gallery-clarity .intro h1{font-size:38px;line-height:1.2}
.gallery-clarity .intro .eyebrow{margin-bottom:8px}
.gallery-clarity .intro .lede{margin-top:10px}
.gallery-clarity .how{padding:16px 22px;gap:9px}
.gallery-clarity .folder-heading{margin-top:18px}
.gallery-clarity .results{gap:8px}
.gallery-clarity .design-folders{margin-top:12px}
@media(max-width:760px){
  .gallery-clarity header{padding:9px 15px;gap:5px 12px}
  .gallery-clarity header nav{gap:10px;min-height:44px}
  .gallery-clarity header nav a{min-height:44px;display:inline-flex;align-items:center;padding:8px 4px}
  .gallery-clarity header nav .gallery-home{padding:8px 12px}
  .gallery-clarity .intro{padding:18px 0 16px}
  .gallery-clarity .intro h1{font-size:28px}
  .gallery-clarity .intro .eyebrow{font-size:10px;margin-bottom:5px}
  .gallery-clarity .intro .lede{font-size:13px;margin-top:7px;line-height:1.5}
  .gallery-clarity .filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,125px);gap:8px}
  .gallery-clarity .search{min-width:0;padding:0 10px;gap:6px}
  .gallery-clarity .search input{font-size:14px;padding:11px 0;min-height:46px}
  .gallery-clarity .category{width:auto;min-width:0}
  .gallery-clarity .category select{max-width:100%;width:100%;height:46px;padding:0 6px;font-size:12px}
  .gallery-clarity .folder-heading{margin-top:14px;align-items:center}
  .gallery-clarity .folder-heading h2{font-size:20px}
  .gallery-clarity .folder-heading p{font-size:12px;line-height:1.5}
  .gallery-clarity .folder-heading #folder-all{max-width:95px;font-size:12px;padding:8px}
  .gallery-clarity .results{margin:6px 0 10px;gap:6px}
  .gallery-clarity .results p{margin:4px 0}
  .gallery-clarity .admin-link{font-size:11px;padding:10px 8px;min-height:44px;display:inline-flex;align-items:center}
  .gallery-clarity .design-folders{gap:10px;margin-top:10px}
  .gallery-clarity .design-folder{min-height:136px;padding:12px;gap:10px}
  .gallery-clarity .folder-picture.has-cover{height:66px}
  .gallery-clarity .folder-copy small{margin-top:5px}
}
@media(max-width:440px){
  .gallery-clarity .brand small{display:none}
  .gallery-clarity header nav{width:100%;justify-content:space-between;font-size:12px}
  .gallery-clarity .brand>span{width:32px;height:32px;font-size:21px}
  .gallery-clarity .folder-picture>strong{font-size:14px}
}