/* International Vedanta Society: dawn over the sea, saffron light, the sky of the emblem. Nothing dark. */
:root{
  --saffron:#F26F0F;--gerua:#B8420A;--gold:#E9A82B;--gold-l:#F9E21C;
  --sky:#A6F0F7;--sky-1:#EAF8FA;--sky-2:#CFEBF0;--ink:#1F4E8C;--ink-2:#3C5E8D;
  --warm:#FFFCF8;--peach:#FFF1E2;--peach-2:#FFE2C4;
  --head:"Cormorant Garamond",Georgia,serif;--text:"Alegreya",Georgia,serif;
  --bn:"Tiro Bangla",serif;--sa:"Tiro Devanagari Sanskrit",serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--warm);color:var(--ink-2);font-family:var(--text);font-size:clamp(18px,1.25vw,20px);line-height:1.78;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--head);font-weight:600;margin:0;line-height:1.1;text-wrap:balance}
h3{font-size:clamp(24px,1.9vw,29px);color:var(--gerua)}
p{margin:0;text-wrap:pretty}
p+p{margin-top:1em}
[lang="bn"]{font-family:var(--bn)}[lang="sa"],[lang="hi"]{font-family:var(--sa)}
:focus-visible{outline:2px solid var(--saffron);outline-offset:4px}
.c{text-align:center}
.small{font-size:15.5px}.dim{opacity:.8}
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,48px)}
.narrow{max-width:820px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}
.sec{padding:clamp(100px,11vw,170px) 0;position:relative}
.lead{font-size:1.1em;color:var(--ink);max-width:34em;margin-top:18px}
.lead.c{margin-left:auto;margin-right:auto}
.kick{font-family:var(--head);font-weight:600;font-size:clamp(15px,1.2vw,17px);letter-spacing:.3em;text-transform:uppercase;color:var(--saffron)}

.title{display:flex;flex-direction:column;align-items:center;gap:6px}
.title.left{align-items:flex-start}
.bn-word{font-family:var(--bn);font-weight:400;font-size:clamp(20px,1.7vw,25px);color:var(--saffron);line-height:1.3}
.en-word{font-family:var(--head);font-weight:600;font-size:clamp(40px,4.2vw,62px);color:var(--gerua);line-height:1.04}

.soft{margin-top:26px}
.soft a{font-family:var(--head);font-style:italic;font-weight:600;font-size:22px;color:var(--gerua);text-decoration:none;background:linear-gradient(90deg,var(--gold-l),var(--saffron)) no-repeat 0 100%/100% 1.5px;padding-bottom:2px;transition:color .3s,background-size .4s}
.soft a:hover{color:var(--saffron);background-size:0 1.5px}

/* scroll reveal */
.motion [data-reveal]{opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--ease),transform 1.3s var(--ease)}
.motion [data-reveal].on{opacity:1;transform:none}

/* header */
.mast{position:fixed;top:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:34px;padding:10px clamp(18px,3vw,40px);transition:background .5s,box-shadow .5s,padding .5s}
.mast.lift,.mast.open{background:rgba(255,253,250,.94);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(233,168,43,.45);padding-top:4px;padding-bottom:4px}
.side{display:flex;align-items:center;gap:clamp(14px,2vw,34px);font-size:17px}
.side.l{justify-content:flex-end}.side.r{justify-content:flex-start}
.side a{text-decoration:none;color:var(--ink);white-space:nowrap;position:relative;transition:color .3s}
.side a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1.5px;background:linear-gradient(90deg,var(--gold-l),var(--saffron));transform:scaleX(0);transition:transform .4s var(--ease)}
.side a:hover{color:var(--gerua)}.side a:hover::after{transform:none}
.seal img{width:72px;height:auto;filter:drop-shadow(0 6px 14px rgba(184,66,10,.25));transition:width .5s}
.mast.lift .seal img{width:58px}
.seal-name{display:none}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(233,168,43,.8);background:rgba(255,255,255,.7);color:var(--gerua);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.burger span{width:18px;height:1.5px;background:currentColor}
@media (max-width:1180px){
  .mast{grid-template-columns:auto 1fr auto;gap:12px}
  .side{display:none}
  .seal{grid-row:1;grid-column:1}.seal img,.mast.lift .seal img{width:54px}
  .seal-name{display:block;grid-row:1;grid-column:2;font-family:var(--head);font-weight:600;font-size:20px;line-height:1.1;color:var(--gerua)}
  .burger{display:flex;grid-row:1;grid-column:3}
  .mast.open .side{display:flex;flex-direction:column;grid-column:1/-1;gap:2px;font-size:20px}
  .mast.open .side.l{grid-row:2;padding-top:8px}.mast.open .side.r{grid-row:3;padding-bottom:16px}
  .mast.open .side a{padding:7px 0}
}


/* ---------- hero: full-width photographs of Bhagavan, His words beside Him ---------- */
.hero{position:relative;height:max(min(100svh,940px),640px);overflow:hidden;background:var(--warm)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:6;background:linear-gradient(90deg,var(--gold-l),var(--saffron) 50%,var(--gold-l))}
.slides{position:absolute;inset:0}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.6s ease,visibility 0s 1.6s}
.slide.is-on{opacity:1;visibility:visible;transition:opacity 1.6s ease,visibility 0s}
.bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%)}
.motion .slide .bgimg{transform:scale(1.08);transition:transform 10s ease-out}
.motion .slide.is-on .bgimg{transform:scale(1)}
.veil{position:absolute;inset:0;z-index:1}
.left .veil{background:linear-gradient(180deg,rgba(255,250,243,.85) 0,rgba(255,250,243,0) 150px),radial-gradient(70% 90% at 0% 100%,rgba(242,111,15,.2),rgba(242,111,15,0) 60%),linear-gradient(90deg,rgba(255,250,243,.97) 0%,rgba(255,250,243,.9) 30%,rgba(255,250,243,.5) 47%,rgba(255,250,243,0) 64%)}
.right .veil{background:linear-gradient(180deg,rgba(255,250,243,.85) 0,rgba(255,250,243,0) 150px),radial-gradient(70% 90% at 100% 100%,rgba(242,111,15,.2),rgba(242,111,15,0) 60%),linear-gradient(270deg,rgba(255,250,243,.97) 0%,rgba(255,250,243,.9) 30%,rgba(255,250,243,.5) 47%,rgba(255,250,243,0) 64%)}
.s-in{position:relative;z-index:2;height:100%;max-width:1240px;margin:0 auto;padding:110px clamp(22px,5vw,56px) 110px;display:flex;align-items:center}
.right .s-in{justify-content:flex-end}
.s-text{max-width:min(560px,46vw)}
.rise{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease),transform 1.2s var(--ease)}
.is-on .rise{opacity:1;transform:none;transition-delay:calc(.5s + var(--i,0) * .18s)}
.h-bn{display:block;font-family:var(--bn);font-weight:400;font-size:clamp(58px,7vw,108px);line-height:1.14;background:linear-gradient(180deg,#F7A13A 0%,#F26F0F 55%,#C9500A 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:14px}
.h-en{display:block;font-family:var(--head);font-style:italic;font-weight:500;font-size:clamp(26px,2.6vw,38px);line-height:1.2;color:var(--ink);margin-top:8px}
.h-quote{font-family:var(--head);font-style:italic;font-weight:500;font-size:clamp(36px,4vw,60px);line-height:1.14;color:var(--ink);margin-top:18px}
.h-quote::before{content:"“";display:block;font-size:1.3em;line-height:.5;color:var(--saffron);margin-bottom:12px}
.h-by{margin-top:20px;font-family:var(--head);font-style:italic;font-weight:600;font-size:22px;color:var(--gerua)}
.h-title{font-family:var(--head);font-weight:600;font-size:clamp(54px,6.2vw,96px);line-height:1;color:var(--gerua);margin-top:14px}
.h-steps{margin-top:24px;font-family:var(--head);font-weight:600;font-size:clamp(20px,1.8vw,26px);line-height:1.75;color:var(--ink)}
.h-steps i{font-style:normal;color:var(--saffron);margin:0 10px}
.h-motto{font-family:var(--sa);font-size:clamp(40px,4.4vw,66px);line-height:1.35;margin-top:16px;background:linear-gradient(180deg,#F7A13A 0%,#F26F0F 55%,#C9500A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-gloss{margin-top:16px;font-family:var(--head);font-style:italic;font-weight:500;font-size:clamp(22px,2vw,28px);line-height:1.45;color:var(--ink)}
.hero-ctrl{position:absolute;left:0;right:0;bottom:clamp(22px,3.4vh,38px);z-index:5;display:flex;justify-content:center;align-items:center;gap:22px}
.bars{display:flex;gap:10px}
.bar{width:58px;height:22px;padding:10px 0;border:0;background:none;cursor:pointer}
.bar span{display:block;height:2px;border-radius:2px;background:rgba(31,78,140,.25);overflow:hidden;position:relative}
.bar span::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--gold-l),var(--saffron));transform-origin:left;transform:scaleX(0)}
.bar.done span::after{transform:scaleX(1)}
.bar.is-on span::after{animation:fill 8s linear forwards}
.paused .bar.is-on span::after{animation:none;transform:scaleX(1)}
@keyframes fill{to{transform:scaleX(1)}}
.arrow{width:46px;height:46px;border-radius:50%;border:1px solid rgba(233,168,43,.85);background:rgba(255,253,248,.85);color:var(--gerua);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);transition:background .3s,transform .3s}
.arrow:hover{background:#fff;transform:scale(1.06)}
@media (max-width:860px){
  .hero{height:max(100svh,700px)}
  .bgimg{object-position:var(--mpos,var(--pos))}
  .left .veil,.right .veil{background:linear-gradient(180deg,rgba(255,250,243,.8) 0,rgba(255,250,243,0) 110px),linear-gradient(0deg,rgba(255,250,243,.98) 0%,rgba(255,250,243,.93) 40%,rgba(255,250,243,0) 66%)}
  .s-in,.right .s-in{align-items:flex-end;justify-content:center;text-align:center;padding-bottom:96px}
  .s-text{max-width:100%}
  .h-bn{font-size:min(15vw,72px)}
}

/* ---------- inner page banner ---------- */
.phero{position:relative;height:clamp(380px,56vh,580px);overflow:hidden;background:var(--warm)}
.phero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;z-index:3;background:linear-gradient(90deg,var(--gold-l),var(--saffron) 50%,var(--gold-l))}
.phero .bgimg{transform-origin:center}
.motion .phero .bgimg{animation:settle 3.5s var(--ease) both}
@keyframes settle{from{transform:scale(1.07)}to{transform:scale(1)}}
.phero.painted{background:var(--sky-1)}
.phero.painted .bgimg{opacity:.95}
.phero .veil{background:linear-gradient(180deg,rgba(255,250,243,.85) 0,rgba(255,250,243,0) 150px),radial-gradient(70% 90% at 0% 100%,rgba(242,111,15,.2),rgba(242,111,15,0) 60%),linear-gradient(90deg,rgba(255,250,243,.97) 0%,rgba(255,250,243,.88) 30%,rgba(255,250,243,.4) 50%,rgba(255,250,243,0) 66%)}
.phero.painted .veil{background:linear-gradient(180deg,rgba(255,250,243,.7) 0,rgba(255,250,243,0) 160px)}
.phero-in{position:relative;z-index:2;height:100%;max-width:1200px;margin:0 auto;padding:110px clamp(20px,5vw,48px) 60px;display:flex;flex-direction:column;justify-content:center}
.crumb{font-family:var(--head);font-weight:600;font-size:15px;letter-spacing:.24em;text-transform:uppercase;color:var(--saffron)}
.crumb a{text-decoration:none}.crumb a:hover{color:var(--gerua)}
.phero h1{font-family:var(--head);font-weight:600;font-size:clamp(46px,5.6vw,84px);line-height:1.02;color:var(--gerua);margin-top:14px;max-width:12em}
.phero .ph-sub{margin-top:16px;max-width:30em;font-family:var(--head);font-style:italic;font-weight:500;font-size:clamp(21px,1.9vw,27px);line-height:1.4;color:var(--ink)}
.phero .ph-bn{display:block;font-family:var(--bn);font-size:clamp(22px,1.9vw,28px);color:var(--saffron);margin-top:12px;font-weight:400}
@media (max-width:860px){.phero{height:440px}.phero .veil{background:linear-gradient(0deg,rgba(255,250,243,.97) 0%,rgba(255,250,243,.9) 45%,rgba(255,250,243,0) 75%)}.phero-in{justify-content:flex-end;padding-bottom:44px}.phero .bgimg{object-position:var(--mpos,var(--pos))}}

