/* Still Water essays - Golden Flower Abbey / White Lotus Society */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#071628;--navy2:#0d1f3c;--royal:#1E3A8A;--sky:#4a90d8;--pale:#b8d8f4;--cloud:#f4f8fe;--off:#fafcff;--gold:#E6B422;--gold2:#c8900a;--gold3:#f0c040;--gpal:#fdf3d0;--amber:#d4920e;--body:#2a3852;--muted:#5a6880;}
html{font-size:17px;scroll-behavior:smooth}
body{font-family:'Lora',Georgia,serif;background:var(--off);color:var(--body);line-height:1.85;overflow-x:hidden}
a{color:var(--royal)}
@keyframes breathe{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.14);opacity:.85}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes pulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.site-nav{background:var(--royal);padding:.8rem 2.4rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;border-bottom:2px solid var(--gold);box-shadow:0 3px 18px rgba(0,0,0,.2)}
.nav-logo{font-family:'Shippori Mincho',serif;font-weight:500;font-size:1.1rem;letter-spacing:.06em;color:var(--gold);text-decoration:none}
.nav-links{display:flex;gap:1.6rem;list-style:none}
.nav-links a{font-family:'DM Sans',sans-serif;font-size:.86rem;font-weight:500;letter-spacing:.04em;color:#FEF3C7;text-decoration:none}
.nav-links a:hover{color:var(--gold)}

.wrap{max-width:820px;margin:0 auto;padding:1.6rem 1.6rem 0}

.hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:1.2rem;padding:2rem 2rem 1.6rem 2.6rem;border-radius:22px;border:1px solid rgba(230,180,34,.45);background:linear-gradient(150deg,var(--royal) 0%,var(--navy2) 55%,var(--navy) 100%);box-shadow:0 18px 44px rgba(7,22,40,.28)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 70% at 76% 50%,rgba(74,144,216,.28),transparent 65%),radial-gradient(ellipse 35% 50% at 78% 62%,rgba(230,180,34,.16),transparent 65%)}
.hero-text{position:relative;flex:0 0 46%;text-align:left}
.hero-art{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center}
.lotus{width:100%;max-width:420px;height:auto;display:block;filter:drop-shadow(0 8px 22px rgba(0,0,0,.35));animation:float 7s ease-in-out infinite}
.lotus .glow{transform-box:fill-box;transform-origin:center;animation:pulse 6s ease-in-out infinite}
.num{font-family:'Shippori Mincho',serif;font-size:.8rem;letter-spacing:.4em;color:var(--gold);display:block;margin-bottom:.6rem}
.trad{font-family:'DM Sans',sans-serif;font-weight:300;font-size:.66rem;letter-spacing:.38em;text-transform:uppercase;color:var(--pale);display:block;margin-bottom:.8rem}
h1{font-family:'Shippori Mincho',serif;font-weight:400;font-size:2rem;line-height:1.2;color:#fff;margin-bottom:.35rem}
.sub{font-family:'Playfair Display',serif;font-style:italic;font-size:1.05rem;color:var(--gold3);margin-bottom:1rem}
.epi{font-family:'Lora',serif;font-style:italic;font-size:.86rem;line-height:1.65;color:rgba(222,238,249,.85);padding-top:.9rem;border-top:1px solid rgba(230,180,34,.35)}

article{max-width:700px;margin:0 auto;padding:2.4rem 0 1rem}
article p{margin-bottom:1.35rem;font-size:1.04rem}
.lead::first-letter{font-family:'Shippori Mincho',serif;float:left;font-size:4rem;line-height:.82;padding:.35rem .6rem 0 0;color:var(--royal)}
h2{font-family:'Shippori Mincho',serif;font-weight:500;font-size:1.55rem;color:var(--royal);margin:2.6rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--gold)}
h2 small{display:block;font-family:'DM Sans',sans-serif;font-weight:300;font-size:.62rem;letter-spacing:.42em;text-transform:uppercase;color:var(--amber);margin-bottom:.4rem}
ol.steps{list-style:none;counter-reset:s;margin:1.2rem 0 1.6rem;background:var(--gpal);border:1px solid rgba(200,144,10,.35);border-radius:16px;padding:1.4rem 1.6rem}
ol.steps li{counter-increment:s;position:relative;padding:.55rem 0 .55rem 2.8rem;font-size:1rem;line-height:1.7;border-bottom:1px dotted rgba(200,144,10,.35)}
ol.steps li:last-child{border-bottom:none}
ol.steps li::before{content:counter(s);position:absolute;left:0;top:.5rem;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--royal);color:var(--gold3);font-family:'Shippori Mincho',serif;font-size:.9rem;text-align:center;line-height:1.9rem}
.bless{margin:2.6rem 0 1rem;text-align:center;padding:2rem 1.6rem;border:1px solid var(--gold);border-radius:18px;background:linear-gradient(145deg,#fff,var(--cloud))}
.bless .k{font-family:'DM Sans',sans-serif;font-size:.62rem;letter-spacing:.45em;text-transform:uppercase;color:var(--amber);display:block;margin-bottom:.8rem}
.bless p{font-family:'Playfair Display',serif;font-style:italic;font-size:1.25rem;line-height:1.7;color:var(--royal);margin:0}

.pager{display:flex;justify-content:space-between;gap:1rem;max-width:700px;margin:1.6rem auto 0}
.pager a{flex:1;text-decoration:none;border:1px solid rgba(30,58,138,.2);border-radius:14px;padding:1rem 1.2rem;background:#fff;transition:background .3s,border-color .3s}
.pager a:hover{background:#FFFBF2;border-color:var(--gold)}
.pager a.next{text-align:right}
.pager .lab{display:block;font-family:'DM Sans',sans-serif;font-size:.6rem;letter-spacing:.35em;text-transform:uppercase;color:var(--amber)}
.pager .t{font-family:'Shippori Mincho',serif;font-size:1.02rem;color:var(--royal)}
.pager .ph{visibility:hidden;border:none;background:none}

.all{max-width:700px;margin:2.6rem auto 0;text-align:center}
.all p{font-family:'DM Sans',sans-serif;font-size:.62rem;letter-spacing:.4em;text-transform:uppercase;color:var(--muted);margin-bottom:.9rem}
.dots{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}
.dots a{width:2.3rem;height:2.3rem;line-height:2.3rem;border-radius:50%;border:1px solid rgba(30,58,138,.25);font-family:'Shippori Mincho',serif;font-size:.8rem;text-decoration:none;color:var(--royal);background:#fff}
.dots a:hover{background:var(--royal);color:var(--gold3)}
.dots a.on{background:var(--gold);border-color:var(--gold2);color:var(--navy)}
.back{text-align:center;margin:2rem 0 3rem}
.back a{display:inline-block;font-family:'DM Sans',sans-serif;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:#fff;background:var(--royal);padding:.85rem 1.8rem;border-radius:999px;border:1px solid var(--gold)}
.back a:hover{background:var(--navy2)}

footer{background:var(--navy);text-align:center;padding:3rem 1.6rem;border-top:2px solid var(--gold)}
footer .st{font-family:'Shippori Mincho',serif;color:var(--gold);letter-spacing:.4em;display:block;margin-bottom:1rem}
footer p{font-family:'DM Sans',sans-serif;font-size:.8rem;color:var(--pale);letter-spacing:.12em;margin-bottom:.6rem}
footer .tag{font-family:'DM Sans',sans-serif;font-size:.58rem;letter-spacing:.3em;color:rgba(184,216,244,.55);text-transform:uppercase}
@media (prefers-reduced-motion:reduce){.lotus,.lotus .glow{animation:none}}