/* calmdown — TOP HEADER LOGO (EXTRA LARGE, SAFE SCALE) */

/* Desktop */
#cd-spec .cd-top-center,
#cd-spec .cd-top-center img,
#cd-spec .cd-top-logo,
#cd-spec .site-logo img {
  transform: scale(3);
  transform-origin: center center;
}

/* Mobile: slightly less than desktop so it doesn't feel aggressive */
@media (max-width: 520px) {
  #cd-spec .cd-top-center,
  #cd-spec .cd-top-center img,
  #cd-spec .cd-top-logo,
  #cd-spec .site-logo img {
    transform: scale(2.6);
  }
}
/* calmdown — SIMPLE MOBILE FIX (no wrapping, no scroll break) */
@media (max-width: 520px) {

  /* Force the main wordmark area to never wrap */
  #cd-spec h1,
  #cd-spec h2,
  #cd-spec .cd-hero h1,
  #cd-spec .cd-hero h2,
  #cd-spec .cd-wordmark,
  #cd-spec .cd-title,
  #cd-spec .headline,
  #cd-spec .logo,
  #cd-spec [class*="word"],
  #cd-spec [class*="logo"],
  #cd-spec [id*="logo"],
  #cd-spec [class*="title"] {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    font-size: clamp(42px, 14vw, 86px) !important;
    line-height: 0.9 !important;
    text-align: center !important;
  }

  /* If calmdown is split into pieces, force them to stay on one line */
  #cd-spec span,
  #cd-spec strong {
    white-space: nowrap !important;
    display: inline-block !important;
  }
}
/* calmdown — MOBILE: shrink the entire access panel + title */
@media (max-width: 520px) {

  /* Shrink the black access card itself */
  #cd-spec #cdAccessTop,
  #cd-spec #cdAccessTop .cd-access,
  #cd-spec #cdAccessTop .cd-access-box,
  #cd-spec #cdAccessTop .cd-access-panel,
  #cd-spec #cdAccessTop .cd-access-card,
  #cd-spec #cdAccessTop [class*="access"] {
    padding: 14px 12px !important;
    border-radius: 18px !important;
    width: min(92vw, 460px) !important;
    margin: 14px auto 18px !important;
  }

  /* The giant "ENTRY AC..." headline — force it down */
  #cd-spec #cdAccessTop h1,
  #cd-spec #cdAccessTop h2,
  #cd-spec #cdAccessTop h3,
  #cd-spec #cdAccessTop [class*="entry"],
  #cd-spec #cdAccessTop [class*="title"] {
    font-size: 22px !important;
    line-height: 1 !important;
    letter-spacing: 0.22em !important;
    margin: 0 0 10px !important;
  }

  /* Inputs — slimmer */
  #cd-spec #cdAccessTop input,
  #cd-spec #cdAccessTop textarea,
  #cd-spec #cdAccessTop select {
    height: 40px !important;
    padding: 10px 12px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
  }

  /* Button / white pill — slimmer */
  #cd-spec #cdAccessTop button,
  #cd-spec #cdAccessTop input[type="submit"] {
    height: 40px !important;
    font-size: 14px !important;
    border-radius: 12px !important;
  }

  /* Reduce extra spacing inside the card */
  #cd-spec #cdAccessTop * {
    max-width: 100% !important;
  }
}
/* calmdown — MOBILE: force BOTH access blocks to the same size */
@media (max-width: 520px) {

  /* Catch any big black access card on the landing page */
  #cd-spec #cdAccessTop,
  #cd-spec .cd-access,
  #cd-spec .cd-access-box,
  #cd-spec .cd-access-panel,
  #cd-spec [class*="access"],
  #cd-spec [id*="access"] {
    width: min(92vw, 460px) !important;
    margin: 14px auto 18px !important;
    padding: 16px 14px !important;
    border-radius: 18px !important;
  }

  /* Catch the BIG “ENTRY AC…” text (both versions) */
  #cd-spec h1,
  #cd-spec h2,
  #cd-spec h3,
  #cd-spec [class*="entry"],
  #cd-spec [class*="access"],
  #cd-spec [class*="title"] {
    font-size: 20px !important;
    line-height: 1 !important;
    letter-spacing: 0.22em !important;
    margin: 0 0 10px !important;
  }

  /* Inputs: slim and consistent */
  #cd-spec input,
  #cd-spec textarea,
  #cd-spec select {
    width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
  }

  /* Button / white bar: slim and consistent */
  #cd-spec button,
  #cd-spec input[type="submit"] {
    width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    position: static !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }
}
#cd-spec .cd-top-center {
  margin-top: 12px;
}
<!-- =========================
/* ===============================
   ZEN ZONE NAV VISIBILITY FIX
   Makes EXISTING WP/Kadence menu white
   =============================== */

/* Header background so white text reads */
.site-header,
#masthead,
.kadence-header-wrap,
.kadence-header-row,
.kadence-sticky-header{
  background:rgba(0,0,0,.55) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}

/* Menu links = WHITE */
.site-header a,
#masthead a,
.kadence-header-wrap a,
.nav-menu a,
.primary-menu a,
#primary-menu a,
.main-navigation a,
.kadence-menu a,
.kadence-navigation a{
  color:#ffffff !important;
  opacity:.95;
  text-decoration:none !important;
}

/* Hover */
.site-header a:hover,
.kadence-header-wrap a:hover,
.nav-menu a:hover{
  opacity:1 !important;
}

/* Active page */
.current-menu-item > a,
.current_page_item > a,
.current-menu-ancestor > a{
  color:#ffffff !important;
  opacity:1 !important;
}

/* Mobile spacing (prevents wrap chaos) */
@media(max-width:980px){
  .nav-menu,
  #primary-menu{
    display:flex !important;
    gap:10px !important;
    overflow-x:auto !important;
    white-space:nowrap;
  }

  .nav-menu a{
    font-size:11px;
    letter-spacing:.12em;
  }
}
/* Remove the extra Zen Zone pill tabs (NOT your WP menu) */
#zen-zone .zz-topnav{
  display:none !important;
}

/* If any spacing/offset remains, neutralize it */
#zen-zone .zz-anchor{
  scroll-margin-top: 0 !important;
}
/* ===============================
   ZEN ZONE MAGNIFY / LIGHTBOX
   =============================== */

#zz-lightbox{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.92);
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
}

#zz-lightbox.is-open{
  display:flex;
}

#zz-lightbox .zz-lb-stage{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  cursor:grab;
}

#zz-lightbox .zz-lb-img{
  max-width:none;
  max-height:none;
  width:auto;
  height:auto;
  transform-origin:center center;
  cursor:grab;
  user-select:none;
  -webkit-user-drag:none;
}