.zodiac-directory{max-width:77.5rem;margin:0 auto;padding:2.75rem 1.75rem 5.625rem;color:#1E2022}.zodiac-intro{position:relative;min-height:16.875rem;padding:clamp(2.125rem,6vw,4.375rem);overflow:hidden;border:1px solid #E7E1D5;border-radius:2rem;background:radial-gradient(ellipse at 10% 10%,#FFFFFF,transparent 44%),radial-gradient(ellipse at 100% 85%,#FFFFFF,transparent 42%),linear-gradient(125deg,#FFFFFF,#FFFFFF 60%,#FFFFFF);box-shadow:0 1.5rem 4.375rem rgba(0,0,0,0.05)}.zodiac-back{position:relative;z-index:1;display:inline-block;margin-bottom:1.875rem;color:#706FD3;text-decoration:none}.zodiac-back:hover{color:#706FD3}.zodiac-kicker{margin:0 0 0.75rem;color:#5A3A22;font-size:.72rem;letter-spacing:.19em;font-weight:700}.zodiac-intro h1{position:relative;z-index:1;max-width:45rem;margin:0;color:#D4AF37;font-family:Georgia,serif;font-size:clamp(2.7rem,6vw,5.2rem);line-height:1.02;letter-spacing:-.045em}.zodiac-intro h1 em{color:#D4AF37;font-style:normal}.zodiac-lead{position:relative;z-index:1;max-width:35rem;margin:1.25rem 0 0;color:#1E2022;font-size:1.08rem;line-height:1.8}.zodiac-orbit{position:absolute;right:7%;top:18%;width:14.375rem;height:14.375rem;border:1px solid #E7E1D5;border-radius:50%;box-shadow:0 0 0 1.5rem rgba(0,0,0,0.05),0 0 0 3rem rgba(0,0,0,0.05)}.zodiac-orbit:before,.zodiac-orbit:after{position:absolute;content:"";inset:1.75rem;border:1px dashed #E7E1D5;border-radius:50%}.zodiac-orbit:after{inset:4.125rem;border-style:solid}.zodiac-orbit span,.zodiac-orbit i,.zodiac-orbit b{position:absolute;color:#706FD3}.zodiac-orbit span{top:1.1875rem;left:6.5625rem;font-size:1.25rem}.zodiac-orbit i{right:1.75rem;top:6.1875rem;font-size:1.875rem;font-style:normal}.zodiac-orbit b{left:1.9375rem;bottom:2.375rem;font-size:1.125rem}.zodiac-heading-row{display:flex;align-items:end;justify-content:space-between;gap:1.25rem;margin:3.375rem 0.125rem 1.375rem}.zodiac-heading-row h2,.zodiac-contact h2{margin:0;color:#5A3A22;font-family:Georgia,serif;font-size:clamp(1.8rem,3.3vw,2.7rem);letter-spacing:-.025em}.zodiac-heading-row>p{margin:0 0 0.3125rem;color:#706FD3;font-size:.9rem}.zodiac-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.125rem}.zodiac-card{position:relative;display:flex;min-width:0;align-items:center;gap:1rem;padding:1.0625rem;border:1px solid #E7E1D5;border-radius:1.25rem;background:linear-gradient(145deg,#FFFFFF,#FFFFFF);color:#1E2022;text-decoration:none;box-shadow:0 0.625rem 1.875rem rgba(0,0,0,0.05);transition:transform .22s,border-color .22s,box-shadow .22s}.zodiac-card:hover{transform:translateY(-0.25rem);border-color:#706FD3;box-shadow:0 1.125rem 2.1875rem rgba(0,0,0,0.05);color:#706FD3;text-decoration:none}.zodiac-index{position:absolute;top:0.6875rem;right:0.875rem;color:#706FD3;font-size:.67rem;letter-spacing:.1em}.zodiac-card-image{display:grid;flex:0 0 4.75rem;width:4.75rem;height:4.75rem;place-items:center;overflow:hidden;border:1px solid #E7E1D5;border-radius:1rem;background:radial-gradient(circle,#FFFFFF,#FFFFFF)}.zodiac-card-image img{display:block;width:100%;height:100%;object-fit:cover}.zodiac-card-copy{min-width:0;padding-right:0.9375rem}.zodiac-card-copy h3{margin:0 0 0.3125rem;color:#5A3A22;font-family:Georgia,serif;font-size:1.14rem}.zodiac-card-copy p{margin:0;color:#1E2022;font-size:.88rem}.zodiac-arrow{position:absolute;right:0.875rem;bottom:0.8125rem;color:#706FD3;font-size:1rem}.zodiac-contact{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:3.5rem;padding:clamp(1.5625rem,4vw,2.625rem);border:1px solid #E7E1D5;border-radius:1.5rem;background:linear-gradient(110deg,#FFFFFF,#FFFFFF 53%,#FFFFFF)}.zodiac-contact p:not(.zodiac-kicker){margin:0.625rem 0 0;color:#5A3A22}.zodiac-contact>a{display:inline-flex;align-items:center;gap:1.375rem;flex:none;padding:0.875rem 1.1875rem;border-radius:62.4375rem;background:#FFFFFF;color:#706FD3;text-decoration:none;font-weight:700}.zodiac-contact>a:hover{background:rgba(112,111,211,0.10);text-decoration:none}.zodiac-contact>a span{color:#706FD3}.zodiac-directory a:focus-visible{outline:0.125rem solid #706FD3;outline-offset:0.1875rem}
@media(max-width:62.5rem){.zodiac-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.zodiac-orbit{right:8%;transform:scale(.85)}}
@media(max-width:46.25rem){.zodiac-directory{padding:1.75rem 1.125rem 4.0625rem}.zodiac-orbit{right:-1.5rem;top:28%;transform:scale(.7);opacity:.7}.zodiac-intro{min-height:18.75rem}.zodiac-intro h1,.zodiac-lead,.zodiac-back,.zodiac-kicker{max-width:75%}.zodiac-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem}.zodiac-card{gap:0.75rem;padding:0.8125rem}.zodiac-card-image{flex-basis:3.875rem;width:3.875rem;height:3.875rem}.zodiac-heading-row{align-items:start;flex-direction:column}.zodiac-contact{align-items:flex-start;flex-direction:column}}
@media(max-width:28.75rem){.zodiac-cards{grid-template-columns:1fr}.zodiac-card{padding:0.875rem}.zodiac-card-image{flex-basis:4.25rem;width:4.25rem;height:4.25rem}.zodiac-intro h1,.zodiac-lead,.zodiac-back,.zodiac-kicker{max-width:100%}.zodiac-orbit{right:-6.5625rem;top:37%;opacity:.4}}

