/* Illumagram — a fictional photo-sharing app. */
:root{--ink:#121212;--body:#4b4b4b;--muted:#8e8e8e;--line:#dbdbdb;--page:#fff;--accent:#d6336c}
body{background:var(--page);color:var(--ink)}a{color:#2f6ed6}
.top{border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--page);z-index:10}
.top .in{max-width:960px;margin:0 auto;padding:11px clamp(12px,3vw,20px);display:flex;align-items:center;gap:16px}
.mark{font-family:Georgia,serif;font-size:23px;letter-spacing:-.01em;background:linear-gradient(120deg,#d6336c,#f08c00);-webkit-background-clip:text;background-clip:text;color:transparent}
.top .search input{border:1px solid var(--line);background:#fafafa;border-radius:8px;padding:7px 12px;font:inherit;font-size:13.5px;width:min(230px,32vw);color:var(--muted)}
.top .ico{margin-left:auto;display:flex;gap:18px;font-size:19px;color:var(--ink)}
.shell{max-width:960px;margin:0 auto;padding:26px clamp(12px,3vw,20px) 40px}
.bio{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,5vw,70px);align-items:center;margin-bottom:34px}
.bio .face{width:clamp(84px,15vw,150px);height:clamp(84px,15vw,150px);border-radius:50%;font-size:clamp(28px,5vw,46px);background:linear-gradient(135deg,#d6336c,#f08c00)}
.bio .handle{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}
.bio h1{font-size:20px;font-weight:400;margin:0}
.bio .btn{border:1px solid var(--line);background:#efefef;border-radius:8px;padding:6px 16px;font-size:13.5px;font-weight:600}
.bio .stats{display:flex;gap:28px;margin-bottom:14px;font-size:15px}
.bio .stats b{font-weight:700}
.bio .name{font-weight:700;font-size:14.5px;margin:0 0 3px}
.bio p{margin:0;font-size:14.5px;line-height:1.5;color:var(--body)}
.tabs{display:flex;justify-content:center;gap:56px;border-top:1px solid var(--line);margin-bottom:3px}
.tabs span{padding:15px 0;font-size:12px;font-weight:700;letter-spacing:.09em;color:var(--muted)}
.tabs span.on{color:var(--ink);box-shadow:inset 0 1px 0 var(--ink)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.grid div{aspect-ratio:1}
.about-body{background:var(--page);color:var(--ink)}