.case-study{padding-top:60px;padding-bottom:70px}.case-study h1{font-size:clamp(42px,6vw,76px);letter-spacing:-3px;margin:25px 0}.case-summary{max-width:720px;font-size:20px;color:var(--muted)}.demo-note{font-size:13px;color:var(--muted);max-width:750px;margin-top:20px}.case-visual{margin:40px 0 0}.case-visual img{display:block;max-width:100%;width:100%;max-height:520px;object-fit:contain;background:#e6e5dc}.case-visual figcaption{font-size:12px;color:var(--muted);margin-top:10px}.case-study .detail-columns{margin-top:40px}.project-details{padding:16px 18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.project-details a{font-size:13px;text-decoration:underline;text-underline-offset:4px;min-height:30px}.project-details small{font-size:11px;color:#53564c}.packages,.testimonials{padding-top:65px;padding-bottom:65px}.package-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.package-grid article{border:1px solid var(--line);padding:28px;display:flex;flex-direction:column}.package-grid h3{font-size:24px;letter-spacing:-.7px}.package-grid p,.package-grid li{font-size:14px;color:var(--muted)}.package-grid ul{padding-left:18px;flex:1}.package-grid li{margin-bottom:12px}.testimonial-grid figure{margin:0;border:1px solid var(--line);padding:25px}.testimonial-grid blockquote{margin:0 0 20px}.testimonial-grid figcaption{font-size:13px;color:var(--muted)}#brief-review{margin-top:30px;border-top:1px solid var(--line);padding-top:25px}#brief-review h2{font-size:25px;letter-spacing:-.6px}#brief-text{font:14px/1.65 'DM Sans',Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;background:#e9e9df;padding:20px;max-height:380px;overflow:auto}.brief-actions{display:flex;flex-wrap:wrap;gap:12px}.brief-actions .button,.brief-actions button{font-size:12px;padding:12px 14px}.brief-actions button{border:1px solid var(--ink);background:transparent;color:var(--ink)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7d2c17;outline-offset:4px}.project-image img{aspect-ratio:16/10}.page-contact .contact-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.page-contact form{min-width:0}.testimonials[hidden]{display:none}button,a{touch-action:manipulation}.menu-toggle,.filters button,.work-pagination button{min-height:44px}
@media(max-width:850px){.package-grid,.testimonial-grid{grid-template-columns:1fr}.page-contact .contact-grid{grid-template-columns:1fr}.package-grid article{padding:25px}.case-study .detail-columns{gap:30px}}
@media(max-width:650px){.case-study,.packages,.testimonials{padding-top:40px;padding-bottom:40px}.case-study h1{font-size:42px;letter-spacing:-2px;overflow-wrap:anywhere}.case-summary{font-size:17px}.case-visual{margin-top:25px}.brief-actions{flex-direction:column}.brief-actions a,.brief-actions button{width:100%;min-height:44px}.case-study .detail-columns{grid-template-columns:1fr}.page-contact .contact-email{overflow-wrap:anywhere}input,select,textarea{font-size:16px}}
.project-tools{display:grid;grid-template-columns:2fr 1fr;gap:25px;margin:0 0 28px}.project-tools label{margin:0;font-size:12px}.project-tools input,.project-tools select{margin-top:8px;border:1px solid var(--line);background:#faf9f5;padding:12px 15px;font-size:15px;min-height:48px}.project-tools input::placeholder{color:#696b62}#project-empty{padding:45px 25px;border:1px solid var(--line);text-align:center}#project-empty[hidden]{display:none}#project-empty h3{font-size:24px;font-weight:500}#project-empty p{color:var(--muted)}#reset-projects{padding:12px 20px;background:var(--ink);color:var(--paper);border:0}.project-tools input:focus-visible,.project-tools select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}@media(max-width:650px){.project-tools{grid-template-columns:1fr;gap:18px}.project-tools input,.project-tools select{font-size:16px}}
.related-work{border-top:1px solid var(--line);padding-top:45px;padding-bottom:65px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.related-grid>a{border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;transition:background .2s}.related-grid>a:hover{background:#e8e6dc}.related-grid small{font-size:9px;letter-spacing:.8px;color:var(--muted)}.related-grid h3{font-size:23px;letter-spacing:-.7px;margin:18px 0 12px}.related-grid p{font-size:14px;color:var(--muted);flex:1}.related-grid span{font-size:13px;text-decoration:underline;text-underline-offset:4px}@media(max-width:750px){.related-grid{grid-template-columns:1fr}.related-work{padding-top:35px;padding-bottom:40px}.related-grid>a{padding:23px}}