/* about.css — About page styles */
.about-bio { padding-top:calc(var(--space-32) + var(--space-16)); padding-bottom:var(--space-24); }
.about-bio__inner { display:grid; grid-template-columns:1fr 1.6fr; gap:var(--space-16); align-items:start; }
.about-photo { width:100%; aspect-ratio:3/4; overflow:hidden; border-radius:3px; background-color:var(--bg-surface); }
.about-photo img { width:100%; height:100%; object-fit:cover; }
.about-eyebrow { margin-bottom:var(--space-4); }
.about-name { font-family:var(--font-display); font-weight:800; font-size:clamp(3rem,6vw,5.5rem); letter-spacing:-0.03em; margin-bottom:var(--space-8); line-height:0.95; }
.about-name__em { font-family:var(--font-display); font-style:italic; font-weight:800; color:var(--accent); }
.about-text { display:flex; flex-direction:column; gap:var(--space-4); margin-bottom:var(--space-10); }
.about-text p { font-size:var(--text-base); color:var(--text-secondary); line-height:1.75; }
.about-links { display:flex; align-items:center; gap:var(--space-8); flex-wrap:wrap; }
.about-link { color:var(--text-secondary); font-family:var(--font-mono); font-size:var(--text-sm); }

.about-tools { padding-bottom:var(--space-24); }
.about-tools__header { padding-block:var(--space-8); }
.tools-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:var(--space-8); }
.tools-col { border-inline:1px solid var(--border); padding-inline:var(--space-4); }
.tools-col__title { margin-bottom:var(--space-4); }
.tools-col__list { display:flex; flex-direction:column; gap:var(--space-3); }
.tools-item { font-family:var(--font-mono); font-size:var(--text-sm); color:var(--text-primary); }

.about-currently { padding-bottom:var(--space-24); }
.currently-inner { display:grid; grid-template-columns:12rem 1fr; gap:var(--space-8); padding-block:var(--space-8); align-items:start; }
.currently-items { display:flex; flex-direction:column; gap:var(--space-6); }
.currently-item { display:flex; gap:var(--space-4); align-items:flex-start; }
.currently-dot { width:6px; height:6px; border-radius:50%; background-color:var(--accent); margin-top:.55rem; flex-shrink:0; }
.currently-item p { font-size:var(--text-base); color:var(--text-secondary); line-height:1.7; }

.about-contact { padding-bottom:var(--space-32); }
.contact-inner { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-16); align-items:end; padding-block:var(--space-12); }
.contact-title { font-family:var(--font-display); font-weight:800; font-size:clamp(2.5rem,5vw,4.5rem); letter-spacing:-0.03em; line-height:0.95; }
.contact-em { font-family:var(--font-display); font-style:italic; font-weight:800; color:var(--accent); }
.contact-desc { font-size:var(--text-base); color:var(--text-secondary); line-height:1.7; margin-bottom:var(--space-6); }
.contact-email {
  font-family:var(--font-display); font-weight:700;
  font-size:clamp(var(--text-lg),2vw,var(--text-2xl)); letter-spacing:-0.02em;
  color:var(--text-primary); border-bottom:2px solid var(--text-primary); padding-bottom:2px;
  transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
.contact-email:hover { color:var(--accent); border-color:var(--accent); }

@media (max-width:900px) {
  .about-bio__inner { grid-template-columns:1fr; }
  .about-photo { max-width:280px; }
  .tools-grid { grid-template-columns:repeat(3,1fr); }
  .contact-inner { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .tools-grid { grid-template-columns:repeat(2,1fr); }
  .currently-inner { grid-template-columns:1fr; }
}