.profile-page{background:radial-gradient(circle at 16% 10%, #7f7f7f21, transparent 36%), var(--white);min-height:100vh;padding:calc(var(--nav-height) + 1rem) 1rem 1rem}.page{border:1px solid var(--rule);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;max-width:1120px;margin:0 auto;animation:.75s forwards pageIn;transform:translateY(16px)}.layout{grid-template-columns:350px 1fr;display:grid}.sidebar{border-right:1px solid var(--rule);background:var(--panel);padding:1.6rem;animation:.8s 80ms both sideIn}.image-placeholder{aspect-ratio:3/4;border:1px dashed var(--ink4);background:linear-gradient(150deg, var(--off), transparent);place-items:center;width:100%;margin-bottom:1.3rem;display:grid;position:relative;overflow:hidden}.image-placeholder.profile-avatar{background:0 0;border-style:solid}.profile-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.name{font-family:var(--font-fraunces), serif;letter-spacing:-.03em;margin-bottom:.5rem;font-size:2.2rem;font-weight:300;line-height:.95}.role{letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:1.1rem;font-size:.58rem}.key{border-top:1px solid var(--rule);gap:.65rem;padding-top:.9rem;display:grid}.key-row{grid-template-columns:88px 1fr;gap:.7rem;font-size:.64rem;line-height:1.5;display:grid}.key-row span:first-child{color:var(--ink3);text-transform:uppercase;letter-spacing:.08em}.main-col{padding:1.8rem 1.8rem 2rem;animation:.8s .15s both contentIn}.p-hero{border-bottom:1px solid var(--rule);margin-bottom:1.2rem;padding-bottom:1.2rem}.headline{font-family:var(--font-fraunces), serif;letter-spacing:-.03em;margin-bottom:.7rem;font-size:2rem;font-weight:300;line-height:1.03}.summary{color:var(--ink2);font-size:.74rem;line-height:1.9}.blocks{border:1px solid var(--rule);border-bottom:none;grid-template-columns:1fr 1fr;gap:0;display:grid}.block{border-bottom:1px solid var(--rule);padding:1rem;transition:background .25s,transform .25s}.block:nth-child(odd){border-right:1px solid var(--rule)}.block:hover{background:var(--panel);transform:translateY(-2px)}.block h3{letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:.5rem;font-size:.56rem;font-weight:400}.block p{color:var(--ink2);font-size:.68rem;line-height:1.75}.timeline{border-top:1px solid var(--rule);margin-top:1.2rem;position:relative}.event{border-bottom:1px solid var(--rule);grid-template-columns:95px 1fr;gap:.8rem;padding:.9rem 0;transition:background .22s;display:grid}.event:hover{background:var(--panel)}.event-year{letter-spacing:.09em;text-transform:uppercase;color:var(--ink3);font-size:.58rem}.event-text{color:var(--ink2);font-size:.68rem;line-height:1.75}.contact{flex-wrap:wrap;gap:.8rem;margin-top:1.2rem;display:flex}.pill{letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);border:1px solid var(--rule);padding:.45rem .65rem;font-size:.57rem;text-decoration:none;transition:border-color .2s,color .2s,transform .2s,background .2s}.pill:hover{color:var(--ink);border-color:var(--ink3);background:var(--panel);transform:translateY(-1px)}@keyframes pageIn{to{opacity:1;transform:translateY(0)}}@keyframes sideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes contentIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@media (max-width:930px){.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--rule)}.image-placeholder{max-width:330px}.blocks{grid-template-columns:1fr}.block:nth-child(odd){border-right:none}}@media (max-width:640px){.profile-page{padding:calc(var(--nav-height) + .6rem) .6rem .6rem}.sidebar{padding:1rem}.name{font-size:1.6rem}.headline{font-size:1.4rem}.role{margin-bottom:.8rem}.main-col{padding:1rem}.image-placeholder{max-width:100%}.key-row{grid-template-columns:1fr;gap:.2rem}.event{grid-template-columns:1fr;gap:.3rem}.contact{flex-direction:column;align-items:stretch}.pill{text-align:center}}
