/* SLATE — one light look from the brand guideline: framed plates, hairline captions, one red square per screen. */
:root{
  --paper:#ffffff; --ink:#231f20; --steel:#4d4d4f; --mist:#dcddde; --panel:#eef1f4; --red:#c1272d;
  --face:"Jost","Futura PT",Futura,"Century Gothic","Avenir Next",system-ui,sans-serif;
  --shade:#f1f3f5; --glass:rgba(255,255,255,.85); --logo:brightness(0);
  --gx:clamp(16px,4vw,56px);
  color-scheme:light;
}
/* Dark mode follows the visitor's phone or computer setting (switch off with "Dark mode: no" in site.txt) */
/* Dark: only when the visitor chooses it with the switch in the menu. Light is the default. */
:root[data-dark="auto"][data-theme="dark"]{
    --paper:#151617; --ink:#ecebe8; --steel:#a2a4a7; --mist:#3b3d40; --panel:#1e2022; --red:#e2483f;
    --shade:#101112; --glass:rgba(21,22,23,.85); --logo:brightness(0) invert(1);
    color-scheme:dark;
}
:root[data-dark="auto"][data-theme="dark"] .plate img{filter:brightness(.94)}
*{box-sizing:border-box}
html{height:100%}body{min-height:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--face);font-weight:400;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
h1,h2,h3,p,dl,dd,ul{margin:0}
ul{padding:0;list-style:none}
img{max-width:100%}
.wrap{padding-left:max(var(--gx),env(safe-area-inset-left,0px));padding-right:max(var(--gx),env(safe-area-inset-right,0px))}
.muted{color:var(--steel)}
.num{font-variant-numeric:tabular-nums}

/* Header */
.top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:22px;height:88px;box-sizing:border-box;position:sticky;top:0;z-index:20;background:var(--paper)}
body.is-home .top{background:transparent}
.mark{display:flex;align-items:center;gap:14px;min-height:44px;flex:none}
.mark svg{width:40px;height:40px;flex:none;display:block;color:var(--ink)}
.mark .word{font-weight:600;font-size:13px;letter-spacing:.42em}
.nav{display:flex;gap:clamp(18px,3vw,44px)}
.nav a{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--steel);transition:color .2s}
.nav a:hover{color:var(--ink)}
.nav a .sq{width:8px;height:8px;background:var(--red);display:none}
.nav a[aria-current="page"]{color:var(--ink);font-weight:500}
.nav a[aria-current="page"] .sq{display:block}
.nav .far-link{color:var(--ink)}
.nav .far-link:hover{color:var(--red)}
.nav .far-link .short{display:none}
/* light / dark switch: a half-filled circle */
.mode{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-12px;color:var(--steel);transition:color .2s}
.mode:hover{color:var(--ink)}
.mode svg{width:16px;height:16px;display:block;transition:transform .5s ease}
:root[data-theme="dark"] .mode svg{transform:rotate(180deg)}
@media (max-width:760px){.nav .far-link .full{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.nav .far-link .short{display:inline}}

/* Views (before the script runs, show home only) */
.view{display:none}
.view.on{display:block;animation:in .5s ease both}
@keyframes in{from{opacity:.001}to{opacity:1}}
body.is-home{overflow:hidden}

/* Plates */
.plate{position:relative;background:var(--panel);overflow:hidden;max-width:100%;display:block}
.plate .media{position:absolute;inset:0}
.plate img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.plate .empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--mist)}
.plate .empty svg{width:22%;max-width:72px;height:auto}
.plate .fade{transition:opacity 1.2s ease}

