/* =========================================================
   P.A.R.T. Texas About Page — WP Code 41
   Page ID 522
   ========================================================= */

/* Page reset */
html,
body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

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

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

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

body.page-id-522 .wp-block-shortcode {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Main page */
.parttexas-about-page,
.parttexas-about-page * {
  box-sizing: border-box !important;
}

.parttexas-about-page {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 72px 24px 86px !important;
  overflow: hidden !important;
  color: #fff8e8 !important;
  font-family: Georgia, "Times New Roman", serif !important;

  background:
    radial-gradient(circle at 18% 4%, rgba(255, 255, 255, 0.28) 0%, transparent 30%),
    radial-gradient(circle at 82% 10%, rgba(255, 248, 232, 0.14) 0%, transparent 34%),
    radial-gradient(circle at 50% 48%, rgba(244, 197, 66, 0.16) 0%, transparent 46%),
    linear-gradient(
      135deg,
      #2f7e3e 0%,
      #f4c542 34%,
      #f28c28 68%,
      #b8322a 100%
    ) !important;
}

.parttexas-about-page::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.35) 0 1px, transparent 1.6px),
    radial-gradient(circle, rgba(255, 248, 232, 0.22) 0 1px, transparent 1.8px);
  background-size: 46px 46px, 78px 78px;
  background-position: 0 0, 24px 18px;
  opacity: 0.18;
  pointer-events: none;
  z-index: 1;
}

.parttexas-about-page::after {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  top: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #1f7a38 18%,
    #f4c542 42%,
    #f28c28 64%,
    #b8322a 82%,
    transparent 100%
  );
  box-shadow: 0 0 16px rgba(244, 197, 66, 0.72);
  z-index: 2;
}

.parttexas-about-sparkle {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      ellipse at 50% -10%,
      rgba(255, 248, 232, 0.34) 0%,
      rgba(244, 197, 66, 0.18) 34%,
      transparent 72%
    );
  pointer-events: none;
  z-index: 1;
}

.parttexas-about-inner {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
}

/* Header */
.parttexas-about-header {
  text-align: center !important;
  margin: 0 auto 38px !important;
  max-width: 960px !important;
}

.parttexas-about-kicker {
  margin: 0 0 12px !important;
  color: #fff3bd !important;
  font-size: clamp(1rem, 1.6vw, 1.22rem) !important;
  line-height: 1.25 !important;
  letter-spacing: 0.04em !important;
  font-weight: 700 !important;
  text-shadow:
    0 0 12px rgba(244, 197, 66, 0.45),
    0 2px 7px rgba(0, 0, 0, 0.34) !important;
}

.parttexas-about-header h1 {
  position: relative !important;
  display: inline-block !important;
  margin: 0 auto 22px !important;
  padding: 18px 62px !important;
  overflow: hidden !important;

  color: #fff8e8 !important;
  font-size: clamp(2.3rem, 4.8vw, 4.25rem) !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  text-align: center !important;

  border-radius: 20px !important;
  border: 2px solid rgba(255, 248, 232, 0.62) !important;

  background:
    linear-gradient(
      135deg,
      #2f7e3e 0%,
      #a8c65a 24%,
      #f4c542 48%,
      #f28c28 70%,
      #b8322a 100%
    ) !important;

  box-shadow:
    0 16px 26px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 0 24px rgba(244, 197, 66, 0.24) !important;

  text-shadow:
    0 2px 8px rgba(0, 0, 0, 0.34),
    0 0 12px rgba(255, 248, 232, 0.34) !important;
}

.parttexas-about-header h1::before,
.parttexas-about-button::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      120deg,
      transparent 0%,
      rgba(255, 255, 255, 0.08) 35%,
      rgba(255, 255, 255, 0.72) 48%,
      rgba(255, 255, 255, 0.12) 62%,
      transparent 100%
    );
  transform: translateX(-130%);
  animation: partTexasAboutShimmer 4.5s ease-in-out infinite;
  pointer-events: none;
}

.parttexas-about-header h1::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 18% 15%, rgba(255, 255, 255, 0.32), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.16), transparent 55%);
  pointer-events: none;
}

.parttexas-about-subtitle {
  margin: 0 auto !important;
  max-width: 840px !important;
  color: rgba(255, 248, 232, 0.96) !important;
  font-size: clamp(1.05rem, 1.45vw, 1.22rem) !important;
  line-height: 1.6 !important;
  text-shadow: 0 2px 7px rgba(0, 0, 0, 0.28) !important;
}

/* Hero card */
.parttexas-about-hero-card {
  display: grid !important;
  grid-template-columns: 260px 1fr !important;
  gap: 30px !important;
  align-items: center !important;
  margin: 0 auto 26px !important;
  padding: 34px 38px !important;
  border-radius: 26px !important;

  background:
    radial-gradient(circle at 15% 0%, rgba(244, 197, 66, 0.20) 0%, transparent 34%),
    linear-gradient(135deg, rgba(255, 248, 232, 0.96) 0%, rgba(255, 241, 228, 0.92) 100%) !important;

  border: 1px solid rgba(255, 248, 232, 0.74) !important;
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.26),
    0 0 30px rgba(244, 197, 66, 0.16) !important;
}

.parttexas-about-logo-wrap {
  display: flex !important;
  justify-content: center !important;
}

.parttexas-about-logo {
  width: min(240px, 100%) !important;
  height: auto !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.28) !important;
}

