/* Link in bio: pagina leggera (niente script), colore del marchio in --b. */
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font:400 16px/1.45 "Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;background:#f4f4f5;color:#18181b;-webkit-font-smoothing:antialiased}
.t-scuro{background:#141414;color:#f4f4f5}
.t-colore{background:var(--b);color:#fff}
.bio-in{width:min(560px,100% - 32px);margin:0 auto;padding:40px 0 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.bio-av img,.bio-av span{width:96px;height:96px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--b);color:#fff;font-weight:700;font-size:34px;box-shadow:0 6px 18px rgba(0,0,0,.15);border:3px solid #fff}
.t-colore .bio-av span{background:rgba(255,255,255,.18)}
h1{font-size:1.4rem;margin:8px 0 0;line-height:1.25}
.bio-d{margin:0;opacity:.82;max-width:44ch}
.bio-btns{width:100%;display:grid;gap:12px;margin:14px 0 6px}
.bio-btns a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 18px;border-radius:14px;background:#fff;color:#18181b;text-decoration:none;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.06);transition:transform .15s,box-shadow .15s;position:relative}
.bio-btns a .ic{position:absolute;left:18px;color:var(--b)}
.bio-btns a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.14)}
.bio-btns a:focus-visible{outline:3px solid var(--b);outline-offset:2px}
.t-scuro .bio-btns a{background:#232326;color:#f4f4f5;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.t-colore .bio-btns a{background:rgba(255,255,255,.96)}
.bio-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:10px;border-radius:12px;overflow:hidden}
.bio-grid a{display:block;aspect-ratio:1;background:rgba(0,0,0,.08)}
.bio-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s}
.bio-grid a:hover img{opacity:.85}
.bio-f{margin-top:22px;font-size:.75rem;opacity:.7}
.bio-f a{color:inherit}
.ic{flex:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
