/* Final wedding details and the brighter seal treatment. */
.arabic {
  margin: 0 0 22px !important;
  color: #692d37 !important;
  -webkit-text-fill-color: #692d37;
  font-family: "Amiri", "Noto Naskh Arabic", serif !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* Keep the longer family details neatly separated on mobile screens. */
.welcome {
  padding: 56px 28px 48px !important;
}

.welcome .invite {
  margin-bottom: 18px !important;
}

.welcome .hosts {
  line-height: 1.15 !important;
}

.welcome .copy {
  margin: 28px 0 22px !important;
}

.welcome h1 {
  margin-top: 0 !important;
  font-size: 64px !important;
  gap: 6px !important;
}

.welcome .family {
  margin: 28px 0 0 !important;
  line-height: 1.34 !important;
}

.welcome .sharing {
  position: static !important;
  margin: 34px 0 0 !important;
}

.welcome .scroll {
  bottom: 14px !important;
}

.seal {
  animation: sealGlow 2.1s ease-in-out infinite;
  isolation: isolate;
}

.seal::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -28%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,250,225,.96) 0 17%, rgba(255,220,144,.68) 35%, rgba(241,181,97,.26) 53%, transparent 72%);
  filter: blur(8px);
  animation: sealHalo 2.1s ease-in-out infinite;
}

@keyframes sealGlow {
  0%, 100% { box-shadow: 0 4px 13px rgba(78,38,43,.42), 0 0 24px rgba(255,237,183,.92), 0 0 58px rgba(239,190,104,.64), 0 0 102px rgba(241,202,141,.36); }
  50% { box-shadow: 0 4px 16px rgba(78,38,43,.46), 0 0 42px rgba(255,250,220,1), 0 0 94px rgba(245,196,104,.95), 0 0 145px rgba(243,198,124,.58); }
}

@keyframes sealHalo {
  0%, 100% { transform: scale(.88); opacity: .66; }
  50% { transform: scale(1.18); opacity: 1; }
}