:root{--serif:'Anek Telugu','Noto Sans Telugu','Nirmala UI',system-ui,sans-serif;--red:#a11d22;--maroon:#7a1a1f;--gold:#d9a566}
[data-theme=dark]{--bg:#140f0e;--text:#efe4cc;--muted:#d9c9a6;--ovl1:rgba(20,15,14,.96);--ovl2:rgba(20,15,14,.84);--ovl3:rgba(122,26,31,.55);--clip:#efe4cc;--clipt:#140f0e;--clipa:#7a1a1f;--btn:#efe4cc;--btnt:#140f0e;--foot:rgba(20,15,14,.92);--line:rgba(217,165,102,.45);--link:#d9a566}
[data-theme=light]{--bg:#efe4cc;--text:#241a17;--muted:#4a3b30;--ovl1:rgba(246,238,219,.95);--ovl2:rgba(243,233,208,.85);--ovl3:rgba(217,165,102,.45);--clip:#fffaf0;--clipt:#241a17;--clipa:#a11d22;--btn:#a11d22;--btnt:#fff7e6;--foot:rgba(239,228,204,.94);--line:rgba(122,26,31,.35);--link:#7a1a1f}
*{box-sizing:border-box;margin:0}
html,body{height:100%;overflow:hidden}
body{background:var(--bg);color:var(--text);font-family:var(--serif);line-height:1.5;-webkit-text-size-adjust:100%}
.bg{position:fixed;inset:0}
.bg i{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:show 63s infinite,drift 63s infinite linear}
.bg i:nth-child(1){background-image:url(../img/slide1.jpg)}.bg i:nth-child(2){background-image:url(../img/slide2.jpg);animation-delay:9s}
.bg i:nth-child(3){background-image:url(../img/slide3.jpg);animation-delay:18s}.bg i:nth-child(4){background-image:url(../img/slide4.jpg);animation-delay:27s}
.bg i:nth-child(5){background-image:url(../img/slide5.jpg);animation-delay:36s}.bg i:nth-child(6){background-image:url(../img/slide6.jpg);animation-delay:45s}
.bg i:nth-child(7){background-image:url(../img/slide7.jpg);animation-delay:54s}
@keyframes show{0%{opacity:0}4%,14%{opacity:1}18%,100%{opacity:0}}
@keyframes drift{from{transform:scale(1.02)}to{transform:scale(1.14)}}
.bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--ovl1) 0%,var(--ovl2) 50%,var(--ovl3) 100%)}
.wrap{position:relative;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.mast{background:var(--red);border-bottom:3px solid var(--gold);padding:clamp(6px,1.2vh,12px) clamp(12px,3vw,48px);display:flex;align-items:center;gap:12px}
.mast img{height:clamp(32px,7vh,72px);width:auto;max-width:62%;border-radius:3px;display:block}
.mast p{margin-left:auto;font-size:clamp(.7rem,1.6vh,.9rem);color:#efe4cc;text-align:right}
main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(16px,4vw,64px);padding:clamp(10px,3vh,48px) clamp(12px,3vw,48px);align-items:center;min-height:0}
section{min-width:0}
h1{font-weight:800;font-size:clamp(1.7rem,min(5.6vw,9.5vh),4.6rem);line-height:1.3}
.lede{margin-top:clamp(6px,1.6vh,18px);max-width:32em;font-size:clamp(.88rem,min(1.8vw,2.6vh),1.2rem);color:var(--muted)}
.tags{display:flex;flex-wrap:wrap;gap:6px 8px;margin:clamp(8px,2vh,22px) 0}
.tags span{border:1px solid var(--line);padding:0 10px;border-radius:2px;font-size:clamp(.72rem,1.9vh,.92rem)}
.btn{display:inline-block;background:var(--btn);color:var(--btnt);font-weight:600;text-decoration:none;padding:clamp(7px,1.5vh,12px) clamp(14px,2.5vw,26px);border-radius:2px;border-bottom:3px solid var(--maroon);font-size:clamp(.85rem,2vh,1rem)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.clip{display:flex;flex-direction:column;max-height:100%;min-height:0;background:var(--clip);color:var(--clipt);padding:clamp(10px,2vh,22px) clamp(12px,2vw,24px);border-top:6px solid var(--clipa);box-shadow:0 16px 40px rgba(0,0,0,.4)}
.clip h2{font-size:clamp(1rem,2.8vh,1.4rem);color:var(--clipa);line-height:1.4}
.clip small{font-size:clamp(.7rem,1.8vh,.85rem);opacity:.75;margin-bottom:6px}
.feed{height:clamp(8em,26vh,15em);overflow:hidden}
.feed ul{list-style:none;padding:0;animation:roll 36s linear infinite}
.feed:hover ul{animation-play-state:paused}
.feed li{padding:7px 0;border-bottom:1px solid rgba(0,0,0,.18);font-weight:600;font-size:clamp(.82rem,2vh,1rem)}
@keyframes roll{to{transform:translateY(-50%)}}
footer{background:var(--foot);border-top:1px solid var(--line);padding:clamp(6px,1.4vh,16px) clamp(12px,3vw,48px);display:flex;flex-wrap:wrap;gap:4px 28px;font-size:clamp(.68rem,1.7vh,.9rem);color:var(--muted)}
footer b{color:var(--text)}footer a{color:var(--link)}
.sw{margin-left:auto}
@media(max-width:820px),(orientation:portrait){main{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-content:center;gap:clamp(8px,2vh,24px)}h1{font-size:clamp(1.6rem,min(8.2vw,6vh),3.4rem)}.mast p{display:none}.feed{height:auto;flex:1;min-height:5em}.clip{max-height:none}}
@media(max-height:560px){.tags,.lede{display:none}.addr{display:none}}
@media(max-height:420px){.clip small{display:none}}
@media(prefers-reduced-motion:reduce){.bg i{animation:none}.bg i:first-child{opacity:1}.feed ul{animation:none}}
html[lang=te] [data-l=en],html[lang=en] [data-l=te]{display:none!important}
.lang{margin-left:auto;background:transparent;color:#efe4cc;border:1px solid #efe4cc;border-radius:2px;padding:4px 14px;font:600 clamp(.8rem,2vh,.95rem) var(--serif);cursor:pointer}
.lang:hover{background:#efe4cc;color:#7a1a1f}
html[lang=en] h1{line-height:1.12;font-size:clamp(1.7rem,min(5.4vw,9vh),4.4rem)}
html[lang=en] .lede,html[lang=en] .feed li{line-height:1.45}