/* Satin surfaces use static CSS; the project imagery carries the colour. */
:root{--metal:#eeefea;--metal-rule:rgba(27,31,26,.18);--metal-surface:radial-gradient(ellipse at 24% -40%,#ffffffb8,transparent 64%),repeating-linear-gradient(0deg,#ffffff08 0 1px,#161d1504 1px 2px,transparent 2px 4px),linear-gradient(105deg,#e8eae5,#f8f8f4 47%,#e2e5df)}
.site-nav,.studio-chrome{background:var(--metal-surface);backdrop-filter:none;border-bottom-color:var(--metal-rule);box-shadow:inset 0 1px #fff9,0 1px 0 #ffffff78}
.nav-links.is-open,.studio-links.is-open{background:var(--metal-surface)}
.action:not(.primary){background:linear-gradient(140deg,#ffffff80,#e2e5df60);border-color:var(--metal-rule);box-shadow:inset 0 1px #fff9,0 1px 2px #14141008}
.action:not(.primary):hover{background:#e4e7e0;color:var(--ink)}
.laptop .screen img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain}
.site-footer{display:block;border-top:1px solid var(--metal-rule);padding:58px clamp(20px,4vw,64px) 24px;background:var(--metal-surface);box-shadow:inset 0 1px #fffc;font:14px/1.5 Archivo,system-ui,sans-serif}
.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1440px;margin:auto}.footer-brand{font:56px/.95 'Instrument Serif',Georgia,serif;letter-spacing:-.02em;text-decoration:none;max-width:260px;align-self:start}.footer-group{display:flex;flex-direction:column;align-items:start;gap:0}.footer-group h2{font:12px 'Space Mono',monospace;margin:0 0 12px;color:#62675e}.site-footer a,.site-footer button{min-height:44px;color:var(--ink);text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer button{padding:0;border:0;background:transparent;font:inherit;cursor:pointer;text-align:left}.footer-bottom{max-width:1440px;margin:42px auto 0;padding-top:18px;padding-right:80px;border-top:1px solid var(--metal-rule);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#62675e;font:11px/1.5 'Space Mono',monospace}.footer-bottom>a{color:#62675e}.footer-projects{max-width:1440px;margin:32px auto 0;border-top:1px solid var(--metal-rule)}.footer-projects summary{min-height:48px;display:list-item;align-content:center;cursor:pointer;font-size:13px}.footer-project-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 24px;margin:10px 0 26px}.footer-project-links a{font-size:13px;display:flex;align-items:center;gap:10px;min-width:0;line-height:1.3}.agent-skill-line{font:14px/1.6 Archivo,system-ui,sans-serif;max-width:630px;margin:25px 0 0;color:#575b52}.agent-skill-line button{font:inherit;color:var(--blue);border:0;padding:0 0 2px;background:transparent;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px}.service-logos{display:flex;align-items:center;flex-wrap:wrap;gap:20px 28px;margin:26px 0}.service-logos a{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font:13px Archivo,system-ui,sans-serif;min-height:44px}.service-logos img{width:24px;height:24px;object-fit:contain}.service-logos .wide{width:48px}
@media(max-width:650px){.footer-main{grid-template-columns:1fr 1fr;gap:30px 18px}.footer-brand{grid-column:1/-1;font-size:48px}.footer-project-links{grid-template-columns:1fr 1fr;gap:0 16px}.site-footer{padding-bottom:90px}.agent-skill-line{font-size:13px;max-width:340px}}
