.design-portfolio{padding-top:75px}.design-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:35px}.design-heading h3{font-size:36px;letter-spacing:-1.5px;line-height:1.15;margin:0}.design-heading .eyebrow{margin-bottom:15px}.design-heading>p{font-size:15px;color:#62625d;line-height:1.8;max-width:480px;margin-bottom:0}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.design-card{border:1px solid #d2c39a;border-radius:20px;overflow:hidden;background:#fffdf6;box-shadow:0 8px 28px #4e42100a;min-width:0}.design-cover{display:block;background:#fff;position:relative;padding:22px 22px 47px;aspect-ratio:1/1.05;overflow:hidden}.design-cover img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.design-cover:hover img{transform:scale(1.035)}.design-view{position:absolute;bottom:0;left:0;right:0;background:#191a17;color:#f8df7b;display:flex;justify-content:space-between;align-items:center;padding:11px 18px;font-size:11px;font-weight:600;letter-spacing:.5px}.design-view>span{font-size:18px}.design-card-copy{padding:23px}.design-category{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#7e661d}.design-card h4{font-family:Manrope,Arial,sans-serif;font-size:21px;letter-spacing:-.6px;margin:12px 0}.design-card p{color:#62625d;font-size:13px;line-height:1.75;margin-bottom:20px}.design-variants{display:flex;flex-wrap:wrap;gap:8px}.design-variants a{font-size:10px;padding:8px 10px;border:1px solid #d2c39a;border-radius:20px;background:#fbf4d8;transition:background .2s}.design-variants a:hover{background:#ffca05}.design-footnote{color:#76705d;font-size:11px;line-height:1.7;margin:22px 0 0}.design-viewer{position:fixed;inset:0;width:min(1100px,calc(100vw - 32px));height:min(94vh,1100px);max-width:none;max-height:none;padding:0;border:1px solid #d5bd68;border-radius:20px;background:#171815;color:#fff;box-shadow:0 24px 100px #0008;overflow:hidden}.design-viewer[open]{display:flex;flex-direction:column}.design-viewer::backdrop{background:#080a09e8;backdrop-filter:blur(5px)}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:18px;border-bottom:1px solid #4d482f}.viewer-toolbar p{margin:0;font-size:14px;line-height:1.5;color:#eee6c9}.design-viewer button{border:1px solid #7d6a2d;background:#262720;color:#fff1b6;padding:10px 14px;border-radius:10px;font-size:12px;cursor:pointer;white-space:nowrap}.design-viewer button:hover{background:#ffca05;color:#111}.viewer-close span{font-size:20px;margin-left:10px}.viewer-image-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:14px;background:#fff}.viewer-image-wrap img{width:100%;height:100%;object-fit:contain}.viewer-navigation{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:15px}.viewer-navigation span{font-size:12px;color:#d3cda9}.design-grid a:focus-visible{outline:3px solid #ba8500;outline-offset:-4px}@media(max-width:950px){.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.design-portfolio{padding-top:50px}.design-heading{grid-template-columns:1fr;gap:20px}.design-heading h3{font-size:30px}.design-grid{grid-template-columns:1fr;gap:25px}.design-cover{aspect-ratio:1/1;max-height:390px}.design-card-copy{padding:22px}.viewer-toolbar{padding:12px;gap:10px}.viewer-toolbar p{font-size:12px}.design-viewer{width:calc(100vw - 16px);height:92dvh;border-radius:14px}.viewer-navigation{padding:12px}.viewer-image-wrap{padding:8px}.design-viewer button{padding:9px 11px}.design-cover:hover img{transform:none}}@media(prefers-reduced-motion:reduce){.design-cover img,.design-variants a{transition:none}}
.viewer-toolbar p{flex:1}.viewer-toolbar>a{font-size:12px;color:#fff1b6;text-decoration:underline;white-space:nowrap;text-underline-offset:3px}