.mypage--banner {
  background: var(--sbf-palette-blue-500);
  width: 100%;
  color: var(--sbf-palette-white);
  text-align: center;
  font-size: 16px;
  font-weight: var(--sbf-font-weight-600);
  z-index: 20000;
  font-family: var(--sbf-font-family-sans);
  padding: 28px;
  transition: transform .2s cubic-bezier(.58, .09, .67, 1.33), background .1s linear;
  position: fixed;
  top: 0;
  left: 0;
  transform: translate(0, -100%);
}

.mypage--banner.loading {
  background: var(--sbf-palette-blue-500);
  transform: translate(0);
}

.mypage--banner.error {
  color: #fff;
  background: var(--sbf-palette-red-200) !important;
}

.mypage--banner.error .button.confirm {
  color: var(--sbf-palette-red-200);
}

.mypage--banner.warning {
  background: var(--sbf-palette-orange-500);
}

.mypage--banner.new_error {
  animation: .2s ease-out wiggle-with-it;
}

.mypage--banner button {
  border-radius: var(--sbf-border-radius-4);
  color: #f5f5f5;
  font-family: var(--sbf-font-family-sans);
  font-weight: var(--sbf-font-weight-700);
  border-color: #f5f5f5;
  border-width: var(--sbf-border-width-2);
  cursor: pointer;
  white-space: nowrap;
  z-index: 2;
  letter-spacing: -.005em;
  text-align: center;
  background-color: #0000;
  border-style: solid;
  margin-bottom: 10px;
  text-decoration: none;
  transition: background 50ms linear, border-color 50ms linear, color 50ms linear, opacity 50ms linear;
  display: inline-block;
}

.mypage--banner button:hover, .mypage--banner button:focus {
  color: #f5f5f5;
  border-bottom-width: var(--sbf-border-width-2);
  background-color: #0000;
  border-color: #f5f5f5;
}

.mypage--banner button:focus {
  outline: solid var(--sbf-border-width-2) var(--sbf-state-focus);
  outline-offset: var(--sbf-border-width-2);
}

.mypage--banner button.disabled, .mypage--banner button[disabled] {
  opacity: var(--sbf-opacity-50);
  pointer-events: none;
}

.mypage--banner button.disabled:hover, .mypage--banner button.disabled:focus, .mypage--banner button[disabled]:hover, .mypage--banner button[disabled]:focus {
  color: #f5f5f5;
  border-bottom-width: var(--sbf-border-width-2);
  background-color: #0000;
  border-color: #f5f5f5;
}

.mypage--banner button {
  font-size: var(--sbf-font-size-18);
  letter-spacing: 0;
  min-width: 40px;
  margin-bottom: 0;
  margin-left: 8px;
  padding: 6px 17px;
  line-height: 1.15em;
}

.mypage--banner .button.confirm {
  background: var(--sbf-palette-white);
  min-width: 88px;
  color: var(--sbf-palette-blue-500);
  border-color: #ffffff80;
}

.mypage--banner .button.confirm + .button.close {
  font-weight: 400;
}

@media (max-width: 600px) {
  .mypage--banner .banner__controls {
    padding: .5em 0;
    display: block;
  }
}

.mypage--banner.long .button {
  margin: 12px auto 0;
  padding: 8px 24px;
  display: block;
}

.mypage--banner a {
  color: var(--sbf-palette-white);
  border-bottom: 1px solid var(--sbf-palette-white);
  padding: 2px 0;
  text-decoration: none;
}

.mypage--banner a:hover {
  color: var(--sbf-palette-white);
  border-color: #ffffffb3;
}

