.beyond-journey {
  position: relative;
  background: #fff;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.beyond-journey::after {
  content: "SIS";
  position: absolute;
  right: 2%;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(11, 79, 58, 0.045);
  font-family: var(--serif);
  font-size: clamp(10rem, 23vw, 22rem);
  line-height: 1;
  pointer-events: none;
}

.beyond-grid {
  display: grid;
  grid-template-columns: 0.88fr 1.12fr;
  gap: 90px;
  align-items: start;
  position: relative;
  z-index: 1;
}

.beyond-heading h2 {
  color: var(--deep);
  max-width: 600px;
}

.beyond-quote {
  max-width: 520px;
  padding-left: 20px;
  border-left: 3px solid var(--gold);
  color: var(--muted);
  font-family: var(--serif);
  font-size: 1.25rem;
  font-style: italic;
}

.beyond-content > p:not(.lead):not(.signup-note) {
  color: var(--muted);
}

.beyond-pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 32px 0 26px;
}

.beyond-pillars div {
  min-height: 150px;
  padding: 22px 18px;
  border: 1px solid var(--line);
  background: var(--ivory);
}

.beyond-pillars strong {
  display: block;
  margin-bottom: 10px;
  color: var(--green);
  font-family: var(--serif);
  font-size: 1.25rem;
}

.beyond-pillars span {
  color: var(--muted);
  font-size: 0.9rem;
}

.signup-note {
  display: inline-block;
  margin: 0;
  padding: 11px 15px;
  border-left: 3px solid var(--gold);
  background: rgba(213, 173, 79, 0.12);
  color: var(--deep);
  font-size: 0.9rem;
  font-weight: 750;
}

@media (max-width: 850px) {
  .beyond-grid { grid-template-columns: 1fr; gap: 38px; }
  .beyond-pillars { grid-template-columns: 1fr; }
  .beyond-pillars div { min-height: auto; }
}

.sis-contact-form{padding:28px;background:var(--ivory);border:1px solid var(--line);box-shadow:none}.sis-contact-form h3{font-family:var(--serif);font-weight:400;font-size:1.8rem;margin:0 0 5px;color:var(--deep)}.sis-contact-form>p{margin:0 0 20px;color:var(--muted)}.sis-contact-form .field textarea{width:100%;padding:14px 12px;border:1px solid #cfc9bb;background:#fff;color:var(--ink);font:inherit;resize:vertical}.sis-contact-form .form-note{margin:14px 0 0;font-size:.82rem;line-height:1.5}.sis-contact-form .form-note a{color:var(--green)}@media(max-width:520px){.sis-contact-form{padding:23px}}

/* Compact sisterhood card: heading above, photo and contact details together. */
.beyond-journey{padding:52px 0 62px;background:#fff}
.beyond-journey::after{display:none}
.beyond-heading{text-align:center;max-width:860px;margin:0 auto 24px}
.beyond-heading .section-kicker{text-align:center;color:var(--green)}
.beyond-heading h2{max-width:none;margin:8px 0 10px;font-size:clamp(2.4rem,4.1vw,3.8rem)}
.beyond-quote{max-width:none;margin:0;padding:0;border:0;font-size:clamp(1rem,1.5vw,1.2rem)}
.beyond-box{display:grid;grid-template-columns:43% minmax(0,57%);overflow:hidden;border-radius:20px;background:#101712;color:#fff}
.beyond-photo{display:block;width:100%;height:100%;min-height:550px;object-fit:cover;object-position:48% center}
.beyond-content{padding:26px 32px 24px}
.beyond-content>.lead{color:#fff;font-family:var(--serif);font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.3;margin:0 0 9px}
.beyond-content>p:not(.lead):not(.signup-note){color:#e6e8e4;font-size:.9rem;line-height:1.5;margin:0}
.beyond-pillars{margin:15px 0;gap:6px}
.beyond-pillars div{min-height:0;padding:10px 11px;background:#1d3029;border:1px solid #385549}
.beyond-pillars strong{color:#f0c76b;font-size:1rem;margin:0 0 4px}
.beyond-pillars span{display:block;color:#f4f2eb;font-size:.73rem;line-height:1.3}
.sis-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;padding:0;border:0;background:transparent}
.sis-contact-form h3,.sis-contact-form>p,.sis-contact-form .field:nth-of-type(n+3),.sis-contact-form button,.sis-contact-form .form-note{grid-column:1/-1}
.sis-contact-form h3{font-size:1.4rem;color:#fff;margin:0}
.sis-contact-form>p{color:#e6e8e4;margin:-7px 0 0;font-size:.82rem}
.sis-contact-form .field{margin:0}
.sis-contact-form .field label{color:#fff;font-size:.73rem}
.sis-contact-form .field input,.sis-contact-form .field select,.sis-contact-form .field textarea{padding:8px 10px;font-size:.85rem}
.sis-contact-form .field textarea{height:72px;min-height:72px;resize:vertical}
.sis-contact-form button{justify-self:start;padding:10px 18px}
.sis-contact-form .form-note{margin:0;color:#deded8;font-size:.68rem;line-height:1.35}
.sis-contact-form .form-note a{color:#f1ce79}
@media(max-width:850px){.beyond-box{grid-template-columns:1fr}.beyond-photo{height:270px;min-height:0}.beyond-content{padding:24px}.beyond-pillars{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.beyond-journey{padding:38px 0 46px}.beyond-heading{margin-bottom:20px}.beyond-photo{height:210px}.beyond-content{padding:20px}.beyond-pillars{grid-template-columns:1fr}.sis-contact-form{grid-template-columns:1fr}.sis-contact-form .field{grid-column:1/-1}}

/* Keep every face, including the teen, visible in the narrow photo column. */
.beyond-photo{object-fit:cover;object-position:38% center;background:#1d3029}
