/*
Theme Name: Rakht-e-Sukhan — A Literary Treat
Theme URI: https://rakht-e-sukhan.mahnooraftab.com/
Author: Mahnoor Aftab
Description: An editorial Urdu poetry archive with manuscript-inspired visuals, interactive sher discovery, poet features and subtle cinematic motion.
Version: 1.5.0
Text Domain: rakht-e-sukhan
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Noto+Nastaliq+Urdu:wght@400;500;600;700&display=swap');

:root{
  --ink:#37100f;
  --ink-2:#4e1715;
  --wine:#5c1719;
  --wine-deep:#2d0809;
  --wine-soft:#7a2824;
  --paper:#f4e7c9;
  --paper-2:#ead6ae;
  --paper-3:#dfc08a;
  --gold:#b98a3d;
  --gold-light:#d6b16b;
  --brown:#6f5840;
  --muted:#806d56;
  --line:rgba(109,64,26,.24);
  --line-strong:rgba(145,91,35,.48);
  --serif:'Cormorant Garamond', Georgia, serif;
  --body:'Libre Baskerville', Georgia, serif;
  --urdu:'Noto Nastaliq Urdu','Noto Naskh Arabic',serif;
  --shadow:0 28px 80px rgba(69,29,11,.18);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.7;overflow-x:hidden}
body.menu-open,body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
::selection{background:var(--wine);color:var(--paper)}

/* paper atmosphere */
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:
 radial-gradient(circle at 14% 18%,rgba(147,98,39,.10),transparent 28%),
 radial-gradient(circle at 82% 20%,rgba(108,54,23,.07),transparent 31%),
 radial-gradient(circle at 50% 108%,rgba(128,73,25,.10),transparent 42%),
 linear-gradient(180deg,#f7edd8 0%,#f1e1bd 48%,#ecd7af 100%)}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;opacity:.11;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='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E")}

.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--gold),var(--wine),var(--gold));transform-origin:left;transform:scaleX(0);z-index:2000}
.ink-cursor{position:fixed;width:190px;height:190px;border-radius:50%;pointer-events:none;z-index:4;opacity:0;background:radial-gradient(circle,rgba(104,31,27,.08),transparent 68%);mix-blend-mode:multiply;transition:opacity .3s}
@media(pointer:fine){body:hover .ink-cursor{opacity:1}}

/* ornaments */
.manuscript-corner{position:absolute;width:92px;height:92px;color:var(--gold);opacity:.48;pointer-events:none}
.manuscript-corner.tl{left:2rem;top:2rem}.manuscript-corner.tr{right:2rem;top:2rem;transform:scaleX(-1)}
.manuscript-corner.bl{left:2rem;bottom:2rem;transform:scaleY(-1)}.manuscript-corner.br{right:2rem;bottom:2rem;transform:scale(-1)}
.corner-svg{width:100%;height:100%}

/* header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(70,15,16,.96);color:#f7e9c7;border-bottom:1px solid rgba(214,177,107,.35);transition:.35s;padding:.72rem clamp(1rem,2.8vw,3rem);backdrop-filter:blur(10px)}
.admin-bar .site-header{top:32px}.site-header.is-scrolled{background:rgba(52,8,10,.93);box-shadow:0 14px 45px rgba(47,11,9,.18)}
.nav-row{max-width:1660px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}
.brand-lockup{display:flex;align-items:center;gap:.8rem}.brand-seal{width:43px;height:43px;border:1px solid var(--gold-light);border-radius:50%;display:grid;place-items:center;color:var(--gold-light);font-size:1.35rem}.brand-text strong{font-family:var(--serif);font-size:1.55rem;letter-spacing:.04em;font-weight:500;display:block;line-height:.9}.brand-text small{display:block;color:var(--gold-light);font-size:.46rem;letter-spacing:.28em;text-transform:uppercase;margin-top:.35rem}
.nav-links{display:flex;align-items:center;justify-content:center;gap:2.3rem}.nav-links a{font-family:var(--serif);font-size:1.05rem;position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-.4rem;height:1px;background:var(--gold-light);transition:.25s}.nav-links a:hover:after{right:0}
.nav-actions{justify-self:end;display:flex;align-items:center;gap:.8rem}.search-btn,.menu-toggle{width:39px;height:39px;border-radius:50%;border:1px solid rgba(214,177,107,.55);background:transparent;color:#f7e9c7;display:grid;place-items:center}.menu-toggle{display:none}.menu-toggle span,.menu-toggle span:before,.menu-toggle span:after{width:14px;height:1px;background:#f7e9c7;display:block;position:relative}.menu-toggle span:before,.menu-toggle span:after{content:"";position:absolute;left:0}.menu-toggle span:before{top:-5px}.menu-toggle span:after{top:5px}
.mobile-menu{display:none}

/* hero */
.hero{position:relative;min-height:100svh;padding:8.2rem clamp(1.2rem,4.8vw,5rem) 4rem;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:
 linear-gradient(90deg,rgba(244,231,201,.15),rgba(244,231,201,.84) 38%,rgba(244,231,201,.92) 62%,rgba(244,231,201,.64)),
 radial-gradient(circle at 51% 41%,rgba(192,134,54,.16),transparent 33%)}
