.site-search{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 10px;background:var(--wash);border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:11px;margin:0 0 12px;gap:5px}.site-search kbd{font:9px monospace;white-space:nowrap;border:1px solid var(--line);border-radius:4px;padding:1px 4px}.mobile-search{margin-left:auto;margin-right:17px;font-size:20px}.category-filters,.project-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 25px}.filter-chip{font-size:10px;padding:6px 11px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--muted);transition:.2s}.filter-chip:hover{color:var(--ink);border-color:var(--muted)}.filter-chip.selected{color:var(--bg);background:var(--ink);border-color:var(--ink)}.filter-chip span{opacity:.6;margin-left:5px}.project[hidden]{display:none}.stack-controls{margin-bottom:18px}.category-filters{margin-bottom:35px}.brief-actions{display:flex;gap:8px;align-items:center}.brief-actions button{flex:1}.brief-actions .pill{margin-top:10px;font-size:12px}.command-dialog{width:min(570px,92vw);padding:0;overflow:hidden;box-shadow:0 25px 100px #0003}.command-top{display:flex;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);gap:12px}.command-input{margin:0;border:0;background:transparent;padding:12px 0;outline:none!important;flex:1;font-size:14px;min-width:0}.command-top button{border:1px solid var(--line);border-radius:5px;font:10px monospace;color:var(--muted);padding:4px 6px}.command-results{padding:8px;max-height:360px;overflow-y:auto}.command-label{font:9px monospace;letter-spacing:1px;text-transform:uppercase;color:var(--muted);padding:10px 10px 5px}.command-item{width:100%;display:flex;align-items:center;text-align:left;padding:11px 12px;border-radius:9px;font-size:12px;gap:12px}.command-item.active{background:var(--wash);outline:1px solid var(--line)}.command-item small{margin-left:auto;color:var(--muted);font:9px monospace}.command-item .command-symbol{width:22px;color:var(--muted);text-align:center}.command-help{display:flex;justify-content:space-between;padding:11px 18px;border-top:1px solid var(--line);font:10px monospace;color:var(--muted);background:var(--wash)}.command-empty{padding:25px;text-align:center;color:var(--muted);font-size:12px}.filter-summary{font-size:11px;color:var(--muted)}#filter-summary{display:block;margin-bottom:9px}@media(max-height:800px) and (min-width:761px){aside .nav a{padding-top:7px;padding-bottom:7px}.nav small{padding-top:12px}.nav .contact{margin-bottom:15px}aside{padding-top:20px}.brand{padding-bottom:18px}}@media(max-width:760px){.command-help{font-size:8px}.command-dialog{max-height:80vh}.category-filters{gap:6px}.filter-chip{padding:6px 10px}.brief-actions{flex-wrap:wrap}.brief-actions button{min-width:130px}}

.service-link{display:inline-block;margin-top:13px;font-size:11px;color:var(--green);text-decoration:underline;text-underline-offset:4px}.tripod-referral{border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:18px;background:var(--panel)}.tripod-referral .tiny{color:var(--muted);font-size:9px}.tripod-referral h3{font-size:26px;letter-spacing:-1px;margin-top:12px}.tripod-referral p{font-size:12px;color:var(--muted)}.tripod-referral .dark-button{display:inline-block;margin-right:18px}.tripod-referral p:first-of-type{font-size:15px;color:var(--ink)}

.website-service{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:13px;background:var(--wash)}.website-service .tiny{font-size:9px;color:var(--muted)}.website-service h3{font-size:14px;margin:9px 0}.website-service p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.website-service .service-link{margin-top:10px}.contact-box+.tripod-referral{margin-top:18px}.contact-box+.tripod-referral h3{font-size:20px}.contact-box+.tripod-referral .dark-button{background:var(--panel);color:var(--ink);border:1px solid var(--line)}

.principles .principle-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:7px;line-height:1}.principles .principle-icon .ui-svg{width:21px;height:21px;vertical-align:0}@media(max-width:400px){.principles .principle-icon .ui-svg{width:17px;height:17px}}
.principle-icon svg{overflow:visible;transform-box:fill-box;transform-origin:center}.principle-design svg{animation:micode-design 4.8s ease-in-out infinite}.principle-develop svg{animation:micode-develop 4.8s ease-in-out .6s infinite}.principle-deliver svg{animation:micode-deliver 4.8s ease-in-out 1.2s infinite}.principle-design svg path{stroke-dasharray:110;stroke-dashoffset:0;animation:micode-ink 4.8s ease-in-out infinite}
@keyframes micode-design{0%,15%,65%,100%{transform:translate(0,0) rotate(0)}28%{transform:translate(-1px,1px) rotate(-9deg)}40%{transform:translate(1px,-1px) rotate(7deg)}52%{transform:translate(-1px,0) rotate(-5deg)}}
@keyframes micode-ink{0%,15%,65%,100%{stroke-dashoffset:0}30%{stroke-dashoffset:30}50%{stroke-dashoffset:0}}
@keyframes micode-develop{0%,20%,65%,100%{transform:scale(1);opacity:1}35%{transform:scale(.87);opacity:.65}48%{transform:scale(1.09);opacity:1}58%{transform:scale(.98)}}
@keyframes micode-deliver{0%,20%,70%,100%{transform:translate(0,0)}30%{transform:translate(-1px,1px)}44%{transform:translate(3px,-3px)}54%{transform:translate(1px,-1px)}62%{transform:translate(2px,-2px)}}
@media(prefers-reduced-motion:reduce){.principle-icon svg,.principle-icon svg path{animation:none!important;transform:none!important;stroke-dashoffset:0!important}}