.parttexas-about-hero-text h2,
.parttexas-about-mission-card h2,
.parttexas-about-values h2,
.parttexas-about-cta h2 {
  margin: 0 0 14px !important;
  color: #b8322a !important;
  font-size: clamp(1.65rem, 2.7vw, 2.3rem) !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

.parttexas-about-hero-text p,
.parttexas-about-card p,
.parttexas-about-mission-card p,
.parttexas-about-values p,
.parttexas-about-cta p {
  margin: 0 0 16px !important;
  color: #2a1b10 !important;
  font-size: clamp(1rem, 1.35vw, 1.13rem) !important;
  line-height: 1.68 !important;
}

/* Cards */
.parttexas-about-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
  margin: 26px 0 !important;
}

.parttexas-about-card,
.parttexas-about-mission-card,
.parttexas-about-values,
.parttexas-about-cta {
  padding: 30px 32px !important;
  border-radius: 22px !important;

  background:
    radial-gradient(circle at 15% 0%, rgba(244, 197, 66, 0.20) 0%, transparent 34%),
    linear-gradient(135deg, rgba(255, 248, 232, 0.96) 0%, rgba(255, 241, 228, 0.92) 100%) !important;

  border: 1px solid rgba(255, 248, 232, 0.74) !important;
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.24),
    0 0 30px rgba(244, 197, 66, 0.16) !important;
}

.parttexas-about-card h2 {
  margin: 0 0 14px !important;
  color: #b8322a !important;
  font-size: clamp(1.45rem, 2.5vw, 2rem) !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

/* PART letters */
.parttexas-about-page .ptx-p {
  color: #59c28c !important;
  font-weight: 900 !important;
}

.parttexas-about-page .ptx-a {
  color: #f1e261 !important;
  font-weight: 900 !important;
}

.parttexas-about-page .ptx-r {
  color: #ef7f2e !important;
  font-weight: 900 !important;
}

.parttexas-about-page .ptx-t {
  color: #c62414 !important;
  font-weight: 900 !important;
}

/* Mission */
.parttexas-about-mission-card {
  margin: 26px 0 !important;
  text-align: center !important;
}

.parttexas-about-pill-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

.parttexas-about-pill-row span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  color: #2a1b10 !important;
  font-weight: 700 !important;
  background:
    linear-gradient(135deg, rgba(63, 143, 70, 0.18), rgba(244, 197, 66, 0.34), rgba(184, 50, 42, 0.12)) !important;
  border: 1px solid rgba(184, 50, 42, 0.22) !important;
}

/* Values */
.parttexas-about-values {
  margin: 26px 0 !important;
}

.parttexas-values-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 18px !important;
  margin-top: 22px !important;
}

.parttexas-value-item {
  padding: 20px 18px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(63, 143, 70, 0.16), rgba(244, 197, 66, 0.28), rgba(184, 50, 42, 0.12)) !important;
  border: 1px solid rgba(184, 50, 42, 0.20) !important;
}

.parttexas-value-item h3 {
  margin: 0 0 8px !important;
  color: #8b3f20 !important;
  font-size: 1.25rem !important;
  line-height: 1.2 !important;
}

.parttexas-value-item p {
  margin: 0 !important;
  font-size: 0.98rem !important;
  line-height: 1.5 !important;
}

/* CTA */
.parttexas-about-cta {
  margin-top: 26px !important;
  text-align: center !important;
}

.parttexas-about-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 16px !important;
  margin-top: 24px !important;
}

.parttexas-about-button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 170px !important;
  padding: 14px 30px !important;
  overflow: hidden !important;

  color: #fff8e8 !important;
  text-decoration: none !important;
  font-size: 1.06rem !important;
  font-weight: 700 !important;

  border-radius: 999px !important;
  border: 2px solid rgba(255, 248, 232, 0.70) !important;

  background:
    linear-gradient(
      135deg,
      #2f7e3e 0%,
      #a8c65a 24%,
      #f4c542 48%,
      #f28c28 70%,
      #b8322a 100%
    ) !important;

  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;

  text-shadow: 0 2px 7px rgba(0, 0, 0, 0.36) !important;
}

.parttexas-about-button:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.04) !important;
}

.parttexas-about-button-secondary {
  background:
    linear-gradient(135deg, #fff3bd 0%, #f4c542 42%, #f28c28 100%) !important;
  color: #2a1b10 !important;
  text-shadow: none !important;
}

/* Animation */
@keyframes partTexasAboutShimmer {
  0% {
    transform: translateX(-140%);
  }
  42% {
    transform: translateX(140%);
  }
  100% {
    transform: translateX(140%);
  }
}

/* Tablet */
@media (max-width: 950px) {
  .parttexas-about-page {
    padding: 54px 18px 70px !important;
  }

  .parttexas-about-hero-card {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    padding: 30px 24px !important;
  }

  .parttexas-about-grid,
  .parttexas-values-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* Mobile */
@media (max-width: 620px) {
  .parttexas-about-page {
    padding: 44px 14px 60px !important;
  }

  .parttexas-about-header h1 {
    padding: 14px 24px !important;
    border-radius: 16px !important;
  }

  .parttexas-about-grid,
  .parttexas-values-grid {
    grid-template-columns: 1fr !important;
  }

  .parttexas-about-card,
  .parttexas-about-mission-card,
  .parttexas-about-values,
  .parttexas-about-cta {
    padding: 24px 20px !important;
  }
}