/* =========================================================
   P.A.R.T. USA
   JOIN P.A.R.T. USA MEMBERSHIP PAGE
   PAGE ID: 277
   WP CODER ID: 20
   ========================================================= */


/* =========================================================
   WORDPRESS FULL-WIDTH CLEANUP
   ========================================================= */

body.page-id-277,
body.page-id-277 .wp-site-blocks,
body.page-id-277 main,
body.page-id-277 .wp-block-post-content,
body.page-id-277 .entry-content,
body.page-id-277 .is-layout-constrained,
body.page-id-277 .wp-block-group,
body.page-id-277 .wp-block-template-part {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  overflow-x: hidden !important;
  background: #071b45 !important;
}

body.page-id-277 .wp-block-post-title,
body.page-id-277 h1.entry-title,
body.page-id-277 .entry-title,
body.page-id-277 .wp-block-post-featured-image,
body.page-id-277 .featured-image,
body.page-id-277 .post-thumbnail {
  display: none !important;
}

body.page-id-277 .wp-block-post-content {
  block-gap: 0 !important;
}

body.page-id-277 .partusa-membership-page {
  margin: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}


/* =========================================================
   MAIN PAGE
   ========================================================= */

.partusa-membership-page {
  position: relative !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;

  /* Reduced so artwork sits closer to header */
  padding: 28px 24px 110px !important;

  box-sizing: border-box !important;
  overflow: hidden !important;

  background:
    radial-gradient(circle at 20% 0%, rgba(214,177,92,.34), transparent 32%),
    radial-gradient(circle at 82% 8%, rgba(160,31,53,.30), transparent 36%),
    radial-gradient(circle at 50% 45%, rgba(214,177,92,.12), transparent 46%),
    linear-gradient(
      135deg,
      #06142f 0%,
      #071b45 45%,
      #050f27 100%
    ) !important;

  color: #f6f1e8 !important;

  font-family:
    "Footlight MT Light",
    Georgia,
    "Times New Roman",
    serif !important;
}

.partusa-membership-page,
.partusa-membership-page * {
  box-sizing: border-box !important;
}


/* =========================================================
   PAGE BACKGROUND DETAILS
   ========================================================= */

.partusa-membership-page::before {
  content: "";

  position: absolute;
  inset: 0;

  background-image:
    radial-gradient(
      circle,
      rgba(255,220,135,.75) 0 1px,
      transparent 1.6px
    ),
    radial-gradient(
      circle,
      rgba(255,90,35,.40) 0 1px,
      transparent 1.8px
    );

  background-size:
    48px 48px,
    76px 76px;

  background-position:
    0 0,
    24px 18px;

  opacity: .13;

  pointer-events: none;

  z-index: 1;
}

.partusa-membership-page::after {
  content: "";

  position: absolute;

  left: 8%;
  right: 8%;
  top: 0;

  height: 2px;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      #a01f35 18%,
      #d6b15c 50%,
      #a01f35 82%,
      transparent 100%
    );

  box-shadow:
    0 0 16px rgba(214,177,92,.65);

  z-index: 2;
}

.partusa-membership-sparkle {
  position: absolute;
  inset: 0;

  background:
    radial-gradient(
      ellipse at 50% -10%,
      rgba(255,193,77,.30),
      rgba(160,31,53,.16) 34%,
      transparent 72%
    );

  pointer-events: none;

  z-index: 1;
}

.partusa-membership-inner {
  position: relative !important;

  z-index: 3 !important;

  width: 100% !important;
  max-width: 1180px !important;

  margin: 0 auto !important;

  padding-top: 0 !important;
}


/* =========================================================
   JOIN P.A.R.T. USA ARTWORK
   KEEP FULL IMAGE — NO HARD CROPPING
   ========================================================= */

.partusa-membership-artwork {
  width: min(900px, calc(100% - 32px)) !important;

  margin: 0 auto 32px !important;

  overflow: hidden !important;

  border-radius: 22px !important;

  background: rgba(4,14,38,.82) !important;

  border: 1px solid rgba(214,177,92,.46) !important;

  box-shadow:
    0 0 0 1px rgba(255,255,255,.04),
    0 22px 46px rgba(0,0,0,.46),
    0 0 34px rgba(214,177,92,.18) !important;
}