/* ---------- shared content components ---------- */
.prose{max-width:760px}
.prose.c{margin-left:auto;margin-right:auto}
.prose h2{font-family:var(--head);font-weight:600;font-size:clamp(34px,3.2vw,46px);color:var(--gerua);line-height:1.1;margin:1.6em 0 .5em}
.prose h3{margin:1.5em 0 .4em}
.prose h2:first-child,.prose h3:first-child{margin-top:0}
.prose ul,.prose ol{padding-left:1.2em}
.prose blockquote{margin:1.4em 0;font-family:var(--head);font-style:italic;font-size:clamp(25px,2.2vw,32px);line-height:1.4;color:var(--ink);padding-left:24px;border-left:2px solid var(--saffron)}
.prose a{color:var(--gerua);text-decoration-color:var(--gold);text-underline-offset:4px}
.big-quote{max-width:900px;margin:0 auto;text-align:center}
.big-quote p{font-family:var(--head);font-style:italic;font-weight:500;font-size:clamp(30px,3.4vw,50px);line-height:1.28;color:var(--ink)}
.big-quote p::before{content:"“";display:block;font-size:1.4em;line-height:.6;color:var(--saffron);margin-bottom:12px}
.big-quote .by{margin-top:18px;font-family:var(--head);font-style:italic;font-weight:600;font-size:22px;color:var(--gerua)}
.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.pair-grid.top{align-items:start}
.pair-grid.flip>:first-child{order:2}
@media (max-width:900px){.pair-grid{grid-template-columns:1fr}.pair-grid.flip>:first-child{order:0}}
.photo{margin:0}
.photo img{width:100%;border-radius:16px;object-fit:cover;box-shadow:0 0 0 1.5px rgba(233,168,43,.75),0 40px 70px -46px rgba(184,66,10,.85)}
.photo figcaption{font-style:italic;font-size:15.5px;margin-top:12px;color:var(--ink-2)}
.arch-img img{border-radius:999px 999px 16px 16px}
.band{padding:clamp(80px,9vw,130px) 0}
.band.warm{background:linear-gradient(180deg,var(--warm),var(--peach) 60%,var(--warm))}
.band.sky{background:linear-gradient(180deg,#fff,var(--sky-1))}
.band.wash{background:linear-gradient(180deg,var(--warm) 0,rgba(255,252,248,0) 140px),url("img/paint/wash2.jpg") center top/100% auto no-repeat,var(--warm)}
.band.white{background:#fff}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(30px,4vw,60px)}
.three h3{margin-bottom:10px}
@media (max-width:900px){.three{grid-template-columns:1fr}}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:clamp(22px,2.4vw,34px)}
.card{background:#fff;border-radius:18px;padding:clamp(24px,2.4vw,34px);box-shadow:0 0 0 1px rgba(233,168,43,.45),0 30px 60px -46px rgba(184,66,10,.6)}
.card h3{margin-bottom:6px}

/* facts without icons */
.facts{list-style:none;margin:34px 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(233,168,43,.55);border-bottom:1px solid rgba(233,168,43,.55)}
.facts li{padding:18px 18px 18px 0}
.facts li+li{padding-left:18px;border-left:1px solid rgba(233,168,43,.4)}
.facts b{display:block;font-family:var(--head);font-weight:700;font-size:clamp(30px,2.6vw,38px);line-height:1;color:var(--saffron)}
.facts span{display:block;font-size:15.5px;line-height:1.45;margin-top:8px}
@media (max-width:640px){.facts{grid-template-columns:1fr 1fr}.facts li:nth-child(3){padding-left:0;border-left:0}.facts li:nth-child(n+3){border-top:1px solid rgba(233,168,43,.4)}}

/* people */
.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:26px}
.person{display:grid;grid-template-columns:112px 1fr;gap:22px;align-items:start;padding:26px;background:#fff;border-radius:18px;box-shadow:0 0 0 1px rgba(233,168,43,.4),0 28px 50px -44px rgba(184,66,10,.6)}
.person .medal{width:112px;height:112px;margin:0}
.person h3{font-size:24px;color:var(--ink)}
.person .role{color:var(--gerua);font-size:15.5px;font-weight:500;margin:4px 0 8px;line-height:1.4}
.person p{font-size:16.5px;line-height:1.6}
.person .links{display:flex;flex-wrap:wrap;gap:2px 16px;margin-top:8px;font-size:15px}
.person .links a{color:var(--ink);text-decoration-color:var(--gold);text-underline-offset:3px;overflow-wrap:anywhere}
.person>div{min-width:0}
.medal.blank{display:grid;place-items:center}
.medal.blank span{width:100%;height:100%;border-radius:50%;border:4px solid #fff;background:var(--peach);display:grid;place-items:center;font-family:var(--head);font-weight:700;font-size:34px;color:var(--gerua)}
@media (max-width:520px){.person{grid-template-columns:80px 1fr;padding:20px}.person .medal{width:80px;height:80px}}

/* board list */
.board{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:2px 30px}
.board li{padding:14px 0;border-bottom:1px solid rgba(233,168,43,.45)}
.board b{display:block;font-family:var(--head);font-weight:700;font-size:22px;color:var(--ink);line-height:1.2}
.board span{font-size:15.5px;color:var(--gerua)}

/* centres */
.centres{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:26px}
.place{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px rgba(233,168,43,.45),0 30px 60px -46px rgba(184,66,10,.6);display:flex;flex-direction:column}
.place img{width:100%;aspect-ratio:16/10;object-fit:cover}
.place .pin{aspect-ratio:16/10;display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,rgba(255,226,150,.55),rgba(255,226,150,0) 60%),var(--peach)}
.place .pin img{width:96px;height:auto;aspect-ratio:auto;opacity:.9}
.place div.txt{padding:20px 22px 24px}
.place h3{font-size:24px;margin-bottom:6px}
.place address{font-style:normal;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.region-title{display:flex;align-items:center;gap:18px;margin:clamp(60px,7vw,100px) 0 28px}
.region-title:first-child{margin-top:0}
.region-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(233,168,43,.8),rgba(233,168,43,0))}
.region-title h2{font-family:var(--head);font-weight:600;font-size:clamp(32px,3vw,44px);color:var(--gerua)}

/* books */
.bookgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:34px 26px}
.bookgrid figure{margin:0}
.bookgrid img,.cover{width:100%;aspect-ratio:7/10;object-fit:cover;border-radius:2px 6px 6px 2px;box-shadow:-5px 0 0 -2px rgba(184,66,10,.25),0 26px 36px -22px rgba(184,66,10,.7)}
.cover{display:flex;flex-direction:column;justify-content:space-between;padding:18% 12%;background:linear-gradient(160deg,#FFE6CC,#F7B66B 60%,#F08A2F);color:#5A2506}
.cover b{font-family:var(--head);font-weight:700;font-size:21px;line-height:1.2}
.cover b[lang="bn"]{font-family:var(--bn);font-weight:400;font-size:22px}
.cover b[lang="hi"]{font-family:var(--sa);font-weight:400}
.cover i{font-style:normal;font-size:12px;line-height:1.3}
.bookgrid h4{font-family:var(--head);font-weight:700;font-size:19px;color:var(--ink);margin:14px 0 0;line-height:1.25}
.bookgrid p{font-size:14.5px;margin-top:2px}

/* prayers */
.verse{padding:26px 0;border-bottom:1px solid rgba(233,168,43,.45)}
.verse .sa{font-family:var(--sa);font-size:clamp(22px,2vw,27px);line-height:1.7;color:var(--gerua)}
.verse .tr{font-family:var(--head);font-style:italic;font-size:20px;line-height:1.6;margin-top:10px;color:var(--ink)}
.verse .mn{font-size:17px;margin-top:10px}
.side-stick{position:sticky;top:110px}

/* posts */
.posts{list-style:none;margin:0;padding:0}
.posts li{padding:26px 0;border-bottom:1px solid rgba(233,168,43,.5)}
.posts time{font-size:15px;color:var(--saffron);letter-spacing:.06em}
.posts h3{font-size:clamp(26px,2.2vw,32px);margin-top:4px}
.posts h3 a{text-decoration:none;color:var(--ink)}
.posts h3 a:hover{color:var(--gerua)}
.posts p{margin-top:6px}

/* gallery */
.masonry{columns:3 300px;column-gap:20px}
.masonry figure{margin:0 0 20px;break-inside:avoid}
.masonry button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(233,168,43,.5)}
.masonry img{width:100%;transition:transform 1s var(--ease)}
.masonry button:hover img{transform:scale(1.03)}
.masonry figcaption{font-size:15px;font-style:italic;margin-top:8px}
.lightbox{position:fixed;inset:0;z-index:60;display:none;place-items:center;padding:4vh 4vw;background:rgba(255,250,243,.96)}
.lightbox.open{display:grid}
.lightbox img{max-width:100%;max-height:84vh;border-radius:10px;box-shadow:0 0 0 1.5px var(--gold),0 40px 80px -40px rgba(184,66,10,.6)}
.lightbox p{text-align:center;font-style:italic;margin-top:12px}
.lightbox .x{position:absolute;top:20px;right:20px}

/* bank details */
.bank{display:grid;grid-template-columns:auto 1fr;gap:8px 24px;margin-top:16px}
.bank dt{color:var(--ink-2);font-size:16px}
.bank dd{margin:0;font-weight:500;color:var(--ink);overflow-wrap:anywhere}

/* message band on every page */
.reach{padding:clamp(70px,8vw,110px) 0;background:url("img/paint/sky2.jpg") center bottom/cover no-repeat,#fff;text-align:center}
.reach .lead{margin-left:auto;margin-right:auto}
.reach .links{margin-top:26px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px}
.reach .links a{font-family:var(--head);font-style:italic;font-weight:600;font-size:23px;color:var(--gerua);text-decoration:none;background:linear-gradient(90deg,var(--gold-l),var(--saffron)) no-repeat 0 100%/100% 1.5px;padding-bottom:2px}
.reach .contact{margin-top:22px}

/* ---------- about: darshan of Bhagavan, held while the story scrolls ---------- */
.about{background:linear-gradient(180deg,var(--sky-2) 0%,var(--warm) 10%,var(--warm) 80%,#fff 100%);padding:clamp(110px,11vw,170px) 0}
.about-in{display:grid;grid-template-columns:5fr 6fr;gap:clamp(48px,7vw,110px);align-items:start}
.darshan{position:sticky;top:110px}
.darshan-in{position:relative;display:grid;place-items:center;padding:6% 0}
.d-glow{position:absolute;left:50%;top:44%;width:140%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,226,150,.7) 0%,rgba(242,111,15,.2) 42%,rgba(242,111,15,0) 66%);z-index:0}
.d-rays{position:absolute;left:50%;top:44%;width:150%;transform:translate(-50%,-50%);z-index:0;opacity:.6;-webkit-mask-image:radial-gradient(closest-side,#000 60%,transparent 100%);mask-image:radial-gradient(closest-side,#000 60%,transparent 100%)}
.motion .d-rays{animation:turn 220s linear infinite}
.darshan-frame{position:relative;z-index:1;margin:0;padding:10px;background:linear-gradient(140deg,var(--gold-l),var(--gold) 40%,var(--saffron) 80%,var(--gold-l));border-radius:6px;box-shadow:0 50px 90px -50px rgba(184,66,10,.75)}
.darshan-frame img{display:block;width:100%;max-height:calc(100vh - 190px);object-fit:contain;border:4px solid #FFF8EC;border-radius:2px;background:#FFF8EC}
.about-text .block+.block{margin-top:clamp(70px,8vw,120px)}
.big-title{font-family:var(--head);font-weight:600;font-size:clamp(40px,4.2vw,60px);color:var(--gerua);line-height:1.05;margin-top:12px}
.lead-big{font-family:var(--head);font-weight:500;font-size:clamp(25px,2.2vw,32px);line-height:1.45;color:var(--ink);margin-top:22px}
.lead-big::first-letter{font-size:2.6em;float:left;line-height:.82;margin:.06em .1em 0 0;color:var(--saffron);font-weight:600}
.about .title{margin-bottom:20px}
.pre{font-family:var(--head);font-style:italic;font-weight:500;font-size:clamp(23px,2vw,28px);line-height:1.4;color:var(--ink);margin-bottom:18px}
.thread{list-style:none;margin:30px 0;padding:0 0 0 4px;position:relative}
.thread::before{content:"";position:absolute;left:11px;top:12px;bottom:12px;width:1.5px;background:linear-gradient(var(--gold-l),var(--saffron))}
.thread li{position:relative;padding:8px 0 8px 46px;display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:baseline}
.thread li::before{content:"";position:absolute;left:1px;top:15px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,#FFF6CF 0 22%,var(--gold-l) 23%,var(--saffron) 75%);box-shadow:0 0 0 4px var(--warm),0 0 16px rgba(242,111,15,.45)}
.thread b{font-family:var(--head);font-weight:700;font-size:28px;color:var(--saffron);line-height:1}
.thread span{font-size:17px}
.motion .block .thread li{opacity:0;transform:translateX(-14px);transition:opacity .8s,transform .9s var(--ease)}
.motion .block.on .thread li{opacity:1;transform:none}
.motion .block.on .thread li:nth-child(2){transition-delay:.15s}.motion .block.on .thread li:nth-child(3){transition-delay:.3s}.motion .block.on .thread li:nth-child(4){transition-delay:.45s}
.book{display:flex;gap:18px;align-items:center;text-decoration:none;max-width:30em;padding:14px 18px;background:linear-gradient(90deg,var(--peach),rgba(255,241,226,0));border-left:3px solid var(--saffron)}
.book img{width:62px;flex:none;box-shadow:0 12px 20px -10px rgba(184,66,10,.6)}
.book b{display:block;font-family:var(--head);font-weight:700;font-size:23px;color:var(--gerua);line-height:1.2}
.book span{font-size:16px}
.slogan{font-family:var(--head);font-weight:500;font-size:clamp(24px,2.1vw,30px);line-height:1.5;color:var(--ink);margin-top:14px;padding-left:24px;border-left:2px solid var(--saffron)}
@media (max-width:900px){.about-in{grid-template-columns:1fr}.darshan{position:relative;top:0;max-width:440px;margin:0 auto}.darshan-frame img{max-height:none}}

/* ---------- Bhagavan speaks ---------- */
.words{background:url("img/paint/sky2.jpg") center bottom/cover no-repeat,#fff}
.words-in{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,90px);align-items:center}
.speaker{margin:0}
.speaker img{width:100%;aspect-ratio:1;object-fit:cover;-webkit-mask-image:radial-gradient(circle at 50% 46%,#000 48%,transparent 70%);mask-image:radial-gradient(circle at 50% 46%,#000 48%,transparent 70%)}
.langs{display:flex;gap:4px;margin:24px 0 22px}
.langs button{font:inherit;font-size:16px;background:none;border:0;color:var(--ink-2);padding:4px 12px 6px;cursor:pointer;border-bottom:1.5px solid transparent}
.langs button:first-child{padding-left:0}
.langs button[aria-selected="true"]{color:var(--gerua);border-bottom-color:var(--saffron)}
.said{font-family:var(--head);font-weight:500;color:var(--ink);font-size:clamp(26px,2.4vw,35px);line-height:1.46}
.said::before{content:"“";display:block;font-size:2.6em;line-height:.6;color:var(--gold);margin-bottom:6px}
.said[lang="bn"]{font-family:var(--bn);font-weight:400;font-size:clamp(23px,2.1vw,30px);line-height:1.8}
.said[lang="hi"]{font-family:var(--sa);font-weight:400;font-size:clamp(22px,2vw,29px);line-height:1.8}
@media (max-width:900px){.words-in{grid-template-columns:1fr}.speaker{max-width:380px;margin:0 auto}}

/* ---------- Guru Parampara ---------- */
.parampara-sec{background:radial-gradient(60% 55% at 50% 100%,rgba(255,214,150,.45),rgba(255,214,150,0) 70%),var(--warm)}
.arc{position:relative;height:470px;margin-top:40px}
.arc-line{position:absolute;left:0;top:70px;width:100%;height:260px;overflow:visible}
.draw{stroke-dasharray:1;stroke-dashoffset:0}
.motion .arc .draw{stroke-dashoffset:1;transition:stroke-dashoffset 2.4s var(--ease) .2s}
.motion .arc.on .draw{stroke-dashoffset:0}
.gurus{list-style:none;margin:0;padding:0}
.gurus li{position:absolute;width:200px;transform:translate(-50%,-68px);text-align:center}
.motion .arc .gurus li{opacity:0;transform:translate(-50%,-40px) scale(.9);transition:opacity .9s,transform 1.1s var(--ease);transition-delay:calc(.4s + var(--i) * .35s)}
.motion .arc.on .gurus li{opacity:1;transform:translate(-50%,-68px)}
.gurus .g0{left:6%;top:300px}.gurus .g1{left:25.4%;top:187px}.gurus .g2{left:50%;top:150px}.gurus .g3{left:74.6%;top:187px}.gurus .g4{left:94%;top:300px}
.medal{display:block;width:136px;height:136px;margin:0 auto 14px;border-radius:50%;padding:5px;background:conic-gradient(from 200deg,var(--gold-l),var(--saffron),var(--gold),var(--gold-l),var(--saffron),var(--gold-l));box-shadow:0 14px 28px -16px rgba(184,66,10,.7)}
.medal img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #fff;background:#fff}
.medal.lotus img{object-fit:contain;padding:10px}
.medal.last{box-shadow:0 0 0 8px rgba(249,226,28,.25),0 0 40px 8px rgba(255,200,110,.6)}
.gurus b{display:block;font-family:var(--head);font-weight:700;font-size:23px;color:var(--ink);line-height:1.2}
.gurus span{display:block;font-size:15.5px;font-style:italic}
.letters{display:flex;gap:20px;align-items:center;max-width:640px;margin:10px auto 0;text-align:left;text-decoration:none}
.letters img{width:70px;flex:none;box-shadow:0 12px 20px -10px rgba(184,66,10,.6)}
@media (max-width:980px){.arc{height:auto}.arc-line{display:none}.gurus{display:grid;grid-template-columns:1fr 1fr;gap:34px 14px}.gurus li,.motion .arc .gurus li,.motion .arc.on .gurus li{position:static;transform:none;width:auto}.gurus .g4{grid-column:1/-1}.letters{margin-top:44px}}

/* ---------- Sadhana mandala ---------- */
.sadhana{background:linear-gradient(180deg,var(--warm) 0,rgba(255,252,248,0) 140px),url("img/paint/wash2.jpg") center top/100% auto no-repeat,var(--warm)}
.mandala{position:relative;width:min(940px,100%);aspect-ratio:1;margin:30px auto 0}
.rings{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.motion .rings .spin{transform-origin:50px 50px;animation:spin 120s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.heart{position:absolute;left:50%;top:50%;width:40%;transform:translate(-50%,-52%);mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);mask-image:radial-gradient(closest-side,#000 72%,transparent 100%)}
.motion .mandala .heart{opacity:0;transform:translate(-50%,-46%) scale(.92);transition:opacity 1.4s,transform 1.6s var(--ease)}
.motion .mandala.on .heart{opacity:1;transform:translate(-50%,-52%)}
.petals{list-style:none;margin:0;padding:0}
.petals li{position:absolute;width:168px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.motion .mandala .petals li{opacity:0;transform:translate(-50%,-30%);transition:opacity .8s,transform 1s var(--ease);transition-delay:calc(.5s + var(--i) * .14s)}
.motion .mandala.on .petals li{opacity:1;transform:translate(-50%,-50%)}
.petals .n{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-family:var(--bn);font-size:18px;color:#fff;background:radial-gradient(circle at 35% 30%,var(--gold-l),var(--saffron) 70%);box-shadow:0 0 0 4px rgba(255,255,255,.9),0 6px 16px -6px rgba(184,66,10,.7)}
.petals .t{font-family:var(--head);font-weight:700;font-size:clamp(20px,1.7vw,24px);line-height:1.18;color:var(--ink)}
@media (max-width:1000px){
  .mandala{aspect-ratio:auto}.rings{display:none}
  .heart,.motion .mandala .heart,.motion .mandala.on .heart{position:static;transform:none;width:220px;margin:0 auto 20px}
  .petals{display:grid;grid-template-columns:1fr 1fr;gap:22px 14px}
  .petals li,.motion .mandala .petals li,.motion .mandala.on .petals li{position:static;transform:none;width:auto}
}

/* ---------- evening prayer ---------- */
.sandhya{background:linear-gradient(180deg,var(--warm) 0%,var(--peach) 30%,var(--peach-2) 100%);padding:clamp(100px,11vw,170px) 0 clamp(80px,9vw,130px);overflow:hidden}
.sandhya-in{display:grid;grid-template-columns:5fr 7fr;gap:clamp(30px,5vw,80px);align-items:center}
.lamp img{width:100%;max-width:540px;margin:0 auto;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);mask-image:radial-gradient(closest-side,#000 72%,transparent 100%)}
.path{list-style:none;margin:30px 0 0;padding:0;position:relative}
.path::before{content:"";position:absolute;left:9px;top:14px;bottom:14px;border-left:1.5px dotted var(--gold)}
.path li{position:relative;padding:10px 0 10px 44px}
.path li::before{content:"";position:absolute;left:2px;top:16px;width:16px;height:22px;border-radius:50% 50% 50% 50%/62% 62% 38% 38%;background:radial-gradient(circle at 50% 65%,#FFF6CF 0 18%,var(--gold-l) 30%,var(--saffron) 80%);box-shadow:0 0 14px rgba(242,111,15,.55);transition:filter 1s,box-shadow 1s,transform 1s var(--ease)}
.motion .path li::before{filter:grayscale(1) opacity(.35);box-shadow:none;transform:scale(.7)}
.motion .path li.on::before{filter:none;box-shadow:0 0 18px 2px rgba(242,111,15,.65);transform:none}
.motion .path li b,.motion .path li span{opacity:.35;transition:opacity 1s}
.motion .path li.on b,.motion .path li.on span{opacity:1}
.path b{display:block;font-family:var(--head);font-weight:700;font-size:clamp(25px,2.2vw,30px);color:var(--ink);line-height:1.25}
.path span{display:block;font-size:16.5px}
.week{margin-top:36px;padding-top:28px;border-top:1px solid rgba(233,168,43,.6)}
.week h3{margin-bottom:8px}
.strip-wrap{margin-top:clamp(70px,8vw,120px);overflow:hidden}
.strip{display:flex;gap:22px;width:max-content;padding:10px 0 30px;will-change:transform}
.strip figure{margin:0;height:clamp(220px,26vw,360px);flex:none}
.strip img{height:100%;width:auto;border-radius:16px;box-shadow:0 0 0 1.5px rgba(233,168,43,.8),0 30px 50px -34px rgba(184,66,10,.8)}
@media (max-width:900px){.sandhya-in{grid-template-columns:1fr}.lamp img{max-width:320px}}

/* ---------- video gallery: a stage and a playlist ---------- */
.films{background:linear-gradient(180deg,var(--peach-2) 0%,var(--warm) 22%,var(--warm) 100%)}
.films-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.films-head .soft{margin:0 0 8px}
.player{display:grid;grid-template-columns:8fr 4fr;gap:30px;margin-top:40px;align-items:start}
.stage{display:block;text-decoration:none}
.thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1.5px rgba(233,168,43,.8),0 40px 70px -46px rgba(184,66,10,.85)}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)}
.stage:hover .thumb img{transform:scale(1.035)}
.pl{position:absolute;left:50%;top:50%;width:86px;height:86px;margin:-43px 0 0 -43px;border-radius:50%;background:rgba(255,253,248,.95);color:var(--saffron);display:grid;place-items:center;box-shadow:0 0 0 2px var(--gold),0 0 0 12px rgba(255,253,248,.35);transition:transform .4s var(--ease)}
.motion .pl::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1.5px solid rgba(255,253,248,.8);animation:ripple 2.6s ease-out infinite}
@keyframes ripple{from{transform:scale(.9);opacity:1}to{transform:scale(1.5);opacity:0}}
.stage:hover .pl{transform:scale(1.08)}
.thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.stage-cap{margin-top:18px;display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.stage-cap b{font-family:var(--head);font-weight:700;font-size:clamp(26px,2.4vw,34px);color:var(--gerua);line-height:1.2}
.stage-cap span{font-size:16px;white-space:nowrap}
.playlist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.playlist button{width:100%;display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center;padding:10px;border:1px solid transparent;border-radius:14px;background:none;cursor:pointer;text-align:left;font:inherit;color:var(--ink-2);transition:background .3s,border-color .3s}
.playlist button:hover{background:rgba(255,241,226,.7)}
.playlist button[aria-pressed="true"]{background:#fff;border-color:rgba(233,168,43,.8);box-shadow:0 18px 30px -24px rgba(184,66,10,.7)}
.pthumb{display:block;aspect-ratio:16/10;border-radius:10px;overflow:hidden}
.pthumb img{width:100%;height:100%;object-fit:cover}
.pt b{display:block;font-family:var(--head);font-weight:700;font-size:19px;line-height:1.2;color:var(--ink)}
.pt span{font-size:14.5px}
@media (max-width:900px){.player{grid-template-columns:1fr}.pl{width:66px;height:66px;margin:-33px 0 0 -33px}}

/* ---------- seva ---------- */
.seva{background:linear-gradient(180deg,var(--warm),#fff)}
.seva-in{display:grid;grid-template-columns:6fr 6fr;gap:clamp(40px,6vw,96px);align-items:center}
.seva-photos{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.seva-photos figure{margin:0}
.seva-photos figure:last-child{margin-top:90px}
.seva-photos img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:999px 999px 14px 14px;box-shadow:0 0 0 1.5px var(--gold),0 30px 50px -30px rgba(184,66,10,.75)}
.seva .title{margin-bottom:20px}
.appeal{margin-top:28px;padding:24px 28px;background:linear-gradient(90deg,var(--peach),rgba(255,241,226,.25));border-left:3px solid var(--saffron);border-radius:0 14px 14px 0}
.appeal h3{margin-bottom:6px}
@media (max-width:900px){.seva-in{grid-template-columns:1fr}}

/* ---------- books ---------- */
.books{background:radial-gradient(60% 70% at 50% 100%,var(--peach-2),rgba(255,226,196,0) 70%),#fff}
.shelf{display:flex;justify-content:center;gap:clamp(10px,1.6vw,24px);margin:56px auto 0;perspective:1200px}
.shelf a{display:block;width:clamp(100px,12vw,150px);transform:rotateY(-14deg);transform-origin:left center;transition:transform .7s var(--ease)}
.shelf a:hover{transform:rotateY(0) translateY(-10px)}
.shelf img{width:100%;aspect-ratio:7/10;object-fit:cover;border-radius:2px 6px 6px 2px;box-shadow:-6px 0 0 -2px rgba(184,66,10,.25),0 30px 40px -24px rgba(184,66,10,.75)}
.motion .shelf a{opacity:0;transform:rotateY(-14deg) translateY(30px);transition:opacity .9s,transform 1s var(--ease);transition-delay:calc(var(--i) * .12s)}
.motion .shelf.on a{opacity:1;transform:rotateY(-14deg)}
.motion .shelf.on a:hover{transform:rotateY(0) translateY(-10px);transition-delay:0s}
@media (max-width:700px){.shelf{flex-wrap:wrap}.shelf a{width:28%}}

/* ---------- message ---------- */
.join{background:url("img/paint/sky2.jpg") center bottom/cover no-repeat,#fff}
form{display:grid;gap:18px;margin-top:36px;padding:clamp(24px,3vw,40px);background:rgba(255,253,250,.94);border-radius:18px;border:1px solid rgba(233,168,43,.7);box-shadow:0 40px 80px -56px rgba(31,78,140,.6);text-align:left}
.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:620px){.row{grid-template-columns:1fr}}
.choose{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.choose label{cursor:pointer}
.choose input{position:absolute;opacity:0;pointer-events:none}
.choose span{display:inline-block;padding:8px 18px;border-radius:999px;border:1px solid rgba(233,168,43,.9);font-size:16.5px;color:var(--ink);background:#fff;transition:background .3s,color .3s}
.choose input:checked+span{background:linear-gradient(180deg,#F58A2E,#D9590B);border-color:#D9590B;color:#fff}
.choose input:focus-visible+span{outline:2px solid var(--saffron);outline-offset:3px}
.fld{display:grid;gap:6px;font-size:16px;color:var(--ink)}
.fld input{font:inherit;font-size:17px;padding:12px 14px;border-radius:10px;border:1px solid #E3D2B0;background:#fff;color:var(--ink)}
.fld input:focus{outline:none;border-color:var(--saffron);box-shadow:0 0 0 3px rgba(242,111,15,.15)}
.bt{justify-self:center;min-height:52px;padding:0 40px;border-radius:999px;border:0;cursor:pointer;font:inherit;font-size:17px;font-weight:500;letter-spacing:.04em;color:#fff;background:linear-gradient(180deg,#E5640C,#C24A08);box-shadow:0 12px 26px -14px rgba(184,66,10,.9);transition:transform .3s}
.bt:hover{transform:translateY(-1px)}
.status:empty{display:none}
.status{text-align:center;font-style:italic}
.contact{margin-top:26px}
.contact a{color:var(--ink);text-decoration-color:var(--gold);text-underline-offset:4px}

/* ---------- footer ---------- */
.foot{background:linear-gradient(180deg,var(--sky-1) 0%,var(--sky-2) 100%);padding:clamp(70px,8vw,110px) 0 44px;border-top:1px solid rgba(233,168,43,.45)}
.foot-logo{width:96px;margin:0 auto 18px;filter:drop-shadow(0 8px 18px rgba(184,66,10,.25))}
.motto{font-size:clamp(28px,3vw,40px);line-height:1.4;color:var(--gerua)}
.gloss{font-style:italic;color:var(--ink)}
.fnav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px;margin:30px 0}
.fnav a{text-decoration:none;color:var(--ink)}.fnav a:hover{color:var(--saffron)}
.foot .small+.small{margin-top:6px}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.about{overflow:hidden}
@media (max-width:900px){.about{overflow:hidden}.d-rays{width:120%}.d-glow{width:110%}}
@media (max-width:860px){
  .s1{--d:min(56vw,230px)}
  .s1 h1 [lang="bn"]{font-size:min(15vw,72px)}
  .hero-ctrl{gap:12px}.bar{width:44px}
}

/* ---------- sadhana: the emblem at the heart, plain numerals ---------- */
.emblem{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center}
.e-rays{position:absolute;inset:-14%;width:128%;height:128%;opacity:.75;-webkit-mask-image:radial-gradient(closest-side,transparent 52%,#000 64%,transparent 100%);mask-image:radial-gradient(closest-side,transparent 52%,#000 64%,transparent 100%)}
.motion .e-rays{animation:spin 160s linear infinite reverse}
.e-disc{position:relative;width:74%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 58%,#FFF7EC 74%,#FFEBD3 100%);box-shadow:0 0 0 2px var(--gold-l),0 0 0 9px rgba(255,255,255,.9),0 0 0 10.5px rgba(233,168,43,.7),0 0 70px 14px rgba(249,226,28,.32),0 30px 60px -30px rgba(184,66,10,.55)}
.e-disc img{width:70%;height:auto;filter:drop-shadow(0 8px 14px rgba(184,66,10,.22))}
.motion .mandala .emblem{opacity:0;transform:translate(-50%,-50%) scale(.88);transition:opacity 1.4s,transform 1.6s var(--ease)}
.motion .mandala.on .emblem{opacity:1;transform:translate(-50%,-50%)}
.petals .n{width:auto;height:auto;border-radius:0;background:none;box-shadow:none;font-family:var(--bn);font-size:clamp(26px,2.2vw,32px);line-height:1;color:var(--saffron)}
.petals .t{font-weight:600}
@media (max-width:860px){
  .emblem,.motion .mandala .emblem,.motion .mandala.on .emblem{position:relative;left:auto;top:auto;transform:none;width:min(260px,70vw);margin:0 auto 34px}
  .petals li{border-top:1px solid rgba(233,168,43,.5);padding-top:14px}
}

/* ---------- evening prayer: the order of the prayer, set as type ---------- */
.order{list-style:none;margin:28px 0 0;padding:0;counter-reset:o}
.order li{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:baseline;padding:13px 0;border-bottom:1px solid rgba(233,168,43,.42)}
.order li:first-child{border-top:1px solid rgba(233,168,43,.42)}
.order .n{font-family:var(--bn);font-size:24px;line-height:1;color:var(--saffron)}
.order b{display:block;font-family:var(--head);font-weight:700;font-size:clamp(24px,2vw,28px);line-height:1.2;color:var(--ink)}
.order span{display:block;font-size:16.5px;line-height:1.5;margin-top:3px}
.card .order b{font-size:22px}
.motion .order li{opacity:0;transform:translateY(10px);transition:opacity .8s,transform .9s var(--ease);transition-delay:calc(var(--i) * .1s)}
.motion .order li.on{opacity:1;transform:none}

/* ---------- inner-page section tabs ---------- */
.subnav{position:relative;z-index:4;background:#fff;box-shadow:0 1px 0 rgba(233,168,43,.45)}
.subnav .wrap{display:flex;gap:clamp(14px,2.6vw,40px);overflow-x:auto;scrollbar-width:none;padding-top:0;padding-bottom:0}
.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{flex:none;padding:17px 0 15px;font-family:var(--head);font-weight:600;font-size:19px;color:var(--ink-2);text-decoration:none;border-bottom:2px solid transparent;transition:color .3s,border-color .3s}
.subnav a:hover{color:var(--gerua)}
.subnav a[aria-current]{color:var(--gerua);border-bottom-color:var(--saffron)}

/* ---------- vedanta ---------- */
.maha{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:56px;border-top:1px solid rgba(233,168,43,.55);border-bottom:1px solid rgba(233,168,43,.55)}
.maha>div{padding:28px 22px;text-align:center}
.maha>div+div{border-left:1px solid rgba(233,168,43,.4)}
.maha p{font-size:clamp(24px,2vw,30px);color:var(--saffron);line-height:1.3}
.maha b{display:block;margin-top:10px;font-family:var(--head);font-weight:700;font-size:22px;color:var(--ink)}
.maha span{display:block;font-style:italic;font-size:17px}
.maha small{display:block;margin-top:8px;font-size:14.5px;color:var(--gerua)}
@media (max-width:860px){.maha{grid-template-columns:1fr 1fr}.maha>div:nth-child(3){border-left:0}.maha>div:nth-child(n+3){border-top:1px solid rgba(233,168,43,.4)}}
.cards.four{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.cards.four{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cards.four{grid-template-columns:1fr}}
.propounders{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(22px,3vw,44px);margin-top:50px;text-align:center}
.propounders h3{color:var(--ink)}
.propounders p{font-size:16.5px;line-height:1.6;margin-top:8px}
.propounders .medal{width:150px;height:150px}
@media (max-width:1000px){.propounders{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.propounders{grid-template-columns:1fr}}

/* ---------- administration ---------- */
.president{text-align:center}
.medal.xl{width:min(340px,80%);height:auto;aspect-ratio:1}
.president figcaption{font-family:var(--head);font-style:italic;font-weight:600;font-size:22px;color:var(--gerua)}

/* ---------- publications, ideology, prayers ---------- */
.small-q{text-align:left;margin:0}
.small-q+.small-q{margin-top:40px;padding-top:34px;border-top:1px solid rgba(233,168,43,.45)}
.small-q p{font-size:clamp(25px,2.3vw,34px)}
.small-q p::before{font-size:1.2em}
.small-q .by{font-size:19px}
.motto-line{font-size:clamp(28px,2.6vw,38px);color:var(--saffron);line-height:1.4}
.prayer-grid{grid-template-columns:1.25fr .9fr}
.ptitle{font-family:var(--head);font-weight:600;font-size:clamp(34px,3.2vw,46px);color:var(--gerua);margin:0 0 18px}
.prayer-text .ptitle:not(:first-child){margin-top:64px}
.side-stick .player{grid-template-columns:1fr}
.side-stick .playlist{max-height:none}
@media (max-width:980px){.prayer-grid{grid-template-columns:1fr}.side-stick{position:static}}

/* ---------- donate ---------- */
.upi{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;margin-top:22px;padding-top:22px;border-top:1px solid rgba(233,168,43,.45)}
.upi img{width:150px;border-radius:10px;box-shadow:0 0 0 1px rgba(233,168,43,.5)}
.upi p{font-size:16.5px}

/* ---------- video page: vimeo cards ---------- */
.vimeo{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2vw,28px)}
.vcard{display:block;text-decoration:none;color:var(--ink)}
.vcard b{display:block;margin-top:14px;font-family:var(--head);font-weight:700;font-size:22px;line-height:1.2}
.vcard>span:last-child{font-size:15px}
.vcard .thumb img{width:100%;height:100%;object-fit:cover}
@media (max-width:1000px){.vimeo{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.vimeo{grid-template-columns:1fr}}
.sadhana,.mandala{overflow-x:clip}
/* banner with the words on the right, so Bhagavan stays clear on the left */
.phero.flip .veil{background:linear-gradient(180deg,rgba(255,250,243,.85) 0,rgba(255,250,243,0) 150px),radial-gradient(70% 90% at 100% 100%,rgba(242,111,15,.2),rgba(242,111,15,0) 60%),linear-gradient(270deg,rgba(255,250,243,.97) 0%,rgba(255,250,243,.88) 30%,rgba(255,250,243,.4) 50%,rgba(255,250,243,0) 66%)}
.phero.flip .phero-in{align-items:flex-end}
.phero.flip .phero-in>*{width:min(560px,100%)}
@media (max-width:860px){.phero.flip .veil{background:linear-gradient(0deg,rgba(255,250,243,.97) 0%,rgba(255,250,243,.9) 45%,rgba(255,250,243,0) 75%)}.phero.flip .phero-in{align-items:stretch}.phero.flip .phero-in>*{width:auto}}
.people{grid-template-columns:repeat(auto-fill,minmax(min(470px,100%),1fr))}

/* =====================================================================
   Bhagavan's image is never blurred, veiled or shaded.
   ===================================================================== */
:root{--mh:92px}
@media (max-width:1180px){:root{--mh:74px}}
body{padding-top:var(--mh)}
.mast,.mast.lift,.mast.open{background:linear-gradient(180deg,#fff,#FFF8EF);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 0 rgba(233,168,43,.5)}
.mast{height:var(--mh);padding-top:0;padding-bottom:0}
.mast.open{height:auto;max-height:100vh;overflow:auto}
.mast.lift .seal img{width:72px}
@media (max-width:1180px){.mast.open{padding-bottom:10px}.seal img,.mast.lift .seal img{width:54px}}
.arrow{backdrop-filter:none;background:#fff}

/* hero: the light falls only on the side of the words, and ends well before Bhagavan */
.hero{height:max(min(calc(100svh - var(--mh)),860px),600px)}
.left .veil{background:radial-gradient(60% 90% at 0% 100%,rgba(242,111,15,.18),rgba(242,111,15,0) 60%),linear-gradient(90deg,rgba(255,250,243,.97) 0%,rgba(255,250,243,.9) 28%,rgba(255,250,243,.45) 44%,rgba(255,250,243,0) 56%)}
.right .veil{background:radial-gradient(60% 90% at 100% 100%,rgba(242,111,15,.18),rgba(242,111,15,0) 60%),linear-gradient(270deg,rgba(255,250,243,.97) 0%,rgba(255,250,243,.9) 28%,rgba(255,250,243,.45) 44%,rgba(255,250,243,0) 56%)}
.s-in{padding:60px clamp(22px,5vw,56px) 100px}
.s-text{max-width:min(540px,42vw)}

/* phone: the photograph whole and clear above, the words below on warm light */
@media (max-width:860px){
  .hero{height:auto;min-height:0}
  .slides{position:relative;height:calc(min(100vw,460px) + 350px)}
  .slide .bgimg{top:0;bottom:auto;height:min(100vw,460px)}
  .left .veil,.right .veil{top:min(100vw,460px);background:linear-gradient(180deg,#FFF6EC,#FFFCF8 60%,#fff)}
  .s-in,.right .s-in{position:absolute;left:0;right:0;bottom:0;top:min(100vw,460px);height:auto;align-items:flex-start;justify-content:center;text-align:center;padding:26px 22px 80px}
  .s-text{max-width:100%;width:100%}
  .h-bn{font-size:min(14vw,64px);margin-top:6px}
  .h-quote{font-size:30px;margin-top:10px}
  .h-title{font-size:48px}
  .h-motto{font-size:34px}
  .h-steps{font-size:19px;margin-top:14px}
  .hero-ctrl{bottom:16px}
}

/* inner banners: words on warm light, the photograph clear beside them */
.phero:not(.painted){height:auto;display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);background:radial-gradient(70% 120% at 0% 100%,rgba(242,111,15,.16),rgba(242,111,15,0) 60%),linear-gradient(120deg,#fff 0%,#FFF6EC 55%,#FFE9D2 100%)}
.phero:not(.painted) .veil{display:none}
.phero:not(.painted) .bgimg{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:clamp(360px,48vh,520px);object-fit:cover;object-position:var(--pos)}
.motion .phero:not(.painted) .bgimg{animation:none}
.phero:not(.painted) .phero-in{grid-column:1;grid-row:1;height:auto;max-width:none;margin:0;padding:40px clamp(24px,4vw,64px) 40px max(clamp(20px,5vw,48px),calc((100vw - 1200px) / 2 + 48px));align-items:flex-start}
.phero:not(.painted) .phero-in>*{width:auto}
.phero:not(.painted) h1{font-size:clamp(42px,4.4vw,72px)}
@media (max-width:860px){
  .phero:not(.painted){grid-template-columns:1fr}
  .phero:not(.painted) .bgimg{grid-column:1;grid-row:1;height:auto;aspect-ratio:4/3;object-position:var(--mpos,var(--pos))}
  .phero:not(.painted) .phero-in{grid-row:2;padding:26px 22px 34px}
}
.phero.painted{height:clamp(320px,44vh,460px)}
.phero.painted .phero-in{padding-top:40px}

/* Bhagavan speaks: a clean round portrait in a gold ring */
.speaker img{-webkit-mask-image:none;mask-image:none;border-radius:50%;border:6px solid #fff;box-shadow:0 0 0 2px var(--gold),0 40px 70px -40px rgba(184,66,10,.6)}

/* the play mark sits at the corner, never on His face */
.pl{left:auto;top:auto;right:18px;bottom:18px;margin:0;width:64px;height:64px;box-shadow:0 0 0 2px var(--gold)}
.motion .pl::after{display:none}
.stage:hover .thumb img,.vcard:hover .thumb img{transform:none}
.vcard .pl{width:46px;height:46px;right:10px;bottom:10px}
.vcard .pl svg{width:16px}


/* =====================================================================
   v10: the order of ivsweb.org, more ornament, more care
   ===================================================================== */
:root{--tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23E9A82B' stroke-opacity='.22' stroke-width='1'%3E%3Ccircle cx='80' cy='80' r='34'/%3E%3Ccircle cx='80' cy='80' r='6'/%3E%3Cpath d='M80 50C88 61 88 70 80 80C72 70 72 61 80 50Z' transform='rotate(0 80 80)'/%3E%3Cpath d='M80 50C88 61 88 70 80 80C72 70 72 61 80 50Z' transform='rotate(45 80 80)'/%3E%3Cpath d='M80 50C88 61 88 70 80 80C72 70 72 61 80 50Z' transform='rotate(90 80 80)'/%3E%3Cpath d='M80 50C88 61 88 70 80 80C72 70 72 61 80 50Z' transform='rotate(135 80 80)'/%3E%3Cpath d='M80 50C88 61 88 70 80 80C72 70 72 61 80 50Z' transform='rotate(180 80 80)'/%3E%3Cpath d='M80 50C88 61 88 70 80 80C72 70 72 61 80 50Z' transform='rotate(225 80 80)'/%3E%3Cpath d='M80 50C88 61 88 70 80 80C72 70 72 61 80 50Z' transform='rotate(270 80 80)'/%3E%3Cpath d='M80 50C88 61 88 70 80 80C72 70 72 61 80 50Z' transform='rotate(315 80 80)'/%3E%3Ccircle cx='0' cy='0' r='14'/%3E%3Ccircle cx='160' cy='0' r='14'/%3E%3Ccircle cx='0' cy='160' r='14'/%3E%3Ccircle cx='160' cy='160' r='14'/%3E%3C/g%3E%3C/svg%3E")}
.title .orn{display:block;width:170px;margin-top:10px}
.title .orn svg{display:block;width:100%;height:auto}
.title.left .orn{margin-left:-4px}
.motion [data-reveal] .orn path:first-child{stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset 1.8s var(--ease) .3s}
.motion [data-reveal].on .orn path:first-child,.motion .on .orn path:first-child{stroke-dashoffset:0}
.sub-h{font-family:var(--head);font-weight:600;font-size:clamp(28px,2.6vw,38px);color:var(--gerua);line-height:1.15}

/* header: the current site's menu, with its drop-down lists */
.side{gap:clamp(12px,1.6vw,28px);font-size:17.5px}
.dd{position:relative;display:flex;align-items:center;gap:2px}
.dd-b{border:0;background:none;padding:6px 2px;color:var(--gold);cursor:pointer;display:grid;place-items:center}
.menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%,8px);min-width:220px;padding:12px 0;background:#fff;border-radius:14px;box-shadow:0 0 0 1px rgba(233,168,43,.45),0 30px 50px -30px rgba(184,66,10,.55);opacity:0;visibility:hidden;transition:opacity .3s,transform .4s var(--ease),visibility 0s .3s;z-index:50}
.menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.menu a{display:block;padding:9px 22px;font-size:17px;white-space:nowrap}
.menu a::after{display:none}
.menu a:hover,.menu a[aria-current]{background:var(--peach);color:var(--gerua)}
.dd:hover .menu,.dd:focus-within .menu,.dd.show .menu{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .3s,transform .4s var(--ease),visibility 0s}
.side a.cur{color:var(--gerua)}
.side a.cur::after{transform:none}
.seal img,.mast.lift .seal img{width:76px}
@media (max-width:1180px){
  .mast.open .side .dd{display:block}
  .mast.open .dd-b{display:none}
  .mast.open .menu{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;background:none;padding:0 0 6px 18px;min-width:0;border-left:1px solid rgba(233,168,43,.6);margin-left:4px}
  .mast.open .menu a{padding:5px 0;font-size:17px;color:var(--ink-2)}
  .seal img,.mast.lift .seal img{width:56px}
}

/* hero words: only Bhagavan's */
blockquote.s-text{margin:0}
.hero .h-by{margin-top:22px;font-size:24px}
.hero .h-by::before{content:"";display:inline-block;width:38px;height:1.5px;margin:0 12px 6px 0;vertical-align:middle;background:linear-gradient(90deg,var(--gold-l),var(--saffron))}
.hero .h-bn{margin-top:0}
.hero .h-en{font-size:clamp(30px,3vw,44px)}
.h-quote.long{font-size:clamp(28px,2.7vw,42px);line-height:1.22}
@media (max-width:860px){.h-quote.long{font-size:22px}.hero .h-by{font-size:20px;margin-top:12px}}

/* about */
.h-about .title{margin-bottom:clamp(40px,5vw,70px)}
.h-about .about-in{align-items:center}
.h-about .darshan{position:relative;top:0}
.h-about .lead-big{margin-top:16px}

/* sadhana: the emblem larger at the heart */
.emblem{width:44%}
.e-disc{width:80%}
.e-disc img{width:80%}
.e-rays{inset:-10%;width:120%;height:120%}
.petals li{width:156px}
@media (max-width:860px){.emblem,.motion .mandala .emblem,.motion .mandala.on .emblem{width:min(320px,82vw)}}

/* ideology */
.ideology-band{padding:clamp(100px,11vw,160px) 0;background:radial-gradient(50% 60% at 50% 40%,rgba(255,236,206,.9),rgba(255,236,206,0) 70%),var(--tex),linear-gradient(180deg,#fff,var(--sky-1))}
.i-bn{font-family:var(--bn);font-size:clamp(60px,8vw,120px);line-height:1.15;margin-top:30px;background:linear-gradient(180deg,#F7A13A 0%,#F26F0F 55%,#C9500A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.i-en{font-family:var(--head);font-style:italic;font-weight:500;font-size:clamp(28px,2.6vw,38px);color:var(--ink);margin-top:4px}
.i-text{font-size:clamp(19px,1.35vw,21px);max-width:38em;margin:22px auto 0;color:var(--ink-2)}

/* an appeal */
.appeal-sec{padding:clamp(100px,11vw,160px) 0;background:radial-gradient(60% 60% at 85% 30%,rgba(249,226,28,.18),rgba(249,226,28,0) 70%),radial-gradient(70% 80% at 0% 100%,rgba(242,111,15,.16),rgba(242,111,15,0) 60%),var(--tex),linear-gradient(180deg,var(--peach-2) 0%,var(--peach) 30%,#fff 100%)}
.appeal-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,6vw,90px);align-items:center;margin-top:clamp(40px,5vw,64px)}
.ap-lead{font-family:var(--head);font-weight:500;font-size:clamp(25px,2.2vw,32px);line-height:1.4;color:var(--ink)}
.ap-lead b{color:var(--gerua);font-weight:700}
.ap-lead i{color:var(--gerua)}
.ap-bank{margin-top:34px;padding:28px 32px;background:#fff;border-radius:20px;box-shadow:0 0 0 1px rgba(233,168,43,.55),0 40px 70px -50px rgba(184,66,10,.7);border-top:4px solid var(--saffron)}
.ap-bank h3{margin-bottom:12px}
.ap-bank dl{display:grid;grid-template-columns:auto 1fr;gap:10px 26px;margin:0}
.ap-bank dt{font-size:16px;color:var(--ink-2)}
.ap-bank dd{margin:0;font-family:var(--head);font-weight:700;font-size:clamp(21px,1.7vw,25px);color:var(--ink);line-height:1.25;overflow-wrap:anywhere}
.ap-upi{margin-top:26px;font-size:19px}
.ap-qr{margin:0;justify-self:center;width:min(420px,100%);padding:16px;background:#fff;border-radius:24px;box-shadow:0 0 0 2px var(--gold-l),0 0 0 10px rgba(255,255,255,.8),0 0 0 11.5px rgba(233,168,43,.6),0 50px 80px -50px rgba(184,66,10,.8)}
.ap-qr img{width:100%;border-radius:12px}
@media (max-width:900px){.appeal-in{grid-template-columns:1fr}.ap-bank dl{grid-template-columns:1fr;gap:2px}.ap-bank dd{margin-bottom:10px}}

/* a heartfelt thank you */
.thanks-sec{padding:clamp(100px,11vw,160px) 0;background:linear-gradient(180deg,#fff 0%,var(--sky-1) 55%,#fff 100%)}
.thanks-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:center}
.reel{margin:0;justify-self:center;width:min(400px,100%);padding:10px;border-radius:30px;background:linear-gradient(140deg,var(--gold-l),var(--gold) 40%,var(--saffron) 80%,var(--gold-l));box-shadow:0 60px 90px -55px rgba(47,134,230,.55)}
.reel video{display:block;width:100%;aspect-ratio:478/850;object-fit:cover;border-radius:22px;background:#fff}
.thanks-text p{margin-top:18px;font-size:clamp(19px,1.3vw,21px)}
.thanks-text .title{margin-bottom:6px}
.sum{display:inline-block;font-family:var(--head);font-weight:700;font-size:1.5em;line-height:1;color:var(--saffron);padding:2px 10px;border-radius:8px;background:var(--peach)}
.relief{list-style:none;margin:20px 0 0;padding:6px 28px;background:#fff;border-radius:18px;box-shadow:0 0 0 1px rgba(233,168,43,.5),0 30px 60px -46px rgba(47,134,230,.6);border-left:4px solid var(--saffron)}
.relief li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:16px 0}
.relief li+li{border-top:1px solid rgba(233,168,43,.35)}
.relief span{font-size:19px;color:var(--ink)}
.relief b{font-family:var(--head);font-weight:700;font-size:clamp(26px,2.2vw,32px);color:var(--gerua);white-space:nowrap}
.bless{font-family:var(--head);font-style:italic;font-weight:600;font-size:clamp(24px,2vw,30px)!important;color:var(--gerua)}
@media (max-width:900px){.thanks-in{grid-template-columns:1fr}.reel{width:min(340px,100%)}}

/* daily quotes */
.daily{background:var(--tex),radial-gradient(60% 60% at 50% 50%,rgba(255,226,196,.7),rgba(255,226,196,0) 70%),var(--warm)}
.qcards{display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:clamp(18px,2.6vw,40px);align-items:center;margin-top:clamp(44px,5vw,70px)}
.qcards figure{margin:0}
.qcards button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px rgba(233,168,43,.6),0 40px 70px -40px rgba(184,66,10,.7);transition:transform .6s var(--ease)}
.qcards button:hover{transform:translateY(-6px)}
.qcards img{width:100%;aspect-ratio:1;object-fit:cover}
@media (max-width:760px){.qcards{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto}.qcards figure:nth-child(2){order:-1}}
.lightbox{position:fixed;inset:0;z-index:90;background:rgba(255,250,243,.96);display:grid;place-items:center;padding:30px;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}
.lightbox.open{opacity:1;visibility:visible;transition:opacity .4s,visibility 0s}
.lightbox>div{max-width:min(1100px,92vw)}
.lightbox img{max-height:80vh;width:auto;margin:0 auto;border-radius:12px;box-shadow:0 40px 80px -40px rgba(184,66,10,.6)}
.lightbox p{text-align:center;margin-top:14px;font-family:var(--head);font-style:italic;font-size:20px;color:var(--ink)}
.lightbox .x{position:absolute;top:20px;right:20px}

/* recent blogs */
.blogs{background:#fff}
.bcards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,44px);margin-top:clamp(44px,5vw,64px)}
.bcards article{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:start}
.b-img{display:block;border-radius:14px 70px 14px 14px;overflow:hidden;box-shadow:0 0 0 1px rgba(233,168,43,.6),0 30px 50px -36px rgba(184,66,10,.8)}
.b-img img{width:100%;aspect-ratio:3/4;object-fit:cover}
.bcards time{font-size:15px;color:var(--saffron)}
.bcards h3{font-size:clamp(25px,2vw,29px);margin:4px 0 8px}
.bcards h3 a{text-decoration:none;color:var(--ink)}
.bcards h3 a:hover{color:var(--gerua)}
.bcards p{font-size:16.5px;line-height:1.6}
.bcards .soft{margin-top:12px}
.bcards .soft a{font-size:19px}
@media (max-width:1000px){.bcards{grid-template-columns:1fr;max-width:620px;margin-left:auto;margin-right:auto}}

/* the administration */
.admin-sec{background:radial-gradient(50% 60% at 50% 0%,rgba(255,226,196,.8),rgba(255,226,196,0) 70%),var(--warm)}
.admin4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(44px,5vw,64px);border-top:1px solid rgba(233,168,43,.55);border-bottom:1px solid rgba(233,168,43,.55)}
.admin4 article{padding:34px clamp(18px,2vw,30px)}
.admin4 article+article{border-left:1px solid rgba(233,168,43,.4)}
.admin4 h3{margin-bottom:12px}
.admin4 p{font-size:16.5px;line-height:1.65}
@media (max-width:1000px){.admin4{grid-template-columns:1fr 1fr}.admin4 article:nth-child(3){border-left:0}.admin4 article:nth-child(n+3){border-top:1px solid rgba(233,168,43,.4)}}
@media (max-width:600px){.admin4{grid-template-columns:1fr}.admin4 article+article{border-left:0;border-top:1px solid rgba(233,168,43,.4)}}

/* gallery */
.gallery-sec{background:linear-gradient(180deg,#fff,var(--sky-1))}
.g-h{font-family:var(--head);font-style:italic;font-weight:600;font-size:clamp(26px,2.3vw,34px);color:var(--ink);margin-top:20px}
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(150px,15vw,230px);gap:clamp(10px,1.4vw,18px);margin-top:clamp(40px,5vw,60px)}
.mosaic a{display:block;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(233,168,43,.5),0 30px 50px -40px rgba(47,134,230,.7)}
.mosaic a:nth-child(1){grid-column:span 2;grid-row:span 2}
.mosaic a:nth-child(4),.mosaic a:nth-child(5),.mosaic a:nth-child(6){grid-column:span 2}
.mosaic img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.mosaic a:hover img{transform:scale(1.04)}
@media (max-width:700px){.mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:150px}.mosaic a:nth-child(4){grid-column:span 2}}

/* bhagavan */
.bh-sec{background:url("img/paint/sky2.jpg") center top/100% auto no-repeat,linear-gradient(180deg,var(--sky-1),#fff 40%,var(--warm))}
.bh-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,6vw,90px);align-items:center;margin-top:clamp(44px,5vw,64px)}
.fade3{position:relative;aspect-ratio:57/43;border-radius:200px 200px 18px 18px;overflow:hidden;box-shadow:0 0 0 2px var(--gold-l),0 0 0 9px #fff,0 0 0 10.5px rgba(233,168,43,.7),0 50px 80px -50px rgba(184,66,10,.75)}
.fade3 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.motion .fade3 img{animation:fade3 18s infinite;animation-delay:var(--d);opacity:0}
.motion .fade3 img:first-child{opacity:1}
@keyframes fade3{0%{opacity:0}5%{opacity:1}33%{opacity:1}38%{opacity:0}100%{opacity:0}}
.bh-text p{margin-top:16px}
.bh-text .book{margin-top:26px}
@media (max-width:900px){.bh-in{grid-template-columns:1fr}}

/* other activities */
.activities{background:linear-gradient(180deg,#fff,var(--peach) 70%,var(--warm))}
.act-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(30px,4vw,60px);align-items:start;margin-top:clamp(44px,5vw,64px)}
.act-in .player{grid-template-columns:1fr;margin-top:0}
.act-in .playlist{display:none}
.act-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:26px}
.act-photos figure{margin:0;border-radius:120px 120px 14px 14px;overflow:hidden;box-shadow:0 0 0 1.5px rgba(233,168,43,.8),0 30px 50px -36px rgba(184,66,10,.8)}
.act-photos img{width:100%;aspect-ratio:3/4;object-fit:cover}
.act-side p{margin-top:12px;font-size:18px}
@media (max-width:900px){.act-in{grid-template-columns:1fr}}

/* message, events, contact, donate */
.join-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(36px,5vw,80px);align-items:start}
.join-in form{margin-top:30px}
.join-in .choose{justify-content:flex-start}
.join-side{display:grid;gap:22px}
.join-side .card p{font-size:17px}
.join-side .soft{margin-top:10px}
.donate-card{display:block;text-decoration:none;padding:28px 32px;border-radius:18px;background:linear-gradient(135deg,#F7A13A,#F26F0F 55%,#D9590B);color:#fff;box-shadow:0 40px 60px -40px rgba(184,66,10,.9)}
.donate-card b{display:block;font-family:var(--head);font-weight:700;font-size:34px;line-height:1.1}
.donate-card span{font-family:var(--head);font-style:italic;font-size:21px}
.donate-card:hover{filter:saturate(1.1)}
@media (max-width:900px){.join-in{grid-template-columns:1fr}}

/* events poster */
.posts li.with-poster{display:grid;grid-template-columns:160px 1fr;gap:26px;align-items:start}
.poster{display:block;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px rgba(233,168,43,.6),0 24px 40px -26px rgba(184,66,10,.8)}
@media (max-width:560px){.posts li.with-poster{grid-template-columns:110px 1fr}}

/* the rest of the site gets the same ground */
.band.warm{background:var(--tex),linear-gradient(180deg,var(--warm),var(--peach) 60%,var(--warm))}
.sandhya{background:var(--tex),linear-gradient(180deg,var(--warm) 0%,var(--peach) 30%,var(--peach-2) 100%)}
.player:has(.playlist li:only-child){grid-template-columns:1fr}
.player:has(.playlist li:only-child) .playlist{display:none}
.join-side .bank{grid-template-columns:1fr;gap:0}.join-side .bank dd{margin:0 0 10px;overflow-wrap:anywhere}
@media (max-width:1180px){.mast.open .side{align-items:flex-start;justify-content:flex-start;padding-left:4px}.mast.open .side a::after{display:none}.mast.open .side a.cur{color:var(--saffron)}}

/* =====================================================================
   International Vedanta Society: three orbs of light, as on ivsweb.org
   ===================================================================== */
.trio-sec{position:relative;overflow:hidden;padding:clamp(100px,11vw,160px) 0 clamp(90px,10vw,140px);background:radial-gradient(40% 50% at 50% 38%,rgba(255,226,170,.75),rgba(255,226,170,0) 70%),var(--tex),linear-gradient(180deg,var(--sky-1) 0%,#fff 22%,var(--warm) 70%,var(--peach) 100%)}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,64px);margin-top:clamp(50px,6vw,80px);align-items:start}
.t-card{text-align:center;position:relative}
.t-card+.t-card::before{content:"";position:absolute;left:calc(clamp(28px,4vw,64px) / -2);top:30%;bottom:6%;width:1px;background:linear-gradient(180deg,rgba(233,168,43,0),rgba(233,168,43,.6),rgba(233,168,43,0))}

.t-orb{position:relative;display:block;width:min(300px,76%);aspect-ratio:1;margin:0 auto 34px}
.t-card.mid .t-orb{width:min(300px,76%)}
.t-rays{position:absolute;left:50%;top:50%;width:150%;transform:translate(-50%,-50%);opacity:.55;-webkit-mask-image:radial-gradient(closest-side,#000 58%,transparent 100%);mask-image:radial-gradient(closest-side,#000 58%,transparent 100%)}
.motion .t-rays{animation:turn 200s linear infinite}
.t-ring{position:absolute;inset:-9%;width:118%;height:118%;overflow:visible}
.motion .t-ring{animation:spin 90s linear infinite}
.t-img{position:absolute;inset:0;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px var(--gold-l),0 0 0 9px #fff,0 0 0 10.5px rgba(233,168,43,.75),0 0 60px 10px rgba(249,226,28,.25),0 40px 60px -30px rgba(184,66,10,.6);transition:transform 1s var(--ease),box-shadow 1s}
.t-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)}
.t-orb:hover .t-img{transform:translateY(-6px)}
.t-orb:hover .t-img img{transform:scale(1.06)}
.t-card:nth-child(1) .t-img{box-shadow:0 0 0 3px #F7A13A,0 0 0 9px #fff,0 0 0 10.5px rgba(242,111,15,.6),0 0 60px 10px rgba(242,111,15,.2),0 40px 60px -30px rgba(184,66,10,.6)}
.t-card:nth-child(3) .t-img{box-shadow:0 0 0 3px var(--sky),0 0 0 9px #fff,0 0 0 10.5px rgba(47,134,230,.45),0 0 60px 10px rgba(166,240,247,.35),0 40px 60px -30px rgba(47,134,230,.55)}
.t-bn{font-family:var(--bn);font-size:clamp(20px,1.7vw,24px);color:var(--saffron);line-height:1.2;margin-bottom:2px}
.t-card h3{font-size:clamp(32px,2.8vw,42px);color:var(--gerua)}
.t-card h3::after{content:"";display:block;width:64px;height:1.5px;margin:16px auto 0;background:linear-gradient(90deg,rgba(233,168,43,0),var(--saffron),rgba(233,168,43,0))}
.t-card>p:not(.soft):not(.t-bn){margin:18px auto 0;max-width:24em;font-size:clamp(18px,1.2vw,19.5px);line-height:1.75;color:var(--ink-2)}
.t-card .soft{margin-top:20px}
.motion .trio .t-card{opacity:0;transform:translateY(40px);transition:opacity 1.1s,transform 1.3s var(--ease);transition-delay:calc(var(--i) * .18s)}
.motion .trio .t-card.on{opacity:1;transform:none}
.motion .trio .t-card.mid.on{transform:translateY(0)}
@media (max-width:900px){.trio{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto;gap:70px}.t-card.mid{margin-top:0}.t-card+.t-card::before{display:none}}

/* bhagavan on the home page: the full darshan beside His story */
.bh-in .darshan{position:relative;top:0}
.bh-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.bh-thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 4.5px rgba(233,168,43,.8),0 18px 30px -18px rgba(184,66,10,.7)}
.bh-thumbs{max-width:360px}

/* reading thread: a fine saffron line under the header shows how far the page has been read */
.prog{position:absolute;left:0;bottom:-1px;height:2px;width:100%;transform-origin:left;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--gold-l),var(--saffron));pointer-events:none}
@keyframes turn{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.bh-sec{background:linear-gradient(180deg,rgba(255,252,248,0) 240px,var(--warm) 620px),url("img/paint/sky2.jpg") center top/100% 660px no-repeat,var(--warm)}

/* hero: quicker change, timed to the words */
.slide{transition:opacity .9s ease,visibility 0s .9s}
.slide.is-on{transition:opacity .9s ease,visibility 0s}
.is-on .rise{transition-delay:calc(.25s + var(--i,0) * .12s)}
.motion .slide .bgimg{transition:transform 8s ease-out}
.bar.is-on span::after{animation:fill var(--ms,6000ms) linear forwards}

/* =====================================================================
   Join a class
   ===================================================================== */
.classes{position:relative;padding:clamp(100px,11vw,160px) 0;background:var(--tex),radial-gradient(60% 50% at 50% 0%,rgba(255,226,196,.9),rgba(255,226,196,0) 70%),linear-gradient(180deg,var(--warm) 0%,var(--peach) 45%,#fff 100%)}
.cl-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,3vw,40px);margin-top:clamp(44px,5vw,64px);align-items:stretch}
.cl-card{background:#fff;border-radius:24px;padding:clamp(26px,3vw,44px);box-shadow:0 0 0 1px rgba(233,168,43,.5),0 50px 80px -60px rgba(184,66,10,.7);position:relative;overflow:hidden}
.cl-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--gold-l),var(--saffron))}
.cl-card.weekly::before{background:linear-gradient(90deg,var(--saffron),var(--gold) 70%,var(--sea,#2F86E6))}
.cl-head{display:flex;align-items:center;gap:20px;margin-bottom:10px}
.cl-head img{width:96px;height:96px;object-fit:cover;border-radius:50%;mix-blend-mode:multiply}
.cl-head .week7{width:104px;height:104px;flex:none}
.motion .week7 circle{transition:stroke-dasharray 1.2s var(--ease)}
.cl-when{font-family:var(--head);font-style:italic;font-weight:600;font-size:20px;color:var(--saffron)}
.cl-head h3{font-size:clamp(32px,2.8vw,42px);color:var(--gerua)}
.cl-card .order{margin-top:18px}
.cl-key{list-style:none;margin:16px 0 0;padding:0}
.cl-key li{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgba(233,168,43,.35);font-size:19px;color:var(--ink)}
.cl-key b{font-family:var(--head);font-weight:700;font-size:23px;color:var(--ink)}
.k{width:18px;height:18px;border-radius:50%;flex:none}
.k.m{background:linear-gradient(135deg,#F79F48,#F26F0F)}.k.f{background:#E9C21C}.k.d{background:#2F86E6}
.cl-card h4{font-family:var(--head);font-weight:600;font-size:24px;color:var(--gerua);margin:28px 0 12px}
.reads{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}
.reads li,.reads a{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none}
.reads img,.r-blank{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 20%;box-shadow:0 0 0 3px #fff,0 0 0 4.5px rgba(233,168,43,.8)}
.r-blank{display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#FFF4E2,var(--peach-2));font-size:22px;color:var(--gerua)}
.reads span:last-child{font-size:15.5px;line-height:1.3;color:var(--ink)}
.cl-steps{margin-top:clamp(50px,6vw,80px);text-align:center}
.cl-steps ol{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,40px);position:relative}
.cl-steps ol::before{content:"";position:absolute;left:16%;right:16%;top:30px;border-top:1.5px dotted var(--gold)}
.cl-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}
.cl-steps .n{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#fff;font-family:var(--bn);font-size:26px;color:var(--saffron);box-shadow:0 0 0 2px var(--gold-l),0 0 0 8px #fff,0 0 0 9.5px rgba(233,168,43,.7);margin-bottom:12px}
.cl-steps b{font-family:var(--head);font-weight:700;font-size:clamp(23px,2vw,28px);color:var(--ink)}
.cl-steps li>span:last-child{font-size:17px;max-width:20em}
.cl-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px}
.bt.line{background:#fff;color:var(--gerua);box-shadow:inset 0 0 0 1.5px var(--gold)}
.bt.line:hover{background:var(--peach)}
.cl-watch{margin-top:clamp(70px,8vw,110px)}
@media (max-width:900px){.cl-grid{grid-template-columns:1fr}.cl-steps ol{grid-template-columns:1fr;gap:30px}.cl-steps ol::before{display:none}}
@media (max-width:480px){.reads{grid-template-columns:1fr 1fr}.cl-head img,.cl-head .week7{width:76px;height:76px}}
a.bt{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
/* the slow zoom grows from the point that holds Bhagavan, so His face never slips out of the frame */
.slide .bgimg{transform-origin:var(--pos,50% 50%)}
@media (max-width:860px){.slide .bgimg{transform-origin:var(--mpos,var(--pos,50% 50%))}}
.slide{transition:opacity .7s ease,visibility 0s .7s}
.slide.is-on{transition:opacity .7s ease,visibility 0s}
.motion .slide .bgimg{transition:transform 7s ease-out}
/* biography on the home page: the darshan large */
.bh-in{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(40px,5vw,80px)}
.bh-in .darshan-frame img{max-height:none}
.bh-in .darshan{max-width:640px;width:100%;justify-self:center}
.bh-text .sub-h{font-size:clamp(30px,2.8vw,42px)}
.bh-text p{font-size:clamp(19px,1.35vw,21px)}
.slide{transition:opacity .6s ease,visibility 0s .6s}
.slide.is-on{transition:opacity .6s ease,visibility 0s}
.is-on .rise{transition-delay:calc(.15s + var(--i,0) * .1s)}
@media (max-width:900px){.bh-in .darshan{max-width:520px}}
.bh-sec{overflow:hidden}
.verse p,.prayer-text p,.ptitle{overflow-wrap:anywhere}
@media (max-width:480px){.prayer-text .sa{font-size:19px}}
@media (max-width:900px){.bh-in{grid-template-columns:1fr;gap:40px}.bh-in .darshan{max-width:min(520px,100%)}}

/* join a class: two cards, rebuilt */
.cl-card{padding:0;display:flex;flex-direction:column}
.cl-card::before{display:none}
.cl-top{display:flex;align-items:center;gap:clamp(18px,2.4vw,30px);padding:clamp(26px,3vw,40px) clamp(26px,3vw,44px);position:relative}
.daily .cl-top{background:radial-gradient(80% 140% at 0% 0%,rgba(249,226,28,.35),rgba(249,226,28,0) 60%),linear-gradient(135deg,#FFE7CC 0%,#FFF4E6 60%,#fff 100%)}
.weekly .cl-top{background:radial-gradient(80% 140% at 0% 0%,rgba(166,240,247,.6),rgba(166,240,247,0) 60%),linear-gradient(135deg,#E3F6F9 0%,#F4FBFC 60%,#fff 100%)}
.cl-top::after{content:"";position:absolute;left:clamp(26px,3vw,44px);right:clamp(26px,3vw,44px);bottom:0;height:1px;background:linear-gradient(90deg,rgba(233,168,43,0),rgba(233,168,43,.7),rgba(233,168,43,0))}
.cl-lamp{width:clamp(96px,9vw,130px);height:auto;flex:none;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent 100%);mask-image:radial-gradient(closest-side,#000 70%,transparent 100%)}
.cl-when{font-family:var(--head);font-style:italic;font-weight:600;font-size:19px;color:var(--ink-2)}
.cl-time{font-family:var(--head);font-weight:700;font-size:clamp(52px,5vw,72px);line-height:.95;color:var(--saffron);letter-spacing:-.01em}
.cl-time small{font-size:.42em;font-weight:600;color:var(--gerua);letter-spacing:.04em}
.cl-top h3{font-size:clamp(30px,2.6vw,40px);color:var(--gerua);margin-top:4px}
.cl-note{font-size:16.5px;line-height:1.5;margin-top:8px;color:var(--ink-2)}
.cl-seven{flex:none;width:clamp(104px,9.5vw,134px);aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:#fff;box-shadow:0 0 0 3px var(--sky),0 0 0 10px #fff,0 0 0 11.5px rgba(47,134,230,.35),0 24px 40px -24px rgba(47,134,230,.6)}
.cl-seven b{font-family:var(--head);font-weight:700;font-size:clamp(50px,4.6vw,64px);line-height:.85;color:var(--saffron)}
.cl-seven span{font-size:13.5px;color:var(--ink-2);margin-top:4px}
.cl-body{padding:clamp(18px,2vw,26px) clamp(26px,3vw,44px) clamp(28px,3vw,40px);flex:1;display:flex;flex-direction:column}
.cl-card .order{margin-top:0}
.cl-card .order li:first-child{border-top:0}
.week-pills{list-style:none;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:10px 0 6px;padding:0}
.week-pills li{height:46px;border-radius:12px}
.week-pills .m{background:linear-gradient(180deg,#F8A24A,#F26F0F)}
.week-pills .f{background:linear-gradient(180deg,#F7D84A,#E9B21C)}
.week-pills .d{background:linear-gradient(180deg,#6FB0F2,#2F86E6)}
.motion .week-pills li{transform:scaleY(.2);opacity:0;transform-origin:bottom;transition:transform .8s var(--ease),opacity .6s}
.motion .on .week-pills li{transform:none;opacity:1}
.motion .on .week-pills li:nth-child(2){transition-delay:.08s}.motion .on .week-pills li:nth-child(3){transition-delay:.16s}.motion .on .week-pills li:nth-child(4){transition-delay:.24s}.motion .on .week-pills li:nth-child(5){transition-delay:.32s}.motion .on .week-pills li:nth-child(6){transition-delay:.4s}.motion .on .week-pills li:nth-child(7){transition-delay:.48s}
.cl-who{list-style:none;margin:14px 0 0;padding:0}
.cl-who li{display:flex;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid rgba(233,168,43,.35)}
.cl-who b{width:52px;height:52px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--head);font-weight:700;font-size:30px;color:#fff}
.cl-who b.m{background:linear-gradient(180deg,#F8A24A,#F26F0F)}.cl-who b.f{background:linear-gradient(180deg,#F7D84A,#E9B21C)}.cl-who b.d{background:linear-gradient(180deg,#6FB0F2,#2F86E6)}
.cl-who span{font-size:clamp(19px,1.4vw,22px);color:var(--ink)}
.cl-who strong{font-family:var(--head);font-weight:700;font-size:1.15em}
.cl-free{margin-top:auto;padding-top:22px;font-family:var(--head);font-style:italic;font-weight:600;font-size:22px;color:var(--gerua)}
@media (max-width:520px){.cl-top{flex-direction:column;align-items:flex-start;gap:10px}.week-pills li{height:34px;border-radius:9px}.week-pills{gap:5px}}
.cl-top p{margin:0}
.cl-top .cl-time{margin:2px 0 0}
.cl-time,.cl-seven b,.cl-who b,.cl-steps .n{font-variant-numeric:lining-nums}
.cl-who b{line-height:1;padding-top:2px}
.cl-free{margin-top:0;padding-top:20px}
.cl-go{margin-top:auto;padding-top:26px}

/* join a class: clean */
.cl-card{background:#fff;border-radius:22px;box-shadow:0 0 0 1px rgba(233,168,43,.45),0 40px 70px -60px rgba(184,66,10,.6)}
.cl-top,.daily .cl-top,.weekly .cl-top{display:block;background:none;padding:clamp(30px,3vw,44px) clamp(28px,3vw,48px) 0}
.cl-top::after{display:none}
.cl-when{font-family:var(--text);font-style:normal;font-weight:400;font-size:17px;color:var(--ink-2);letter-spacing:.01em}
.cl-when b{font-weight:500;color:var(--saffron)}
.cl-top h3{font-size:clamp(34px,3vw,44px);color:var(--gerua);margin-top:6px}
.cl-top h3::after{content:"";display:block;width:56px;height:2px;margin-top:18px;background:linear-gradient(90deg,var(--gold-l),var(--saffron))}
.cl-body{padding:clamp(14px,1.6vw,22px) clamp(28px,3vw,48px) clamp(30px,3vw,44px)}
.cl-card .order li{padding:14px 0}
.cl-card .order li:last-child{border-bottom:0}
.cl-card .order b{font-size:clamp(23px,1.9vw,27px)}
.cl-who{list-style:none;margin:6px 0 0;padding:0}
.cl-who li{display:flex;align-items:baseline;gap:14px;padding:16px 0;border-bottom:1px solid rgba(233,168,43,.42)}
.cl-who li:last-child{border-bottom:0}
.cl-who b{width:auto;height:auto;border-radius:0;background:none!important;display:inline;padding:0;font-family:var(--head);font-weight:700;font-size:clamp(23px,1.9vw,27px);color:var(--ink);flex:none;min-width:5.2em}
.cl-who span{font-size:clamp(18px,1.3vw,20px);color:var(--ink-2)}
.cl-note{margin-top:18px;font-size:17px;line-height:1.6;color:var(--ink-2)}
.cl-go{margin-top:auto;padding-top:28px}
@media (max-width:520px){.cl-who li{flex-direction:column;gap:2px}.cl-who b{min-width:0}}

/* join a class: one card, every day beside every week */
.cl-one{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(44px,5vw,64px);background:#fff;border-radius:24px;box-shadow:0 0 0 1px rgba(233,168,43,.45),0 40px 70px -60px rgba(184,66,10,.6)}
.cl-half{padding:clamp(30px,3vw,48px) clamp(28px,3.4vw,56px) 10px}
.cl-half+.cl-half{border-left:1px solid rgba(233,168,43,.4)}
.cl-one .cl-top{padding:0}
.cl-one .cl-who{margin-top:14px}
.cl-one .cl-who b{min-width:6.2em}
.cl-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px 30px;flex-wrap:wrap;padding:22px clamp(28px,3.4vw,56px) clamp(28px,3vw,40px);border-top:1px solid rgba(233,168,43,.4);margin-top:20px}
.cl-one .cl-note{margin:0;max-width:34em}
.cl-one .cl-go{margin:0;padding:0;display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:900px){.cl-one{grid-template-columns:1fr}.cl-half+.cl-half{border-left:0;border-top:1px solid rgba(233,168,43,.4)}.cl-half{padding-bottom:24px}.cl-foot{margin-top:0}}
/* biography on the home page */
.bio-lead{margin-top:0}
.bio-lead::first-letter{font-size:inherit;float:none;margin:0;color:inherit}
.bio-h{font-family:var(--head);font-weight:600;font-size:clamp(24px,2vw,29px);color:var(--gerua);margin:28px 0 0}
.bh-text .bio-h+p{margin-top:8px}
.bio-q{margin:30px 0 0;padding:6px 0 6px 26px;border-left:2px solid var(--saffron)}
.bio-q p{font-family:var(--head);font-style:italic;font-weight:500;font-size:clamp(25px,2.2vw,32px);line-height:1.35;color:var(--ink);margin:0!important}
.bio-q cite{display:block;margin-top:8px;font-family:var(--head);font-style:italic;font-weight:600;font-size:20px;color:var(--gerua)}
.bh-in{align-items:center}
.bh-text .bio-lead{font-size:clamp(23px,1.9vw,28px);line-height:1.45;color:var(--ink)}

/* =====================================================================
   International Vedanta Society: three temple arches
   ===================================================================== */
.trio-sec{position:relative;overflow:hidden;padding:clamp(100px,11vw,160px) 0 clamp(110px,12vw,170px);
  background:linear-gradient(180deg,rgba(255,252,248,0) 55%,var(--warm) 100%),url("img/paint/dawn.jpg") center 85%/cover no-repeat,var(--warm)}
.trio-sec::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.92) 30%,rgba(255,252,248,.55) 62%,rgba(255,252,248,.92) 100%),var(--tex);pointer-events:none}
.trio-sec>*{position:relative}
.trio-mandala{position:absolute!important;left:50%;top:46%;width:min(1100px,120vw);transform:translate(-50%,-50%);opacity:.5;pointer-events:none}
.motion .trio-mandala{animation:turn 240s linear infinite}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,44px);margin-top:clamp(56px,6vw,90px);align-items:stretch}
.t-card{display:flex;flex-direction:column;text-align:center;position:relative}
.t-card+.t-card::before{display:none}
.t-card.mid{transform:translateY(-34px)}
.motion .trio .t-card.mid.on{transform:translateY(-34px)}
.t-arch{position:relative;display:block;aspect-ratio:3/3.6;border-radius:999px 999px 0 0;overflow:hidden;margin:0 clamp(14px,1.8vw,26px);box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(233,168,43,.85),0 0 0 11px rgba(255,255,255,.75),0 0 0 12.5px rgba(233,168,43,.45),0 50px 80px -46px rgba(184,66,10,.75)}
.t-card:nth-child(3) .t-arch{box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(47,134,230,.55),0 0 0 11px rgba(255,255,255,.75),0 0 0 12.5px rgba(166,240,247,.9),0 50px 80px -46px rgba(47,134,230,.6)}
.t-arch img{width:100%;height:100%;object-fit:cover;transition:transform 2.2s var(--ease)}
.t-card:hover .t-arch img{transform:scale(1.06)}
.t-frame{position:absolute;inset:14px 14px 0;border:1.5px solid rgba(255,255,255,.75);border-bottom:0;border-radius:999px 999px 0 0;pointer-events:none}
.t-body{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;margin-top:-1px;padding:44px clamp(22px,2.4vw,36px) 34px;background:#fff;border-radius:0 0 26px 26px;box-shadow:0 0 0 1px rgba(233,168,43,.35),0 50px 80px -60px rgba(184,66,10,.65)}
.t-dot{position:absolute;top:-22px;left:50%;width:44px;height:44px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 50% 60%,#FFF6CF 0 18%,var(--gold-l) 30%,var(--saffron) 85%);box-shadow:0 0 0 5px #fff,0 0 0 6.5px rgba(233,168,43,.7),0 0 28px 6px rgba(249,226,28,.45)}
.t-card:nth-child(3) .t-dot{background:radial-gradient(circle at 50% 60%,#fff 0 18%,var(--sky) 34%,#2F86E6 90%);box-shadow:0 0 0 5px #fff,0 0 0 6.5px rgba(47,134,230,.45),0 0 28px 6px rgba(166,240,247,.6)}
.t-label{font-family:var(--bn);font-size:clamp(20px,1.6vw,23px);color:var(--saffron);line-height:1.3;margin:0}
.t-label.en{font-family:var(--head);font-style:italic;font-weight:600;font-size:clamp(18px,1.4vw,20px);color:var(--saffron)}
.t-body h3{font-size:clamp(34px,3vw,46px);color:var(--gerua);line-height:1.1;margin-top:4px}
.t-body h3::after{display:none}
.t-orn{display:block;width:120px;margin:12px auto 0}
.t-orn .orn{display:block;width:100%}
.t-orn svg{width:100%;height:auto;display:block}
.t-text{margin:16px auto 0;max-width:26em;font-size:clamp(17.5px,1.15vw,19px);line-height:1.75;color:var(--ink-2)}
.t-go{margin-top:auto;padding-top:22px}
.t-go a{display:inline-flex;align-items:center;min-height:46px;padding:0 26px;border-radius:999px;text-decoration:none;font-family:var(--head);font-weight:600;font-size:19px;color:var(--gerua);box-shadow:inset 0 0 0 1.5px var(--gold);transition:background .3s,color .3s}
.t-go a:hover{background:linear-gradient(180deg,#F58A2E,#D9590B);color:#fff;box-shadow:none}
.t-card:nth-child(3) .t-go a{box-shadow:inset 0 0 0 1.5px rgba(47,134,230,.5)}
.motion .trio .t-card{opacity:0;transform:translateY(50px);transition:opacity 1.2s,transform 1.4s var(--ease);transition-delay:calc(var(--i) * .2s)}
.motion .trio .t-card.on{opacity:1;transform:none}
@media (max-width:980px){
  .trio{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto;gap:64px}
  .t-card.mid,.motion .trio .t-card.mid.on{transform:none}
  .t-arch{aspect-ratio:3/3.2}
}
.t-arch{margin:0}
.t-body{border-radius:0 0 26px 26px}
.trio-mandala{opacity:.32}
.t-steps{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.t-steps li{padding:5px 13px;border-radius:999px;background:var(--peach);font-size:15px;line-height:1.35;color:var(--gerua);box-shadow:inset 0 0 0 1px rgba(233,168,43,.45)}
/* three arches: even, short, aligned */
.t-card.mid,.motion .trio .t-card.mid.on{transform:none}
.trio{align-items:stretch;max-width:1180px;margin-left:auto;margin-right:auto}
.t-arch{aspect-ratio:4/3.4}
.t-body{padding:40px clamp(22px,2.2vw,34px) 30px}
.t-label{height:30px;display:flex;align-items:center;justify-content:center}
.t-body h3{font-size:clamp(32px,2.6vw,40px)}
.t-orn{width:110px;margin-top:10px}
.t-text{font-size:clamp(17px,1.1vw,18.5px);line-height:1.7;margin-top:14px}
.t-go{padding-top:20px}
@media (max-width:980px){.t-arch{aspect-ratio:4/3}}