/* Signal House V73 — unified pre-footer CTA system
   Keeps page-specific content while matching the approved editorial CTA composition. */

.shg-prefooter-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:560px;
  padding:112px 0 118px;
  background:#f4f0e8;
  border-top:1px solid rgba(16,16,15,.08);
  text-align:center;
}

.shg-prefooter-cta .cta-orbit{
  position:absolute;
  z-index:0;
  left:50%;
  top:50%;
  width:540px;
  height:540px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(167,150,125,.24);
  border-radius:50%;
  pointer-events:none;
}

.shg-prefooter-cta .cta-orbit::before,
.shg-prefooter-cta .cta-orbit::after{
  content:"";
  position:absolute;
  border:1px solid rgba(167,150,125,.18);
  border-radius:50%;
}

.shg-prefooter-cta .cta-orbit::before{inset:62px}
.shg-prefooter-cta .cta-orbit::after{inset:132px}

.shg-prefooter-inner{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:min(1120px,calc(100% - 48px));
  margin-inline:auto;
}

.shg-prefooter-cta .eyebrow{
  display:block;
  margin:0 0 18px;
  color:#10100f;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.24em;
  text-transform:uppercase;
}

.shg-prefooter-cta h2,
.shg-prefooter-cta .display,
.shg-prefooter-cta .h2,
.resource-cta.shg-prefooter-cta h2,
.team-v25-cta.shg-prefooter-cta h2{
  max-width:1080px;
  margin:0 auto;
  color:#10100f;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(54px,5.3vw,78px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.shg-prefooter-cta h2 em,
.shg-prefooter-cta .display em,
.resource-cta.shg-prefooter-cta h2 em,
.team-v25-cta.shg-prefooter-cta h2 em{
  color:#a7967d;
  font-style:italic;
  font-weight:400;
}

.shg-prefooter-cta p,
.resource-cta.shg-prefooter-cta p,
.team-v25-cta.shg-prefooter-cta p{
  width:min(760px,100%);
  max-width:760px;
  margin:26px auto 30px;
  color:#77736d;
  font-family:Georgia,'Times New Roman',serif;
  font-size:18px;
  line-height:1.55;
  text-wrap:balance;
}

.shg-prefooter-cta .btn,
.shg-prefooter-cta .btn-large,
.resource-cta.shg-prefooter-cta .btn,
.team-v25-cta.shg-prefooter-cta .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:174px;
  min-height:60px;
  padding:0 28px;
  border:1px solid #10100f;
  border-radius:0;
  background:#10100f;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:700;
  line-height:1;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-decoration:none;
  transition:background-color .28s ease,color .28s ease,transform .28s ease;
}

.shg-prefooter-cta .btn:hover,
.shg-prefooter-cta .btn:focus-visible{
  background:#a7967d;
  border-color:#a7967d;
  color:#fff;
  transform:translateY(-2px);
}

.shg-prefooter-actions,
.shg-prefooter-cta .about-cta-actions,
.shg-prefooter-cta .journal-single-actions,
.resource-cta.shg-prefooter-cta .shg-prefooter-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  margin-top:0;
}

.shg-prefooter-cta .text-link,
.shg-prefooter-cta .resource-text-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:40px;
  color:#10100f;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.02em;
  text-decoration:none;
}

.shg-prefooter-cta .text-link::after,
.shg-prefooter-cta .resource-text-link::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:5px;
  height:1px;
  background:currentColor;
  transform:scaleX(.38);
  transform-origin:left;
  transition:transform .25s ease;
}

.shg-prefooter-cta .text-link:hover::after,
.shg-prefooter-cta .resource-text-link:hover::after{transform:scaleX(1)}

/* Remove older section-specific decorative layers so one visual language wins. */
.team-v25-cta.shg-prefooter-cta::after{display:none!important}
.resource-cta.shg-prefooter-cta{padding:112px 0 118px}
.resource-cta.shg-prefooter-cta .resource-pill{display:none}
.resource-cta.shg-prefooter-cta .resource-cta-inner>div{margin-top:0}
.journal-single-cta.shg-prefooter-cta{margin-top:0}

@media (max-width:900px){
  .shg-prefooter-cta{
    min-height:500px;
    padding:92px 0 98px;
  }
  .shg-prefooter-cta .cta-orbit{
    width:460px;
    height:460px;
  }
  .shg-prefooter-cta .cta-orbit::before{inset:55px}
  .shg-prefooter-cta .cta-orbit::after{inset:116px}
  .shg-prefooter-cta h2,
  .shg-prefooter-cta .display,
  .shg-prefooter-cta .h2,
  .resource-cta.shg-prefooter-cta h2,
  .team-v25-cta.shg-prefooter-cta h2{
    font-size:clamp(48px,8vw,64px);
  }
}

@media (max-width:640px){
  .shg-prefooter-cta{
    min-height:460px;
    padding:78px 0 82px;
  }
  .shg-prefooter-inner{
    width:min(100% - 32px,1120px);
  }
  .shg-prefooter-cta .cta-orbit{
    width:360px;
    height:360px;
  }
  .shg-prefooter-cta .cta-orbit::before{inset:44px}
  .shg-prefooter-cta .cta-orbit::after{inset:92px}
  .shg-prefooter-cta .eyebrow{
    margin-bottom:15px;
    font-size:9px;
    letter-spacing:.2em;
  }
  .shg-prefooter-cta h2,
  .shg-prefooter-cta .display,
  .shg-prefooter-cta .h2,
  .resource-cta.shg-prefooter-cta h2,
  .team-v25-cta.shg-prefooter-cta h2{
    font-size:clamp(42px,12vw,52px);
    line-height:.96;
    letter-spacing:-.04em;
  }
  .shg-prefooter-cta p,
  .resource-cta.shg-prefooter-cta p,
  .team-v25-cta.shg-prefooter-cta p{
    margin:22px auto 26px;
    font-size:16px;
    line-height:1.55;
  }
  .shg-prefooter-actions,
  .shg-prefooter-cta .about-cta-actions,
  .shg-prefooter-cta .journal-single-actions,
  .resource-cta.shg-prefooter-cta .shg-prefooter-actions{
    flex-direction:column;
    gap:12px;
  }
  .shg-prefooter-cta .btn,
  .shg-prefooter-cta .btn-large{
    min-width:172px;
    min-height:56px;
    padding:0 24px;
  }
}

@media (prefers-reduced-motion:reduce){
  .shg-prefooter-cta .btn,
  .shg-prefooter-cta .text-link::after,
  .shg-prefooter-cta .resource-text-link::after{transition:none}
}