.partusa-membership-artwork img {
  display: block !important;

  width: 100% !important;
  height: auto !important;

  max-width: 100% !important;

  object-fit: contain !important;
  object-position: center top !important;

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 20px !important;
}


/* =========================================================
   HEADER
   ========================================================= */

.partusa-membership-header {
  max-width: 1000px;

  margin: 0 auto 44px;

  text-align: center;
}

.partusa-membership-kicker,
.partusa-section-kicker {
  margin: 0 0 10px !important;

  color: #f4d27b !important;

  font-weight: 700 !important;

  letter-spacing: .09em !important;

  text-transform: uppercase !important;
}

.partusa-membership-header h1 {
  margin: 0 0 13px !important;

  color: #f7f2e8 !important;

  font-size:
    clamp(
      3rem,
      6vw,
      5.3rem
    ) !important;

  line-height: 1.02 !important;

  text-shadow:
    0 0 12px rgba(214,177,92,.36),
    0 0 28px rgba(160,31,53,.20) !important;
}

.partusa-membership-header h2 {
  max-width: 900px;

  margin: 0 auto 19px !important;

  color: #f4d27b !important;

  font-size:
    clamp(
      1.55rem,
      3vw,
      2.45rem
    ) !important;

  line-height: 1.18 !important;
}

.partusa-membership-lead {
  max-width: 900px;

  margin: 0 auto !important;

  color: #f6f1e8 !important;

  font-size:
    clamp(
      1.08rem,
      1.75vw,
      1.3rem
    ) !important;

  line-height: 1.67 !important;
}


/* =========================================================
   SHARED SECTION DESIGN
   ========================================================= */

.partusa-membership-hero,
.partusa-membership-section,
.partusa-story-section,
.partusa-final-join,
.partusa-existing-member,
.partusa-membership-closing {
  max-width: 1040px;

  margin: 0 auto 48px;

  padding: 40px;

  border:
    1px solid
    rgba(214,177,92,.40);

  border-radius: 24px;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(214,177,92,.18),
      transparent 45%
    ),
    linear-gradient(
      135deg,
      rgba(4,14,38,.95),
      rgba(7,27,69,.86)
    );

  box-shadow:
    0 18px 38px rgba(0,0,0,.37),
    0 0 28px rgba(214,177,92,.11);
}


/* =========================================================
   HERO MEMBERSHIP CARD
   ========================================================= */

.partusa-membership-hero {
  text-align: center;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(214,177,92,.24),
      transparent 42%
    ),
    linear-gradient(
      135deg,
      rgba(160,31,53,.34),
      rgba(4,14,38,.96) 48%,
      rgba(7,27,69,.88)
    );
}

.partusa-membership-label,
.partusa-section-label {
  display: inline-block;

  margin: 0 0 14px;

  padding: 7px 16px;

  border:
    1px solid
    rgba(244,210,123,.52);

  border-radius: 999px;

  background:
    linear-gradient(
      135deg,
      rgba(156,31,52,.94),
      rgba(116,15,35,.94)
    );

  color: #f9df8d;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: .78rem;

  font-weight: 700;

  letter-spacing: .12em;

  text-transform: uppercase;
}

.partusa-membership-hero h2 {
  margin: 0 0 16px !important;

  color: #f4d27b !important;

  font-size:
    clamp(
      2.1rem,
      4vw,
      3.3rem
    ) !important;
}

.partusa-free-badge {
  display: inline-block;

  margin: 0 auto 22px;

  padding: 10px 24px;

  border-radius: 999px;

  background:
    linear-gradient(
      135deg,
      #f7df8a,
      #d6b15c 52%,
      #b98528
    );

  color: #071b45;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-weight: 800;

  letter-spacing: .08em;

  box-shadow:
    0 10px 24px rgba(0,0,0,.28),
    0 0 20px rgba(214,177,92,.28);
}