/* Home */
#v-home{height:calc(100vh - 88px);height:calc(100dvh - 88px)}
/* Sun shade: a soft shadow that moves with the sun in Dhaka */
.sun{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.sun polygon{fill:var(--shade)}
.sun line{stroke:var(--mist);stroke-width:1}
body.is-home .top,body.is-home #v-home{position:relative;z-index:1}
.home{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.plate-wrap{min-height:0}
@media (min-width:761px){
  .home{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"q p" "f p";padding-bottom:28px}
  .question{grid-area:q;align-self:start;padding-top:clamp(12px,4vh,48px)}
  .plate-wrap{grid-area:p;height:100%;padding-left:0}
  .home .plate{height:100%;width:auto;aspect-ratio:8/9;max-width:52vw}
  .home .home-foot{grid-area:f;flex-direction:column;align-items:flex-start;gap:14px;padding-block:0}
}
.question h1{font:inherit;letter-spacing:inherit}
.kicker{font-size:10px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--steel);line-height:1.6;margin-bottom:clamp(12px,2vh,22px)}
.question{font-weight:300;font-size:clamp(30px,4.2vw,64px);line-height:1.12;letter-spacing:-.01em;padding-block:4px clamp(20px,3vh,36px);text-wrap:balance}
.question em,.lead em,.prose em,.desc em{font-style:normal;color:var(--red);font-weight:400}
.home .plate{height:100%;cursor:pointer}
.home .plate .fade{opacity:0}
.home .plate .fade.show{opacity:1}
.home .plate img{object-position:50% 40%}
.home-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:14px 22px}
.cap{display:flex;align-items:center;gap:20px;min-width:0}
.cap .n{font-size:12px;letter-spacing:.12em;color:var(--steel);white-space:nowrap}
.cap a{min-width:0;display:flex;flex-direction:column;line-height:1.4}
.cap .t{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cap .m{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--steel)}
.dots{display:flex;gap:6px}
.dots button{width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.dots button i{display:block;position:relative;overflow:hidden;width:18px;height:1px;background:var(--mist);transition:background .3s}
.dots button[aria-current="true"] i{background:var(--ink)}
/* slideshow timer: the active dot fills from left to right until the next project */
.dots button.run i{background:var(--mist)}
.dots button i::after{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left center}
.dots button.run i::after{animation:fill 6s linear forwards}
.plate .timer{display:none;position:absolute;left:0;right:0;bottom:0;z-index:2;height:2px;background:var(--glass);transform:scaleX(0);transform-origin:left center;pointer-events:none}
.plate .timer.run{animation:fill 6s linear forwards}
@keyframes fill{to{transform:scaleX(1)}}
.family{display:flex;align-items:center;gap:22px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--steel)}
.family .rule{width:22px;height:1px;background:var(--mist)}
.family a{min-height:44px;display:flex;align-items:center}
.family a:hover{color:var(--ink)}
.family .co{min-height:44px;display:flex;align-items:center}

/* Work */
.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding-block:clamp(28px,6vh,72px) 28px;border-bottom:1px solid var(--mist)}
.page-title h1{font-weight:300;font-size:clamp(28px,3.4vw,48px);line-height:1.1}
.filters{display:flex;flex-wrap:wrap;gap:4px 26px}
.filters button{min-height:44px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--steel);display:flex;align-items:center;gap:6px}
.filters button sup{font-size:9px;letter-spacing:0}
.filters button:hover{color:var(--ink)}
.filters button[aria-pressed="true"]{color:var(--ink);font-weight:500;box-shadow:inset 0 -1px 0 var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:48px 28px;padding-block:36px 72px}
.tile{display:flex;flex-direction:column;gap:14px}
.tile .plate{aspect-ratio:4/5}
.tile .plate img{transition:opacity .6s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.tile:hover .plate img{transform:scale(1.025)}
.tile .row{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.tile .t{font-weight:500;font-size:15px;line-height:1.4}
.tile .y{font-size:12px;color:var(--steel)}
.tile .m{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--steel)}
.tile:hover .t{color:var(--red)}

/* Project */
.project{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);padding-block:clamp(20px,4vh,40px) 64px;align-items:start}
.project .plate{aspect-ratio:4/5}
.pmedia{display:flex;flex-direction:column;gap:clamp(12px,2vw,24px);min-width:0}
.gallery{display:flex;flex-direction:column;gap:clamp(12px,2vw,24px)}
.gallery img{display:block;width:100%;height:auto;background:var(--panel)}
.pinfo{display:flex;flex-direction:column;gap:28px;position:sticky;top:112px}
.pinfo .n{font-size:12px;letter-spacing:.12em;color:var(--steel)}
.pinfo h1{font-weight:400;font-size:clamp(24px,2.4vw,34px);line-height:1.2;text-wrap:balance}
.facts{border-top:1px solid var(--mist)}
.facts div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:11px 0;border-bottom:1px solid var(--mist)}
.facts dt{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--steel);padding-top:3px}
.facts dd{font-size:14px}
.pinfo .idea{font-size:16px;line-height:1.5;color:var(--steel);margin-top:-14px}
.pinfo .idea:empty{display:none}
.desc{display:flex;flex-direction:column;gap:1em}
.desc p{font-size:15px;line-height:1.75;max-width:36em}
.pnav{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pnav a{min-height:44px;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--steel)}
.pnav a:hover{color:var(--ink)}

