:root{
 --ss-cream:#fff6e6;--ss-pink:#d94a68;--ss-gold:#f5b51b;--ss-orange:#dc6b2a;--ss-green:#556f2b;--ss-teal:#14858d;--ss-purple:#6a4a8f;--ss-red:#c94f3f;--ss-ink:#2d241e;--ss-wood:#8b5a2b;
}

/* Sunshine Sips typography */
body, button, input, select, textarea,
.et_pb_text, .et_pb_button, .et_pb_module {
  font-family: 'Nunito Sans', Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6,
.ss-sign__label,
.ss-menu-group h2,
.ss-event-card h3,
.ss-lab-group h3,
.ss-lab-mix h3 {
  font-family: 'Kalam', 'Trebuchet MS', cursive;
}
.ss-sign__label{font-weight:700;letter-spacing:.015em;text-transform:uppercase}

.ss-signpost{
 position:relative;display:flex;flex-direction:column;gap:4px;width:min(330px,28vw);z-index:20;
 filter:drop-shadow(0 7px 10px rgba(45,28,12,.2));
}
.ss-sign{
 --ss-plank:none;
 position:relative;display:flex;align-items:center;gap:13px;min-height:66px;padding:11px 34px 12px 37px;
 color:#2a2018;text-transform:uppercase;font-weight:800;letter-spacing:.025em;text-decoration:none!important;
 background-color:transparent!important;background-image:var(--ss-plank)!important;background-repeat:no-repeat!important;
 background-position:center!important;background-size:100% 100%!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 transform:translateX(0) rotate(var(--r,0deg));transition:transform .2s ease,filter .2s ease;isolation:isolate;
}
.ss-sign:nth-child(2n){--r:.18deg}.ss-sign:nth-child(3n){--r:-.18deg}
.ss-sign:hover,.ss-sign:focus-visible{transform:translateX(-8px) scale(1.025) rotate(var(--r,0deg));filter:brightness(1.06) saturate(1.04);outline:none}
.ss-sign:focus-visible::after{content:"";position:absolute;inset:5px 19px;border:3px solid #fff5bf;border-radius:12px;box-shadow:0 0 0 2px rgba(80,52,22,.45);pointer-events:none}
.ss-sign--home{--ss-plank:url('../images/nav/home-plank.webp')}
.ss-sign--menu{--ss-plank:url('../images/nav/menu-plank.webp')}
.ss-sign--flavor-lab{--ss-plank:url('../images/nav/flavor-lab-plank.webp')}
.ss-sign--this-weekend{--ss-plank:url('../images/nav/this-weekend-plank.webp')}
.ss-sign--our-story{--ss-plank:url('../images/nav/our-story-plank.webp')}
.ss-sign--book-us{--ss-plank:url('../images/nav/book-us-plank.webp')}
.ss-sign--passport-club{--ss-plank:url('../images/nav/passport-club-plank.webp')}
.ss-sign--secret-hideout{--ss-plank:url('../images/nav/secret-hideout-plank.webp')}
.ss-sign.is-active{filter:brightness(1.08) drop-shadow(0 0 8px rgba(255,231,126,.95)) drop-shadow(0 0 18px rgba(255,215,79,.7))}
.ss-sign.is-active::before{content:"";position:absolute;inset:7px 22px;border:2px solid rgba(255,249,201,.85);border-radius:10px;pointer-events:none;mix-blend-mode:screen}
.ss-sign__icon{display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;color:#3e271b;position:relative;z-index:2}
.ss-sign__icon svg{display:block;width:31px;height:31px;overflow:visible}
.ss-sign--passport-club .ss-sign__icon,.ss-sign--home .ss-sign__icon{color:#4b2a1f}
.ss-sign__label{position:relative;z-index:2;line-height:1.05;text-shadow:0 1px 0 rgba(255,255,255,.16)}

.ss-brand-strip{display:block;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible;box-shadow:none!important;line-height:0}
.ss-brand-strip img{display:block;width:100%;height:auto;max-width:none;border:0;border-radius:0;box-shadow:none}


.ss-hideout-media{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:260px;overflow:visible;pointer-events:none}.ss-hideout-media img,.ss-hideout-media video{width:min(760px,100%);height:auto;display:block}.ss-hideout-media--empty{border:2px dashed rgba(255,255,255,.55);border-radius:24px;background:rgba(255,255,255,.08);color:white;padding:40px;text-align:center;pointer-events:auto}

.ss-events{position:relative}.ss-events__viewport{overflow:hidden}.ss-events__track{display:flex;gap:18px;transition:transform .45s ease}.ss-event-card{flex:0 0 calc((100% - 54px)/4);background:#fff8ea;border:2px solid #d7b782;border-radius:14px;padding:24px;text-align:center;box-shadow:0 8px 22px rgba(82,51,26,.15)}.ss-event-card__date{font-weight:900;color:var(--ss-pink);text-transform:uppercase}.ss-event-card__time{display:inline-block;background:var(--ss-gold);padding:7px 14px;border-radius:999px;font-weight:800}.ss-event-details{border:0;border-radius:999px;background:var(--ss-pink);color:#fff;padding:10px 16px;font-weight:800;cursor:pointer}.ss-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:#7a4b24;color:#fff;font-size:32px;box-shadow:0 5px 15px rgba(0,0,0,.2);cursor:pointer}.ss-carousel-arrow--prev{left:-22px}.ss-carousel-arrow--next{right:-22px}.ss-carousel-arrow[hidden]{display:none}

.ss-menu-group{margin-bottom:34px}.ss-menu-group h2{text-align:center}.ss-menu-group__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ss-drink-card{appearance:none;border:2px solid #dfc18f;background:#fff9ee;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:10px;align-items:center;cursor:pointer;transition:.2s}.ss-drink-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(74,45,20,.14)}.ss-drink-card img{width:100%;aspect-ratio:4/5;object-fit:contain}

.ss-modal{position:fixed;inset:0;display:none;z-index:99999}.ss-modal.is-open{display:grid;place-items:center}.ss-modal__overlay{position:absolute;inset:0;background:rgba(25,18,12,.65);backdrop-filter:blur(4px)}.ss-modal__dialog{position:relative;z-index:1;width:min(620px,92vw);max-height:88vh;overflow:auto;background:#fff8e8;border:3px solid #c89b60;border-radius:24px;padding:32px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.ss-modal__close{position:absolute;right:16px;top:12px;background:none;border:0;font-size:34px;cursor:pointer}.ss-modal__map{display:inline-block;margin-top:14px;background:var(--ss-green);color:#fff!important;padding:10px 16px;border-radius:999px;text-decoration:none}.ss-drink-modal__image{max-width:220px;display:block;margin:0 auto 18px}.ss-drink-modal__price{font-weight:900;font-size:1.2rem}

.ss-lab{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ss-lab-group,.ss-lab-mix{background:#fff7e8;border:2px solid #d5b47b;border-radius:18px;padding:20px}.ss-lab-chips{display:flex;flex-wrap:wrap;gap:9px}.ss-lab-chip{border:1px solid #d4b17b;background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer}.ss-lab-chip.is-selected{background:var(--ss-pink);color:#fff}.ss-lab-mix{grid-column:1/-1;text-align:center}.ss-lab-mix-btn,.ss-lab-reset{border:0;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer}.ss-lab-mix-btn{background:var(--ss-gold)}.ss-lab-reset{background:#eee;margin-left:8px}.ss-lab-result{margin-top:16px;font-size:1.15rem;font-weight:800}

@media(max-width:980px){.ss-signpost{width:min(320px,52vw)}.ss-menu-group__grid{grid-template-columns:repeat(2,1fr)}.ss-event-card{flex-basis:calc((100% - 18px)/2)}.ss-lab{grid-template-columns:1fr}}
@media(max-width:600px){.ss-signpost{width:min(330px,92vw);display:flex;gap:2px}.ss-sign{min-height:58px;padding:9px 30px 10px 34px;font-size:.78rem}.ss-sign__icon{flex-basis:27px;width:27px;height:27px}.ss-sign__icon svg{width:26px;height:26px}.ss-menu-group__grid{grid-template-columns:1fr 1fr}.ss-event-card{flex-basis:100%}.ss-carousel-arrow--prev{left:6px}.ss-carousel-arrow--next{right:6px}}

/* Homepage intro animation */
.ss-intro{
 position:fixed;inset:0;z-index:999999;background:#17120d;display:flex;align-items:center;justify-content:center;overflow:hidden;
 opacity:1;visibility:visible;transition:opacity .7s ease,visibility 0s linear .7s;
}
.ss-intro.is-closing{opacity:0;visibility:hidden;pointer-events:none}
.ss-intro__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;background:#17120d}
.ss-intro__skip{
 position:absolute;right:clamp(16px,3vw,38px);bottom:clamp(16px,3vw,34px);z-index:2;border:1px solid rgba(255,255,255,.75);
 border-radius:999px;padding:10px 18px;background:rgba(44,31,20,.58);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
 color:#fff;font:800 .9rem/1.2 inherit;letter-spacing:.02em;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.22);transition:.2s ease;
}
.ss-intro__skip:hover,.ss-intro__skip:focus-visible{background:rgba(44,31,20,.8);transform:translateY(-1px);outline:2px solid #fff5bf;outline-offset:2px}
body.ss-intro-active{overflow:hidden}

@media (prefers-reduced-motion: reduce){
 .ss-intro{display:none!important}
}

/* v1.2 Divi starter-layout helpers */
.ss-page{min-height:100vh;background-color:#f7e7c8;background-position:center;background-size:cover;background-repeat:no-repeat}
.ss-page-main{width:min(94%,1500px)!important;max-width:1500px!important;padding-top:clamp(28px,5vw,80px)!important}
.ss-nav-column{display:flex;justify-content:flex-end;align-items:flex-start}
.ss-layout-nav .ss-signpost{margin-left:auto}
.ss-brand-row{width:min(94%,1500px)!important;max-width:1500px!important;padding-bottom:24px!important}
.ss-editor-note,.ss-media-slot{background:rgba(255,248,231,.9);border:2px dashed #b47a3c;border-radius:18px;padding:22px!important;color:#4b3422;box-shadow:0 8px 24px rgba(67,42,21,.12)}
.ss-editor-note{max-width:650px}
.ss-media-slot{min-height:260px;display:flex;flex-direction:column;justify-content:center;text-align:center}
.ss-form-slot{min-height:420px}
.ss-starter-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ss-starter-cards>div{background:#fff5dc;border:2px solid #d5b47b;border-radius:16px;padding:22px;text-align:center}.ss-starter-cards strong,.ss-starter-cards span{display:block}
@media(max-width:980px){.ss-page-main{display:flex!important;flex-direction:column}.ss-page-main>.et_pb_column{width:100%!important;margin-right:0!important}.ss-nav-column{order:-1;margin-bottom:24px!important}.ss-layout-nav .ss-signpost{margin:0 auto}.ss-starter-cards{grid-template-columns:1fr}}

/* v1.5 refined illustrated signpost */
.ss-signpost{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:2px;
  width:min(286px,25vw);
  padding:18px 0 18px;
  z-index:20;
  filter:drop-shadow(0 8px 12px rgba(45,28,12,.20));
}
.ss-signpost::before{
  content:"";
  position:absolute;
  z-index:-2;
  left:50%;
  top:0;
  bottom:-20px;
  width:34px;
  transform:translateX(-50%);
  border-radius:11px 11px 6px 6px;
  background:
    radial-gradient(circle at 35% 14%,rgba(72,40,18,.45) 0 3px,transparent 4px),
    radial-gradient(circle at 66% 38%,rgba(72,40,18,.35) 0 2px,transparent 3px),
    radial-gradient(circle at 38% 72%,rgba(72,40,18,.38) 0 2.5px,transparent 3.5px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 2px,transparent 2px 7px),
    linear-gradient(90deg,#6d3f20,#a66731 22%,#7b4824 52%,#a86532 78%,#603719);
  border:2px solid rgba(70,38,17,.65);
  box-shadow:inset 3px 0 4px rgba(255,255,255,.12),inset -4px 0 5px rgba(48,27,13,.28),0 6px 10px rgba(45,28,12,.18);
}
.ss-signpost::after{
  content:"";
  position:absolute;
  z-index:-3;
  left:50%;
  bottom:-28px;
  width:92px;
  height:22px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(45,28,12,.28),rgba(45,28,12,0) 68%);
}
.ss-sign{
  min-height:54px;
  padding:8px 28px 8px 31px;
  gap:10px;
  font-size:.86rem;
  background-size:100% 100%!important;
  transform:translateX(var(--shift,0px)) rotate(var(--r,0deg));
}
.ss-sign:nth-child(1){--shift:-5px;--r:-.20deg}
.ss-sign:nth-child(2){--shift:7px;--r:.18deg}
.ss-sign:nth-child(3){--shift:-3px;--r:-.10deg}
.ss-sign:nth-child(4){--shift:9px;--r:.12deg}
.ss-sign:nth-child(5){--shift:-6px;--r:-.16deg}
.ss-sign:nth-child(6){--shift:6px;--r:.16deg}
.ss-sign:nth-child(7){--shift:-4px;--r:-.10deg}
.ss-sign:nth-child(8){--shift:8px;--r:.12deg}
.ss-sign:hover,.ss-sign:focus-visible{
  transform:translateX(calc(var(--shift,0px) - 6px)) scale(1.02) rotate(var(--r,0deg));
  filter:brightness(1.08) saturate(1.04) drop-shadow(0 4px 5px rgba(68,43,20,.22));
}
.ss-sign:focus-visible{outline:3px solid #fff3aa;outline-offset:3px}
.ss-sign:focus-visible::after,.ss-sign.is-active::before{display:none!important}
.ss-sign.is-active{filter:brightness(1.08) saturate(1.08) drop-shadow(0 0 7px rgba(255,218,91,.65))}
.ss-sign__icon{flex-basis:27px;width:27px;height:27px}
.ss-sign__icon svg{width:27px;height:27px}
.ss-sign__label{font-size:.92em;line-height:1.02}

/* v1.5 responsive live brand plaque — no cropped screenshot */
.ss-brand-strip{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:center;
  width:100%;
  min-height:92px;
  padding:14px 46px;
  gap:0;
  line-height:1.1;
  overflow:visible;
  border:2px solid #bc9865!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 10% 18%,rgba(179,139,84,.12) 0 2px,transparent 3px),
    radial-gradient(circle at 88% 78%,rgba(179,139,84,.09) 0 1.5px,transparent 2.5px),
    linear-gradient(rgba(255,251,236,.94),rgba(255,246,224,.96)),
    repeating-linear-gradient(0deg,rgba(143,102,53,.035) 0 1px,transparent 1px 5px)!important;
  box-shadow:0 7px 16px rgba(72,45,19,.16),inset 0 1px 0 rgba(255,255,255,.7)!important;
}
.ss-brand-strip::before,
.ss-brand-strip::after{
  content:"";
  position:absolute;
  top:9px;
  bottom:9px;
  width:18px;
  border-radius:8px;
  opacity:.5;
  background:repeating-linear-gradient(90deg,#9b6b34 0 2px,#c08a49 2px 5px,#8a5a2c 5px 7px);
}
.ss-brand-strip::before{left:8px}.ss-brand-strip::after{right:8px}
.ss-brand-strip__item{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:5px 22px;
  min-height:62px;
  position:relative;
}
.ss-brand-strip__item:not(:last-of-type)::after{
  content:"";
  position:absolute;
  right:0;
  top:13%;
  height:74%;
  border-right:2px dotted rgba(145,101,53,.42);
}
.ss-brand-strip__icon{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;font-size:40px;line-height:1}
.ss-brand-strip__icon svg{width:44px;height:44px;display:block}
.ss-brand-strip__icon--heart{color:#d94a68;text-shadow:0 2px 0 rgba(118,41,57,.12)}
.ss-brand-strip__icon--flag{font-size:38px}
.ss-brand-strip__copy{display:flex;flex-direction:column;gap:3px;min-width:0;color:#29431f;text-transform:uppercase;text-align:left}
.ss-brand-strip__copy strong{font:800 clamp(.82rem,1vw,1.02rem)/1 'Nunito Sans',Arial,sans-serif;letter-spacing:.02em;white-space:nowrap}
.ss-brand-strip__copy small{font:700 clamp(.72rem,.9vw,.88rem)/1.15 'Nunito Sans',Arial,sans-serif;color:#5e6254;white-space:nowrap}
.ss-brand-strip__flourish{position:absolute;z-index:2;bottom:-9px;width:70px;height:55px;pointer-events:none}
.ss-brand-strip__flourish--left{left:-18px;background:
  radial-gradient(circle at 25% 50%,#f8bd24 0 13px,#f29c1f 14px 15px,transparent 16px),
  radial-gradient(ellipse at 66% 70%,#547b36 0 9px,transparent 10px),
  radial-gradient(ellipse at 52% 43%,#6b9346 0 8px,transparent 9px)}
.ss-brand-strip__flourish--right{right:-18px;background:
  radial-gradient(circle at 70% 50%,#f8bd24 0 13px,#f29c1f 14px 15px,transparent 16px),
  radial-gradient(ellipse at 28% 72%,#547b36 0 9px,transparent 10px),
  radial-gradient(ellipse at 42% 43%,#6b9346 0 8px,transparent 9px)}

@media(max-width:980px){
  .ss-signpost{width:min(270px,48vw)}
  .ss-brand-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 26px}
  .ss-brand-strip__item:nth-child(2)::after{display:none}
  .ss-brand-strip__item:nth-child(-n+2){border-bottom:1px dotted rgba(145,101,53,.35)}
}
@media(max-width:600px){
  .ss-signpost{width:min(286px,90vw)}
  .ss-sign{min-height:50px;padding:7px 25px 7px 28px;font-size:.76rem}
  .ss-brand-strip{grid-template-columns:1fr;padding:10px 24px}
  .ss-brand-strip__item{justify-content:flex-start;padding:8px 16px;min-height:50px}
  .ss-brand-strip__item::after{display:none!important}
  .ss-brand-strip__item:not(:last-of-type){border-bottom:1px dotted rgba(145,101,53,.3)}
  .ss-brand-strip__copy strong,.ss-brand-strip__copy small{white-space:normal}
  .ss-brand-strip__flourish{display:none}
}

/* ==========================================================
   v1.6 — production navigation + brand banner using the
   exact WordPress Media Library assets supplied by Jennifer.
   ========================================================== */

.ss-signpost{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  width:min(315px,26vw)!important;
  padding:22px 0 26px!important;
  isolation:isolate;
  filter:none!important;
}
.ss-signpost::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  top:0!important;
  bottom:0!important;
  left:50%!important;
  width:29%!important;
  transform:translateX(-50%)!important;
  background-image:var(--ss-stake)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.ss-signpost::after{display:none!important}
.ss-sign{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:56px!important;
  padding:7px 34px 7px 39px!important;
  margin:-1px 0!important;
  gap:11px!important;
  color:#3b281a!important;
  text-decoration:none!important;
  background-image:var(--ss-plank)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:translateX(var(--shift,0px)) rotate(var(--r,0deg))!important;
  transition:transform .18s ease,filter .18s ease!important;
}
.ss-sign:nth-child(1){--shift:-3px;--r:-.08deg}
.ss-sign:nth-child(2){--shift:4px;--r:.05deg}
.ss-sign:nth-child(3){--shift:-2px;--r:-.05deg}
.ss-sign:nth-child(4){--shift:5px;--r:.05deg}
.ss-sign:nth-child(5){--shift:-3px;--r:-.05deg}
.ss-sign:nth-child(6){--shift:4px;--r:.05deg}
.ss-sign:nth-child(7){--shift:-2px;--r:-.04deg}
.ss-sign:nth-child(8){--shift:4px;--r:.04deg}
.ss-sign__icon{
  display:block!important;
  flex:0 0 29px!important;
  width:29px!important;
  height:29px!important;
  object-fit:contain!important;
  margin:0!important;
}
.ss-sign__label{
  display:block!important;
  font-family:'Kalam',cursive!important;
  font-size:clamp(.82rem,1.05vw,1.02rem)!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-shadow:none!important;
}
.ss-sign:hover,.ss-sign:focus-visible{
  transform:translateX(calc(var(--shift,0px) - 5px)) scale(1.015) rotate(var(--r,0deg))!important;
  filter:brightness(1.08) saturate(1.03)!important;
}
.ss-sign.is-active{
  filter:brightness(1.06) saturate(1.04)!important;
}
.ss-sign:focus-visible{outline:3px solid #fff3aa!important;outline-offset:2px!important}

.ss-brand-strip{
  position:relative!important;
  width:100%!important;
  min-height:94px!important;
  padding:0 76px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background-image:var(--ss-brand-bg)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
}
.ss-brand-strip::before,.ss-brand-strip::after{display:none!important}
.ss-brand-strip__inner{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr!important;
  align-items:center!important;
  width:100%!important;
  min-height:94px!important;
}
.ss-brand-strip__item{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  min-width:0!important;
  min-height:70px!important;
  padding:6px 14px!important;
  border:0!important;
}
.ss-brand-strip__item::after{display:none!important}
.ss-brand-strip__icon{
  display:block!important;
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  object-fit:contain!important;
  margin:0!important;
}
.ss-brand-strip__copy{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  color:#26462c!important;
  text-transform:uppercase!important;
  text-align:left!important;
}
.ss-brand-strip__copy strong,
.ss-brand-strip__copy small{
  font-family:'Oswald',sans-serif!important;
  color:#26462c!important;
  white-space:nowrap!important;
  letter-spacing:.01em!important;
}
.ss-brand-strip__copy strong{font-size:clamp(.9rem,1.1vw,1.08rem)!important;font-weight:600!important;line-height:1.06!important}
.ss-brand-strip__copy small{font-size:clamp(.78rem,.94vw,.94rem)!important;font-weight:400!important;line-height:1.08!important}
.ss-brand-strip__divider{
  display:block!important;
  width:12px!important;
  height:58px!important;
  background-image:var(--ss-divider)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}
.ss-brand-strip__decor{
  position:absolute!important;
  z-index:3!important;
  bottom:-8px!important;
  height:auto!important;
  object-fit:contain!important;
  pointer-events:none!important;
}
.ss-brand-strip__decor--left{left:-18px!important;width:112px!important}
.ss-brand-strip__decor--right{right:-20px!important;width:155px!important}
.ss-brand-strip__flourish{display:none!important}

@media(max-width:980px){
  .ss-signpost{width:min(300px,48vw)!important}
  .ss-brand-strip{padding:12px 70px!important;background-size:cover!important}
  .ss-brand-strip__inner{grid-template-columns:1fr 1fr!important;gap:4px 12px!important}
  .ss-brand-strip__divider{display:none!important}
  .ss-brand-strip__item{justify-content:flex-start!important;min-height:54px!important}
  .ss-brand-strip__decor--left{width:96px!important;left:-15px!important}
  .ss-brand-strip__decor--right{width:125px!important;right:-16px!important}
}
@media(max-width:600px){
  .ss-signpost{width:min(300px,92vw)!important}
  .ss-sign{min-height:52px!important;padding:6px 30px 6px 34px!important}
  .ss-sign__icon{flex-basis:26px!important;width:26px!important;height:26px!important}
  .ss-sign__label{font-size:.8rem!important}
  .ss-brand-strip{padding:14px 54px!important;background-size:cover!important}
  .ss-brand-strip__inner{grid-template-columns:1fr!important}
  .ss-brand-strip__item{justify-content:flex-start!important;padding:6px 10px!important}
  .ss-brand-strip__copy strong,.ss-brand-strip__copy small{white-space:normal!important}
  .ss-brand-strip__decor--left{width:78px!important;left:-20px!important;bottom:-5px!important}
  .ss-brand-strip__decor--right{width:95px!important;right:-24px!important;bottom:-5px!important}
}

/* v1.7 — lock brand-strip contents to the approved banner positions.
   Absolute positioning avoids Divi/Code Module flex/grid overrides. */
@media (min-width:981px){
  .ss-brand-strip{height:94px!important;min-height:94px!important;padding:0 82px!important;}
  .ss-brand-strip__inner{position:relative!important;display:block!important;width:100%!important;height:94px!important;min-height:94px!important;}
  .ss-brand-strip__item{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:21%!important;min-height:0!important;padding:0!important;margin:0!important;}
  .ss-brand-strip__item:nth-of-type(1){left:2%!important;}
  .ss-brand-strip__item:nth-of-type(2){left:27%!important;}
  .ss-brand-strip__item:nth-of-type(3){left:52%!important;}
  .ss-brand-strip__item:nth-of-type(4){left:77%!important;width:20%!important;}
  .ss-brand-strip__divider{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:10px!important;height:58px!important;margin:0!important;}
  .ss-brand-strip__divider:nth-of-type(2){left:25%!important;}
  .ss-brand-strip__divider:nth-of-type(4){left:50%!important;}
  .ss-brand-strip__divider:nth-of-type(6){left:75%!important;}
  .ss-brand-strip__icon{display:block!important;flex:0 0 46px!important;width:46px!important;max-width:46px!important;height:46px!important;max-height:46px!important;object-fit:contain!important;}
  .ss-brand-strip__copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;width:auto!important;}
  .ss-brand-strip__copy strong{font-size:18px!important;line-height:1.05!important;}
  .ss-brand-strip__copy small{font-size:15px!important;line-height:1.08!important;}
  .ss-brand-strip__decor--left{left:-10px!important;width:125px!important;max-width:125px!important;bottom:-10px!important;}
  .ss-brand-strip__decor--right{right:-12px!important;width:170px!important;max-width:170px!important;bottom:-10px!important;}
}


/* v1.8 — banner safety: prevent Divi module descendants from inheriting image/text sizing. */
.ss-brand-strip, .ss-brand-strip *{box-sizing:border-box!important;}
.et_pb_code_inner .ss-brand-strip{line-height:normal!important;}
.et_pb_code_inner .ss-brand-strip img{max-width:none!important;}
@media(max-width:980px){
  .ss-brand-strip{transform-origin:center top!important;}
}

/* ==========================================================
   v1.9 — signpost rendering fix
   Render the uploaded stake as a real image layer so Divi
   cannot bury the post behind the page/background stacking context.
   ========================================================== */
.ss-signpost{
  position:relative!important;
  width:min(350px,28vw)!important;
  padding:30px 0 34px!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.ss-signpost::before{display:none!important;content:none!important}
.ss-signpost__stake{
  position:absolute!important;
  z-index:0!important;
  left:50%!important;
  top:-12px!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  display:block!important;
  width:86px!important;
  height:calc(100% + 58px)!important;
  max-width:none!important;
  object-fit:fill!important;
  object-position:center!important;
  pointer-events:none!important;
  margin:0!important;
}
.ss-sign{
  z-index:2!important;
  min-height:58px!important;
  padding:8px 38px 8px 42px!important;
  margin:-2px 0!important;
}
.ss-sign__icon{
  flex-basis:31px!important;
  width:31px!important;
  height:31px!important;
}
.ss-sign__label{
  font-size:clamp(.88rem,1.08vw,1.08rem)!important;
}
@media(max-width:980px){
  .ss-signpost{width:min(330px,88vw)!important;margin-inline:auto!important}
  .ss-signpost__stake{width:82px!important}
}
@media(max-width:600px){
  .ss-signpost{width:min(300px,90vw)!important;padding-top:26px!important;padding-bottom:30px!important}
  .ss-signpost__stake{width:72px!important;height:calc(100% + 48px)!important}
  .ss-sign{min-height:52px!important;padding:7px 30px 7px 34px!important}
  .ss-sign__icon{flex-basis:27px!important;width:27px!important;height:27px!important}
  .ss-sign__label{font-size:.82rem!important}
}


/* ==========================================================
   v2.0 — navigation fidelity pass
   Match the approved mockup: straight planks layered across a
   narrow central stake, tighter stacking, and tall hand-lettered type.
   ========================================================== */
.ss-signpost{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  width:min(350px,28vw)!important;
  padding:26px 0 30px!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.ss-signpost__stake{
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  top:-10px!important;
  transform:translateX(-50%)!important;
  display:block!important;
  width:54px!important;
  height:calc(100% + 44px)!important;
  max-width:none!important;
  object-fit:fill!important;
  object-position:center!important;
  pointer-events:none!important;
  margin:0!important;
}
.ss-sign,
.ss-sign:nth-child(1),.ss-sign:nth-child(2),.ss-sign:nth-child(3),.ss-sign:nth-child(4),
.ss-sign:nth-child(5),.ss-sign:nth-child(6),.ss-sign:nth-child(7),.ss-sign:nth-child(8),
.ss-sign:nth-child(2n),.ss-sign:nth-child(3n){
  --shift:0px!important;
  --r:0deg!important;
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  min-height:60px!important;
  margin:-4px 0!important;
  padding:8px 38px 8px 42px!important;
  transform:none!important;
  rotate:0deg!important;
}
.ss-sign:hover,.ss-sign:focus-visible{
  transform:translateX(-5px) scale(1.012)!important;
  rotate:0deg!important;
  filter:brightness(1.07) saturate(1.03)!important;
}
.ss-sign__icon{
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  object-fit:contain!important;
}
.ss-sign__label{
  font-family:'Amatic SC','Arial Narrow',sans-serif!important;
  font-size:clamp(1.32rem,1.55vw,1.58rem)!important;
  font-weight:700!important;
  font-style:normal!important;
  line-height:.94!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-shadow:none!important;
}
@media(max-width:980px){
  .ss-signpost{width:min(330px,86vw)!important;margin-inline:auto!important}
  .ss-signpost__stake{width:50px!important;height:calc(100% + 40px)!important}
  .ss-sign{min-height:57px!important;margin:-4px 0!important;padding:7px 34px 7px 38px!important}
  .ss-sign__label{font-size:1.38rem!important}
}
@media(max-width:600px){
  .ss-signpost{width:min(300px,90vw)!important;padding-top:22px!important;padding-bottom:26px!important}
  .ss-signpost__stake{width:44px!important;height:calc(100% + 34px)!important}
  .ss-sign{min-height:52px!important;margin:-3px 0!important;padding:6px 29px 6px 32px!important}
  .ss-sign__icon{flex-basis:27px!important;width:27px!important;height:27px!important}
  .ss-sign__label{font-size:1.2rem!important}
}

/* ==========================================================
   v2.1 — navigation-only final fidelity pass
   IMPORTANT: brand strip intentionally untouched.
   - slightly larger planks / stronger visual weight
   - stake tucked behind the stack with only a short cap/base visible
   - no skew or stagger
   - Oswald SemiBold to better match the approved mockup lettering
   - nudge the whole signpost slightly farther right on desktop
   ========================================================== */
@media (min-width:981px){
  .ss-signpost{
    width:min(390px,30vw)!important;
    padding:10px 0 14px!important;
    transform:translateX(14px)!important;
  }
  .ss-signpost__stake{
    left:50%!important;
    top:2px!important;
    width:52px!important;
    height:calc(100% - 2px)!important;
    transform:translateX(-50%)!important;
    object-fit:fill!important;
    z-index:1!important;
  }
  .ss-sign,
  .ss-sign:nth-child(1),.ss-sign:nth-child(2),.ss-sign:nth-child(3),.ss-sign:nth-child(4),
  .ss-sign:nth-child(5),.ss-sign:nth-child(6),.ss-sign:nth-child(7),.ss-sign:nth-child(8){
    min-height:66px!important;
    margin:-5px 0!important;
    padding:9px 42px 9px 46px!important;
    transform:none!important;
    rotate:0deg!important;
  }
  .ss-sign__icon{
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    margin-right:1px!important;
  }
  .ss-sign__label{
    font-family:'Oswald','Arial Narrow',sans-serif!important;
    font-size:clamp(1.05rem,1.18vw,1.24rem)!important;
    font-weight:600!important;
    font-style:normal!important;
    line-height:1!important;
    letter-spacing:.01em!important;
    text-transform:uppercase!important;
  }
  .ss-sign:hover,.ss-sign:focus-visible{
    transform:translateX(-5px) scale(1.012)!important;
  }
}

@media (min-width:601px) and (max-width:980px){
  .ss-signpost{width:min(350px,82vw)!important;padding:10px 0 14px!important;transform:none!important}
  .ss-signpost__stake{top:2px!important;width:48px!important;height:calc(100% - 2px)!important}
  .ss-sign{min-height:61px!important;margin:-4px 0!important;padding:8px 37px 8px 41px!important}
  .ss-sign__icon{flex-basis:31px!important;width:31px!important;height:31px!important}
  .ss-sign__label{font-family:'Oswald','Arial Narrow',sans-serif!important;font-size:1.08rem!important;font-weight:600!important;letter-spacing:.01em!important;line-height:1!important}
}

@media (max-width:600px){
  .ss-signpost{transform:none!important}
  .ss-sign__label{font-family:'Oswald','Arial Narrow',sans-serif!important;font-weight:600!important;letter-spacing:.01em!important}
}


/* ============================================================
   v2.2 navigation fixes
   - .ss-signpost__stake (the real stake.png) was output by the
     shortcode but had NO styles, rendering as a broken full-width
     image. Now positioned as the actual post behind the planks.
   - The synthetic gradient stake (::before) and its shadow are
     retired in favor of the approved stake artwork.
   - Plank art now comes from the bundled webps via the
     .ss-sign--{slug} classes (inline remote override removed).
   ============================================================ */
.ss-signpost::before { display:none; }
.ss-signpost__stake{
  position:absolute;
  z-index:-2;
  left:50%;
  top:-16px;
  bottom:-30px;
  transform:translateX(-50%);
  width:40px;
  height:calc(100% + 46px);
  object-fit:fill;
  pointer-events:none;
}
/* keep the soft ground shadow but tie it to the stake base */
.ss-signpost::after{ bottom:-34px; }

/* label + icon safety: always visible above plank art */
.ss-sign__label{ display:inline-block; }
img.ss-sign__icon{ display:block; object-fit:contain; padding:2px; }


/* ============================================================
   v2.3 — nav sized to approved mockup + hover glow/rotate
   High-specificity layer: overrides both earlier signpost blocks.
   ============================================================ */
nav.ss-signpost{
  width:min(360px,27vw);
  gap:6px;
  padding:26px 0 30px;
  margin-left:auto;              /* hug the right edge of its column */
}
nav.ss-signpost .ss-sign{
  min-height:72px;
  padding:10px 36px;
  gap:12px;
  justify-content:center;        /* icon + label centered like mockup */
  background-size:100% 100% !important;
}
/* stake sized up with the planks */
nav.ss-signpost .ss-signpost__stake{ width:46px; }

/* --- labels: always visible, mockup lettering --- */
nav.ss-signpost .ss-sign__label{
  display:inline-block !important;
  font-family:'Kalam','Trebuchet MS',cursive !important;
  font-size:1.08rem;
  font-weight:700;
  letter-spacing:.035em;
  line-height:1.02;
  color:#33261a;
  position:relative;
  z-index:3;
  text-shadow:0 1px 0 rgba(255,255,255,.28);
  white-space:nowrap;
}
/* light lettering on the dark planks (red, teal, purple, blue) */
nav.ss-signpost .ss-sign--home .ss-sign__label,
nav.ss-signpost .ss-sign--our-story .ss-sign__label,
nav.ss-signpost .ss-sign--book-us .ss-sign__label,
nav.ss-signpost .ss-sign--passport-club .ss-sign__label{
  color:#fdf3d9;
  text-shadow:0 1px 2px rgba(46,26,10,.55);
}

/* --- icons: always visible --- */
nav.ss-signpost img.ss-sign__icon{
  display:block !important;
  flex:0 0 34px !important;
  width:34px !important;
  height:34px !important;
  object-fit:contain;
  position:relative;
  z-index:3;
}

/* --- hand-placed offsets (stake img is child 1, so use nth-of-type on links) --- */
nav.ss-signpost a.ss-sign{ --r:0deg; }
nav.ss-signpost a.ss-sign:nth-of-type(odd) { --shift:-5px; --r:-.2deg; }
nav.ss-signpost a.ss-sign:nth-of-type(even){ --shift: 6px; --r: .2deg; }
nav.ss-signpost a.ss-sign{
  transform:translateX(var(--shift,0px)) rotate(var(--r));
  transition:transform .22s ease, filter .22s ease;
}

/* --- HOVER: light up + ~5 degree tilt (alternating direction) --- */
nav.ss-signpost a.ss-sign:hover,
nav.ss-signpost a.ss-sign:focus-visible{
  z-index:6;
  transform:translateX(var(--shift,0px)) rotate(-5deg) scale(1.04);
  filter:brightness(1.14) saturate(1.1)
         drop-shadow(0 0 10px rgba(255,226,110,.95))
         drop-shadow(0 0 24px rgba(255,199,64,.6));
}
nav.ss-signpost a.ss-sign:nth-of-type(even):hover,
nav.ss-signpost a.ss-sign:nth-of-type(even):focus-visible{
  transform:translateX(var(--shift,0px)) rotate(5deg) scale(1.04);
}
@media (prefers-reduced-motion: reduce){
  nav.ss-signpost a.ss-sign,
  nav.ss-signpost a.ss-sign:hover{ transition:none; transform:none; }
}

/* active page stays gently lit (no rotation) */
nav.ss-signpost a.ss-sign.is-active{
  filter:brightness(1.1) saturate(1.06)
         drop-shadow(0 0 8px rgba(255,224,120,.9));
}


/* ============================================================
   v2.4 — plank proportions + approved lettering
   Planks keep their artwork's aspect ratio instead of being
   squashed into a fixed-height bar. Tune ONE variable:
     --ss-plank-ratio: 2.96/1 = zero distortion (art's native 900x304)
                       3.4/1  = default, slight sleekening
                       4/1    = sleeker/shorter signpost
   ============================================================ */
:root{ --ss-plank-ratio: 3.4/1; }

nav.ss-signpost{
  width:min(340px,26vw);
  gap:7px;
  padding:24px 0 34px;
}
nav.ss-signpost .ss-sign{
  aspect-ratio:var(--ss-plank-ratio);
  min-height:0;
  height:auto;
  padding:0 9% 0 7%;   /* keep icon+label off the pointed ends */
  gap:10px;
  justify-content:center;
}
nav.ss-signpost .ss-signpost__stake{ width:clamp(38px,3.4vw,50px); }

/* approved typewriter-serif lettering */
nav.ss-signpost .ss-sign__label{
  font-family:'Special Elite','Oswald','Courier New',serif !important;
  font-size:clamp(14px,1.35vw,19px);
  font-weight:400;
  letter-spacing:.05em;
  text-shadow:none;
}
nav.ss-signpost .ss-sign--home .ss-sign__label,
nav.ss-signpost .ss-sign--our-story .ss-sign__label,
nav.ss-signpost .ss-sign--book-us .ss-sign__label,
nav.ss-signpost .ss-sign--passport-club .ss-sign__label{
  text-shadow:0 1px 2px rgba(46,26,10,.5);
}

/* icons scale with the planks */
nav.ss-signpost img.ss-sign__icon{
  flex:0 0 auto !important;
  width:clamp(26px,2.6vw,36px) !important;
  height:clamp(26px,2.6vw,36px) !important;
}


/* ============================================================
   v2.5 — planks rest straight; rotation is hover-only.
   Lettering: Oswald condensed caps sized to the mockup.
   ============================================================ */
/* kill ALL resting offsets/tilts from earlier layers */
nav.ss-signpost a.ss-sign,
nav.ss-signpost a.ss-sign:nth-of-type(odd),
nav.ss-signpost a.ss-sign:nth-of-type(even){
  --shift:0px;
  --r:0deg;
  transform:none;
}

/* hover/focus: the ONLY time planks move — glow + ~5 degree tilt */
nav.ss-signpost a.ss-sign:hover,
nav.ss-signpost a.ss-sign:focus-visible{
  transform:rotate(-5deg) scale(1.04);
}
nav.ss-signpost a.ss-sign:nth-of-type(even):hover,
nav.ss-signpost a.ss-sign:nth-of-type(even):focus-visible{
  transform:rotate(5deg) scale(1.04);
}

/* mockup lettering: condensed caps, bigger */
nav.ss-signpost .ss-sign__label{
  font-family:'Oswald','Arial Narrow',sans-serif !important;
  font-size:clamp(18px,1.75vw,26px);
  font-weight:500;
  letter-spacing:.06em;
  line-height:1;
}


/* ============================================================
   v2.6 — glow is hover-only; nav font behind one variable
   ============================================================ */
/* no light at rest: kill parent shadow, per-plank filters, active glow */
nav.ss-signpost{ filter:none; }
nav.ss-signpost a.ss-sign,
nav.ss-signpost a.ss-sign.is-active{ filter:none; }

/* hover/focus remains the only glow (re-stated to win the cascade) */
nav.ss-signpost a.ss-sign:hover,
nav.ss-signpost a.ss-sign:focus-visible{
  filter:brightness(1.14) saturate(1.1)
         drop-shadow(0 0 10px rgba(255,226,110,.95))
         drop-shadow(0 0 24px rgba(255,199,64,.6));
}

/* current page: keep it subtle & static — slight brightness only, no glow */
nav.ss-signpost a.ss-sign.is-active{ filter:brightness(1.06); }

/* nav lettering = one variable; swap the font here after picking */
:root{ --ss-nav-font:'Oswald','Arial Narrow',sans-serif; }
nav.ss-signpost .ss-sign__label{
  font-family:var(--ss-nav-font) !important;
}
/* enforce per-plank label colors over any Divi link styling */
nav.ss-signpost .ss-sign__label{ color:#33261a !important; }
nav.ss-signpost .ss-sign--home .ss-sign__label,
nav.ss-signpost .ss-sign--our-story .ss-sign__label,
nav.ss-signpost .ss-sign--book-us .ss-sign__label,
nav.ss-signpost .ss-sign--passport-club .ss-sign__label{ color:#fdf3d9 !important; }


/* ============================================================
   v2.7 — nav lettering: Amatic SC (confirmed brand font)
   Amatic is thin/tall, so: bold weight + larger size + a touch
   more letter-spacing to sit right on the planks.
   ============================================================ */
:root{ --ss-nav-font:'Amatic SC','Oswald',cursive; }
nav.ss-signpost .ss-sign__label{
  font-weight:700 !important;
  font-size:clamp(24px,2.3vw,34px);
  letter-spacing:.07em;
  line-height:.95;
}


/* ============================================================
   v2.8 — glow eliminated + mockup-scale type & icons
   ROOT CAUSE of the glow: the bundled webp planks were exported
   pre-composited on a soft background swatch (the 'aura' was in
   those files). Planks now load from the verified-clean PNGs in
   the site's own media library. Bundled webps are unused.
   ============================================================ */
nav.ss-signpost .ss-sign--home{--ss-plank:url('https://sunshinesipslemonade.com/wp-content/uploads/2026/09/Home.png') !important}
nav.ss-signpost .ss-sign--menu{--ss-plank:url('https://sunshinesipslemonade.com/wp-content/uploads/2026/09/Menu.png') !important}
nav.ss-signpost .ss-sign--flavor-lab{--ss-plank:url('https://sunshinesipslemonade.com/wp-content/uploads/2026/09/FlavorLab.png') !important}
nav.ss-signpost .ss-sign--this-weekend{--ss-plank:url('https://sunshinesipslemonade.com/wp-content/uploads/2026/09/ThisWeekend.png') !important}
nav.ss-signpost .ss-sign--our-story{--ss-plank:url('https://sunshinesipslemonade.com/wp-content/uploads/2026/09/OurStory.png') !important}
nav.ss-signpost .ss-sign--book-us{--ss-plank:url('https://sunshinesipslemonade.com/wp-content/uploads/2026/09/BookUs.png') !important}
nav.ss-signpost .ss-sign--passport-club{--ss-plank:url('https://sunshinesipslemonade.com/wp-content/uploads/2026/09/PassportClub.png') !important}
nav.ss-signpost .ss-sign--secret-hideout{--ss-plank:url('https://sunshinesipslemonade.com/wp-content/uploads/2026/09/SecretHideOut.png') !important}

/* lettering & icons scaled to the approved reference */
nav.ss-signpost .ss-sign{
  justify-content:flex-start;      /* icon then label, left-set like the art */
  padding:0 8% 0 11%;
  gap:14px;
}
nav.ss-signpost .ss-sign__label{
  font-size:clamp(30px,2.9vw,44px);
  letter-spacing:.06em;
  line-height:.95;
}
nav.ss-signpost img.ss-sign__icon{
  width:clamp(38px,3.4vw,54px) !important;
  height:clamp(38px,3.4vw,54px) !important;
}


/* ============================================================
   v2.9 — planks at TRUE art ratio; lettering sized to plank
   Plank PNGs measure 560x233 = 2.4:1. Boxes now match exactly,
   so zero stretch in any direction, at any viewport.
   ============================================================ */
:root{ --ss-plank-ratio:2.4/1; }

nav.ss-signpost{ width:min(330px,24vw); }

/* lettering: Amatic SC needs real size — enforced over all layers */
nav.ss-signpost .ss-sign__label{
  font-size:clamp(36px,3.6vw,56px) !important;
  letter-spacing:.05em !important;
  line-height:.9 !important;
}


/* ============================================================
   v2.10 — size balance pass
   Slightly smaller signpost, lettering centered on the plank
   (icon holds the left end, like the approved art), thicker stake.
   ============================================================ */
nav.ss-signpost{ width:min(300px,21vw); }

/* icon pinned left, label truly centered on the plank */
nav.ss-signpost .ss-sign{
  position:relative;
  justify-content:center;
  padding:0 13%;
}
nav.ss-signpost img.ss-sign__icon{
  position:absolute;
  left:7.5%;
  top:50%;
  transform:translateY(-50%);
  width:clamp(34px,3vw,46px) !important;
  height:clamp(34px,3vw,46px) !important;
}

/* lettering scaled back so long labels fit the plank */
nav.ss-signpost .ss-sign__label{
  font-size:clamp(23px,2.15vw,33px) !important;
  letter-spacing:.04em !important;
}

/* chunkier stake to carry the bigger planks */
nav.ss-signpost .ss-signpost__stake{ width:clamp(56px,5vw,76px); }