.resume{padding:110px 0;}
.about{padding:110px 0;}
.about-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:64px; align-items:start;}
.about-bio p{color:var(--text-dim); margin-bottom:18px; font-size:1.02rem;}
.about-bio .quote{
  margin-top:28px; padding:22px 24px; border-left:2px solid var(--accent); background:var(--surface);
  border-radius:0 var(--radius-md) var(--radius-md) 0; font-family:'Noto Sans Devanagari','Noto Sans',var(--font-display);
  font-style:italic; color:var(--text); font-size:1.08rem;
}
.about-bio .quote cite{display:block; margin-top:10px; font-style:normal; font-size:.72rem; letter-spacing:.1em; color:var(--text-faint); font-family:var(--font-mono); text-transform:uppercase;}

.skill-card{background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md); padding:22px 24px; margin-bottom:14px;}
.skill-card h4{font-family:var(--font-mono); font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--accent-2); margin-bottom:14px;}
body[data-theme="artist"] .skill-card h4{font-family:var(--font-display); font-style:italic; text-transform:none; letter-spacing:.02em; font-size:.95rem;}

.resume-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:40px;}
.res-block{background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:30px;}
.res-block h3{font-family:var(--font-mono); font-size:.75rem; letter-spacing:.16em; text-transform:uppercase; color:var(--accent-2); margin-bottom:22px; display:flex; align-items:center; gap:10px;}
body[data-theme="artist"] .res-block h3{font-family:var(--font-display); font-style:italic; text-transform:none; letter-spacing:.02em; font-size:1.05rem;}
.res-item{padding:14px 0; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; gap:14px;}
.res-item:last-child{border-bottom:none; padding-bottom:0;}
.res-item .rtitle{font-weight:600; font-size:.98rem;}
.res-item .rsub{font-size:.82rem; color:var(--text-faint); margin-top:3px;}
.res-item .rwhen{font-family:var(--font-mono); font-size:.72rem; color:var(--text-faint); white-space:nowrap; text-align:right;}
body[data-theme="artist"] .res-item .rwhen{font-family:var(--font-display); font-style:italic;}

@media (max-width:860px){ .about-grid, .resume-grid{grid-template-columns:1fr;} }