/* Studio + Contact */
.lead{font-weight:300;font-size:clamp(26px,3vw,44px);line-height:1.25;max-width:22em;padding-block:clamp(28px,7vh,88px) clamp(32px,6vh,72px);text-wrap:balance}
.prose{display:flex;flex-direction:column;gap:1em;max-width:38em;padding-bottom:clamp(32px,6vh,64px);margin-top:calc(-1 * clamp(8px,3vh,40px))}
.prose p{font-size:16px;line-height:1.75;color:var(--steel)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:40px 32px;border-top:1px solid var(--mist);padding-block:28px 56px}
.block{display:flex;flex-direction:column;gap:10px;min-width:0}
.block h2,.section-label{font-size:10px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--steel);margin-bottom:6px}
.block p,.block li{font-size:15px;line-height:1.7}
.block .sel{user-select:all}
.cta{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;font-weight:500}
.cta .sq{width:7px;height:7px;background:var(--ink)}
.cta:hover{color:var(--red)}
.cta:hover .sq{background:var(--red)}

/* People */
.team{border-top:1px solid var(--mist);padding-block:28px 64px}
.section-label{margin-bottom:28px}
.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(45%,200px),1fr));gap:40px 24px}
.people li{display:flex;flex-direction:column;gap:6px}
.portrait{aspect-ratio:4/5;background:var(--panel);overflow:hidden;margin-bottom:8px}
.portrait img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1);transition:filter .6s ease}
.people li:hover .portrait img{filter:none}
.people .t{font-weight:500;font-size:14px}
.people .m{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--steel)}

.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--mist);padding-block:18px 28px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--steel)}

/* Breadcrumb, screen-reader text, address */
.crumbs{display:flex;gap:10px;font-size:12px;letter-spacing:.12em;color:var(--steel)}
.crumbs a:hover{color:var(--ink)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
address{font-style:normal}

/* Clients */
.clients{border-top:1px solid var(--mist);padding-block:28px 56px}
.logo-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:36px 40px;align-items:center;max-width:1100px}
.logo-wall li{height:56px;display:flex;align-items:center;justify-content:flex-start}
/* every logo as an even dark silhouette (needs a transparent background); full colour on hover */
.logo-wall img{max-height:40px;max-width:150px;width:auto;height:auto;object-fit:contain;filter:var(--logo);opacity:.5;transition:opacity .3s,filter .3s}
@media (hover:hover){.logo-wall li:hover img{filter:none;opacity:1}}
.name-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 32px;max-width:1100px}
.name-wall li{font-size:17px;font-weight:400;letter-spacing:.01em;color:var(--steel)}

/* Principal */
.principal-card{border-top:1px solid var(--mist);padding-block:28px 56px}
.pcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));gap:48px 56px;max-width:1100px}
.pc{display:flex;gap:24px;align-items:flex-start}
.pc .portrait{width:140px;flex:none;margin:0;position:relative}
.portrait .empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--mist)}
.portrait .empty svg{width:30%;max-width:48px}
.pc-text{display:flex;flex-direction:column;gap:8px;min-width:0}
.pc-text .t{font-weight:500;font-size:17px;line-height:1.3}
.pc-text .m{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--steel)}
.pc-text .cta{min-height:36px}
.pc-text p{font-size:15px;line-height:1.7;color:var(--steel)}
.pc:hover .t{color:var(--red)}
.profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(28px,5vw,80px);padding-block:clamp(20px,4vh,40px) 64px;align-items:start}
.pf-media{position:sticky;top:112px}
.portrait.big{aspect-ratio:4/5;position:relative}
.portrait.big .empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--mist)}
.portrait.big .empty svg{width:22%;max-width:72px}
.portrait.big img{filter:none}
.pf-text{display:flex;flex-direction:column;gap:28px;max-width:40em}
.pf-text h1{font-weight:400;font-size:clamp(28px,3vw,42px);line-height:1.15}
.pf-text .idea{font-size:17px;line-height:1.55;color:var(--steel);margin-top:-12px}
.career dt{letter-spacing:.12em}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags li{font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--mist);padding:6px 10px;line-height:1.4}

