/* OurLastFrame polish layer — typography, warmth, depth (added 2026-10-20) */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Noto+Serif+KR:wght@500;600;700&display=swap');

html { scroll-behavior: smooth; }
::selection { background: #c9a964; color: #fff; }

h1, h2, .font-headline {
  font-family: 'Cormorant Garamond', 'Noto Serif KR', 'Playfair Display', Georgia, serif !important;
  letter-spacing: 0.01em;
}
h1 { line-height: 1.06 !important; }
h2 { line-height: 1.14 !important; }

/* portrait imagery: softer, gallery-like presentation */
main img {
  border-radius: 16px;
  box-shadow: 0 18px 40px -18px rgba(43, 36, 24, 0.35);
}

/* primary call-to-action buttons: warm gold gradient, pill shape */
a[class*="bg-secondary"], button[class*="bg-secondary"] {
  background-image: linear-gradient(135deg, #a5854c 0%, #c9a964 55%, #b08d4f 100%) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px -10px rgba(160, 128, 66, 0.65);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
a[class*="bg-secondary"]:hover, button[class*="bg-secondary"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 30px -10px rgba(160, 128, 66, 0.7);
}

/* package / selection buttons: gentler corners */
a[class*="min-h-tap"], button[class*="min-h-tap"] { border-radius: 12px; }

/* cards: lift on hover where the design already uses soft shadows */
[class*="shadow-subtle"] { transition: transform 0.3s ease, box-shadow 0.3s ease; }
[class*="shadow-subtle"]:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 44px -20px rgba(43, 36, 24, 0.35);
}

/* price figures: elegant serif numerals */
[data-i18n$=".price"] {
  font-family: 'Cormorant Garamond', 'Noto Serif KR', Georgia, serif !important;
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* airier sections */
.section-pad { padding-top: 6.5rem !important; padding-bottom: 6.5rem !important; }

/* FAQ accordions */
details { border-radius: 14px !important; }
summary { cursor: pointer; }

/* form fields: calmer focus */
input, select, textarea { border-radius: 10px !important; }
input:focus, select:focus, textarea:focus {
  outline: 2px solid rgba(201, 169, 100, 0.55);
  outline-offset: 1px;
}