/* Шри Кришна — жизнеописание в лилах.
   Фон: сплошной градиент, переливается от лилы к лиле. Каждая сцена: картина + текст закреплены вместе,
   сцена проявляется и гаснет, между сценами — чистый фон. */
@property --c0{syntax:"<color>";inherits:true;initial-value:#070b26}
@property --c1{syntax:"<color>";inherits:true;initial-value:#1b2f7a}
@property --c2{syntax:"<color>";inherits:true;initial-value:#3a2a6e}
:root{
  --ink:#05061a;
  --c0:#070b26;--c1:#1b2f7a;--c2:#3a2a6e;
  --pearl:#f6efe3;
  --pearl-2:rgba(246,239,227,.88);
  --pearl-3:rgba(246,239,227,.58);
  --gold:#ecc87f;
  --gold-hi:#fff1c9;
  --serif:"Noto Serif Display","Times New Roman",serif;
  --sans:"Manrope",system-ui,-apple-system,sans-serif;
  --gut:clamp(16px,6vw,96px);
  --expo:cubic-bezier(.19,1,.22,1);
  transition:--c0 2.6s ease,--c1 2.6s ease,--c2 2.6s ease;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--ink)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--ink);color:var(--pearl);font:400 18px/1.7 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.is-locked{overflow:hidden;height:100vh}
img{display:block;max-width:100%;height:auto}
a{color:var(--gold)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:rgba(236,200,127,.35)}
main,.foot{position:relative;z-index:2;overflow-x:clip}

/* ---------- небо: сплошной переливающийся градиент ---------- */
.sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--c0)}
.tint{position:absolute;inset:-25%;will-change:transform;
  background:radial-gradient(42% 38% at 30% 34%,color-mix(in srgb,var(--c1) 85%,transparent),transparent 72%),
             radial-gradient(44% 42% at 72% 68%,color-mix(in srgb,var(--c2) 80%,transparent),transparent 72%),var(--c0);
  animation:drift 48s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate3d(7%,-6%,0) rotate(10deg) scale(1.1)}}
.vig{position:absolute;inset:0;background:radial-gradient(130% 100% at 50% 45%,transparent 45%,rgba(0,0,0,.5))}

/* ---------- type ---------- */
.eyebrow{font:600 12px/1.4 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0 0 22px}
.h1,.h2,.h3,.hero-title{font-family:var(--serif);font-weight:300;letter-spacing:-.02em;line-height:1.05;margin:0;text-wrap:balance}
.h1{font-size:clamp(40px,6vw,100px)}
.h2{font-size:clamp(34px,4.4vw,68px)}
.h3{font-size:clamp(40px,4.6vw,76px)}
.h1 em,.h2 em,.hero-sub em{font-style:italic;color:var(--gold)}
.lead{font:400 clamp(18px,1.5vw,22px)/1.7 var(--sans);color:var(--pearl-2);max-width:38em;margin:28px auto 0}
.iast{font:italic 300 clamp(17px,1.35vw,20px)/1.6 var(--serif);color:var(--gold);margin:0 0 10px}
cite{display:block;font:600 11px/1.5 var(--sans);font-style:normal;letter-spacing:.22em;text-transform:uppercase;color:var(--pearl-3);margin-top:22px}
cite i{font:italic 300 15px/1 var(--serif);letter-spacing:.02em;text-transform:none;color:rgba(236,200,127,.85)}
.verse{margin:36px 0 0;padding:0 0 0 24px;border-left:1px solid rgba(236,200,127,.4)}
.verse .iast{font-size:clamp(15px,1.15vw,17px);color:rgba(236,200,127,.9)}
.verse .tr{font:300 clamp(20px,1.6vw,24px)/1.6 var(--serif);color:var(--pearl);margin:14px 0 0}
.verse.center{border:0;padding:0 var(--gut);text-align:center;margin:0 auto;max-width:56em}
.body{font:400 clamp(17px,1.32vw,20px)/1.75 var(--sans);color:var(--pearl-2);margin:26px 0 0}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.wi{display:inline-block;will-change:transform}
.split-lines .w{overflow:visible}
.more{display:inline-flex;align-items:center;gap:12px;margin-top:28px;padding:14px 22px;border-radius:999px;font:600 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-hi);
  background:rgba(236,200,127,.1);box-shadow:inset 0 0 0 1px rgba(236,200,127,.45);transition:background .3s ease,transform .3s ease}
