/* The design collection and its on-page screenshot viewer. */
.design-catalogue{padding-top:145px}.catalogue-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end;padding-bottom:65px}.catalogue-intro h1{font-size:clamp(38px,4.2vw,61px);line-height:1.1;letter-spacing:-.045em;margin:0}.catalogue-intro h1 span{color:var(--accent)}.catalogue-intro p{color:#626a7a;font-size:17px;line-height:1.8}.catalogue-browse-link{color:var(--ink);display:inline-flex;gap:25px;align-items:center;text-decoration:none;border-bottom:1px solid;padding-bottom:7px;margin-top:12px}.catalogue-controls{border-top:1px solid #e0e4ed;padding:24px 0 32px}.design-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.design-filter{font:inherit;font-size:13px;border:1px solid transparent;background:transparent;color:#596274;padding:11px 15px;border-radius:7px;cursor:pointer}.design-filter.active{background:var(--accent);color:#fff}.catalogue-search-row{display:flex;justify-content:space-between;gap:20px}.design-search{width:350px;max-width:100%}.design-search input{font:inherit;font-size:13px;padding:12px 15px;width:100%;border:1px solid #d8dfea;border-radius:7px;background:#fff;color:#222b3b}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px}.design-card{min-width:0}.design-art{padding:25px 18px 0;background:var(--design-bg);border-radius:13px;position:relative;overflow:hidden}.design-open{color:inherit;text-decoration:none;width:100%;padding:0;display:block;border:0;background:white;border-radius:7px 7px 0 0;overflow:hidden;cursor:pointer;box-shadow:0 4px 17px #25385815}.design-open img{width:100%;height:auto;display:block;aspect-ratio:1280/850;object-fit:cover}.design-browser-bar{height:16px;display:flex;gap:3px;align-items:center;padding-left:7px;background:#fff}.design-browser-bar i{width:3px;height:3px;border-radius:50%;background:#b8bfca}.design-card-copy{padding:20px 0 0}.design-industry{font-size:11px!important;letter-spacing:.06em;text-transform:uppercase;color:#626a7a;margin-bottom:7px!important}.design-card-copy h2{font-size:26px;letter-spacing:-.035em;margin:0 0 8px}.design-card-copy p{font-size:13px;color:#626a7a;line-height:1.6;margin:0}.design-card-actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e4e7ee;margin-top:19px;padding-top:15px}.design-card-actions a,.design-card-actions .design-view{display:inline-flex;gap:7px;align-items:center;font:600 11px var(--font-body,sans-serif);text-decoration:none;color:var(--accent);background:none;border:0;padding:4px 0;cursor:pointer}.design-card-actions .design-view{color:#333c4c}.catalogue-empty{text-align:center;padding:65px 20px}.catalogue-empty button{padding:12px 20px;border:0;background:var(--accent);color:white;border-radius:6px;cursor:pointer}.catalogue-how{margin-top:85px;margin-bottom:90px;border-top:1px solid #dce1eb;padding-top:45px;display:grid;grid-template-columns:1fr 2fr;gap:65px}.catalogue-how h2{font-size:37px;line-height:1.15;letter-spacing:-.04em}.catalogue-how h2 span{color:var(--accent)}.catalogue-how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.catalogue-how h3{font-size:16px;margin-bottom:12px}.catalogue-how p{color:#626a7a;font-size:13px;line-height:1.7}.design-catalogue button:focus-visible,.design-catalogue a:focus-visible,.design-catalogue input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.catalogue-intro{grid-template-columns:1fr;gap:20px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-how{grid-template-columns:1fr;gap:20px}}@media(max-width:600px){.design-catalogue{padding-top:115px}.catalogue-intro{padding-bottom:35px}.catalogue-intro p{font-size:15px}.design-filter{font-size:11px;padding:10px}.design-grid{grid-template-columns:1fr;gap:35px}.catalogue-search-row{gap:8px}.design-search{max-width:100%}.catalogue-how{margin:55px auto}.catalogue-how>div{grid-template-columns:1fr;gap:15px}.catalogue-how h2{font-size:32px}.design-card-actions a,.design-card-actions .design-view{font-size:12px}}

.preview-unavailable{cursor:default}.design-view.preview-unavailable{color:#626a7a}.design-art .preview-unavailable{cursor:default}

.catalogue-browse-link svg,.design-card-actions svg{width:19px;height:19px}.design-card[hidden],.catalogue-empty[hidden]{display:none!important}