/* Homepage — dark & gold */
/* HERO = "The Lotus Wakes": the title opens the page; scrolling fades it and grows the lotus from the root, blooms it into colour,
   and opens the mandala. One pinned screen with a ~4-screen scroll runway. */
.hero{position:relative;height:370svh}
.lw-pin{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}
.lw-pin>*{grid-area:1/1}
.lw-zoom{display:grid;place-items:center;transform-origin:50% 46%}
.lw-art{position:relative;height:min(78svh,980px);aspect-ratio:1491/2109;opacity:0;margin-top:-1vh}
.lw-art>*{position:absolute;inset:0;width:100%;height:100%}
.lw-color{object-fit:contain;opacity:0;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}
.lw-lines{color:var(--gold);filter:drop-shadow(0 0 7px rgba(226,190,124,.55))}
.lw-lines svg{width:100%;height:100%;display:block;overflow:visible}
.lw-lines path{stroke-width:2.6}
.lw-glow{inset:-24%;width:148%;height:148%;background:radial-gradient(circle at 50% 46%,rgba(226,190,124,.32),transparent 62%);opacity:0;pointer-events:none}
.lw-mandala{inset:-30%;width:160%;height:160%;opacity:0;pointer-events:none}
.lw-mandala *{fill:none;stroke:var(--gold);stroke-width:1;vector-effect:non-scaling-stroke}
.hero-inner{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.6rem;perspective:900px;transform-style:preserve-3d;padding:0 var(--pad)}
.hero .mega{letter-spacing:.02em}
.hero .mega,.hero .mega .sp>span{text-shadow:none}
.hero .mega .sp>span{
  padding:.3em 0 .8em;margin:-.3em 0 -.8em;
  background:radial-gradient(circle 250px at var(--mx,30%) var(--my,75%),#fff 0%,var(--gold-hi) 30%,var(--gold) 62%,var(--gold-lo) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
.hero-sub{display:flex;flex-direction:column;gap:.5rem;align-items:center}
.hero-sub .bo{font-size:clamp(1.3rem,3vw,2.1rem)}
.hero-sub .en{color:var(--gold);font-size:clamp(1.1rem,2vw,1.5rem)}
.hero-what{display:flex;flex-direction:column;align-items:center;gap:.3rem;max-width:44rem;margin-top:.6rem}
.hero-what .bo{font-size:clamp(1.05rem,1.8vw,1.35rem);color:var(--cream);line-height:1.8}
.hero-what .en{font-size:clamp(1.1rem,1.7vw,1.35rem);color:var(--cream)}
.hero-cta{margin-top:.6rem;padding:.85rem 1.8rem}
.scroll-cue{align-self:end;justify-self:center;margin-bottom:1.6rem;width:1px;height:64px;background:linear-gradient(var(--gold),transparent);transform-origin:top;animation:cue 2.2s var(--ease) infinite}
@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
@media (max-width:760px){.lw-art{height:min(64svh,640px)}}
@media (prefers-reduced-motion:reduce){.hero{height:auto}.lw-pin{position:relative;height:100svh}.lw-art{display:none}}

/* MANIFESTO — words ignite with scroll */
.manifesto{min-height:100svh;display:grid;place-items:center;padding:6rem var(--pad)}
.manifesto-in{max-width:1100px;display:flex;flex-direction:column;gap:2.5rem}
.manifesto .body-bo{font-size:clamp(1.5rem,3.6vw,3rem);line-height:1.75}
.manifesto .w{opacity:.14}
.manifesto .lead-en{max-width:46ch}

/* JOIN */
.join{padding:clamp(6rem,16vw,12rem) var(--pad);display:flex;flex-direction:column;align-items:center;text-align:center;gap:3rem}
.join .h1{max-width:14ch;color:var(--gold-hi)}
.join-btns{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}
.join-btns .btn{padding:1.3rem 2rem}