/* The header, main menu and footer shared by every page. Linked last on each page, so it wins over page styles. */

/* ---------- header ---------- */
.w-nav{max-width:1360px;margin:0 auto;padding:18px 32px 6px;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:10px 40px;position:relative}
.w-navlogo{display:inline-flex;align-items:center;text-decoration:none;border-radius:8px}
.w-navlogo img{height:70px;width:auto;display:block;transition:transform .35s cubic-bezier(.2,1.6,.4,1)}
.w-navlogo:hover img{transform:rotate(-4deg) scale(1.04)}
.w-navlogo:focus-visible{outline:2px solid #a85565;outline-offset:4px}
.w-navlinks{flex:1 1 420px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:0 28px}
.w-link{font-family:'Fraunces',serif;font-size:16px;color:#262335;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;border-bottom:1.5px solid transparent;transition:color .2s,border-color .2s}
.w-link:hover{color:#a85565}
.w-link:focus-visible{outline:2px solid #a85565;outline-offset:4px;border-radius:4px}
.w-link.is-current{color:#a85565;border-bottom-color:#a85565}
.w-navextra{display:inline-flex;align-items:center}

/* Explore menu: opens on hover, keyboard focus, or a tap/click (js/site.js) */
.w-exp{position:relative}
.w-exp-btn{all:unset;box-sizing:border-box;font-family:'Fraunces',serif;font-size:16px;color:#262335;min-height:44px;display:inline-flex;align-items:center;cursor:pointer;border-bottom:1.5px solid transparent}
.w-exp-btn:hover,.w-exp:focus-within .w-exp-btn{color:#a85565}
.w-exp-btn.is-current{color:#a85565;border-bottom-color:#a85565}
.w-exp-btn:focus-visible{outline:2px solid #a85565;outline-offset:4px;border-radius:4px}
.w-exp-menu{position:absolute;right:-12px;top:100%;z-index:70;min-width:250px;padding:10px;background:#fffdf9;border:1.5px solid #262335;border-radius:14px;box-shadow:0 18px 36px -16px rgba(30,24,44,.45);opacity:0;visibility:hidden;transform:translateY(-6px) rotate(-.6deg);transition:opacity .18s,transform .18s,visibility 0s .18s}
.w-exp::before{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
.w-exp:hover .w-exp-menu,.w-exp:focus-within .w-exp-menu,.w-exp.is-open .w-exp-menu{opacity:1;visibility:visible;transform:translateY(4px) rotate(-.6deg);transition:opacity .18s,transform .22s cubic-bezier(.2,1.4,.4,1),visibility 0s}
.w-js .w-exp.is-shut .w-exp-menu{opacity:0;visibility:hidden}
.w-exp-menu a{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;text-decoration:none;color:#262335}
.w-exp-menu a:hover,.w-exp-menu a:focus-visible{background:#f3ecee;outline:none}
.w-exp-menu a:focus-visible{box-shadow:inset 0 0 0 2px #a85565}
.w-exp-menu a.is-current{background:#f3ecee;box-shadow:inset 3px 0 0 #a85565}
.w-exp-t{font-family:'Fraunces',serif;font-size:16px}
.w-exp-s{font-family:'Caveat',cursive;font-size:18px;color:#6b6372;line-height:1.1}

/* phone menu: a Menu button opens one panel listing every page */
.w-menubtn{all:unset;display:none;box-sizing:border-box;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1.5px solid #262335;border-radius:999px;font-family:'Fraunces',serif;font-size:16px;color:#262335;background:#fffdf9;cursor:pointer}
.w-menubtn svg{width:18px;height:14px}
.w-menubtn:focus-visible{outline:2px solid #a85565;outline-offset:3px}
@media (max-width:760px){
  .w-nav{padding:14px 16px 6px;gap:10px 16px}
  .w-navlogo img{height:56px}
  .w-js .w-nav{flex-wrap:nowrap;justify-content:space-between}
  .w-js .w-menubtn{display:inline-flex;margin-left:auto}
  .w-js .w-navextra{order:2}
  .w-js .w-navlinks{display:none;position:absolute;top:100%;left:16px;right:16px;z-index:80;flex-direction:column;align-items:stretch;gap:2px;padding:10px;background:#fffdf9;border:1.5px solid #262335;border-radius:14px;box-shadow:0 18px 36px -16px rgba(30,24,44,.45);transform:rotate(-.4deg)}
  .w-js .w-nav.is-open .w-navlinks{display:flex}
  .w-js .w-navlinks .w-link{padding:0 12px;border-bottom:0;border-radius:10px;font-size:17px}
  .w-js .w-navlinks .w-link.is-current{background:#f3ecee;box-shadow:inset 3px 0 0 #a85565}
  .w-js .w-exp::before{display:none}
  .w-js .w-exp-btn{display:none}
  .w-js .w-exp-menu{position:static;opacity:1;visibility:visible;transform:none;min-width:0;padding:4px 0 0;margin-top:4px;border:0;border-top:1px dashed #d8ccd4;border-radius:0;box-shadow:none;background:transparent}
  .w-js .w-exp.is-shut .w-exp-menu{opacity:1;visibility:visible}
}

/* ---------- footer ---------- */
.w-foot a{font-family:'Fraunces',serif;font-size:15px;color:#262335;text-decoration:none}
.w-foot a:hover{color:#a85565}
.w-foot a:focus-visible{outline:2px solid #a85565;outline-offset:3px;border-radius:3px}
.w-foot a.is-current{color:#a85565}
.w-footlinks{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}
.w-footlinks a{min-height:32px;display:inline-flex;align-items:center}
.w-statsnote{font-size:12.5px;color:#6b6372}
.w-sway{transform-box:fill-box;transform-origin:50% 100%;animation:w-sway 5s ease-in-out infinite alternate}
@keyframes w-sway{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
.w-footpeek{position:absolute;right:18%;top:-1px;width:48px;height:60px;overflow:hidden;transform:translateY(-100%);pointer-events:none}
@media (max-width:560px){.w-footpeek{right:2px}} /* phones: peek beside the plant, clear of the tagline */
.w-footpeek img{position:absolute;left:0;bottom:0;width:100%;height:auto;transform:translateY(100%);animation:w-fpeek 9s 3s ease-in-out infinite}
@keyframes w-fpeek{0%,70%,100%{transform:translateY(100%)}76%,92%{transform:translateY(8%)}84%{transform:translateY(12%) rotate(-5deg)}}
@media (prefers-reduced-motion: reduce){.w-sway,.w-footpeek img,.w-navlogo img{animation:none !important;transition:none !important}}

/* Artwork: no long-press "Save image" on phones and no dragging pictures off the page (js/site.js also blocks right-click on pictures) */
img{-webkit-touch-callout:none;-webkit-user-drag:none;user-drag:none}