:root{--ink:#183533;--teal:#163d3a;--gold:#ad7631;--paper:#fbf8ef;--cream:#f1e9d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Devanagari',sans-serif}.skip{position:absolute;left:-999px;top:8px;z-index:5;background:#fff;padding:8px}.skip:focus{left:8px}a{color:inherit}.topbar{height:76px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:#fffaf1;border-bottom:1px solid #dfd2b8}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-family:'Noto Serif Devanagari',serif;font-weight:700;font-size:19px}.brand small{display:block;font:12px 'Noto Sans Devanagari',sans-serif;letter-spacing:.02em;margin-top:3px}.brand-mark{height:40px;width:40px;display:grid;place-items:center;border-radius:50%;background:var(--teal);color:#f5dc9b}.topbar nav{display:flex;gap:34px}.topbar nav a{text-decoration:none;font-size:14px}.topbar nav a:hover,.topbar nav a:focus{text-decoration:underline}.hero{height:clamp(510px,60vw,670px);position:relative;overflow:hidden;background:#b98543}.hero-image{position:absolute;inset:0;background:url('/assets/sarathi-krishna-scene.png') center center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,33,36,.85),rgba(13,41,42,0) 54%)}.hero-title{position:absolute;bottom:62px;left:0;right:0;text-align:center;color:#fff;padding:0 20px;text-shadow:0 2px 15px #142c29}.eyebrow,.section-mark{letter-spacing:.18em;font-size:13px;color:#f1d899}.hero-title h1{font:700 clamp(60px,9vw,105px)/1.15 'Noto Serif Devanagari',serif;margin:12px 0}.hero-title p{font-size:clamp(16px,2vw,21px);margin:0 0 24px}.hero-link{display:inline-flex;align-items:center;gap:20px;padding:12px 25px;border:1px solid #f4d99e;text-decoration:none;border-radius:40px;background:rgba(19,54,50,.55);font-size:14px}.hero-link:hover{background:#235852}.hero-caption{position:absolute;bottom:16px;right:25px;color:#fff8e9;font-size:11px;letter-spacing:.05em}.ask-area{position:relative;min-height:780px;overflow:hidden;padding:80px 24px 115px;background:radial-gradient(circle at 50% 0,#fffefa 0,#faf6e9 55%,#f0e7d6 100%)}.intro{text-align:center;max-width:730px;margin:0 auto 34px}.section-mark{color:var(--gold)}.intro h2{font:600 clamp(31px,4vw,48px)/1.3 'Noto Serif Devanagari',serif;margin:18px 0 12px}.intro p{line-height:1.9;color:#62706a;font-size:16px}.ask-card,.answer-card,.no-answer{max-width:840px;margin:0 auto;background:#fffdfa;border:1px solid #decba7;border-radius:20px;box-shadow:0 22px 60px rgba(72,60,35,.11)}.ask-card{padding:30px}.ask-card label{display:block;font-weight:700;margin-bottom:13px}.ask-card input,.ask-card textarea{width:100%;border:1px solid #d8d6c9;border-radius:12px;padding:16px 20px;font:16px/1.8 'Noto Sans Devanagari',sans-serif;color:var(--ink);background:#fff}.ask-card input{margin-bottom:24px}.ask-card textarea{min-height:125px;resize:vertical}.ask-card input:focus,.ask-card textarea:focus{outline:3px solid #e6cf9b;border-color:var(--gold)}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:17px}.form-bottom span{font-size:12px;color:#718078}.form-bottom button{border:0;border-radius:8px;background:var(--teal);color:white;font:600 15px 'Noto Sans Devanagari',sans-serif;padding:14px 24px;cursor:pointer;white-space:nowrap}.form-bottom button:hover{background:#28635c}.form-bottom button:disabled{opacity:.55;cursor:wait}.prompt-row{max-width:840px;margin:24px auto 0;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.prompt-row span{font-size:12px;color:#68736d;margin-right:6px}.prompt-row button{background:#f6edda;border:1px solid #d9c69d;color:#5d522f;border-radius:24px;padding:8px 15px;font:13px 'Noto Sans Devanagari',sans-serif;cursor:pointer}.prompt-row button:hover{background:#e8d9b9}.status{max-width:840px;margin:23px auto 0;text-align:center;color:#6d5336;min-height:22px}.answer-card{margin-top:18px;overflow:hidden;scroll-margin-top:25px}.answer-head{background:var(--teal);color:#fff;display:flex;align-items:center;gap:16px;padding:18px 28px}.krishna-avatar{width:55px;height:55px;flex:none;border:2px solid #e7c980;border-radius:50%;background-image:url('/assets/sarathi-krishna-scene.png');background-size:270px auto;background-position:27% 24%;background-repeat:no-repeat;background-color:#c9954a}.answer-label{text-transform:uppercase;letter-spacing:.16em;color:#e8d097;font-size:10px}.answer-head h2{font:600 23px 'Noto Serif Devanagari',serif;margin:3px 0 0}.answer-feather{margin-left:auto;font-size:27px;animation:sway 5s ease-in-out infinite}.answer-body{padding:30px 34px 36px}.asked-question{font-size:14px;color:#6d7b73;margin:0 0 18px}.answer-text{white-space:pre-line;font:500 19px/2 'Noto Serif Devanagari',serif;margin:0 0 24px}.verse-box{border-left:4px solid #bc8c46;background:#f8f1e4;padding:20px 24px}.verse-box span{font-size:12px;letter-spacing:.06em;color:#8d6735}.verse-box blockquote{white-space:pre-line;margin:14px 0 0;font:600 19px/1.9 'Noto Serif Devanagari',serif}.source{font-size:14px;font-weight:600;margin:25px 0 4px}.source a{color:#17625a;text-decoration:underline;text-underline-offset:3px}.source a:hover{color:#a06b2d}.source-note{font-size:12px;color:#758078;margin:0}.no-answer{text-align:center;margin-top:22px;padding:26px}.no-answer h2{font:600 22px 'Noto Serif Devanagari',serif}.no-answer p{line-height:1.8}.feather{position:absolute;font-size:70px;opacity:.13;pointer-events:none;animation:drift 13s linear infinite}.feather-one{top:80px;left:5%}.feather-two{top:270px;right:6%;animation-delay:-7s}footer{background:#143632;color:#f5eacf;padding:25px clamp(20px,5vw,80px);display:flex;justify-content:space-between;font-size:13px}footer a{text-decoration:none}[hidden]{display:none!important}@keyframes drift{0%{transform:translateY(0) rotate(-17deg)}50%{transform:translateY(45px) rotate(18deg)}100%{transform:translateY(0) rotate(-17deg)}}@keyframes sway{50%{transform:rotate(14deg)}}@media(max-width:650px){.topbar{height:auto;min-height:68px;padding:12px 18px}.topbar nav{gap:12px}.topbar nav a{font-size:11px}.topbar nav a:last-child{display:none}.brand{font-size:15px}.brand small{font-size:9px}.brand-mark{width:34px;height:34px}.hero{height:560px}.hero-image{background-position:34% center}.hero-title{bottom:60px}.hero-caption{font-size:9px}.ask-area{padding:65px 18px 85px}.ask-card{padding:20px}.form-bottom{align-items:stretch;flex-direction:column}.form-bottom button{width:100%}.answer-body{padding:24px}.answer-text{font-size:17px}.verse-box blockquote{font-size:16px}footer{gap:12px;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feather,.answer-feather{animation:none}}
.book-detail{max-width:760px;margin:90px auto;padding:44px;background:#fffdfa;border:1px solid #decba7;border-radius:18px;line-height:1.9}.book-detail h1{font:600 38px/1.5 "Noto Serif Devanagari",serif}.book-detail a{color:#17625a;font-weight:600}
.answer-body{position:relative;isolation:isolate}
.answer-body::before{content:"";position:absolute;inset:3% 5% 3% auto;width:min(52%,380px);background:url('/assets/sarathi-answer-peacock.png') center/contain no-repeat;opacity:.12;mask-image:radial-gradient(ellipse at center,#000 42%,transparent 78%);pointer-events:none;z-index:-1}
@media(max-width:650px){.answer-body::before{width:65%;right:0;opacity:.09}}

/* Show the entire image at its natural aspect ratio; place text below the crowd. */
.hero{height:auto;min-height:0;overflow:hidden;background:#143632}
.hero-image{position:relative;inset:auto;overflow:hidden;background:none}
.hero-image img{display:block;width:100%;height:auto}
.hero-shade{display:none}
.hero-title{position:relative;inset:auto;bottom:auto;padding:22px 20px 25px;background:linear-gradient(110deg,#163d3a,#235249);text-shadow:none}
.hero-title h1{font-size:clamp(38px,5vw,62px);margin:4px 0}
.hero-title p{font-size:clamp(15px,1.8vw,18px);margin:0 0 13px}
.hero-caption{position:relative;inset:auto;display:block;text-align:center;background:#143632;padding:7px 20px 12px}
@media(max-width:650px){.hero{height:auto}.hero-image{background:none}.hero-title{bottom:auto;padding:20px 18px 24px}.hero-title h1{font-size:46px}.hero-caption{font-size:10px}}

/* Let Sarathi answers read as continuous prose with comfortable line spacing. */
.answer-text{white-space:pre-line;font:500 18px/1.6 'Noto Serif Devanagari',serif;margin-bottom:18px}
.verse-box blockquote{line-height:1.65}
@media(max-width:650px){.answer-text{font-size:17px;line-height:1.6}}

/* A few lightweight rose petals drift above Krishna; no image or script is loaded. */
.hero-image::before,.hero-image::after{content:"";position:absolute;top:-16px;left:26%;width:12px;height:9px;border-radius:75% 12% 70% 14%;background:linear-gradient(135deg,rgba(239,102,113,.94),rgba(179,38,58,.9));box-shadow:25px -35px 0 -2px rgba(215,64,82,.82),-18px -72px 0 -3px rgba(231,91,106,.78);opacity:0;pointer-events:none;animation:sarathi-petal-fall 22s linear infinite}
.hero-image::after{left:31%;animation-delay:-11s;transform:rotate(40deg)}
@keyframes sarathi-petal-fall{0%,8%{opacity:0;transform:translate3d(-12px,-20px,0) rotate(-25deg)}14%{opacity:.62}38%{opacity:.5}48%,100%{opacity:0;transform:translate3d(42px,420px,0) rotate(210deg)}}
@media(max-width:650px){.hero-image::before{left:26%}.hero-image::after{left:31%}}
@media(prefers-reduced-motion:reduce){.hero-image::before,.hero-image::after{animation:none}}