@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600&family=Noto+Serif+Bengali:wght@400;500;600;700&family=Playfair+Display:ital,wght@400;500;600&display=swap');
:root{--ink:#17172a;--paper:#f7f1ea;--paper2:#eee5dc;--night:#111a3a;--night2:#182657;--gold:#f1c58b;--gold2:#ffd9a8;--wine:#8f5363;--muted:#716d7b;--line:rgba(42,48,91,.14);--cream:#fffaf3;--blush:#efb5b2;--purple:#6e63a5;--glow:rgba(241,197,139,.28);--glass:rgba(255,255,255,.12);--glass-border:rgba(255,255,255,.24);--bn:"Noto Serif Bengali",serif;--ui:"Hind Siliguri",sans-serif;--eng:"Playfair Display",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0%,rgba(110,99,165,.08),transparent 30%),radial-gradient(circle at 85% 20%,rgba(239,181,178,.08),transparent 28%),var(--paper);color:var(--ink);font-family:var(--ui);font-size:16px}
a{color:inherit;text-decoration:none}.bn{display:initial}.en{display:none}body.english .bn{display:none!important}body.english .en{display:initial!important}
body.english h1 .en,body.english h2 .en,body.english p .en,body.english strong .en{display:block!important}
body.english .btn .en,body.english .text-link .en,body.english .poem-back .en{display:inline!important}
.site-wrap{min-height:100vh}
.v23-nav{position:fixed;z-index:50;top:0;left:0;right:0;height:78px;padding:0 5.5vw;display:flex;justify-content:space-between;align-items:center;color:#fff;transition:.3s}
.v23-nav.scrolled{background:rgba(15,21,20,.95);backdrop-filter:blur(14px);box-shadow:0 6px 24px rgba(0,0,0,.12)}
.v23-brand{display:flex;gap:12px;align-items:center}.v23-brand .moon{font-size:28px;color:var(--gold)}
.v23-brand b{display:block;font:600 20px var(--bn)}.v23-brand .en{font-family:var(--eng)}.v23-brand small{display:block;font:8px var(--eng);letter-spacing:.24em;color:#d6bb84;margin-top:5px}
.v23-nav nav{display:flex;align-items:center;gap:24px;font-size:13px}.v23-nav nav a:hover{color:#e0c58e}.v23-nav button{background:#ffffff12;border:1px solid #ffffff55;color:#fff;padding:7px 11px;cursor:pointer}
.v23-hero{min-height:92vh;position:relative;overflow:hidden;color:#fff;display:flex;align-items:flex-end;background:#111}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.53) saturate(.74)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07100fef,#07100f9c 40%,transparent 82%),linear-gradient(0deg,#07100fef,transparent 52%)}
.hero-inner{position:relative;z-index:2;width:min(1180px,88%);margin:auto;padding-bottom:11vh}.eyebrow{font:11px var(--eng);letter-spacing:.20em;color:#d7b979}.eyebrow.dark{color:var(--wine)}
.hero-inner h1{max-width:820px;font:500 clamp(46px,6.1vw,82px)/1.16 var(--bn);margin:20px 0 18px;letter-spacing:-.02em}.hero-inner h1 .en{font-family:var(--eng);line-height:1.08}
.hero-inner p{max-width:600px;color:#e1d8cc;font:17px/1.9 var(--bn)}.hero-inner p .en{font:18px/1.75 var(--eng)}
.hero-actions{display:flex;gap:12px;margin-top:26px}.btn{padding:11px 19px;border:1px solid #dac18d88;font-size:13px}.btn-gold{background:var(--gold);border-color:var(--gold);color:#171513}.btn-ghost{color:#fff;background:#ffffff08}
.v23-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;padding:112px 9vw;background:var(--paper2)}.intro-mark{font:90px var(--eng);color:#b49362aa}
.v23-intro h2{font:500 clamp(34px,4vw,58px)/1.3 var(--bn);margin:8px 0 20px}.v23-intro h2 .en{font:500 clamp(37px,4vw,60px)/1.1 var(--eng)}
.v23-intro p{max-width:730px;color:#5d564d;font:17px/2 var(--bn)}.v23-intro p .en{font:18px/1.8 var(--eng)}
.v23-feature{display:grid;grid-template-columns:1fr 1fr;background:var(--night);color:#fff}.feature-photo{min-height:610px}.feature-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.69) saturate(.62)}
.feature-copy{padding:70px 7vw;align-self:center}.feature-copy h2{font:500 clamp(38px,4.4vw,62px)/1.18 var(--bn);margin:16px 0 24px}.feature-copy h2 .en{font-family:var(--eng);line-height:1.08}
.poem-excerpt{font:19px/2 var(--bn);color:#ddd4c7;max-width:540px;white-space:pre-line}.poem-excerpt .en{font:20px/1.8 var(--eng)}
.text-link{display:inline-block;margin-top:24px;color:#d9bb7d;border-bottom:1px solid #d9bb7d;padding-bottom:5px;font-size:13px}
.v23-section{padding:106px 8vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-head h2{font:500 clamp(36px,4vw,56px)/1.2 var(--bn);margin:10px 0 0}.section-head h2 .en{font:500 clamp(38px,4vw,58px)/1.06 var(--eng)}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.category-card{height:345px;position:relative;overflow:hidden;background:#262b28}.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.65) saturate(.62);transition:.5s}.category-card:hover img{transform:scale(1.04);filter:brightness(.78) saturate(.8)}
.category-shade{position:absolute;inset:0;background:linear-gradient(transparent 28%,#080c0bed)}.category-info{position:absolute;z-index:2;left:25px;right:22px;bottom:23px;color:#fff}.category-info small{font:italic 14px var(--eng);color:#dec28a}.category-info strong{display:block;font:500 30px var(--bn);margin-top:4px}.category-info strong .en{font:500 32px var(--eng)}
.v23-index{background:#e3dacb}.poem-list{border-top:1px solid var(--line)}.poem-row{display:grid;grid-template-columns:60px 1fr 28px;gap:18px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.poem-row:hover .poem-arrow{color:var(--wine);transform:translateX(4px)}
.poem-number{font:italic 23px var(--eng);color:#a48658}.poem-row-main strong{display:block;font:500 27px var(--bn)}.poem-row-main strong .en{font:500 29px var(--eng)}.poem-row-main small{color:var(--muted);font-size:12px}.poem-arrow{font-size:20px;transition:.2s}
.v23-page{padding:125px 8vw 90px;min-height:80vh}.page-intro{max-width:850px;margin-bottom:55px}.page-intro h1{font:500 clamp(44px,6vw,74px)/1.15 var(--bn);margin:12px 0 18px}.page-intro h1 .en{font:500 clamp(46px,6vw,76px)/1.04 var(--eng)}.page-intro p{font:17px/1.9 var(--bn);color:var(--muted)}.page-intro p .en{font:18px/1.75 var(--eng)}
.category-grid.large{grid-template-columns:repeat(3,1fr)}.poem-detail-v23{max-width:900px;margin:auto}.poem-detail-v23 h1{font:500 clamp(48px,6vw,76px)/1.15 var(--bn);margin:14px 0 42px}.poem-detail-v23 h1 .en{font:500 clamp(50px,6vw,78px)/1.05 var(--eng)}
.poem-cover-v23{width:100%;max-height:620px;object-fit:cover;margin-bottom:48px}.poem-body-v23{font:400 21px/2.15 var(--bn);white-space:pre-wrap}.poem-body-v23 .en{font:400 21px/1.9 var(--eng);white-space:pre-wrap}.poem-by{font:italic 24px var(--eng);color:var(--wine);margin-top:50px}.poem-detail-v23 audio{width:100%;margin-top:30px}.poem-back{margin-top:50px}
.about-hero{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:#171b19;color:#f5eee4}.about-hero img{width:100%;height:100%;min-height:620px;object-fit:cover}.about-copy{padding:80px 9vw;align-self:center}.about-copy h1{font:500 clamp(44px,5vw,72px) var(--bn);margin:12px 0 20px}.about-copy h1 .en{font-family:var(--eng)}.about-copy p{font:17px/2 var(--bn);color:#cec4b6;max-width:620px}.about-copy p .en{font:18px/1.8 var(--eng)}
.v23-footer{background:#0d100f;color:#aaa39a;padding:50px 8vw;display:flex;justify-content:space-between;gap:30px}.v23-footer strong{display:block;color:#f0e9de;font:500 23px var(--bn)}.v23-footer strong .en{font-family:var(--eng)}.v23-footer small{display:block;margin-top:7px}.footer-links{display:flex;gap:20px;font-size:13px}
@media(max-width:900px){
  .v23-nav{
    padding:0 5vw;
  }

  .v23-menu-toggle{
    display:flex !important;
  }

  .v23-nav nav{
    display:none !important;
    position:fixed;
    top:82px;
    left:0;
    right:0;
    bottom:0;
    width:auto;
    min-width:0;
    padding:70px 8vw;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:26px;
    background:#f4efe6 !important;
    color:var(--ink);
    border:0;
    box-shadow:none;
    z-index:45;
  }

  .v23-nav nav.mobile-open{
    display:flex !important;
  }

  .v23-nav nav a{
    display:block;
    padding:4px 0;
    color:var(--ink);
    font:500 28px/1.2 var(--eng);
    text-align:center;
  }

  .v23-nav nav a:hover{
    color:var(--wine);
    background:transparent;
  }

  .v23-nav nav .search-nav{
    width:auto;
    height:auto;
    display:block;
    border:0;
    padding:4px 0;
    color:var(--ink);
    text-align:center;
    font:500 28px/1 var(--eng);
  }

  .v23-nav nav .search-nav:hover{
    transform:none;
    background:transparent;
    border:0;
  }

  .v23-nav nav button{
    width:auto;
    margin-top:14px;
    padding:8px 20px;
    border:1px solid var(--gold);
    background:transparent;
    color:var(--ink);
    text-align:center;
    font:500 15px/1 var(--ui);
  }

  .v23-nav nav button:hover{
    background:transparent;
    color:var(--wine);
  }

  .v23-intro,
  .v23-feature,
  .about-hero{
    grid-template-columns:1fr;
  }

  .feature-photo,
  .about-hero img{
    min-height:430px;
  }

  .feature-copy{
    padding:55px 8vw;
  }

  .category-grid,
  .category-grid.large{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:560px){.v23-hero{min-height:82vh}.hero-inner{padding-bottom:9vh}.hero-inner h1{font-size:43px}.v23-intro{padding:75px 8vw}.intro-mark{font-size:65px}.v23-section{padding:75px 7vw}.section-head{align-items:start;flex-direction:column;gap:12px}.category-grid,.category-grid.large{grid-template-columns:1fr}.category-card{height:290px}.poem-row{grid-template-columns:42px 1fr 18px;gap:10px}.poem-row-main strong,.poem-row-main strong .en{font-size:23px}.v23-page{padding:105px 7vw 70px}.about-hero img{height:420px}.v23-footer{flex-direction:column}.footer-links{flex-wrap:wrap}}


/* =========================================================
   APPROVED DESIGN REFINEMENTS
   ========================================================= */

.v23-intro{grid-template-columns:1.05fr 1fr;align-items:stretch;gap:0;padding:0;background:var(--paper2)}
.intro-photo{min-height:500px;overflow:hidden}.intro-photo img{width:100%;height:100%;min-height:500px;object-fit:cover;display:block;filter:brightness(.74) saturate(.72)}
.intro-copy{padding:72px 8vw;align-self:center}.intro-copy h2{max-width:700px}.intro-copy p{max-width:680px}
.empty-index{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}
.empty-index strong{display:block;font:500 27px var(--bn)}.empty-index strong .en{font:500 29px var(--eng)}
.empty-index small{display:block;margin-top:7px;color:var(--muted);font-size:12px}
.empty-index .text-link{margin:0}
.v23-footer{align-items:center}.footer-brand,.footer-copy{min-width:180px}.footer-motto{flex:1;max-width:500px;line-height:1.7}.footer-social{display:flex;gap:10px}.footer-social a{width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;color:#efe8dc;font-family:var(--eng);font-size:15px}.footer-copy{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
@media(max-width:900px){.v23-intro{grid-template-columns:1fr}.intro-photo,.intro-photo img{min-height:390px}.intro-copy{padding:60px 8vw}.v23-footer{align-items:flex-start;flex-wrap:wrap}.footer-motto{order:5;flex-basis:100%;max-width:none}.footer-copy{align-items:flex-start}}
@media(max-width:560px){.intro-photo,.intro-photo img{min-height:320px}.empty-index{grid-template-columns:42px 1fr}.empty-index .text-link{grid-column:2;margin-top:8px}.footer-social{margin-top:8px}}

/* Hero presentation refinement */
.v23-hero{
  min-height:88vh;
}

.hero-bg{
  object-position:center center;
  filter:brightness(.72) saturate(.88);
}

.hero-shade{
  background:
    linear-gradient(
      90deg,
      rgba(7,16,15,.88) 0%,
      rgba(7,16,15,.58) 34%,
      rgba(7,16,15,.15) 68%,
      rgba(7,16,15,.05) 100%
    ),
    linear-gradient(
      0deg,
      rgba(7,16,15,.55) 0%,
      transparent 48%
    );
}

/* =========================================================
   FINAL HEADER / HERO SEPARATION
   ========================================================= */

.v23-nav{
  position:relative;
  top:auto;
  left:auto;
  right:auto;
  height:82px;
  min-height:82px;
  padding:0 5.5vw;
  background:#101715;
  color:#f5eee4;
  box-shadow:0 1px 0 rgba(255,255,255,.08);
  z-index:20;
}

.v23-nav.scrolled{
  background:#101715;
  backdrop-filter:none;
  box-shadow:0 1px 0 rgba(255,255,255,.08);
}

/* Navigation itself stays at normal size */
.v23-nav nav{
  display:flex;
  align-items:center;
  gap:26px;
  font-size:13px;
}

.v23-nav nav a,
.v23-nav nav button{
  font-family:var(--ui);
  font-size:13px;
}


.v23-menu-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(196,161,106,.7);
  border-radius:2px;
  background:transparent;
  color:var(--gold);
  width:36px;
  height:36px;
  padding:0;
  font-size:19px;
  line-height:1;
  cursor:pointer;
}

.v23-nav nav a span{
  font-size:13px !important;
  line-height:1.2 !important;
}

/* Never allow language text from the navigation to become large */
.v23-nav .bn,
.v23-nav .en{
  font-size:13px !important;
  line-height:1.2 !important;
}

/* Hero starts below the header */
.v23-hero{
  min-height:calc(100vh - 82px);
}

/* Make sure hero content cannot inherit navigation styling */
.v23-hero .hero-inner{
  position:relative;
  z-index:2;
}

/* Prevent nav positioning from affecting hero */
.v23-hero .v23-nav{
  position:static;
}

.next-page-note{
  margin-top:24px;
  color:#c8bcae;
  font-size:14px;
  letter-spacing:.01em;
}

body.english .next-page-note .en{
  display:inline !important;
}

/* =========================================================
   MOONER KOBITA — VISUAL POLISH PASS 01
   ========================================================= */

.v23-nav{
  height:74px;
  min-height:74px;
  padding:0 6vw;
  background:#0d1413;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.v23-brand b{
  font-size:19px;
}

.v23-nav nav{
  gap:22px;
}

.v23-nav nav a,
.v23-nav nav button{
  font-size:12px;
}

.v23-hero{
  min-height:calc(100vh - 74px);
}

.hero-bg{
  object-position:center center;
  filter:brightness(.92) saturate(.92) contrast(1.02);
}

.hero-shade{
  background:
    linear-gradient(
      90deg,
      rgba(6,11,11,.70) 0%,
      rgba(6,11,11,.34) 38%,
      rgba(6,11,11,.08) 72%,
      rgba(6,11,11,.02) 100%
    ),
    linear-gradient(
      0deg,
      rgba(6,11,11,.42) 0%,
      transparent 55%
    );
}

.hero-inner{
  width:min(1120px,86%);
  padding-bottom:10vh;
}

.hero-inner h1{
  max-width:720px;
  font-size:clamp(42px,5.3vw,72px);
  line-height:1.12;
  margin:18px 0;
  letter-spacing:-.015em;
}

.hero-inner p{
  max-width:510px;
  font-size:16px;
  line-height:1.85;
}

.hero-actions{
  margin-top:22px;
}

.btn{
  padding:10px 17px;
}

/* Poet's room */
.v23-intro{
  grid-template-columns:1fr 1fr;
  min-height:560px;
}

.intro-photo,
.intro-photo img{
  min-height:560px;
}

.intro-copy{
  padding:70px 7vw;
}

.intro-copy h2{
  max-width:620px;
  font-size:clamp(34px,3.7vw,52px);
}

.intro-copy p{
  max-width:600px;
  font-size:16px;
  line-height:1.9;
}

/* Next page */
.v23-feature{
  min-height:560px;
}

.feature-photo,
.feature-photo img{
  min-height:560px;
}

.feature-copy{
  padding:65px 7vw;
}

.feature-copy h2{
  max-width:620px;
  font-size:clamp(36px,4vw,58px);
}

.poem-excerpt{
  max-width:500px;
  font-size:17px;
  line-height:1.9;
}

.next-page-note{
  margin-top:22px;
  color:#cdbfae;
  font-size:14px;
}

.index-coming{
  font:italic 14px var(--eng);
  color:var(--muted);
}

/* Categories */
.v23-section{
  padding:96px 8vw;
}

.category-grid{
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.category-card{
  height:315px;
}

.category-info{
  left:22px;
  bottom:21px;
}

.category-info strong{
  font-size:27px;
}

/* Index */
.poem-row{
  padding:20px 0;
}

.poem-row-main strong{
  font-size:25px;
}

/* Footer */
.v23-footer{
  padding:42px 8vw;
}

/* Mobile */
@media(max-width:900px){
  .v23-nav{
    padding:0 5vw;
  }

  .v23-nav nav{
    gap:14px;
  }

  .v23-intro,
  .v23-feature{
    grid-template-columns:1fr;
  }

  .intro-photo,
  .intro-photo img,
  .feature-photo,
  .feature-photo img{
    min-height:420px;
  }
}

@media(max-width:560px){
  .v23-nav{
    height:68px;
    min-height:68px;
  }

  .v23-hero{
    min-height:calc(100vh - 68px);
  }

  .hero-inner{
    width:88%;
    padding-bottom:8vh;
  }

  .hero-inner h1{
    font-size:40px;
  }

  .hero-inner p{
    font-size:15px;
  }

  .category-card{
    height:280px;
  }
}

/* =========================================================
   LIGHT EDITORIAL HEADER
   ========================================================= */

.v23-nav{
  height:74px;
  min-height:74px;
  background:#f4efe6;
  color:#211d19;
  border-bottom:1px solid #d8cdbd;
  box-shadow:0 2px 12px rgba(33,29,25,.06);
}

.v23-nav.scrolled{
  background:#f4efe6;
  color:#211d19;
  backdrop-filter:none;
  box-shadow:0 2px 12px rgba(33,29,25,.08);
}

.v23-brand .moon{
  color:#a9824f;
}

.v23-brand b{
  color:#211d19;
}

.v23-brand small{
  color:#a9824f;
}

.v23-nav nav a{
  color:#3f3932;
}

.v23-nav nav a:hover{
  color:#a9824f;
}

.v23-nav nav a[class="active"]{
  color:#8d693c;
}

.v23-nav button{
  background:transparent;
  color:#211d19;
  border:1px solid #9f8b72;
  padding:7px 12px;
  border-radius:2px;
}

.v23-nav button:hover{
  background:#211d19;
  color:#f4efe6;
  border-color:#211d19;
}

/* Keep the language states clean in the light header */
.v23-nav .bn,
.v23-nav .en{
  font-size:13px !important;
  line-height:1.2 !important;
}

@media(max-width:560px){
  .v23-nav{
    height:68px;
    min-height:68px;
  }
}

/* Final hero balance */
.hero-bg{
  object-position:center 42%;
  filter:brightness(.98) saturate(.95) contrast(1.02);
}

.hero-shade{
  background:
    linear-gradient(
      90deg,
      rgba(5,10,10,.62) 0%,
      rgba(5,10,10,.30) 38%,
      rgba(5,10,10,.04) 72%,
      rgba(5,10,10,0) 100%
    ),
    linear-gradient(
      0deg,
      rgba(5,10,10,.28) 0%,
      transparent 55%
    );
}

.hero-inner h1{
  font-size:clamp(40px,4.7vw,66px);
  max-width:680px;
}

/* Final hero composition adjustment */
.hero-bg{
  object-position:center 46%;
}

.hero-shade{
  background:
    linear-gradient(
      90deg,
      rgba(5,10,10,.52) 0%,
      rgba(5,10,10,.25) 38%,
      rgba(5,10,10,.04) 72%,
      rgba(5,10,10,0) 100%
    ),
    linear-gradient(
      0deg,
      rgba(5,10,10,.22) 0%,
      transparent 55%
    );
}

/* =========================================================
   ABOUT PAGE — OPTION 1
   ========================================================= */

.about-v1{
  background:#f7f3eb;
  min-height:calc(100vh - 74px);
  padding:82px 7vw 90px;
}

.about-v1-hero{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.05fr .85fr;
  gap:7vw;
  align-items:center;
}

.about-v1-copy{
  max-width:700px;
}

.about-v1-copy h1{
  font:500 clamp(54px,6vw,84px)/1.05 var(--eng);
  color:#211d19;
  margin:12px 0 14px;
}

.about-v1-copy h2{
  margin:0 0 24px;
  font:500 clamp(25px,2.8vw,38px)/1.35 var(--bn);
  color:#a9824f;
}

.about-rule{
  width:72px;
  height:1px;
  background:#b88b4f;
  margin:0 0 34px;
}

.about-bn{
  max-width:650px;
  margin:0 0 24px;
  color:#453e36;
  font:17px/1.95 var(--bn);
}

.about-bn .en{
  font:18px/1.85 var(--eng);
}

.about-quote{
  margin:38px 0 28px;
  padding:4px 0 4px 24px;
  border-left:2px solid #b88b4f;
  color:#a9824f;
  font:italic 21px/1.7 var(--bn);
}

.about-quote .en{
  font:italic 20px/1.65 var(--eng);
}

.about-signature{
  font:italic 38px var(--eng);
  color:#a9824f;
  margin-top:30px;
}

.about-role{
  margin-top:8px;
  color:#9b8a76;
  font:11px var(--eng);
  letter-spacing:.24em;
}

.about-v1-photo-wrap{
  position:relative;
}

.about-v1-photo-wrap:before{
  content:"";
  position:absolute;
  inset:18px -18px -18px 18px;
  border:1px solid #d9cbb9;
  background:#efe8dc;
  z-index:0;
}

.about-v1-photo-frame{
  position:relative;
  z-index:1;
  border:1px solid #d6c8b6;
  background:#fffaf2;
  padding:10px;
  box-shadow:0 18px 45px rgba(55,45,34,.12);
}

.about-v1-photo-frame img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/5;
  object-fit:cover;
}

@media(max-width:900px){
  .about-v1{
    padding:65px 7vw 70px;
  }

  .about-v1-hero{
    grid-template-columns:1fr;
    gap:50px;
  }

  .about-v1-photo-wrap{
    max-width:560px;
    margin:0 auto;
    width:100%;
  }
}

@media(max-width:560px){
  .about-v1-copy h1{
    font-size:48px;
  }

  .about-bn{
    font-size:16px;
  }

  .about-bn .en{
    font-size:17px;
  }
}

/* =========================================================
   POEM REACTIONS
   ========================================================= */

.poem-reactions{
  margin:48px 0 0;
  padding:24px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.poem-reaction-title{
  margin-bottom:14px;
  color:var(--muted);
  font:12px/1.4 var(--eng);
  letter-spacing:.12em;
  text-transform:uppercase;
}

.poem-reaction-actions{
  display:flex;
  gap:10px;
}

.poem-reaction-btn{
  min-width:104px;
  padding:10px 16px;
  border:1px solid var(--line);
  background:transparent;
  color:var(--ink);
  cursor:pointer;
  font:13px var(--eng);
  transition:.2s ease;
}

.poem-reaction-btn:hover{
  border-color:var(--gold);
  color:var(--wine);
}

.poem-reaction-btn.active{
  border-color:var(--gold);
  background:rgba(196,161,106,.12);
  color:var(--wine);
}

.poem-reaction-btn span{
  margin-left:6px;
}

.poem-reaction-message{
  min-height:20px;
  margin-top:12px;
  color:var(--muted);
  font:13px/1.5 var(--eng);
}

.poem-reaction-message a{
  color:var(--wine);
  text-decoration:underline;
}

@media(max-width:560px){
  .poem-reaction-actions{
    width:100%;
  }

  .poem-reaction-btn{
    flex:1;
  }
}

/* =========================================================
   READER EMAIL VERIFICATION MODAL
   ========================================================= */

body.reader-auth-open{
  overflow:hidden;
}

.reader-auth-modal{
  position:fixed;
  inset:0;
  z-index:200;
  display:none;
}

.reader-auth-modal.open{
  display:block;
}

.reader-auth-backdrop{
  position:absolute;
  inset:0;
  background:rgba(10,15,14,.66);
  backdrop-filter:blur(5px);
}

.reader-auth-dialog{
  position:relative;
  z-index:2;
  width:min(430px,calc(100vw - 32px));
  margin:0 auto;
  top:50%;
  transform:translateY(-50%);
  padding:42px 38px 38px;
  background:#fbf7ef;
  border:1px solid #d8cdbd;
  border-radius:6px;
  box-shadow:0 30px 90px rgba(0,0,0,.32);
}

.reader-auth-close{
  position:absolute;
  top:12px;
  right:14px;
  width:34px;
  height:34px;
  border:0;
  background:transparent;
  color:#71695f;
  font-size:28px;
  cursor:pointer;
}

.reader-auth-mark{
  width:46px;
  height:46px;
  margin:0 auto 14px;
  border:1px solid var(--gold);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#b27d2e;
  font-size:25px;
}

.reader-auth-brand{
  text-align:center;
  color:#211d19;
  font:500 25px/1.2 var(--eng);
}

.reader-auth-kicker{
  margin-top:5px;
  text-align:center;
  color:#a77b3e;
  font:10px var(--eng);
  letter-spacing:.22em;
}

.reader-auth-dialog h2{
  margin:30px 0 9px;
  color:#211d19;
  text-align:center;
  font:500 30px/1.2 var(--eng);
}

.reader-auth-copy{
  margin:0 auto 25px;
  max-width:330px;
  text-align:center;
  color:#756d64;
  font:14px/1.7 var(--eng);
}

.reader-auth-label{
  display:block;
  color:#514a43;
  font:12px/1.4 var(--eng);
}

.reader-auth-label input{
  width:100%;
  margin-top:7px;
  padding:12px 13px;
  border:1px solid #d4c6b5;
  background:#fffdf9;
  color:#211d19;
  font:14px var(--eng);
  outline:none;
}

.reader-auth-label input:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 2px rgba(196,161,106,.12);
}

.reader-auth-submit{
  width:100%;
  margin-top:18px;
  padding:12px 15px;
  border:1px solid var(--wine);
  background:var(--wine);
  color:#fff;
  cursor:pointer;
  font:13px var(--eng);
}

.reader-auth-submit:disabled{
  opacity:.6;
  cursor:wait;
}

.reader-auth-resend{
  display:block;
  margin:15px auto 0;
  border:0;
  background:transparent;
  color:var(--wine);
  cursor:pointer;
  text-decoration:underline;
  font:13px var(--eng);
}

.reader-auth-status{
  min-height:20px;
  margin:13px 0 0;
  text-align:center;
  color:#756d64;
  font:13px/1.5 var(--eng);
}

.reader-auth-dialog strong{
  color:#211d19;
}

@media(max-width:560px){
  .reader-auth-dialog{
    padding:36px 24px 30px;
  }
}

/* =========================================================
   READER COMMENTS
   ========================================================= */

.poem-comments{
  margin-top:48px;
}

.poem-comments-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin-bottom:24px;
}

.poem-comments-title{
  margin:0;
  font:500 28px/1.2 var(--eng);
}

.poem-comments-subtitle{
  margin:6px 0 0;
  color:var(--muted);
  font:13px/1.6 var(--eng);
}

.reader-comments-list{
  border-top:1px solid var(--line);
}

.reader-comment{
  padding:22px 0;
  border-bottom:1px solid var(--line);
}

.reader-comment-meta{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:8px;
}

.reader-comment-meta strong{
  color:var(--ink);
  font:500 14px var(--eng);
}

.reader-comment-meta time{
  color:var(--muted);
  font:12px var(--eng);
}

.reader-comment p{
  margin:0;
  max-width:760px;
  color:#4f4942;
  font:15px/1.8 var(--eng);
  white-space:pre-wrap;
}

.reader-comments-empty{
  padding:24px 0;
  color:var(--muted);
  font:14px/1.7 var(--eng);
}

.reader-comment-form{
  margin-top:26px;
  padding:26px;
  background:rgba(255,255,255,.34);
  border:1px solid var(--line);
}

.reader-comment-form label{
  display:block;
  color:#514a43;
  font:12px var(--eng);
  margin-bottom:8px;
}

.reader-comment-form textarea{
  width:100%;
  min-height:130px;
  resize:vertical;
  padding:13px;
  border:1px solid #d4c6b5;
  background:#fffdf9;
  color:var(--ink);
  font:14px/1.7 var(--eng);
  outline:none;
}

.reader-comment-form textarea:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 2px rgba(196,161,106,.12);
}

.reader-comment-submit{
  margin-top:12px;
  padding:11px 18px;
  border:1px solid var(--wine);
  background:var(--wine);
  color:#fff;
  cursor:pointer;
  font:13px var(--eng);
}

.reader-comment-submit:disabled{
  opacity:.6;
  cursor:wait;
}

.reader-comment-note,
.reader-comment-status{
  margin-top:10px;
  color:var(--muted);
  font:12px/1.6 var(--eng);
}

@media(max-width:560px){
  .poem-comments-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .reader-comment-form{
    padding:18px;
  }
}

/* =========================================================
   SEARCH PAGE
   ========================================================= */

.search-page .page-intro{
  margin-bottom:42px;
}

.poem-search-form{
  max-width:900px;
  margin-bottom:34px;
}

.poem-search-form label{
  display:block;
  margin:0 0 9px;
  color:var(--muted);
  font:12px/1.4 var(--eng);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.poem-search-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
}

.poem-search-row input{
  width:100%;
  margin:0;
  min-height:52px;
  padding:13px 16px;
  border:1px solid var(--line);
  background:#fffaf2;
  color:var(--ink);
  font:15px var(--eng);
}

.poem-search-row input:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 2px rgba(196,161,106,.12);
  outline:none;
}

.poem-search-row button{
  min-width:120px;
  padding:0 22px;
  border:1px solid var(--wine);
  background:var(--wine);
  color:#fff;
  cursor:pointer;
  font:13px var(--eng);
}

.poem-search-row button:hover{
  filter:brightness(1.06);
}

.search-summary{
  margin:0 0 18px;
  color:var(--muted);
  font:13px/1.6 var(--eng);
}

.search-summary strong{
  color:var(--ink);
  font-weight:500;
}

.search-results{
  max-width:980px;
}

.search-result-row{
  transition:.2s ease;
}

.search-result-row:hover{
  background:rgba(255,255,255,.22);
  padding-left:8px;
  padding-right:8px;
}

.search-empty{
  max-width:700px;
  padding:48px 0;
  border-top:1px solid var(--line);
  color:var(--muted);
}

.search-empty h2{
  margin:0 0 10px;
  color:var(--ink);
  font:500 30px/1.2 var(--eng);
}

.search-empty p{
  margin:0;
  max-width:560px;
  font:15px/1.8 var(--eng);
}

.search-empty-start{
  border-top:0;
  padding-top:10px;
}

.search-empty-start .poem-number{
  margin-bottom:14px;
}

@media(max-width:560px){
  .poem-search-row{
    grid-template-columns:1fr;
  }

  .poem-search-row button{
    min-height:48px;
  }

  .search-result-row:hover{
    padding-left:0;
    padding-right:0;
  }
}

/* =========================================================
   PUBLIC SEARCH NAV
   ========================================================= */

.v23-nav .search-nav{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.28);
  color:inherit;
  font:22px/1 var(--eng);
  transition:.2s ease;
}

.v23-nav .search-nav:hover{
  color:#e0c58e;
  border-color:#e0c58e;
  transform:translateY(-1px);
}

.v23-nav.scrolled .search-nav{
  border-color:rgba(255,255,255,.22);
}

@media(max-width:900px){
  .v23-nav nav{
    gap:16px;
  }

  .v23-nav .search-nav{
    width:32px;
    height:32px;
  }
}

/* =========================================================
   RELATED POEMS
   ========================================================= */

.related-poems{
  margin-top:56px;
  padding-top:34px;
  border-top:1px solid var(--line);
}

.related-head h2{
  margin:8px 0 24px;
  font:500 32px/1.2 var(--bn);
}

.related-head h2 .en{
  font:500 34px/1.08 var(--eng);
}

.related-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.related-card{
  min-height:160px;
  padding:22px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.22);
  transition:.2s ease;
}

.related-card:hover{
  border-color:var(--gold);
  background:rgba(255,255,255,.42);
  transform:translateY(-2px);
}

.related-number{
  display:block;
  margin-bottom:24px;
  color:#a48658;
  font:italic 18px var(--eng);
}

.related-card strong{
  display:block;
  color:var(--ink);
  font:500 23px/1.25 var(--bn);
}

.related-card strong .en{
  font:500 25px/1.1 var(--eng);
}

.related-card small{
  display:block;
  margin-top:14px;
  color:var(--muted);
  font:12px/1.5 var(--eng);
}

@media(max-width:850px){
  .related-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:560px){
  .related-grid{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   MOOD DISCOVERY
   ========================================================= */

.moods-page .page-intro{
  margin-bottom:42px;
}

.mood-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.mood-card{
  position:relative;
  min-height:190px;
  padding:24px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.22);
  transition:.2s ease;
}

.mood-card:hover{
  border-color:var(--gold);
  background:rgba(255,255,255,.42);
  transform:translateY(-2px);
}

.mood-card-number{
  display:block;
  color:#a48658;
  font:italic 18px var(--eng);
}

.mood-card strong{
  display:block;
  margin-top:42px;
  color:var(--ink);
  font:500 28px/1.2 var(--eng);
}

.mood-card small{
  display:block;
  margin-top:10px;
  color:var(--muted);
  font:12px var(--eng);
}

.mood-card-arrow{
  position:absolute;
  right:20px;
  bottom:18px;
  color:var(--ink);
  font-size:18px;
  transition:.2s ease;
}

.mood-card:hover .mood-card-arrow{
  color:var(--wine);
  transform:translate(3px,-3px);
}

.mood-detail-page .page-intro{
  margin-bottom:38px;
}

.mood-detail-page .page-intro h1{
  text-transform:none;
}

@media(max-width:850px){
  .mood-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:560px){
  .mood-grid{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   FOOTER SUBSCRIPTION
   ========================================================= */

.v23-footer{
  flex-wrap:wrap;
}

.footer-subscription{
  flex:1 1 320px;
  max-width:430px;
}

.footer-subscription-kicker{
  color:#d9bb7d;
  font:10px var(--eng);
  letter-spacing:.16em;
}

.footer-subscription-copy{
  margin:8px 0 14px;
  color:#e8e0d5;
  font-size:13px;
  line-height:1.7;
}

.footer-subscription-actions{
  display:flex;
  gap:8px;
  align-items:center;
}

.footer-subscription-button{
  border:1px solid #d9bb7d;
  background:#d9bb7d;
  color:#171310;
  padding:10px 16px;
  cursor:pointer;
  font:12px var(--eng);
}

.footer-subscription-button.secondary{
  border-color:rgba(255,255,255,.2);
  background:transparent;
  color:#eee6da;
}

.footer-subscription-button:disabled{
  opacity:.55;
  cursor:wait;
}

.footer-subscription-status{
  min-height:18px;
  margin-top:9px;
  color:#d9bb7d;
  font-size:11px;
  line-height:1.5;
}

.footer-subscription-note{
  color:#77736d;
  font-size:10px;
}

@media(max-width:900px){
  .footer-subscription{
    order:3;
    flex-basis:100%;
    max-width:560px;
  }
}

/* =========================================================
   POEM PREVIOUS / NEXT NAVIGATION
   ========================================================= */

.poem-prev-next{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:56px;
  padding-top:28px;
  border-top:1px solid var(--line);
}

.poem-prev,
.poem-next{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:92px;
  padding:18px 20px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.16);
  transition:.2s ease;
}

.poem-next{
  text-align:right;
  align-items:flex-end;
}

.poem-prev:hover,
.poem-next:hover{
  border-color:var(--gold);
  background:rgba(255,255,255,.32);
  transform:translateY(-2px);
}

.poem-nav-label{
  color:#9a8669;
  font:11px/1.3 var(--eng);
  letter-spacing:.12em;
  text-transform:uppercase;
}

.poem-nav-label .en{
  font-family:var(--eng);
}

.poem-prev-next strong{
  color:var(--ink);
  font:500 21px/1.25 var(--bn);
}

.poem-prev-next strong .en{
  font:500 22px/1.15 var(--eng);
}

.poem-nav-placeholder{
  min-height:92px;
}

@media(max-width:560px){
  .poem-prev-next{
    grid-template-columns:1fr;
    gap:10px;
    margin-top:42px;
  }

  .poem-next{
    text-align:left;
    align-items:flex-start;
  }

  .poem-prev-next strong,
  .poem-prev-next strong .en{
    font-size:19px;
  }

  .poem-prev,
  .poem-next{
    min-height:0;
    padding:15px 16px;
  }
}

/* =========================================================
   POEM READING PROGRESS
   ========================================================= */

.reading-progress{
  position:fixed;
  top:0;
  left:0;
  width:0;
  height:2px;
  z-index:100;
  background:var(--gold);
  pointer-events:none;
  transition:width .08s linear;
}

@media(prefers-reduced-motion:reduce){
  .reading-progress{
    transition:none;
  }
}

/* =========================================================
   BILINGUAL CONTENT FALLBACK
   ========================================================= */

body:not(.english) .en.fallback-en{
  display:initial !important;
}

body.english .bn.fallback-bn{
  display:initial !important;
}

/* =========================================================
   POEM READING TIME
   ========================================================= */

.poem-reading-time{
  margin-top:8px;
  color:var(--muted);
  font:12px/1.4 var(--ui);
  letter-spacing:.02em;
}

.poem-reading-time .en{
  font-family:var(--eng);
  letter-spacing:.01em;
}

/* =========================================================
   POEM SHARE / COPY ACTIONS
   ========================================================= */

.poem-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.poem-action-btn{
  appearance:none;
  border:1px solid var(--line);
  background:transparent;
  color:var(--ink);
  min-height:40px;
  padding:8px 14px;
  cursor:pointer;
  font:12px/1.2 var(--ui);
  transition:.2s ease;
}

.poem-action-btn:hover{
  border-color:var(--gold);
  background:rgba(255,255,255,.32);
  transform:translateY(-1px);
}

.poem-action-btn .en{
  font-family:var(--eng);
}

.poem-action-status{
  color:var(--muted);
  font:12px/1.4 var(--ui);
}

@media(max-width:560px){
  .poem-actions{
    gap:8px;
  }

  .poem-action-btn{
    flex:1 1 auto;
    min-width:0;
  }

  .poem-action-status{
    flex-basis:100%;
  }
}

/* =========================================================
   MOONER DREAMY UI — NAVIGATION + BUTTONS
   ========================================================= */

.v23-nav{
  background:linear-gradient(
    180deg,
    rgba(12,20,53,.82),
    rgba(12,20,53,.18)
  );
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.v23-nav.scrolled{
  background:rgba(12,20,53,.88);
  box-shadow:0 10px 35px rgba(8,14,42,.18);
}

.v23-brand{
  gap:13px;
}

.v23-brand .moon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(241,197,139,.45);
  border-radius:50%;
  background:rgba(255,255,255,.06);
  box-shadow:0 0 22px rgba(241,197,139,.12);
  font-size:24px;
}

.v23-brand b{
  color:#fff8ef;
}

.v23-nav nav{
  gap:12px;
}

.v23-nav nav a,
.v23-nav nav button{
  border-radius:999px;
}

.v23-nav nav a{
  padding:9px 13px;
  color:rgba(255,250,243,.88);
  transition:.2s ease;
}

.v23-nav nav a:hover{
  color:#fff;
  background:rgba(255,255,255,.08);
  transform:translateY(-1px);
}

.v23-nav nav .search-nav{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.07);
}

.v23-nav nav .search-nav:hover{
  background:rgba(255,255,255,.13);
  border-color:rgba(241,197,139,.45);
}

.v23-nav button{
  min-width:52px;
  min-height:38px;
  padding:8px 14px;
  border:1px solid rgba(241,197,139,.52);
  background:rgba(255,255,255,.08);
  color:#fff8ef;
  transition:.2s ease;
}

.v23-nav button:hover{
  background:rgba(241,197,139,.16);
  box-shadow:0 0 20px rgba(241,197,139,.12);
}

/* Dreamy pill buttons */

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:11px 21px;
  border-radius:999px;
  font-size:13px;
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease,
    border-color .2s ease;
}

.btn:hover{
  transform:translateY(-2px);
}

.btn-gold{
  background:linear-gradient(135deg,var(--gold2),var(--blush));
  border-color:transparent;
  color:#18172b;
  box-shadow:0 10px 28px rgba(239,181,178,.22);
}

.btn-gold:hover{
  box-shadow:0 14px 34px rgba(239,181,178,.30);
}

.btn-ghost{
  border:1px solid rgba(255,255,255,.34);
  background:rgba(255,255,255,.08);
  color:#fff9f1;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.btn-ghost:hover{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.52);
}

.text-link{
  border:0;
  border-radius:999px;
  padding:9px 14px;
  background:rgba(110,99,165,.10);
  color:var(--purple);
  transition:.2s ease;
}

.text-link:hover{
  background:rgba(110,99,165,.17);
  transform:translateY(-1px);
}

/* Rounded visual language for cards */

.category-card{
  border-radius:22px;
  box-shadow:0 16px 40px rgba(32,37,73,.11);
}

.category-card img{
  transition:
    transform .6s ease,
    filter .4s ease;
}

.category-card:hover{
  box-shadow:0 20px 48px rgba(32,37,73,.17);
}

.category-shade{
  background:
    linear-gradient(
      180deg,
      rgba(11,16,50,.02) 25%,
      rgba(11,16,50,.24) 48%,
      rgba(11,16,50,.92) 100%
    );
}

.poem-row{
  border-color:rgba(42,48,91,.12);
  transition:.2s ease;
}

.poem-row:hover{
  padding-left:8px;
  padding-right:8px;
  background:rgba(255,255,255,.38);
  border-radius:16px;
}

/* Search / language controls on mobile */

@media(max-width:900px){
  .v23-nav{
    background:rgba(12,20,53,.88);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }

  .v23-nav nav{
    background:
      radial-gradient(
        circle at 50% 15%,
        rgba(110,99,165,.18),
        transparent 40%
      ),
      linear-gradient(
        180deg,
        #111a3a 0%,
        #182657 100%
      ) !important;
    color:#fff;
  }

  .v23-nav nav a{
    color:#fff8ef;
  }

  .v23-nav nav a:hover{
    color:var(--gold2);
  }

  .v23-nav nav button{
    color:#fff8ef;
    border-color:rgba(241,197,139,.5);
  }
}

/* =========================================================
   MOONER DREAMY HEADER — HERO INTEGRATION
   ========================================================= */

.v23-nav{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:50;
  height:84px;
  min-height:84px;
  color:#fff;
  background:linear-gradient(
    180deg,
    rgba(8,14,40,.72) 0%,
    rgba(8,14,40,.32) 65%,
    rgba(8,14,40,0) 100%
  );
  border-bottom:1px solid rgba(255,255,255,.06);
  box-shadow:none;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.v23-nav.scrolled{
  position:fixed;
  background:rgba(10,17,48,.88);
  border-bottom-color:rgba(255,255,255,.10);
  box-shadow:0 12px 35px rgba(5,10,30,.22);
}

.v23-brand .moon{
  color:var(--gold2);
  background:rgba(255,255,255,.07);
  border-color:rgba(241,197,139,.48);
  box-shadow:
    0 0 18px rgba(241,197,139,.12),
    inset 0 0 12px rgba(255,255,255,.04);
}

.v23-brand b{
  color:#fffaf4;
}

.v23-nav nav a{
  color:rgba(255,250,244,.92);
}

.v23-nav nav a:hover{
  color:#fff;
  background:rgba(255,255,255,.08);
}

.v23-nav nav .search-nav{
  color:#fff;
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
}

.v23-nav nav button{
  min-width:64px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#fff;
  padding:8px 15px;
  box-shadow:inset 0 0 12px rgba(255,255,255,.03);
}

.v23-nav nav button:hover{
  background:rgba(255,255,255,.16);
  border-color:rgba(241,197,139,.62);
}

.hero-actions{
  gap:14px;
}

.btn{
  min-height:48px;
  padding:12px 23px;
  border-radius:999px;
}

.btn-gold{
  background:linear-gradient(135deg,#f7c58d,#efaaa9);
  color:#17172a;
  box-shadow:
    0 12px 28px rgba(239,170,169,.22),
    0 2px 8px rgba(0,0,0,.12);
}

.btn-ghost{
  border:1px solid rgba(255,255,255,.34);
  background:rgba(255,255,255,.08);
  color:#fffaf4;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

@media(max-width:900px){
  .v23-nav{
    position:absolute;
    background:linear-gradient(
      180deg,
      rgba(8,14,40,.78),
      rgba(8,14,40,.28)
    );
  }
}

@media(max-width:560px){
  .v23-nav{
    height:76px;
    min-height:76px;
  }
}

/* =========================================================
   MOONER DREAMY HOMEPAGE SECTIONS
   ========================================================= */

/* Poet's room */

.v23-intro{
  position:relative;
  grid-template-columns:1fr 1fr;
  gap:24px;
  padding:72px 7vw;
  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(110,99,165,.12),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #eee5dc 0%,
      #f7f1ea 52%,
      #eee7f1 100%
    );
}

.intro-photo{
  min-height:500px;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 24px 60px rgba(32,37,73,.14);
}

.intro-photo img{
  min-height:500px;
  transition:transform .8s ease;
}

.v23-intro:hover .intro-photo img{
  transform:scale(1.025);
}

.intro-copy{
  padding:56px 5vw;
  border:1px solid rgba(42,48,91,.10);
  border-radius:26px;
  background:rgba(255,255,255,.42);
  box-shadow:
    0 24px 60px rgba(32,37,73,.08),
    inset 0 1px 0 rgba(255,255,255,.55);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.intro-copy h2{
  color:var(--ink);
  max-width:680px;
}

.intro-copy p{
  color:#625f6c;
}

/* Featured poem */

.v23-feature{
  position:relative;
  margin:0 7vw;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(110,99,165,.28),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #101a3b,
      #172657 58%,
      #201e4d
    );
  box-shadow:
    0 28px 70px rgba(11,20,54,.22),
    0 0 60px rgba(110,99,165,.08);
}

.feature-photo{
  min-height:560px;
  overflow:hidden;
}

.feature-photo img{
  filter:brightness(.72) saturate(.88);
  transition:transform .8s ease;
}

.v23-feature:hover .feature-photo img{
  transform:scale(1.025);
}

.feature-copy{
  padding:70px 6vw;
  position:relative;
}

.feature-copy h2{
  color:#fff8ef;
}

.feature-copy .eyebrow{
  color:var(--gold2);
}

.poem-excerpt{
  color:rgba(255,248,239,.82);
}

.feature-copy .text-link{
  margin-top:28px;
  background:rgba(255,255,255,.10);
  color:#fff7ef;
  border:1px solid rgba(255,255,255,.18);
}

.feature-copy .text-link:hover{
  background:rgba(255,255,255,.16);
  color:#fff;
}

/* Rooms of feeling */

.v23-section{
  padding:104px 7vw;
}

.v23-section .section-head{
  margin-bottom:34px;
}

.v23-section .section-head h2{
  color:var(--ink);
}

.category-grid{
  gap:18px;
}

.category-card{
  height:340px;
  border-radius:24px;
  box-shadow:
    0 18px 45px rgba(32,37,73,.12),
    0 0 0 1px rgba(255,255,255,.10);
}

.category-card img{
  filter:brightness(.68) saturate(.78);
}

.category-card:hover img{
  filter:brightness(.78) saturate(.92);
}

.category-info{
  left:24px;
  right:24px;
  bottom:24px;
}

.category-info small{
  color:var(--gold2);
}

.category-info strong{
  color:#fffaf4;
}

/* Index / poem list */

.v23-index{
  position:relative;
  background:
    radial-gradient(
      circle at 90% 10%,
      rgba(110,99,165,.09),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      #eee7f0 0%,
      #f7f1ea 100%
    );
}

.v23-index .section-head{
  align-items:center;
}

.v23-index .poem-list{
  border:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.v23-index .poem-row{
  min-height:84px;
  padding:18px 22px;
  border:1px solid rgba(42,48,91,.10);
  border-radius:18px;
  background:rgba(255,255,255,.48);
  box-shadow:
    0 8px 24px rgba(32,37,73,.04),
    inset 0 1px 0 rgba(255,255,255,.55);
}

.v23-index .poem-row:hover{
  padding-left:26px;
  padding-right:26px;
  background:rgba(255,255,255,.72);
  box-shadow:
    0 14px 30px rgba(32,37,73,.08),
    0 0 0 1px rgba(110,99,165,.08);
}

.v23-index .poem-number{
  color:#8875a8;
}

.v23-index .poem-row-main strong{
  color:var(--ink);
}

.v23-index .poem-row-main small{
  color:#777282;
}

.v23-index .poem-arrow{
  color:#6e63a5;
}

/* Homepage breathing space */

.v23-feature + .v23-section{
  padding-top:108px;
}

@media(max-width:900px){
  .v23-intro{
    grid-template-columns:1fr;
    padding:60px 6vw;
  }

  .intro-photo,
  .intro-photo img{
    min-height:390px;
  }

  .intro-copy{
    padding:48px 7vw;
  }

  .v23-feature{
    margin:0 5vw;
    grid-template-columns:1fr;
  }

  .feature-photo,
  .feature-photo img{
    min-height:420px;
  }

  .feature-copy{
    padding:56px 7vw;
  }

  .v23-section{
    padding:82px 6vw;
  }

  .category-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:560px){
  .v23-intro{
    padding:52px 5vw;
  }

  .intro-photo,
  .intro-photo img{
    min-height:300px;
  }

  .intro-copy{
    padding:38px 6vw;
    border-radius:20px;
  }

  .v23-feature{
    margin:0 4vw;
    border-radius:22px;
  }

  .feature-photo,
  .feature-photo img{
    min-height:320px;
  }

  .feature-copy{
    padding:44px 7vw;
  }

  .v23-section{
    padding:72px 5vw;
  }

  .category-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .category-card{
    height:280px;
  }

  .v23-index .poem-row{
    min-height:74px;
    padding:15px 16px;
  }

  .v23-index .poem-row:hover{
    padding-left:18px;
    padding-right:18px;
  }
}

/* =========================================================
   FIX FIXED-NAV SCROLL OVERLAP
   ========================================================= */

.v23-intro,
.v23-feature,
.v23-section,
.v23-index,
.about-hero{
  scroll-margin-top:100px;
}

@media(max-width:900px){
  .v23-intro,
  .v23-feature,
  .v23-section,
  .v23-index,
  .about-hero{
    scroll-margin-top:86px;
  }
}

@media(max-width:560px){
  .v23-intro,
  .v23-feature,
  .v23-section,
  .v23-index,
  .about-hero{
    scroll-margin-top:74px;
  }
}

/* =========================================================
   MOONER RADIO
   ========================================================= */

.moon-radio-fab{
  position:fixed;
  right:26px;
  bottom:26px;
  z-index:80;
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 14px 9px 9px;
  border:1px solid rgba(241,197,139,.42);
  border-radius:999px;
  background:
    linear-gradient(
      135deg,
      rgba(19,30,75,.94),
      rgba(62,50,105,.92)
    );
  color:#fff8ef;
  box-shadow:
    0 18px 42px rgba(7,13,43,.28),
    0 0 32px rgba(110,99,165,.18);
  cursor:pointer;
  transition:.25s ease;
}

.moon-radio-fab:hover{
  transform:translateY(-3px);
  box-shadow:
    0 22px 50px rgba(7,13,43,.33),
    0 0 38px rgba(110,99,165,.25);
}

.moon-radio-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:
    radial-gradient(
      circle at 35% 30%,
      #fff4dc,
      #efb5b2 38%,
      #6e63a5 72%,
      #22264d 100%
    );
  color:#151a3c;
  font-size:21px;
  box-shadow:
    0 0 22px rgba(241,197,139,.22),
    inset 0 0 12px rgba(255,255,255,.35);
}

.moon-radio-label{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  font:500 12px/1.1 var(--ui);
}

.moon-radio-label .en{
  font-family:var(--eng);
}

.moon-radio-panel{
  position:fixed;
  right:26px;
  bottom:88px;
  z-index:81;
  width:min(380px,calc(100vw - 32px));
  padding:22px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:28px;
  background:
    radial-gradient(
      circle at 82% 10%,
      rgba(110,99,165,.28),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      rgba(15,25,62,.97),
      rgba(31,37,91,.96) 55%,
      rgba(55,42,88,.97)
    );
  color:#fff8ef;
  box-shadow:
    0 30px 70px rgba(5,10,32,.40),
    0 0 55px rgba(110,99,165,.17);
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  opacity:0;
  visibility:hidden;
  transform:translateY(16px) scale(.98);
  transform-origin:bottom right;
  transition:.25s ease;
}

.moon-radio-panel.is-open{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}

.moon-radio-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.moon-radio-head h2{
  margin:7px 0 0;
  font:500 25px/1.15 var(--eng);
  color:#fffaf4;
}

.moon-radio-head h2 .bn{
  font-family:var(--bn);
}

.moon-radio-close{
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(255,255,255,.07);
  color:#fff;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}

.moon-radio-art{
  display:flex;
  align-items:center;
  gap:15px;
  margin-top:22px;
  padding:18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  background:rgba(255,255,255,.07);
}

.moon-radio-orb{
  width:72px;
  height:72px;
  flex:0 0 72px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:
    radial-gradient(
      circle at 35% 28%,
      #fff5dc,
      #efb5b2 30%,
      #8a75bc 68%,
      #1b2251 100%
    );
  color:#171a40;
  font-size:37px;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}

.moon-radio-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.moon-radio-copy small{
  color:var(--gold2);
  font:10px/1.2 var(--eng);
  letter-spacing:.14em;
}

.moon-radio-copy strong{
  color:#fffaf4;
  font:500 20px/1.2 var(--eng);
}

.moon-radio-copy span{
  color:rgba(255,248,239,.68);
  font-size:12px;
}

.moon-radio-progress{
  margin-top:20px;
}

.moon-radio-progress-track{
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.12);
}

.moon-radio-progress-fill{
  width:0;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--blush),var(--gold2));
  box-shadow:0 0 12px rgba(241,197,139,.35);
}

.moon-radio-times{
  display:flex;
  justify-content:space-between;
  margin-top:7px;
  color:rgba(255,248,239,.56);
  font:10px var(--eng);
}

.moon-radio-controls{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  margin-top:20px;
}

.moon-radio-controls button{
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  background:rgba(255,255,255,.07);
  color:#fff;
  cursor:pointer;
  transition:.2s ease;
}

.moon-radio-controls button:hover{
  background:rgba(255,255,255,.13);
  transform:translateY(-1px);
}

.moon-radio-controls .moon-radio-play{
  width:58px;
  height:58px;
  border-color:transparent;
  background:linear-gradient(135deg,var(--gold2),var(--blush));
  color:#17172a;
  font-size:20px;
  box-shadow:0 10px 24px rgba(239,181,178,.20);
}

.moon-radio-next{
  margin-top:22px;
  padding-top:17px;
  border-top:1px solid rgba(255,255,255,.10);
}

.moon-radio-next-head{
  margin-bottom:9px;
  color:rgba(255,248,239,.56);
  font:10px var(--eng);
  letter-spacing:.12em;
  text-transform:uppercase;
}

.moon-radio-next-item{
  width:100%;
  display:grid;
  grid-template-columns:28px 1fr;
  gap:8px;
  text-align:left;
  padding:9px 0;
  border:0;
  background:transparent;
  color:#fff8ef;
  cursor:pointer;
}

.moon-radio-next-item span{
  color:var(--gold2);
  font:11px var(--eng);
}

.moon-radio-next-item strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font:500 13px var(--eng);
}

@media(max-width:560px){
  .moon-radio-fab{
    right:14px;
    bottom:14px;
  }

  .moon-radio-panel{
    right:12px;
    bottom:76px;
    width:calc(100vw - 24px);
    padding:18px;
    border-radius:24px;
  }

  .moon-radio-label{
    display:none;
  }
}

/* Featured poem alignment refinement */
.v23-feature{
  min-height:500px;
  align-items:stretch;
}

.v23-feature .feature-photo{
  min-height:500px;
  height:100%;
}

.v23-feature .feature-photo img{
  width:100%;
  height:100%;
  min-height:500px;
  object-fit:cover;
  object-position:center center;
  display:block;
}

.v23-feature .feature-copy{
  min-height:500px;
  padding:56px 6vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.v23-feature .feature-copy h2{
  margin-top:14px;
  margin-bottom:20px;
}

@media(max-width:900px){
  .v23-feature{
    min-height:0;
  }

  .v23-feature .feature-photo{
    min-height:420px;
  }

  .v23-feature .feature-photo img{
    min-height:420px;
  }

  .v23-feature .feature-copy{
    min-height:0;
  }
}

@media(max-width:560px){
  .v23-feature .feature-photo,
  .v23-feature .feature-photo img{
    min-height:320px;
  }

  .v23-feature .feature-copy{
    padding:44px 7vw;
  }
}

/* Featured poem — compact editorial composition */
.v23-feature{
  min-height:480px;
}

.v23-feature .feature-photo,
.v23-feature .feature-photo img{
  min-height:480px;
}

.v23-feature .feature-copy{
  min-height:480px;
}

@media(max-width:900px){
  .v23-feature .feature-photo,
  .v23-feature .feature-photo img{
    min-height:420px;
  }

  .v23-feature .feature-copy{
    min-height:0;
  }
}

@media(max-width:560px){
  .v23-feature .feature-photo,
  .v23-feature .feature-photo img{
    min-height:320px;
  }
}

/* Featured poem — separate image and editorial cards */
.v23-feature{
  display:grid;
  grid-template-columns:1.05fr 1fr;
  gap:24px;
  min-height:480px;
  margin:0 7vw;
  padding:0;
  background:transparent;
  border-radius:0;
  overflow:visible;
  box-shadow:none;
}

.v23-feature .feature-photo{
  min-height:480px;
  height:480px;
  overflow:hidden;
  border-radius:28px;
  background:#151b3b;
  box-shadow:
    0 24px 60px rgba(11,20,54,.16),
    0 0 0 1px rgba(255,255,255,.10);
}

.v23-feature .feature-photo img{
  width:100%;
  height:100%;
  min-height:0;
  display:block;
  object-fit:cover;
  object-position:center center;
  filter:brightness(.72) saturate(.88);
}

.v23-feature .feature-copy{
  min-height:480px;
  height:480px;
  padding:58px 6vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-self:stretch;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(110,99,165,.28),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #101a3b,
      #172657 58%,
      #201e4d
    );
  box-shadow:
    0 24px 60px rgba(11,20,54,.16),
    0 0 0 1px rgba(255,255,255,.08);
}

.v23-feature .feature-copy h2{
  margin:14px 0 20px;
}

.v23-feature .poem-excerpt{
  max-width:500px;
}

@media(max-width:900px){
  .v23-feature{
    grid-template-columns:1fr;
    gap:18px;
    min-height:0;
    margin:0 5vw;
  }

  .v23-feature .feature-photo{
    height:420px;
    min-height:420px;
  }

  .v23-feature .feature-copy{
    height:auto;
    min-height:0;
    padding:52px 7vw;
  }
}

@media(max-width:560px){
  .v23-feature{
    margin:0 4vw;
    gap:14px;
  }

  .v23-feature .feature-photo{
    height:320px;
    min-height:320px;
    border-radius:22px;
  }

  .v23-feature .feature-copy{
    padding:44px 7vw;
    border-radius:22px;
  }
}

/* Featured poem — let content determine equal card height */
.v23-feature{
  align-items:stretch;
  min-height:0;
}

.v23-feature .feature-photo{
  height:auto;
  min-height:480px;
  align-self:stretch;
}

.v23-feature .feature-photo img{
  width:100%;
  height:100%;
  min-height:480px;
  object-fit:cover;
  display:block;
}

.v23-feature .feature-copy{
  height:auto;
  min-height:480px;
  overflow:visible;
  align-self:stretch;
  justify-content:center;
}

@media(max-width:900px){
  .v23-feature .feature-photo{
    min-height:420px;
    height:420px;
  }

  .v23-feature .feature-photo img{
    min-height:420px;
  }

  .v23-feature .feature-copy{
    min-height:0;
    height:auto;
    overflow:visible;
  }
}

@media(max-width:560px){
  .v23-feature .feature-photo{
    min-height:320px;
    height:320px;
  }

  .v23-feature .feature-photo img{
    min-height:320px;
  }
}

/* Compact editorial links */
.v23-feature .feature-copy .text-link,
.v23-intro .intro-copy .text-link{
  display:inline-block;
  width:auto;
  align-self:flex-start;
  max-width:max-content;
  padding:6px 0;
  margin-top:24px;
  background:transparent;
  border:0;
  border-bottom:1px solid currentColor;
  border-radius:0;
  color:#d9bb7d;
}

.v23-feature .feature-copy .text-link:hover,
.v23-intro .intro-copy .text-link:hover{
  background:transparent;
  border-bottom-color:currentColor;
  color:#f1c58b;
}

/* Individual poem: readable text + companion cover */
.poem-detail-v23{
  max-width:1180px;
  margin:0 auto;
}

.poem-detail-v23 > .poem-cover-v23{
  float:right;
  width:38%;
  max-width:440px;
  max-height:660px;
  height:auto;
  object-fit:cover;
  margin:18px 0 35px 55px;
}

.poem-detail-v23 > .eyebrow,
.poem-detail-v23 > .poem-reading-time,
.poem-detail-v23 > h1,
.poem-detail-v23 > .poem-body-v23,
.poem-detail-v23 > .poem-by,
.poem-detail-v23 > .poem-actions,
.poem-detail-v23 > audio,
.poem-detail-v23 > .poem-reactions,
.poem-detail-v23 > .poem-comments,
.poem-detail-v23 > .related-poems,
.poem-detail-v23 > .poem-prev-next,
.poem-detail-v23 > .poem-back{
  max-width:680px;
}

.poem-detail-v23 > .poem-body-v23{
  font-size:21px;
  line-height:2;
}

.poem-detail-v23::after{
  content:"";
  display:block;
  clear:both;
}

@media(max-width:900px){
  .poem-detail-v23{
    max-width:760px;
  }

  .poem-detail-v23 > .poem-cover-v23{
    float:none;
    display:block;
    width:100%;
    max-width:560px;
    max-height:700px;
    margin:28px auto 42px;
  }

  .poem-detail-v23 > .eyebrow,
  .poem-detail-v23 > .poem-reading-time,
  .poem-detail-v23 > h1,
  .poem-detail-v23 > .poem-body-v23,
  .poem-detail-v23 > .poem-by,
  .poem-detail-v23 > .poem-actions,
  .poem-detail-v23 > audio,
  .poem-detail-v23 > .poem-reactions,
  .poem-detail-v23 > .poem-comments,
  .poem-detail-v23 > .related-poems,
  .poem-detail-v23 > .poem-prev-next,
  .poem-detail-v23 > .poem-back{
    max-width:none;
  }
}

.footer-disclaimer{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.12);
  font-size:11px;
  line-height:1.7;
  color:#8f8981;
}

.footer-disclaimer .bn,
.footer-disclaimer .en{
  display:block;
}

@media(max-width:900px){
  .footer-disclaimer{
    margin-top:16px;
  }
}

.footer-disclaimer{
  max-width:620px;
  font-size:10.5px;
  line-height:1.65;
}

.v23-footer{
  display:grid;
  grid-template-columns:auto minmax(180px,1fr) auto auto;
  align-items:center;
  column-gap:40px;
  row-gap:20px;
}

.footer-disclaimer-row{
  grid-column:1 / -1;
  width:100%;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.12);
  font-size:10.5px;
  line-height:1.65;
  color:#8f8981;
}

.footer-disclaimer-row .bn,
.footer-disclaimer-row .en{
  display:block;
}

@media(max-width:900px){
  .v23-footer{
    display:flex;
    flex-wrap:wrap;
  }

  .footer-disclaimer-row{
    flex-basis:100%;
  }
}