.project-jumps{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.project-jumps>.text-link{gap:23px}.design-section{border-bottom:1px solid var(--line);background:#f0ede5}.design-section .section-heading{margin-bottom:40px}.design-section .section-intro{max-width:410px}.design-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #d0d1c4;margin-bottom:32px}.design-tabs{display:flex;gap:32px}.design-tabs>button{position:relative;display:flex;align-items:center;gap:12px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:0 0 18px;font-size:15px;line-height:1.5;transition:color .2s,border-color .2s}.design-tabs>button[aria-selected=true]{border-bottom-color:var(--copper);color:var(--ink)}.design-tabs>button>span{display:grid;place-items:center;background:#e2e2d7;color:#747a69;border-radius:50%;min-width:25px;height:25px;font-family:Arial,sans-serif;font-size:10px}.design-tabs>button[aria-selected=true]>span{background:#a67958;color:white}.design-category{color:#929483;font-size:10px;padding-bottom:18px}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}.design-image-button{position:relative;display:block;width:100%;border:0;padding:0;aspect-ratio:16/9;background:#deddd4;overflow:hidden}.design-image-button>img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.design-image-button:hover>img{transform:scale(1.025)}.design-image-button>span{position:absolute;left:13px;bottom:13px;width:33px;height:33px;display:grid;place-items:center;background:rgba(34,42,28,.6);backdrop-filter:blur(6px);color:white;font-size:24px;border-radius:50%}.design-grid figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:13px;color:var(--ink);font-size:12px}.design-grid figcaption>small{font-size:9px;color:var(--muted)}.design-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:41px;border-top:1px solid #d0d1c4;padding-top:25px}.design-bottom>p{font-size:11px;color:var(--muted)}.design-expand{display:flex;gap:22px;align-items:center;padding:0 0 9px;border:0;border-bottom:1px solid var(--ink);background:none;font-size:12px;color:var(--ink)}.design-expand>span{font-size:22px;line-height:1}.design-expand:hover{color:var(--copper);border-color:var(--copper)}.design-noscript{font-size:13px;line-height:2;margin-top:20px}.design-noscript a{text-decoration:underline}.design-dialog-open{overflow:hidden}.design-dialog{position:fixed;inset:0;margin:0;border:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:rgba(20,25,19,.97);color:#eceee5}.design-dialog::backdrop{background:rgba(20,25,19,.97)}.design-lightbox{height:100%;display:flex;flex-direction:column;padding:26px 35px 22px}.design-lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-shrink:0}.design-lightbox-header p{font-size:10px;color:#a7b09e;margin-bottom:8px}.design-lightbox-header h2{font-size:20px;font-weight:400}.design-lightbox-header>button{display:grid;place-items:center;background:none;border:1px solid #77816d;border-radius:50%;color:white;width:42px;height:42px;font-size:29px;line-height:1}.design-lightbox-stage{flex:1;min-height:0;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:24px;padding-top:24px}.design-lightbox-stage figure{min-height:0;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.design-lightbox-stage img{max-width:100%;max-height:calc(100dvh - 180px);width:auto;height:auto;object-fit:contain}.design-lightbox-stage figcaption{font-size:12px;color:#c7cfbf;flex-shrink:0}.design-arrow{display:grid;place-items:center;width:46px;height:46px;border:1px solid #77816d;border-radius:50%;background:transparent;color:white;font-size:24px}.design-arrow:hover,.design-lightbox-header>button:hover{border-color:#d7b693;background:#ffffff0a}.design-dialog-count{text-align:center;direction:ltr;font-family:Arial,sans-serif;font-size:11px;color:#929e88;padding-top:12px;flex-shrink:0}
@media(max-width:1100px){.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}}
@media(max-width:760px){.project-jumps{gap:23px}.project-jumps>.text-link{gap:16px}.design-section .section-heading{margin-bottom:31px}.design-section .section-intro{max-width:520px}.design-toolbar{gap:15px;margin-bottom:24px}.design-tabs{gap:23px}.design-tabs>button{font-size:12px;padding-bottom:14px;gap:8px}.design-tabs>button>span{min-width:22px;height:22px;font-size:9px}.design-category{font-size:8px;padding-bottom:14px}.design-grid{gap:26px 15px}.design-grid figcaption{font-size:10px;gap:8px;padding-top:10px}.design-grid figcaption>small{font-size:8px}.design-image-button>span{left:9px;bottom:9px;width:26px;height:26px;font-size:20px}.design-bottom{margin-top:29px;padding-top:21px;gap:18px}.design-bottom>p{font-size:9px}.design-expand{font-size:10px;gap:15px}.design-expand>span{font-size:19px}.design-lightbox{padding:20px 14px}.design-lightbox-header h2{font-size:17px}.design-lightbox-header p{font-size:9px}.design-lightbox-header>button{width:37px;height:37px;font-size:26px}.design-lightbox-stage{grid-template-columns:32px minmax(0,1fr) 32px;gap:9px;padding-top:17px}.design-arrow{width:32px;height:32px;font-size:21px}.design-lightbox-stage img{max-height:calc(100dvh - 175px)}.design-lightbox-stage figcaption{font-size:10px}.design-dialog-count{font-size:10px}}
@media(max-width:480px){.design-grid{grid-template-columns:1fr;gap:25px}.design-category{display:none}.design-grid figcaption{font-size:11px}.design-grid figcaption>small{font-size:9px}.design-image-button>span{width:31px;height:31px;font-size:23px}.design-lightbox-stage{position:relative;display:flex;flex-direction:column;justify-content:center;padding-bottom:53px;gap:0}.design-lightbox-stage figure{width:100%}.design-lightbox-stage img{max-height:calc(100dvh - 210px)}.design-arrow{position:absolute;bottom:6px}.design-arrow:first-child{right:calc(50% - 52px)}.design-arrow:last-child{left:calc(50% - 52px)}}
@media(prefers-reduced-motion:reduce){.design-image-button>img{transition:none}}
