@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Malayalam:wght@400;500;600;700&family=Noto+Sans+Malayalam:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--red:#d71920;--red2:#a90f17;--ink:#111;--muted:#68635f;--paper:#fbfaf8;--white:#fff;--soft:#f1eeea;--line:#e6e0da;--serif:'Noto Serif Malayalam',serif;--sans:'Noto Sans Malayalam','DM Sans',sans-serif;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:15px;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1200px,calc(100% - 56px));margin:auto}
.top{position:sticky;top:0;z-index:50;background:#fbfaf8eF;border-bottom:1px solid #e8e1dc;backdrop-filter:blur(18px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:800 15px var(--sans);letter-spacing:.12em}.brand b{color:var(--red)}.links{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:600}.links a{position:relative;padding:10px 0}.links a:after{content:"";height:2px;position:absolute;bottom:2px;left:0;width:0;background:var(--red);transition:width .35s var(--ease)}.links a:hover:after{width:100%}.menu{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(76px,10vw,150px) 0 clamp(70px,9vw,120px);background:radial-gradient(ellipse at 85% 20%,#f3e8e4 0,transparent 35%),linear-gradient(115deg,#fff 0%,#f7f3ef 62%,#f0eae5 100%);border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;z-index:-1;right:-7vw;top:-18vw;width:min(62vw,780px);aspect-ratio:1;border:1px solid #d7192024;border-radius:50%;box-shadow:0 0 0 38px #d7192008,0 0 0 90px #d7192006;animation:orbit 32s linear infinite}.hero:after{content:"Z";position:absolute;z-index:-1;right:8%;top:2%;font:800 clamp(180px,32vw,440px)/1 'DM Sans';color:#d7192008;transform:rotate(-9deg);animation:float 8s ease-in-out infinite}.hero .wrap{position:relative}.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--red);font:700 11px var(--sans);letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{content:"";width:34px;height:1px;background:var(--red)}.hero h1{font:600 clamp(36px,6vw,76px)/1.45 var(--serif);letter-spacing:-.035em;margin:24px 0 18px;max-width:950px}.hero h1 span{color:var(--red)}.hero p{font-size:clamp(15px,1.35vw,18px);line-height:2.15;color:#5e5853;max-width:760px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 23px;background:var(--red);color:white;border:1px solid var(--red);font-size:13px;font-weight:700;letter-spacing:.01em;margin:18px 10px 0 0;transition:transform .35s var(--ease),box-shadow .35s,background .3s}.btn:after{content:'↗';font:18px var(--sans)}.btn:hover{transform:translateY(-4px);background:var(--red2);box-shadow:0 14px 30px #d7192030}.btn.alt{background:transparent;color:var(--ink);border-color:#aaa39c}.btn.alt:hover{color:var(--red);border-color:var(--red);box-shadow:none}
.section{position:relative;padding:clamp(58px,8vw,104px) 0}.section:nth-of-type(even){background:#f2efeb}.section h2{font:600 clamp(26px,3.6vw,44px)/1.5 var(--serif);letter-spacing:-.025em;margin:0 0 14px}.section h2:after{content:"";display:block;width:54px;height:3px;background:var(--red);margin-top:16px}.lead{font-size:15px;line-height:2.15;color:var(--muted);max-width:790px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}.card{position:relative;display:block;border:1px solid #e4ddd6;background:#fff;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s,border-color .3s}.card:before{content:"";position:absolute;z-index:1;left:0;top:0;width:3px;height:0;background:var(--red);transition:height .45s var(--ease)}.card:hover{transform:translateY(-8px);box-shadow:0 22px 50px #25180f13;border-color:#d7c9c0}.card:hover:before{height:100%}.card img{width:100%;height:320px;object-fit:contain;background:linear-gradient(145deg,#f5f1ed,#e9e2dc);padding:18px;transition:transform .7s var(--ease)}.card:hover img{transform:scale(1.035)}.cardbody{padding:25px 26px 28px}.card h3{font:600 21px/1.6 var(--serif);margin:0 0 8px}.muted{color:var(--muted);font-size:13px;line-height:2}.pill{display:inline-block;padding:6px 11px;background:#f3eeea;color:#5f514b;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin:4px 5px 8px 0}.pill.red{background:#fff0ef;color:var(--red)}.txtlink{display:inline-block;color:var(--red);font-size:13px;font-weight:700;margin-top:12px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,5vw,70px);align-items:center}.panel{position:relative;padding:clamp(25px,4vw,46px);background:#fff;border:1px solid var(--line);box-shadow:12px 12px 0 #d719200b}.panel:before{content:"“";position:absolute;right:24px;top:-20px;font:100px Georgia;color:#d7192018}.panel h2{font-size:clamp(24px,3vw,34px)}.list{columns:2;column-gap:34px;padding-left:22px;line-height:2.2;font-size:14px}.bookrow{display:grid;grid-template-columns:145px 1fr;gap:26px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);transition:padding .3s}.bookrow:hover{padding-left:10px}.bookrow img{height:180px;width:135px;object-fit:contain;background:#f0ece7;padding:8px;box-shadow:5px 6px 0 #d7192010}.bookrow h3{font:600 21px var(--serif);margin:0 0 8px}.notice{padding:18px 22px;border-left:3px solid var(--red);background:#fff4f2;color:#655d57;font-size:13px;line-height:2;margin:24px 0}.back{display:inline-block;color:var(--red);margin:22px 0;font-size:13px;font-weight:700}.footer{position:relative;overflow:hidden;padding:66px 0;background:#101010;color:#fff;margin-top:0}.footer:before{content:"THE ZEE BRAND";position:absolute;right:-2%;bottom:-.25em;font:800 clamp(70px,15vw,190px)/1 'DM Sans';letter-spacing:-.08em;color:#ffffff07;white-space:nowrap}.footer .wrap{position:relative}.footer p{color:#aaa;font-size:13px;line-height:2}.footer a{color:#fff}.footer a:hover{color:#ff454b}
/* page entrance + editorial motion */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.hero .wrap>*{animation:rise .8s var(--ease) both}.hero .wrap>*:nth-child(2){animation-delay:.08s}.hero .wrap>*:nth-child(3){animation-delay:.17s}.hero .wrap>*:nth-child(4){animation-delay:.24s}.card:nth-child(3n+2){transition-delay:.05s}.card:nth-child(3n){transition-delay:.1s}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(18px) rotate(-6deg)}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:800px){.wrap{width:min(100% - 36px,650px)}.nav{height:70px}.links{gap:16px;font-size:12px}.hero{padding:76px 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card img{height:260px}.twocol{grid-template-columns:1fr}.hero:before{width:85vw;right:-30vw;top:-8vw}}
@media(max-width:560px){.wrap{width:calc(100% - 30px)}.links{display:none}.menu{display:block;color:var(--red);font-size:12px;font-weight:700}.hero{padding:62px 0 58px}.hero h1{font-size:clamp(32px,10vw,48px)}.hero:after{right:-4%;top:18%;font-size:220px}.grid{grid-template-columns:1fr;gap:16px}.card img{height:290px}.section{padding:58px 0}.list{columns:1}.bookrow{grid-template-columns:100px 1fr;gap:17px}.bookrow img{width:95px;height:135px}.footer{padding:48px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* ─────────────────────────────────────────────────────────────
   THE ZEE BRAND — FINAL EDITORIAL ART DIRECTION
   A single literary universe; distinct visual chapters.
   ───────────────────────────────────────────────────────────── */
:root{--red:#d71920;--red2:#a80f17;--ink:#111;--paper:#f8f6f2;--line:#ddd6cf;--serif:'Noto Serif Malayalam',serif}
body{background:#f8f6f2;color:#151313;letter-spacing:.002em}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;background:repeating-linear-gradient(0deg,transparent 0 5px,#6d514008 6px)}
.top{background:#faf8f5ed;border-bottom:1px solid #d8d0c8;transition:box-shadow .35s,transform .35s}.nav{height:76px}.brand{font-size:14px;letter-spacing:.14em}.brand small{font-size:8px!important;letter-spacing:.23em!important;color:#817a74}.links a{font-size:12px;letter-spacing:.04em}.nav-scrolled{box-shadow:0 8px 30px #160d0b12}
.hero{min-height:430px;display:flex;align-items:center;padding:clamp(78px,9vw,132px) 0;background:linear-gradient(110deg,#fff 0%,#f5f0ea 62%,#eee7df 100%)}.hero:before{right:-5vw;top:-22vw;width:min(67vw,900px);border-color:#d7192030;box-shadow:0 0 0 2px #d7192008,0 0 0 34px #d7192009,0 0 0 76px #d7192006}.hero:after{content:"THE ZEE";right:2%;top:auto;bottom:-.16em;font:800 clamp(90px,17vw,230px)/1 'DM Sans';letter-spacing:-.09em;color:#15131306;white-space:nowrap;transform:none}.hero h1{max-width:900px;font-size:clamp(38px,6.3vw,78px);line-height:1.42;margin:26px 0 18px}.hero p{max-width:720px;line-height:2.05}.eyebrow{font-size:10px;letter-spacing:.2em}.eyebrow:before{width:42px;height:2px}
.section{padding:clamp(66px,8vw,112px) 0}.section:nth-of-type(even){background:#f0ece6}.section h2{font-size:clamp(27px,3.5vw,43px);line-height:1.55}.section h2:after{width:68px;height:3px;margin-top:20px}.lead{line-height:2.15}.grid{gap:24px}.card{border:0;box-shadow:0 8px 28px #23170d0b;background:#fff}.card:before{width:4px}.card img{height:350px;background:linear-gradient(145deg,#f5f1eb,#e5ddd4);padding:22px}.cardbody{padding:28px 30px 32px}.card h3{font-size:22px;line-height:1.65}.panel{border:1px solid #ded6ce;box-shadow:10px 10px 0 #d7192010}.pill{letter-spacing:.13em}.bookrow{padding:28px 0}.bookrow img{height:190px;width:145px;object-fit:contain;background:#eee8e0;box-shadow:7px 8px 0 #d7192014}.btn{padding:16px 25px;letter-spacing:.04em}.btn.alt{background:#fff}.footer{padding:78px 0;background:#111;border-top:5px solid var(--red)}.footer:before{color:#ffffff06}.footer b{letter-spacing:.1em}
/* The section pages have individual visual signatures while retaining the Zee palette. */
body[data-page="zeelit"] .hero{background:radial-gradient(ellipse at 80% 55%,#eadbd5 0,transparent 34%),linear-gradient(120deg,#fff 0%,#f5efea 68%,#eee4de 100%)}
body[data-page="zeelit-mathsaravarsham"] .hero{background:linear-gradient(120deg,#151313 0%,#211a19 58%,#3b1719 100%);color:#fff}.page-zeelit-mathsaravarsham .hero p,body[data-page="zeelit-mathsaravarsham"] .hero p{color:#d4c9c4}.page-zeelit-mathsaravarsham .hero .eyebrow,body[data-page="zeelit-mathsaravarsham"] .hero .eyebrow{color:#ff656a}body[data-page="zeelit-mathsaravarsham"] .hero:after{color:#ffffff08}body[data-page="zeelit-mathsaravarsham"] .hero:before{border-color:#ffffff20;box-shadow:0 0 0 36px #ffffff08,0 0 0 80px #ffffff05}
body[data-page^="zeelit-mathsaravarsham-theme-"] .hero{min-height:510px;background:linear-gradient(115deg,#171313 0%,#241918 58%,#41191b 100%);color:white}body[data-page^="zeelit-mathsaravarsham-theme-"] .hero p{color:#ded3ce}body[data-page^="zeelit-mathsaravarsham-theme-"] .hero:after{content:"Z E E L I T";color:#ffffff08;letter-spacing:.02em}body[data-page^="zeelit-mathsaravarsham-theme-"] .hero:before{border-color:#ffffff25;box-shadow:0 0 0 36px #ffffff08,0 0 0 80px #ffffff05}
body[data-page^="zeelit-archive-"] .hero{background:linear-gradient(120deg,#fdfbf8,#eee6dd)}body[data-page^="zeelit-archive-"] .hero:after{content:"ARCHIVE";font-size:clamp(80px,16vw,210px);color:#d7192008}
body[data-page="aarohi"] .hero{background:radial-gradient(ellipse at 82% 40%,#ead9d2 0,transparent 36%),linear-gradient(120deg,#fff,#f2e9e2)}body[data-page="aarohi"] .hero:after{content:"ആരോഹി";font-family:var(--serif);font-size:clamp(100px,19vw,250px);color:#d7192008}
body[data-page="zeeflow"] .hero{background:linear-gradient(120deg,#f8f6f2 0%,#ece7e0 60%,#e4dcd4 100%)}body[data-page="zeeflow"] .hero:after{content:"FLOW";font-size:clamp(130px,22vw,300px);color:#d7192008}
body[data-page="authors"] .hero,body[data-page^="authors-"] .hero{background:linear-gradient(120deg,#161313,#2a1b1a);color:white}body[data-page="authors"] .hero p,body[data-page^="authors-"] .hero p{color:#d7ceca}
/* Archive lists become readable editorial indexes. */
.list{padding-left:28px;line-height:2.35}.list li{padding:2px 8px;border-bottom:1px solid #e8e1da;break-inside:avoid}.list li::marker{color:var(--red);font-weight:700}.notice{border-left:4px solid var(--red);background:#fff0ed;padding:20px 24px}
/* Small page furniture, scroll progress and accessible motion. */
#zee-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--red);z-index:1000;box-shadow:0 0 12px #d7192060}.chapter-mark{display:flex;align-items:center;gap:12px;color:#8b8179;font:700 10px 'DM Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px}.chapter-mark:before{content:"";width:28px;height:2px;background:var(--red)}
@media(max-width:800px){.hero{min-height:380px}.card img{height:290px}.nav{height:70px}}
@media(max-width:560px){.hero{min-height:340px}.hero:after{font-size:100px;right:-4%;bottom:-.05em}.card img{height:300px}.bookrow img{height:145px}.section{padding:58px 0}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero:after{animation:none!important}}
.laureate-ribbon{position:relative;overflow:hidden;padding:76px 0;background:#171313;color:#fff}.laureate-ribbon:after{content:"LAUREATE";position:absolute;right:-.03em;bottom:-.25em;font:800 clamp(80px,16vw,210px)/1 'DM Sans';letter-spacing:-.08em;color:#ffffff07;pointer-events:none}.laureate-inner{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.laureate-inner h2{font:600 clamp(28px,4vw,48px)/1.55 var(--serif);margin:20px 0}.laureate-inner h2 em{color:#ff5b61;font-style:normal}.laureate-inner p{color:#bdb3ae;line-height:2}.laureate-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.laureate-pair article{padding:28px 24px;border:1px solid #ffffff25;background:linear-gradient(145deg,#292120,#1c1716);min-height:160px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s,border-color .4s}.laureate-pair article:hover{transform:translateY(-7px);border-color:#d71920}.laureate-pair span,.laureate-pair small{font:600 9px 'DM Sans',sans-serif;letter-spacing:.15em;color:#d7aaa7}.laureate-pair strong{font:600 21px/1.6 var(--serif)}.laureate-foot{grid-column:1/-1;padding:14px 0;border-top:1px solid #ffffff25;color:#a99d97;font:700 10px 'DM Sans';letter-spacing:.16em}.laureate-foot b{color:#f04b51;margin:0 10px}@media(max-width:700px){.laureate-inner{grid-template-columns:1fr;gap:25px}.laureate-pair{grid-template-columns:1fr 1fr}}@media(max-width:420px){.laureate-pair{grid-template-columns:1fr}}
