@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Devanagari:wght@400;500&display=swap');
@font-face{font-family:'PP Editorial New';src:url('assets/fonts/PPEditorialNew-Regular.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'PP Neue Montreal';src:url('assets/fonts/PPNeueMontreal-Regular.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--ivory:#f7f1dd;--muted:#d7e1dc;--look-x:0px;--look-y:0px;--serif:'PP Editorial New',Georgia,serif;--sans:'PP Neue Montreal',-apple-system,BlinkMacSystemFont,sans-serif}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#073548;color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #f3d694;outline-offset:7px}::selection{background:#ead49c;color:#073548}.hero{width:100%;height:100svh;height:100dvh;position:relative;isolation:isolate;overflow:hidden}.scene{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#073548}.scene-art{width:100%;height:100%;object-fit:cover;object-position:center bottom;transform:translate3d(var(--look-x),var(--look-y),0) scale(1.035);will-change:transform;animation:scene-appear 1.6s ease-out both}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#02182540 0%,#021a2717 45%,transparent 72%,#00111919 100%);pointer-events:none}.ambient-light{position:absolute;left:37%;bottom:3%;width:27%;height:19%;border-radius:50%;background:#ffcf5811;filter:blur(40px);mix-blend-mode:screen;animation:light-breathe 6s ease-in-out infinite;pointer-events:none}.stardust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.grain{position:absolute;inset:-50%;width:200%;height:200%;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' opacity='.7' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.hero-content{position:absolute;top:11%;left:4%;right:4%;text-align:center;display:flex;align-items:center;flex-direction:column;animation:content-appear 1.4s .1s both}.verse-reference{font-size:11px;font-weight:400;letter-spacing:3.6px;line-height:1.5;opacity:.7;transition:opacity .2s}.verse-reference:hover{opacity:1}.verse-reference span{margin-inline:12px;font-size:15px}#gita-verse{font-family:'PP Editorial New','Noto Serif Devanagari','Kohinoor Devanagari',serif;font-weight:400;font-size:clamp(34px,4vw,60px);line-height:1.7;letter-spacing:-.75px;margin:20px 0 12px;text-shadow:0 2px 25px #052f4790;max-width:1500px}#gita-verse>span{display:block}.verse-meaning{font:400 17px/1.9 var(--sans);color:var(--muted);margin:0;opacity:.86;max-width:750px;text-shadow:0 2px 12px #032a3f}.journey-entry{position:relative;margin-top:24px}.journey-button{height:48px;min-width:238px;border:1px solid #b9d2ca67;border-radius:40px;background:linear-gradient(110deg,#d1e0d80a,#d1e0d805);backdrop-filter:blur(3px);padding:0 21px 0 25px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;font-weight:400;box-shadow:inset 0 1px 1px #e4f0dd18,0 0 20px #a9d3d304;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}.journey-button:hover{background:#d4e2d817;border-color:#d8e8dbae;box-shadow:inset 0 1px 1px #e4f0dd18,0 0 24px #a9d3d30d;transform:translateY(-2px)}.journey-button:active{transform:translateY(0)}.journey-button svg{height:18px;width:18px;stroke:currentColor;stroke-width:1.1;opacity:.8;transition:transform .3s}.journey-button:hover svg{transform:translateX(3px)}.journey-note{position:absolute;top:calc(100% + 13px);left:50%;transform:translateX(-50%);width:300px;margin:0;font-size:10px;line-height:1.7;color:#dce5de;opacity:0;transition:opacity .3s}.journey-note.visible{opacity:1}.motion-toggle{position:absolute;right:max(27px,env(safe-area-inset-right));bottom:max(23px,env(safe-area-inset-bottom));width:32px;height:32px;border:1px solid #e0e5d833;border-radius:50%;display:grid;place-items:center;background:#07354828;backdrop-filter:blur(4px);opacity:.65;transition:opacity .2s;z-index:3}.motion-toggle:hover{opacity:1}.motion-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3}.motion-toggle .play-icon{display:none}.paused .motion-toggle .pause-icon{display:none}.paused .motion-toggle .play-icon{display:block}.paused .ambient-light{animation-play-state:paused}
@keyframes content-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scene-appear{from{opacity:0}to{opacity:1}}@keyframes light-breathe{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.09)}}
@media(min-aspect-ratio:19/10){.hero-content{top:12%}#gita-verse{font-size:clamp(34px,3.9vw,59px);line-height:1.65;margin-top:16px;margin-bottom:8px}.verse-meaning{font-size:15px}.journey-entry{margin-top:21px}.journey-button{height:44px}}
@media(max-width:900px){.hero-content{top:19%;left:5%;right:5%}#gita-verse{font-size:clamp(30px,5.25vw,46px);letter-spacing:-.5px;line-height:1.9;margin-top:20px}.verse-meaning{font-size:15px}.journey-entry{margin-top:26px}.journey-button{min-width:225px;font-size:11px;height:46px}}
@media(max-width:560px){.hero-content{top:8%;left:20px;right:20px}.verse-reference{font-size:9px;letter-spacing:2.9px}.verse-reference span{margin-inline:9px}#gita-verse{font-size:clamp(25px,6vw,34px);letter-spacing:-.4px;line-height:2.05;margin-top:22px;margin-bottom:16px;max-width:100%}.verse-meaning{font-size:14px;line-height:1.9;max-width:375px}.verse-meaning br{display:none}.journey-entry{margin-top:28px}.journey-button{height:46px;min-width:225px;font-size:11px;padding-left:24px}.scene-art{object-position:50% bottom}.scene-shade{background:linear-gradient(180deg,#0222332b,transparent 74%)}.motion-toggle{right:19px;bottom:20px;width:29px;height:29px}.ambient-light{width:85%;left:7%;bottom:4%;height:18%}.journey-note{font-size:9px;max-width:280px}.grain{opacity:.022}}
@media(max-width:360px){.hero-content{left:14px;right:14px}#gita-verse{font-size:24px;letter-spacing:-.6px;line-height:2.1}.verse-meaning{font-size:12.5px;max-width:330px}.verse-reference{font-size:8px}.journey-entry{margin-top:23px}.journey-button{height:43px;min-width:215px;font-size:10px}}
@media(max-height:650px) and (min-width:561px){.hero-content{top:4%}.verse-reference{font-size:9px}#gita-verse{font-size:22px;line-height:1.65;margin:13px 0 5px}.verse-meaning{font-size:9px;line-height:1.7}.journey-entry{margin-top:18px}.journey-button{height:41px;min-width:220px;font-size:10px}}
@media(max-height:450px) and (min-width:561px){.hero-content{top:6%}.verse-reference{font-size:7.5px}#gita-verse{font-size:24px;line-height:1.6;margin:10px 0 4px}.verse-meaning{font-size:9px;line-height:1.6}.verse-meaning br{display:none}.journey-entry{margin-top:12px}.journey-button{height:35px;min-width:200px;font-size:9px}.journey-note{font-size:8px;top:calc(100% + 6px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.scene-art{transform:scale(1.035)}.journey-button:hover{transform:none}}
@media(max-height:650px) and (max-width:560px){.hero-content{top:12%}.verse-reference{font-size:7.5px}#gita-verse{font-size:22px;line-height:1.85;margin-top:16px;margin-bottom:10px}.verse-meaning{font-size:12px;line-height:1.7;max-width:350px}.journey-entry{margin-top:18px}.journey-button{height:40px;min-width:210px;font-size:10px}}
.motion-toggle{right:auto;left:max(27px,env(safe-area-inset-left))}
.wind-scene{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.wind-ready .wind-scene{opacity:1}.wind-ready .scene-art{opacity:0;animation:none}
.verse-meaning{max-width:725px;line-height:1.8}
@media(max-width:560px){.motion-toggle{right:auto;left:19px}.verse-meaning{font-size:14px;max-width:385px}.journey-entry{margin-top:21px}}
@media(max-height:650px) and (max-width:560px){.verse-meaning{font-size:11px;line-height:1.7;max-width:330px}.journey-entry{margin-top:15px}}
@media(max-height:450px) and (min-width:561px){.verse-meaning{font-size:11px;max-width:640px}}
@font-face{font-family:'PP Neue Montreal';src:url('assets/fonts/PPNeueMontreal-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
.verse-reference{font-size:15px;letter-spacing:2.5px;opacity:.9}.verse-meaning{font-size:22.5px;line-height:1.8;max-width:925px;opacity:1}.journey-button{font-size:17px;font-weight:700;min-width:270px;height:53px}.journey-note{font-size:14px}
@media(max-width:900px){.verse-meaning{font-size:21px;max-width:775px}.journey-button{font-size:17px}}
@media(max-width:600px){.verse-reference{font-size:14px;letter-spacing:1.75px}.verse-meaning{font-size:20px;line-height:1.75;max-width:440px}.journey-button{font-size:16px;height:49px;min-width:250px}}
@media(max-height:650px) and (min-width:561px){.hero-content{top:3%}.verse-reference{font-size:9px;letter-spacing:1.6px}#gita-verse{font-size:20px;line-height:1.5;margin:8px 0 4px}.verse-meaning{font-size:10px;line-height:1.5;max-width:560px}.journey-entry{margin-top:10px}.journey-button{height:38px;min-width:210px;font-size:12px}}