/* v1.2 additions */
.profile-panel{
  margin:3rem 0 1rem;padding:2rem;
  border:1px solid rgba(20,55,75,.14);border-radius:16px;
  background:rgba(255,255,255,.72);
}
.profile-name{font-size:clamp(1.6rem,3vw,2.35rem);letter-spacing:.08em;margin:0 0 .25rem}
.profile-role{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;opacity:.65;margin-bottom:1.5rem}
.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem}
.profile-item small{display:block;letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin-bottom:.25rem}
.dev-template{margin:3rem 0;padding:2rem;border:1px solid rgba(20,55,75,.14);border-radius:16px;background:rgba(255,255,255,.72)}
.dev-template h2{margin-top:0}
.dev-template .template-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;opacity:.65;margin-bottom:1.5rem}
.dev-template .template-section{padding:1rem 0;border-top:1px solid rgba(20,55,75,.10)}
.dev-template .template-section h3{margin:.15rem 0 .5rem;font-size:1rem;letter-spacing:.06em}
.dev-template .placeholder{opacity:.48}
@media(max-width:700px){.profile-grid{grid-template-columns:1fr}.profile-panel,.dev-template{padding:1.35rem}}