/* One quiet motion language. Content remains selectable, readable and interactive. */
.site-particle-field{position:relative;isolation:isolate;min-width:0}
.site-particle-field> :not(.site-particle-canvas):not(.site-particle-fallback){position:relative;z-index:1}
.site-particle-canvas,.site-particle-fallback{position:absolute!important;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;color:var(--accent,#6d87a7)}
.site-particle-canvas{opacity:0;transition:opacity .5s}.site-particle-fallback{opacity:.18}
.site-particle-ready>.site-particle-canvas{opacity:1}.site-particle-ready>.site-particle-fallback{display:none}
.site-particle-panel{box-sizing:border-box;min-height:280px;padding:44px 32px;display:flex;flex-direction:column;justify-content:center}
.site-particle-panel::before{content:"";position:absolute;inset:10%;border:1px solid var(--line,#d5d8cf);border-radius:50%;opacity:.3;pointer-events:none}
.site-particle-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.site-particle-hero-copy{min-width:0}.site-particle-hero>.crumb{grid-column:1/-1;margin-bottom:0}
.rp-wrap>.rp-hero.site-particle-hero{max-width:none;padding:44px 0 48px}
.rp-hero.site-particle-hero .rp-lead{font-size:16px;line-height:1.95;margin:0;max-width:none}
.meditation-hero.site-particle-hero{padding-top:36px;gap:18px 64px}
.meditation-hero.site-particle-hero .hero-description{margin:0;font-size:15px;line-height:2}
.blog-intro .blog-intro-note.site-particle-panel{max-width:none;padding:40px 30px;align-self:stretch}
.blog-intro-note.site-particle-panel a{align-self:flex-start}
.resource-search-box.site-particle-panel{min-height:220px;display:block;padding:48px 30px;background:transparent}
.jh-framework.site-particle-field{padding:28px 32px;border-left:0}
.jh-framework.site-particle-field li{border-top-color:transparent}
.sv-map.site-particle-field{background:transparent;border-color:transparent;padding-inline:32px}
.ap-preview.site-particle-field{padding:22px}.ap-preview.site-particle-field .ap-device{position:relative;z-index:1}
.about-hero-copy.site-particle-field{padding-block:26px;padding-right:24px}
.books-v2>header.site-particle-hero{margin-bottom:36px}.books-v2>header .site-particle-panel{min-height:180px}
.music-art.site-particle-panel{padding:0;min-height:260px;aspect-ratio:2/1;color:var(--accent,#31523e)}
.music-art.site-particle-panel::before{inset:20% 32%;border-radius:50%}
.home-meditation .meditation-copy.site-particle-field{padding:30px 26px}
/* Compact PC homepage: let translated content, rather than viewport height, set the height. */
@media(min-width:1001px){.home-page .home-hero{min-height:0;padding-block:42px 38px}.home-page .home-field-stage{max-height:360px}.home-page .home-author{margin-top:28px}.home-page .home-hero-actions{margin-top:26px}}
@media(max-width:900px){.site-particle-hero{gap:24px}.site-particle-panel{padding:32px 24px;min-height:250px}.jh-framework.site-particle-field{padding:24px}}
@media(max-width:760px){.site-particle-hero{grid-template-columns:1fr;gap:22px}.site-particle-panel{min-height:200px;padding:32px 24px}.site-particle-hero>.crumb{grid-column:auto}.meditation-hero.site-particle-hero{gap:16px;padding-top:30px}.blog-intro .blog-intro-note.site-particle-panel{min-height:190px;padding:30px 24px}.music-art.site-particle-panel{min-height:210px;max-width:420px}.about-hero-copy.site-particle-field{padding:20px 0}.ap-preview.site-particle-field{padding:12px}.books-v2>header .site-particle-panel{min-height:140px}.rp-wrap>.rp-hero.site-particle-hero{padding:32px 0}}
@media(prefers-reduced-motion:reduce){.site-particle-canvas{transition:none}}
@media print{.site-particle-canvas,.site-particle-fallback,.site-particle-panel::before{display:none!important}.site-particle-panel{min-height:0;padding:0}.site-particle-hero{display:block}}

/* A shared first-screen rhythm for regular section homepages. */
.jh-wrap>.jh-hero,body.home-page .home-hero,body.journal-page .journal-hero,body.meditation-page .meditation-hero.site-particle-hero,.rp-wrap>.rp-hero.site-particle-hero,.blog-intro{padding-top:36px}
body.services-home .sv-hero{padding-top:24px;align-items:start}
@media(max-width:760px){.jh-wrap>.jh-hero,body.home-page .home-hero,body.journal-page .journal-hero,body.meditation-page .meditation-hero.site-particle-hero,.rp-wrap>.rp-hero.site-particle-hero,.blog-intro{padding-top:28px}body.services-home .sv-hero{padding-top:20px}}

.books-v2.book-detail{padding-top:36px}
.apps-page .ap-hero{padding-top:24px;align-items:start}
@media(max-width:760px){.books-v2.book-detail{padding-top:28px}.apps-page .ap-hero{padding-top:20px}}