/* Minister Destiny Testimony Schools — family tree component on this school's home page.
   The rules below are the tree-stage rules copied from tree.css (the Family Tree page
   stylesheet), scoped under .home-tree so the home page's own styles are untouched.
   Same calm rules: no flashing, no strobing, no autoplay motion. The gentle sway
   exists only when the visitor turns Gentle motion on (body.motion-on), and
   reduced-motion turns it off. */
.home-tree{
  --purple:#872085; --purple-deep:#550757; --ink:#fff; --soft:#D8CCD4;
  --lilac:#B779B6; --pale:#D9C7FF; --gold:#E8C877; --leaf:#9FD8A8; --rose:#F2B8D0;
  --panel:#12081f;
  border:1.5px solid var(--purple); border-radius:20px; padding:1.6rem;
  margin:1.4rem auto; background:#000; max-width:880px; color:var(--ink);
}
.home-tree h2{font-family:Georgia,'Times New Roman',serif;line-height:1.25;color:var(--pale)}
.home-tree .kicker{color:var(--lilac);letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;font-weight:bold}
.home-tree .note{color:var(--soft)}
.home-tree a{color:var(--pale)}
.home-tree .trunk-line{text-align:center;color:var(--soft);margin-top:.6rem}
.home-tree .tree-stage{position:relative;border:1.5px solid var(--purple);border-radius:20px;overflow:hidden;background:#000}
.home-tree .tree-stage.bg-dawn{background:linear-gradient(180deg,#2a1650,#12081f)}
.home-tree .tree-stage.bg-garden{background:linear-gradient(180deg,#10301e,#08130c)}
.home-tree .tree-stage.bg-sky{background:linear-gradient(180deg,#16294f,#0a1122)}
.home-tree .tree-sway{position:relative;transform-origin:50% 94%}
.motion-on .home-tree .tree-sway{animation:homeStageSway 8s ease-in-out infinite alternate}
@keyframes homeStageSway{from{transform:rotate(-1.3deg) translateX(-5px)}to{transform:rotate(1.3deg) translateX(5px)}}
.home-tree .tree-photo{width:100%;height:auto;display:block}
.home-tree .chip-layer{position:absolute;inset:0}
.home-tree .branch-chip{position:absolute;transform:translate(-50%,-50%);background:rgba(46,31,87,.92);border:1.5px solid var(--gold);color:#fff;border-radius:999px;padding:.34rem .8rem;font-size:.86rem;font-weight:bold;text-decoration:none;white-space:nowrap;line-height:1.25}
.home-tree .branch-chip:hover,.home-tree .branch-chip:focus-visible{background:var(--gold);color:#241842}
.motion-on .home-tree .branch-chip{animation:homeChipSway 7s ease-in-out infinite alternate}
@keyframes homeChipSway{from{margin-top:-3px}to{margin-top:4px}}
.home-tree .decor-layer{position:absolute;inset:0;pointer-events:none}
.home-tree .decor-mark{position:absolute;transform:translate(-50%,-50%);font-size:1.7rem;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.home-tree .default-apple{font-size:1.55rem}
.home-tree .bg-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:1rem}
.home-tree .bg-btn{background:#000;border:1.5px solid var(--lilac);color:var(--pale);border-radius:999px;padding:.5rem 1rem;cursor:pointer;font-family:inherit;min-height:44px;font-size:.95rem}
.home-tree .bg-btn[aria-pressed="true"]{background:var(--gold);color:#241842;border-color:var(--gold);font-weight:bold}
.home-tree button.action{background:var(--purple-deep);border:1.5px solid var(--lilac);color:#fff;border-radius:999px;padding:.65rem 1.25rem;font-weight:bold;cursor:pointer;font-family:inherit;min-height:48px;font-size:1rem}
.home-tree button.action[aria-pressed="true"]{background:var(--gold);color:#241842;border-color:var(--gold)}
.home-tree .toggle-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1rem}
.home-tree .drop{position:absolute;left:50%;top:6px;width:16px;height:22px;margin-left:-8px;background:#9ecfff;border-radius:50% 50% 60% 60%;opacity:0}
.motion-on .home-tree .watered .drop{animation:homeFall 1.8s ease-in 1}
.home-tree .watered .drop{opacity:.95}
@keyframes homeFall{0%{transform:translateY(0);opacity:0}15%{opacity:.95}85%{opacity:.95}100%{transform:translateY(120px);opacity:0}}
@media (prefers-reduced-motion: reduce){
  .motion-on .home-tree .tree-sway,.motion-on .home-tree .branch-chip,.motion-on .home-tree .watered .drop{animation:none}
}