/* EPSS Five Pillars V3 — Page 33 only */

body.page-id-33 .page-content-section {
  background:#f5f8fc;
}

body.page-id-33 .content-panel {
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}

body.page-id-33 .content-body {
  padding:0;
  max-width:none;
}

body.page-id-33 .epss-five-pillars-v3 {
  display:grid;
  gap:18px;
}

body.page-id-33 .epss-pillar-card {
  background:#fff;
  border:1px solid #e6ecf3;
  border-radius:19px;
  padding:13px;
  overflow:hidden;
  box-shadow:0 12px 35px rgba(10,38,75,.06);
}

body.page-id-33 .epss-pillar-row {
  display:flex;
  gap:24px;
  align-items:stretch;
  margin:0;
}

body.page-id-33 .epss-pillar-copy {
  flex:1 1 49%;
  min-width:0;
  padding:20px 12px 20px 18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

body.page-id-33 .epss-pillar-number {
  display:flex;
  justify-content:center;
  align-items:center;
  width:43px;
  height:43px;
  border-radius:50%;
  background:#e8f1ff;
  color:#1466b7;
  font-size:14px;
  font-weight:800;
  margin:0 0 16px;
}

body.page-id-33 .epss-pillar-copy h2 {
  color:#0a2f59;
  font-size:clamp(23px,2.2vw,30px);
  font-weight:800;
  line-height:1.2;
  letter-spacing:-.035em;
  margin:0 0 14px;
}

body.page-id-33 .epss-pillar-copy p:not(.epss-pillar-number) {
  color:#405a77;
  font-size:14px;
  line-height:1.8;
  margin:0;
}

body.page-id-33 .epss-pillar-media {
  flex:1 1 51%;
  min-width:0;
  display:flex;
  align-items:stretch;
}

body.page-id-33 .epss-pillar-media figure {
  width:100%;
  margin:0;
  overflow:hidden;
  border-radius:13px;
}

body.page-id-33 .epss-pillar-media img {
  display:block;
  width:100%;
  height:100%;
  min-height:250px;
  max-height:420px;
  object-fit:cover;
}

body.page-id-33 .epss-pillar-physical img {
  object-position:center;
}

body.page-id-33 .epss-pillar-community img {
  object-position:center 35%;
}

body.page-id-33 .epss-pillar-artistic img {
  object-position:center 30%;
}

body.page-id-33 .epss-spiritual-media {
  min-height:250px;
  border-radius:13px;
  background:
    radial-gradient(circle at 85% 15%,
      rgba(208,170,106,.32),transparent 43%),
    linear-gradient(140deg,#fbf6ec,#e0ebf8);
  padding:28px;
  justify-content:center;
  align-items:center;
  text-align:center;
}

body.page-id-33 .epss-spiritual-message {
  font:italic clamp(21px,2vw,28px)/1.5 Georgia,serif;
  color:#18416f;
  max-width:270px;
}

body.page-id-33 .epss-spiritual-message:before {
  content:"“";
  display:block;
  font-size:75px;
  line-height:.8;
  color:#c89d59;
}

body.page-id-33 .epss-pillar-physical .epss-pillar-number {
  background:#e8f7ed;
  color:#207247;
}

body.page-id-33 .epss-pillar-community .epss-pillar-number {
  background:#f0e9fc;
  color:#7342b8;
}

body.page-id-33 .epss-pillar-spiritual .epss-pillar-number {
  background:#fff3dd;
  color:#a5792a;
}

body.page-id-33 .epss-pillar-artistic .epss-pillar-number {
  background:#ffe8f1;
  color:#b83870;
}

@media(max-width:850px) {
  body.page-id-33 .epss-pillar-row {
    flex-direction:column;
    gap:12px;
  }

  body.page-id-33 .epss-pillar-copy {
    padding:20px 15px;
  }

  body.page-id-33 .epss-pillar-media img {
    height:270px;
    max-height:none;
    min-height:0;
  }
}

@media(max-width:480px) {
  body.page-id-33 .epss-pillar-card {
    padding:9px;
    border-radius:14px;
  }

  body.page-id-33 .epss-pillar-media img {
    height:220px;
  }

  body.page-id-33 .epss-pillar-copy h2 {
    font-size:24px;
  }
}