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


/* --- src/styles/global.css --- */
:root {
  /* 🧁 BACKGROUND / LIGHT TONES */
  --bg-cream: #f5dcb1;
  --bg-beige: #EDE2D6;
  --bg-sand: #E6D6C3;

  /* 🎨 PRIMARY BRAND COLORS */
  --brand-primary: #c89a5a;
  --brand-deep: #785c43;
  --brand-hero: #8b5e46;

  /* ☕ SECONDARY / ACCENT COLORS */
  --accent-caramel: #C89A5A;
  --accent-gold: #D9A441;
  --accent-amber: #E0A85C;

  /* 🪵 NEUTRAL / SUPPORTING BROWNS */
  --brown-medium: #8C6A4A;
  --brown-mocha: #A07852;
  --brown-choco: #4A3426;

  /* ⚫ TEXT COLORS (Re-balanced for the dark coffee background!) */
  --text-primary: #EDE2D6; /* Light beige for readability on dark backgrounds */
  --text-secondary: #c89a5a; /* Caramel for secondary text */
  --text-muted: #8c694d;
  --text-dark: #281c16; /* Used specifically for text inside light cards */

  /* ⚪ UTILITY */
  --color-white: #FFFFFF;
  --bg-coffee: #281c16; /* Main dark background */
  --color-border: #4A3426; /* Darkened border to blend with coffee */
  
  /* 🖋️ TYPOGRAPHY */
  --font-primary: 'Poppins', sans-serif;
  --font-heading: 'Playfair Display', serif;
  --font-ui: 'Inter', sans-serif;
  --bg-footer: #291E18;
}
/* --- BASE STYLES --- */
body {
  background-color: var(--bg-coffee);
  color: var(--text-primary);
  font-family: var(--font-primary);
  margin: 0;
  padding-top: 80px; 
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5 {
  font-family: var(--font-heading);
  color: var(--bg-cream); /* Brightened headings so they are visible */
  font-weight: 700;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5vw;
}
/* --- BUTTONS --- */
.primary-btn {
  display: inline-block;
  background-color: var(--accent-caramel);
  color: white; /* Dark text on gold button */
  font-family: var(--font-primary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 1rem 2.5rem;
  text-decoration: none;
  font-weight: 600;
  border-radius: 2px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
}
.primary-btn:hover {
  background-color: var(--bg-cream);
  color: var(--bg-coffee);
  box-shadow: 0 4px 15px rgba(245, 220, 177, 0.15);
}
.outline-btn {
  background-color: transparent;
  border: 1px solid var(--accent-caramel);
  color: var(--accent-caramel);
}
.outline-btn:hover {
  background-color: var(--accent-caramel);
  color: var(--bg-coffee);
}
.mt-2 { margin-top: 1.5rem; }
/* --- 🌟 GLOBAL HEADER --- */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(40, 28, 22, 0.95); /* Matches coffee bg */
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--color-border);
  z-index: 1000;
  height: 80px;
  display: flex;
  align-items: center;
}
.nav-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.brand-logo { text-decoration: none; }
.logo-text { font-family: var(--font-heading); font-size: 1.5rem; color: var(--bg-cream); font-weight: 700; }
.logo-text em { color: var(--brand-primary); font-style: italic; }
.nav-links { list-style: none; display: flex; gap: 2rem; margin: 0; padding: 0; }
.nav-links a { text-decoration: none; color: var(--text-primary); font-weight: 500; font-size: 0.95rem; transition: color 0.3s ease; }
.nav-links a:hover { color: var(--accent-caramel); }
.nav-btn { padding: 0.6rem 1.5rem; font-size: 0.85rem; }
/* --- HERO SECTION --- */
.hero-section {
  min-height: calc(80vh - 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-coffee);
  padding: 4rem 0;
}
.text-center { text-align: center; }
.eyebrow {
  font-family: var(--font-primary);
  color: var(--accent-gold);
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 0.9rem;
  font-weight: 600;
  display: block;
  margin-bottom: 1.5rem;
}
.hero-title {
  color: var(--bg-cream);
  font-size: clamp(3rem, 8vw, 5.5rem);
  line-height: 1.1;
  margin: 0 0 2.5rem 0;
}
.hero-title em { color: var(--brand-primary); font-style: italic; }
/* --- SECTIONS BASE --- */
.section-padding { padding: 12vh 0; }
.bg-dark { background-color: var(--brand-deep); color: var(--bg-cream); }
/* Cream section inverts text to dark */
.bg-cream { background-color: var(--bg-cream); color: var(--text-dark); }
.bg-cream h2, .bg-cream p { color: var(--text-dark) !important; }
.bg-white { background-color: var(--bg-coffee); }
.section-header { margin-bottom: 4rem; }
.section-header h2 { font-size: clamp(2.5rem, 4vw, 3.5rem); margin: 0.5rem 0 1rem 0; }
.section-header h2 em { color: var(--accent-caramel); font-style: italic; }
.section-header p { color: var(--text-secondary); font-size: 1.1rem; max-width: 600px; margin: 0 auto; }
/* --- GRIDS & CARDS --- */
.content-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: center;
}
.three-col-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}
/* Service / Partnership Cards */
.premium-card {
  background-color: var(--bg-cream); /* Using cream for contrast */
  border: 1px solid var(--brown-medium);
  padding: 3rem 2.5rem;
  border-radius: 4px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}