.partusa-membership-hero p {
  max-width: 850px;

  margin: 0 auto 17px !important;

  color: #f6f1e8 !important;

  font-size: 1.12rem !important;

  line-height: 1.67 !important;
}

.partusa-membership-highlight {
  max-width: 820px;

  padding: 20px 22px;

  border:
    1px solid
    rgba(244,210,123,.45);

  border-radius: 17px;

  background:
    linear-gradient(
      135deg,
      rgba(160,31,53,.34),
      rgba(7,27,69,.70)
    );

  color: #f7df8a !important;

  font-weight: 700 !important;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.partusa-section-heading {
  max-width: 900px;

  margin: 0 auto 30px;

  text-align: center;
}

.partusa-section-heading h2 {
  margin: 0 0 14px !important;

  color: #f4d27b !important;

  font-size:
    clamp(
      2rem,
      4vw,
      3rem
    ) !important;

  line-height: 1.16 !important;
}

.partusa-section-heading p {
  max-width: 850px;

  margin: 0 auto !important;

  color: #f6f1e8 !important;

  font-size: 1.1rem !important;

  line-height: 1.65 !important;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.partusa-membership-actions {
  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: 15px;

  margin-top: 27px;
}

.partusa-main-button,
.partusa-outline-button {
  display: inline-block;

  padding: 14px 26px;

  border-radius: 999px;

  text-decoration: none !important;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-size: 1rem;

  font-weight: 700 !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}

.partusa-main-button {
  background:
    linear-gradient(
      135deg,
      #f7df8a,
      #d6b15c 52%,
      #b98528
    );

  color: #071b45 !important;

  border:
    1px solid
    rgba(255,235,166,.70);

  box-shadow:
    0 12px 24px rgba(0,0,0,.30),
    0 0 18px rgba(214,177,92,.30);
}

.partusa-outline-button {
  background:
    rgba(7,27,69,.68);

  color: #f7df8a !important;

  border:
    1px solid
    rgba(244,210,123,.70);

  box-shadow:
    0 12px 24px rgba(0,0,0,.24);
}


/* EXACT P.A.R.T. USA PATRIOTIC HOVER */

.partusa-main-button:hover,
.partusa-outline-button:hover {
  transform:
    translateY(-3px)
    scale(1.02);

  background:
    linear-gradient(
      90deg,
      #b22234 0%,
      #b22234 30%,
      #ffffff 50%,
      #3c3b6e 70%,
      #3c3b6e 100%
    );

  color: #071b45 !important;

  box-shadow:
    0 16px 30px rgba(0,0,0,.38),
    0 0 14px rgba(178,34,52,.45),
    0 0 26px rgba(255,255,255,.28),
    0 0 38px rgba(60,59,110,.35);
}


/* =========================================================
   BENEFIT CARDS
   ========================================================= */

.partusa-benefits-grid {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  gap: 20px;
}

.partusa-benefit-card {
  padding: 28px 24px;

  border:
    1px solid
    rgba(214,177,92,.32);

  border-radius: 20px;

  background:
    radial-gradient(
      circle at 15% 0%,
      rgba(214,177,92,.14),
      transparent 36%
    ),
    linear-gradient(
      135deg,
      rgba(4,14,38,.94),
      rgba(7,27,69,.82)
    );
}

.partusa-benefit-icon {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 54px;
  height: 54px;

  margin-bottom: 17px;

  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      #f7df8a,
      #d6b15c,
      #b98528
    );

  color: #071b45;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  font-weight: 800;
}

.partusa-benefit-card h3 {
  margin: 0 0 11px !important;

  color: #f4d27b !important;

  font-size: 1.5rem !important;
}

.partusa-benefit-card p {
  margin: 0 !important;

  color: #f6f1e8 !important;

  font-size: 1rem !important;

  line-height: 1.6 !important;
}


/* =========================================================
   AGREEMENT ITEMS
   ========================================================= */

.partusa-meaning-section {
  max-width: 1060px;
}

.partusa-agreement-list {
  display: grid;

  gap: 18px;
}

.partusa-agreement-item {
  padding: 27px 28px;

  text-align: left;

  border:
    1px solid
    rgba(214,177,92,.29);

  border-radius: 19px;

  background:
    linear-gradient(
      135deg,
      rgba(7,27,69,.84),
      rgba(3,12,32,.90)
    );
}

.partusa-agreement-item h3 {
  margin: 0 0 12px !important;

  color: #f4d27b !important;

  font-size: 1.55rem !important;
}

.partusa-agreement-item p {
  margin: 0 0 12px !important;

  color: #f6f1e8 !important;

  line-height: 1.65 !important;
}

.partusa-agreement-item p:last-child {
  margin-bottom: 0 !important;
}


/* =========================================================
   COMMUNITY STANDARDS
   ========================================================= */

.partusa-standards-grid {
  display: grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );

  gap: 18px;
}

