*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--brand:#a3e8a1;--brand-dark:#7dd97b;--bg:#fff;--surface:#f5f5f5;--border:#e5e5e5;--muted:#ccc;--text-secondary:#666;--text:#000;--radius:14px;--max-w:1145px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);flex-direction:column;align-items:center;min-height:100vh;font-family:Helvetica,Arial,sans-serif;display:flex}.container{width:100%;max-width:var(--max-w);padding:0 20px 60px}@media (width<=1144px){.container{padding:0 32px 60px}.container .banners{margin-left:-32px;margin-right:-32px}}@media (width<=600px){.container{padding:0 32px 60px}.container .banners{margin-left:-32px;margin-right:-32px}.hero{gap:12px;padding:36px 0 24px}.hero__avatar{width:100px;height:100px}.hero__avatar-placeholder svg{width:48px;height:48px}}.container .banners{margin-left:-20px;margin-right:-20px}.hero{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 0 32px;display:flex}.hero__avatar{border:3px solid var(--brand);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;overflow:hidden}.hero__avatar img{object-fit:cover;width:100%;height:100%}.hero__avatar-placeholder{background:var(--surface);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hero__avatar-placeholder svg{width:67px;height:67px;fill:var(--muted)}.hero__name{letter-spacing:.5px;font-family:Playfair Display,Georgia,serif;font-size:clamp(22px,4vw,36px);font-weight:300}.hero__bio{color:var(--text-secondary);max-width:480px;font-size:clamp(14px,2vw,20px);line-height:1.6}.social{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:36px;display:flex}.social__link{border:1.5px solid var(--brand);background:linear-gradient(135deg,#968f89,#524e4b);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;transition:transform .18s,opacity .18s;display:flex}.social__link:hover{opacity:.85;transform:scale(1.08)}.social__link svg,.social__link svg path{width:20px;height:20px;transition:fill .18s;fill:var(--brand)!important}.social__link:hover svg,.social__link:hover svg path{fill:#000!important}.banners{flex-direction:column;gap:14px;margin-bottom:36px;display:flex}.banner{border-radius:var(--radius);border:1.5px solid var(--border);width:100%;text-decoration:none;transition:transform .22s,box-shadow .22s;display:block;overflow:hidden}.banner:hover{border-color:var(--brand);transform:scale(1.03);box-shadow:0 12px 32px #a3e8a14d}.banner__img{aspect-ratio:1145/425;object-fit:cover;width:100%;display:block}.banner__placeholder{aspect-ratio:2.5;background:var(--surface);justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.banner__placeholder span{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;font-size:13px;font-weight:600}.banner__placeholder svg{width:22px;height:22px;fill:var(--muted)}footer{border-top:1.5px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:10px;padding-top:36px;display:flex}.footer__tagline{color:var(--text-secondary);font-size:clamp(13px,1.6vw,18px)}.footer__copy{color:var(--muted);font-size:clamp(12px,1.4vw,17px)}