@import url("site-modern.css");

.profile-hero{padding:64px 0 24px}
.profile-hero h1{margin:.1em 0;color:var(--navy);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(2.4rem,6vw,4.4rem)}
.profile-shell{padding:10px 0 80px}
.profile-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:clamp(24px,5vw,56px);align-items:center;max-width:820px;padding:clamp(24px,5vw,52px);background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 32px rgba(27,48,67,.08)}
.profile-portrait{width:180px;aspect-ratio:1;border-radius:24px;object-fit:cover;image-rendering:auto;box-shadow:0 10px 28px rgba(23,50,77,.14)}
.profile-name{margin:0 0 4px;color:var(--navy);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(2rem,5vw,3.1rem);line-height:1.25}
.profile-reading{margin:0 0 20px;color:var(--muted);font-size:.9rem;letter-spacing:.12em}
.profile-summary{margin:0;font-size:clamp(1rem,2vw,1.15rem);line-height:2}
.profile-edit-note{max-width:820px;margin:18px 0 0;color:var(--muted);font-size:.82rem}
@media(max-width:620px){.profile-hero{padding-top:42px}.profile-card{grid-template-columns:1fr;text-align:center}.profile-portrait{width:128px;margin:auto}.profile-summary{text-align:left}}

/* SNS・外部リンク */
.profile-links{
  padding:0 0 56px;
}
.profile-links-card--icons{
  max-width:820px;
  padding:0;
  margin:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.profile-social-icons{
  display:flex;
  align-items:center;
  gap:10px;
}
.profile-social-icon-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  height:auto;
  padding:0;
  margin:0;
  background:none;
  border:0;
  border-radius:0;
  line-height:1;
  text-decoration:none;
}
.profile-social-icon-image{
  display:block;
  width:18px;
  height:18px;
  object-fit:contain;
}
.profile-social-icon-link--note .profile-social-icon-image{
  width:34px;
  height:18px;
}
.profile-social-icon-link:hover{
  opacity:.68;
}
.profile-social-icon-link:focus-visible{
  outline:2px solid rgba(72,132,174,.35);
  outline-offset:3px;
}
@media(max-width:720px){
  .profile-links{padding-bottom:48px}
  .profile-social-icons{gap:9px}
  .profile-social-icon-image{width:17px;height:17px}
  .profile-social-icon-link--note .profile-social-icon-image{width:32px;height:17px}
}