.design{padding-block:90px;border-bottom:1px solid var(--line)}
.design-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:38px}
.design h2 span{color:var(--orange)}
.design-copy p{font-size:17px;color:#575e5b;margin-bottom:14px}
.design-copy .text-link{margin-top:3px}
.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 25px}
.design-card{min-width:0}
.design-preview{display:block;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#eeeee7;transition:transform .2s,box-shadow .2s}
.design-preview:hover{transform:translateY(-4px);box-shadow:0 12px 26px #20272913}
.design-preview img{display:block;width:100%;aspect-ratio:1.55;object-fit:contain;object-position:center;height:auto}
.design-caption{display:flex;justify-content:space-between;gap:12px;margin-top:12px;align-items:baseline}
.design-caption h3{font-size:17px;letter-spacing:-.35px}
.design-caption span{font-size:18px;color:var(--orange)}
.design-card p{font-size:14px;color:#626864;margin-top:2px}
.design-more{margin-top:34px}
.design-more summary{cursor:pointer;width:fit-content;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:6px;padding-block:8px}
.design-more summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.design-more[open] .design-grid{margin-top:25px}
.design-aftercare{margin-top:35px;padding-top:25px;border-top:1px solid var(--line);font-size:16px;color:#575e5b}
.design-aftercare strong{color:var(--ink)}
.design-dialog{padding:0;border:1px solid var(--line);border-radius:8px;width:min(1100px,calc(100% - 32px));max-height:90vh;background:var(--paper);color:var(--ink)}
.design-dialog::backdrop{background:#152022c9}
.design-dialog-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 22px;background:var(--paper);border-bottom:1px solid var(--line)}
.design-dialog h3{font-size:19px}
.design-dialog button{font:600 14px 'DM Sans',sans-serif;color:var(--ink);background:none;border:1px solid var(--line);border-radius:4px;padding:10px 16px;cursor:pointer}
.design-dialog button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.design-dialog>img{display:block;width:100%;height:auto}
body:has(.design-dialog[open]){overflow:hidden}
@media(max-width:1000px){.design-intro{gap:36px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.design{padding-block:58px}.design-intro{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.design-copy p{font-size:16px}.design-grid{grid-template-columns:1fr;gap:26px}.design-dialog-head{padding:12px}.design-dialog h3{font-size:17px}.design-caption h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.design-preview{transition:none}.design-preview:hover{transform:none}}