/* Blessed Aura — shared site-wide styles.
 * ----------------------------------------------------------------------------
 * Linked once from partials/head.php. These are exactly the rules every page
 * was independently re-declaring in its own $pageCss heredoc (byte-for-byte
 * identical across index/contact/blog/post/about/attractions/kitchen/rooms/
 * treks.php) — consolidated here so the browser downloads and parses them
 * once and caches them across every page view, instead of re-fetching an
 * inline copy on every navigation. Each page's own $pageCss now keeps only
 * the layout classes/media-query rules that are genuinely specific to it
 * (and the ba-ken keyframe, whose values differ on the homepage).
 */
*{box-sizing:border-box}
:root{--accent:#C2A06B;--accent-dark:#A8884B;--brass:#C2A06B}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Hanken Grotesk',system-ui,sans-serif;color:#1E2D38;background:#F8F6F2;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button{font-family:inherit}
::selection{background:#C2A06B;color:#143A52}
.serif{font-family:'Cormorant Garamond',Georgia,serif}
@keyframes ba-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.ba-wrap{max-width:1220px;margin:0 auto;padding:0 26px}
.ba-nav{display:flex;gap:32px;align-items:center}
.ba-toggle{display:none}
.ba-footgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:44px}
.ba-utilbar{display:flex;justify-content:space-between;align-items:center}
@media(max-width:1000px){.ba-footgrid{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.ba-nav{display:none}.ba-toggle{display:flex}}
@media(max-width:600px){.ba-footgrid{grid-template-columns:1fr}.ba-utilbar{font-size:11px}}