:root{--navy:#061a4a;--blue:#0f3478;--blue2:#2d67b4;--gold:#f6cf62;--gold2:#b76a0b;--lav:#d8ccff;--white:#eef4ff;--serif:"Cormorant Garamond",serif;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);background:linear-gradient(180deg,#061842 0%,#0a245b 25%,#173f83 59%,#2d67b4 84%,#08245b 100%);font-family:var(--sans);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 50% -8%,rgba(105,155,255,.28),transparent 35%),linear-gradient(180deg,rgba(2,13,42,.05),rgba(0,16,57,.18));pointer-events:none}.cursor-light{position:fixed;z-index:9999;width:260px;height:260px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,224,142,.12),rgba(112,158,255,.06) 34%,transparent 70%);mix-blend-mode:screen}.ambient{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.ambient-orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.36),rgba(149,188,255,.11) 16%,rgba(53,110,201,.06) 47%,transparent 69%);border:1px solid rgba(209,228,255,.12);box-shadow:inset -18px -20px 45px rgba(4,25,70,.16),inset 12px 9px 22px rgba(255,255,255,.1),0 0 60px rgba(118,169,255,.06);animation:float 17s ease-in-out infinite}.o1{width:160px;height:160px;left:5%;top:9%}.o2{width:84px;height:84px;right:12%;top:17%;animation-delay:-4s}.o3{width:210px;height:210px;right:3%;top:48%;animation-delay:-9s}.o4{width:110px;height:110px;left:10%;top:67%;animation-delay:-13s}.o5{width:58px;height:58px;left:58%;top:33%;animation-delay:-6s}@keyframes float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(18px,-28px,0)}}a{color:inherit;text-decoration:none}img{max-width:100%}.site-header{position:fixed;left:0;right:0;top:0;z-index:100;min-height:76px;padding:10px clamp(20px,4vw,68px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(4,20,59,.88),rgba(4,20,59,.4),transparent);backdrop-filter:blur(10px)}.brand img{display:block;width:clamp(190px,22vw,360px);height:50px;object-fit:contain;object-position:left center}.site-header nav{display:flex;gap:clamp(18px,2.3vw,42px)}.site-header nav a{font-family:var(--serif);font-size:1.1rem;color:#f4d77d;letter-spacing:.04em;text-shadow:0 0 18px rgba(255,201,53,.2)}.menu{display:none;border:0;background:none;color:var(--gold);font-size:1.7rem}.hero{min-height:920px;padding:150px clamp(26px,7vw,110px) 100px;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:5vw;position:relative}.hero-copy{max-width:620px}.kicker{font-size:.72rem;letter-spacing:.25em;color:#c4d5ff;margin:0 0 20px}.hero h1{font-family:var(--serif);font-weight:500;line-height:.82;margin:0 0 34px;font-size:clamp(5rem,10vw,9.6rem)}.hero h1 span{display:block;color:#ddd3ff}.hero h1 strong{display:block;font-weight:600;background:linear-gradient(180deg,#fff6bd 0%,#f5c84f 38%,#fff1a0 63%,#af6208 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 12px 50px rgba(255,180,16,.1)}.hero-lead{max-width:600px;font-size:1.04rem;line-height:1.85;color:#dbe5ff}.hero-actions{display:flex;gap:14px;margin-top:32px}.gold-button,.quiet-button,.cricket-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 25px;font-family:var(--serif);font-size:1.06rem;letter-spacing:.03em;cursor:pointer}.gold-button,.cricket-btn{border:1px solid rgba(255,232,159,.8);color:#14204d;background:linear-gradient(180deg,#fff0a4,#df9c1d 60%,#a75906);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 10px 30px rgba(255,171,0,.2),0 0 18px rgba(255,210,72,.18)}.quiet-button{border:1px solid rgba(210,224,255,.25);color:#e7edff;background:rgba(43,77,143,.2)}.hero-photo-composition{height:680px;position:relative}.hero-photo{position:absolute;margin:0;overflow:hidden;box-shadow:0 28px 80px rgba(0,12,51,.42)}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-main{width:44%;height:69%;left:29%;top:0;clip-path:polygon(8% 0,100% 0,100% 88%,90% 100%,0 100%,0 10%)}.hero-sathya{width:33%;height:42%;left:5%;top:51%;clip-path:polygon(0 0,100% 0,100% 93%,88% 100%,0 100%)}.hero-shirdi{width:31%;height:48%;right:3%;top:45%;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 8%)}.hero-sphere{position:absolute;border-radius:50%;border:1px solid rgba(213,229,255,.12);background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.26),rgba(76,132,220,.1) 22%,transparent 67%);box-shadow:inset -16px -18px 35px rgba(0,18,58,.22),0 0 30px rgba(155,193,255,.1)}.hs1{width:100px;height:100px;right:0;top:3%}.hs2{width:60px;height:60px;left:8%;top:20%}.hs3{width:140px;height:140px;left:39%;bottom:-3%}.lineage{padding:100px clamp(24px,7vw,110px) 130px;position:relative}.section-rule{height:1px;max-width:1080px;margin:0 auto 90px;background:linear-gradient(90deg,transparent,rgba(255,219,110,.44),transparent)}.babaji{max-width:1050px;margin:auto;display:grid;grid-template-columns:420px 1fr;gap:70px;align-items:center}.babaji-visual{position:relative;width:420px;height:420px;display:grid;place-items:center}.babaji-visual figure{width:270px;height:270px;border-radius:50%;overflow:hidden;margin:0;position:relative;z-index:2;border:1px solid rgba(255,220,111,.7);box-shadow:0 0 35px rgba(255,195,49,.23)}.babaji-visual img{width:100%;height:100%;object-fit:cover}.sacred-wheel{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,215,88,.28);animation:spin 26s linear infinite}.sacred-wheel:before,.sacred-wheel:after,.sacred-wheel i{content:"";position:absolute;inset:28px;border-radius:50%;border:1px solid rgba(255,215,88,.22)}.sacred-wheel:after{inset:62px}.sacred-wheel i:nth-child(1){inset:92px}.sacred-wheel i:nth-child(2){inset:0;clip-path:polygon(49% 0,51% 0,51% 100%,49% 100%);background:rgba(255,220,102,.25)}.sacred-wheel i:nth-child(3){inset:0;transform:rotate(90deg);clip-path:polygon(49% 0,51% 0,51% 100%,49% 100%);background:rgba(255,220,102,.18)}@keyframes spin{to{transform:rotate(360deg)}}.babaji-title{display:flex;align-items:center;gap:20px}.babaji-title h2{font-family:var(--serif);font-weight:500;font-size:clamp(2.7rem,5vw,5.5rem);line-height:.88;margin:0;background:linear-gradient(180deg,#fff5bd,#eeb848 50%,#fff0a1);-webkit-background-clip:text;background-clip:text;color:transparent}.babaji-title strong{font-weight:500}.om-mark{font-family:var(--serif);font-size:3rem;color:var(--gold);text-shadow:0 0 20px rgba(255,198,44,.5)}.sai-triad{max-width:990px;margin:90px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.sai-person{text-align:center}.portrait-medallion{width:190px;aspect-ratio:1;display:block;margin:auto;border-radius:50%;padding:10px;background:radial-gradient(circle at 30% 25%,#fff6c8,#f4c851 17%,#7c3b00 27%,#ffe99b 36%,#a85d06 50%,#ffec9a 60%,#3a2107 66%,rgba(255,214,91,.45) 68%,transparent 70%);box-shadow:0 0 32px rgba(255,202,49,.38)}.portrait-medallion img{width:100%;height:100%;border-radius:50%;object-fit:cover}.sai-person h3,.sphere-item b{font-family:var(--serif);font-weight:500;color:#f7d56b}.sai-person h3{font-size:1.75rem;margin:16px 0 8px}.sai-person p{font-family:var(--serif);line-height:1.45;color:#e4eaff;margin:0}.story{padding:120px clamp(24px,7vw,110px);position:relative}.story-heading{max-width:830px;margin:0 auto 90px}.story-heading h2,.video-copy h2,.book-copy h2,.devotees-head h2{font-family:var(--serif);font-weight:500;color:#f7d168}.story-heading h2{font-size:clamp(3.4rem,7vw,7.2rem);line-height:.88;margin:0}.story-row{max-width:1130px;min-height:650px;margin:0 auto 90px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;position:relative}.story-copy h3{font-family:var(--serif);font-weight:500;font-size:clamp(3rem,5vw,5.6rem);line-height:.9;color:#f6d26c;margin:0 0 22px}.story-copy p{max-width:460px;line-height:1.8;color:#dfe8ff}.photo-frame{margin:0;overflow:hidden;box-shadow:0 35px 90px rgba(0,15,55,.35)}.photo-frame img{display:block;width:100%;height:100%;object-fit:cover}.lineage-frame{width:430px;height:560px;justify-self:center;clip-path:polygon(9% 0,100% 0,100% 92%,90% 100%,0 100%,0 8%)}.landscape-frame{height:450px;clip-path:polygon(0 0,94% 0,100% 13%,100% 100%,7% 100%,0 86%)}.portrait-frame{width:420px;height:560px;clip-path:polygon(0 8%,8% 0,100% 0,100% 92%,92% 100%,0 100%)}.cutout-frame{margin:0;height:560px;display:grid;place-items:end center}.cutout-frame img{max-height:100%;filter:drop-shadow(0 18px 35px rgba(0,13,49,.35)) drop-shadow(0 0 14px rgba(255,205,60,.38))}.row-blessing{border-top:1px solid rgba(224,235,255,.15);padding-top:80px}.row-open .story-copy{position:relative}.small-temple-photo{width:230px;margin:26px 0 0 38%;box-shadow:0 22px 60px rgba(0,17,57,.32)}.small-temple-photo img{display:block;width:100%;height:auto}.row-cricket{grid-template-columns:.72fr 1.28fr;min-height:720px;background:linear-gradient(90deg,rgba(11,45,104,.15),rgba(63,132,218,.22));padding:44px 60px}.cricket-stage{height:650px;position:relative;display:grid;place-items:end center}.cricket-player{max-height:96%;position:relative;z-index:2;filter:drop-shadow(0 0 3px #ffda68) drop-shadow(0 0 24px rgba(255,193,29,.4))}.cricket-light{position:absolute;inset:15% 8% 3%;background:radial-gradient(circle at 50% 62%,rgba(255,225,126,.42),transparent 28%),radial-gradient(circle at 50% 48%,rgba(80,162,255,.4),transparent 58%);filter:blur(4px)}.bat-impact{position:absolute;left:23%;top:26%;width:20px;height:20px}.cricket-btn{border-radius:999px}.cricket-status{min-height:1.4em;color:#f8dd88}.cricket-ball{position:fixed;z-index:9999;left:0;top:0;width:62px;height:62px;border-radius:50%;display:none;pointer-events:none;background:radial-gradient(circle at 27% 22%,#fffbd7 0 5%,#ffe178 11%,#d48b12 40%,#7a3800 72%,#1f0c00 100%);box-shadow:inset -10px -14px 22px rgba(70,24,0,.6),inset 8px 7px 14px rgba(255,255,255,.42),0 0 24px rgba(255,207,51,.95),0 0 70px rgba(255,168,0,.5)}.cricket-ball:before{content:"";position:absolute;inset:7%;border-radius:50%;border:2px dashed rgba(79,31,0,.58);transform:rotate(22deg)}.impact-flash{position:fixed;z-index:9998;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--impact-x,50%) var(--impact-y,50%),#fff 0 1%,rgba(255,226,99,.85) 3%,transparent 17%)}.row-cricket.is-hitting .cricket-player{animation:hit .5s cubic-bezier(.25,.8,.25,1)}.row-cricket.is-hitting .impact-flash{animation:flash .65s ease-out}@keyframes hit{35%{transform:rotate(-2deg) translateX(-5px)}65%{transform:rotate(3deg) translateX(8px)}}@keyframes flash{20%{opacity:1}100%{opacity:0}}.video-strip{min-height:640px;display:grid;grid-template-columns:.65fr 1.35fr;align-items:stretch;background:#05163f;border-top:8px solid #030f2e;border-bottom:8px solid #030f2e}.video-copy{padding:80px clamp(30px,5vw,90px);display:flex;flex-direction:column;justify-content:center}.video-copy h2{font-size:clamp(3.3rem,6vw,6.7rem);line-height:.85;margin:0 0 20px}.video-copy p{color:#dfe7ff}.video-copy .gold-button{align-self:flex-start;margin-top:20px}.video-window{min-height:640px}.video-window iframe{width:100%;height:100%;border:0}.book-section{position:relative;padding:120px clamp(24px,10vw,160px);overflow:hidden}.book-section:before{content:"";position:absolute;inset:12% 5%;background:linear-gradient(135deg,rgba(44,102,182,.28),rgba(9,36,92,.1));clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}.book-glow{position:absolute;width:480px;height:480px;left:-80px;top:30px;border-radius:50%;background:radial-gradient(circle,rgba(255,211,79,.25),transparent 66%)}.book-copy{position:relative;max-width:1050px;margin:auto}.book-copy h2{font-size:clamp(3rem,6vw,6.2rem);line-height:.9;margin:0 0 28px}.book-copy blockquote{font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.55;border-left:1px solid rgba(255,219,107,.6);padding-left:30px;margin:0 0 24px;color:#e7edff}.author{color:#f3d276}.devotees{padding:80px clamp(22px,5vw,80px) 110px;text-align:center}.devotees-head h2{font-size:clamp(2.9rem,5vw,5.8rem);line-height:.95;margin:0 0 70px}.sphere-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:25px}.sphere-item{display:flex;flex-direction:column;align-items:center;gap:14px}.master-sphere{position:relative;width:100%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;padding:18%;background:radial-gradient(circle at 27% 18%,rgba(255,255,255,.44),transparent 8%),radial-gradient(circle at 42% 38%,rgba(95,160,248,.22),rgba(15,53,120,.2) 52%,rgba(4,22,64,.45) 79%);border:1px solid rgba(255,234,166,.55);box-shadow:inset -18px -22px 35px rgba(0,16,54,.42),inset 13px 10px 22px rgba(255,255,255,.13),0 0 0 4px rgba(188,109,9,.25),0 0 0 7px rgba(255,226,132,.38),0 18px 45px rgba(0,14,54,.34),0 0 26px rgba(255,197,35,.22);transition:transform .5s ease,box-shadow .5s ease}.master-sphere:before{content:"";position:absolute;inset:7%;border-radius:50%;border:1px solid rgba(255,229,139,.43);box-shadow:inset 0 0 18px rgba(255,214,89,.12)}.master-sphere:after{content:"";position:absolute;left:18%;right:18%;top:10%;height:22%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);filter:blur(3px)}.sphere-item:hover .master-sphere{transform:translateY(-8px) scale(1.055);box-shadow:inset -18px -22px 35px rgba(0,16,54,.4),inset 13px 10px 22px rgba(255,255,255,.18),0 0 0 4px rgba(188,109,9,.35),0 0 0 8px rgba(255,226,132,.58),0 24px 60px rgba(0,14,54,.4),0 0 48px rgba(255,198,35,.5)}.master-sphere svg{position:relative;z-index:2;width:72%;height:72%;fill:none;stroke:#f7ce5c;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(255,205,55,.68))}.sphere-item b{font-size:1.25rem}.devotee-contact{margin-top:42px}.devotee-contact p{font-family:var(--serif);font-size:1.35rem;color:#e9edff}.worlds{padding:40px clamp(22px,5vw,80px) 120px}.image-sphere{padding:10%}.image-sphere img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;border-radius:50%}.lotus-sphere svg{width:78%;height:78%}footer{text-align:center;padding:70px 20px 90px;color:#bfcdf1}footer>span{font-size:2rem;color:#f5cf5d}footer p{font-family:var(--serif);font-size:1.25rem;color:#e8d792}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1000px){.site-header nav{display:none;position:absolute;top:72px;right:18px;flex-direction:column;background:rgba(3,19,58,.95);padding:24px;border:1px solid rgba(255,217,105,.25)}.site-header nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:130px}.hero-photo-composition{height:620px}.babaji{grid-template-columns:1fr;text-align:center}.babaji-visual{margin:auto}.babaji-title{justify-content:center}.story-row,.row-cricket{grid-template-columns:1fr;gap:45px;padding-left:0;padding-right:0}.row-smile .photo-frame,.row-open .photo-frame{order:-1}.story-copy{text-align:center}.story-copy p{margin-left:auto;margin-right:auto}.lineage-frame,.portrait-frame{justify-self:center}.video-strip{grid-template-columns:1fr}.video-window{min-height:56vw}.sphere-grid{grid-template-columns:repeat(3,1fr);gap:34px}.small-temple-photo{margin-left:auto;margin-right:auto}}@media(max-width:620px){.brand img{width:210px}.hero{padding-left:22px;padding-right:22px}.hero-photo-composition{height:500px}.hero-main{width:58%;left:21%}.hero-sathya{width:43%;left:0}.hero-shirdi{width:42%;right:0}.lineage,.story{padding-left:20px;padding-right:20px}.babaji-visual{width:320px;height:320px}.babaji-visual figure{width:220px;height:220px}.sai-triad{grid-template-columns:1fr;gap:54px}.portrait-medallion{width:210px}.story-heading h2{font-size:3.8rem}.story-row{min-height:0;margin-bottom:100px}.lineage-frame,.portrait-frame{width:100%;height:500px}.landscape-frame{height:330px}.cutout-frame{height:450px}.row-cricket{padding:28px 18px}.cricket-stage{height:500px}.video-copy{padding:60px 24px}.video-window{min-height:70vw}.book-section{padding-left:24px;padding-right:24px}.sphere-grid{grid-template-columns:repeat(2,1fr);gap:24px}.sphere-item b{font-size:1.05rem}.cursor-light{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.cricket-ball{display:none!important}}

/* 2026 Cosmic light refinement — approved homepage base */
body{
  background:
    linear-gradient(180deg,rgba(9,41,99,.60) 0%,rgba(18,66,136,.56) 38%,rgba(44,111,188,.44) 72%,rgba(7,43,104,.62) 100%),
    url("assets/images/hero-cosmic-prema.jpg") center top / cover fixed no-repeat;
}
body:before{
  background:
    radial-gradient(circle at 50% 4%,rgba(255,223,128,.24),transparent 24%),
    radial-gradient(circle at 18% 32%,rgba(82,169,255,.21),transparent 35%),
    radial-gradient(circle at 82% 64%,rgba(72,151,244,.18),transparent 34%),
    linear-gradient(180deg,rgba(5,22,61,.10),rgba(10,56,123,.30));
  backdrop-filter:saturate(1.06) brightness(1.12);
}
.ambient{opacity:.62}
.ambient-orb{
  background:
    radial-gradient(circle at 27% 20%,rgba(255,255,255,.55) 0 3%,rgba(255,239,188,.2) 8%,rgba(125,190,255,.16) 28%,rgba(39,105,187,.07) 58%,transparent 72%);
  border:1px solid rgba(239,246,255,.2);
  box-shadow:inset -22px -26px 48px rgba(2,25,69,.18),inset 16px 13px 26px rgba(255,255,255,.12),0 0 54px rgba(148,202,255,.12);
}
.hero{
  min-height:100svh;
  padding-top:140px;
  grid-template-columns:minmax(0,.78fr) minmax(320px,.72fr);
  background:
    linear-gradient(90deg,rgba(3,21,59,.75) 0%,rgba(5,29,74,.50) 38%,rgba(8,38,87,.08) 65%,rgba(8,35,78,.18) 100%),
    linear-gradient(180deg,rgba(6,31,76,.08) 64%,rgba(7,34,84,.86) 100%),
    url("assets/images/hero-cosmic-prema.jpg") center 34% / cover no-repeat;
  isolation:isolate;
  overflow:hidden;
}
.hero:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 43% 34%,rgba(255,215,76,.25),transparent 22%),
    radial-gradient(circle at 74% 48%,rgba(65,149,255,.12),transparent 28%);
}
.hero-copy{align-self:end;margin-bottom:7vh;text-shadow:0 3px 24px rgba(1,13,45,.7)}
.hero-lead{color:#f0f5ff;text-shadow:0 2px 16px rgba(0,10,34,.85)}
.hero-cosmic-mark{align-self:end;justify-self:end;margin:0 5vw 8vh 0;width:clamp(210px,26vw,420px);aspect-ratio:1;display:grid;place-items:center;position:relative}
.hero-cosmic-mark:before,.hero-cosmic-mark:after{content:"";position:absolute;border-radius:50%;inset:4%;border:1px solid rgba(255,220,111,.34);box-shadow:0 0 45px rgba(255,190,38,.18),inset 0 0 38px rgba(255,216,91,.08);animation:haloDrift 18s linear infinite}
.hero-cosmic-mark:after{inset:14%;border-style:dashed;animation-duration:27s;animation-direction:reverse}
.hero-cosmic-mark span{font-family:var(--serif);font-size:clamp(8rem,18vw,17rem);line-height:1;background:linear-gradient(145deg,#fffbd2 0%,#ffd456 22%,#a85a00 52%,#ffe483 70%,#fff6be 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 9px rgba(255,231,142,.75)) drop-shadow(0 0 32px rgba(255,173,0,.48))}
@keyframes haloDrift{to{transform:rotate(360deg)}}

/* Ray halos replacing the old spheres */
.radiant-portrait{position:relative;isolation:isolate}
.radiant-halo{position:absolute;z-index:0;inset:-34%;border-radius:50%;pointer-events:none;filter:drop-shadow(0 0 12px rgba(255,195,29,.58))}
.radiant-halo:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,231,142,.94) 0deg 1deg,transparent 1.3deg 6deg);-webkit-mask:radial-gradient(circle,transparent 0 45%,#000 47% 73%,transparent 75%);mask:radial-gradient(circle,transparent 0 45%,#000 47% 73%,transparent 75%);animation:raySpin 42s linear infinite}
.radiant-halo:after{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(255,249,207,.9) 0 2%,rgba(255,207,60,.48) 12%,rgba(255,164,0,.18) 36%,transparent 70%);box-shadow:0 0 28px rgba(255,190,30,.42),0 0 64px rgba(255,173,0,.20)}
.radiant-halo i{position:absolute;z-index:2;width:8px;height:8px;border-radius:50%;background:#fff4b8;box-shadow:0 0 8px #fff,0 0 20px #ffc529}
.radiant-halo i:nth-child(1){left:8%;top:45%}.radiant-halo i:nth-child(2){right:8%;top:36%}.radiant-halo i:nth-child(3){left:49%;bottom:4%}
@keyframes raySpin{to{transform:rotate(360deg)}}
.babaji-visual.radiant-portrait figure{z-index:2;border:2px solid rgba(255,225,136,.86);box-shadow:0 0 22px rgba(255,220,108,.58),0 0 70px rgba(255,165,0,.20)}
.radiant-portrait--large .radiant-halo{inset:-12%}
.portrait-medallion.radiant-portrait{padding:9px;background:linear-gradient(145deg,#fff5b3,#b56a06 28%,#ffdf6d 52%,#824100 70%,#ffeaa1);box-shadow:0 0 18px rgba(255,214,97,.65),0 0 48px rgba(255,175,0,.22)}
.portrait-medallion.radiant-portrait .radiant-halo{inset:-42%}
.portrait-medallion.radiant-portrait img{position:relative;z-index:2;border:2px solid rgba(255,246,200,.75)}
.sai-person:hover .radiant-halo:before{animation-duration:9s}
.sai-person:hover .portrait-medallion{transform:translateY(-4px) scale(1.025);transition:.5s ease}

/* Keep the cosmic mood lighter as the visitor scrolls */
.lineage,.story,.book-section,.devotees,.worlds{background:linear-gradient(180deg,rgba(7,38,91,.18),rgba(26,86,158,.16))}
.video-strip{background:rgba(3,25,68,.88)}

@media(max-width:1000px){
  .hero{grid-template-columns:1fr;min-height:900px;background-position:62% center}
  .hero-copy{align-self:end;margin-top:40vh;margin-bottom:0;max-width:680px}
  .hero-cosmic-mark{display:none}
}
@media(max-width:620px){
  body{background-attachment:scroll}
  .hero{min-height:860px;background-position:61% center;padding-top:110px}
  .hero-copy{margin-top:42vh;background:linear-gradient(180deg,transparent,rgba(4,25,67,.76) 18%,rgba(4,25,67,.9));padding:34px 16px 10px;border-radius:0}
  .radiant-halo{inset:-26%}
  .portrait-medallion.radiant-portrait .radiant-halo{inset:-30%}
}

/* ===== Approved revision: Krishna-light cosmic background + jewellery typography ===== */
:root{
  --gold-ivory:#fff7c9;
  --gold-light:#ffe99a;
  --gold-main:#e8b53c;
  --gold-deep:#8d4b00;
  --gold-shadow:rgba(72,36,0,.78);
}

/* Background supplied by the project author */
body{
  color:var(--gold-light);
  background:
    linear-gradient(180deg,rgba(14,46,91,.18),rgba(20,71,129,.27) 54%,rgba(9,43,91,.38)),
    url("assets/images/site-cosmic-bg.png") center top / cover fixed no-repeat;
}
body:before{
  background:
    radial-gradient(circle at 50% 5%,rgba(255,221,111,.16),transparent 29%),
    linear-gradient(180deg,rgba(2,15,43,.05),rgba(5,37,83,.17));
  backdrop-filter:none;
}

/* The approved hero remains compositionally unchanged; only image clarity is improved. */
.hero{
  background:
    linear-gradient(90deg,rgba(2,18,51,.62) 0%,rgba(3,23,61,.31) 40%,rgba(4,30,73,.03) 67%,rgba(4,28,65,.09) 100%),
    linear-gradient(180deg,rgba(3,24,62,.02) 68%,rgba(6,37,87,.72) 100%),
    url("assets/images/hero-cosmic-prema-sharp.jpg") center 34% / cover no-repeat;
}
.hero:before{
  background:
    radial-gradient(circle at 43% 34%,rgba(255,215,76,.16),transparent 22%),
    radial-gradient(circle at 75% 46%,rgba(61,150,255,.08),transparent 28%);
}

/* Remove the ray constructions around Babaji and the three Sai portraits. */
.radiant-halo{display:none!important}
.babaji-visual.radiant-portrait figure,
.portrait-medallion.radiant-portrait{
  box-shadow:0 0 20px rgba(255,222,128,.34),0 12px 38px rgba(2,17,52,.28);
}
.portrait-medallion.radiant-portrait{
  background:linear-gradient(145deg,#fff7c8 0%,#db9c22 22%,#7c3e00 42%,#ffd96e 62%,#9c5600 78%,#fff0a7 100%);
}

/* Two-type system: editorial serif + modern sans; italic used as a restrained accent. */
body,p,a,button,input,textarea{font-family:"Manrope",sans-serif}
h1,h2,h3,h4,.brand,.kicker,.sphere-item b,.author,.om-mark{font-family:"Cormorant Garamond",serif}
.hero-lead,.story-copy p,.book-copy blockquote,.devotee-contact p,footer p{
  font-family:"Cormorant Garamond",serif;
  font-style:italic;
}

/* Jewellery-gold treatment for titles and navigational inscriptions. */
.site-header nav a,
.hero h1,
.kicker,
h2,h3,h4,
.babaji-title h2,
.sai-person h3,
.story-copy h3,
.video-copy h2,
.book-copy h2,
.devotees-head h2,
.sphere-item b,
.om-mark,
footer>span{
  color:transparent!important;
  background-image:linear-gradient(112deg,#7c3e00 0%,#d58f13 13%,#fff6bd 29%,#d99d20 43%,#8a4600 55%,#ffe67f 70%,#fffbd0 82%,#a65c00 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 1px 0 rgba(255,250,215,.56)) drop-shadow(0 3px 5px var(--gold-shadow));
  animation:goldJewelleryShine 8s ease-in-out infinite;
}
@keyframes goldJewelleryShine{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* Supporting copy remains readable but consistently warm-gold. */
p,.hero-lead,.sai-person p,.story-copy p,.video-copy p,.book-copy blockquote,.author,
.devotee-contact p,footer p,.quiet-button,.cricket-status{
  color:#f4df9d!important;
  text-shadow:0 1px 12px rgba(16,27,58,.56);
}

.gold-button,.cricket-btn{
  color:#3d2100!important;
  background:linear-gradient(145deg,#fff9cf 0%,#e3aa2e 24%,#8a4900 47%,#ffd86b 66%,#fff3aa 100%)!important;
  border:1px solid rgba(255,245,191,.84)!important;
  box-shadow:inset 0 1px 1px rgba(255,255,235,.82),inset 0 -2px 4px rgba(91,42,0,.42),0 0 20px rgba(255,194,42,.30),0 12px 26px rgba(13,26,60,.28)!important;
  text-shadow:0 1px 0 rgba(255,248,201,.62);
}
.gold-button:hover,.cricket-btn:hover{
  transform:translateY(-2px);
  box-shadow:inset 0 1px 1px rgba(255,255,235,.9),inset 0 -2px 4px rgba(91,42,0,.38),0 0 34px rgba(255,207,66,.55),0 16px 34px rgba(13,26,60,.34)!important;
}

/* Keep section backgrounds translucent so the supplied cosmic artwork remains visible. */
.lineage,.story,.book-section,.devotees,.worlds{
  background:linear-gradient(180deg,rgba(8,40,88,.10),rgba(26,93,159,.12));
}
.video-strip{background:rgba(4,30,72,.66)}

@media(max-width:620px){
  body{background-attachment:scroll;background-position:center top}
}

/* ===== Revision: rainbow cosmic background, enlarged logo, clear white body copy ===== */
body{
  background:
    linear-gradient(180deg,rgba(4,28,76,.08),rgba(11,64,138,.12) 52%,rgba(6,38,92,.20)),
    url("assets/images/site-rainbow-bg.png") center top / cover fixed no-repeat;
}
body:before{
  background:
    radial-gradient(circle at 51% 15%,rgba(255,224,122,.12),transparent 28%),
    linear-gradient(180deg,rgba(2,19,52,.02),rgba(5,37,85,.10));
}

/* Logo enlarged approximately twofold while preserving proportions. */
.site-header{min-height:106px;padding-top:12px;padding-bottom:12px}
.brand img{
  width:clamp(340px,40vw,690px);
  height:86px;
  object-fit:contain;
  object-position:left center;
}

/* Remove the oversized Om on the right side of the hero. */
.hero-cosmic-mark{display:none!important}
.hero{grid-template-columns:1fr;}
.hero-copy{max-width:720px}

/* Main running text: larger, bright white and clearer against the cosmic background. */
.hero-lead,
.sai-person p,
.story-copy p,
.video-copy p,
.book-copy blockquote,
.book-copy .author,
.devotee-contact p,
footer p,
footer small{
  color:#ffffff!important;
  text-shadow:0 2px 16px rgba(1,12,41,.88),0 0 3px rgba(255,255,255,.18);
}
.hero-lead{font-size:clamp(1.35rem,2vw,2rem);line-height:1.62;max-width:760px}
.sai-person p{font-size:clamp(1.18rem,1.6vw,1.55rem);line-height:1.55}
.story-copy p{font-size:clamp(1.35rem,1.85vw,1.9rem);line-height:1.58;max-width:610px}
.video-copy p{font-size:clamp(1.3rem,1.8vw,1.8rem);line-height:1.55}
.book-copy blockquote{font-size:clamp(1.65rem,2.4vw,2.35rem);line-height:1.48}
.book-copy .author{font-size:clamp(1.2rem,1.5vw,1.55rem)}
.devotee-contact p{font-size:clamp(1.45rem,1.8vw,1.8rem)}
footer p{font-size:clamp(1.4rem,1.8vw,1.8rem)}

@media(max-width:1000px){
  .site-header{min-height:94px}
  .brand img{width:clamp(300px,58vw,520px);height:72px}
  .hero{padding-top:150px}
}
@media(max-width:620px){
  body{background-attachment:scroll;background-position:center top}
  .site-header{min-height:82px;padding-left:14px;padding-right:14px}
  .brand img{width:min(74vw,340px);height:62px}
  .hero{padding-top:125px}
  .hero-lead{font-size:1.25rem}
  .story-copy p{font-size:1.23rem}
  .book-copy blockquote{font-size:1.38rem}
}

/* Main-page content expansion — graphics and approved typography remain unchanged. */
.babaji-copy>p{font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1.65;color:#fff;margin:25px 0 0;max-width:720px}
.cricket-only-section{padding-top:80px;padding-bottom:30px}
.cricket-launch{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cricket-button-ball{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 28% 22%,#fffbd7 0 5%,#ffe178 12%,#d48b12 42%,#7a3800 74%,#1f0c00 100%);box-shadow:inset -9px -12px 18px rgba(70,24,0,.55),inset 7px 6px 12px rgba(255,255,255,.4),0 0 22px rgba(255,207,51,.9),0 0 55px rgba(255,168,0,.42)}
.video-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:22px}.video-actions .gold-button,.video-actions .quiet-button{margin-top:0}
.premasai-timeline{padding-top:90px}.timeline-track{position:relative;max-width:1180px;margin:0 auto}.timeline-track:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,#f7cf5f 4%,#fff0aa 50%,#b56a0b 96%,transparent);box-shadow:0 0 18px rgba(255,199,52,.55)}
.timeline-entry{position:relative;display:grid;grid-template-columns:1fr 260px 1fr;align-items:center;min-height:360px;margin:0 0 35px}.timeline-entry .timeline-orb{grid-column:2}.timeline-entry .timeline-copy{grid-column:3;padding-left:54px}.timeline-entry--reverse .timeline-copy{grid-column:1;grid-row:1;text-align:right;padding:0 54px 0 0}.timeline-entry--reverse .timeline-orb{grid-column:2;grid-row:1}.timeline-orb{position:relative;width:240px;height:240px;border-radius:50%;padding:10px;display:grid;place-items:center;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.55),transparent 10%),radial-gradient(circle,#173f83 0 52%,#061842 74%);border:1px solid rgba(255,238,178,.8);box-shadow:0 0 0 5px rgba(190,111,9,.32),0 0 0 9px rgba(255,226,132,.35),0 0 55px rgba(255,195,36,.42),inset 0 0 28px rgba(255,219,104,.22)}.timeline-orb:before{content:"";position:absolute;inset:-20px;border-radius:50%;border:1px solid rgba(255,211,76,.38);box-shadow:0 0 25px rgba(255,197,45,.25)}.timeline-orb img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:2}.timeline-placeholder img{object-fit:contain;padding:20%;background:radial-gradient(circle,#0c2d69,transparent 72%)}.timeline-cutout img{object-fit:contain;padding:5%;background:radial-gradient(circle,#285da5,transparent 70%)}.timeline-copy h3,.directions-head h2,.power-places h2{font-family:var(--serif);font-weight:500;color:#f7d168;background:linear-gradient(180deg,#fff6bd 0%,#f5c84f 38%,#fff1a0 63%,#af6208 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 10px 38px rgba(255,180,16,.1)}.timeline-copy h3{font-size:clamp(2.2rem,3.8vw,4.2rem);line-height:.95;margin:0 0 18px}.timeline-copy p,.directions-head p,.power-places p,.devotees-head p,.footer-manifesto{font-size:clamp(1.15rem,1.65vw,1.55rem);line-height:1.65;color:#fff}.devotees-head p{max-width:1050px;margin:-38px auto 60px}.directions-head{max-width:1120px;margin:0 auto 75px;text-align:center}.directions-head h2,.power-places h2{font-size:clamp(3.4rem,6vw,6.4rem);line-height:.9;margin:0 0 25px}.world-spheres--five{grid-template-columns:repeat(5,1fr);max-width:1140px}.om-direction img{width:76%;height:76%;object-fit:contain;position:relative;z-index:2}.power-places{max-width:1180px;margin:0 auto 100px;padding:90px clamp(24px,7vw,80px);display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.power-place-sphere{width:min(310px,100%);justify-self:center}.footer-manifesto{max-width:900px;margin:20px auto}.footer-more{display:inline-block;font-family:var(--serif);font-size:1.35rem;color:#f5cf5d;margin:10px 0 25px}.book-copy .kicker{margin-top:0}.sphere-item{cursor:default}
@media(max-width:1000px){.timeline-track:before{left:120px}.timeline-entry,.timeline-entry--reverse{grid-template-columns:240px 1fr;gap:38px;min-height:320px}.timeline-entry .timeline-orb,.timeline-entry--reverse .timeline-orb{grid-column:1;grid-row:1}.timeline-entry .timeline-copy,.timeline-entry--reverse .timeline-copy{grid-column:2;grid-row:1;text-align:left;padding:0}.world-spheres--five{grid-template-columns:repeat(3,1fr)}.power-places{grid-template-columns:1fr;text-align:center}}
@media(max-width:620px){.timeline-track:before{left:50%;opacity:.35}.timeline-entry,.timeline-entry--reverse{grid-template-columns:1fr;gap:28px;margin-bottom:85px}.timeline-entry .timeline-orb,.timeline-entry--reverse .timeline-orb{grid-column:1;grid-row:1;justify-self:center}.timeline-entry .timeline-copy,.timeline-entry--reverse .timeline-copy{grid-column:1;grid-row:2;text-align:center;padding:0}.timeline-orb{width:220px;height:220px}.world-spheres--five{grid-template-columns:repeat(2,1fr)}.cricket-launch{justify-content:center}.video-actions{justify-content:center}}

/* ===== 2026 Rainbow revision: approved home-page refinements ===== */
.hero{
  background:
    linear-gradient(90deg,rgba(2,12,35,.78) 0%,rgba(2,12,35,.52) 31%,rgba(2,12,35,.06) 52%,rgba(2,12,35,.03) 100%),
    url("assets/images/hero-new.jpg") center 36% / cover no-repeat!important;
  grid-template-columns:minmax(300px,42%) 1fr!important;
}
.hero:before{
  background:linear-gradient(180deg,rgba(2,10,30,.12),transparent 38%,rgba(3,18,54,.34))!important;
}
.hero-copy{
  width:min(100%,720px);
  max-width:42vw!important;
  align-self:center!important;
  margin:5vh 0 0!important;
  position:relative;
  z-index:3;
}
.hero h1{line-height:.82;margin-bottom:30px}
.hero-light-word{
  display:inline-block!important;
  position:relative;
  width:max-content;
  color:#fff9d6!important;
  background:none!important;
  -webkit-text-fill-color:#fff9d6;
  text-shadow:
    0 0 6px #fff,
    0 0 16px rgba(255,246,185,.98),
    0 0 38px rgba(255,208,74,.9),
    0 0 76px rgba(255,174,0,.58)!important;
  filter:drop-shadow(0 0 10px rgba(255,235,149,.95));
}
.hero-light-word:before,.hero-light-word:after{
  content:"✦";
  position:absolute;
  color:#fff8c9;
  font-size:.19em;
  line-height:1;
  text-shadow:0 0 8px #fff,0 0 18px #ffd861;
  animation:heroStar 2.7s ease-in-out infinite;
}
.hero-light-word:before{right:-.22em;top:.08em}
.hero-light-word:after{left:-.16em;bottom:.08em;animation-delay:-1.2s}
.hero-motion-word{
  display:block!important;
  width:max-content;
  max-width:100%;
  background:linear-gradient(105deg,#8b4800 0%,#ffe48a 18%,#fffbd2 34%,#c97908 49%,#fff1a3 66%,#a75300 82%,#ffe98d 100%)!important;
  background-size:240% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  animation:goldTitleFlow 6.5s linear infinite;
  filter:drop-shadow(0 4px 12px rgba(113,54,0,.45)) drop-shadow(0 0 10px rgba(255,215,84,.2));
}
@keyframes heroStar{0%,100%{opacity:.35;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.45) rotate(35deg)}}
@keyframes goldTitleFlow{to{background-position:240% 0}}

/* The golden ball beside the button is the physical starting point of the animation. */
.cricket-button-ball{
  position:relative;
  flex:0 0 auto;
  transition:opacity .25s ease,transform .25s ease;
}
.cricket-button-ball:before,.cricket-button-ball:after{
  content:"";position:absolute;left:8%;right:8%;height:2px;border-top:2px dashed rgba(92,43,0,.72);border-radius:50%;
}
.cricket-button-ball:before{top:38%;transform:rotate(18deg)}
.cricket-button-ball:after{top:58%;transform:rotate(-18deg)}
.cricket-button-ball.is-away{opacity:0;transform:scale(.25);pointer-events:none}
.cricket-btn:disabled{cursor:wait;filter:saturate(.8)}

/* Photo reaches the jewellery edge: no blue band around the smile. */
.timeline-photo-full{padding:0!important;background:#07183f!important;overflow:hidden}
.timeline-photo-full img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;padding:0!important;transform:scale(1.015)}

.video-actions .gold-button{min-width:225px}
.video-actions .gold-button:nth-child(2){
  background:linear-gradient(180deg,#fff5bd 0%,#e7ad2f 52%,#9b4e00 100%);
  color:#14204d;border-color:rgba(255,236,172,.88);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 30px rgba(255,171,0,.22),0 0 20px rgba(255,210,72,.22)
}

/* New Ramatamedjati source retains its geometry; only the transparent presentation is controlled here. */
.world-spheres img[alt="Раматамеджати"]{object-fit:contain!important;padding:7%!important;filter:drop-shadow(0 0 10px rgba(255,211,90,.28))}
.power-place-sphere img{object-fit:contain!important;padding:19%!important;background:radial-gradient(circle,rgba(24,61,130,.3),transparent 70%)}

footer{
  width:min(1180px,calc(100% - 36px));
  margin:70px auto 28px!important;
  padding:54px clamp(24px,6vw,80px)!important;
  text-align:center;
  border:1px solid rgba(255,224,137,.28);
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 0,rgba(255,203,72,.12),transparent 36%),
    linear-gradient(145deg,rgba(3,18,53,.78),rgba(5,26,72,.64));
  backdrop-filter:blur(18px) saturate(125%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 80px rgba(0,8,33,.42),0 0 42px rgba(255,193,35,.08);
}
.footer-om{display:block;font-size:4.5rem!important;line-height:1;color:#f8d36b!important;text-shadow:0 0 12px rgba(255,228,142,.7),0 0 38px rgba(255,181,15,.35)}
.footer-title{font-family:var(--serif)!important;font-size:clamp(2.2rem,4.2vw,4.4rem)!important;line-height:1;margin:15px 0 22px!important;background:linear-gradient(105deg,#9c5100,#fff2a5 25%,#d98e18 50%,#fff7be 74%,#9a4c00);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:goldTitleFlow 8s linear infinite}
.footer-manifesto{max-width:920px!important;margin:0 auto 25px!important;color:#fff!important}
footer small{display:block;color:#fff5cf!important;font-size:1.05rem!important;letter-spacing:.04em}

@media(max-width:1100px){
  .hero{background-position:58% center!important;grid-template-columns:minmax(300px,48%) 1fr!important}
  .hero-copy{max-width:48vw!important}
}
@media(max-width:800px){
  .hero{
    min-height:980px!important;
    grid-template-columns:1fr!important;
    background-position:55% top!important;
    padding-left:22px!important;padding-right:22px!important;
  }
  .hero-copy{
    max-width:100%!important;width:100%!important;
    align-self:end!important;margin:0!important;
    padding:190px 18px 24px!important;
    background:linear-gradient(180deg,transparent 0%,rgba(2,13,42,.54) 34%,rgba(2,13,42,.9) 72%);
    text-align:left;
  }
  .hero h1{font-size:clamp(4rem,17vw,7rem)!important}
}
@media(max-width:520px){
  .hero{min-height:900px!important;background-position:58% top!important}
  .hero-copy{padding-top:240px!important}
  .hero-actions{flex-direction:column;align-items:flex-start}
  footer{border-radius:24px;padding:42px 20px!important}
}

/* ===== Approved HERO + FOOTER revision ===== */
/* Desktop/tablet: left-aligned hero composition, lowered into the safe area. */
@media (min-width: 801px){
  .hero{
    align-items:end!important;
    padding-top:170px!important;
    padding-bottom:92px!important;
  }
  .hero-copy{
    align-self:end!important;
    margin:0 0 2vh!important;
    text-align:left!important;
  }
  .hero h1{
    text-align:left!important;
    margin-bottom:24px!important;
  }
  .hero-light-word,.hero-motion-word{
    margin-left:0!important;
  }
  .hero-lead{
    max-width:570px!important;
    font-size:clamp(.9rem,1.05vw,1.02rem)!important;
    line-height:1.68!important;
  }
}

/* Mobile: first viewport is the clean portrait; the copy starts after the first scroll. */
@media (max-width: 800px){
  .hero{
    min-height:176svh!important;
    display:block!important;
    padding:0 20px 64px!important;
    background-image:url("assets/images/hero-new.jpg")!important;
    background-size:auto 100svh!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-color:#071b4d!important;
  }
  .hero:before{
    background:linear-gradient(180deg,rgba(2,10,30,.06) 0%,rgba(2,10,30,.02) 68%,rgba(3,18,54,.22) 100%)!important;
    height:100svh!important;
    bottom:auto!important;
  }
  .hero-copy{
    width:100%!important;
    max-width:680px!important;
    margin:100svh auto 0!important;
    padding:58px 4px 10px!important;
    background:none!important;
    text-align:left!important;
  }
  .hero .kicker{margin-bottom:12px!important}
  .hero h1{
    font-size:clamp(4.1rem,18vw,6.4rem)!important;
    line-height:.82!important;
    margin:0 0 22px!important;
    text-align:left!important;
  }
  .hero-light-word,.hero-motion-word{margin-left:0!important}
  .hero-lead{
    max-width:32rem!important;
    font-size:clamp(.92rem,4vw,1.05rem)!important;
    line-height:1.65!important;
  }
  .hero-actions{margin-top:24px!important}
}
@media (max-width: 480px){
  .hero{
    min-height:170svh!important;
    background-size:auto 100svh!important;
    background-position:52% top!important;
  }
  .hero-copy{margin-top:100svh!important;padding-top:44px!important}
  .hero h1{font-size:clamp(3.75rem,18vw,5.4rem)!important}
}

/* Approved footer: one continuous, borderless line across the viewport. */
footer#about-site{
  width:100%!important;
  max-width:none!important;
  min-height:112px!important;
  margin:46px 0 0!important;
  padding:18px clamp(18px,4vw,64px) 20px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,transparent 0%,rgba(2,13,43,.12) 24%,rgba(2,13,43,.24) 58%,rgba(2,13,43,.12) 86%,transparent 100%)!important;
  backdrop-filter:blur(5px)!important;
  box-shadow:none!important;
  text-align:center!important;
}
footer#about-site .footer-title{
  margin:0 0 6px!important;
  font-size:clamp(1.25rem,2vw,1.85rem)!important;
  line-height:1!important;
  white-space:nowrap;
  letter-spacing:.035em!important;
}
footer#about-site .footer-manifesto{
  max-width:none!important;
  margin:0 auto 5px!important;
  font-size:clamp(.72rem,.95vw,.9rem)!important;
  line-height:1.35!important;
  color:#fff!important;
  white-space:nowrap;
  text-shadow:0 1px 10px rgba(0,8,34,.5);
}
footer#about-site small{
  margin:0!important;
  font-size:clamp(.68rem,.82vw,.8rem)!important;
  line-height:1!important;
  color:#f7d36b!important;
}
@media (max-width: 900px){
  footer#about-site{min-height:104px!important;padding:16px 18px 18px!important}
  footer#about-site .footer-manifesto{white-space:normal;max-width:760px!important}
}
@media (max-width: 520px){
  footer#about-site{min-height:118px!important;padding:17px 15px 20px!important}
  footer#about-site .footer-title{font-size:1.18rem!important;white-space:nowrap}
  footer#about-site .footer-manifesto{font-size:.72rem!important;line-height:1.3!important}
  footer#about-site small{font-size:.7rem!important}
}


/* ===== HERO living light + seamless lower transition; footer heartbeat ===== */
.hero{isolation:isolate;overflow:hidden}
.hero::after{
  content:"";
  position:absolute;
  z-index:1;
  left:0;right:0;bottom:-2px;
  height:clamp(120px,18vh,230px);
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(33,91,170,.20),transparent 55%),
    linear-gradient(180deg,transparent 0%,rgba(5,23,66,.26) 42%,rgba(7,28,75,.78) 82%,rgba(7,28,75,1) 100%);
}
.hero-copy{z-index:3!important}
.hero-light-word{
  position:relative!important;
  display:inline-flex!important;
  align-items:baseline;
  isolation:isolate;
  overflow:visible;
  padding:.05em .14em .08em .03em;
  color:transparent!important;
  background:none!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
  filter:none!important;
}
.hero-light-word::before,.hero-light-word::after{display:none!important}
.light-letter{
  position:relative;
  z-index:4;
  display:inline-block;
  color:#edf8ff;
  -webkit-text-fill-color:#edf8ff;
  text-shadow:
    0 0 2px #fff,
    0 0 8px rgba(231,248,255,.96),
    0 0 18px rgba(88,183,255,.76),
    0 0 38px rgba(40,126,255,.40),
    0 0 66px rgba(255,194,65,.16);
  opacity:.28;
  animation:lightTravel 4.8s cubic-bezier(.22,.7,.28,1) forwards,lightBreathe 5.6s ease-in-out 5s infinite;
}
.light-letter:nth-of-type(2){animation-delay:.26s,5.2s}
.light-letter:nth-of-type(3){animation-delay:.55s,5.45s}
.light-letter:nth-of-type(4){animation-delay:.84s,5.7s}
.light-letter:nth-of-type(5){animation-delay:1.13s,5.95s}
.light-letter-s{
  color:#fffdf2!important;
  -webkit-text-fill-color:#fffdf2!important;
  text-shadow:
    0 0 3px #fff,
    0 0 10px #fff,
    0 0 24px rgba(113,207,255,.98),
    0 0 54px rgba(53,146,255,.78),
    0 0 86px rgba(255,201,77,.34)!important;
}
.light-core{
  position:absolute;
  z-index:7;
  left:.245em;
  top:.48em;
  width:.105em;height:.105em;
  border-radius:50%;
  background:#fff;
  box-shadow:
    0 0 3px 2px #fff,
    0 0 10px 5px rgba(223,249,255,.98),
    0 0 24px 11px rgba(59,174,255,.84),
    0 0 52px 20px rgba(39,124,255,.45),
    0 0 75px 28px rgba(255,196,58,.20);
  transform:scale(.15);
  opacity:0;
  animation:coreBirth 1.5s ease-out .05s forwards,corePulse 4.2s ease-in-out 2s infinite;
}
.light-core::before,.light-core::after{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:8.8em;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);
  filter:drop-shadow(0 0 4px #70c9ff)
}
.light-core::after{transform:translate(-50%,-50%) rotate(90deg);width:6.8em}
.light-rainbow{
  position:absolute;
  z-index:1;
  left:-.04em;top:-.02em;
  width:1.05em;height:.86em;
  border-radius:55% 48% 52% 48%;
  border:clamp(1px,.016em,3px) solid transparent;
  background:linear-gradient(95deg,rgba(255,75,111,.62),rgba(255,189,63,.58),rgba(112,232,177,.46),rgba(75,177,255,.58),rgba(178,101,255,.48)) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;
  filter:blur(.3px) drop-shadow(0 0 8px rgba(99,179,255,.35));
  transform:rotate(-7deg) scale(.82);
  animation:rainbowReveal 2.2s ease-out 1.15s forwards,rainbowFloat 6s ease-in-out 3.4s infinite;
}
.light-sparks{
  position:absolute;inset:-.08em -.14em;
  z-index:6;pointer-events:none;
  background:
    radial-gradient(circle at 7% 63%,#fff 0 .012em,rgba(255,211,92,.9) .015em .025em,transparent .032em),
    radial-gradient(circle at 28% 9%,#fff 0 .01em,rgba(255,218,103,.85) .014em .022em,transparent .03em),
    radial-gradient(circle at 52% 81%,#fff 0 .008em,rgba(255,206,74,.8) .012em .02em,transparent .028em),
    radial-gradient(circle at 71% 21%,#fff 0 .01em,rgba(255,219,110,.85) .014em .024em,transparent .032em),
    radial-gradient(circle at 93% 61%,#fff 0 .008em,rgba(255,198,58,.82) .012em .021em,transparent .029em);
  opacity:0;
  animation:sparksIn 1.5s ease-out 1.5s forwards,sparkTwinkle 3.4s ease-in-out 3s infinite;
}
@keyframes coreBirth{0%{opacity:0;transform:scale(.12)}45%{opacity:1;transform:scale(1.35)}100%{opacity:1;transform:scale(1)}}
@keyframes corePulse{0%,100%{transform:scale(.92);filter:brightness(.95)}50%{transform:scale(1.12);filter:brightness(1.22)}}
@keyframes lightTravel{0%{opacity:.18;filter:brightness(.55)}55%{opacity:1;filter:brightness(1.5)}100%{opacity:1;filter:brightness(1)}}
@keyframes lightBreathe{0%,100%{filter:brightness(.94);text-shadow:0 0 2px #fff,0 0 8px rgba(231,248,255,.9),0 0 18px rgba(88,183,255,.68),0 0 38px rgba(40,126,255,.34)}50%{filter:brightness(1.15);text-shadow:0 0 3px #fff,0 0 12px #fff,0 0 26px rgba(88,183,255,.9),0 0 54px rgba(40,126,255,.52)}}
@keyframes rainbowReveal{to{opacity:.48;transform:rotate(-7deg) scale(1)}}
@keyframes rainbowFloat{0%,100%{opacity:.35;transform:rotate(-7deg) scale(.98)}50%{opacity:.55;transform:rotate(-5deg) scale(1.02)}}
@keyframes sparksIn{to{opacity:.9}}
@keyframes sparkTwinkle{0%,100%{opacity:.45;filter:brightness(.9)}50%{opacity:1;filter:brightness(1.45)}}
.footer-heart{
  display:inline-block;
  transform-origin:center;
  will-change:transform,filter;
  animation:heartBeat 1.32s ease-in-out infinite;
  color:#f7d36b;
  text-shadow:0 0 8px rgba(247,211,107,.42);
}
@keyframes heartBeat{
  0%,28%,70%,100%{transform:scale(1);filter:brightness(1)}
  10%{transform:scale(1.10);filter:brightness(1.22)}
  18%{transform:scale(1.02);filter:brightness(1.05)}
  36%{transform:scale(1.07);filter:brightness(1.16)}
  44%{transform:scale(1);filter:brightness(1)}
}
@media(max-width:800px){
  .hero::after{bottom:calc(76svh - 2px);height:150px;background:linear-gradient(180deg,transparent 0%,rgba(7,28,75,.55) 58%,#071c4b 100%)}
  .hero-light-word{padding-right:.09em}
  .light-rainbow{opacity:.35}
}
@media(prefers-reduced-motion:reduce){
  .light-letter,.light-core,.light-rainbow,.light-sparks,.footer-heart{animation:none!important;opacity:1!important;transform:none!important}
}

/* ===== Premium SVG word “Свет”: source born inside the letter С ===== */
.hero-light-word{
  width:min(760px,100%)!important;
  height:auto;
  padding:0!important;
  margin-left:-.045em;
  vertical-align:bottom;
}
.divine-light-svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 7px rgba(223,247,255,.52))}
.svg-word-mask,.svg-word-aura,.svg-word-gold,.svg-word-main{
  font-family:"Marck Script","Segoe Script","Brush Script MT",cursive;
  font-size:236px;
  font-weight:400;
  letter-spacing:-12px;
}
.svg-word-aura{
  fill:none;stroke:#79cfff;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;
  opacity:.64;filter:url(#softAura);animation:divineBreath 9s ease-in-out 4.8s infinite;
}
.svg-word-gold{
  fill:none;stroke:#ffd77d;stroke-width:5.2;stroke-linecap:round;stroke-linejoin:round;
  opacity:.5;filter:blur(.3px);animation:wordReveal 3.8s cubic-bezier(.2,.72,.28,1) both,divineBreath 9s ease-in-out 4.8s infinite;
}
.svg-word-main{
  fill:url(#letterLight);stroke:#fff;stroke-width:1.3;paint-order:stroke fill;
  filter:url(#whiteBloom);opacity:0;
  animation:wordReveal 3.8s cubic-bezier(.2,.72,.28,1) .35s both,divineBreath 9s ease-in-out 4.8s infinite;
}
.travel-sweep{opacity:.95;animation:lightCross 4.2s cubic-bezier(.24,.68,.28,1) .75s both}
.spectral-arc{
  fill:none;stroke:url(#spectrum);stroke-width:4.5;opacity:0;filter:blur(1.8px);
  stroke-dasharray:1730;stroke-dashoffset:1730;
  animation:spectrumAppear 3.4s ease-out 3.2s forwards,spectrumBreathe 11s ease-in-out 6.6s infinite;
}
.light-source{transform-origin:151px 184px;animation:sourceBirth 2.1s cubic-bezier(.18,.8,.2,1) both,sourceLiving 8.5s ease-in-out 2.2s infinite}
.source-halo{fill:#7bd6ff;opacity:.42;filter:url(#coreBloom)}
.source-core{fill:#fff;filter:url(#coreBloom)}
.source-ray{fill:none;stroke:#fff;stroke-width:1.25;stroke-linecap:round;opacity:.82;filter:drop-shadow(0 0 4px #8cddff)}
.energy-orbit{fill:none;stroke:#79d7ff;stroke-width:1.25;opacity:.68;transform-origin:151px 184px;filter:drop-shadow(0 0 4px #4fbfff)}
.orbit-a{animation:orbitSpin 7s linear infinite}.orbit-b{transform:rotate(63deg);animation:orbitSpinReverse 5.4s linear infinite}
.star{fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;filter:drop-shadow(0 0 4px #82d7ff);opacity:.25;animation:starWhisper 4.8s ease-in-out infinite}
.s2{animation-delay:-1.5s}.s3{animation-delay:-2.8s}.s4{animation-delay:-.7s}
.spark{fill:#ffd77c;filter:drop-shadow(0 0 4px #ffd477);opacity:.18;animation:sparkWhisper 5.6s ease-in-out infinite}
.p2{animation-delay:-1.9s}.p3{animation-delay:-3.4s}.p4{animation-delay:-.8s}
@keyframes sourceBirth{0%{opacity:0;transform:scale(.05)}42%{opacity:1;transform:scale(1.32)}72%{transform:scale(.93)}100%{opacity:1;transform:scale(1)}}
@keyframes sourceLiving{0%,100%{transform:scale(.96);opacity:.88}50%{transform:scale(1.08);opacity:1}}
@keyframes wordReveal{0%{opacity:.03;filter:brightness(.25)}18%{opacity:.12}100%{opacity:1;filter:brightness(1)}}
@keyframes lightCross{0%{transform:translateX(0);opacity:0}12%{opacity:1}86%{opacity:1}100%{transform:translateX(1120px);opacity:0}}
@keyframes divineBreath{0%,100%{opacity:.76;filter:brightness(.94)}50%{opacity:1;filter:brightness(1.16)}}
@keyframes spectrumAppear{0%{opacity:0;stroke-dashoffset:1730}100%{opacity:.28;stroke-dashoffset:0}}
@keyframes spectrumBreathe{0%,100%{opacity:.18}50%{opacity:.34}}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes orbitSpinReverse{from{transform:rotate(63deg)}to{transform:rotate(-297deg)}}
@keyframes starWhisper{0%,100%{opacity:.18;transform:scale(.75)}48%{opacity:.9;transform:scale(1.15)}58%{opacity:.35;transform:scale(.9)}}
@keyframes sparkWhisper{0%,76%,100%{opacity:.08}82%{opacity:.9}88%{opacity:.18}}
@media(max-width:800px){
  .hero-light-word{width:min(600px,100%)!important;margin-left:-.025em}
  .svg-word-mask,.svg-word-aura,.svg-word-gold,.svg-word-main{font-size:226px}
}
@media(prefers-reduced-motion:reduce){
  .svg-word-aura,.svg-word-gold,.svg-word-main,.travel-sweep,.spectral-arc,.light-source,.energy-orbit,.star,.spark{animation:none!important;opacity:1!important}
  .travel-sweep{display:none}
}

/* ===== Approved premium “Свет” artwork: faithful hybrid rendering =====
   The authored reference artwork is preserved as a high-resolution light layer.
   Black pixels disappear through Screen blending; HTML overlays provide the living light. */
.hero-light-reference{
  width:min(680px,100%)!important;
  max-width:none!important;
  margin:-.08em 0 -.16em -.05em!important;
  padding:0!important;
  overflow:visible!important;
}
.svet-art{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:865/378;
  isolation:isolate;
  overflow:visible;
  filter:drop-shadow(0 0 9px rgba(194,231,255,.30));
}
.svet-art img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:screen;
  opacity:0;
  transform:scale(.985);
  transform-origin:29% 61%;
  animation:svetReferenceReveal 3.6s cubic-bezier(.2,.72,.2,1) .25s forwards,
            svetReferenceBreath 9s ease-in-out 4s infinite;
}
.svet-core{
  position:absolute;
  z-index:2;
  left:29.2%;
  top:61.5%;
  width:1.5%;
  aspect-ratio:1;
  border-radius:50%;
  opacity:0;
  background:#fff;
  box-shadow:
    0 0 4px 2px #fff,
    0 0 15px 8px rgba(209,243,255,.96),
    0 0 38px 18px rgba(68,164,255,.62),
    0 0 64px 30px rgba(37,111,255,.23),
    0 0 80px 38px rgba(255,211,108,.12);
  transform:translate(-50%,-50%) scale(.15);
  animation:svetCoreBirth 2.2s cubic-bezier(.16,.8,.2,1) .18s forwards,
            svetCoreBreath 8.8s ease-in-out 3.5s infinite;
}
.svet-core:before,.svet-core:after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:900%;height:1px;
  transform:translate(-50%,-50%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);
  filter:blur(.2px);
}
.svet-core:after{transform:translate(-50%,-50%) rotate(90deg);opacity:.72}
.svet-travel{
  position:absolute;
  z-index:3;
  left:24%;top:21%;
  width:10%;height:62%;
  opacity:0;
  transform:translateX(0) skewX(-12deg);
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 25%,rgba(255,255,255,.9) 50%,rgba(105,205,255,.24) 66%,transparent 100%);
  filter:blur(6px);
  mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 79%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 22%,#000 79%,transparent);
  animation:svetTravel 2.7s cubic-bezier(.28,.03,.18,1) 1.25s forwards;
}
@keyframes svetReferenceReveal{
  0%{opacity:0;clip-path:inset(0 100% 0 0);filter:brightness(.45) saturate(.8)}
  20%{opacity:.2}
  62%{opacity:.92;filter:brightness(1.03) saturate(1.02)}
  100%{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1);filter:brightness(1) saturate(1)}
}
@keyframes svetReferenceBreath{
  0%,100%{opacity:.94;filter:brightness(.98) saturate(.98) drop-shadow(0 0 7px rgba(187,228,255,.18))}
  50%{opacity:1;filter:brightness(1.08) saturate(1.04) drop-shadow(0 0 13px rgba(187,228,255,.34))}
}
@keyframes svetCoreBirth{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}
  45%{opacity:1;transform:translate(-50%,-50%) scale(1.45)}
  100%{opacity:.9;transform:translate(-50%,-50%) scale(1)}
}
@keyframes svetCoreBreath{
  0%,100%{opacity:.72;transform:translate(-50%,-50%) scale(.86)}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}
}
@keyframes svetTravel{
  0%{opacity:0;transform:translateX(0) skewX(-12deg)}
  14%{opacity:.95}
  80%{opacity:.55}
  100%{opacity:0;transform:translateX(575%) skewX(-12deg)}
}
@media(max-width:620px){
  .hero-light-reference{width:min(560px,112vw)!important;margin-left:-6vw!important}
  .svet-art{filter:drop-shadow(0 0 6px rgba(194,231,255,.22))}
}
@media(prefers-reduced-motion:reduce){
  .svet-art img,.svet-core,.svet-travel{animation:none!important;opacity:1!important;clip-path:none!important;transform:none!important}
  .svet-core{transform:translate(-50%,-50%)!important}
  .svet-travel{display:none!important}
}

/* ===== Final approved HERO artwork: static premium oval, instantly visible ===== */
.hero-light-reference{
  width:min(720px,112%);
  margin-left:-7%;
  margin-bottom:-.08em;
  overflow:visible;
}
.svet-art--oval{
  display:block;
  width:100%;
  line-height:0;
  position:relative;
  opacity:1;
  transform:none;
  filter:none;
  isolation:isolate;
}
.svet-art--oval img{
  display:block;
  width:100%;
  height:auto;
  opacity:1;
  transform:none;
  clip-path:none;
  animation:none!important;
  filter:drop-shadow(0 0 15px rgba(106,181,255,.16));
  -webkit-mask-image:radial-gradient(ellipse 98% 94% at 50% 50%,#000 61%,rgba(0,0,0,.94) 70%,rgba(0,0,0,.50) 82%,transparent 100%);
  mask-image:radial-gradient(ellipse 98% 94% at 50% 50%,#000 61%,rgba(0,0,0,.94) 70%,rgba(0,0,0,.50) 82%,transparent 100%);
}
.svet-art--oval .svet-core,.svet-art--oval .svet-travel{display:none!important}
@media(max-width:760px){
  .hero-light-reference{width:min(650px,118vw)!important;margin-left:-9vw!important}
  .svet-art--oval img{filter:drop-shadow(0 0 10px rgba(106,181,255,.12))}
}

/* ===== HERO title: real text, precious white-gold and gold ===== */
.hero-jewel-title{
  text-align:left;
  letter-spacing:0;
}
.hero-jewel-title .hero-light-reference,
.hero-jewel-title .hero-motion-word{
  width:auto!important;
  margin-left:0!important;
  padding:0!important;
  overflow:visible!important;
  position:relative;
}
.hero-jewel-title .hero-light-reference{
  display:block!important;
  font-family:var(--serif);
  font-weight:600;
  letter-spacing:.025em;
  color:transparent!important;
  background:
    linear-gradient(180deg,
      #ffffff 0%,
      #f9f5e9 18%,
      #d9dde6 36%,
      #fffdf5 49%,
      #c7bfae 64%,
      #fff8dc 79%,
      #b99b63 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-stroke:.35px rgba(255,255,255,.46);
  text-shadow:
    0 1px 0 rgba(255,255,255,.95),
    0 3px 8px rgba(255,245,210,.18),
    0 8px 24px rgba(7,16,48,.55),
    0 0 18px rgba(235,241,255,.16);
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.28));
}
.hero-jewel-title .hero-light-reference::after{
  content:"";
  position:absolute;
  inset:5% -2% 8%;
  pointer-events:none;
  background:linear-gradient(108deg,transparent 34%,rgba(255,255,255,.92) 49%,transparent 63%);
  transform:translateX(-140%);
  mix-blend-mode:screen;
  animation:hero-jewel-sheen 8.5s ease-in-out infinite;
  -webkit-mask:linear-gradient(#000 0 0) text;
  mask:linear-gradient(#000 0 0) text;
}
.hero-jewel-title .hero-motion-word{
  display:block!important;
  margin-top:.12em!important;
  font-family:var(--serif);
  font-weight:600;
  letter-spacing:.01em;
  color:transparent!important;
  background:linear-gradient(180deg,
    #fff7c7 0%,
    #f4d77f 24%,
    #dba733 48%,
    #fff0a4 63%,
    #b66d0e 82%,
    #f4ce6d 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-stroke:.3px rgba(255,233,154,.35);
  text-shadow:
    0 1px 0 rgba(255,251,219,.68),
    0 4px 12px rgba(111,56,0,.28),
    0 0 18px rgba(255,202,69,.11);
}
@keyframes hero-jewel-sheen{
  0%,58%{transform:translateX(-140%);opacity:0}
  64%{opacity:.75}
  76%{transform:translateX(140%);opacity:.25}
  100%{transform:translateX(140%);opacity:0}
}
@media(max-width:760px){
  .hero-jewel-title .hero-light-reference,
  .hero-jewel-title .hero-motion-word{margin-left:0!important;width:auto!important}
  .hero-jewel-title .hero-light-reference{letter-spacing:.01em}
}
@media(prefers-reduced-motion:reduce){
  .hero-jewel-title .hero-light-reference::after{animation:none!important;display:none}
}


/* Links restored for separate site pages */
.section-card-link{color:inherit;text-decoration:none;}
a.sphere-item.section-card-link{display:flex;}
.section-card-link:hover b,.section-card-link:hover h3{color:#f6dfa0;}


/* === BOOKS PAGE 2026 === */
body.books-page{background:radial-gradient(circle at 50% -10%,#19386c 0,#0b1732 28%,#050d25 58%,#030611 100%);overflow-x:hidden}
.books-hero{position:relative;min-height:clamp(590px,64vw,920px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.books-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(1,7,23,.28),rgba(1,7,23,.05) 48%,rgba(1,7,23,.17)),url('assets/images/books-hero-shirdi.jpg');background-size:cover;background-position:center top;z-index:-2;transform:scale(1.01)}
.books-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 38%,transparent 20%,rgba(3,10,29,.18) 73%,rgba(3,10,29,.52) 100%)}
.books-hero-copy{width:min(1380px,92vw);margin:0 auto;padding:0 0 clamp(130px,14vw,220px);text-align:center;text-shadow:0 3px 28px rgba(0,0,0,.72)}
.books-hero h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(66px,9vw,140px);line-height:.8;margin:.08em 0;color:#f4df9a;letter-spacing:-.035em}
.books-hero h1 span{display:block;font-family:'Marck Script',cursive;font-size:.42em;line-height:1.1;margin-top:14px;color:#fff0be;text-shadow:0 0 28px rgba(255,215,127,.3)}
.books-hero-copy>p:last-child{max-width:760px;margin:26px auto 0;font-family:'Cormorant Garamond',serif;font-size:clamp(20px,2.1vw,29px);line-height:1.45;color:#f4f0f7}
.books-hero-sfumato{position:absolute;left:-3%;right:-3%;bottom:-2px;height:38%;z-index:2;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(5,13,37,.18) 24%,rgba(5,13,37,.66) 64%,#050d25 96%);filter:blur(5px);transform:scale(1.03)}
.featured-book{position:relative;width:min(1180px,90vw);margin:-54px auto 120px;display:grid;grid-template-columns:minmax(260px,390px) 1fr;gap:clamp(44px,7vw,92px);align-items:center;padding:52px;border:1px solid rgba(237,204,119,.30);border-radius:34px;background:linear-gradient(145deg,rgba(15,28,65,.82),rgba(8,16,44,.74));box-shadow:0 38px 95px rgba(0,0,0,.38);backdrop-filter:blur(10px);z-index:3}
.featured-halo{position:absolute;left:3%;top:50%;width:450px;height:450px;transform:translateY(-50%);pointer-events:none;background:radial-gradient(circle,rgba(244,208,111,.18),rgba(57,111,204,.07) 42%,transparent 72%);filter:blur(12px)}
.featured-cover-wrap{position:relative;aspect-ratio:2/3;border-radius:14px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.58),0 0 34px rgba(228,188,95,.13);z-index:1;background:#111a38}
.featured-cover{width:100%;height:100%;display:block;object-fit:cover}
.featured-copy{position:relative;z-index:1}.featured-copy h2,.library-head h2{font-family:'Cormorant Garamond',serif;font-weight:500}.featured-copy h2{margin:5px 0 8px;font-size:clamp(46px,5vw,74px);line-height:.98;color:#f4df9a}.featured-author{font-family:'Cormorant Garamond',serif;font-size:28px;color:#fff0c4;margin:0 0 24px}.featured-copy p{color:#d7d3e0;font-size:16px;line-height:1.78}.featured-rule{height:1px;margin:25px 0;background:linear-gradient(90deg,rgba(237,204,119,.38),transparent)}
.library{width:min(1420px,92vw);margin:0 auto 120px}.library-head{text-align:center;max-width:800px;margin:0 auto 52px}.library-head h2{font-size:clamp(52px,6vw,82px);margin:.08em 0;color:#f4df9a}.library-head p:last-child{color:#cbc6d7;font-size:17px;line-height:1.7}
.books-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.book-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(237,204,119,.25);border-radius:22px;background:linear-gradient(160deg,rgba(18,31,70,.78),rgba(7,14,39,.84));box-shadow:0 22px 52px rgba(0,0,0,.27);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.book-card:hover{transform:translateY(-7px);border-color:rgba(248,217,137,.55);box-shadow:0 30px 70px rgba(0,0,0,.42),0 0 28px rgba(222,178,75,.08)}
.book-cover-link{display:block;position:relative;aspect-ratio:2/3;padding:18px 18px 0;text-decoration:none}.book-cover-link::before{content:"";position:absolute;inset:10% 12% 4%;background:radial-gradient(circle,rgba(235,196,98,.15),transparent 68%);filter:blur(15px)}.book-cover-link img{position:relative;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 15px 20px rgba(0,0,0,.55));transition:transform .35s ease}.book-card:hover .book-cover-link img{transform:scale(1.018)}
.book-card-copy{display:flex;flex:1;flex-direction:column;padding:22px 21px 24px}.book-card h3{margin:0 0 12px;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(22px,1.7vw,30px);line-height:1.08;color:#f4eee0}.book-card-copy p{margin:0 0 24px;color:#aaa5b8;font-size:13px;line-height:1.5}.book-more{margin-top:auto;align-self:flex-start;text-decoration:none;color:#f4d891;font-size:12px;letter-spacing:.18em;font-weight:600;border-bottom:1px solid rgba(245,218,160,.58);padding:0 0 8px;transition:.25s}.book-more:hover{color:#fff4ce;text-shadow:0 0 14px rgba(245,218,160,.55)}
@media(max-width:1120px){.books-grid{grid-template-columns:repeat(3,1fr)}.featured-book{grid-template-columns:320px 1fr;padding:42px}}
@media(max-width:820px){.books-hero{min-height:690px}.books-hero-copy{padding-bottom:150px}.featured-book{grid-template-columns:1fr;max-width:680px;padding:30px;margin-top:-28px}.featured-cover-wrap{width:min(330px,78vw);margin:0 auto}.books-grid{grid-template-columns:repeat(2,1fr);gap:22px 16px}}
@media(max-width:520px){.books-hero{min-height:610px}.books-hero h1{font-size:68px}.books-hero-copy>p:last-child{font-size:20px;padding:0 14px}.featured-book{padding:22px;border-radius:24px;margin-bottom:82px}.featured-copy h2{font-size:46px}.books-grid{grid-template-columns:1fr 1fr;gap:16px 10px}.book-card{border-radius:15px}.book-cover-link{padding:10px 10px 0}.book-card-copy{padding:14px 12px 16px}.book-card h3{font-size:20px}.book-card-copy p{font-size:11px;margin-bottom:18px}.book-more{font-size:10px;letter-spacing:.12em}.library-head h2{font-size:54px}}