.premium-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
  border-color: var(--brand-deep);
}
.card-number { font-family: var(--font-heading); color: var(--brand-deep); font-size: 1.5rem; font-weight: 700; display: block; margin-bottom: 1.5rem; }
.premium-card h3 { font-size: 1.4rem; margin: 0 0 1rem 0; color: var(--text-dark); }
.premium-card p { color: var(--text-dark); line-height: 1.7; font-size: 0.95rem; margin: 0; }
/* --- AWARDS & NETWORK LISTS --- */
.network-list, .awards-list { list-style: none; padding: 0; margin: 0; }
.network-list li, .awards-list li { padding: 1rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 1.1rem; }
.network-list li:last-child, .awards-list li:last-child { border-bottom: none; }
.bg-white .network-list li { border-bottom-color: var(--color-border); }
.bg-cream .network-list li { border-bottom-color: var(--brand-deep); }
.medal { font-family: var(--font-heading); font-weight: 700; margin-right: 1rem; text-transform: uppercase; font-size: 0.9rem; letter-spacing: 1px; }
.medal.silver { color: #A8A9AD; }
.medal.bronze { color: #CD7F32; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1.5fr; gap: 4rem; margin-bottom: 4rem; }
.footer-col h3 { color: var(--bg-cream); font-size: 2rem; margin: 0 0 1rem 0; }
.footer-col h3 em { color: var(--accent-caramel); font-style: italic; }
.footer-col h4 { color: var(--accent-gold); font-size: 1.2rem; margin: 0 0 1.5rem 0; font-family: var(--font-primary); text-transform: uppercase; letter-spacing: 1px;}
.footer-tagline { font-family: var(--font-heading); font-size: 1.2rem; color: var(--accent-gold); margin-bottom: 1rem; }
.footer-desc { color: var(--bg-beige); line-height: 1.6; max-width: 300px; opacity: 0.8; }
.footer-links, .footer-contact { list-style: none; padding: 0; margin: 0; }
.footer-links li, .footer-contact li { margin-bottom: 1rem; }
.footer-links a { color: var(--bg-beige); text-decoration: none; transition: color 0.3s ease; opacity: 0.8; }
.footer-links a:hover { color: var(--accent-caramel); opacity: 1; }
.footer-contact li { color: var(--bg-beige); line-height: 1.6; opacity: 0.9;}
.footer-contact strong { color: var(--bg-cream); font-weight: 500; }
.footer-bottom { border-top: 1px solid rgba(244, 237, 226, 0.1); padding-top: 2rem; text-align: center; color: var(--text-muted); font-size: 0.9rem; }
/* --- RESPONSIVE OVERRIDES --- */
@media (max-width: 900px) {
  .nav-links { display: none; }
  .content-grid { grid-template-columns: 1fr; gap: 3rem; }
  .footer-grid { grid-template-columns: 1fr; gap: 3rem; }
}
/* --- 🎥 VIDEO HERO STYLES --- */
.video-hero {
  position: relative;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: var(--brand-deep);
}
.hero-bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
  z-index: 0;
  object-fit: cover;
}
.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(40, 28, 22, 0.65);
  z-index: 1;
}
.hero-content-front {
  position: relative;
  z-index: 2;
}
/* --- 🖼️ GALLERY / CASE STUDIES STYLES --- */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
}
.gallery-item {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.gallery-item:hover {
  transform: translateY(-5px);
}
.gallery-img-placeholder {
  width: 100%;
  aspect-ratio: 1/1; 
  background-color: var(--brown-mocha);
  transition: transform 0.5s ease;
}
.gallery-item:hover .gallery-img-placeholder {
  transform: scale(1.05); 
}
.gallery-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.5rem;
  background: linear-gradient(to top, rgba(40, 28, 22, 0.9), transparent);
  color: var(--bg-cream);
}
.gallery-info h4 {
  color: var(--bg-cream);
  margin: 0 0 0.2rem 0;
  font-size: 1.2rem;
}
.gallery-info p {
  margin: 0;
  color: var(--accent-gold);
  font-family: var(--font-primary);
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* --- ♾️ INFINITE LOGO MARQUEE --- */
.overflow-hidden { overflow: hidden; }
.logo-marquee {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: var(--bg-coffee); /* Fixed to match background */
  padding: 1rem 0;
  display: flex;
}
/* Fixed fading edges to blend into coffee background */
.logo-marquee::before,
.logo-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  width: 15vw;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.logo-marquee::before {
  left: 0;
  background: linear-gradient(to right, var(--bg-coffee) 0%, transparent 100%);
}
.logo-marquee::after {
  right: 0;
  background: linear-gradient(to left, var(--bg-coffee) 0%, transparent 100%);
}
.marquee-track {
  display: flex;
  align-items: center;
  gap: 4rem;
  width: max-content;
  animation: scrollMarquee 25s linear infinite;
}
.marquee-track:hover {
  animation-play-state: paused; 
}
.logo-item {
  width: 240px; 
  height: 100px; 
  display: flex;
  align-items: center;
  justify-content: center;
  filter: grayscale(0%) opacity(0.5); 
  transition: all 0.4s ease;
  cursor: default;
}
.logo-item:hover {
  filter: grayscale(0%) opacity(1);
  transform: scale(1.05);
}
.logo-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.logo-text-fallback {
  font-family: var(--font-heading);
  font-size: 1.5rem; 
  font-weight: 700;
  color: var(--bg-cream); /* Fixed text color for dark bg */
  text-align: center;
  white-space: nowrap;
}
@keyframes scrollMarquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(calc(-50% - 2rem)); } 
}
@media (max-width: 768px) {
  .logo-item { 
    width: 180px; 
    height: 80px; 
  } 
  .marquee-track { gap: 2.5rem; }
  @keyframes scrollMarquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-50% - 1.25rem)); } 
  }
}
/* --- 📞 FUNCTIONAL FOOTER LINK STYLES --- */
.footer-contact-link {
  color: var(--bg-cream);
  text-decoration: none;
  font-size: 1.1rem;
  transition: color 0.3s ease;
  display: inline-block;
  margin-top: 0.2rem;
}
.footer-contact-link:hover {
  color: var(--accent-caramel);
}
/* --- 📱 MOBILE NAVIGATION ENGINE --- */
.mobile-menu-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  z-index: 1000;
}
.mobile-menu-toggle .bar {
  display: block;
  width: 25px;
  height: 2px;
  margin: 5px auto;
  background-color: var(--bg-cream); /* Made hamburger visible on dark bg */
  transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .mobile-menu-toggle {
    display: block;
  }
}
.mission-section {
    /* 1. Base solid color (this shows if the image doesn't cover perfectly) */
    background-color: #443225; 
    
    /* 2. Layering: The image is placed on top of the background color */
    background-image: url('https://res.cloudinary.com/d4sxq3ud/image/upload/v1783072698/beer-splash_lzoefg.png');
    
    /* FIX FOR ZOOM: 'contain' keeps the whole image visible; 
       'cover' fills the area (use whichever looks better for your specific image) */
    background-size: cover; 
    
    /* FIX FOR BLACK IMAGE: Remove background-blend-mode, use a semi-transparent 
       overlay instead. This is much more predictable. */
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 100vh; /* Takes up 100% of the screen height */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centers your content vertically */
    align-items: center;     /* Centers your content horizontally */
}
/* =========================================
     GLOBAL FLOATING WIDGETS
     ========================================= */
