/* One responsive website navigation: full links on larger screens, one menu button on phones. */
:root{--order-green:#5f7158;--order-green-dark:#52624c;--order-cream:#fff8e9}
/* Centre the desktop menu on the page, independently of the side controls. */
@media(min-width:1241px){
  .site-header .desktop-nav{position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}
}
.site-header{z-index:100!important;overflow:visible}
.linden-logo{display:inline-flex!important;align-items:center;gap:10px;flex:0 0 auto;color:#fff7e8!important;font-family:'Plus Jakarta Sans',sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1!important;letter-spacing:.11em!important;text-transform:uppercase}
.linden-logo-word{white-space:nowrap}
.linden-tree-mark{display:block;width:34px;height:39px;flex:0 0 34px;overflow:visible;color:#fff7e8}
.linden-tree-mark .tree-accent{fill:#57ed70}
.linden-tree-mark .tree-warm{fill:currentColor}
.footer .linden-logo{color:#fff7e8!important}
.site-header .desktop-nav{display:flex;align-items:center;gap:16px;font-size:11px;font-weight:700}
.site-header .desktop-nav>a,.site-header .order-menu>summary{display:flex;align-items:center;min-height:44px;padding:0 2px;cursor:pointer;white-space:nowrap}
.site-header .desktop-nav>a:hover,.site-header .desktop-nav>a[aria-current="page"],.site-header .order-menu>summary:hover,.site-header .order-menu.current>summary{color:#f0d7cb}
.site-header details summary{list-style:none}
.site-header details summary::-webkit-details-marker{display:none}
.site-header .order-menu{position:relative}
.site-header .order-menu>summary::after{content:'▾';margin-left:7px;font-size:9px}
.site-header .nav-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:230px;padding:8px;background:#fffdf7;color:#4a3528;border:1px solid #cbc6b9;box-shadow:0 14px 30px #2f332f35}
.site-header .nav-dropdown a{display:flex;align-items:center;min-height:46px;padding:10px 12px;border-bottom:1px solid #e0ddd4;font-size:11px;font-weight:700}
.site-header .nav-dropdown a:last-child{border-bottom:0}
.site-header .nav-dropdown a:hover,.site-header .nav-dropdown a[aria-current="page"]{background:#e4e8df;color:#4a3528}
.site-header .header-call{white-space:nowrap;background:var(--order-green)!important;color:#fff!important;border:1px solid #f2e7d1!important;box-shadow:inset 0 0 0 1px #ffffff30,0 4px 0 var(--order-green-dark),0 8px 18px #203f2b40!important;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}
.site-header .header-call:hover{background:var(--order-green-dark)!important;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff30,0 5px 0 #193f29,0 10px 22px #203f2b4d!important}
.social-links{display:flex;align-items:center;gap:10px}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:rgba(255,255,255,.12);color:#fff7e8;transition:transform .18s ease,background-color .18s ease,color .18s ease}.social-links svg{display:block;width:18px;height:18px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-links .social-icon-fill{fill:currentColor;stroke:none}.social-links a:hover,.social-links a:focus-visible{outline:0;transform:translateY(-2px);background:#fffdf7;color:#4a3528}.social-links-header{flex:0 0 auto;margin-left:auto;margin-right:20px}.social-links-footer{margin-left:auto;padding-left:24px}.footer .social-links a{width:38px;height:38px;background:rgba(255,255,255,.09)}
.site-header .mobile-menu{display:none;position:relative;margin-left:auto}
.site-header .mobile-menu>summary{display:flex;align-items:center;justify-content:center;min-width:86px;min-height:46px;padding:10px 15px;background:#fffdf7;color:#4a3528;border:1px solid #d7ddd3;box-shadow:0 3px 0 #39403733;font-size:12px;font-weight:700;cursor:pointer}
.site-header .mobile-menu>summary::after{content:'☰';margin-left:9px;font-size:15px;line-height:1}
.site-header .mobile-menu[open]>summary::after{content:'×';font-size:20px}
.site-header .mobile-menu nav{position:absolute;top:calc(100% + 10px);right:0;width:min(330px,calc(100vw - 28px));max-height:calc(100vh - 92px);overflow-y:auto;display:grid!important;gap:0!important;padding:8px;background:#fffdf7;color:#4a3528;border:1px solid #cbc6b9;box-shadow:0 18px 40px #1f211f55}
.site-header .mobile-menu nav a{display:flex;align-items:center;min-height:48px;padding:11px 13px;border-bottom:1px solid #e0ddd4;font-size:12px;font-weight:700}
.site-header .mobile-menu nav a[aria-current="page"]{background:#e4e8df;color:#4a3528}
.site-header .mobile-menu nav a:last-child{margin-top:6px;border:1px solid #d9e5d6;background:var(--order-green);color:#fff;justify-content:center;box-shadow:0 3px 0 var(--order-green-dark)}
.site-header .mobile-menu nav a:last-child:hover{background:var(--order-green-dark)}
.site-header .mobile-group{padding:13px 13px 6px;color:#718269;font:700 9px 'DM Mono',monospace;letter-spacing:.12em}
.mobile-call,.btn.mobile{background:var(--order-green)!important;color:#fff!important;border:1px solid var(--order-cream)!important;box-shadow:inset 0 0 0 1px #ffffff2b,0 4px 0 var(--order-green-dark),0 10px 28px #142b1d66!important;transition:background-color .18s ease,transform .18s ease}
.mobile-call:hover,.btn.mobile:hover{background:var(--order-green-dark)!important;transform:translateY(-1px)}
.order-band .order-actions .btn:not(.secondary){background:var(--order-green)!important;color:#fff!important;border:1px solid #d9e5d6!important;box-shadow:0 4px 0 var(--order-green-dark),0 9px 22px #1d38274d!important}
.site-header .header-call:focus-visible,.site-header .mobile-menu nav a:last-child:focus-visible,.mobile-call:focus-visible,.btn.mobile:focus-visible,.order-band .order-actions .btn:not(.secondary):focus-visible{outline:3px solid var(--order-cream);outline-offset:3px}
@media(max-width:1060px){
  .site-header .desktop-nav,.site-header .header-call,.site-header .social-links-header{display:none!important}
  .site-header .mobile-menu{display:block}
}
@media(max-width:720px){.footer{flex-wrap:wrap;gap:20px!important}.footer .social-links-footer{width:100%;justify-content:flex-start;margin-left:0;padding-left:0}.mobile-call,.btn.mobile{left:auto!important;right:16px!important;bottom:16px!important;width:auto!important;min-width:0!important;min-height:46px!important;padding:11px 16px!important;border-radius:999px!important;font-size:11px!important;white-space:nowrap!important}}
@media(max-width:720px){
  .site-header{height:66px!important;padding:0 16px!important}
  .site-header .logo,.site-header .brand{font-size:18px!important}
  .site-header .mobile-menu{display:block}
}

@media(max-width:560px){
  .site-header .linden-logo,.footer .linden-logo{gap:7px;font-size:12px!important;letter-spacing:.085em!important}
  .linden-tree-mark{width:27px;height:32px;flex-basis:27px}
}

@media(max-width:390px){
  .site-header .linden-logo,.footer .linden-logo{font-size:10px!important;letter-spacing:.07em!important}
  .linden-tree-mark{width:24px;height:29px;flex-basis:24px}
}

/* DES-inspired glass mobile navigation, adapted to Linden Tree. */
.mobile-menu-backdrop{display:none}
@media(max-width:1060px){
  body.menu-is-open{overflow:hidden}
  .site-header .mobile-menu{z-index:82}
  .site-header .mobile-menu>summary{position:relative;z-index:84;min-width:46px;width:46px;height:46px;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(255,253,247,.88);box-shadow:inset 0 1px 0 #fff,0 10px 26px rgba(31,33,31,.2);backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);font-size:0;transition:transform .3s ease,background .3s ease}
  .site-header .mobile-menu>summary::before,.site-header .mobile-menu>summary::after{content:'';position:absolute;left:14px;width:17px;height:2px;margin:0;background:#4a3528;transition:transform .35s cubic-bezier(.2,.8,.2,1),top .35s ease}
  .site-header .mobile-menu>summary::before{top:18px}
  .site-header .mobile-menu>summary::after{top:26px}
  .site-header .mobile-menu[open]>summary{transform:scale(.96);background:#e4e8df}
  .site-header .mobile-menu[open]>summary::before{display:none}
  .site-header .mobile-menu[open]>summary::after{content:'\00d7';top:50%;left:50%;width:auto;height:auto;margin:0;background:transparent;font:400 29px/1 Arial,sans-serif;transform:translate(-50%,-53%)}
  .site-header .mobile-menu[open] .mobile-menu-backdrop{position:fixed;z-index:80;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:rgba(37,31,26,.38);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:default;animation:menu-backdrop .28s ease both}
  .site-header .mobile-menu nav{z-index:83;top:58px;width:224px;max-width:calc(100vw - 26px);max-height:calc(100svh - 94px);gap:3px!important;padding:10px;overflow-y:auto;border:1px solid rgba(255,255,255,.78);border-radius:20px;background:linear-gradient(145deg,rgba(255,253,247,.96),rgba(232,235,226,.91));box-shadow:inset 0 1px 0 #fff,0 26px 64px rgba(31,33,31,.3);backdrop-filter:blur(28px) saturate(130%);-webkit-backdrop-filter:blur(28px) saturate(130%);transform-origin:top right;animation:menu-reveal .4s cubic-bezier(.2,.82,.2,1) both}
  .site-header .mobile-menu nav::before{content:'Explore Linden Tree';display:block;padding:8px 10px 11px;border-bottom:1px solid rgba(74,53,40,.14);color:rgba(74,53,40,.55);font:700 7px 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase}
  .site-header .mobile-menu nav a{width:100%;min-height:38px;padding:0 11px;border:0;border-radius:999px;color:rgba(48,51,47,.88);font-size:12px;transition:transform .25s ease,background .25s ease,color .25s ease}
  .site-header .mobile-menu nav a:hover,.site-header .mobile-menu nav a:focus-visible,.site-header .mobile-menu nav a[aria-current="page"]{outline:0;background:rgba(255,255,255,.75);color:#52624c;transform:translateX(3px)}
  .site-header .mobile-menu nav a:last-child{min-height:40px;margin-top:7px;border:1px solid rgba(82,98,76,.26);background:rgba(95,113,88,.14);color:#4a3528;box-shadow:none}
  .site-header .mobile-menu nav a:last-child:hover{background:rgba(255,255,255,.82)}
  .site-header .mobile-group{padding:13px 11px 6px;font-size:7px}
  @keyframes menu-reveal{from{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
  @keyframes menu-backdrop{from{opacity:0}to{opacity:1}}
}
@media(prefers-reduced-motion:reduce){
  .site-header .mobile-menu nav,.site-header .mobile-menu[open] .mobile-menu-backdrop{animation:none}
  .site-header .mobile-menu>summary,.site-header .mobile-menu>summary::before,.site-header .mobile-menu>summary::after,.site-header .mobile-menu nav a{transition:none}
}