:root{--ink:#071018;--deep:#0a1720;--ice:#bcd9e8;--gold:#e7ae5b;--cream:#f4ead8;--muted:#91a0a8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}
.site-header{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,5vw,72px);background:linear-gradient(180deg,rgba(4,10,14,.78),transparent);backdrop-filter:blur(3px)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(231,174,91,.5);border-radius:50%;color:var(--gold);font-family:"Tiro Devanagari Hindi",serif;font-size:20px}.brand b,.brand small{display:block}.brand b{font-family:"Tiro Devanagari Hindi",serif;font-weight:400;font-size:18px}.brand small{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:2px}.site-header nav{display:flex;gap:32px;font-size:13px}.site-header nav a{color:#d7dfe2;transition:.2s}.site-header nav a:hover{color:var(--gold)}.sound-toggle{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:10px 17px;font-size:12px}
.particle-journey{height:620vh;position:relative}.sticky-scene{height:100vh;position:sticky;top:0;overflow:hidden;background:radial-gradient(circle at 50% 40%,#153144 0,#08141d 48%,#03080c 100%)}#particleCanvas,.shade{position:absolute;inset:0;width:100%;height:100%}.shade{pointer-events:none;background:radial-gradient(circle at 50% 46%,transparent 18%,rgba(1,4,6,.1) 48%,rgba(1,4,6,.78) 100%)}
.hero-copy{position:absolute;z-index:2;left:clamp(24px,8vw,130px);top:50%;transform:translateY(-50%);max-width:700px;transition:opacity .25s,transform .25s}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-size:12px;font-weight:600}.hero-copy h1{font-family:"Tiro Devanagari Hindi",serif;font-weight:400;font-size:clamp(58px,8.5vw,132px);line-height:.92;margin:24px 0}.hero-copy h1 em{font-weight:400;color:transparent;-webkit-text-stroke:1px rgba(244,234,216,.65)}.intro{max-width:450px;color:#b8c3c8;font-size:16px;line-height:1.7}.scroll-cue{margin-top:48px;display:flex;align-items:center;gap:13px;color:#9aa9b0;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.scroll-cue span{width:38px;height:1px;background:var(--gold);position:relative}.scroll-cue span:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);top:-2px;animation:travel 2s infinite}@keyframes travel{from{left:0}to{left:34px}}
.mantra{position:absolute;z-index:3;left:50%;top:52%;text-align:center;transform:translate(-50%,-44%);opacity:0}.mantra span{font-family:"Tiro Devanagari Hindi",serif;color:var(--gold);font-size:clamp(32px,4vw,58px);text-shadow:0 0 28px rgba(231,174,91,.8)}.mantra h2{font-family:"Tiro Devanagari Hindi",serif;font-size:clamp(44px,7vw,100px);font-weight:400;margin:4px 0}.mantra p{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--ice)}.progress{position:absolute;right:26px;top:25%;height:50%;width:1px;background:rgba(255,255,255,.12)}.progress i{display:block;width:1px;height:0;background:var(--gold);box-shadow:0 0 10px var(--gold)}
.stage-label{position:absolute;z-index:4;left:50%;top:108px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:rgba(222,235,241,.72);font-size:10px;letter-spacing:.22em;text-transform:uppercase;opacity:.35;transition:opacity .5s}.stage-label span{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold)}.stage-label b{font-weight:500}
.reveal-section{padding:140px clamp(24px,8vw,130px);background:linear-gradient(180deg,#071018,#0d1b22);text-align:center}.reveal-section h2,.about-grid h2,.visit h2{font-family:"Tiro Devanagari Hindi",serif;font-size:clamp(42px,6vw,82px);font-weight:400;line-height:1.1;margin:20px 0}.reveal-section>p{max-width:630px;margin:0 auto 64px;color:#aab5ba;line-height:1.8}.image-window{position:relative;max-width:980px;height:min(76vh,760px);margin:auto;overflow:hidden;border-radius:48% 48% 6px 6px;box-shadow:0 40px 100px rgba(0,0,0,.5)}.image-window img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.image-window:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(2,7,10,.85))}.image-caption{position:absolute;z-index:2;bottom:28px;left:32px;right:32px;display:flex;align-items:end;justify-content:space-between;text-align:left}.image-caption span{color:var(--gold);font-size:13px;letter-spacing:.2em}.image-caption b{font-size:13px;font-weight:500}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:150px clamp(24px,8vw,130px);background:#e7ddca;color:#142129}.about-grid h2{font-size:clamp(38px,5vw,70px)}.body-copy{padding-top:38px}.body-copy>p{font-size:18px;line-height:1.9;color:#445057}.body-copy blockquote{font-family:"Tiro Devanagari Hindi",serif;font-size:clamp(24px,2.7vw,38px);line-height:1.55;border-left:2px solid #b77b31;margin:46px 0 0;padding-left:28px;color:#1c2a32}
.visit{min-height:75vh;display:grid;place-content:center;text-align:center;padding:100px 24px;background:radial-gradient(circle at 50% 60%,#173346,#061016 65%)}.visit h2{font-size:clamp(56px,8vw,110px);margin:16px}.visit>p:not(.section-kicker){color:#9caeb7}.visit a{display:inline-flex;align-items:center;justify-content:center;gap:16px;margin:38px auto 0;padding:15px 24px;border:1px solid rgba(231,174,91,.5);border-radius:999px;color:var(--gold)}.visit a span{font-size:20px}
footer{display:flex;justify-content:space-between;align-items:center;padding:32px clamp(24px,5vw,72px);border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#82929a}footer span{font-family:"Tiro Devanagari Hindi",serif;color:var(--gold);font-size:17px}footer p{margin:0}
@media(max-width:760px){.site-header{padding:14px 18px}.site-header nav,.sound-toggle{display:none}.brand b{font-size:16px}.particle-journey{height:540vh}.hero-copy{left:24px;right:24px;top:54%}.hero-copy h1{font-size:54px;line-height:1.02}.intro{font-size:15px}.progress{right:12px}.mantra{width:90%}.about-grid{grid-template-columns:1fr;gap:10px;padding-block:90px}.body-copy{padding-top:0}.body-copy>p{font-size:16px}.reveal-section{padding-block:90px}.image-window{height:68vh;border-radius:150px 150px 6px 6px}.image-caption{display:block}.image-caption b{display:block;margin-top:8px}footer{display:block;text-align:center}footer>*{display:block;margin:8px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-cue span:after{animation:none}}
