.design-section{padding-top:90px;padding-bottom:95px;border-top:1px solid var(--line)}.design-intro{max-width:650px;font-size:14px;line-height:1.8;color:var(--muted);margin:-12px 0 28px}.design-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.design-filters button{border:1px solid var(--line);background:white;border-radius:30px;padding:11px 18px;font-size:11px}.design-filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px}.design-card[hidden]{display:none}.design-card button{width:100%;aspect-ratio:1.55;position:relative;padding:0;border:0;background:#f1f1ed;overflow:hidden;display:block}.design-card img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.design-card button:hover img{transform:scale(1.025)}.design-expand{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:white;color:#111;box-shadow:0 1px 12px #0002;font-size:23px}.design-card h3{font-size:20px;font-weight:500;letter-spacing:-.5px}.design-download{display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:45px;padding-top:30px}.design-download p{font-size:13px;color:var(--muted);margin-right:auto}.design-download .text-link{margin-top:0}#design-viewer{max-width:1250px}.design-full{background:#f5f5f2}.design-full img{display:block;width:100%;height:auto}.design-modal-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:25px}.design-modal-bottom .text-link{margin:0}.design-modal-bottom .pill{padding:12px 17px;font-size:11px}@media(max-width:580px){.design-section{padding-top:60px;padding-bottom:60px}.design-grid{grid-template-columns:1fr;gap:30px}.design-intro{font-size:13px}.design-filters{gap:7px}.design-filters button{font-size:10px;padding:10px 12px}.design-download{gap:20px}.design-download p{width:100%}.design-modal-bottom{flex-wrap:wrap}.design-modal-bottom .text-link{order:3;width:100%;text-align:center}.nav nav{gap:16px}.nav nav>a:nth-child(2){display:inline}.nav nav>a:nth-child(3){display:none}}