.partusa-standard-card {
  padding: 26px 25px;

  text-align: left;

  border:
    1px solid
    rgba(214,177,92,.29);

  border-radius: 18px;

  background:
    rgba(7,27,69,.75);
}

.partusa-standard-card h3 {
  margin: 0 0 11px !important;

  color: #f4d27b !important;

  font-size: 1.4rem !important;
}

.partusa-standard-card p {
  margin: 0 !important;

  color: #f6f1e8 !important;

  line-height: 1.6 !important;
}

.partusa-community-note {
  margin-top: 26px;

  padding: 22px 25px;

  border:
    1px solid
    rgba(244,210,123,.42);

  border-radius: 17px;

  background:
    linear-gradient(
      135deg,
      rgba(160,31,53,.30),
      rgba(7,27,69,.72)
    );

  color: #f7df8a;

  text-align: center;

  line-height: 1.6;
}


/* =========================================================
   PRIVACY
   ========================================================= */

.partusa-privacy-section {
  text-align: center;
}

.partusa-privacy-icon {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 66px;
  height: 66px;

  margin: 0 auto 18px;

  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      #f7df8a,
      #d6b15c,
      #b98528
    );

  font-size: 1.8rem;

  box-shadow:
    0 10px 24px rgba(0,0,0,.30),
    0 0 20px rgba(214,177,92,.23);
}

.partusa-privacy-section > p {
  max-width: 840px;

  margin: 0 auto 15px !important;

  color: #f6f1e8 !important;

  font-size: 1.08rem !important;

  line-height: 1.66 !important;
}

.partusa-privacy-link {
  margin-top: 25px;
}


/* =========================================================
   STORY PERMISSION
   ========================================================= */

.partusa-story-section {
  max-width: 980px;

  text-align: center;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(214,177,92,.20),
      transparent 44%
    ),
    linear-gradient(
      135deg,
      rgba(160,31,53,.30),
      rgba(4,14,38,.96)
    );
}

.partusa-story-section h2 {
  margin: 5px 0 17px !important;

  color: #f4d27b !important;

  font-size:
    clamp(
      2rem,
      4vw,
      3rem
    ) !important;
}

.partusa-story-section p {
  max-width: 820px;

  margin: 0 auto 14px !important;

  color: #f6f1e8 !important;

  font-size: 1.08rem !important;

  line-height: 1.65 !important;
}

.partusa-story-section > strong {
  display: block;

  max-width: 800px;

  margin: 24px auto 0;

  padding: 18px 20px;

  border:
    1px solid
    rgba(244,210,123,.46);

  border-radius: 16px;

  background:
    rgba(7,27,69,.72);

  color: #f7df8a;

  font-size: 1.18rem;

  line-height: 1.55;
}


/* =========================================================
   DISCLAIMER
   ========================================================= */

.partusa-disclaimer-section {
  text-align: center;
}

.partusa-disclaimer-section > p {
  max-width: 840px;

  margin: 0 auto 15px !important;

  color: #f6f1e8 !important;

  font-size: 1.06rem !important;

  line-height: 1.66 !important;
}