.embed-responsive {
  width: 100%;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.embed-responsive:before {
  content: "";
  display: block;
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.embed-responsive-21by9:before {
  padding-top: 42.8571%;
}

.embed-responsive-16by9:before {
  padding-top: 56.25%;
}

.embed-responsive-4by3:before {
  padding-top: 75%;
}

.embed-responsive-1by1:before {
  padding-top: 100%;
}

.embed-responsive {
  height: 600px;
}

.loading .spinner {
  transform-origin: 50%;
  width: 3px;
  height: 3px;
  animation: 1s steps(8, end) infinite spin;
  box-shadow: 0 8px #555, 8px 0 #a2a2a2, 0 -8px #d5d5d5, -8px 0 #f3f3f3, 0 9px #555, 9px 0 #a2a2a2, 0 -9px #d5d5d5, -9px 0 #f3f3f3, 0 10px #555, 10px 0 #a2a2a2, 0 -10px #d5d5d5, -10px 0 #f3f3f3, 0 11px #555, 11px 0 #a2a2a2, 0 -11px #d5d5d5, -11px 0 #f3f3f3, 0 12px #555, 12px 0 #a2a2a2, 0 -12px #d5d5d5, -12px 0 #f3f3f3, 0 13px #555, 13px 0 #a2a2a2, 0 -13px #d5d5d5, -13px 0 #f3f3f3, 0 14px #555, 14px 0 #a2a2a2, 0 -14px #d5d5d5, -14px 0 #f3f3f3, 0 15px #555, 15px 0 #a2a2a2, 0 -15px #d5d5d5, -15px 0 #f3f3f3, 0 16px #555, 16px 0 #a2a2a2, 0 -16px #d5d5d5, -16px 0 #f3f3f3, 0 17px #555, 17px 0 #a2a2a2, 0 -17px #d5d5d5, -17px 0 #f3f3f3, 0 18px #555, 18px 0 #a2a2a2, 0 -18px #d5d5d5, -18px 0 #f3f3f3, 0 8px #555, 8px 0 #a2a2a2, 0 -8px #d5d5d5, -8px 0 #f3f3f3, 0 9px #555, 9px 0 #a2a2a2, 0 -9px #d5d5d5, -9px 0 #f3f3f3, 0 10px #555, 10px 0 #a2a2a2, 0 -10px #d5d5d5, -10px 0 #f3f3f3, 0 11px #555, 11px 0 #a2a2a2, 0 -11px #d5d5d5, -11px 0 #f3f3f3, 0 12px #555, 12px 0 #a2a2a2, 0 -12px #d5d5d5, -12px 0 #f3f3f3, 0 13px #555, 13px 0 #a2a2a2, 0 -13px #d5d5d5, -13px 0 #f3f3f3, 0 14px #555, 14px 0 #a2a2a2, 0 -14px #d5d5d5, -14px 0 #f3f3f3, 0 15px #555, 15px 0 #a2a2a2, 0 -15px #d5d5d5, -15px 0 #f3f3f3, 0 16px #555, 16px 0 #a2a2a2, 0 -16px #d5d5d5, -16px 0 #f3f3f3, 0 17px #555, 17px 0 #a2a2a2, 0 -17px #d5d5d5, -17px 0 #f3f3f3, 0 18px #555, 18px 0 #a2a2a2, 0 -18px #d5d5d5, -18px 0 #f3f3f3, 0 8px #555, 8px 0 #a2a2a2, 0 -8px #d5d5d5, -8px 0 #f3f3f3, 0 9px #555, 9px 0 #a2a2a2, 0 -9px #d5d5d5, -9px 0 #f3f3f3, 0 10px #555, 10px 0 #a2a2a2, 0 -10px #d5d5d5, -10px 0 #f3f3f3, 0 11px #555, 11px 0 #a2a2a2, 0 -11px #d5d5d5, -11px 0 #f3f3f3, 0 12px #555, 12px 0 #a2a2a2, 0 -12px #d5d5d5, -12px 0 #f3f3f3, 0 13px #555, 13px 0 #a2a2a2, 0 -13px #d5d5d5, -13px 0 #f3f3f3, 0 14px #555, 14px 0 #a2a2a2, 0 -14px #d5d5d5, -14px 0 #f3f3f3, 0 15px #555, 15px 0 #a2a2a2, 0 -15px #d5d5d5, -15px 0 #f3f3f3, 0 16px #555, 16px 0 #a2a2a2, 0 -16px #d5d5d5, -16px 0 #f3f3f3, 0 17px #555, 17px 0 #a2a2a2, 0 -17px #d5d5d5, -17px 0 #f3f3f3, 0 18px #555, 18px 0 #a2a2a2, 0 -18px #d5d5d5, -18px 0 #f3f3f3, 0 8px #555, 8px 0 #a2a2a2, 0 -8px #d5d5d5, -8px 0 #f3f3f3, 0 9px #555, 9px 0 #a2a2a2, 0 -9px #d5d5d5, -9px 0 #f3f3f3, 0 10px #555, 10px 0 #a2a2a2, 0 -10px #d5d5d5, -10px 0 #f3f3f3, 0 11px #555, 11px 0 #a2a2a2, 0 -11px #d5d5d5, -11px 0 #f3f3f3, 0 12px #555, 12px 0 #a2a2a2, 0 -12px #d5d5d5, -12px 0 #f3f3f3, 0 13px #555, 13px 0 #a2a2a2, 0 -13px #d5d5d5, -13px 0 #f3f3f3, 0 14px #555, 14px 0 #a2a2a2, 0 -14px #d5d5d5, -14px 0 #f3f3f3, 0 15px #555, 15px 0 #a2a2a2, 0 -15px #d5d5d5, -15px 0 #f3f3f3, 0 16px #555, 16px 0 #a2a2a2, 0 -16px #d5d5d5, -16px 0 #f3f3f3, 0 17px #555, 17px 0 #a2a2a2, 0 -17px #d5d5d5, -17px 0 #f3f3f3, 0 18px #555, 18px 0 #a2a2a2, 0 -18px #d5d5d5, -18px 0 #f3f3f3, 0 8px #555, 8px 0 #a2a2a2, 0 -8px #d5d5d5, -8px 0 #f3f3f3, 0 9px #555, 9px 0 #a2a2a2, 0 -9px #d5d5d5, -9px 0 #f3f3f3, 0 10px #555, 10px 0 #a2a2a2, 0 -10px #d5d5d5, -10px 0 #f3f3f3, 0 11px #555, 11px 0 #a2a2a2, 0 -11px #d5d5d5, -11px 0 #f3f3f3, 0 12px #555, 12px 0 #a2a2a2, 0 -12px #d5d5d5, -12px 0 #f3f3f3, 0 13px #555, 13px 0 #a2a2a2, 0 -13px #d5d5d5, -13px 0 #f3f3f3, 0 14px #555, 14px 0 #a2a2a2, 0 -14px #d5d5d5, -14px 0 #f3f3f3, 0 15px #555, 15px 0 #a2a2a2, 0 -15px #d5d5d5, -15px 0 #f3f3f3, 0 16px #555, 16px 0 #a2a2a2, 0 -16px #d5d5d5, -16px 0 #f3f3f3, 0 17px #555, 17px 0 #a2a2a2, 0 -17px #d5d5d5, -17px 0 #f3f3f3, 0 18px #555, 18px 0 #a2a2a2, 0 -18px #d5d5d5, -18px 0 #f3f3f3, 0 8px #555, 8px 0 #a2a2a2, 0 -8px #d5d5d5, -8px 0 #f3f3f3, 0 9px #555, 9px 0 #a2a2a2, 0 -9px #d5d5d5, -9px 0 #f3f3f3, 0 10px #555, 10px 0 #a2a2a2, 0 -10px #d5d5d5, -10px 0 #f3f3f3, 0 11px #555, 11px 0 #a2a2a2, 0 -11px #d5d5d5, -11px 0 #f3f3f3, 0 12px #555, 12px 0 #a2a2a2, 0 -12px #d5d5d5, -12px 0 #f3f3f3, 0 13px #555, 13px 0 #a2a2a2, 0 -13px #d5d5d5, -13px 0 #f3f3f3, 0 14px #555, 14px 0 #a2a2a2, 0 -14px #d5d5d5, -14px 0 #f3f3f3, 0 15px #555, 15px 0 #a2a2a2, 0 -15px #d5d5d5, -15px 0 #f3f3f3, 0 16px #555, 16px 0 #a2a2a2, 0 -16px #d5d5d5, -16px 0 #f3f3f3, 0 17px #555, 17px 0 #a2a2a2, 0 -17px #d5d5d5, -17px 0 #f3f3f3, 0 18px #555, 18px 0 #a2a2a2, 0 -18px #d5d5d5, -18px 0 #f3f3f3, 0 8px #555, 8px 0 #a2a2a2, 0 -8px #d5d5d5, -8px 0 #f3f3f3, 0 9px #555, 9px 0 #a2a2a2, 0 -9px #d5d5d5, -9px 0 #f3f3f3, 0 10px #555, 10px 0 #a2a2a2, 0 -10px #d5d5d5, -10px 0 #f3f3f3, 0 11px #555, 11px 0 #a2a2a2, 0 -11px #d5d5d5, -11px 0 #f3f3f3, 0 12px #555, 12px 0 #a2a2a2, 0 -12px #d5d5d5, -12px 0 #f3f3f3, 0 13px #555, 13px 0 #a2a2a2, 0 -13px #d5d5d5, -13px 0 #f3f3f3, 0 14px #555, 14px 0 #a2a2a2, 0 -14px #d5d5d5, -14px 0 #f3f3f3, 0 15px #555, 15px 0 #a2a2a2, 0 -15px #d5d5d5, -15px 0 #f3f3f3, 0 16px #555, 16px 0 #a2a2a2, 0 -16px #d5d5d5, -16px 0 #f3f3f3, 0 17px #555, 17px 0 #a2a2a2, 0 -17px #d5d5d5, -17px 0 #f3f3f3, 0 18px #555, 18px 0 #a2a2a2, 0 -18px #d5d5d5, -18px 0 #f3f3f3, 0 8px #555, 8px 0 #a2a2a2, 0 -8px #d5d5d5, -8px 0 #f3f3f3, 0 9px #555, 9px 0 #a2a2a2, 0 -9px #d5d5d5, -9px 0 #f3f3f3, 0 10px #555, 10px 0 #a2a2a2, 0 -10px #d5d5d5, -10px 0 #f3f3f3, 0 11px #555, 11px 0 #a2a2a2, 0 -11px #d5d5d5, -11px 0 #f3f3f3, 0 12px #555, 12px 0 #a2a2a2, 0 -12px #d5d5d5, -12px 0 #f3f3f3, 0 13px #555, 13px 0 #a2a2a2, 0 -13px #d5d5d5, -13px 0 #f3f3f3, 0 14px #555, 14px 0 #a2a2a2, 0 -14px #d5d5d5, -14px 0 #f3f3f3, 0 15px #555, 15px 0 #a2a2a2, 0 -15px #d5d5d5, -15px 0 #f3f3f3, 0 16px #555, 16px 0 #a2a2a2, 0 -16px #d5d5d5, -16px 0 #f3f3f3, 0 17px #555, 17px 0 #a2a2a2, 0 -17px #d5d5d5, -17px 0 #f3f3f3, 0 18px #555, 18px 0 #a2a2a2, 0 -18px #d5d5d5, -18px 0 #f3f3f3, 6px 6px #888, -6px -6px #eee, 6px -6px #bbb, -6px 6px #fbfbfb, 7px 7px #888, -7px -7px #eee, 7px -7px #bbb, -7px 7px #fbfbfb, 8px 8px #888, -8px -8px #eee, 8px -8px #bbb, -8px 8px #fbfbfb, 9px 9px #888, -9px -9px #eee, 9px -9px #bbb, -9px 9px #fbfbfb, 10px 10px #888, -10px -10px #eee, 10px -10px #bbb, -10px 10px #fbfbfb, 11px 11px #888, -11px -11px #eee, 11px -11px #bbb, -11px 11px #fbfbfb, 12px 12px #888, -12px -12px #eee, 12px -12px #bbb, -12px 12px #fbfbfb, 13px 13px #888, -13px -13px #eee, 13px -13px #bbb, -13px 13px #fbfbfb;
}

@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}

.loading .spinner {
  margin: -150px auto 0;
}

.widget-overlay.overlay.fullscreen {
  padding: 0;
}

#widgetOverlay {
  background: var(--sbf-palette-white);
}

