/* =========================================================
   Project / About（トップページ）
   ========================================================= */
.p-about__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

.p-about__image-frame {
  position: relative;
  border-radius: var(--radius-xl);
  overflow: hidden;
  aspect-ratio: 4/5;
  background: var(--bg-card);
  border: 1px solid var(--border);
}
.p-about__image-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-about__image-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-faint);
}
.p-about__image-badge {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(8,8,16,0.85);
  backdrop-filter: blur(12px);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: 10px 16px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #22c55e;
}

.p-about__content .c-heading { margin-bottom: 20px; }
.p-about__text { color: var(--text-muted); margin-bottom: 16px; }
.p-about__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }

@media (max-width: 1024px) {
  .p-about__grid { grid-template-columns: 1fr; gap: 48px; }
  .p-about__visual { max-width: 400px; }
}