/* Modelo de bio "Simples" — minimalista e claro. */
*,*::before,*::after{ box-sizing:border-box; }
:root{ --ink:#22201d; --muted:#8a8178; --line:#ece7e1; --bg:#faf7f3; }
html,body{ margin:0; }
.sb{
    font-family:'Inter',system-ui,sans-serif;
    color:var(--ink);
    background:var(--bg);
    min-height:100vh;
    display:grid; place-items:start center;
    padding:48px 20px 60px;
    -webkit-font-smoothing:antialiased;
}
.sb-wrap{ width:100%; max-width:420px; text-align:center; }
.sb-avatar{
    width:112px; height:112px; margin:0 auto 16px;
    border-radius:50%; overflow:hidden;
    background:color-mix(in srgb, var(--accent) 18%, #fff);
    display:grid; place-items:center;
    border:1px solid var(--line);
    box-shadow:0 8px 24px rgba(40,30,20,.08);
}
.sb-avatar img{ width:100%; height:100%; object-fit:cover; }
.sb-avatar span{ font-size:34px; font-weight:600; color:var(--accent); }
.sb-name{ font-size:23px; font-weight:600; margin:0 0 4px; letter-spacing:-.01em; }
.sb-tag{ color:var(--muted); font-size:14.5px; margin:0 auto 20px; max-width:300px; }

.sb-social{ display:flex; justify-content:center; gap:20px; margin:0 0 26px; }
.sb-social a{ color:var(--muted); transition:color .12s ease, transform .12s ease; }
.sb-social a:hover{ color:var(--accent); transform:translateY(-2px); }
.sb-social svg{ width:22px; height:22px; }

.sb-links{ display:flex; flex-direction:column; gap:12px; }
.sb-btn{
    display:block; padding:15px 18px; border-radius:12px;
    background:#fff; border:1px solid var(--line);
    color:var(--ink); text-decoration:none; font-weight:500; font-size:15px;
    transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.sb-btn:hover{ transform:translateY(-2px); border-color:var(--accent); box-shadow:0 8px 18px rgba(40,30,20,.07); }
.sb-btn--primary{ background:var(--accent); color:#fff; border-color:var(--accent); }
.sb-foot{ color:var(--muted); font-size:12px; margin-top:30px; letter-spacing:.04em; }

/* prévia do portfólio (preenche a bio quando há poucos links) */
.sb-work{ margin-top:26px; text-align:left; }
.sb-work-head{ display:flex; align-items:baseline; justify-content:space-between; margin:0 2px 10px; text-decoration:none; }
.sb-work-head span{ font-size:12px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--ink); }
.sb-work-head small{ font-size:11px; color:var(--accent); font-weight:600; }
.sb-work-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.sb-work-cell{ aspect-ratio:1; border-radius:12px; overflow:hidden; display:block; background:var(--line); }
.sb-work-cell img{ width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.sb-work-cell:hover img{ transform:scale(1.06); }