:root{--black:#0d0908;--cream:#f0e7da;--gold:#d99b49;--muted:#b9aa98}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--black)}
body{color:var(--cream);font-family:Inter,Arial,sans-serif}
main{min-height:100svh;display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(420px,.95fr);overflow:hidden}
.portrait{position:relative;min-height:100svh;background:#17100e}
.portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,var(--black)),linear-gradient(0deg,rgba(13,9,8,.18),transparent 35%);pointer-events:none}
.portrait img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 20%}
.content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(48px,7vw,112px);isolation:isolate}
.content::before{content:"MD";position:absolute;right:-.08em;bottom:-.26em;z-index:-1;font:600 clamp(16rem,32vw,34rem)/1 Oswald,sans-serif;color:rgba(217,155,73,.045);letter-spacing:-.08em}
.place,.role{margin:0;text-transform:uppercase;letter-spacing:.28em;font-size:.75rem;font-weight:600}.place{color:var(--gold)}
h1{font:600 clamp(5rem,10vw,10rem)/.78 Oswald,sans-serif;letter-spacing:-.055em;text-transform:uppercase;margin:28px 0 24px}
h1 span{display:block;color:transparent;-webkit-text-stroke:1.5px var(--cream)}
.role{color:var(--muted);margin-bottom:58px}
.album{display:block;width:min(100%,540px);padding:26px 0;border-top:1px solid rgba(240,231,218,.28);border-bottom:1px solid rgba(240,231,218,.28);color:inherit}
.album strong{display:block;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:600;margin-bottom:12px}.platform-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.platform-links a{color:var(--muted);font-size:.88rem;text-decoration:none;border:1px solid rgba(240,231,218,.24);border-radius:999px;padding:7px 12px;transition:.2s}.platform-links a:hover,.platform-links a:focus-visible{color:var(--black);background:var(--gold);border-color:var(--gold)}.platform-links span{margin-left:2px}
.bio-link{margin-top:34px;display:inline-flex;align-items:center;gap:42px;padding:15px 20px;background:var(--gold);color:var(--black);text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:600}.bio-link:hover,.bio-link:focus-visible{background:var(--cream)}
@media(max-width:800px){main{display:block;min-height:100svh;position:relative}.portrait{position:absolute;inset:0;min-height:0}.portrait::after{background:linear-gradient(0deg,var(--black) 7%,rgba(13,9,8,.9) 35%,rgba(13,9,8,.08) 72%),linear-gradient(90deg,rgba(13,9,8,.35),transparent 60%)}.portrait img{object-position:center 14%}.content{min-height:100svh;justify-content:flex-end;padding:42vh 24px 44px}.content::before{display:none}.place{font-size:.7rem}h1{font-size:clamp(4.6rem,24vw,7rem);margin:20px 0 16px}.role{margin-bottom:30px}.album{padding:18px 0}.bio-link{margin-top:24px}}
@media(max-width:380px){.content{padding-left:18px;padding-right:18px}h1{font-size:4.3rem}}