.story-section {
  width: 100%;
  margin: 2.5rem 0;
}

.story-card {
  padding: 1.6rem 1.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.4rem;
}

.story-photo-wrapper {
  position: relative;
  width: 100%;
  max-width: 320px;
  height: 460px;
  border-radius: 160px 160px 24px 24px;
  padding: 6px;
  background: var(--gold-gradient);
  box-shadow: 0 12px 32px rgba(120, 100, 60, 0.22), 0 0 30px rgba(212, 175, 55, 0.3);
  margin: 0.5rem auto;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.story-photo-wrapper:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 16px 40px rgba(120, 100, 60, 0.3), 0 0 40px rgba(212, 175, 55, 0.45);
}

.story-couple-image {
  width: 100%;
  height: 100%;
  border-radius: 154px 154px 18px 18px;
  object-fit: cover;
  object-position: center 15%;
  display: block;
}

.story-photo-frame {
  position: absolute;
  inset: -7px;
  border-radius: 168px 168px 30px 30px;
  border: 1.5px dashed rgba(212, 175, 55, 0.6);
  pointer-events: none;
}

.story-text-body {
  width: 100%;
  padding: 0.8rem 1.2rem 0.4rem;
}

.story-paragraph {
  font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  font-style: italic;
  font-size: 1.25rem;
  line-height: 1.85;
  font-weight: 600;
  color: var(--text-color, #151311);
  letter-spacing: 0.02em;
  text-align: center;
}