/* Approved direction: navigation over the garden, with a full-screen mobile menu. */
.vr-site-header {
  --vr-nav-ink:#f8f8ee;
  --vr-nav-surface:#f7f7ed;
  --vr-nav-action:#173f2d;
  position:fixed; inset:0 0 auto; z-index:1000; color:var(--vr-nav-ink);
  background:linear-gradient(180deg,rgba(5,27,17,.76),rgba(5,27,17,.35));
  border-bottom:1px solid rgba(255,255,255,.17);
  transition:background-color .22s ease,color .22s ease,box-shadow .22s ease;
}
.vr-site-header[data-scrolled="true"] {
  --vr-nav-ink:#173f2d; --vr-nav-surface:#245d3e; --vr-nav-action:#fff;
  background:#edf3ee; border-color:rgba(23,63,45,.12); box-shadow:0 3px 18px rgba(10,35,23,.08);
}
.vr-site-header .vr-top-nav {
  max-width:80rem; margin:0 auto; display:flex; align-items:center;
  justify-content:space-between; gap:28px; padding:0 5%; min-height:96px;
}
.vr-site-header .vr-brand {
  display:inline-flex; align-items:center; gap:13px; flex-shrink:0;
  color:inherit; text-decoration:none;
}
.vr-site-header .vr-brand img { width:54px!important; height:54px!important; border-radius:50%; display:block; }
.vr-site-header .vr-brand span { font:400 1.7rem/1.1 'Aleo',serif!important; letter-spacing:-.025em; white-space:nowrap; }
.vr-site-header .vr-nav-links { display:flex; align-items:center; justify-content:center; flex:1; gap:clamp(17px,1.9vw,30px); }
.vr-site-header .vr-nav-link {
  position:relative; display:inline-flex; align-items:center; min-height:44px;
  padding:8px 0; color:inherit; font:500 .96rem/1.4 'Inter',sans-serif;
  letter-spacing:-.015em; text-decoration:none; white-space:nowrap;
}
.vr-site-header .vr-nav-link::after {
  content:''; position:absolute; bottom:5px; left:0; right:0; height:1px;
  background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform .2s ease;
}
.vr-site-header .vr-nav-contact {
  display:inline-flex; align-items:center; justify-content:center; gap:16px; flex-shrink:0;
  min-height:46px; padding:12px 24px; border:1px solid transparent; border-radius:999px;
  background:var(--vr-nav-surface); color:var(--vr-nav-action); font:600 .94rem/1.4 'Inter',sans-serif;
  text-decoration:none; white-space:nowrap; transition:box-shadow .2s ease,transform .2s ease;
}
.vr-site-header .vr-nav-contact svg { flex-shrink:0; transition:transform .2s ease; }
.vr-site-header .vr-menu-toggle {
  display:none; align-items:center; justify-content:center; gap:9px; min-height:44px;
  padding:9px 16px; border:1px solid currentColor; border-radius:999px;
  background:rgba(7,31,20,.16); color:inherit; font:600 .91rem/1.4 'Inter',sans-serif; cursor:pointer;
}
.vr-site-header .vr-menu-toggle svg { flex-shrink:0; }
.vr-site-header[data-scrolled="true"] .vr-menu-toggle { background:transparent; }
.vr-site-header a:focus-visible,.vr-site-header button:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
.vr-site-header a,.vr-site-header button { touch-action:manipulation; -webkit-tap-highlight-color:rgba(188,220,196,.22); }
.vr-site-header.vr-menu-open > .vr-top-nav { visibility:hidden; }
.vr-site-header .vr-menu-panel {
  position:fixed; inset:0; height:100vh; height:100dvh; overflow-y:auto; overscroll-behavior:contain;
  display:flex; flex-direction:column; color:#f8f8ee;
  background:linear-gradient(100deg,rgba(8,44,31,.99),rgba(8,44,31,.94)),url('/assets/img-m/hero-still.webp') 65% center/cover;
  animation:vr-menu-enter .2s ease both;
}
.vr-site-header .vr-mobile-top {
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-shrink:0;
  padding:env(safe-area-inset-top,0px) 20px 0; min-height:80px; border-bottom:1px solid rgba(255,255,255,.16);
}
.vr-site-header .vr-menu-body { display:flex; flex-direction:column; flex:1; padding:24px 26px max(28px,env(safe-area-inset-bottom)); }
.vr-site-header .vr-mobile-links { display:flex; flex-direction:column; gap:4px; }
.vr-site-header .vr-mobile-links a {
  display:flex; align-items:center; min-height:50px; width:100%; padding:8px 5px;
  color:inherit; font:500 1.65rem/1.3 'Inter',sans-serif; letter-spacing:-.03em; text-decoration:none;
}
.vr-site-header .vr-mobile-actions { margin-top:auto; padding-top:32px; display:flex; flex-direction:column; gap:12px; }
.vr-site-header .vr-mobile-contact { min-height:54px; width:100%; background:#f7f7ed; color:#173f2d; font-size:1.05rem; }
.vr-site-header .vr-mobile-wa {
  display:flex; align-items:center; justify-content:center; gap:12px; min-height:48px;
  color:#f8f8ee; font:600 .95rem/1.5 'Inter',sans-serif; text-decoration:none;
}
.vr-site-header .vr-mobile-wa svg { width:27px; height:27px; flex-shrink:0; }
.vr-site-shell main [id] { scroll-margin-top:112px; }
.vr-hero-home-body { padding-top:calc(96px + clamp(40px,5.8vw,80px))!important; }
.vr-hero-home-body .vr-hero-eyebrow { text-transform:none!important; letter-spacing:.16em!important; }
.vr-site-header[data-hero-visible="true"] ~ [data-cta="fab-wa"] { visibility:hidden; }
.vr-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:32px; pointer-events:auto; }
.vr-hero-action {
  display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:54px; padding:14px 24px;
  border:1px solid transparent; border-radius:999px; font:600 .95rem/1.5 'Inter',sans-serif;
  letter-spacing:-.01em; text-decoration:none; transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.vr-hero-action svg { flex-shrink:0; }
.vr-hero-primary { background:#286c46; border-color:rgba(255,255,255,.2); color:#fff; box-shadow:0 6px 20px rgba(0,0,0,.14); }
.vr-hero-catalog { background:#f5f8f4; border-color:rgba(255,255,255,.7); color:#245d3e; box-shadow:0 6px 20px rgba(0,0,0,.1); }
.vr-hero-services {
  gap:10px; padding-inline:4px; min-height:44px; border:0; border-radius:0; background:transparent; color:#fff;
  box-shadow:none; text-decoration:underline; text-decoration-color:rgba(255,255,255,.4); text-underline-offset:6px; text-decoration-thickness:1px;
}
.vr-hero-services svg { transition:transform .2s ease; }
.vr-hero-action:focus-visible { outline:2px solid #fff; outline-offset:5px; }
@keyframes vr-menu-enter { from { opacity:0; } to { opacity:1; } }
@media(hover:hover) {
  .vr-site-header .vr-nav-link:hover::after { transform:scaleX(1); }
  .vr-site-header .vr-nav-contact:hover svg,.vr-hero-services:hover svg { transform:translateX(3px); }
  .vr-site-header .vr-mobile-links a:hover { color:#c9e4cf; }
  .vr-site-header .vr-nav-contact:hover { box-shadow:0 0 0 4px rgba(188,220,196,.15); }
  .vr-hero-primary:hover { background:#1f5839; transform:translateY(-2px); box-shadow:0 9px 24px rgba(0,0,0,.18); }
  .vr-hero-catalog:hover { background:#fff; transform:translateY(-2px); }
  .vr-hero-services:hover { text-decoration-color:#fff; }
}
@media(min-width:940px) and (max-width:1100px) {
  .vr-site-header .vr-top-nav { gap:20px; padding-inline:4%; }
  .vr-site-header .vr-brand { gap:10px; }
  .vr-site-header .vr-brand img { width:48px!important; height:48px!important; }
  .vr-site-header .vr-brand span { font-size:1.5rem!important; }
  .vr-site-header .vr-nav-links { gap:16px; }
  .vr-site-header .vr-nav-link { font-size:.88rem; }
  .vr-site-header .vr-nav-contact { padding-inline:18px; gap:12px; }
}
@media(max-width:939px) {
  .vr-site-header .vr-top-nav { min-height:80px; padding:env(safe-area-inset-top,0px) 20px 0; gap:12px; }
  .vr-site-header .vr-brand { gap:9px; }
  .vr-site-header .vr-brand img { width:40px!important; height:40px!important; }
  .vr-site-header .vr-brand span { font-size:1.32rem!important; }
  .vr-site-header .vr-top-nav > .vr-nav-links,.vr-site-header .vr-top-nav > .vr-nav-contact { display:none; }
  .vr-site-header .vr-menu-toggle { display:inline-flex; }
  .vr-hero-home-body { min-height:100svh!important; justify-content:flex-start!important; padding-top:120px!important; padding-bottom:52px!important; }
  .vr-hero-home-body .vr-hero-eyebrow { font-size:.81rem!important; letter-spacing:.1em!important; }
  .vr-hero-home-body h1 { font-size:clamp(2.25rem,11vw,2.75rem)!important; }
  .vr-site-shell main [id] { scroll-margin-top:96px; }
}
@media(max-width:600px) {
  .vr-hero-primary,.vr-hero-catalog { width:100%; }
  .vr-hero-services { margin-top:2px; }
}
@media(max-width:359px) {
  .vr-site-header .vr-top-nav,.vr-site-header .vr-mobile-top { padding-inline:16px; }
  .vr-site-header .vr-brand { gap:7px; }
  .vr-site-header .vr-brand img { width:36px!important; height:36px!important; }
  .vr-site-header .vr-brand span { font-size:1.18rem!important; }
  .vr-site-header .vr-menu-toggle { padding-inline:12px; gap:7px; }
  .vr-site-header .vr-menu-body { padding-inline:20px; }
}
@media(max-height:700px) {
  .vr-site-header .vr-menu-body { padding-top:16px; padding-bottom:20px; }
  .vr-site-header .vr-mobile-links { gap:0; }
  .vr-site-header .vr-mobile-links a { min-height:44px; font-size:1.4rem; }
  .vr-site-header .vr-mobile-actions { padding-top:22px; }
}
@media(prefers-reduced-motion:reduce) {
  .vr-site-header,.vr-site-header *,.vr-site-header *::after,.vr-hero-action,.vr-hero-services svg { animation:none!important; transition:none!important; }
}

/* The same approved navigation on inner pages, in document flow. */
.vr-site-header.vr-inner-header{position:sticky;top:0;--vr-nav-ink:#173f2d;--vr-nav-surface:#245d3e;--vr-nav-action:#fff;background:#edf3ee;border-color:rgba(23,63,45,.12);}
.vr-site-header.vr-inner-header .vr-menu-toggle{background:transparent;}
.vr-site-header .vr-menu-panel[hidden]{display:none!important;}
.vr-site-header .vr-nav-link[aria-current="page"]::after{transform:scaleX(1);}

.vr-inner-header:not(.vr-menu-open) .vr-menu-panel{display:none!important;}

.vr-site-header.vr-inner-header.vr-menu-open{z-index:10000;}
.vr-inner-header .vr-menu-panel{z-index:10001;background-color:#082c1f;}