body{background:#f9f7ee}.hero .label{margin-bottom:24px}.legacy-figure{margin:32px 0 56px}.legacy-figure img{display:block;width:100%;height:auto;border-radius:10px}.legacy-figure a{display:block}.legacy-meta{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.copy h3{font-size:23px;line-height:1.3;margin-bottom:18px}.copy p+h3{margin-top:32px}.back-work{padding:32px 0 64px}.back-work a{text-decoration:none}.back-work a:hover{text-decoration:underline}@media(max-width:600px){.legacy-meta{grid-template-columns:1fr}.legacy-figure{margin:24px 0 32px}}
.design-viewer{min-width:0}.design-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.design-tabs button{padding:9px 13px;border:1px solid #deded8;background:transparent;color:#62625b;border-radius:6px;font-size:13px;cursor:pointer}.design-tabs button[aria-selected=true]{background:#252522;border-color:#252522;color:#f9f7ee}.design-tabs button:focus-visible{outline:2px solid #6048e8;outline-offset:3px}.design-panel[hidden]{display:none}.design-panel .copy{min-height:140px}.design-panel .legacy-figure{margin:24px 0 0}.design-panel .legacy-figure img{width:100%;height:480px;object-fit:contain;object-position:top;background:#f1efe7}.design-panel h3{font-size:23px}.design-panel:focus-visible{outline:1px solid #77776b;outline-offset:6px}@media(max-width:600px){.design-panel .legacy-figure img{height:320px}.design-panel .copy{min-height:0}.design-tabs{gap:6px}.design-tabs button{padding:8px 10px;font-size:12px}}
.design-panel .copy{min-height:0}.design-panel .legacy-figure{margin-top:20px}.design-panel .legacy-figure img{background:transparent;border-radius:0}
.hero{padding:64px 0 28px}.hero .label{font-size:12px;line-height:20px;margin:0 0 20px;letter-spacing:.08em}.hero h1{font-size:48px;line-height:1.1}.hero>p:not(.label){font-size:18px;line-height:29px;margin-top:20px}main>.hero+.legacy-figure{margin:12px 0 40px;text-align:center}main>.hero+.legacy-figure img{max-height:260px;width:auto;max-width:100%;margin:0 auto;object-fit:contain;border-radius:0}.design-panel .legacy-figure+.legacy-figure{margin-top:24px}@media(max-width:600px){.hero{padding:48px 0 24px}.hero h1{font-size:38px}.hero>p:not(.label){font-size:17px;line-height:27px}main>.hero+.legacy-figure img{max-height:170px}.hero .label{font-size:12px;line-height:20px}}