.elementor-15 .elementor-element.elementor-element-1e17995{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:14px;--padding-left:24px;--padding-right:24px;--z-index:99;}.elementor-15 .elementor-element.elementor-element-1e17995:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-1e17995 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-background );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-1e17995{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-1e17995{--content-width:1280px;}}/* Start custom CSS for container, class: .elementor-element-1e17995 *//* =========================================================
   HYBRACREATE — HEADER / STICKY MASTHEAD
   Section-level CSS for Elementor Advanced → Custom CSS
   Built for live header ID: #site-header-band

   Purpose:
   - Sticky editorial masthead
   - Cleaner brand lockup
   - Discreet section menu
   - Aligned with refined HybraCreate system
   ========================================================= */


/* =========================================================
   01. ANCHOR BEHAVIOR
   These can live here or in global CSS.
   ========================================================= */

html {
  scroll-behavior: smooth;
}

#buy-the-book,
#overview,
#bigidea,
#audience,
#structure,
#framework,
#canon,
#author,
#consult,
#contact,
#email {
  scroll-margin-top: 110px;
}


/* =========================================================
   02. OUTER HEADER BAND
   ========================================================= */

.elementor-15 .elementor-element.elementor-element-1e17995 {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;

  width: 100% !important;
  --content-width: 100% !important;
  box-sizing: border-box !important;

  overflow: visible !important;
  isolation: isolate !important;

  background:
    radial-gradient(
      circle at 86% 40%,
      rgba(244, 181, 44, 0.10) 0%,
      rgba(244, 181, 44, 0.035) 32%,
      transparent 58%
    ),
    linear-gradient(
      180deg,
      rgba(251, 247, 234, 0.97) 0%,
      rgba(239, 227, 196, 0.94) 100%
    ) !important;

  border-bottom: 1px solid rgba(16, 43, 46, 0.20) !important;

  box-shadow:
    0 10px 28px rgba(7, 28, 31, 0.16),
    inset 0 -1px 0 rgba(255, 255, 255, 0.48) !important;

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Subtle paper grid */
.elementor-15 .elementor-element.elementor-element-1e17995::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background-image:
    linear-gradient(rgba(16, 43, 46, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 43, 46, 0.024) 1px, transparent 1px);
  background-size: 44px 44px;
  opacity: 0.26;
}

/* Thin amber/teal bottom signal */
.elementor-15 .elementor-element.elementor-element-1e17995::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;

  height: 3px;

  background:
    linear-gradient(
      90deg,
      rgba(16, 43, 46, 0.28) 0%,
      rgba(244, 181, 44, 0.86) 42%,
      rgba(244, 181, 44, 0.86) 58%,
      rgba(16, 43, 46, 0.28) 100%
    );
}

.elementor-15 .elementor-element.elementor-element-1e17995 > * {
  position: relative;
  z-index: 2;
}


/* =========================================================
   03. ELEMENTOR INNER LAYOUT
   ========================================================= */

.elementor-15 .elementor-element.elementor-element-1e17995 > .e-con-inner {
  position: relative !important;
  z-index: 2 !important;

  width: 100% !important;
  max-width: none !important;
  min-height: 92px !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding:
    clamp(14px, 2vw, 20px)
    clamp(22px, 4vw, 48px) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-sizing: border-box !important;
}

/* HTML widget reset */
.elementor-15 .elementor-element.elementor-element-1e17995 .elementor-widget-html,
.elementor-15 .elementor-element.elementor-element-1e17995 .elementor-widget-html .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;
}


/* =========================================================
   04. HEADER SHELL
   ========================================================= */

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-shell {
  position: relative;
  z-index: 5;

  width: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(14px, 3vw, 28px);

  box-sizing: border-box;
}