/* Questions */
.faq{border-top:1px solid var(--mist);padding-block:28px 64px}
.qa{border-top:1px solid var(--mist);max-width:52em}
.qa details{border-bottom:1px solid var(--mist)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:56px;padding-block:14px}
.qa summary::-webkit-details-marker{display:none}
.qa h3{font-weight:400;font-size:16px;line-height:1.45}
.qa summary:hover h3{color:var(--red)}
.qa .pm{flex:none;width:11px;height:11px;position:relative}
.qa .pm:before,.qa .pm:after{content:"";position:absolute;background:var(--ink);left:0;top:5px;width:11px;height:1px;transition:transform .25s ease}
.qa .pm:after{transform:rotate(90deg)}
.qa details[open] .pm:after{transform:rotate(0)}
.qa .a{display:flex;flex-direction:column;gap:.8em;padding-bottom:22px;max-width:40em}
.qa .a p{font-size:15px;line-height:1.75;color:var(--steel)}

/* Phone */
@media (max-width:760px){
  .top{padding-block:14px;height:72px}
  #v-home{height:calc(100vh - 72px);height:calc(100dvh - 72px)}
  .mark svg{width:34px;height:34px}
  .mark .word{display:none}
  .nav{gap:16px}
  .nav a{font-size:11px;letter-spacing:.16em}
  .question{font-size:clamp(28px,8.4vw,38px)}
  .home-foot{flex-direction:column;align-items:stretch;gap:2px;padding-block:6px 12px}
  .cap{justify-content:space-between}
  .dots{display:none}
  .plate .timer{display:block}
  .family{justify-content:space-between;gap:0;border-top:1px solid var(--mist);margin-top:8px;font-size:9px;letter-spacing:.18em}
  .family .rule{display:none}
  .project{grid-template-columns:1fr}
  .pinfo{position:static}
  .profile{grid-template-columns:1fr}
  .pf-media{position:static}
  .pc .portrait{width:96px}
  .logo-wall{grid-template-columns:1fr 1fr;gap:28px 24px}
  .logo-wall li{height:48px}
  .logo-wall img{max-height:32px;max-width:130px}
  .facts div{grid-template-columns:96px 1fr}
}
@media (max-height:600px) and (min-width:761px){.question{font-size:32px}}
@media (prefers-reduced-motion:reduce){.view.on{animation:none}.plate .fade,.portrait img{transition:none}}

/* Less on the page: longer text waits behind one quiet link */
.more{margin-top:28px}
.more>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink)}
.more>summary::-webkit-details-marker{display:none}
.more>summary .sq{width:8px;height:8px;background:var(--red);transition:transform .3s ease}
.more[open]>summary .sq{transform:rotate(45deg)}
.more>summary:hover{color:var(--red)}
.more[open]>*:not(summary){animation:in .4s ease both}
.more .desc,.more .prose{margin:12px 0 0;padding:0}
.more .facts{margin-top:24px}
.more .tags{margin-top:20px}
#v-studio .more{margin:-8px 0 clamp(32px,6vh,64px)}
.block .list{font-size:14px;line-height:1.7;max-width:22em}
.faq-more{margin-top:0}.faq-more>summary .cnt{color:var(--steel);letter-spacing:.1em}.faq-more .qa{margin-top:16px}

