.profile-hero{background:var(--yellow);color:var(--blue);padding-bottom:64px}
.profile-intro{display:grid;grid-template-columns:1.4fr .65fr;gap:72px;align-items:center;padding-top:24px}
.profile-intro h1{font-size:clamp(2.5rem,6.8vw,6rem);margin:18px 0 28px;overflow-wrap:anywhere}
.profile-intro .lead{color:var(--blue);margin-bottom:28px;max-width:48ch}
.profile-portrait{background:var(--blue);padding:20px 20px 0;transform:rotate(3deg);max-width:360px;justify-self:end}
.profile-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover}
.profile-portrait figcaption{color:var(--yellow);padding:15px 0;font-size:.85rem}
.profile-skills{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:48px;padding-top:24px;border-top:1px solid rgb(8 24 255 / 30%);font-weight:650}
.profile-work{display:grid;grid-template-columns:1fr 1fr;gap:56px 32px}
.profile-project figure{background:var(--blue);padding:18px;overflow:hidden}
.profile-project img{width:100%;aspect-ratio:4/3;object-fit:contain;transition:transform .55s var(--motion-ease)}
.profile-project>a{display:block}.profile-project>a:hover img{transform:scale(1.025)}
.profile-project h3{margin:22px 0 10px;line-height:1.2}.profile-project p{color:var(--muted);font-size:.95rem}
.profile-project .text-link{margin-top:14px;font-size:.9rem}.profile-project .project-type{margin-top:12px;font-size:.8rem;color:var(--blue)}
.profile-experience{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.profile-experience h2{color:var(--yellow)}.experience-list{display:grid;gap:28px}
.experience-list article{border-top:1px solid rgb(255 255 255 / 40%);padding-top:22px}.experience-list h3{font-size:1.4rem;margin-bottom:12px}.experience-list p{font-size:.98rem}
.profile-contact h2{max-width:850px;margin-bottom:24px}.profile-contact p{margin-bottom:28px}.profile-more{margin-top:40px}
@media(max-width:900px){.profile-intro{gap:36px}.profile-portrait{padding:12px 12px 0}.profile-experience{gap:40px}.profile-hero .breadcrumbs{color:var(--blue)}}
@media(max-width:760px){.profile-hero{padding-bottom:40px}.profile-intro{grid-template-columns:1fr;gap:36px;padding-top:14px}.profile-intro h1{font-size:clamp(2.35rem,9.6vw,4.5rem)}.profile-portrait{width:68%;max-width:300px;justify-self:center}.profile-skills{margin-top:38px;gap:10px 22px;font-size:.9rem}.profile-work{grid-template-columns:1fr;gap:36px}.profile-project figure{padding:12px}.profile-experience{grid-template-columns:1fr;gap:32px}.profile-project h3{font-size:1.5rem}.profile-hero .breadcrumbs{padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.profile-project img{transition:none}.profile-project>a:hover img{transform:none}}