.hero-grid{width:100%;max-width:1650px;margin:auto;display:grid;grid-template-columns:.9fr 1.4fr .9fr;align-items:center;gap:clamp(1.5rem,4vw,4.4rem)}
.hero-left,.hero-right{position:relative;min-height:590px}.hero-center{text-align:center;position:relative;z-index:3}
.hero-kicker{font-size:.58rem;letter-spacing:.42em;text-transform:uppercase;color:var(--wine);font-style:italic}
.hero-urdu{font-family:var(--urdu);font-size:clamp(5rem,9vw,9rem);line-height:1.28;margin:.7rem 0 .35rem;color:var(--wine);font-weight:700;text-shadow:0 8px 26px rgba(84,20,17,.09)}
.hero-divider{display:flex;align-items:center;justify-content:center;gap:.9rem;color:var(--gold);margin:.1rem auto 1rem}.hero-divider:before,.hero-divider:after{content:"";width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.hero-divider:after{background:linear-gradient(90deg,var(--gold),transparent)}
.hero-tagline{font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.9rem);font-style:italic;color:var(--brown);max-width:720px;margin:0 auto 1.2rem;line-height:1.35}
.hero-note{max-width:660px;margin:1.2rem auto 0;padding:1.1rem 1.5rem;border:1px solid var(--line-strong);position:relative;background:rgba(247,237,216,.56);box-shadow:inset 0 0 0 4px rgba(185,138,61,.06);color:var(--brown);font-family:var(--serif);font-size:1.1rem}
.hero-note:before,.hero-note:after{content:"✦";position:absolute;color:var(--gold);top:50%;transform:translateY(-50%);font-size:.65rem}.hero-note:before{left:-.35rem}.hero-note:after{right:-.35rem}
.hero-cta{display:flex;justify-content:center;gap:.8rem;margin-top:1.4rem;flex-wrap:wrap}.btn-wine,.btn-paper{min-height:48px;border-radius:999px;padding:0 1.35rem;border:1px solid var(--wine);font-size:.6rem;text-transform:uppercase;letter-spacing:.19em;display:inline-flex;align-items:center;gap:.8rem;transition:.25s}.btn-wine{background:var(--wine);color:#f7e9c7}.btn-paper{background:rgba(255,255,255,.08);color:var(--wine)}.btn-wine:hover,.btn-paper:hover{transform:translateY(-2px)}.btn-paper:hover{background:rgba(90,23,25,.06)}

/* hero art */
.ink-table{position:absolute;left:0;bottom:6%;width:100%;height:64%;filter:drop-shadow(0 20px 38px rgba(54,17,6,.16));transition:transform .5s ease}.ink-table .desk{position:absolute;inset:auto 2% 5% 0;height:42%;border-radius:50% 45% 12% 8%;background:linear-gradient(150deg,#4a190f,#7c3a1c 55%,#3e120c);opacity:.9}.ink-table .paper-sheet{position:absolute;width:72%;height:48%;left:9%;top:35%;transform:rotate(-7deg);background:linear-gradient(180deg,#f4e4bd,#e6c995);box-shadow:0 12px 28px rgba(67,30,13,.16);border:1px solid rgba(116,66,31,.22)}.ink-table .paper-sheet:after{content:"دل کی کتاب میں رہ گیا حرفِ سخن";position:absolute;inset:20% 9%;font-family:var(--urdu);font-size:clamp(1rem,1.6vw,1.6rem);color:rgba(79,27,18,.62);transform:rotate(2deg)}
.inkpot{position:absolute;width:80px;height:64px;left:12%;bottom:16%;background:linear-gradient(#3b140d,#140606);border-radius:38% 38% 18% 18%;border:2px solid #a4773e;box-shadow:0 14px 24px rgba(42,9,4,.18)}.inkpot:before{content:"";position:absolute;width:92%;height:19px;border:3px solid #a4773e;border-radius:50%;left:4%;top:-9px;background:#1f0907}.quill{position:absolute;width:12px;height:250px;left:24%;bottom:29%;transform:rotate(24deg);background:linear-gradient(90deg,#6a1d1f,#ae7747,#4f1717);border-radius:50%;transform-origin:bottom;animation:quillFloat 5s ease-in-out infinite}.quill:before{content:"";position:absolute;width:70px;height:180px;left:-28px;top:-128px;background:linear-gradient(135deg,#6a1d1f 0%,#9f4f45 42%,#5c1719 100%);clip-path:polygon(51% 0,95% 23%,86% 50%,62% 70%,50% 100%,42% 73%,11% 58%,0 30%);border-radius:70% 0 70% 0}.quill:after{content:"";position:absolute;width:1px;height:175px;background:#d6b16b;left:5px;top:-125px;transform:rotate(-4deg);opacity:.7}@keyframes quillFloat{50%{transform:rotate(20deg) translateY(-5px)}}
.book-stack{position:absolute;left:1%;bottom:7%;width:66%;height:32%}.book{position:absolute;left:0;width:100%;height:25%;border-radius:4px;background:linear-gradient(90deg,#4c1716,#7b2d22,#3f1210);border:1px solid #a17438;box-shadow:0 7px 14px rgba(63,22,10,.13)}.book:nth-child(1){bottom:0;transform:rotate(2deg)}.book:nth-child(2){bottom:23%;left:7%;width:92%;transform:rotate(-4deg);background:linear-gradient(90deg,#2f1711,#6d351f,#352012)}.book:nth-child(3){bottom:46%;left:2%;width:87%;transform:rotate(1deg)}

.minaret-scene{position:absolute;right:0;bottom:8%;width:100%;height:67%;opacity:.28}.mosque{position:absolute;right:10%;bottom:11%;width:76%;height:54%;background:rgba(113,61,29,.25);clip-path:polygon(4% 100%,4% 52%,13% 52%,13% 40%,20% 40%,23% 18%,26% 40%,38% 40%,42% 27%,46% 12%,50% 27%,58% 27%,61% 41%,72% 41%,74% 20%,77% 41%,89% 41%,89% 55%,96% 55%,96% 100%)}.minaret-scene:before{content:"";position:absolute;right:15%;bottom:9%;width:1px;height:66%;background:linear-gradient(transparent,rgba(99,51,25,.35))}.floral-branch{position:absolute;right:0;bottom:6%;width:72%;height:66%;border-right:2px solid rgba(97,55,25,.34);border-radius:50%;transform:rotate(-13deg)}.flower{position:absolute;width:38px;height:38px;border:1px solid rgba(128,49,40,.45);border-radius:50% 0 50% 0;transform:rotate(35deg);background:radial-gradient(circle at 55% 55%,rgba(122,40,36,.28),transparent 60%)}
.flower.f1{right:16%;top:17%}.flower.f2{right:7%;top:38%;transform:scale(.7) rotate(80deg)}.flower.f3{right:23%;top:51%;transform:scale(.55) rotate(20deg)}

/* shared */
.section{position:relative;padding:clamp(5rem,8vw,8rem) clamp(1.2rem,5vw,5.2rem);border-bottom:1px solid var(--line)}
.section-inner{max-width:1500px;margin:auto}.section-heading{text-align:center;max-width:880px;margin:0 auto 3.6rem}.eyebrow{font-size:.58rem;letter-spacing:.38em;text-transform:uppercase;color:var(--wine);font-style:italic}.display{font-family:var(--serif);font-size:clamp(3.3rem,6vw,6.8rem);line-height:.9;font-weight:500;margin:.65rem 0 1rem}.lede{font-family:var(--serif);font-size:clamp(1.15rem,1.7vw,1.55rem);color:var(--brown);max-width:700px;margin:auto}.ornament-line{display:flex;align-items:center;justify-content:center;gap:.8rem;color:var(--gold)}.ornament-line:before,.ornament-line:after{content:"";height:1px;width:120px;background:linear-gradient(90deg,transparent,var(--gold))}.ornament-line:after{background:linear-gradient(90deg,var(--gold),transparent)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.09s}.delay-2{transition-delay:.18s}.delay-3{transition-delay:.27s}

/* daily sher */
.daily-section{background:linear-gradient(180deg,rgba(118,54,21,.035),rgba(255,255,255,.03))}
.sher-stage{max-width:1050px;margin:auto;position:relative;border:1px solid var(--line-strong);padding:clamp(2rem,5vw,4.6rem);background:rgba(249,238,215,.55);box-shadow:var(--shadow),inset 0 0 0 7px rgba(185,138,61,.055);text-align:center;overflow:hidden}.sher-stage:before{content:"";position:absolute;inset:16px;border:1px solid rgba(151,93,33,.24);pointer-events:none}.sher-label{color:var(--wine);text-transform:uppercase;letter-spacing:.34em;font-size:.56rem}.sher-urdu{font-family:var(--urdu);font-size:clamp(2.4rem,4.5vw,4.5rem);line-height:1.85;margin:1.2rem auto .8rem;color:#3f130f;max-width:850px;transition:.25s}.sher-meta{font-family:var(--serif);color:var(--wine);font-size:1.25rem;letter-spacing:.08em}.sher-meaning{font-family:var(--serif);color:var(--brown);font-style:italic;max-width:700px;margin:.5rem auto 1.4rem}.sher-actions{display:flex;justify-content:center;gap:.7rem}.sher-stage.swapping .sher-urdu,.sher-stage.swapping .sher-meta,.sher-stage.swapping .sher-meaning{opacity:0;transform:translateY(8px)}.shuffle-btn{border:1px solid var(--wine);background:var(--wine);color:var(--paper);border-radius:999px;padding:.8rem 1.15rem;font-size:.58rem;text-transform:uppercase;letter-spacing:.17em}
.ghost-btn{border:1px solid var(--line-strong);background:transparent;color:var(--wine);border-radius:999px;padding:.8rem 1.15rem;font-size:.58rem;text-transform:uppercase;letter-spacing:.17em}

/* poets */
.poets-section{background:linear-gradient(180deg,rgba(242,225,187,.58),rgba(245,232,202,.76))}
.poet-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.poet-pill{width:86px;height:86px;border-radius:50%;border:1px solid var(--gold);background:rgba(92,23,25,.07);position:relative;display:grid;place-items:center;transition:.25s}.poet-pill:before{content:"";position:absolute;inset:6px;border:1px solid rgba(92,23,25,.2);border-radius:50%}.poet-pill span{font-family:var(--urdu);font-size:1.7rem;color:var(--wine)}.poet-pill:hover,.poet-pill.active{background:var(--wine);transform:translateY(-4px)}.poet-pill:hover span,.poet-pill.active span{color:var(--paper)}
.poet-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,5vw,5.6rem);align-items:center;max-width:1220px;margin:auto;padding:clamp(1rem,2vw,2rem)}
.poet-portrait-wrap{position:relative;min-height:500px;display:grid;place-items:center}.poet-medallion{width:min(420px,90%);aspect-ratio:3/4;border:1px solid var(--gold);border-radius:48% 48% 46% 46% / 36% 36% 64% 64%;position:relative;background:radial-gradient(circle at 50% 30%,#f7e7c6,#e1c092 78%);box-shadow:var(--shadow),inset 0 0 0 8px rgba(92,23,25,.035);overflow:hidden}.poet-medallion:before{content:"";position:absolute;inset:16px;border:1px solid rgba(92,23,25,.23);border-radius:inherit}.poet-silhouette{position:absolute;left:50%;bottom:-2%;width:52%;height:76%;transform:translateX(-50%);background:linear-gradient(160deg,#35100f,#5c1719);clip-path:polygon(38% 0,61% 0,69% 8%,68% 20%,75% 30%,70% 42%,79% 57%,88% 76%,100% 100%,0 100%,13% 78%,25% 58%,30% 40%,26% 28%,34% 17%)}.poet-silhouette:after{content:"";position:absolute;width:72%;height:35%;border-radius:50%;background:rgba(21,6,6,.75);top:-5%;left:14%;transform:rotate(-7deg)}
.poet-copy .eyebrow{margin-bottom:.6rem}.poet-copy h3{font-family:var(--serif);font-size:clamp(3.8rem,6vw,6.8rem);font-weight:500;line-height:.85;margin:0}.poet-copy .urdu-name{font-family:var(--urdu);font-size:2.15rem;color:var(--wine);margin-top:.2rem}.poet-years{color:var(--gold);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;margin:1rem 0}.poet-bio{font-family:var(--serif);font-size:1.25rem;color:var(--brown);max-width:650px}.poet-shers{display:grid;gap:1rem;margin-top:1.5rem}.mini-sher{border-top:1px solid var(--line);padding:1.1rem 0 .2rem}.mini-sher .u{font-family:var(--urdu);font-size:1.65rem;line-height:1.75;color:#451511}.mini-sher .e{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:1rem;margin-top:.2rem}

/* themes */
.themes-section{overflow:hidden}.theme-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.9rem}.theme-card{position:relative;min-height:170px;border:1px solid var(--line-strong);background:rgba(247,234,205,.68);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;transition:.3s;overflow:hidden}.theme-card:before{content:"";position:absolute;width:100px;height:100px;border:1px solid rgba(92,23,25,.11);border-radius:50%;top:-52px;right:-42px;transition:.35s}.theme-card:hover{background:var(--wine);color:var(--paper);transform:translateY(-5px)}.theme-card:hover:before{transform:scale(1.5);border-color:rgba(245,230,197,.18)}.theme-icon{font-size:2.2rem;color:var(--wine);margin-bottom:.5rem}.theme-card:hover .theme-icon{color:var(--gold-light)}.theme-card .u{font-family:var(--urdu);font-size:1.65rem}.theme-card small{font-size:.48rem;text-transform:uppercase;letter-spacing:.22em;color:var(--muted)}.theme-card:hover small{color:var(--gold-light)}
.theme-result{max-width:960px;margin:2rem auto 0;border:1px solid var(--line);padding:1.4rem 1.6rem;background:rgba(255,255,255,.18);text-align:center;min-height:110px;transition:.25s}.theme-result .u{font-family:var(--urdu);font-size:1.9rem;line-height:1.75}.theme-result .meta{font-family:var(--serif);font-style:italic;color:var(--muted)}

/* archive strip */
.archive-strip{background:var(--wine-deep);color:#f7e8c6;padding:1rem 0;overflow:hidden;border-top:1px solid rgba(214,177,107,.25);border-bottom:1px solid rgba(214,177,107,.25)}.archive-track{display:flex;width:max-content;animation:archiveMove 28s linear infinite}.archive-track span{padding:.2rem 2rem;font-family:var(--urdu);font-size:1.05rem;color:#f1d9a9;white-space:nowrap}.archive-track span:after{content:"✦";font-family:serif;font-size:.5rem;color:var(--gold);margin-left:2rem}@keyframes archiveMove{to{transform:translateX(-50%)}}

/* about / closing */
.closing{background:linear-gradient(180deg,rgba(90,23,25,.96),rgba(46,8,10,.98));color:#f6e7c7;text-align:center;overflow:hidden}.closing .display{color:#f6e7c7}.closing .lede{color:#d9c39c}.closing-urdu{font-family:var(--urdu);font-size:clamp(2rem,4vw,4rem);color:var(--gold-light);line-height:1.65;margin-top:1.5rem}

/* footer */
.site-footer{background:#260606;color:#f1dfbb;padding:3.2rem clamp(1.2rem,5vw,5rem) 1.7rem;border-top:1px solid rgba(214,177,107,.32)}.footer-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:4rem}.footer-brand{display:flex;gap:1rem;align-items:flex-start}.footer-brand .brand-seal{flex:0 0 auto}.footer-brand h3{font-family:var(--serif);font-size:2.2rem;font-weight:500;margin:0;line-height:1}.footer-brand p{font-family:var(--serif);color:#d0bb94;margin:.6rem 0 0;max-width:330px}.footer-col h4{color:var(--gold-light);font-size:.52rem;letter-spacing:.22em;text-transform:uppercase;margin:0 0 1rem}.footer-col a,.footer-col span{display:block;color:#d7c29b;font-size:.7rem;margin:.45rem 0}.copyright{max-width:1500px;margin:2.5rem auto 0;border-top:1px solid rgba(214,177,107,.18);padding-top:1rem;display:flex;justify-content:space-between;color:#a98c64;font-size:.5rem;text-transform:uppercase;letter-spacing:.13em}

/* search overlay */
.search-overlay{position:fixed;inset:0;z-index:3000;background:rgba(45,8,9,.96);backdrop-filter:blur(16px);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.3s}.search-overlay.open{opacity:1;visibility:visible}.search-card{width:min(780px,92vw);text-align:center;color:#f6e7c7}.search-card h2{font-family:var(--serif);font-size:4rem;font-weight:500;margin:0 0 1rem}.search-input{width:100%;border:0;border-bottom:1px solid rgba(214,177,107,.6);background:transparent;color:#f6e7c7;padding:1rem .2rem;font-family:var(--serif);font-size:1.5rem;outline:0}.search-close{position:absolute;right:2rem;top:2rem;width:44px;height:44px;border:1px solid rgba(214,177,107,.5);background:transparent;color:#f6e7c7;border-radius:50%}.search-note{color:#bca37d;font-family:var(--serif);font-style:italic;margin-top:.8rem}

/* mobile */
@media(max-width:1100px){
 .nav-links{display:none}.menu-toggle{display:grid}.search-btn{display:grid}.nav-row{grid-template-columns:1fr auto}.brand-lockup{justify-self:start}.nav-actions{justify-self:end}
 .mobile-menu{position:fixed;inset:0;background:rgba(49,7,9,.98);z-index:-1;color:#f6e7c7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;transform:translateY(-105%);transition:.45s}.mobile-menu.open{transform:none}.mobile-menu a{font-family:var(--serif);font-size:2.8rem}
 .hero-grid{grid-template-columns:1fr}.hero-left,.hero-right{display:none}.hero{min-height:auto;padding-top:8rem}.hero-center{max-width:880px;margin:auto}.hero-note{max-width:760px}
 .poet-panel{grid-template-columns:1fr}.poet-portrait-wrap{min-height:430px}.poet-copy{text-align:center}.poet-bio{margin-left:auto;margin-right:auto}.mini-sher{text-align:center}.theme-grid{grid-template-columns:repeat(3,1fr)}
 .footer-grid{grid-template-columns:1.4fr 1fr}.footer-col:last-child{grid-column:2}
}
@media(max-width:680px){
 .admin-bar .site-header{top:46px}.site-header{padding:.7rem 1rem}.brand-text strong{font-size:1.25rem}.brand-text small{font-size:.4rem}.hero{padding:7.2rem 1rem 3.8rem}.hero-urdu{font-size:clamp(4.5rem,23vw,7rem)}.hero-tagline{font-size:1.25rem}.hero-note{font-size:1rem}.hero-divider:before,.hero-divider:after{width:54px}.section{padding:4.8rem 1rem}.display{font-size:clamp(3rem,15vw,4.8rem)}.sher-stage{padding:2rem 1.2rem}.sher-stage:before{inset:9px}.sher-urdu{font-size:2.05rem}.poet-nav{gap:.55rem}.poet-pill{width:65px;height:65px}.poet-pill span{font-size:1.35rem}.poet-portrait-wrap{min-height:370px}.poet-medallion{width:min(330px,92%)}.poet-copy h3{font-size:4rem}.theme-grid{grid-template-columns:repeat(2,1fr)}.theme-card{min-height:145px}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-col:last-child{grid-column:auto}.copyright{display:block}.copyright span{display:block;margin:.4rem 0}.manuscript-corner{width:62px;height:62px}.manuscript-corner.tl{left:.8rem;top:.8rem}.manuscript-corner.tr{right:.8rem;top:.8rem}.manuscript-corner.bl{left:.8rem;bottom:.8rem}.manuscript-corner.br{right:.8rem;bottom:.8rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.archive-track,.quill{animation:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}.ink-cursor{display:none}}


/* --- v1.1 refinements requested by client --- */
.hero-grid{grid-template-columns:.95fr 1.28fr .85fr;gap:clamp(2rem,4vw,5rem)}
.hero-center{max-width:760px;margin-inline:auto}
.hero-kicker{margin-bottom:1rem}
.hero-urdu{text-shadow:none!important;letter-spacing:.01em;margin:.45rem 0 .9rem;line-height:1.34}
.hero-divider{margin:.2rem auto 1.35rem}
.hero-tagline{max-width:800px;margin:0 auto 1.45rem;line-height:1.55;font-size:clamp(1.35rem,2vw,1.95rem)}
.hero-note{max-width:720px;margin:0 auto;padding:1.25rem 1.65rem;line-height:1.82;background:rgba(249,240,220,.72);box-shadow:none;border-color:rgba(145,91,35,.42)}
.hero-cta{margin-top:1.7rem}
.ink-table{filter:none;opacity:.98}
.ink-table .paper-sheet{box-shadow:none}
.minaret-scene{opacity:.28;filter:none}

.poet-nav{gap:.85rem;margin-bottom:3.2rem}
.poet-pill{width:auto;min-width:130px;height:auto;border-radius:999px;padding:.85rem 1.1rem .75rem;display:flex;align-items:center;justify-content:center;background:rgba(92,23,25,.04)}
.poet-pill:before{inset:5px;border-radius:999px}
.poet-pill span{font-size:1.1rem;line-height:1.25;white-space:nowrap}
.poet-pill:hover,.poet-pill.active{transform:translateY(-2px)}
.poet-panel{gap:clamp(2rem,4.5vw,4.8rem)}
.poet-medallion{border-radius:44% 44% 43% 43% / 18% 18% 74% 74%;background:linear-gradient(180deg,#efe0bf,#e4c899 88%);box-shadow:0 22px 60px rgba(69,29,11,.12), inset 0 0 0 8px rgba(92,23,25,.03)}
.poet-medallion:before{inset:14px;border-color:rgba(92,23,25,.18)}
.poet-portrait-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.96) contrast(1.03);z-index:1}
.poet-copy .urdu-name{margin-top:.6rem;font-size:2.35rem}
.poet-years{margin:1.1rem 0 1rem}
.poet-bio{line-height:1.75}

@media(max-width:1100px){
  .poet-nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.4rem}
  .poet-nav::-webkit-scrollbar{height:6px}
  .poet-nav::-webkit-scrollbar-thumb{background:rgba(145,91,35,.35);border-radius:999px}
  .poet-pill{min-width:max-content;padding:.75rem 1rem}
}
@media(max-width:680px){
  .hero-tagline{line-height:1.6;margin-bottom:1.1rem}
  .hero-note{padding:1rem 1rem 1rem;font-size:1rem;line-height:1.75}
  .poet-nav{gap:.6rem}
  .poet-pill{min-width:max-content;padding:.68rem .9rem}
  .poet-pill span{font-size:.95rem}
  .poet-copy .urdu-name{font-size:1.9rem}
}


/* =========================================================
   FINAL POLISH v1.2 — editorial hero + poet/mobile refinement
   ========================================================= */

/* HERO — quieter, more editorial, better hierarchy */
.hero{
  min-height:100svh;
  padding-top:7.4rem;
  padding-bottom:4.6rem;
  align-items:center;
}
.hero-grid{
  grid-template-columns:minmax(240px,.78fr) minmax(560px,1.5fr) minmax(220px,.72fr);
  gap:clamp(2rem,4.4vw,5.2rem);
  align-items:center;
}
.hero-center{
  max-width:800px;
  padding:clamp(1.3rem,2.3vw,2.2rem) clamp(1rem,2vw,1.6rem);
  position:relative;
}
.hero-center:before,.hero-center:after{
  content:"";
  position:absolute;
  left:50%;
  width:min(620px,84%);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(185,138,61,.42) 20%,rgba(185,138,61,.42) 80%,transparent);
  pointer-events:none;
}
.hero-center:before{top:0}
.hero-center:after{bottom:0}
.hero-kicker{
  margin-bottom:.9rem;
  letter-spacing:.48em;
  font-size:.55rem;
}
.hero-urdu{
  margin:.2rem 0 .72rem;
  font-size:clamp(5.3rem,8.5vw,8.6rem);
  line-height:1.22;
  text-shadow:none!important;
  letter-spacing:0;
  word-spacing:-0.28em;
  white-space:nowrap;
  display:inline-block;
  padding-inline:0.08em;
}
.hero-divider{margin:.05rem auto 1.2rem}
.hero-divider:before,.hero-divider:after{width:72px}
.hero-tagline{
  max-width:760px;
  margin:0 auto 1.25rem;
  line-height:1.58;
  font-size:clamp(1.28rem,1.85vw,1.8rem);
}
.hero-note{
  max-width:700px;
  margin:0 auto;
  padding:1.18rem 1.7rem;
  line-height:1.9;
  font-size:1.04rem;
  background:rgba(249,240,220,.62);
  border:1px solid rgba(145,91,35,.34);
  box-shadow:none;
}
.hero-note:before,.hero-note:after{font-size:.55rem}
.hero-cta{margin-top:1.55rem;gap:.7rem}
.btn-wine,.btn-paper{min-height:46px;padding:0 1.25rem}

/* side art recedes so it frames the title rather than competing with it */
.hero-left,.hero-right{min-height:520px}
.ink-table{height:58%;bottom:8%;opacity:.9;filter:none}
.ink-table .desk{opacity:.84}
.ink-table .paper-sheet{box-shadow:none}
.minaret-scene{height:58%;bottom:10%;opacity:.20;filter:none}
.manuscript-corner{opacity:.34}

/* POET NAV — full names, compact and refined */
.poet-nav{
  gap:.7rem;
  margin-bottom:2.5rem;
  padding:.15rem 0 .35rem;
}
.poet-pill{
  min-width:126px;
  padding:.72rem 1rem .68rem;
  border-radius:999px;
  border-color:rgba(185,138,61,.68);
  background:rgba(92,23,25,.035);
  box-shadow:none;
}
.poet-pill:before{inset:4px;border-radius:999px;opacity:.8}
.poet-pill span{
  font-size:1.02rem;
  line-height:1.4;
  white-space:nowrap;
}
.poet-pill.active{
  box-shadow:0 8px 24px rgba(71,23,13,.10);
}

/* POET FEATURE — cleaner card composition */
.poet-panel{
  grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);
  gap:clamp(2.2rem,4.5vw,5.2rem);
  align-items:center;
  max-width:1240px;
  padding:clamp(1rem,2.2vw,2rem) clamp(.4rem,1vw,1rem);
}
.poet-portrait-wrap{min-height:470px}
.poet-medallion{
  width:min(390px,92%);
  aspect-ratio:4/5;
  border-radius:45% 45% 42% 42% / 18% 18% 72% 72%;
  background:#ead3a7;
  box-shadow:0 18px 54px rgba(69,29,11,.12),inset 0 0 0 7px rgba(92,23,25,.028);
}
.poet-medallion:before{inset:13px;border-color:rgba(92,23,25,.17)}
.poet-portrait-img{
  inset:16px;
  width:calc(100% - 32px);
  height:calc(100% - 32px);
  object-fit:cover;
  border-radius:43% 43% 40% 40% / 17% 17% 70% 70%;
  filter:saturate(.92) sepia(.06) contrast(1.02);
}
.poet-copy h3{font-size:clamp(3.7rem,5.6vw,6.2rem)}
.poet-copy .urdu-name{font-size:2.25rem;line-height:1.65}
.poet-bio{font-size:1.18rem;line-height:1.8}
.mini-sher{padding:1rem 0 .45rem}
.mini-sher .u{font-size:1.55rem;line-height:1.9}
.mini-sher .e{line-height:1.6}

/* Desktop portrait focal points */
.poet-portrait-img[data-poet="ghalib"]{object-position:50% 12%}
.poet-portrait-img[data-poet="mir"]{object-position:50% 10%}
.poet-portrait-img[data-poet="iqbal"]{object-position:50% 8%}
.poet-portrait-img[data-poet="shakir"]{object-position:50% 10%}
.poet-portrait-img[data-poet="jaun"]{object-position:50% 16%}

/* TABLET */
@media(max-width:1100px){
  .hero{padding-top:7.2rem}
  .hero-center{padding:1.5rem 1rem}
  .hero-left,.hero-right{display:none}
  .hero-grid{grid-template-columns:1fr;max-width:940px}
  .hero-tagline{max-width:760px}
  .poet-nav{
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding:.1rem .2rem .8rem;
    scrollbar-width:thin;
    scrollbar-color:rgba(145,91,35,.32) transparent;
  }
  .poet-pill{flex:0 0 auto;min-width:max-content}
  .poet-panel{grid-template-columns:1fr;gap:1.2rem;max-width:760px}
  .poet-portrait-wrap{min-height:400px}
  .poet-medallion{width:min(340px,82%)}
  .poet-copy{text-align:center}
  .poet-copy .eyebrow{justify-content:center}
  .poet-bio{margin-left:auto;margin-right:auto}
  .mini-sher{text-align:center}
}

/* MOBILE */
@media(max-width:680px){
  .hero{padding:6.6rem 1rem 3.4rem}
  .hero-center{padding:1.1rem .2rem}
  .hero-center:before,.hero-center:after{width:92%}
  .hero-kicker{letter-spacing:.34em;font-size:.5rem}
  .hero-urdu{font-size:clamp(4.6rem,24vw,6.6rem);margin:.15rem 0 .65rem;line-height:1.28;letter-spacing:0;word-spacing:-0.18em;white-space:nowrap}
  .hero-divider{margin:0 auto 1rem}
  .hero-divider:before,.hero-divider:after{width:46px}
  .hero-tagline{font-size:1.18rem;line-height:1.62;margin-bottom:1rem;padding:0 .25rem}
  .hero-note{font-size:.96rem;line-height:1.78;padding:1rem .95rem;margin:0 .2rem}
  .hero-cta{display:grid;grid-template-columns:1fr;gap:.55rem;margin-top:1.15rem;padding:0 .4rem}
  .hero-cta .btn-wine,.hero-cta .btn-paper{width:100%}

  .poets-section .section-heading{margin-bottom:2rem}
  .poet-nav{margin:0 -1rem 1.8rem;padding:.1rem 1rem .75rem;gap:.55rem}
  .poet-pill{padding:.62rem .82rem .58rem}
  .poet-pill span{font-size:.9rem}
  .poet-panel{padding:0;gap:.9rem}
  .poet-portrait-wrap{min-height:330px}
  .poet-medallion{width:min(285px,88%)}
  .poet-portrait-img{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}
  .poet-copy h3{font-size:clamp(3.1rem,15vw,4.4rem)}
  .poet-copy .urdu-name{font-size:1.75rem;margin-top:.4rem}
  .poet-years{margin:.7rem 0}
  .poet-bio{font-size:1.05rem;line-height:1.72}
  .poet-shers{gap:.6rem;margin-top:1rem}
  .mini-sher{padding:.85rem 0 .2rem}
  .mini-sher .u{font-size:1.3rem;line-height:1.95}
  .mini-sher .e{font-size:.94rem;line-height:1.55}
}


/* =========================================================
   v1.4 HARD FIX — structural hero art + readable Urdu + qalam cursor
   Fresh asset filename is used to bypass Hostinger/CDN cache.
   ========================================================= */

/* Remove obsolete hero art rules from visual output. */
.hero-left .paper-sheet,.hero-right .minaret-scene{display:none!important}

/* LEFT: manuscript card stays above the inkpot/quill, never hidden. */
.hero-left{overflow:visible}
.ink-table{overflow:visible!important;filter:none!important;opacity:1!important}
.quote-sheet{
  position:absolute;
  z-index:7;
  left:10%;
  top:20%;
  width:76%;
  min-height:150px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:1.2rem 1rem 1rem;
  font-family:var(--urdu);
  color:#65251f;
  background:linear-gradient(180deg,#f7e9c9,#ecd3a2);
  border:1px solid rgba(145,91,35,.42);
  transform:rotate(-4deg);
  box-shadow:none;
}
.quote-sheet:before,.quote-sheet:after{
  content:"✦";
  position:absolute;
  top:50%;
  color:var(--gold);
  font-family:Georgia,serif;
  font-size:.55rem;
  transform:translateY(-50%);
}
.quote-sheet:before{left:.45rem}.quote-sheet:after{right:.45rem}
.quote-sheet span{font-size:clamp(1.05rem,1.45vw,1.45rem);line-height:1.8;opacity:.82}
.quote-sheet strong{font-size:clamp(1.4rem,2vw,2rem);line-height:1.75;font-weight:600}
.inkpot{z-index:9!important;left:12%!important;bottom:10%!important}
.quill{z-index:10!important;left:24%!important;bottom:24%!important}
.book-stack{z-index:5!important;bottom:2%!important}

/* RIGHT: real open-book illustration, replacing the old faded building completely. */
.book-scene{
  position:absolute;
  inset:8% 0 4%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  opacity:.92;
  pointer-events:none;
}
.open-book{width:min(100%,470px);height:auto;overflow:visible;filter:none}
.open-book .book-shadow{fill:rgba(91,45,23,.08)}
.open-book .book-cover{fill:#6e2b24;stroke:#a97735;stroke-width:2}
.open-book .page{stroke:rgba(145,91,35,.52);stroke-width:1.5}
.open-book .spine{fill:none;stroke:#a47736;stroke-width:2}
.open-book .page-line{fill:none;stroke:rgba(105,65,34,.27);stroke-width:2;stroke-linecap:round}
.open-book .bookmark{fill:#6a1c1c;stroke:#b98a3d;stroke-width:1}
.open-book .book-spark{fill:none;stroke:#b98a3d;stroke-width:1.5;opacity:.65}
.book-caption{
  margin-top:-.35rem;
  font-family:var(--serif);
  font-style:italic;
  color:rgba(111,88,64,.72);
  font-size:1rem;
  letter-spacing:.03em;
}

/* QALAM: the pointer itself is a visible pen, not a glow/shadow. */
.ink-cursor{display:none!important}
.qalam-cursor{
  position:fixed;
  z-index:5000;
  width:28px;
  height:105px;
  pointer-events:none;
  opacity:0;
  transform:translate3d(-200px,-200px,0) rotate(18deg);
  transform-origin:50% 90%;
  transition:opacity .18s ease;
  filter:drop-shadow(0 3px 2px rgba(72,25,16,.16));
}
.qalam-cursor span{
  position:absolute;
  left:10px;
  top:22px;
  width:7px;
  height:78px;
  border-radius:999px;
  background:linear-gradient(90deg,#5a1c18,#bf8d58 45%,#64221b);
}
.qalam-cursor:before{
  content:"";
  position:absolute;
  left:-2px;
  top:0;
  width:31px;
  height:55px;
  background:linear-gradient(135deg,#7c2b2a,#be7969 43%,#5d1718 100%);
  clip-path:polygon(52% 0,96% 19%,82% 44%,67% 62%,52% 100%,38% 65%,12% 53%,0 25%);
  border-radius:60% 12% 60% 12%;
}
.qalam-cursor:after{
  content:"";
  position:absolute;
  left:13px;
  top:8px;
  width:1px;
  height:47px;
  background:rgba(233,198,126,.72);
  transform:rotate(-7deg);
}
@media(pointer:fine){
  body:hover .qalam-cursor{opacity:1}
  body,a,button,input,textarea,select,.poet-pill{cursor:none!important}
}
@media(pointer:coarse),(max-width:1100px){
  .qalam-cursor{display:none!important}
  body,a,button,input,textarea,select,.poet-pill{cursor:auto!important}
}

/* Keep the hero balanced around the newly explicit artwork. */
@media(min-width:1101px){
  .hero-left,.hero-right{min-height:540px!important}
  .hero-grid{grid-template-columns:minmax(250px,.82fr) minmax(560px,1.42fr) minmax(250px,.82fr)!important}
}


/* =========================================================
   v1.5 VISUAL CLEANUP — airy manuscript vignette + compact qalam cursor
   ========================================================= */

/* Left illustration: keep the quote dominant and the stationery secondary. */
.hero-left{overflow:visible}
.ink-table{height:56%!important;bottom:9%!important;opacity:.96!important;overflow:visible!important}
.ink-table .desk{
  inset:auto 8% 0 4%!important;
  height:25%!important;
  border-radius:46% 46% 12% 12%!important;
  opacity:.54!important;
  background:linear-gradient(145deg,#6c2d20,#7c3a26 58%,#5a2118)!important;
}
.quote-sheet{
  left:17%!important;
  top:18%!important;
  width:70%!important;
  min-height:152px!important;
  padding:1.15rem 1.25rem 1.05rem!important;
  transform:rotate(-2deg)!important;
  background:linear-gradient(180deg,#f8ebcc 0%,#f0dbb1 100%)!important;
  border-color:rgba(145,91,35,.35)!important;
}
.quote-sheet span{
  font-size:clamp(1rem,1.25vw,1.25rem)!important;
  line-height:1.9!important;
  opacity:.74!important;
  margin-bottom:.1rem;
}
.quote-sheet strong{
  font-size:clamp(1.35rem,1.7vw,1.7rem)!important;
  line-height:1.9!important;
  font-weight:600!important;
}
.quote-sheet:before,.quote-sheet:after{opacity:.68}

/* Reduce stationery bulk and keep it below the manuscript. */
.book-stack{
  left:6%!important;
  bottom:1%!important;
  width:54%!important;
  height:20%!important;
  z-index:4!important;
}
.book{height:31%!important;box-shadow:none!important}
.book:nth-child(1){bottom:0!important;transform:rotate(1deg)!important}
.book:nth-child(2){bottom:34%!important;left:8%!important;width:91%!important;transform:rotate(-2deg)!important}
.book:nth-child(3){display:none!important}
.inkpot{
  width:58px!important;
  height:46px!important;
  left:9%!important;
  bottom:9%!important;
  z-index:8!important;
  border-width:1.5px!important;
  box-shadow:none!important;
}
.inkpot:before{
  height:13px!important;
  top:-6px!important;
  border-width:2px!important;
}
.quill{
  width:7px!important;
  height:158px!important;
  left:16%!important;
  bottom:17%!important;
  z-index:9!important;
  transform:rotate(18deg)!important;
  animation:quillFloatSmall 5.8s ease-in-out infinite!important;
}
.quill:before{
  width:46px!important;
  height:106px!important;
  left:-18px!important;
  top:-78px!important;
}
.quill:after{
  left:3px!important;
  top:-76px!important;
  height:104px!important;
}
@keyframes quillFloatSmall{
  50%{transform:rotate(15deg) translateY(-3px)}
}

/* Compact qalam cursor: pointer-sized, not decorative-sized. */
.qalam-cursor{
  width:16px!important;
  height:50px!important;
  filter:none!important;
  transform-origin:50% 92%!important;
}
.qalam-cursor span{
  left:6px!important;
  top:13px!important;
  width:4px!important;
  height:35px!important;
}
.qalam-cursor:before{
  left:0!important;
  top:0!important;
  width:17px!important;
  height:27px!important;
  border-radius:55% 10% 55% 10%!important;
}
.qalam-cursor:after{
  left:7px!important;
  top:4px!important;
  height:23px!important;
}

@media(max-width:1300px) and (min-width:1101px){
  .quote-sheet{left:14%!important;width:74%!important}
  .quill{left:14%!important}
}


/* final spacing refinement: bring Urdu title words slightly closer without overlap */
.hero-center > .hero-urdu{letter-spacing:0!important;word-spacing:-0.28em!important;white-space:nowrap;}
@media(max-width:767px){.hero-center > .hero-urdu{word-spacing:-0.18em!important;}}