/* =========================================================
   05. BRAND LOCKUP
   ========================================================= */

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-brand {
  position: relative;

  display: inline-grid;
  gap: 5px;

  width: auto;
  max-width: fit-content;

  padding: 9px 18px 10px 18px;

  text-align: left;
  text-decoration: none !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 249, 232, 0.72) 0%,
      rgba(244, 181, 44, 0.07) 100%
    );

  border-left: 3px solid #f4b52c;
  border-top: 1px solid rgba(16, 43, 46, 0.16);
  border-bottom: 1px solid rgba(16, 43, 46, 0.16);
  border-radius: 0 !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.58);
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-brand::after {
  content: "";
  position: absolute;
  right: -16px;
  bottom: -1px;

  width: 16px;
  height: 1px;

  background: rgba(244, 181, 44, 0.74);
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-brand__name {
  display: block;

  color: #102b2e !important;

  font-family: "IBM Plex Serif", Georgia, "Times New Roman", serif !important;
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1;
  font-weight: 500;
  letter-spacing: -0.052em;

  text-shadow: none;
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-brand__tagline {
  display: block;

  color: #b77713 !important;

  font-family: "Poppins", Helvetica, Arial, sans-serif !important;
  font-size: clamp(10px, 1vw, 11.5px);
  line-height: 1.2;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}


/* =========================================================
   06. MENU WRAPPER
   ========================================================= */

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu {
  position: relative;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu[open] {
  z-index: 100;
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu summary {
  list-style: none;
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu summary::-webkit-details-marker {
  display: none;
}


/* =========================================================
   07. MENU BUTTON
   ========================================================= */

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__toggle {
  position: relative;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 48px;
  height: 42px;
  padding: 0;

  cursor: pointer;
  user-select: none;

  color: #102b2e;

  background:
    linear-gradient(
      180deg,
      rgba(255, 249, 232, 0.76) 0%,
      rgba(239, 227, 196, 0.58) 100%
    );

  border: 1px solid rgba(16, 43, 46, 0.24);
  border-top: 3px solid rgba(244, 181, 44, 0.78);
  border-radius: 0 !important;

  box-shadow:
    0 10px 20px rgba(16, 43, 46, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.64);

  transition:
    transform 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease;
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__toggle:hover {
  transform: translateY(-1px);

  background:
    linear-gradient(
      180deg,
      rgba(255, 249, 232, 0.92) 0%,
      rgba(239, 227, 196, 0.70) 100%
    );

  border-color: rgba(16, 43, 46, 0.36);

  box-shadow:
    0 14px 24px rgba(16, 43, 46, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__toggle:focus-visible {
  outline: 2px solid #f4b52c;
  outline-offset: 4px;
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__icon {
  display: grid;
  gap: 4px;
  width: 22px;
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__icon span {
  display: block;
  width: 22px;
  height: 2px;

  background: #102b2e !important;

  transform-origin: center;
  transition:
    transform 180ms ease,
    opacity 180ms ease;
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu[open] .hc-header-menu__icon span:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu[open] .hc-header-menu__icon span:nth-child(2) {
  opacity: 0;
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu[open] .hc-header-menu__icon span:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}


/* =========================================================
   08. DROPDOWN PANEL
   ========================================================= */

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__panel {
  position: absolute;
  top: calc(100% + 14px);
  right: 0;

  width: min(330px, calc(100vw - 32px));
  padding: 22px;

  box-sizing: border-box;

  background:
    radial-gradient(
      circle at 18% 12%,
      rgba(244, 181, 44, 0.12) 0%,
      transparent 44%
    ),
    linear-gradient(
      180deg,
      rgba(16, 47, 52, 0.98) 0%,
      rgba(7, 28, 31, 0.98) 100%
    ) !important;

  border: 1px solid rgba(247, 240, 220, 0.14);
  border-top: 4px solid #f4b52c;
  border-radius: 0 !important;

  box-shadow:
    0 28px 58px rgba(0, 0, 0, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background-image:
    linear-gradient(rgba(247, 240, 220, 0.034) 1px, transparent 1px),
    linear-gradient(90deg, rgba(247, 240, 220, 0.026) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: 0.24;
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__panel > * {
  position: relative;
  z-index: 2;
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__eyebrow {
  display: none;
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__panel a {
  position: relative;

  display: block;

  padding: 11px 0 10px;

  color: rgba(247, 240, 220, 0.84) !important;

  font-family: "Poppins", Helvetica, Arial, sans-serif !important;
  font-size: 13.5px;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-decoration: none !important;

  border-bottom: 1px solid rgba(247, 240, 220, 0.10);

  transition:
    color 180ms ease,
    border-color 180ms ease,
    transform 180ms ease;
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__panel a:hover,
.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__panel a:focus {
  color: #f4b52c !important;
  border-color: rgba(244, 181, 44, 0.42);
  transform: translateX(3px);
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__panel a:focus-visible {
  outline: 2px solid #f4b52c;
  outline-offset: 3px;
}

/* Primary menu action */
.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__panel a:first-of-type {
  margin: 0 0 9px;
  padding: 13px 14px 12px;

  color: #102b2e !important;

  background:
    linear-gradient(
      135deg,
      #fff6d4 0%,
      #f4b52c 100%
    );

  border-bottom: 0;

  font-family: "Poppins", Helvetica, Arial, sans-serif !important;
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__panel a:first-of-type:hover,
.elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__panel a:first-of-type:focus {
  color: #102b2e !important;

  background:
    linear-gradient(
      135deg,
      #fff9e8 0%,
      #f4b52c 100%
    );

  transform: translateY(-1px);
}


/* =========================================================
   09. TABLET
   ========================================================= */

@media (max-width: 1024px) {
  #buy-the-book,
  #overview,
  #bigidea,
  #audience,
  #structure,
  #framework,
  #canon,
  #author,
  #consult,
  #contact,
  #email {
    scroll-margin-top: 96px;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995 > .e-con-inner {
    min-height: 82px !important;
    padding: 13px 32px 14px !important;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-brand {
    gap: 4px;
    padding: 8px 15px 9px 16px;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-brand__name {
    font-size: 31px;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-brand__tagline {
    font-size: 10.5px;
    letter-spacing: 0.11em;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__toggle {
    width: 46px;
    height: 40px;
  }
}


/* =========================================================
   10. MOBILE
   ========================================================= */

@media (max-width: 767px) {
  #buy-the-book,
  #overview,
  #bigidea,
  #audience,
  #structure,
  #framework,
  #canon,
  #author,
  #consult,
  #contact,
  #email {
    scroll-margin-top: 84px;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995::before {
    background-size: 34px 34px;
    opacity: 0.20;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995::after {
    height: 3px;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995 > .e-con-inner {
    min-height: 74px !important;
    padding: 11px 16px 12px !important;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-shell {
    gap: 12px;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-brand {
    max-width: calc(100vw - 112px);
    gap: 3px;
    padding: 7px 12px 8px 13px;
    border-left-width: 3px;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-brand::after {
    width: 12px;
    right: -12px;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-brand__name {
    font-size: 25px;
    line-height: 1;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-brand__tagline {
    font-size: 9.5px;
    line-height: 1.15;
    letter-spacing: 0.10em;
    white-space: nowrap;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__toggle {
    width: 44px;
    height: 40px;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__panel {
    position: fixed;
    top: 82px;
    right: 16px;
    left: 16px;

    width: auto;
    max-height: calc(100vh - 104px);
    overflow: auto;

    padding: 20px;

    box-shadow:
      0 24px 48px rgba(0, 0, 0, 0.32),
      inset 0 1px 0 rgba(255, 255, 255, 0.06);
  }

  .elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__panel a {
    font-size: 14px;
    padding: 12px 0 11px;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-menu__panel a:first-of-type {
    font-size: 11px;
  }
}


/* =========================================================
   11. VERY SMALL PHONES
   ========================================================= */

@media (max-width: 390px) {
  .elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-brand__name {
    font-size: 22px;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-brand__tagline {
    font-size: 8.8px;
  }

  .elementor-15 .elementor-element.elementor-element-1e17995 .hc-header-brand {
    max-width: calc(100vw - 98px);
    padding-right: 10px;
  }
}/* End custom CSS */