/* Hotel 77 Custom Styles */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

body { font-family: 'Inter', sans-serif; }
html { scroll-behavior: smooth; }
::selection { background: #f59e0b; color: #0d1520; }
img { max-width: 100%; }
body { overflow-x: hidden; }

/* Pinterest-style masonry preview: equal-width columns with varied heights. */
.home-gallery-masonry {
  columns: 2;
  column-gap: .75rem;
}
.home-gallery-masonry-item {
  display: block;
  width: 100%;
  height: 178px;
  margin: 0 0 .75rem;
  break-inside: avoid;
}
.home-gallery-masonry-item:nth-child(2) { height: 228px; }
.home-gallery-masonry-item:nth-child(3) { height: 150px; }
.home-gallery-masonry-item:nth-child(4) { height: 210px; }
.home-gallery-masonry-item:nth-child(5) { height: 168px; }
@media (min-width: 768px) {
  .home-gallery-masonry {
    columns: 3;
    column-gap: 1rem;
  }
  .home-gallery-masonry-item {
    height: 220px;
    margin-bottom: 1rem;
  }
  .home-gallery-masonry-item:nth-child(2) { height: 285px; }
  .home-gallery-masonry-item:nth-child(3) { height: 190px; }
  .home-gallery-masonry-item:nth-child(4) { height: 265px; }
  .home-gallery-masonry-item:nth-child(5) { height: 230px; }
}
@media (max-width: 640px) {
  .prose { overflow-wrap: anywhere; }
  input, textarea, select { font-size: 16px !important; }
}
a, button, input, textarea, select { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid rgba(245, 158, 11, .55); outline-offset: 3px; }
.hero-glow { box-shadow: 0 0 90px rgba(245, 158, 11, .08); }
.font-serif { font-family: 'Playfair Display', serif; }
.text-navy-900 { color: #1a2332; }
.text-navy-950 { color: #0d1520; }
.bg-navy-950 { background-color: #0d1520; }
.border-navy-900 { border-color: #1a2332; }
.hover\:bg-navy-900:hover { background-color: #1a2332; }
.hover\:text-navy-950:hover { color: #0d1520; }
.text-golden-600, .text-amber-600 { color: #d97706; }
.text-golden-500, .text-amber-500 { color: #f59e0b; }
.text-golden-400, .text-amber-400 { color: #fbbf24; }
.bg-golden-600, .bg-amber-600 { background-color: #d97706; }
.bg-golden-500, .bg-amber-500 { background-color: #f59e0b; }
.border-golden-600, .border-amber-600 { border-color: #d97706; }
.hover\:bg-golden-700:hover, .hover\:bg-amber-700:hover { background-color: #b45309; }
.hover\:text-golden-700:hover, .hover\:text-amber-700:hover { color: #b45309; }
.text-golden-700, .text-amber-700 { color: #b45309; }
.text-golden-800, .text-amber-800 { color: #92400e; }
.text-golden-900, .text-amber-900 { color: #78350f; }
.bg-golden-50, .bg-amber-50 { background-color: #fffbeb; }
.border-golden-100, .border-amber-100 { border-color: #fef3c7; }