[hidden]{display:none!important}
.image-placeholder{display:block;width:100%;height:100%;background:#ececef}
.material-placeholder{height:220px;background:#ececef}
#pagination{flex-direction:column;align-items:center;gap:16px}
.pagination-links{display:flex;align-items:center;justify-content:center;gap:8px}
#pagination a,#pagination .page-disabled{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d9dce2;border-radius:3px;color:#25324a;text-decoration:none;font-weight:600}
#pagination a:hover{background:#f1f3f6}
#pagination a:focus-visible{outline:2px solid #172849;outline-offset:3px}
.page-ellipsis{width:24px;text-align:center;color:#656b76}
@media(max-width:479px){.pagination-links{gap:4px}#pagination a,#pagination .page-disabled{width:34px;height:42px}.page-ellipsis{width:16px}}
#pagination a[aria-current=page]{background:#c82030;color:#fff;border-color:#c82030}
#pagination .page-disabled{opacity:.4}
#hero-open:disabled{cursor:default}
.projects.list .image-placeholder{width:350px;flex:none}
.card-hover dd{overflow-wrap:anywhere}
@media(max-width:767px){.projects.list .image-placeholder{width:36%}.material-placeholder{height:240px}}
.applied-card .material-detail-link{margin-top:auto}
.applied-card button:disabled{cursor:default;opacity:.55}
.projects.mosaic{--masonry-columns:3;grid-auto-rows:auto}
.projects.mosaic .project-card{height:auto}
.projects.mosaic .card-open>img{height:auto}
.projects.mosaic .image-placeholder{aspect-ratio:4/3}
.projects.mosaic.masonry-ready{display:block;position:relative}
.projects.mosaic.masonry-ready .project-card{position:absolute}
.projects.mosaic.masonry-ready .card-open>img{height:100%;object-fit:contain}
@media(max-width:767px){.projects.mosaic{--masonry-columns:2}}
@media(max-width:479px){.projects.mosaic{--masonry-columns:1}}
.patterns-page .pattern-card:focus-visible,.pattern-nav a:focus-visible,.pattern-detail-photo:focus-visible{outline:2px solid #152447;outline-offset:4px}
.patterns-page .pattern-thumb .image-placeholder{aspect-ratio:1}
.pattern-detail-photo:disabled{cursor:default}
.pattern-similar-placeholder{width:126px;height:126px;flex:none;background:#ececef}
.back-to-patterns{display:inline-block;margin:24px 0 40px;color:#152447;font-weight:600}
.pattern-detail-info h1{overflow-wrap:anywhere}