/* =========================================================
   FINAL JOIN
   ========================================================= */

.partusa-final-join {
  max-width: 980px;

  text-align: center;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(214,177,92,.25),
      transparent 43%
    ),
    linear-gradient(
      135deg,
      rgba(160,31,53,.36),
      rgba(4,14,38,.96)
    );
}

.partusa-final-join h2 {
  margin: 0 0 17px !important;

  color: #f4d27b !important;

  font-size:
    clamp(
      2.1rem,
      4vw,
      3.25rem
    ) !important;
}

.partusa-final-join > p {
  max-width: 820px;

  margin: 0 auto 15px !important;

  color: #f6f1e8 !important;

  font-size: 1.1rem !important;

  line-height: 1.66 !important;
}

.partusa-agreement-confirmation {
  margin-top: 24px !important;

  padding: 18px 20px;

  border:
    1px solid
    rgba(244,210,123,.42);

  border-radius: 16px;

  background:
    rgba(7,27,69,.70);
}

.partusa-membership-small {
  margin-top: 18px !important;

  color:
    rgba(246,241,232,.70) !important;

  font-size: .92rem !important;

  font-style: italic;
}


/* =========================================================
   EXISTING MEMBER
   ========================================================= */

.partusa-existing-member {
  max-width: 900px;

  text-align: center;
}

.partusa-existing-member h2 {
  margin: 0 0 14px !important;

  color: #f4d27b !important;

  font-size:
    clamp(
      1.9rem,
      3.5vw,
      2.75rem
    ) !important;
}

.partusa-existing-member p {
  max-width: 700px;

  margin: 0 auto !important;

  color: #f6f1e8 !important;

  font-size: 1.08rem !important;

  line-height: 1.6 !important;
}


/* =========================================================
   CLOSING
   ========================================================= */

.partusa-membership-closing {
  max-width: 980px;

  margin-bottom: 0;

  text-align: center;
}

.partusa-membership-closing h2 {
  margin: 0 0 14px !important;

  color: #f4d27b !important;

  font-size:
    clamp(
      2rem,
      4vw,
      3rem
    ) !important;
}

.partusa-membership-closing p {
  max-width: 780px;

  margin: 0 auto 18px !important;

  color: #f6f1e8 !important;

  font-size: 1.1rem !important;

  line-height: 1.65 !important;
}

.partusa-membership-closing strong {
  display: block;

  margin-top: 20px;

  color: #f7df8a;

  font-size:
    clamp(
      1.5rem,
      3vw,
      2.1rem
    );
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

  .partusa-membership-artwork {
    width: min(900px, calc(100% - 24px)) !important;
  }

  .partusa-benefits-grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

  .partusa-membership-page {
    padding:
      20px
      18px
      86px !important;
  }

  .partusa-membership-artwork {
    width: calc(100% - 20px) !important;

    margin: 0 auto 24px !important;

    border-radius: 18px !important;
  }

  .partusa-membership-artwork img {
    width: 100% !important;
    height: auto !important;

    object-fit: contain !important;

    border-radius: 16px !important;
  }

  .partusa-membership-hero,
  .partusa-membership-section,
  .partusa-story-section,
  .partusa-final-join,
  .partusa-existing-member,
  .partusa-membership-closing {
    padding:
      30px
      23px;
  }

  .partusa-benefits-grid,
  .partusa-standards-grid {
    grid-template-columns: 1fr;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 520px) {

  .partusa-membership-page {
    padding:
      16px
      14px
      72px !important;
  }

  .partusa-membership-hero,
  .partusa-membership-section,
  .partusa-story-section,
  .partusa-final-join,
  .partusa-existing-member,
  .partusa-membership-closing {
    padding:
      26px
      18px;

    border-radius: 19px;
  }

  .partusa-membership-actions {
    flex-direction: column;

    align-items: center;
  }

  .partusa-main-button,
  .partusa-outline-button {
    width: 100%;

    max-width: 350px;

    text-align: center;
  }

}