/* God's Family Business — Paul B. York
   Most styling is inline on the elements; this file holds the base reset,
   responsive nav behaviour, keyframes, and lifted :hover states. */

html { scroll-behavior: smooth; scroll-padding-top: 84px; }
body { margin: 0; background: #f5efe2; color: #221f1a; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { display: block; max-width: 100%; }
::selection { background: rgba(177,87,58,0.22); }

@keyframes heroUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }

/* Responsive navigation: full links on desktop, hamburger + drawer on mobile */
@media (max-width: 880px) {
  [data-nav-links] { display: none !important; }
  [data-nav-toggle] { display: inline-flex !important; }
}
@media (min-width: 881px) {
  [data-nav-toggle] { display: none !important; }
  [data-mobile-menu] { display: none !important; }
}

/* Hover states (lifted from the design) */
[data-h="0"]:hover { color:#e7ad84 !important; }
[data-h="1"]:hover { color:#e7ad84 !important; }
[data-h="2"]:hover { color:#e7ad84 !important; }
[data-h="3"]:hover { color:#e7ad84 !important; }
[data-h="4"]:hover { color:#e7ad84 !important; }
[data-h="5"]:hover { color:#e7ad84 !important; }
[data-h="6"]:hover { background:#8f3f28 !important; }
[data-h="7"]:hover { background:#8f3f28 !important; transform:translateY(-2px) !important; }
[data-h="8"]:hover { background:rgba(253,248,238,0.12) !important; border-color:#fdf8ee !important; }
[data-h="9"]:hover { transform:translateY(-6px) !important; box-shadow:0 24px 50px rgba(34,31,26,0.13) !important; }
[data-h="10"]:hover { transform:translateY(-6px) !important; box-shadow:0 24px 50px rgba(34,31,26,0.13) !important; }
[data-h="11"]:hover { transform:translateY(-6px) !important; box-shadow:0 24px 50px rgba(34,31,26,0.13) !important; }
[data-h="12"]:hover { transform:translateY(-6px) !important; box-shadow:0 24px 50px rgba(34,31,26,0.13) !important; }
[data-h="13"]:hover { background:#b1573a !important; color:#fdf8ee !important; border-color:#b1573a !important; }
[data-h="14"]:hover { background:#b1573a !important; color:#fdf8ee !important; border-color:#b1573a !important; }
[data-h="15"]:hover { background:#b1573a !important; color:#fdf8ee !important; border-color:#b1573a !important; }
[data-h="16"]:hover { transform:translateY(-4px) !important; box-shadow:0 30px 64px rgba(34,31,26,0.13) !important; }
[data-h="17"]:hover { transform:translateY(-2px) !important; background:#fff !important; }
[data-h="18"]:hover { background:rgba(253,248,238,0.14) !important; }
[data-h="19"]:hover { background:#8f3f28 !important; transform:translateY(-2px) !important; }
[data-h="20"]:hover { color:#8f3f28 !important; }
[data-h="21"]:hover { color:#8f3f28 !important; }
[data-h="22"]:hover { color:#8f3f28 !important; }
[data-h="23"]:hover { color:#8f3f28 !important; }
[data-h="24"]:hover { color:#8f3f28 !important; }
[data-h="25"]:hover { color:#8f3f28 !important; }
[data-h="26"]:hover { color:#e7ad84 !important; }
[data-h="27"]:hover { color:#e7ad84 !important; }
[data-h="28"]:hover { color:#e7ad84 !important; }
[data-h="29"]:hover { color:#e7ad84 !important; }
[data-h="30"]:hover { color:#e7ad84 !important; }
[data-h="31"]:hover { color:#e7ad84 !important; }
[data-h="32"]:hover { background:#8f3f28 !important; }
[data-h="33"]:hover { gap:12px !important; }
[data-h="34"]:hover { background:#2e4f43 !important; color:#f3ead9 !important; border-color:#2e4f43 !important; }
[data-h="35"]:hover { color:#8f3f28 !important; }
[data-h="36"]:hover { color:#8f3f28 !important; }
[data-h="37"]:hover { color:#8f3f28 !important; }
[data-h="38"]:hover { color:#8f3f28 !important; }
[data-h="39"]:hover { color:#8f3f28 !important; }
[data-h="40"]:hover { color:#8f3f28 !important; }