:root{
  --ink:#1c1a24; --muted:#7a7690; --acc:#ff5dd6; --acc-deep:#c02da4;
  --bg:#fdfcff; --bg2:#faf7ff; --line:#eeeaf6; --chip:#fff0fb;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:"Zen Kaku Gothic New",sans-serif;line-height:1.75}
.rock{font-family:"RocknRoll One","Zen Kaku Gothic New",sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:0 22px}
a{color:inherit}
header{padding:20px 0}
.brand{font-size:21px;font-weight:900;text-decoration:none}
.brand b{color:var(--acc)}
.bc{font-size:12px;color:var(--muted);margin:8px 0 26px}
.bc a{color:var(--muted)}
.sec-label{font-size:11px;letter-spacing:.32em;color:var(--acc);font-weight:700;text-transform:uppercase}
.profile{display:flex;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;
  padding:24px;margin:10px 0 40px;box-shadow:0 12px 36px rgba(148,93,214,.10)}
.profile img{width:110px;height:110px;object-fit:cover;object-position:top;border-radius:50%;border:3px solid var(--acc);flex-shrink:0}
.profile h1{font-size:26px;margin-bottom:6px}
.profile .bio{font-size:13.5px;color:var(--muted)}
.profile .bio a{color:var(--acc-deep);font-weight:700}
.sec-title{font-size:21px;margin-bottom:16px}
.works{display:flex;flex-direction:column;gap:16px;margin-bottom:56px}
.work{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  text-decoration:none;transition:transform .2s,box-shadow .2s}
.work:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(148,93,214,.15)}
.work img{width:150px;height:112px;object-fit:cover;flex-shrink:0}
.work .w-body{padding:13px 16px 13px 0;display:flex;flex-direction:column;gap:4px}
.work .w-title{font-weight:900;font-size:15.5px}
.work .w-sub{font-size:12px;color:var(--muted)}
.work .w-sorena{font-size:12px;color:var(--acc-deep);font-weight:700}
footer{padding:30px 0 40px;text-align:center}
.copy{font-size:11.5px;color:#a7a3bd}
.copy a{color:#a7a3bd}
@media (max-width:520px){
  .profile{flex-direction:column;text-align:center}
  .work img{width:110px;height:auto}
}