:root{--maroon:#c8161d;--deep:#0b0b0b;--gold:#d71920;--gold2:#ffffff;--saffron:#c8161d;--cream:#ffffff;--card:#ffffff;--ink:#141414;--mute:#5c5c5c;--green:#0b0b0b;--line:#e2e2e2;--odia:'Noto Sans Oriya',sans-serif;--lat:'Cormorant Garamond',serif}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--cream);color:var(--ink);font:400 clamp(1rem,.96rem + .2vw,1.1rem)/1.75 'Noto Sans Oriya',system-ui,sans-serif;overflow-x:hidden}
body::after{content:"";position:fixed;right:0;bottom:0;width:min(44vw,540px);height:80vh;background:url(../images/truptibg.png) right bottom/contain no-repeat;filter:grayscale(1) sepia(.4);opacity:.1;pointer-events:none;z-index:0}
main,footer,.top{position:relative;z-index:1}
img{max-width:100%;display:block}a{color:inherit}
.wrap{width:min(1180px,100% - clamp(2rem,6vw,4rem));margin-inline:auto}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
h1,h2,h3{font-family:var(--lat),var(--odia);font-weight:700;line-height:1.2}
.odia,.odia-t,.q{font-family:var(--odia)}
/* header */
.top{background:var(--maroon);color:#fff7e6;position:sticky;top:0;z-index:50;box-shadow:0 2px 14px #3a0b0a55}
.bar{display:flex;align-items:center;justify-content:space-between;height:74px;gap:1rem}
.brand{display:flex;gap:.7rem;align-items:center;text-decoration:none;min-width:0}.brand img{height:46px;width:auto}
.brand b{display:block;font:700 clamp(1.05rem,2.6vw,1.3rem)/1.3 var(--odia);color:var(--gold2)}.brand small{font:600 .95rem var(--lat);letter-spacing:.16em;opacity:.85}
nav ul{list-style:none;display:flex;gap:.2rem;padding:0}
nav a,.sub-btn{color:#fff7e6;text-decoration:none;padding:.5rem .85rem;border-radius:99px;font:600 .95rem 'Noto Sans Oriya',sans-serif;background:none;border:0;cursor:pointer;transition:.2s}
nav a:hover,.sub-btn:hover{background:#ffffff1f}nav a.cur,.sub-btn.cur{background:var(--gold);color:var(--deep)}
.has-sub{position:relative}.sub-btn i{display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px);margin-left:.25rem}
.sub{position:absolute;right:0;top:100%;min-width:220px;background:var(--card);color:var(--ink);padding:.4rem;border-radius:12px;box-shadow:0 16px 34px #3a0b0a55;border-top:3px solid var(--gold);display:none;list-style:none}
.sub a{color:var(--ink);display:block;border-radius:8px}.sub a:hover{background:var(--maroon);color:#fff}
.has-sub:hover .sub,.has-sub.open .sub{display:block}
.kalasa{height:14px;background:var(--deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14'%3E%3Cpath d='M0 14L14 0l14 14z' fill='%23d71920'/%3E%3Cpath d='M8 14L14 7l6 7z' fill='%230b0b0b'/%3E%3C/svg%3E") repeat-x}
.burger{display:none;background:none;border:0;width:46px;height:46px;cursor:pointer;flex:none}.burger span{display:block;height:2px;background:var(--gold2);margin:6px 11px;transition:.25s}
/* hero */
.hero{background:linear-gradient(180deg,#2a0a06 0%,#6b1d0b 55%,#b5651a 115%);color:#fff7e6;position:relative;overflow:hidden;min-height:clamp(500px,80vh,740px);display:grid;align-items:center}
.heroart{position:absolute;inset:0}
.wheel{position:absolute;left:-12%;top:50%;width:min(80vw,640px);transform:translateY(-50%);color:var(--gold);opacity:.3;animation:spin 240s linear infinite}
.temple{position:absolute;right:3%;bottom:0;height:80%;color:#1a0603;opacity:.6}
@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}
.herotxt{position:relative;text-align:center;padding:3rem 0}
.hero h1{font-size:clamp(2.4rem,8vw,5.4rem);line-height:1.35;color:var(--gold2);text-shadow:0 3px 24px #0008}
.hero .en{font:italic 600 clamp(1.7rem,4.4vw,2.7rem) var(--lat)}
.odia-t{font-size:clamp(1rem,2.4vw,1.15rem);color:var(--saffron);font-weight:700}.hero .odia-t{color:#fff;margin-bottom:.8rem}
.role{opacity:.9;margin:.9rem 0 1.9rem;font-size:clamp(.9rem,2.2vw,1.02rem)}
.btns{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;background:var(--gold);color:var(--deep);text-decoration:none;padding:.75rem 1.6rem;border-radius:99px;font-weight:700;border:2px solid var(--gold);cursor:pointer;font-family:inherit;font-size:.98rem;transition:.2s}
.btn:hover{background:var(--maroon);color:#fff;border-color:var(--maroon)}.btn.ghost{background:none;color:#fff7e6;border-color:#fff7e6}.btn.ghost:hover{background:#fff7e6;color:var(--maroon)}.btn.sm{padding:.55rem 1.2rem}
/* sections */
.block{padding:clamp(2.4rem,6vw,4rem) 0}
.sechead{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:2px solid var(--gold);margin-bottom:1.6rem;padding-bottom:.4rem}
.sechead h2,.about h2{font-size:clamp(1.9rem,4.4vw,2.5rem);color:var(--maroon)}.sechead a{font-weight:700;color:var(--saffron)}
.about{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:clamp(1.5rem,5vw,3rem);align-items:center}
.portrait img{border-radius:180px 180px 10px 10px;width:100%;box-shadow:12px 12px 0 var(--gold);border:3px solid var(--maroon)}
.lead{font-size:clamp(1.05rem,2.4vw,1.2rem);margin:.8rem 0}
.tags{margin:.3rem 0}.tags b{display:inline-block;min-width:4.6rem;color:var(--maroon)}
.facts{padding-left:1.1rem;margin:.8rem 0 1.4rem;color:var(--mute)}
.quotes{background:var(--maroon) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14'%3E%3Cpath d='M0 14L14 0l14 14z' fill='%23d71920' fill-opacity='.18'/%3E%3C/svg%3E") repeat-x top;color:#fff7e6;padding:clamp(3rem,7vw,4.5rem) 0;text-align:center}
.q{display:none;font-size:clamp(1.1rem,2.8vw,1.6rem);line-height:2;max-width:820px;margin:auto}.q.on{display:block;animation:fade .8s}
.q cite{display:block;font:normal 700 .95rem var(--odia);margin-top:.8rem;color:var(--gold2)}@keyframes fade{from{opacity:0}}
.dots{margin-top:1.2rem}.dots b{display:inline-block;width:10px;height:10px;border-radius:50%;background:#fff5;margin:0 5px;cursor:pointer}.dots b.on{background:var(--gold)}
.contactband{background:var(--green);color:#fff7e6;text-align:center;padding:clamp(2.2rem,5vw,3rem) 0}.contactband h2{margin-bottom:1rem;font-size:clamp(1.6rem,4vw,2.1rem);color:var(--gold2)}
.pagehead{background:linear-gradient(135deg,var(--deep),var(--maroon));color:#fff7e6;padding:clamp(2.2rem,6vw,3.4rem) 0 clamp(2rem,5vw,2.6rem)}.pagehead h1{font-size:clamp(2.1rem,6vw,3.5rem);color:var(--gold2)}.pagehead .odia-t{color:#fff}.pagehead .sub{position:static;display:block;opacity:.85;background:none;box-shadow:none;padding:0;border:0;min-width:0}
.pagehead+.kalasa{display:block}
/* cards */
.grid{display:grid;gap:1.4rem}
.grid.books{grid-template-columns:repeat(5,1fr);gap:1.1rem}
.grid.read,.grid.gen{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:.25s;cursor:pointer;text-align:left;font:inherit;color:inherit;padding:0}
.card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 10px 24px #6b141430}
.card .im{aspect-ratio:1/1;background:#ecdcbc;overflow:hidden}.read .im,.gen .im{aspect-ratio:16/10}
.card .im img{width:100%;height:100%;object-fit:cover;transition:.4s}.card:hover .im img{transform:scale(1.05)}
.ph{display:grid;place-items:center;height:100%;font:700 2.6rem var(--odia);color:var(--gold2);background:linear-gradient(135deg,var(--deep),var(--maroon))}
.card .tx{padding:.75rem .85rem .9rem;display:flex;flex-direction:column;gap:.15rem;flex:1}
.card h3{font-size:clamp(.95rem,1.4vw,1.05rem);font-family:var(--odia);line-height:1.55;color:var(--maroon)}.card .en{font:italic 600 1.05rem var(--lat);color:var(--mute)}
.meta{font-size:.8rem;color:var(--saffron);font-weight:700}.card p{font-size:.92rem;color:var(--mute);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card .btn{margin-top:.5rem;align-self:flex-start;font-size:.85rem;padding:.4rem 1rem}
.books .card h3{font-size:clamp(.9rem,1.2vw,1rem)}
.empty,.load{padding:3rem 1rem;text-align:center;color:var(--mute);border:1px dashed var(--gold);border-radius:12px;grid-column:1/-1;background:var(--card)}
/* rows: music + awards */
.rows{display:flex;flex-direction:column;gap:.8rem}
.row{display:grid;grid-template-columns:7.5rem 1fr auto;gap:1rem;align-items:center;background:var(--card);border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:10px;padding:1rem 1.3rem;transition:.2s}
.row:hover{border-left-color:var(--maroon);box-shadow:0 6px 18px #6b141420}
.row .d{font-weight:700;color:var(--saffron);font-size:.95rem}.row h3{font:700 clamp(1.05rem,2.2vw,1.2rem)/1.5 var(--odia);color:var(--maroon)}.row .o{color:var(--mute);font-size:.93rem}
.pill{background:#6b14140f;color:var(--maroon);border:1px solid var(--line);border-radius:99px;padding:.2rem .85rem;font-size:.82rem;font-weight:700;white-space:nowrap}
iframe{width:100%;aspect-ratio:16/9;border:0}
/* dialog */
dialog{margin:auto;border:0;border-radius:16px;border-top:6px solid var(--gold);max-width:min(720px,94vw);width:100%;padding:clamp(1.3rem,4vw,2rem);max-height:88vh;overflow:auto;background:var(--cream);box-shadow:0 20px 60px #000a}
dialog::backdrop{background:#2a0a06cc}.x{position:absolute;right:.7rem;top:.3rem;font-size:2rem;background:none;border:0;cursor:pointer;color:var(--maroon)}
#dlgbody h2{font:700 clamp(1.4rem,3.5vw,1.7rem) var(--odia);margin-bottom:.3rem;color:var(--maroon)}#dlgbody .txt{white-space:pre-line;font-family:var(--odia);line-height:2;margin-top:1rem}
#dlgbody .im{border-radius:10px;overflow:hidden}
/* contact + policy */
.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(1.5rem,4vw,2.5rem)}.cards{display:grid;gap:1rem;align-content:start}
.cards a{border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:10px;padding:1rem 1.2rem;text-decoration:none;background:var(--card);word-break:break-word}.cards a:hover{border-left-color:var(--maroon)}.cards b{display:block;color:var(--saffron);font-size:.85rem}
form{display:grid;gap:1rem;background:var(--card);padding:clamp(1.2rem,3vw,1.8rem);border:1px solid var(--line);border-radius:14px}label{font-weight:700;font-size:.92rem;display:grid;gap:.3rem}
input,textarea{font:inherit;padding:.75rem;border:1px solid #cdb78e;background:#fff;border-radius:8px;width:100%}input:focus,textarea:focus{border-color:var(--maroon);outline:2px solid var(--gold)}
label.chk{display:flex;gap:.6rem;font-weight:400;font-size:.88rem;align-items:flex-start}label.chk input{width:auto;margin-top:.35rem}.chk a{color:var(--maroon);font-weight:700}
.hp{position:absolute;left:-9999px}#fmsg{font-weight:700}#fmsg.ok{color:var(--green)}#fmsg.err{color:#b3261e}
.policy{max-width:860px}.policy h2{font-size:1.5rem;color:var(--maroon);margin:1.8rem 0 .4rem}.policy ul{padding-left:1.2rem}.policy p,.policy li{margin:.4rem 0}
footer{background:var(--deep);color:#fff7e6;padding-top:2.5rem;margin-top:2rem}footer::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:var(--deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14'%3E%3Cpath d='M0 14L14 0l14 14z' fill='%23d71920'/%3E%3Cpath d='M8 14L14 7l6 7z' fill='%230b0b0b'/%3E%3C/svg%3E") repeat-x;transform:scaleY(-1)}
.foot{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:2rem}.foot b{font-size:1.4rem;color:var(--gold2)}.foot p{opacity:.8}.foot h4{font-family:var(--lat);font-size:1.25rem;margin-bottom:.4rem;color:var(--gold)}.foot a{display:block;opacity:.85;text-decoration:none;font-size:.95rem;padding:.1rem 0;word-break:break-word}.foot a:hover{opacity:1;color:var(--gold2)}
.copy{text-align:center;padding:1.4rem 1rem;font-size:.85rem;border-top:1px solid #ffffff22;margin-top:1.6rem;color:#fff7e6cc}.copy a{color:var(--gold2);font-weight:700}
/* responsive */
@media(max-width:1020px){.grid.books{grid-template-columns:repeat(4,1fr)}}
@media(max-width:860px){
.burger{display:block}
nav{position:absolute;left:0;right:0;top:74px;background:var(--maroon);max-height:0;overflow:hidden;transition:max-height .35s;border-bottom:4px solid var(--gold)}
.top.open nav{max-height:85vh;overflow:auto}
nav ul{flex-direction:column;padding:.5rem 1.25rem 1.2rem}nav a,.sub-btn{display:block;width:100%;text-align:left;padding:.85rem}
.sub{position:static;display:none;background:var(--deep);box-shadow:none;border-top:0}.sub a{color:#fff7e6}.has-sub:hover .sub{display:none}.has-sub.open .sub{display:block}
.top.open .burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}.top.open .burger span:nth-child(2){opacity:0}.top.open .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.about,.contact,.foot{grid-template-columns:1fr}.portrait{max-width:260px;margin:auto}
.grid.books{grid-template-columns:repeat(3,1fr);gap:.9rem}
body::after{width:90vw;opacity:.07}.temple{height:50%;opacity:.45}.wheel{opacity:.25}}
@media(max-width:620px){.grid.books{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1fr;gap:.3rem}.row .pill{justify-self:start}.brand small{display:none}.bar{height:66px}nav{top:66px}.sechead{flex-wrap:wrap}}
@media(max-width:360px){.wrap{width:calc(100% - 1.5rem)}.btn{padding:.65rem 1.2rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.pagehead{border-bottom:6px solid var(--gold)}

/* black / white / red theme + tuned type scale */
body{font-size:clamp(.95rem,.92rem + .18vw,1.04rem);line-height:1.7;background:#fff}
body::after{filter:grayscale(1);opacity:.08}
.top{background:var(--deep);color:#fff;border-bottom:0}
.brand b{color:#fff;font-size:clamp(1rem,2.4vw,1.2rem)}.brand small{color:#fff;opacity:.7}
nav a,.sub-btn{color:#fff;font-size:.9rem}nav a:hover,.sub-btn:hover{background:#ffffff22}
nav a.cur,.sub-btn.cur{background:var(--maroon);color:#fff}
.sub{border-top:3px solid var(--maroon)}.sub a{color:var(--ink)}.sub a:hover{background:var(--deep);color:#fff}
.burger span{background:#fff}
.kalasa{background-color:#0b0b0b}
.hero{background:radial-gradient(ellipse at 75% 40%,#3a0a0c 0%,#111 55%,#000 100%);color:#fff}
.wheel{color:#fff;opacity:.16}.temple{color:#fff;opacity:.12}
.hero h1{color:#fff;font-size:clamp(2.1rem,6.6vw,4.4rem);text-shadow:none}
.hero .en{font-size:clamp(1.4rem,3.6vw,2.2rem);color:#ffd9da}
.hero .odia-t{color:#fff;font-size:clamp(.95rem,2.2vw,1.1rem)}.hero .odia-t::after{content:"";display:block;width:56px;height:3px;background:var(--maroon);margin:.6rem auto 0}
.role{color:#ddd;font-size:clamp(.85rem,2vw,.98rem)}
.btn{background:var(--maroon);color:#fff;border-color:var(--maroon);font-size:.92rem}
.btn:hover{background:#fff;color:var(--maroon);border-color:var(--maroon)}
.btn.ghost{color:#fff;border-color:#fff;background:none}.btn.ghost:hover{background:#fff;color:#000}
.sechead{border-bottom:2px solid var(--deep)}.sechead h2,.about h2{color:var(--deep);font-size:clamp(1.55rem,3.6vw,2.1rem);border-left:5px solid var(--maroon);padding-left:.7rem}
.sechead a{color:var(--maroon)}
.portrait img{box-shadow:12px 12px 0 var(--maroon);border:3px solid var(--deep)}
.lead{font-size:clamp(1rem,2vw,1.12rem)}.tags b{color:var(--maroon)}
.quotes{background:var(--maroon);color:#fff}.q{font-size:clamp(1.05rem,2.5vw,1.45rem)}.q cite{color:#fff;opacity:.9}.dots b{background:#fff6}.dots b.on{background:#fff}
.contactband{background:var(--deep)}.contactband h2{color:#fff;font-size:clamp(1.4rem,3.4vw,1.9rem)}
.pagehead{background:#000;border-bottom:5px solid var(--maroon)}.pagehead h1{color:#fff;font-size:clamp(1.9rem,5vw,3rem)}.pagehead .odia-t{color:#fff}.pagehead .sub{color:#ddd}
.card{border-radius:6px;border-color:var(--line)}.card:hover{border-color:var(--maroon);box-shadow:0 10px 24px #0002}
.card h3{color:var(--deep);font-size:clamp(.92rem,1.3vw,1rem)}.card .en{font-size:1rem}.meta{color:var(--maroon);font-size:.76rem}
.ph{background:linear-gradient(135deg,#000,#7a0e12);color:#fff}
.row{border-left:5px solid var(--maroon);border-radius:6px}.row:hover{border-left-color:var(--deep)}.row h3{color:var(--deep);font-size:clamp(1rem,2vw,1.12rem)}.row .d{color:var(--maroon);font-size:.85rem}
.pill{background:#fff;color:var(--maroon);border-color:var(--maroon)}
.row.pic{grid-template-columns:clamp(96px,16vw,170px) 1fr auto;padding:.7rem .9rem .7rem .7rem}
.th{aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:#eee}.th img{width:100%;height:100%;object-fit:cover}.th a{display:block;height:100%}
dialog{border-top:6px solid var(--maroon);border-radius:10px;background:#fff}#dlgbody h2{color:var(--deep);font-size:clamp(1.3rem,3.2vw,1.6rem)}.x{color:var(--deep)}
.cards a,form{border-radius:8px}.cards a{border-left:5px solid var(--maroon)}.cards b{color:var(--maroon)}
input:focus,textarea:focus{border-color:var(--maroon);outline:2px solid #d7192055}.chk a{color:var(--maroon)}
.policy h2{color:var(--deep);font-size:1.3rem;border-left:4px solid var(--maroon);padding-left:.6rem}
footer{background:#000;border-top:0}.foot b{color:#fff;font-size:1.25rem}.foot h4{color:var(--maroon);font-size:1.15rem}.foot a:hover{color:#fff;text-decoration:underline}.copy a{color:#fff;text-decoration:underline}
[data-sheet]{scroll-margin-top:100px}
.pager{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:2rem}
.pb{min-width:42px;height:42px;padding:0 .9rem;border:1px solid var(--deep);background:#fff;color:var(--deep);font:600 .9rem 'Noto Sans Oriya',sans-serif;border-radius:6px;cursor:pointer;transition:.2s}
.pb:hover:not(:disabled),.pb.on{background:var(--maroon);border-color:var(--maroon);color:#fff}.pb:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:860px){nav{background:var(--deep);border-bottom:4px solid var(--maroon)}.sub{background:#1b1b1b}.sub a{color:#fff}.temple{opacity:.1}.wheel{opacity:.14}}
@media(max-width:620px){.row.pic{grid-template-columns:92px 1fr;gap:.2rem .8rem}.row.pic>:last-child{grid-column:1/-1;justify-self:start;margin-top:.3rem}.pb{min-width:38px;height:38px;padding:0 .7rem}}

/* home banner: 1920x700 */
.banner{background:#000;line-height:0;border-bottom:5px solid var(--maroon)}
.banner img{width:100%;height:auto;aspect-ratio:1920/700;object-fit:cover;object-position:center;background:linear-gradient(135deg,#000,#3a0a0c)}
@media(max-width:620px){.banner img{aspect-ratio:16/9}}

.hero-banner{
  position:relative;
  min-height:clamp(380px, 45vw, 700px);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
}
.hero-banner .hero-bg{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  z-index:0;
}
/* dark overlay so the text is readable on the image */
.hero-banner::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(rgba(0,0,0,.40), rgba(0,0,0,.55));
  z-index:1;
}
.hero-banner .heroart{
  position:absolute; inset:0;
  z-index:1;
  opacity:.12;
  pointer-events:none;
}
.hero-banner .herotxt{
  position:relative;
  z-index:2;
  padding:40px 16px;
}
.hero-banner .herotxt h1,
.hero-banner .herotxt p{
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.6);
}



/* Compact Odia poetry section */
.quotes {
    position: relative;
    width: 100%;
    padding: 35px 0 !important;
    overflow: hidden;
}

.quotes > .wrap {
    position: relative;
    max-width: 1200px;
    min-height: 300px !important;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
}

/* Centre poetry */
.quotes .q {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
    z-index: 2;
}

/* Four slider dots below poetry */
.quotes .dots {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    transform: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 18px auto 0 !important;
    z-index: 5;
}

/* Side decorations */
.quote-side {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 180px;
    height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    pointer-events: none;
    z-index: 1;
}

.quote-side-left {
    left: 20px;
}

.quote-side-right {
    right: 20px;
}

/* Konark-inspired rotating Chakra */
.side-wheel {
    width: 110px;
    height: 110px;
    fill: none;
    stroke: rgba(255,255,255,0.35);
    stroke-width: 4;
    stroke-linecap: round;
    animation: konarkRotate 30s linear infinite;
}

@keyframes konarkRotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Mobile view */
@media (max-width: 768px) {
    .quotes {
        padding: 25px 0 !important;
    }

    .quotes > .wrap {
        min-height: 280px !important;
    }

    .quote-side {
        display: none;
    }

    .quotes .q {
        width: 100%;
        padding: 0 12px;
    }

    .quotes .dots {
        margin-top: 15px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .side-wheel {
        animation: none;
    }
}

/* =====================================================
   ADDED: search box, photo gallery (awards + press),
   YouTube thumbnails (on screen), press clippings grid
   ===================================================== */

/* ---------- search box (every list page) ---------- */
.search{display:flex;align-items:center;gap:.9rem;margin:0 0 1.6rem}
.sin{flex:1;max-width:520px;height:46px;padding:0 1rem 0 2.9rem;border:1px solid var(--deep);border-radius:6px;color:var(--ink);font:500 1rem 'Noto Sans Oriya',system-ui,sans-serif;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21'/%3E%3C/svg%3E") no-repeat .95rem 50%/18px}
.sin:focus{border-color:var(--maroon);outline:2px solid #d7192055}
.scount{font-size:.9rem;color:var(--mute);white-space:nowrap}
@media(max-width:620px){.sin{max-width:none}}

/* ---------- zoom hint on clickable photos ---------- */
.th,.zoomcard .im{position:relative}
.row.zoom,.zoomcard{cursor:zoom-in}
.row.zoom:focus-visible,.zoomcard:focus-visible{outline:3px solid var(--maroon);outline-offset:2px}
.zi{position:absolute;right:6px;bottom:6px;width:30px;height:30px;border-radius:50%;background:#000a;opacity:0;transition:opacity .2s;pointer-events:none}
.zi::before{content:"";position:absolute;left:7px;top:6px;width:9px;height:9px;border:2px solid #fff;border-radius:50%}
.zi::after{content:"";position:absolute;left:17px;top:17px;width:6px;height:2px;background:#fff;transform:rotate(45deg);transform-origin:0 0}
.row.zoom:hover .zi,.row.zoom:focus-visible .zi,.zoomcard:hover .zi,.zoomcard:focus-visible .zi{opacity:1}
@media(hover:none){.zi{opacity:.9}}

/* ---------- photo gallery dialog ---------- */
dialog.gal{max-width:min(1000px,96vw);padding:clamp(.8rem,2.5vw,1.4rem)}
dialog.gal #dlgbody{padding-top:1.4rem}
.gtop{display:flex;align-items:center;gap:.5rem}
.gimg{flex:1;min-width:0;display:grid;place-items:center;min-height:200px;background:#f1f1f1;border-radius:6px;overflow:hidden}
.gimg img{width:auto;height:auto;max-width:100%;max-height:min(52vh,560px);object-fit:contain}
.gimg .ph{width:100%;min-height:240px}
.gnav{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--deep);background:#fff;color:var(--deep);font-size:1.8rem;line-height:1;cursor:pointer;transition:.2s}
.gnav:hover:not(:disabled){background:var(--maroon);border-color:var(--maroon);color:#fff}
.gnav:disabled{opacity:.3;cursor:not-allowed}
.gcap{padding:1rem .2rem .2rem}
.gcount{font-size:.85rem;font-weight:700;color:var(--mute)}
.gcap h2{margin:.2rem 0 .7rem}
.gcap dl{display:grid;gap:.4rem;margin:0 0 1rem}
.gcap dl div{display:grid;grid-template-columns:8rem 1fr;gap:.6rem}
.gcap dt{font-size:.9rem;font-weight:700;color:var(--maroon)}
.gcap dd{margin:0;font-family:var(--odia)}
.gact{display:flex;gap:.6rem;flex-wrap:wrap}
.gfull[hidden]{display:none}
@media(max-width:620px){
  .gnav{width:36px;height:36px;font-size:1.5rem}
  .gimg img{max-height:46vh}
  .gtop{gap:.3rem}
  .gcap dl div{grid-template-columns:1fr;gap:0}
}

/* ---------- On Screen: YouTube thumbnail + play button ---------- */
.yt{display:block;position:relative;height:100%;background:#000}
.play{position:absolute;inset:0;pointer-events:none}
.play::before{content:"";position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:50%;background:#000b;border:2px solid #fff;transition:.2s}
.play::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-35%,-50%);border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.yt:hover .play::before{background:var(--maroon);border-color:var(--maroon)}

/* ---------- Event + Press: photo grid, 5 per row ---------- */
.grid.pics{grid-template-columns:repeat(5,1fr);gap:1.1rem}
.pics .card .im{aspect-ratio:1/1;background:#f1f1f1}
.pics.tall .card .im{aspect-ratio:4/5}
.pics.tall .card .im img{object-position:top center}
.pics .card h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
@media(max-width:1020px){.grid.pics{grid-template-columns:repeat(4,1fr)}}
@media(max-width:860px){.grid.pics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.grid.pics{grid-template-columns:repeat(2,1fr);gap:.9rem}}

/* ---------- Books: Buy now button ---------- */
.books .card .en,.read .card .en{margin-bottom:.4rem}

/* ---------- Buy now + Share buttons (cards and popup) ---------- */
.acts{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:auto;padding-top:.6rem}
.acts .btn,.acts .shr-btn{margin-top:0}
.card .acts .btn{padding:.4rem .8rem;align-self:center}
.acts .btn{line-height:1.3}
.card .acts .shr-btn{padding:.4rem .75rem;gap:.3rem}
#dlgbody .acts{margin-top:1.2rem}
.shr-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .95rem;border-radius:99px;border:2px solid var(--deep);background:#fff;color:var(--deep);font-family:inherit;font-size:.85rem;font-weight:700;line-height:1.3;cursor:pointer;transition:.2s}
.shr-btn svg{flex:none}
.shr-btn:hover,.shr-btn:focus-visible{background:var(--maroon);border-color:var(--maroon);color:#fff}
#dlgbody .shr-btn{font-size:.95rem;padding:.65rem 1.2rem}

/* ---------- Share menu ---------- */
dialog.shr{max-width:min(440px,94vw)}
.shr-in h2{font:700 1.5rem var(--odia);color:var(--deep);margin-bottom:.2rem}
.shr-t{color:var(--mute);margin-bottom:1.1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.shr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.shr-grid a,.shr-grid button{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.8rem .3rem;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--deep);text-decoration:none;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:.2s}
.shr-grid a:hover,.shr-grid button:hover{border-color:var(--maroon);transform:translateY(-2px)}
.shr-ic{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 1.05rem Arial,sans-serif}
.shr-url{margin-top:1rem}
.shr-url input{width:100%;padding:.6rem .8rem;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:.85rem;color:var(--mute);background:#fafafa}
.shr-more{display:block;width:100%;margin-top:.8rem;padding:.65rem;border:0;border-radius:99px;background:var(--deep);color:#fff;font-family:inherit;font-weight:700;cursor:pointer}
.shr-more:hover{background:var(--maroon)}

/* ---------- Book / article pages (made by tools/build_seo.py) ---------- */
.item .crumbs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.6rem;font-size:.9rem;color:var(--mute)}
.item .crumbs a{display:inline;padding:0;border:0;color:var(--maroon);text-decoration:none;font-weight:600}
.item .crumbs a:hover{text-decoration:underline}
.item-grid{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:2.4rem;align-items:start}
.item-cover img{width:100%;height:auto;border-radius:10px;box-shadow:0 12px 30px #0003}
.item .meta{margin-bottom:.2rem}
.item .by{color:var(--mute);margin-bottom:1rem}
.item .by a{color:var(--maroon);font-weight:600;text-decoration:none}
.item .txt{font-family:var(--odia);line-height:2}
.item .txt p{margin:0 0 1.1rem}
.item .acts{margin-top:1.4rem;padding-top:0}
.more-items{margin-top:3.2rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.more-items h2{font-size:1.4rem;margin-bottom:.8rem}
.more-items ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem 1.6rem}
.more-items a{color:var(--maroon);font-weight:600;text-decoration:none}
.more-items a:hover{text-decoration:underline}
.acts .full{font-size:.9rem;font-weight:700;color:var(--maroon);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.item-grid{grid-template-columns:1fr;gap:1.4rem}.item-cover{max-width:260px}}