.more span{transition:transform .3s ease}
.more:hover{background:rgba(236,200,127,.2)}
.more:hover span{transform:translateX(4px)}
.more:focus-visible,.btn:focus-visible,.sound:focus-visible,.mala button:focus-visible,.reader-close:focus-visible{outline:2px solid var(--gold);outline-offset:4px}

/* ---------- gate ---------- */
#gate{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;
  background:radial-gradient(60% 50% at 50% 46%,#0b1240,#05061a 72%)}
.gate-spark{width:64px;height:64px;margin-bottom:14px;background:radial-gradient(circle,#fff 0 6%,rgba(255,241,201,.85) 9%,rgba(236,200,127,.25) 26%,transparent 60%);position:relative;animation:pulse 2.4s ease-in-out infinite}
.gate-spark::before,.gate-spark::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:100%;margin:-50% 0 0 -1px;background:linear-gradient(transparent,#fff8e6,transparent)}
.gate-spark::after{transform:rotate(90deg)}
@keyframes pulse{0%,100%{transform:scale(.8) rotate(0);opacity:.7}50%{transform:scale(1.1) rotate(45deg);opacity:1}}
.gate-count{font:200 clamp(54px,9vw,96px)/1 var(--serif);margin:0;font-variant-numeric:tabular-nums}
.gate-count small{font-size:.28em;color:var(--pearl-3);margin-left:6px;letter-spacing:.1em}
.gate-title{font:italic 300 22px/1 var(--serif);color:var(--gold);margin:0 0 28px;letter-spacing:.04em}
.gate-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;opacity:0;transform:translateY(12px);transition:opacity .8s var(--expo),transform .8s var(--expo)}
#gate.ready .gate-actions{opacity:1;transform:none}
.gate-note{font-size:14px;color:var(--pearl-3);margin:18px 0 0}
.btn{padding:16px 30px;min-height:52px;font:600 12.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;transition:transform .3s ease,filter .3s ease}
.btn-gold{background:linear-gradient(135deg,var(--gold-hi),var(--gold) 45%,#b8873a);color:#1a1004}
.btn-ghost{background:rgba(246,239,227,.06);color:var(--pearl);box-shadow:inset 0 0 0 1px rgba(246,239,227,.25)}
.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}

/* ---------- header / mala ---------- */
.top{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px var(--gut);pointer-events:none;max-width:100vw}
.top>*{pointer-events:auto}
.mark{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--pearl);font:italic 300 18px/1 var(--serif);letter-spacing:.03em}
.mark svg{width:18px;height:18px;fill:var(--gold)}
.sound{display:flex;align-items:center;gap:10px;padding:10px 0;font:600 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--pearl-2)}
.bars{display:flex;gap:2px;align-items:flex-end;height:14px}
.bars i{width:2px;height:3px;background:var(--gold);border-radius:1px}
.sound[aria-pressed="true"] .bars i{animation:bar 1.1s ease-in-out infinite}
.sound[aria-pressed="true"] .bars i:nth-child(2){animation-delay:-.3s}
.sound[aria-pressed="true"] .bars i:nth-child(3){animation-delay:-.6s}
.sound[aria-pressed="true"] .bars i:nth-child(4){animation-delay:-.85s}
@keyframes bar{0%,100%{height:3px}50%{height:14px}}
.mala{position:fixed;z-index:20;right:max(12px,calc(var(--gut) * .3));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:11px;padding:10px 0}
.mala::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(236,200,127,.3) 12%,rgba(236,200,127,.3) 88%,transparent)}
.mala button{position:relative;width:14px;height:14px;display:grid;place-items:center}
.mala button::before{content:"";width:5px;height:5px;border-radius:50%;background:rgba(246,239,227,.3);transition:all .5s var(--expo)}
.mala button.on::before{width:8px;height:8px;background:var(--gold-hi);box-shadow:0 0 12px 2px rgba(236,200,127,.8)}
.mala button.past::before{background:rgba(236,200,127,.65)}
.mala button span{position:absolute;right:24px;white-space:nowrap;font:600 10px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--pearl-2);opacity:0;transform:translateX(6px);transition:all .3s ease;pointer-events:none}
.mala button:hover span,.mala button.on span{opacity:1;transform:none}
.mala button.on span{color:var(--gold)}

