/* ── About Artist Section ───────────────────────────────────────────── */

.ips-about {
  background-color: var(--ink-surface);
  border-top: 1px solid var(--ink-border);
  border-bottom: 1px solid var(--ink-border);
}

.ips-about__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

/* ── Image column ───────────────────────────────────────────────────── */
.ips-about__image-col {
  position: relative;
}

.ips-about__frame {
  position: relative;
  border: 1px solid var(--ink-border);
  padding: 16px;
  background: var(--ink-card);
}

/* Corner ornaments */
.ips-about__frame-corner {
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 2;
}

.ips-about__frame-corner--tl { top: -1px;  left: -1px;  border-top: 2px solid var(--ink-gold); border-left:  2px solid var(--ink-gold); }
.ips-about__frame-corner--tr { top: -1px;  right: -1px; border-top: 2px solid var(--ink-gold); border-right: 2px solid var(--ink-gold); }
.ips-about__frame-corner--bl { bottom: -1px; left: -1px;  border-bottom: 2px solid var(--ink-gold); border-left:  2px solid var(--ink-gold); }
.ips-about__frame-corner--br { bottom: -1px; right: -1px; border-bottom: 2px solid var(--ink-gold); border-right: 2px solid var(--ink-gold); }

.ips-about__photo-placeholder {
  aspect-ratio: 3/4;
  background: var(--ink-bg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px dashed var(--ink-border);
  gap: 8px;
}

.ips-about__placeholder-text {
  font-family: var(--font-heading);
  font-size: 28px;
  color: var(--ink-dim);
  letter-spacing: 0.05em;
}

.ips-about__placeholder-sub {
  font-size: 12px;
  color: var(--ink-dim);
  text-transform: uppercase;
  letter-spacing: 0.15em;
}

/* Rose & dagger SVG overlay */
.ips-about__rose-wrap {
  position: absolute;
  bottom: -20px;
  left: -30px;
  z-index: 3;
  filter: drop-shadow(0 8px 24px rgba(0,0,0,0.8));
}

/* ── Text column ────────────────────────────────────────────────────── */
.ips-about__text-col {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ips-about__name {
  font-family: var(--font-heading);
  font-size: clamp(44px, 5vw, 64px);
  line-height: 0.95;
  letter-spacing: 0.02em;
  color: var(--ink-text);
  margin-top: 8px;
  margin-bottom: 24px;
}

.ips-about__bio {
  font-size: 16px;
  color: var(--ink-muted);
  line-height: 1.8;
  margin-bottom: 40px;
}

/* Stats row */
.ips-about__stats {
  display: flex;
  gap: 40px;
  margin-bottom: 40px;
}

.ips-stat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ips-stat__number {
  font-family: var(--font-heading);
  font-size: 52px;
  line-height: 1;
  color: var(--ink-gold);
  letter-spacing: 0.02em;
}

.ips-stat__plus {
  font-family: var(--font-heading);
  font-size: 28px;
  color: var(--ink-gold);
  vertical-align: super;
}

.ips-stat__label {
  font-size: 12px;
  color: var(--ink-muted);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-top: 4px;
}

/* Instagram handle */
.ips-about__instagram {
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  color: var(--ink-gold);
  transition: color 0.25s;
  margin-bottom: 16px;
}

.ips-about__instagram:hover {
  color: var(--ink-gold-light);
}

.ips-about__insta-at {
  font-family: var(--font-sub);
  font-style: italic;
  font-size: 22px;
  color: var(--ink-gold);
  margin-right: 2px;
  line-height: 1;
}

.ips-about__location {
  font-size: 13px;
  color: var(--ink-dim);
  letter-spacing: 0.04em;
}

/* ── Responsive ─────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .ips-about__inner { gap: 48px; }
  .ips-about__stats { gap: 24px; }
}

@media (max-width: 768px) {
  .ips-about__inner {
    grid-template-columns: 1fr;
  }
  .ips-about__rose-wrap {
    left: -16px;
    bottom: -16px;
  }
  .ips-about__rose-wrap svg {
    width: 110px;
    height: auto;
  }
}