/* AWeber signup form (Griffin's form 291790911), restyled to match the design.
   AWeber injects its own styles scoped to #af-form-291790911, so these use the
   same ID to win. */

.AW-Form-291790911 {
  width: 100%;
  max-width: 560px;
  padding-top: 12px;
}

.AW-Form-291790911 #af-form-291790911 {
  max-width: none !important;
  border: 0 !important;
  background: transparent !important;
}

.AW-Form-291790911 #af-form-291790911 .af-body {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  padding: 0 !important;
  font-family: Manrope, sans-serif !important;
  color: #c2c7cc !important;
}

.AW-Form-291790911 #af-form-291790911 .af-element {
  flex: 1 1 180px;
  padding: 0 !important;
}

.AW-Form-291790911 #af-form-291790911 .af-clear {
  display: none;
}

.AW-Form-291790911 #af-form-291790911 .af-body label.previewLabel {
  float: none !important;
  width: auto !important;
  margin: 0 0 6px !important;
  font-family: Manrope, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #c2c7cc !important;
}

.AW-Form-291790911 #af-form-291790911 .af-body .af-textWrap {
  float: none !important;
  width: 100% !important;
}

.AW-Form-291790911 #af-form-291790911 .af-body input.text {
  height: 56px;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid #44474a !important;
  border-radius: 2px !important;
  background: #1e2327 !important;
  color: #ffffff !important;
  font-family: Manrope, sans-serif !important;
  font-size: 16px !important;
}

.AW-Form-291790911 #af-form-291790911 .af-body input.text:focus {
  border-color: #c2c7cc !important;
  background: #1e2327 !important;
}

.AW-Form-291790911 #af-form-291790911 .buttonContainer {
  flex: 0 0 auto;
}

.AW-Form-291790911 #af-form-291790911 .buttonContainer input.submit {
  height: 56px;
  margin: 0 !important;
  padding: 0 28px !important;
  border: 0 !important;
  border-radius: 2px !important;
  background: #ffffff !important;
  color: #080d11 !important;
  font-family: Manrope, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
}

.AW-Form-291790911 #af-form-291790911 .buttonContainer input.submit:hover {
  background: #e2e2e5 !important;
}

.AW-Form-291790911 #af-form-291790911 .af-body .privacyPolicy {
  flex-basis: 100%;
  text-align: center !important;
  font-family: Manrope, sans-serif !important;
  font-size: 12px !important;
  color: #8b9095 !important;
}

.AW-Form-291790911 #af-form-291790911 .privacyPolicy p {
  margin: 0 !important;
  color: #8b9095 !important;
  font-size: 12px !important;
}

.AW-Form-291790911 #af-form-291790911 .af-body .privacyPolicy a {
  color: #c2c7cc !important;
}

/* Section headings outside articles are 40-44px in the design; long words like
   "Entrepreneurship" overflow a phone screen at that size. */
@media (max-width: 420px) {
  h2:not(article h2) {
    font-size: 34px !important;
  }
}

/* Phone menu. The header links hide below 860px, so a Menu button opens
   this panel instead. Toggled by /menu.js. */
.menu-btn{display:none;align-items:center;gap:8px;height:44px;padding:0 16px;border:1px solid #c4c7ca;border-radius:2px;background:#ffffff;color:#080d11;font:700 12px Manrope,sans-serif;letter-spacing:0.12em;text-transform:uppercase;cursor:pointer}
.menu-btn:focus-visible{outline:2px solid #080d11;outline-offset:2px}
.menu-btn .bars{display:inline-flex;flex-direction:column;gap:4px}
.menu-btn .bars span{display:block;width:16px;height:2px;background:#080d11}
.menu-panel{display:none;border-top:1px solid #d8d8d8;background:#f9f9fc}
.menu-panel a{display:block;padding:16px 20px;border-bottom:1px solid #e2e2e5;font:700 16px Manrope,sans-serif;color:#080d11;text-decoration:none}
.menu-panel a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
.menu-panel a.menu-cta{margin:16px 20px;padding:16px;border:0;background:#080d11;color:#ffffff;text-align:center;font-size:13px;letter-spacing:0.12em;text-transform:uppercase}
header.menu-open .menu-panel{display:block}
@media (max-width:860px){
  .menu-btn{display:inline-flex}
  .nav{display:none !important}
}