/* Botanika Art — header/footer transplanted to the club landing.
 * Scoped to .art-header and .art-footer so core landing styles remain untouched.
 */
.art-header{
  position:relative!important; top:auto!important; left:auto!important; right:auto!important;
  z-index:50; background:#f1eee5!important; border-bottom:1px solid rgba(201,195,177,.4)!important;
  color:#22271e; font-family:"Cormorant Garamond",Georgia,serif;
}
.art-header .art-header-inner{
  min-height:100px; display:flex; align-items:center; justify-content:space-between;
  gap:30px; width:min(90.8%,1600px); max-width:1600px; position:relative;
}
.art-header .art-header-brand{flex:0 0 auto; display:block; width:142px; text-decoration:none; align-self:center}
.art-header .art-header-brand picture,.art-header .art-header-brand img{display:block;width:100%}
.art-header .art-header-brand img{height:auto;mix-blend-mode:multiply}
.art-header .art-header-nav{display:flex;align-items:center;justify-content:center;gap:clamp(13px,1.55vw,26px);margin-left:auto}
.art-header .art-header-nav a{
  font:500 15px/1.4 "Cormorant Garamond",Georgia,serif;
  letter-spacing:.005em; text-transform:uppercase; white-space:nowrap; text-decoration:none;
}
.art-header .art-header-nav a:hover{color:#8c7341}
.art-header .art-social,.art-footer .art-social{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.art-header .art-social a,.art-footer .art-social a{
  display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:44px;
  padding:0;border:0;background:transparent;box-shadow:none;text-decoration:none
}
.art-header .art-social img,.art-footer .art-social img{
  display:block;width:28px;height:28px;object-fit:contain;transition:opacity .2s
}
.art-header .art-social a:hover img,.art-footer .art-social a:hover img{opacity:.7}
.art-header .menu-toggle{display:none;flex:0 0 auto}
.art-header .art-mobile-nav{display:none}
.art-header .art-mobile-nav[hidden]{display:none!important}
.art-header a:focus-visible,.art-footer a:focus-visible,.art-header button:focus-visible{outline:2px solid #ba9c54;outline-offset:3px}
.art-footer{
  position:relative; background:#22271e!important; background-image:none!important; color:#f2eee2!important;
  padding:55px 0 42px!important; font-family:"Cormorant Garamond",Georgia,serif;
}
.art-footer::before{
  content:"";position:absolute;left:0;right:0;top:-21px;height:25px;background:#22271e;
  clip-path:polygon(0 43%,1% 62%,2% 37%,3% 57%,4% 40%,5% 52%,6% 37%,7% 59%,8% 35%,9% 52%,10% 38%,11% 56%,12% 39%,13% 60%,14% 42%,15% 55%,16% 37%,17% 58%,18% 40%,19% 55%,20% 39%,21% 59%,22% 44%,23% 55%,24% 40%,25% 60%,26% 39%,27% 51%,28% 38%,29% 57%,30% 40%,31% 54%,32% 36%,33% 58%,34% 41%,35% 52%,36% 41%,37% 58%,38% 38%,39% 52%,40% 41%,41% 56%,42% 37%,43% 58%,44% 40%,45% 53%,46% 38%,47% 57%,48% 41%,49% 54%,50% 39%,51% 56%,52% 41%,53% 58%,54% 39%,55% 54%,56% 40%,57% 59%,58% 37%,59% 54%,60% 42%,61% 55%,62% 37%,63% 58%,64% 42%,65% 53%,66% 38%,67% 56%,68% 42%,69% 59%,70% 40%,71% 56%,72% 38%,73% 51%,74% 41%,75% 56%,76% 39%,77% 55%,78% 39%,79% 57%,80% 41%,81% 56%,82% 37%,83% 56%,84% 40%,85% 56%,86% 37%,87% 58%,88% 40%,89% 53%,90% 39%,91% 57%,92% 41%,93% 57%,94% 39%,95% 54%,96% 38%,97% 57%,98% 40%,99% 56%,100% 40%,100% 100%,0 100%);
}
.art-footer .art-footer-inner{display:flex;align-items:center;gap:clamp(19px,2vw,35px);flex-wrap:wrap}
.art-footer .art-footer-brand{display:block;width:180px;flex-shrink:0;text-align:center;text-decoration:none}
.art-footer .art-footer-brand span:first-child{display:block;font:400 54px/.8 "Great Vibes","Cormorant Garamond",cursive;letter-spacing:0}
.art-footer .art-footer-brand span:last-child{display:block;font:500 26px/1 "Cormorant Garamond",Georgia,serif;text-transform:uppercase}
.art-footer .art-footer-nav{display:flex;gap:25px;align-items:center;white-space:nowrap}
.art-footer .art-footer-nav a{font:500 14px/1.5 "Cormorant Garamond",Georgia,serif;text-transform:uppercase;letter-spacing:.01em;text-decoration:none}
.art-footer .art-footer-nav a:hover{color:#ccb383}
.art-footer .art-footer-phone{
  padding:25px 0 25px 22px;border-left:1px solid #55573e;white-space:nowrap;
  font:500 21px/1.3 "Cormorant Garamond",Georgia,serif;text-decoration:none
}
.art-footer .art-footer-social{gap:6px}
.art-footer .art-footer-social a{width:44px;flex-basis:44px}
.art-footer .art-footer-social img{width:32px;height:32px;filter:brightness(0) invert(1);opacity:.85}
.art-footer .art-footer-note{
  padding:25px 0 25px 25px;border-left:1px solid #55573e;margin:0;
  color:#f2eee2;font:500 16px/1.16 "Cormorant Garamond",Georgia,serif
}
.art-footer .art-footer-bottom{
  margin-top:34px;padding-top:18px;border-top:1px solid #5b604c;
  display:flex;justify-content:space-between;align-items:start;gap:20px;
  color:#c2cbb7;font:500 12px/1.5 Manrope,Arial,sans-serif
}
.art-footer .art-footer-legal{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:flex-end}
@media(min-width:1251px){
  .art-footer .art-footer-nav{margin-left:clamp(0px,calc(-529px + 50vw),180px)}
}
@media(max-width:1250px){
  .art-header .art-header-inner{gap:16px}
  .art-header .art-header-brand{width:126px}
  .art-header .art-header-nav{gap:13px}
  .art-header .art-header-nav a{font-size:13px}
  .art-footer .art-footer-inner{gap:20px}
  .art-footer .art-footer-brand{width:150px}
  .art-footer .art-footer-brand span:first-child{font-size:47px}
  .art-footer .art-footer-brand span:last-child{font-size:22px}
  .art-footer .art-footer-nav{gap:20px}
  .art-footer .art-footer-phone{font-size:18px;padding-left:20px}
  .art-footer .art-footer-note{display:none}
}
@media(max-width:999px){
  .art-header .art-header-inner{width:calc(100% - 48px);min-height:92px;gap:12px;justify-content:flex-start}
  .art-header .art-header-brand{width:126px;margin-right:auto}
  .art-header .art-header-nav{display:none}
  .art-header .menu-toggle{
    display:flex;order:3;width:40px;height:40px;
    align-items:center;justify-content:center;flex-direction:column;gap:5px;
    border:1px solid #989780;border-radius:50%;background:transparent;padding:0
  }
  .art-header .menu-toggle span{width:17px;height:1px;flex:0 0 auto;background:#22271e}
  .art-header .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(6px) rotate(45deg)}
  .art-header .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-6px) rotate(-45deg)}
  .art-header .art-mobile-nav:not([hidden]){
    display:grid;position:absolute;left:0;right:0;top:100%;padding:25px;
    grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 22px;
    width:100%;border:0;border-top:1px solid #c9c3b1;border-radius:0;
    background:#f1eee5;box-shadow:0 10px 20px #22271e1a;text-align:center;z-index:60
  }
  .art-header .art-mobile-nav a{color:#22271e;display:flex;align-items:center;justify-content:center;min-height:48px;
    padding:6px;text-transform:uppercase;font:500 17px/1.2 "Cormorant Garamond",Georgia,serif;border-radius:0}
  .art-header .art-mobile-nav .mobile-nav-join{grid-column:1/-1;background:#22271e;color:#f2eee2;border-radius:0}
  .art-footer{padding:40px 0!important}
  .art-footer .art-footer-inner{justify-content:space-between;gap:28px}
  .art-footer .art-footer-brand{width:180px}
  .art-footer .art-footer-brand span:first-child{font-size:54px}
  .art-footer .art-footer-brand span:last-child{font-size:26px}
  .art-footer .art-footer-phone{border-left:0;padding:0;font-size:23px}
}
@media(max-width:599px){
  .art-header .art-header-inner{width:calc(100% - 36px);min-height:92px}
  .art-header .art-header-brand{width:126px}
  .art-header .art-mobile-nav:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr));padding:24px 18px;gap:14px}
  .art-footer .art-footer-inner{justify-content:flex-start;gap:25px}
  .art-footer .art-footer-brand{width:175px}
  .art-footer .art-footer-nav{width:100%;gap:25px;justify-content:flex-start}
  .art-footer .art-footer-nav a{font-size:14px}
  .art-footer .art-footer-phone{width:100%;font-size:23px}
  .art-footer .art-footer-bottom{display:block}
  .art-footer .art-footer-legal{justify-content:flex-start;margin-top:12px}
}
@media(max-width:380px){
  .art-header .art-header-inner{gap:8px;width:calc(100% - 28px)}
  .art-header .art-header-brand{width:88px}
  .art-header .art-social{gap:0}
  .art-header .art-social a{width:36px;flex-basis:36px}
  .art-header .art-social img{width:26px;height:26px}
  .art-header .menu-toggle{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){.art-header *, .art-footer *{transition:none!important}}