.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,26%);gap:clamp(18px,2.4vw,32px);align-items:start}
.infobox{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px var(--shadow);position:sticky;top:14px}
.infobox-title{font-family:var(--head);background:var(--shell);color:var(--gold);font-size:1.15rem;margin:0;padding:.7rem 1rem;line-height:1.2;border-radius:var(--radius) var(--radius) 0 0}
.infobox-media{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--shell)}
.infobox-caption{font-size:.78rem;color:#777;padding:.45rem .9rem;margin:0;border-bottom:1px solid var(--line)}
.infobox dl{margin:0;padding:.4rem 0}
.infobox dt{font-family:var(--head);font-size:.74rem;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);padding:.55rem 1rem 0 1rem}
.infobox dd{margin:0;padding:.1rem 1rem .55rem 1rem;font-size:.92rem;color:var(--muted);border-bottom:1px solid var(--line)}
.infobox dd:last-child{border-bottom:0}
.infobox dd a{color:var(--accent);text-decoration:none}
.infobox dd a:hover{text-decoration:underline}
@media(max-width:900px){
.profile-layout{grid-template-columns:1fr}
.infobox{position:static;order:-1}
}