/* Best Beginnings meet the staff page */
.staff-page h1,.staff-page h2,.staff-page h3{font-family:'Fredoka',sans-serif}
.staff-hero{position:relative;overflow:hidden;padding:76px 0 96px;background:radial-gradient(circle at 88% 10%,#f4d7fc 0,transparent 46%),linear-gradient(120deg,#f1e3ff 0%,#f9efff 52%,#fff8fc 100%)}
.staff-hero::before{content:'🦋';position:absolute;left:3%;top:8%;opacity:.13;font-size:110px;transform:rotate(-18deg);pointer-events:none}
.staff-hero-layout{display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:64px}
.staff-label{display:inline-flex;font-size:12px;font-weight:800;letter-spacing:.12em;color:#7a43ad;margin-bottom:17px}
.staff-hero h1{font-size:clamp(58px,6vw,88px);line-height:1.04;letter-spacing:-.045em;margin:0 0 20px;color:#3e245d}
.staff-hero h1 em{font-style:normal;color:#893cc5}
.staff-hero p{max-width:540px;font-size:18px;line-height:1.8;color:#665476;margin-bottom:30px}
.staff-hero .breadcrumb{margin-bottom:30px}
.staff-hero-visual{position:relative;width:100%;max-width:475px;height:440px;margin:auto}
.staff-hero-visual img{position:absolute;object-fit:cover;box-shadow:0 18px 39px #69388b32;border:7px solid white}
.staff-hero-big{left:16%;top:6%;width:61%;height:80%;border-radius:41px;transform:rotate(-4deg)}
.staff-hero-small.one{right:-1%;top:16%;width:37%;height:46%;border-radius:28px;transform:rotate(8deg);object-position:center 34%}
.staff-hero-small.two{left:-2%;bottom:0;width:36%;height:43%;border-radius:28px;transform:rotate(-10deg);object-position:center 28%}
.staff-sparkle{position:absolute;color:#efb75c;font-size:45px;z-index:2}.staff-sparkle-one{right:4%;bottom:2%}.staff-sparkle-two{left:1%;top:3%}
.staff-intro{text-align:center;padding:88px 0 46px}
.staff-intro h2{font-size:clamp(39px,4vw,53px);line-height:1.15;margin:16px auto}
.staff-intro h2 span{color:#8d44c0}
.staff-intro p{font-size:17px;line-height:1.7;color:#72637c;max-width:640px;margin:0 auto}
.staff-profiles{display:flex;flex-direction:column;gap:38px;padding-bottom:110px}
.staff-profile{display:grid;grid-template-columns:minmax(290px,0.82fr) minmax(0,1.18fr);gap:48px;align-items:start;padding:32px;border:2px solid #eadcf8;border-radius:37px;background:#fff;box-shadow:0 12px 35px #6e489719;scroll-margin-top:130px}
.staff-profile:nth-child(even){background:linear-gradient(135deg,#fff 0%,#faf5ff 100%)}
.staff-profile:nth-child(2){grid-template-columns:minmax(290px,0.82fr) minmax(0,1.18fr)}
.staff-image-wrap{position:relative;align-self:start;padding-bottom:18px}
.staff-image-wrap>img{width:100%;height:435px;border-radius:29px;object-fit:cover;object-position:center 22%;background:#eadbf7}
.staff-image-wrap>img.quran-img{object-position:center 34%}
.staff-image-wrap>img.tishawna-img{object-position:center 22%;filter:contrast(1.02)}
.staff-photo-chip{position:relative;display:inline-block;background:#fff;color:#66359d;border:2px solid #e2c7f6;border-radius:16px;padding:11px 14px;font-weight:800;font-size:12px;box-shadow:0 8px 16px #5b357125;margin:-26px 0 0 16px}
.photo-source-note{display:block;color:#91869a;margin:13px 9px 0;font-size:11px}
.staff-role{display:inline-block;background:#f0e3ff;color:#743ea7;border-radius:100px;padding:10px 16px;font-size:11px;letter-spacing:.13em;font-weight:800;margin:5px 0 17px}
.staff-bio h2{font-size:clamp(35px,4vw,47px);margin:0 0 15px;color:#3d285d;line-height:1.13;letter-spacing:-.025em}
.staff-bio h2 span{color:#8844b7}
.staff-bio p{font-size:14px;line-height:1.85;color:#6a5e73;margin:0 0 14px}
.staff-bio p.staff-lead{font-weight:700;color:#6c4092;font-size:16px;line-height:1.65;margin-bottom:21px}
.staff-values{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.staff-values span{background:#f7eeff;color:#7445a1;padding:9px 13px;border:1px solid #ead8f6;border-radius:99px;font-size:11px;font-weight:800}
.staff-letter{border:1px solid #e2cafa;border-radius:19px;background:#fbf7ff;margin-top:22px;overflow:hidden}
.staff-letter summary{list-style:none;cursor:pointer;color:#6d379e;padding:17px 20px;font-size:13px;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:10px}
.staff-letter summary::-webkit-details-marker{display:none}
.staff-letter summary:focus-visible{outline:3px solid #8a48b3;outline-offset:-3px}
.staff-letter[open] summary span{transform:rotate(180deg)}
.staff-letter-copy{padding:6px 20px 21px;border-top:1px solid #e9dbf8}
.staff-letter-copy p{font-size:13px;line-height:1.78;margin:16px 0;color:#62536b}
.original-letter-link{display:inline-flex;margin-top:8px;font-size:13px;color:#68349d;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.staff-mission{background:linear-gradient(135deg,#f4e6ff,#fdf2ff);padding:80px 0;text-align:center}
.staff-mission-inner{max-width:750px}
.staff-mission-symbol{font-size:56px}
.staff-mission h2{font-size:clamp(43px,5vw,64px);margin:12px 0 14px;color:#533183}
.staff-mission h2 em{font-style:normal;color:#964fc1}
.staff-mission p{color:#6f5a7e;font-size:17px;line-height:1.75;margin:0 auto 30px}
.staff-home-link{display:flex;align-items:center;gap:20px;flex-wrap:wrap;max-width:820px;margin:30px auto 0;background:#f8eeff;border:2px solid #e5d1f6;border-radius:25px;padding:19px 24px}
.staff-home-link img{width:55px;height:55px;border-radius:50%;object-fit:cover;border:3px solid #fff}
.staff-home-link .staff-home-avatars{display:flex;flex-shrink:0}
.staff-home-link .staff-home-avatars img+img{margin-left:-12px}
.staff-home-link strong{font:600 22px 'Fredoka',sans-serif;color:#643997}
.staff-home-link p{font-size:12px;line-height:1.4;color:#81708e;margin:4px 0 0}
.staff-home-link a{margin-left:auto;color:#6e349e;font-weight:800;font-size:13px;white-space:nowrap}
.staff-home-link a:hover{text-decoration:underline}
@media(max-width:920px){.staff-hero-layout{grid-template-columns:1fr;gap:10px}.staff-hero-copy{text-align:center}.staff-hero p{margin-left:auto;margin-right:auto}.staff-hero-visual{max-width:430px;height:340px}.staff-profile{grid-template-columns:1fr;gap:25px;max-width:700px;margin-inline:auto}.staff-image-wrap>img{height:360px}.staff-image-wrap{width:100%}}
@media(max-width:560px){.staff-hero{padding:48px 0 52px}.staff-hero h1{font-size:55px}.staff-hero p{font-size:15px}.staff-hero-visual{height:305px;max-width:345px}.staff-hero-big{height:76%}.staff-intro{padding:65px 0 28px}.staff-profiles{padding-bottom:70px;gap:23px}.staff-profile{padding:18px;border-radius:27px}.staff-image-wrap>img{height:330px;border-radius:20px}.staff-photo-chip{font-size:10px}.staff-bio h2{font-size:37px}.staff-bio p{font-size:13px}.staff-bio p.staff-lead{font-size:15px}.staff-home-link{flex-direction:column;align-items:center;text-align:center}.staff-home-link a{margin:0}.staff-mission{padding:60px 0}}

/* Stacked staff hero portrait layout */
.staff-hero-visual.staff-photos-stacked{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:500px;height:auto;min-height:0;padding:0 10px 8px;isolation:isolate}
.staff-hero-visual.staff-photos-stacked img{position:relative;display:block;transform:none;box-shadow:0 13px 30px #6b3b9630;border:7px solid #fff;object-fit:cover}
.staff-hero-visual.staff-photos-stacked .staff-hero-big{left:auto;top:auto;width:min(78%,365px);height:320px;flex-shrink:0;border-radius:36px;object-position:center 24%}
.staff-hero-visual.staff-photos-stacked .staff-hero-row{display:flex;width:min(88%,410px);gap:20px;align-items:flex-start;justify-content:center;margin:0 auto}
.staff-hero-visual.staff-photos-stacked .staff-hero-row img{left:auto;right:auto;top:auto;bottom:auto;width:calc(50% - 10px);height:165px;flex:1 1 0;border-radius:26px;object-position:center 30%}
.staff-hero-visual.staff-photos-stacked .staff-hero-row .one{object-position:center 35%}
.staff-hero-visual.staff-photos-stacked .staff-hero-row .two{object-position:center 30%}
.staff-page .staff-image-wrap>img.tishawna-img{object-position:center 27%;filter:none}
@media(max-width:920px){.staff-hero-visual.staff-photos-stacked{max-width:460px;height:auto;margin:32px auto 0}}
@media(max-width:560px){.staff-hero-visual.staff-photos-stacked{height:auto;max-width:350px;gap:14px;margin:25px auto 0;padding:0 4px 6px}.staff-hero-visual.staff-photos-stacked .staff-hero-big{width:85%;height:260px;border-radius:28px}.staff-hero-visual.staff-photos-stacked .staff-hero-row{width:96%;gap:13px}.staff-hero-visual.staff-photos-stacked .staff-hero-row img{height:150px;width:calc(50% - 7px);border-width:5px;border-radius:23px}}


/* Mobile staff biography stacking fix — November 2026 */
@media (max-width: 920px) {
  /* The second profile has a more specific desktop two-column rule. */
  .staff-page .staff-profiles .staff-profile,
  .staff-page .staff-profiles .staff-profile:nth-child(2) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 23px;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  .staff-page .staff-profile > .staff-image-wrap,
  .staff-page .staff-profile > .staff-bio {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }
  .staff-page .staff-profile .staff-bio p,
  .staff-page .staff-profile .staff-bio h2 {
    overflow-wrap: break-word;
    word-break: normal;
    white-space: normal;
  }
}
@media (max-width: 560px) {
  .staff-page .staff-profiles .staff-profile {
    gap: 16px;
  }
  .staff-page .staff-profile .staff-bio h2 {
    font-size: clamp(29px, 8.7vw, 37px);
  }
  .staff-page .staff-profile .staff-bio p {
    font-size: 14px;
    line-height: 1.75;
  }
  .staff-page .staff-profile .staff-bio p.staff-lead {
    font-size: 15px;
    line-height: 1.6;
  }
  .staff-page .staff-profile .staff-image-wrap > img {
    height: clamp(260px, 80vw, 360px);
  }
}