/* Sweet Moments — /links link-in-bio page (Tilda skin, live parity).
   Uses base.css tokens. No header/footer, no JS needed. */

body { background: #fff; }

.bio { background: #fff; }

/* ---------- 1 · identity band ---------- */
.identity {
  background: #FFFBF6;
  padding: 30px 20px 15px;
  text-align: center;
}
.avatar {
  width: 145px; height: 145px;
  margin: 0 auto;
  object-fit: cover;
  border-radius: 50%;
}
.bio-name {
  font-family: var(--display); font-weight: 400;
  font-size: 26px; line-height: 32px;
  color: #DD9BB5;
  margin-bottom: 40px; /* measured: live title record padding-top/bottom */
}
.bio-by {
  font-size: 22px; line-height: 34.1px;
  color: #000000;
  margin-bottom: 73px; /* measured: live gap between "By Natalia" and the tagline */
}
.bio-tag {
  font-size: 22px; line-height: 34.1px;
  color: var(--brown);
  margin-bottom: 39px; /* measured: live record padding-bottom under the tagline */
}

/* ---------- 2 · link stack ---------- */
.links {
  display: flex; flex-direction: column; align-items: center;
  gap: 15px;
  padding: 15px 20px;
}
.bio-link {
  display: flex; align-items: center; justify-content: center;
  gap: 12px;
  width: 760px; max-width: 100%;
  height: 72px;
  padding: 18px;
  background: #FFF3F8;
  border-radius: 0;
  font-family: var(--sans); font-weight: 500;
  font-size: 18px; line-height: 21.6px;
  color: var(--brown);
  text-align: center;
  transition: background .2s ease-in-out, transform .2s ease-in-out;
}
.bio-link:hover {
  background: #FFF8FB;
  transform: translateY(-1px);
}
.chevron {
  width: 18px; height: 18px;
  flex: 0 0 auto;
  color: var(--brown);
}

/* ---------- responsive ≤640 ---------- */
@media (max-width: 640px) {
  .identity { padding: 30px 16px 30px; }
  /* live keeps bio-by/bio-tag at 22px on mobile; only line-height and the
     tagline's bottom gap shrink */
  .bio-by, .bio-tag { line-height: 31.9px; }
  .bio-tag { margin-bottom: 35px; }
  .links { gap: 10px; padding: 15px 20px; }
  .bio-link { height: 60px; padding: 12px; font-size: 16px; line-height: 19.2px; }
}