/* Dedicated editorial introduction for Bhakti; illustration is not a photograph. */
.bhakti-page{overflow:hidden}.bhakti-opening{background:linear-gradient(130deg,#fffaf3 0%,#fff3e6 56%,#f1f6ec 100%);padding:66px 0 86px}
.bhakti-opening-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:7%;align-items:center}
.bhakti-overline{font-size:12px;color:#9d7067;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:20px}
.bhakti-opening h1{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(42px,4.25vw,67px);letter-spacing:-2.5px;line-height:1.05;color:#56334c;margin-bottom:26px}
.bhakti-opening h1 em{color:#bf795b;font-style:italic}
.bhakti-opening-lede{font-size:18px;line-height:1.7;max-width:510px}
.bhakti-name{display:flex;align-items:baseline;gap:12px;font-weight:750;font-size:18px;color:#56334c;margin-top:23px}
.bhakti-name span{font-size:14px;color:#876f79;font-weight:500}
.bhakti-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.bhakti-visual{position:relative;min-height:530px;display:grid;place-items:center}
.bhakti-visual>svg{width:min(100%,490px);max-height:530px;position:relative;z-index:2;filter:drop-shadow(0 18px 18px rgba(92,58,65,.09));transform:translate3d(0,var(--bhakti-parallax,0px),0);transition:transform .12s linear}
.bhakti-visual-glow{position:absolute;width:430px;height:410px;border-radius:50%;background:radial-gradient(circle,rgba(245,213,166,.55),transparent 73%);filter:blur(12px)}
.bhakti-visual-footnote{position:absolute;bottom:14px;right:0;font-size:12px;color:#8d7575;z-index:3}
.bv-leaf{transform-origin:50% 85%;animation:bvSway 8s ease-in-out infinite alternate}
.bv-leaf.other{animation-delay:-3s}.bv-flower{transform-origin:50% 80%;animation:bvBloom 7s ease-in-out infinite alternate}
.bv-star{animation:bvPulse 5s ease-in-out infinite alternate;transform-origin:center}
@keyframes bvSway{to{transform:rotate(7deg)}}@keyframes bvBloom{to{transform:rotate(4deg) scale(1.07)}}@keyframes bvPulse{to{opacity:.45;transform:scale(.82)}}
.bhakti-story-section{padding:100px 0;background:#f7f0ec}
.bhakti-section-intro{max-width:750px;margin-bottom:38px}
.bhakti-section-intro p{font-size:16px;margin-top:12px}
.bhakti-story-layout{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:stretch}
.bhakti-story-nav{display:grid;gap:11px;align-content:center}
.bhakti-chapter{appearance:none;border:1px solid #e6d9d3;background:#fffdf9;padding:16px 18px;text-align:left;border-radius:16px;display:grid;grid-template-columns:32px 1fr;column-gap:12px;transition:background .25s,border .25s,transform .25s;cursor:pointer}
.bhakti-chapter>span{grid-row:1/3;font-size:13px;font-weight:800;color:#ba8474}
.bhakti-chapter strong{font-size:15px;color:#56334c}.bhakti-chapter small{font-size:12px;color:#8f7a7b;margin-top:3px}
.bhakti-chapter:hover{transform:translateX(4px)}.bhakti-chapter.active{background:#eadedc;border-color:#ac8e8d;box-shadow:inset 4px 0 0 #895d75}
.bhakti-story-screen{position:relative;background:#fffaf6;border:1px solid #e6d9d3;border-radius:28px;padding:32px;min-height:535px;box-shadow:0 19px 45px rgba(86,51,76,.06);overflow:hidden;display:flex;flex-direction:column}
.bhakti-story-illustration{height:205px;display:grid;place-items:center;position:relative;margin-bottom:4px}
.bhakti-story-flower{width:140px;height:166px;position:relative;z-index:3;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s}
.bhakti-story-screen[data-scene="1"] .bhakti-story-flower{transform:rotate(-8deg) scale(.94)}
.bhakti-story-screen[data-scene="2"] .bhakti-story-flower{transform:rotate(9deg) scale(1.06)}
.bhakti-story-screen[data-scene="3"] .bhakti-story-flower{transform:rotate(-4deg) scale(1.02)}
.orbit{position:absolute;border:1px solid #e7c5b9;border-radius:50%;width:180px;height:180px;opacity:.65;animation:orbitBreath 7s ease-in-out infinite alternate}
.orbit-b{width:270px;height:170px;border-color:#c6d7c3;animation-delay:-3s}
@keyframes orbitBreath{to{transform:scale(1.09);opacity:.24}}
.intro-sparkle{position:absolute;top:23px;left:62%;font-size:22px;color:#bb7d89;animation:orbitBreath 6s ease-in-out infinite alternate}
.bhakti-story-copy{max-width:590px;margin:0 auto;text-align:center;min-height:139px}
.bhakti-current-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#a47465;margin-bottom:9px}
.bhakti-story-copy h3{font-size:31px;color:#56334c;margin-bottom:10px}
.bhakti-story-copy p{font-size:16px;line-height:1.6}
.bhakti-player{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:16px;border-top:1px solid #eee2d8}
.bhakti-player>button{background:none;border:0;color:#56334c;font-weight:800;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:9px}
.play-glyph{display:grid;place-items:center;border-radius:50%;width:33px;height:33px;background:#56334c;color:#fff;font-size:12px}
.bhakti-runtime{font-size:12px;color:#9a7e7c}
.bhakti-story-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.bhakti-story-progress span{height:4px;border-radius:4px;background:#e7d8d4;transition:background .45s}
.bhakti-story-progress span.complete{background:#b9869d}
.bhakti-facts-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%;padding:105px 0}
.bhakti-facts-title h2{max-width:390px}.bhakti-facts-title p{margin-top:18px;max-width:390px}
.bhakti-facts{display:grid;gap:20px}.bhakti-fact{border-bottom:1px solid #e2d9d0;padding:0 0 18px}.bhakti-fact h3{font-size:19px;margin-bottom:10px}.bhakti-fact p{font-size:16px}
.bhakti-first-words-section{background:#e3ebe0;padding:85px 0}
.bhakti-first-words-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:center}
.bhakti-first-words-grid h2{font-size:clamp(30px,3.8vw,50px);margin-bottom:12px}
.bhakti-sentence-box{background:#fffdf7;border-radius:24px;padding:32px;box-shadow:0 12px 24px rgba(87,63,73,.05)}
.bhakti-sentence-box blockquote{font-family:'Fraunces',Georgia,serif;font-size:clamp(26px,2.8vw,38px);line-height:1.27;color:#56334c;min-height:100px;margin:0 0 24px;transition:opacity .2s}
.bhakti-final-section{padding:93px 0;background:#fff6e9}
.bhakti-final-inner{max-width:690px;text-align:center;margin:auto}
.bhakti-final-inner h2{margin-bottom:17px}.bhakti-final-inner p{margin-bottom:26px}
@media(max-width:980px){.bhakti-opening-grid,.bhakti-story-layout,.bhakti-facts-grid,.bhakti-first-words-grid{grid-template-columns:1fr}.bhakti-opening{padding:50px 0}.bhakti-visual{min-height:440px}.bhakti-story-nav{grid-template-columns:repeat(2,1fr)}.bhakti-facts-grid{gap:30px}}
@media(max-width:640px){.bhakti-story-section,.bhakti-facts-grid{padding:65px 0}.bhakti-opening h1{font-size:clamp(37px,9.5vw,53px)}.bhakti-visual{min-height:340px}.bhakti-visual>svg{height:330px}.bhakti-visual-footnote{bottom:0;font-size:11px;max-width:230px;text-align:right}.bhakti-story-nav{grid-template-columns:1fr}.bhakti-story-screen{padding:20px;min-height:495px}.bhakti-player{flex-wrap:wrap}.bhakti-runtime{margin-left:42px}.bhakti-name{flex-wrap:wrap}.bhakti-chapter{grid-template-columns:28px 1fr;padding:12px 15px}}
@media(prefers-reduced-motion:reduce){.bv-leaf,.bv-flower,.bv-star,.intro-sparkle,.orbit{animation:none!important}.bhakti-visual svg,.bhakti-story-flower{transform:none!important;transition:none!important}}