.profile{flex-direction:column;gap:28px;max-width:960px;margin:0 auto;display:flex}.profile-loading{color:var(--color-soil);opacity:.7}.profile-head{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;overflow:hidden}.profile-cover{aspect-ratio:16/5;object-fit:cover;background:var(--color-moss);width:100%;display:block}.profile-info{grid-template-columns:minmax(0,1fr);gap:12px;padding:0 20px 20px;display:grid}.profile-avatar{background:#fff;border:4px solid #fff;border-radius:50%;place-items:center;width:104px;height:104px;margin-top:-48px;display:grid;overflow:hidden}.profile-main h1{color:var(--color-soil);margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:clamp(1.5rem,5vw,2rem)}.profile-handle{color:var(--color-moss);margin:2px 0 8px;font-weight:500}.profile-bio{max-width:60ch;margin:0 0 14px;line-height:1.55}.profile-stats{flex-wrap:wrap;gap:8px 24px;margin:0;display:flex}.profile-stats div{flex-direction:column-reverse;display:flex}.profile-stats dt{text-transform:uppercase;letter-spacing:.06em;opacity:.65;font-size:12px}.profile-stats dd{margin:0;font-size:1.1rem;font-weight:600}.profile-follow{border:2px solid var(--color-moss);background:var(--color-moss);color:#fff;cursor:pointer;border-radius:999px;justify-self:start;min-width:120px;min-height:44px;padding:0 22px;font:600 15px Inter,system-ui,sans-serif}.profile-follow.is-following{color:var(--color-moss);background:0 0}.profile-follow:focus-visible,.profile-grid a:focus-visible{outline:3px solid var(--color-soil);outline-offset:2px}.profile-h2{color:var(--color-soil);margin:0 0 14px;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:1.35rem}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.profile-grid figure{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin:0;position:relative;overflow:hidden}.profile-grid img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.profile-grid figcaption{justify-content:space-between;gap:8px;padding:8px 10px;font-size:13px;display:flex}.profile-grid figcaption span:last-child{color:var(--color-tomato);font-weight:600}@media (min-width:720px){.profile-info{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:20px;padding:0 28px 24px}.profile-avatar{margin-top:-52px}.profile-main{padding-top:14px}.profile-follow{justify-self:end;margin-top:14px}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}