/* Left Side Social Sidebar */
.floating-social-sidebar {
    position: fixed;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 9999;
  }
.floating-social-sidebar a {
    background-color: #2B1E12; 
    color: #FFFFFF;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: transform 0.3s ease, background-color 0.3s ease;
  }
.floating-social-sidebar a:hover {
    background-color: var(--accent-caramel, #c08b5c);
    transform: scale(1.15);
  }
/* Bottom Right WhatsApp Trigger Button */
.floating-whatsapp {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #25D366; 
    color: #FFFFFF;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(37, 211, 102, 0.4);
    z-index: 10000;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: none;
    cursor: pointer;
  }
.floating-whatsapp:hover {
    transform: scale(1.1) translateY(-5px);
    box-shadow: 0 8px 20px rgba(37, 211, 102, 0.6);
  }
/* =========================================
     WHATSAPP CHAT MODAL UI
     ========================================= */
.wa-chat-container {
    position: fixed;
    bottom: 110px; /* Sits just above the button */
    right: 30px;
    width: 350px;
    background: #e5ddd5; /* Classic WhatsApp Chat BG */
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    z-index: 9999;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    
    /* Animation defaults (Hidden) */
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px) scale(0.95);
    transform-origin: bottom right;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
.wa-chat-container.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }
/* Header */
.wa-chat-header {
    background: #075e54;
    color: white;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
.wa-chat-info {
    display: flex;
    align-items: center;
    gap: 12px;
  }
.wa-avatar {
    width: 40px;
    height: 40px;
    background: #fff;
    color: #ccc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
.wa-avatar svg { width: 40px; height: 40px; margin-top: 6px; }
.wa-chat-info h4 { margin: 0; font-size: 1rem; font-family: sans-serif; font-weight: 600; }
.wa-chat-info p { margin: 2px 0 0; font-size: 0.75rem; color: #dcf8c6; font-family: sans-serif;}
.wa-close-btn {
    background: transparent;
    border: none;
    color: white;
    font-size: 28px;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    opacity: 0.8;
  }
.wa-close-btn:hover { opacity: 1; }
/* Body */
.wa-chat-body {
    padding: 20px;
    min-height: 180px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20.5V18H0v-2h20v-2.5L25 17l-5 3.5zm0 0v2.5h20v2H20v2.5L15 24l5-3.5z' fill='%23000000' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
.wa-message {
    background: #fff;
    padding: 12px 16px;
    border-radius: 0 12px 12px 12px;
    font-size: 0.9rem;
    color: #333;
    max-width: 85%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    font-family: sans-serif;
    line-height: 1.4;
  }
/* Footer / Input */
.wa-chat-footer {
    padding: 12px;
    background: #f0f0f0;
    display: flex;
    gap: 10px;
    align-items: center;
  }
.wa-chat-footer input {
    flex: 1;
    padding: 12px 16px;
    border: none;
    border-radius: 20px;
    outline: none;
    font-size: 0.95rem;
    font-family: sans-serif;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  }
.wa-send-btn {
    background: #075e54;
    color: white;
    border: none;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    transition: background 0.2s;
  }
.wa-send-btn:hover { background: #128C7E; }
.wa-send-btn svg { margin-left: 2px; /* optical centering */ }
/* Mobile Adjustments */
@media (max-width: 768px) {
    .floating-social-sidebar { left: 10px; }
    .floating-social-sidebar a { width: 40px; height: 40px; }
    .floating-whatsapp { bottom: 20px; right: 20px; width: 50px; height: 50px; }
    .floating-whatsapp svg { width: 28px; height: 28px; }
    
    .wa-chat-container {
      bottom: 90px;
      right: 20px;
      width: calc(100vw - 40px);
      max-width: 350px;
    }

    /* Premium Prose Styling */
.prose {
  color: #d1d1d1;
  font-size: 1.15rem;
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto;
}

.prose h2 {
  color: #c08b5c; /* Your brand gold */
  font-size: 2.2rem;
  margin: 3rem 0 1.5rem;
  letter-spacing: -0.5px;
}

.prose p {
  margin-bottom: 1.8rem;
}

.prose strong {
  color: #fff;
}

.prose img {
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}
}
/* =========================================
     LENIS SMOOTH SCROLL REQUIRED CSS
     ========================================= */
html.lenis, html.lenis body {
    height: auto;
  }
.lenis.lenis-smooth {
    scroll-behavior: auto !important;
  }
.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }
.lenis.lenis-stopped {
    overflow: hidden;
  }
.lenis.lenis-smooth iframe {
    pointer-events: none;
  }
/* 2. Reading Progress Bar */
.progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  background: var(--gold);
  width: 0%;
  z-index: 1000;
}
/* 3. Header Hero */
.blog-header {
  padding: 8rem 2rem 4rem;
  text-align: center;
  border-bottom: 1px solid #333;
}
.header-content { max-width: 800px; margin: 0 auto; }
.label { color: var(--gold); text-transform: uppercase; letter-spacing: 2px; font-size: 0.8rem; }
h1 { font-size: clamp(2.5rem, 8vw, 4rem); margin: 1rem 0; color: #fff; line-height: 1.1; }
/* 4. The "Editorial" Prose Container */
.prose {
  max-width: 700px; /* Perfect line length for reading */
  margin: 0 auto;
  padding: 4rem 1.5rem;
  font-size: 1.2rem;
  line-height: 1.8;
}
/* Typography polish */
.prose h2 { color: #fff; margin-top: 3rem; }
.prose p { margin-bottom: 1.5rem; }
/* 5. Mobile Adjustments */
@media (max-width: 768px) {
  .prose { padding: 2rem 1rem; }
}
.blog-section { padding: 6rem 2rem; max-width: 1200px; margin: 0 auto; }
.blog-header { text-align: center; margin-bottom: 4rem; }
.blog-header h1 { font-family: 'Playfair Display', serif; font-size: 3.5rem; }
.bento-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
}
/* Featured post spans two columns on large screens */
@media (min-width: 900px) {
  .featured { grid-column: span 2; }
}
.blog-card {
  background: #252525;
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.blog-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}
.image-wrapper { height: 250px; overflow: hidden; }
.image-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.content { padding: 2rem; }
.date { color: var(--gold); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; }
.content h2 { margin: 1rem 0; font-family: 'Playfair Display', serif; }
.content p { color: #ccc; line-height: 1.6; font-size: 0.95rem; }
.back-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--accent-caramel);
  font-family: var(--font-primary);
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-decoration: none;
  margin-bottom: 2rem;
  transition: color 0.3s ease, transform 0.3s ease;
  width: max-content;
}
.back-btn:hover {
  color: #FFFFFF;
  transform: translateX(-4px);
}
.back-btn .arrow {
  transition: transform 0.3s ease;
}.site-header[data-astro-cid-3ef6ksr2]{background-color:#281C16;padding:0.1rem 0;width:100%;border-bottom:1px solid rgba(255,255,255,0.05)}.nav-container[data-astro-cid-3ef6ksr2]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.brand-logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.logo-img[data-astro-cid-3ef6ksr2]{height:60px;width:auto;display:block;filter:brightness(1.2)}.logo-text[data-astro-cid-3ef6ksr2]{font-family:"Playfair Display",serif;font-size:1.4rem}.logo-text[data-astro-cid-3ef6ksr2] em[data-astro-cid-3ef6ksr2]{font-style:italic;color:#c08b5c}.nav-links[data-astro-cid-3ef6ksr2]{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-family:var(--font-primary);text-transform:none;font-size:0.95rem;color:#fff;text-decoration:none;letter-spacing:normal}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{color:#c08b5c}.primary-btn[data-astro-cid-3ef6ksr2]{background:#c08b5c;color:white;padding:0.6rem 1.2rem;text-decoration:none;font-family:var(--font-primary);border-radius:4px;font-weight:600;transition:opacity 0.2s}.primary-btn[data-astro-cid-3ef6ksr2]:hover{opacity:0.9}.mobile-menu-overlay[data-astro-cid-3ef6ksr2]{position:fixed;top:80px;left:0;width:100%;height:calc(100dvh - 80px);background-color:rgba(40,28,22,0.98);backdrop-filter:blur(10px);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4rem 1.5rem;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateY(-100%);opacity:0;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.3s ease;pointer-events:none}.mobile-menu-overlay[data-astro-cid-3ef6ksr2].active{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav-links[data-astro-cid-3ef6ksr2]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2rem;align-items:center}.mobile-nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-family:var(--font-primary);font-size:1.5rem;color:#fff;text-decoration:none;font-weight:500;transition:color 0.3s ease}.mobile-nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{color:var(--accent-caramel, #c08b5c)}.mobile-cta-btn[data-astro-cid-3ef6ksr2]{background:#c08b5c;color:white!important;padding:0.8rem 2rem;border-radius:4px;font-weight:600!important;margin-top:1rem;display:inline-block}.mobile-menu-toggle[data-astro-cid-3ef6ksr2]{display:none;background:none;border:none;cursor:pointer;padding:0.5rem;z-index:1001}.mobile-menu-toggle[data-astro-cid-3ef6ksr2] .bar[data-astro-cid-3ef6ksr2]{display:block;width:25px;height:2px;margin:5px auto;background-color:#fff;transition:all 0.3s ease-in-out}.mobile-menu-toggle[data-astro-cid-3ef6ksr2].active .bar[data-astro-cid-3ef6ksr2]:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle[data-astro-cid-3ef6ksr2].active .bar[data-astro-cid-3ef6ksr2]:nth-child(2){opacity:0}.mobile-menu-toggle[data-astro-cid-3ef6ksr2].active .bar[data-astro-cid-3ef6ksr2]:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 900px){.nav-container[data-astro-cid-3ef6ksr2]{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:1rem 1.5rem!important;gap:0!important}.main-nav[data-astro-cid-3ef6ksr2],.nav-links[data-astro-cid-3ef6ksr2],.primary-btn-container[data-astro-cid-3ef6ksr2]{display:none!important}.mobile-menu-toggle[data-astro-cid-3ef6ksr2]{display:block!important}.brand-logo[data-astro-cid-3ef6ksr2]{margin:0!important;width:auto!important}.logo-img[data-astro-cid-3ef6ksr2]{height:35px!important}.logo-text[data-astro-cid-3ef6ksr2]{font-size:1.1rem!important}}}{}.site-footer[data-astro-cid-sz7xmlte]{background:#281C16;color:#e5e5e5;padding:4rem 0 2rem;border-top:1px solid rgba(192,139,92,0.25);position:relative}.footer-container[data-astro-cid-sz7xmlte]{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.footer-grid[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:4rem;margin-bottom:3rem}.footer-logo[data-astro-cid-sz7xmlte]{width:70px;height:auto;margin-bottom:1rem;filter:brightness(1.1)}.footer-title[data-astro-cid-sz7xmlte]{font-family:"Playfair Display",serif;font-size:1.7rem;color:#fff;margin-bottom:0.5rem;font-weight:600}.footer-title[data-astro-cid-sz7xmlte] em[data-astro-cid-sz7xmlte]{color:#c08b5c;font-style:italic}.footer-tagline[data-astro-cid-sz7xmlte]{color:#c08b5c;font-weight:600;margin-bottom:1rem;font-size:0.95rem}.footer-desc[data-astro-cid-sz7xmlte]{color:#b7b7b7;line-height:1.8;max-width:420px}.footer-heading[data-astro-cid-sz7xmlte]{font-family:"Playfair Display",serif;color:#c08b5c;font-size:1.05rem;margin-bottom:1.2rem}.footer-links[data-astro-cid-sz7xmlte],.footer-contact[data-astro-cid-sz7xmlte]{list-style:none;padding:0;margin:0}.footer-links[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte],.footer-contact[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte]{margin-bottom:0.9rem}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte],.footer-contact[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:#d6d6d6;text-decoration:none;font-family:"Poppins",sans-serif;transition:all 0.25s ease}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover,.footer-contact[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:#c08b5c;padding-left:4px}.footer-contact[data-astro-cid-sz7xmlte] strong[data-astro-cid-sz7xmlte]{color:#ffffff;font-weight:600}.footer-btn[data-astro-cid-sz7xmlte]{display:inline-block;margin-top:1.5rem;background:#c08b5c;color:#fff;text-decoration:none;padding:0.75rem 1.4rem;border-radius:4px;font-family:"Poppins",sans-serif;font-weight:600;transition:all 0.25s ease}.footer-btn[data-astro-cid-sz7xmlte]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(192,139,92,0.25)}.footer-bottom[data-astro-cid-sz7xmlte]{border-top:1px solid rgba(255,255,255,0.08);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#8f8f8f;font-size:0.85rem}.dev-credit[data-astro-cid-sz7xmlte] strong[data-astro-cid-sz7xmlte]{color:#c08b5c}.dev-link[data-astro-cid-sz7xmlte]{color:#9e9e9e;text-decoration:none;font-weight:700;display:inline-block;transition:all 0.3s ease}.dev-link[data-astro-cid-sz7xmlte]:hover{color:#ffffff;transform:scale(1.08);text-shadow:0 0 8px rgba(192,139,92,0.6),0 0 16px rgba(192,139,92,0.4),0 0 24px rgba(192,139,92,0.25)}@media (max-width: 900px){.footer-grid[data-astro-cid-sz7xmlte]{grid-template-columns:1fr;gap:2.5rem}.footer-bottom[data-astro-cid-sz7xmlte]{flex-direction:column;text-align:center}.footer-title[data-astro-cid-sz7xmlte]{font-size:1.5rem}}.footer-brand[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;align-items:flex-start}.footer-brand-link[data-astro-cid-sz7xmlte]{text-decoration:none;display:inline-block}.footer-brand-link[data-astro-cid-sz7xmlte] .footer-title[data-astro-cid-sz7xmlte]{transition:all 0.3s ease}.footer-brand-link[data-astro-cid-sz7xmlte]:hover .footer-title[data-astro-cid-sz7xmlte]{transform:scale(1.04);text-shadow:0 0 10px rgba(192,139,92,0.35),0 0 20px rgba(192,139,92,0.25)}.footer-brand-link[data-astro-cid-sz7xmlte]:hover em[data-astro-cid-sz7xmlte]{color:#d7a16d}/* Route announcer */
	.astro-route-announcer {
		position: absolute;
		left: 0;
		top: 0;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		overflow: hidden;
		white-space: nowrap;
		width: 1px;
		height: 1px;
	}