.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.filled-icon {
  font-variation-settings: "FILL" 1;
}

.organic-mask {
  clip-path: ellipse(90% 85% at 50% 50%);
}

.soft-elevation {
  box-shadow: 0 20px 40px -10px rgba(232, 180, 184, 0.15);
}

.soft-border {
  border: 1px solid rgba(80, 68, 68, 0.1);
}

.glass-blur {
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.8);
}

.text-balance {
  text-wrap: balance;
}

.gallery-masonry {
  column-count: 1;
  column-gap: 1.5rem;
}

.masonry-item {
  break-inside: avoid;
  margin-bottom: 1.5rem;
}

body {
  min-height: max(884px, 100dvh);
  background-color: #fbf9f8;
  color: #1b1c1c;
}

@media (min-width: 768px) {
  .gallery-masonry {
    column-count: 2;
  }
}

@media (min-width: 1024px) {
  .gallery-masonry {
    column-count: 3;
  }
}