/* ---------- сцена: картина и текст закреплены вместе ---------- */
.scene{position:relative;height:260vh}
.stage{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;padding:0 var(--gut);overflow:hidden;will-change:opacity}
.art{position:absolute;top:0;bottom:0;right:0;width:60vw;z-index:0;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 32%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 32%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%);
  mask-composite:intersect}
.flip .art{right:auto;left:0;
  -webkit-mask-image:linear-gradient(to left,transparent 0,#000 32%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%);
  mask-image:linear-gradient(to left,transparent 0,#000 32%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%)}
.art img,.art video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--pos,50% 30%)}
.art video{opacity:0;transition:opacity 1.8s ease}
.art video.on{opacity:1}
.txt{position:relative;z-index:1;width:min(40vw,580px)}
.flip .txt{margin-left:auto}
.when{display:flex;align-items:center;gap:16px;font:600 12px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin:0 0 22px}
.num{font:italic 300 34px/1 var(--serif);letter-spacing:0;color:var(--gold-hi);text-transform:none;min-width:1.2em}

/* пролог */
.hero{height:190vh}
.hero .stage{padding-top:70px}
.hero .art{width:54vw}
.hero .txt{width:min(48vw,820px)}
.hero-title{font-size:clamp(84px,12.5vw,210px);line-height:.9;letter-spacing:-.045em;margin-left:-.05em;font-weight:200}
.hero-title .wi,.hk .wi{background:linear-gradient(180deg,#fffaf0 0%,var(--pearl) 45%,#d9c7a4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
.hero-sub{font:italic 300 clamp(26px,3.1vw,48px)/1.2 var(--serif);margin:16px 0 0;color:var(--pearl-2)}
.hero-note{font:italic 300 clamp(18px,1.5vw,22px)/1.6 var(--serif);color:var(--pearl-2);margin:10vh 0 0;max-width:24em}
.scroll-cue{position:absolute;left:50%;bottom:28px;width:1px;height:60px;background:rgba(236,200,127,.2);overflow:hidden;z-index:2}
.scroll-cue i{position:absolute;left:0;top:-30%;width:1px;height:30%;background:var(--gold);animation:cue 2.2s var(--expo) infinite}
@keyframes cue{to{top:100%}}

/* стопка: картина сверху по центру, текст снизу */
.stack .stage{flex-direction:column;justify-content:flex-end;padding-bottom:8vh;text-align:center}
.stack .art{left:50%;right:auto;top:3vh;bottom:34vh;width:var(--aw,min(92vw,110vh));transform:translateX(-50%);
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 18%,#000 82%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 66%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 18%,#000 82%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 12%,#000 66%,transparent 100%)}
.stack .txt{width:min(92vw,1000px);margin:0 auto}
.goloka .art{--aw:min(94vw,118vh)}
.radha-open .art{--aw:min(92vw,62vh)}
.finale .art{--aw:min(92vw,64vh)}

.interlude{padding:24vh 0}
.glow-text{font:300 clamp(28px,3.4vw,54px)/1.32 var(--serif);max-width:1100px;margin:0 auto;padding:0 var(--gut);text-align:center;letter-spacing:-.01em}
.glow-text .gw{opacity:.2}

/* голока: текст */
.goloka-text{padding:10vh 0 24vh}
.facets{max-width:1060px;margin:12vh auto 0;padding:0 var(--gut);display:grid;grid-template-columns:1fr 1fr;column-gap:7vw}
.facets>div{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:baseline;padding:20px 0;border-bottom:1px solid rgba(236,200,127,.2)}
.facets dt{font:600 11px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--pearl-3)}
.facets dd{margin:0;font:300 clamp(19px,1.55vw,23px)/1.45 var(--serif);color:var(--pearl-2)}
.facets dd i{color:var(--gold)}
.cite-under{text-align:center;margin-top:34px;font:600 11px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--pearl-3)}

/* шесть совершенств — типографика */
.six{height:440vh}
.six-pin{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;padding:90px var(--gut) 50px;max-width:1440px;margin:0 auto}
.six-intro{color:var(--pearl-2);font-size:clamp(17px,1.35vw,20px);max-width:30em;margin:26px 0 0}
.six-list{list-style:none;margin:0;padding:0;position:relative;height:min(52vh,440px);min-width:0}
.six-list li{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden}
.six-list li.on{opacity:1;visibility:visible}
.six-list .iast{margin:0;font-size:clamp(19px,1.6vw,24px)}
.six-list b{display:block;font:300 clamp(48px,5.6vw,96px)/1.05 var(--serif);letter-spacing:-.03em;margin:8px 0 22px;overflow-wrap:anywhere;background:linear-gradient(180deg,#fffaf0,#d9c7a4);-webkit-background-clip:text;background-clip:text;color:transparent}
.six-list p{margin:0;max-width:26em;font:400 clamp(17px,1.35vw,20px)/1.65 var(--sans);color:var(--pearl-2)}
.six-dots{position:absolute;left:50%;bottom:6vh;transform:translateX(-50%);display:flex;gap:14px}
.six-dots i{width:6px;height:6px;border-radius:50%;background:rgba(246,239,227,.25);transition:all .5s var(--expo)}
.six-dots i.on{background:var(--gold-hi);box-shadow:0 0 12px 2px rgba(236,200,127,.8);transform:scale(1.3)}

/* жизнеописание */
.chapter-intro{padding:26vh var(--gut) 10vh;text-align:center;max-width:1180px;margin:0 auto}
.life{position:relative}
.thread{position:absolute;left:calc(var(--gut) * .42);top:0;bottom:0;width:1px;background:rgba(236,200,127,.14);z-index:3}
.thread i{display:block;width:1px;height:100%;background:linear-gradient(var(--gold-hi),var(--gold) 70%,rgba(236,200,127,.4));transform-origin:top;transform:scaleY(0)}

/* раса */
.rasa{height:440vh}
.rasa-pin{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}
.rasa-art{position:absolute;inset:0;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}
.rasa-art img,.rasa-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45) saturate(1.1)}
.rasa-art video{opacity:0;transition:opacity 1.8s ease}
.rasa-art video.on{opacity:1}
.rasa-art::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 50%,rgba(5,6,26,.25),rgba(5,6,26,.85))}
.necklace{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.necklace .beads i{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff8e6,var(--gold) 55%,#8a5f22);box-shadow:0 0 10px 2px rgba(236,200,127,.6)}
.necklace .locket{position:absolute;left:50%;bottom:-3%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e6fff7,#3fd1b0 30%,#1a5fd0 65%,#0b2a8a);box-shadow:0 0 26px 6px rgba(80,220,200,.55)}
.rasa-copy{position:relative;text-align:center;max-width:820px;padding:0 var(--gut)}
.rasa-copy .when{justify-content:center}
.rasa-copy .h1{font-size:clamp(40px,5.4vw,86px)}
.rasa-line{font:400 clamp(18px,1.5vw,22px)/1.65 var(--sans);color:var(--pearl-2);margin:26px auto 0;max-width:34em}
.rasa-line.rl-two{font:italic 300 clamp(21px,1.9vw,28px)/1.5 var(--serif);color:var(--pearl)}
.rasa-line.rl-two cite{font-style:normal}

/* радхарани */
.radha-two .art{width:60vw}
.radha-two .txt{width:min(42vw,600px)}
.radha-two .verse{margin-top:30px}

/* святое имя — крупно, три круга */
.name{height:620vh}
.name-pin{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5vh;padding:80px var(--gut) 40px;text-align:center}
.name-head .h2{font-size:clamp(28px,3vw,46px)}
.name-text{font:400 clamp(16px,1.25vw,19px)/1.65 var(--sans);color:var(--pearl-2);max-width:36em;margin:14px auto 0}
.mantra p{margin:0;font:300 clamp(34px,5.6vw,88px)/1.15 var(--serif);letter-spacing:-.01em}
.mantra span{color:rgba(246,239,227,.2);transition:color .5s ease,text-shadow .5s ease}
.mantra span.on{color:var(--gold-hi);text-shadow:0 0 28px rgba(236,200,127,.55)}
.name-foot{display:flex;flex-direction:column;align-items:center;gap:6px}
.name-foot cite{margin-top:8px}
.rounds{display:flex;gap:12px}
.rounds i{width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(236,200,127,.6);transition:all .5s var(--expo)}
.rounds i.on{background:var(--gold-hi);box-shadow:0 0 12px 2px rgba(236,200,127,.8)}

/* финал */
.finale .txt{padding-bottom:0}
.iast.big{font-size:clamp(24px,3vw,46px);line-height:1.3;margin:0}
.finale-tr{font:400 clamp(17px,1.3vw,20px)/1.6 var(--sans);color:var(--pearl-2);margin:14px 0 0}
.hk-wrap{padding:10vh var(--gut) 20vh;text-align:center}
.hk{font:200 clamp(64px,11vw,190px)/1 var(--serif);letter-spacing:-.035em;margin:0;color:var(--gold)}
.hk .wi{background-image:linear-gradient(180deg,#fff6dc 0%,var(--gold) 55%,#9c6f2c 100%)}

/* окно чтения */
.reader{position:fixed;inset:0;z-index:60;background:color-mix(in srgb,var(--c0) 92%,#000);overflow:hidden}
.reader[hidden]{display:none}
.reader-inner{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:12vh var(--gut) 14vh;max-width:820px;margin:0 auto}
.reader-close{position:fixed;top:22px;right:22px;width:52px;height:52px;border-radius:50%;font:300 30px/1 var(--serif);color:var(--pearl);background:rgba(246,239,227,.08);box-shadow:inset 0 0 0 1px rgba(246,239,227,.25)}
.reader-close:hover{background:rgba(246,239,227,.16)}
.reader .h3{margin-bottom:6vh}
.reader-body p{font:400 clamp(19px,1.5vw,22px)/1.8 var(--serif);color:var(--pearl);margin:0 0 1.3em}
.reader-src{font-size:14px;color:var(--pearl-3);margin-top:6vh;padding-top:24px;border-top:1px solid rgba(236,200,127,.2)}

/* footer */
.foot{padding:56px var(--gut) 40px;border-top:1px solid rgba(236,200,127,.14)}
.foot-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1200px;margin:0 auto}
.foot p{font-size:14px;line-height:1.7;color:var(--pearl-3);margin:0}
.foot-hk{text-align:center;margin:44px auto 0!important;font:italic 300 16px/1.6 var(--serif)!important;color:rgba(236,200,127,.7)!important}

/* ---------- телефон ---------- */
@media (max-width:760px){
  body{font-size:16.5px}
  .top{padding:14px 16px}
  .mark span{display:none}
  .scene{height:230vh}
  .stage,.flip .stage{flex-direction:column;justify-content:flex-end;align-items:stretch;padding:0 16px 6svh 22px}
  .art,.flip .art,.hero .art,.radha-two .art{left:0;right:0;width:auto;top:0;bottom:38svh;
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 10%,#000 68%,transparent 100%);
    mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 10%,#000 68%,transparent 100%)}
  .stack .art{left:50%;right:auto;bottom:34svh;top:6svh}
  .goloka .art{--aw:100vw}
  .radha-open .art,.finale .art{--aw:min(100vw,52svh)}
  .txt,.flip .txt,.hero .txt,.radha-two .txt{width:auto;margin:0}
  .h3{font-size:34px}
  .body{font-size:16.5px;line-height:1.62;margin-top:16px}
  .when{margin-bottom:14px;font-size:11px}
  cite{margin-top:14px}
  .more{margin-top:18px;padding:12px 18px}
  .hero{height:170vh}
  .hero .stage{padding-bottom:9svh}
  .hero .art{bottom:30svh}
  .hero-title{font-size:21vw}
  .hero-note{margin-top:3svh}
  .scroll-cue{display:none}
  .radha-two .verse{display:none}
  .facets{grid-template-columns:1fr;padding:0 16px}
  .facets>div{grid-template-columns:96px 1fr;gap:14px;padding:16px 0}
  .six{height:500vh}
  .six-pin{grid-template-columns:1fr;align-content:center;gap:10px;padding:80px 16px 60px}
  .six-intro{display:none}
  .six-list{height:46vh}
  .six-list b{font-size:13vw}
  .thread{left:8px}
  .name-pin{gap:4svh;padding:70px 16px 30px}
  .name-text{font-size:14.5px}
  .mantra p{font-size:9.6vw}
  .foot-row{grid-template-columns:1fr;gap:18px}
  .mala{right:4px;gap:8px}
  .mala button span{display:none}
  .reader-inner{padding:84px 20px 12vh}
  .reader-close{top:14px;right:14px}
}
@media (prefers-reduced-motion:reduce){
  .tint,.gate-spark,.scroll-cue i{animation:none}
}