/* OceanSide — shared custom styles */

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

/* Editorial offset for hero compositions */
.editorial-offset {
  transform: translateX(40px);
}
@media (max-width: 768px) {
  .editorial-offset {
    transform: translateX(0);
  }
}

/* Soft, diffused ambient elevation for ownership cards */
.editorial-shadow {
  box-shadow: 0 20px 40px -15px rgba(0, 23, 40, 0.08);
}

/* Glassmorphic navigation over photography */
.glass-nav {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Gold underline interaction */
.hover-gold-underline:hover {
  text-decoration-color: #775a19;
  text-underline-offset: 8px;
}

/* FAQ accordion */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.accordion-item.active .accordion-content {
  max-height: 600px;
}
.accordion-item.active .icon-rotate {
  transform: rotate(180deg);
}

/* Scroll-reveal: respect reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1 !important; transform: none !important; }
}