/* Keep the Zodiac intro copy centered in its own space and fully inside the panel. */
.zodiac-intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: auto;
  min-height: 21.875rem;
  padding: clamp(1.75rem, 4vw, 3rem);
}

.zodiac-intro > .zodiac-back,
.zodiac-intro > .zodiac-kicker,
.zodiac-intro > h1,
.zodiac-intro > .zodiac-lead {
  flex: 0 0 auto;
}

.zodiac-intro > .zodiac-back {
  margin: 0 0 1.125rem;
  line-height: 1.5;
}

.zodiac-intro > .zodiac-kicker {
  margin: 0 0 0.5rem;
  line-height: 1.5;
}

.zodiac-intro > h1 {
  width: 100%;
  line-height: 1.08;
  overflow-wrap: normal;
}

.zodiac-intro > .zodiac-lead {
  margin: 0.75rem 0 0;
  line-height: 1.65;
}

@media (max-width: 46.25rem) {
  .zodiac-intro {
    min-height: 20rem;
    padding: 1.625rem 1.375rem 1.875rem;
  }

  .zodiac-intro > .zodiac-back {
    margin-bottom: 1rem;
  }

  .zodiac-intro > h1,
  .zodiac-intro > .zodiac-lead,
  .zodiac-intro > .zodiac-kicker {
    max-width: 100%;
  }

  .zodiac-intro > .zodiac-lead {
    margin-top: 0.625rem;
    font-size: 1rem;
    line-height: 1.6;
  }
}