/* footer social icons */
.foot{align-items:center}
.foot-r{display:flex;align-items:center;gap:28px}
.social{display:flex;align-items:center;gap:4px;margin-right:-10px}
.social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--steel);transition:color .2s}
.social a:hover{color:var(--ink)}
.social svg{width:18px;height:18px;display:block}
@media (max-width:760px){.name-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Notes — list and article */
.page-sub{font-size:15px;line-height:1.6;color:var(--steel);max-width:30em}
.notes{padding-bottom:56px}
.notes li{border-bottom:1px solid var(--mist)}
.note-row{display:grid;grid-template-columns:130px minmax(0,1fr) 24px;gap:24px;align-items:baseline;padding:28px 0}
.note-row .d{font-size:12px;letter-spacing:.12em;color:var(--steel);white-space:nowrap}
.note-row .t{font-weight:400;font-size:clamp(19px,1.8vw,24px);line-height:1.3;text-wrap:balance;transition:color .2s}
.note-row .s{display:block;margin-top:8px;font-size:15px;line-height:1.6;color:var(--steel);max-width:40em}
.note-row .go{color:var(--mist);transition:color .2s,transform .2s}
.note-row:hover .t,.note-row:hover .go{color:var(--red)}
.note-row:hover .go{transform:translateX(4px)}
.note{max-width:44em;padding-block:clamp(28px,6vh,72px) 48px}
.note-head{display:flex;flex-direction:column;gap:18px;padding-bottom:32px;border-bottom:1px solid var(--mist)}
.note-head h1{font-weight:300;font-size:clamp(30px,3.6vw,50px);line-height:1.12;letter-spacing:-.01em;text-wrap:balance}
.note-head .idea{font-size:18px;line-height:1.55;color:var(--steel)}
.note-head .by{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--steel)}
.note-head .by a:hover{color:var(--ink)}
.crumbs .draft{color:var(--red)}
.note-cover{aspect-ratio:16/9;margin-top:32px}
.note-body{padding-top:32px;display:flex;flex-direction:column;gap:1.1em}
.note-body p,.note-body li{font-size:17px;line-height:1.8}
.note-body h2{font-weight:500;font-size:12px;letter-spacing:.24em;text-transform:uppercase;margin-top:1.6em}
.note-body ul,.note-body ol{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:.45em}
.note-body ul{list-style:disc}
.note-body ol{list-style:decimal}
.note-body li::marker{color:var(--red)}
.note-body a{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:1px;text-underline-offset:3px}
.note-body a:hover{color:var(--red)}
.note-body em{font-style:normal;color:var(--red)}
.note-end{margin-top:56px;padding-top:24px;border-top:1px solid var(--mist);display:flex;flex-direction:column;gap:20px}
.note-end .ctas{display:flex;flex-wrap:wrap;gap:4px 32px}
@media (max-width:760px){
  .note-row{grid-template-columns:1fr;gap:6px;padding:22px 0}
  .note-row .go{display:none}
  .note-body p,.note-body li{font-size:16px}
}
/* five menu items on small phones */
@media (max-width:430px){
  .nav{gap:11px}
  .nav a{font-size:10px;letter-spacing:.1em}
}

/* Notes — English / বাংলা */
.note-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.lang-switch{display:flex;gap:2px;font-size:11px;letter-spacing:.12em}
.lang-switch a{padding:6px 10px;border:1px solid var(--mist);color:var(--steel);min-height:32px;display:flex;align-items:center;transition:color .2s,border-color .2s}
.lang-switch a:hover{color:var(--ink)}
.lang-switch a[aria-current="true"]{color:var(--ink);border-color:var(--ink)}
.lang-switch a[lang="bn"]{font-family:"Noto Sans Bengali",var(--face);letter-spacing:0;font-size:13px}

.note-row .also{display:inline-block;margin-top:8px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--steel);border-bottom:1px solid var(--red)}
.note-head h1[lang="bn"],.note-head .idea[lang="bn"],.note-body[lang="bn"]{font-family:"Noto Sans Bengali",var(--face)}
.note-head h1[lang="bn"]{font-weight:400;line-height:1.3;letter-spacing:0}
.note-body[lang="bn"] p,.note-body[lang="bn"] li{line-height:1.9}
.note-body[lang="bn"] h2{letter-spacing:0;text-transform:none;font-size:16px;font-weight:600}