@media (min-width: 760px) {
  #widgetOverlay {
    background: none;
  }
}

h1 {
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.125;
}

@media (min-width: 760px) {
  h1 {
    letter-spacing: -.035em;
    margin-top: 0;
    margin-bottom: 24px;
    font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 5em;
    font-weight: 700;
    line-height: 1.0625;
  }

  header {
    margin-bottom: 0;
  }
}

.sbf-ce-section {
  outline: 1px dotted #000;
}

.section-inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 24px;
}

@media (min-width: 760px) {
  .section-inner {
    padding: 0 56px;
  }
}

@media (min-width: 1080px) {
  .section-inner {
    max-width: 1160px;
    padding: 0 20px;
  }
}

.dark-container {
  color: #f5f5f5;
}

.hero-container {
  text-align: center;
  background-color: #353535;
  background-image: url("/fa/min/assets/brigade-mobile-2413d9c4.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 52px 0 80px;
}

@media (min-width: 480px) {
  .hero-container {
    text-align: center;
    background-image: url("/fa/min/assets/brigade-tablet-b7d031d8.jpg");
    padding: 57px 0 43px;
  }
}

@media (min-width: 900px) {
  .hero-container {
    background-image: url("/fa/min/assets/brigade-bg-853132fc.jpg");
    padding: 64px 0 36px;
  }
}

.hero-container .sbf-ce-section {
  outline: 1px dotted #fff;
}

.hero-container h1 {
  text-shadow: 2px 2px 8px #000;
}

.hero-container p {
  letter-spacing: .005em;
  text-shadow: 2px 2px 8px #000;
  font-family: Zilla Slab, Georgia, serif;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.33333;
}

@media (min-width: 760px) {
  .hero-container p {
    letter-spacing: -.0001em;
    margin-top: 0;
    margin-bottom: 24px;
    font-family: Zilla Slab, Georgia, serif;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.16667;
  }
}

.hero-container .hero-content {
  margin: 0 auto;
}

@media (min-width: 900px) {
  .hero-container .hero-content {
    max-width: 620px;
  }
}

.hero-container .brigade-logo {
  margin-bottom: 27px;
}

.hero-container .brigade-logo img {
  width: 106px;
  height: 175px;
}

@media (min-width: 760px) {
  .hero-container .brigade-logo img {
    width: 143px;
    height: 236px;
  }
}

.what-is-container {
  padding: 31px 0 42px;
}

.what-is-container img {
  width: 295px;
  height: 170px;
  margin: 0 auto;
  position: static;
  box-shadow: 0 0 25px #00000080;
}

@media (min-width: 760px) {
  .what-is-container {
    padding: 69px 0 79px;
  }

  .what-is-container img {
    width: 646px;
    height: 372px;
  }
}

@media (min-width: 900px) {
  .what-is-container {
    padding: 61px 0 72px;
  }

  .what-is-container img {
    width: 420px;
    height: 242px;
    margin: 0 0 0 20px;
  }
}

.what-is-container .section-inner {
  flex-direction: column;
  max-width: 646px;
  padding: 0 24px;
  display: flex;
}

@media (min-width: 670px) {
  .what-is-container .section-inner {
    padding: 0;
  }
}

@media (min-width: 900px) {
  .what-is-container .section-inner {
    flex-direction: row;
    justify-content: space-around;
    max-width: 1080px;
    padding: 0 24px;
  }
}

@media (min-width: 760px) {
  .what-is-container .what-is-content {
    max-width: 647px;
    margin: 0 auto;
  }
}

@media (min-width: 900px) {
  .what-is-container .what-is-content {
    max-width: 330px;
    margin: 0;
  }
}

@media (min-width: 1050px) {
  .what-is-container .what-is-content {
    max-width: 550px;
    margin: 0;
  }
}

.what-is-container h1 {
  text-align: center;
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.125;
}

@media (min-width: 900px) {
  .what-is-container h1 {
    text-align: left;
  }
}

.what-is-container p {
  letter-spacing: .01em;
  font-family: Zilla Slab, Georgia, serif;
  font-size: 1em;
  line-height: 1.375;
}

@media (min-width: 760px) {
  .what-is-container p {
    letter-spacing: -.0015em;
    font-family: Zilla Slab, Georgia, serif;
    font-size: 1.5em;
    line-height: 1.25;
  }
}

@media (min-width: 900px) {
  .what-is-container p {
    letter-spacing: .005em;
    font-family: Zilla Slab, Georgia, serif;
    font-size: 1.125em;
    line-height: 1.33333;
  }
}

.what-is-container .sbf-ce-section {
  outline: 1px dotted #353535 !important;
}

.activities-container {
  background: #f5f5f5;
  padding-top: 55px;
}

.activities-container h3 {
  letter-spacing: -.015em;
  text-align: center;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.16667;
}

@media (min-width: 760px) {
  .activities-container h3 {
    letter-spacing: -.025em;
    margin-top: 0;
    margin-bottom: 24px;
    font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 2.5em;
    font-weight: 700;
    line-height: 1.125;
  }
}

@media (min-width: 900px) {
  .activities-container h3 {
    max-width: 65%;
    margin: 0 auto;
  }
}

@media (min-width: 760px) and (max-width: 901px) {
  .activities-container .section-inner {
    padding: 0 36px;
  }
}

.cta-container {
  text-align: center;
  background-color: #b4975a33;
  background-image: url("/fa/min/assets/cta-bg-fb459ab3.jpg");
  padding: 33px 0 38px;
}

@media (min-width: 760px) {
  .cta-container {
    padding: 39px 0 48px;
  }
}

@media (min-width: 900px) {
  .cta-container {
    padding: 42px 0 48px;
  }
}

.cta-container h3 {
  letter-spacing: -.008em;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 1.33333;
}

@media (min-width: 760px) {
  .cta-container h3 {
    letter-spacing: -.025em;
    margin-top: 0;
    margin-bottom: 24px;
    font-family: "Source Sans 3", Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 1.875em;
    font-weight: 700;
    line-height: 1.16667;
  }
}

.cta-container .hr-curly {
  background: url("data:image/png;base64,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") top / contain no-repeat;
  width: 100%;
  max-width: 580px;
  height: 52px;
  margin: 0 auto;
}

@media (min-width: 760px) {
  .cta-container .hr-curly {
    height: 72px;
  }
}

@media (min-width: 900px) {
  .cta-container .hr-curly {
    top: 9px;
  }
}

.cta-container .join-button a {
  border-radius: var(--sbf-border-radius-4);
  color: #fff;
  font-family: var(--sbf-font-family-sans);
  font-weight: var(--sbf-font-weight-700);
  border-color: #005595;
  border-width: var(--sbf-border-width-2);
  cursor: pointer;
  white-space: nowrap;
  z-index: 2;
  letter-spacing: -.005em;
  text-align: center;
  background-color: #005595;
  border-style: solid;
  margin-bottom: 10px;
  text-decoration: none;
  transition: background 50ms linear, border-color 50ms linear, color 50ms linear, opacity 50ms linear;
  display: inline-block;
}

.cta-container .join-button a:hover, .cta-container .join-button a:focus {
  color: #f5f5f5;
  border-bottom-width: var(--sbf-border-width-2);
  background-color: #003862;
  border-color: #003862;
}

.cta-container .join-button a:focus {
  outline: solid var(--sbf-border-width-2) var(--sbf-state-focus);
  outline-offset: var(--sbf-border-width-2);
}

.cta-container .join-button a.disabled, .cta-container .join-button a[disabled] {
  opacity: var(--sbf-opacity-50);
  pointer-events: none;
}

.cta-container .join-button a.disabled:hover, .cta-container .join-button a.disabled:focus, .cta-container .join-button a[disabled]:hover, .cta-container .join-button a[disabled]:focus {
  color: #fff;
  border-bottom-width: var(--sbf-border-width-2);
  background-color: #005595;
  border-color: #005595;
}

.cta-container .join-button a {
  font-size: var(--sbf-font-size-18);
  text-align: center;
  color: #fff;
  min-width: 200px;
  padding: 16px;
  line-height: 1.15em;
  display: block;
}

@media (min-width: 760px) {
  .cta-container .join-button a {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}

.cta-container .sbf-ce-section {
  outline: 1px dotted #353535 !important;
}

.membership-container {
  letter-spacing: .01em;
  background-image: url("/fa/min/assets/membership-bg-mobile-3b76faf3.jpg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 32px 0 116vw;
  font-family: Zilla Slab, Georgia, serif;
  font-size: 1em;
  line-height: 1.375;
}

@media (min-width: 760px) {
  .membership-container {
    background-image: url("/fa/min/assets/membership-bg-tablet-7ec3ca73.jpg");
    padding: 41px 0 84vw;
  }
}

@media (min-width: 1080px) {
  .membership-container {
    background-image: url("/fa/min/assets/membership-desktop-bg-3b114d57.jpg");
    background-position: center;
    padding: 67px 0 34px;
  }
}

@media (min-width: 1500px) {
  .membership-container {
    background-position: 100%;
  }
}

.membership-container h2 {
  letter-spacing: -.0001em;
  text-align: center;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Zilla Slab, Georgia, serif;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.16667;
}

@media (min-width: 760px) {
  .membership-container h2 {
    letter-spacing: -.0075em;
    margin-top: 0;
    margin-bottom: 24px;
    font-family: Zilla Slab, Georgia, serif;
    font-size: 2.5em;
    font-weight: 500;
    line-height: 1.125;
  }
}

.membership-container ul {
  margin-bottom: 9px;
  list-style: none;
}

.membership-container li {
  letter-spacing: .01em;
  background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='22px'%20height='22px'%20viewBox='0%200%2022%2022'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20sketchtool%2061%20(101010)%20-%20https://sketch.com%20--%3e%3ctitle%3e59F3FA30-01DF-4B33-BA70-A0C07122B299@1x%3c/title%3e%3cdesc%3eCreated%20with%20sketchtool.%3c/desc%3e%3cg%20id='Final-Design'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20opacity='0.945405506'%3e%3cg%20id='Brigade_v1.3---Tablet'%20transform='translate(-56.000000,%20-3564.000000)'%20fill='%2363883D'%3e%3cpath%20d='M59.2218991,3567.22182%20C63.5177646,3562.92606%2070.4822354,3562.92606%2074.7781009,3567.22182%20C79.0739664,3571.51757%2079.0739664,3578.48096%2074.7781009,3582.77755%20C70.4822354,3587.07415%2063.5177646,3587.07415%2059.2218991,3582.77755%20C54.9260336,3578.48096%2054.9260336,3571.51757%2059.2218991,3567.22182%20Z%20M72.6093552,3571.40237%20C72.0910138,3570.86568%2071.2495807,3570.86568%2070.7312393,3571.40355%20L70.7312393,3571.40355%20L65.6384768,3576.6794%20L63.2652634,3574.22529%20C62.816654,3573.75835%2062.0856299,3573.69097%2061.5638019,3574.07044%20C61.0408117,3574.4499%2060.851373,3575.18637%2061.1244901,3575.78452%20C61.1895733,3575.92874%2061.2790628,3576.0576%2061.3871474,3576.16872%20L61.3871474,3576.16872%20L64.6994188,3579.59808%20L64.7737996,3579.66782%20L64.8749111,3579.74939%20L65.1108378,3579.8877%20C65.2770324,3579.96335%2065.4583357,3580%2065.6384768,3580%20C65.9894613,3580%2066.3311483,3579.85342%2066.5798592,3579.59689%20L66.5798592,3579.59689%20L72.6105174,3573.34815%20C73.1300211,3572.81028%2073.1300211,3571.93905%2072.6093552,3571.40237%20Z'%20id='Path-2'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 0 2px / 18px no-repeat;
  padding-bottom: 9px;
  padding-left: 38px;
  font-family: Zilla Slab, Georgia, serif;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
  line-height: 1.375;
}

@media (min-width: 760px) {
  .membership-container li {
    letter-spacing: .005em;
    background-position: 0 1px;
    background-size: 22px;
    font-family: Zilla Slab, Georgia, serif;
    font-size: 1.125em;
    line-height: 1.33333;
  }
}

@media (min-width: 1080px) {
  .membership-container li {
    background: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='22px'%20height='22px'%20viewBox='0%200%2022%2022'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20sketchtool%2061%20(101010)%20-%20https://sketch.com%20--%3e%3ctitle%3e59F3FA30-01DF-4B33-BA70-A0C07122B299@1x%3c/title%3e%3cdesc%3eCreated%20with%20sketchtool.%3c/desc%3e%3cg%20id='Final-Design'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20opacity='0.945405506'%3e%3cg%20id='Brigade_v1.3---Tablet'%20transform='translate(-56.000000,%20-3564.000000)'%20fill='%23fff'%3e%3cpath%20d='M59.2218991,3567.22182%20C63.5177646,3562.92606%2070.4822354,3562.92606%2074.7781009,3567.22182%20C79.0739664,3571.51757%2079.0739664,3578.48096%2074.7781009,3582.77755%20C70.4822354,3587.07415%2063.5177646,3587.07415%2059.2218991,3582.77755%20C54.9260336,3578.48096%2054.9260336,3571.51757%2059.2218991,3567.22182%20Z%20M72.6093552,3571.40237%20C72.0910138,3570.86568%2071.2495807,3570.86568%2070.7312393,3571.40355%20L70.7312393,3571.40355%20L65.6384768,3576.6794%20L63.2652634,3574.22529%20C62.816654,3573.75835%2062.0856299,3573.69097%2061.5638019,3574.07044%20C61.0408117,3574.4499%2060.851373,3575.18637%2061.1244901,3575.78452%20C61.1895733,3575.92874%2061.2790628,3576.0576%2061.3871474,3576.16872%20L61.3871474,3576.16872%20L64.6994188,3579.59808%20L64.7737996,3579.66782%20L64.8749111,3579.74939%20L65.1108378,3579.8877%20C65.2770324,3579.96335%2065.4583357,3580%2065.6384768,3580%20C65.9894613,3580%2066.3311483,3579.85342%2066.5798592,3579.59689%20L66.5798592,3579.59689%20L72.6105174,3573.34815%20C73.1300211,3572.81028%2073.1300211,3571.93905%2072.6093552,3571.40237%20Z'%20id='Path-2'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 0 2px no-repeat;
  }
}

.membership-container .section-inner {
  max-width: 1080px;
}

.membership-container .membership-content {
  margin: 0 auto;
}

@media (min-width: 480px) {
  .membership-container .membership-content {
    max-width: 473px;
  }
}

@media (min-width: 1080px) {
  .membership-container .membership-content {
    margin-right: 0;
  }
}

.membership-container .sb-hr {
  opacity: 1;
  color: #63883d;
  width: 100%;
  margin: 0 auto 14px;
}

.membership-container .sb-hr:before, .membership-container .sb-hr:after {
  color: #63883d;
  border-color: #0000;
  height: 3px;
}

.membership-container .sb-hr .icon-sb-mark {
  opacity: .75;
}

@media (min-width: 1080px) {
  .membership-container .sb-hr, .membership-container .sb-hr:before, .membership-container .sb-hr:after {
    color: #f5f5f5;
  }
}

.membership-container .membership-footnote {
  text-align: center;
  max-width: 95%;
  margin: 0 auto;
}

.membership-container .membership-footnote a {
  letter-spacing: .01em;
  color: #353535;
  white-space: nowrap;
  font-family: Zilla Slab, Georgia, serif;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.375;
  text-decoration: underline;
}

@media (min-width: 1080px) {
  .membership-container .membership-footnote a {
    color: #f5f5f5;
  }
}

.membership-container .membership-cta {
  text-align: center;
}

.membership-container .membership-cta p {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
}

@media (min-width: 760px) {
  .membership-container .membership-cta p {
    max-width: none;
  }
}

.membership-container .sbf-ce-section {
  outline: 1px dotted #353535 !important;
}

.dark-container--membership {
  color: #353535;
}

@media (min-width: 1080px) {
  .dark-container--membership {
    color: #f5f5f5;
  }
}