/* Artist Stage — signature styles (tokens live in studio.json) */
/* T30 layer */
/* self-hosted Bangla serif (OFL); unicode-range: fetched only when Bangla letters are on the page */
@font-face{font-family:'Noto Serif Bengali';font-style:normal;font-weight:400;font-display:swap;src:url(/apps/epaper/vendor/fonts/noto-serif-bengali-bengali-400.woff2) format('woff2');unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0-1CF9,U+200C-200D,U+25CC}
@font-face{font-family:'Noto Serif Bengali';font-style:normal;font-weight:700;font-display:swap;src:url(/apps/epaper/vendor/fonts/noto-serif-bengali-bengali-700.woff2) format('woff2');unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0-1CF9,U+200C-200D,U+25CC}
.th-artiststage{--st-sec-py:clamp(64px,9vw,140px);--st-b-size:18px}
html.th-artiststage,.th-artiststage body,body.th-artiststage{font-size:18px;line-height:1.6}
.th-artiststage .st-sec{padding-block:clamp(64px,9vw,140px)}
.th-artiststage .st-sec.st-bleed{padding-block:0}
.th-artiststage .st-sec.is-tight{padding-block:clamp(40px,5vw,72px)}
.th-artiststage .st-wrap{max-width:1240px;padding-inline:clamp(20px,4vw,48px)}
.th-artiststage .st-h1.st-h1{font-size:clamp(48px,8vw,150px);line-height:1}
.th-artiststage .st-h2{font-size:clamp(34px,4.4vw,64px);line-height:1.05}
.th-artiststage .st-h3{font-size:clamp(22px,2vw,28px);line-height:1.2}
.th-artiststage .st-lead{font-size:clamp(17px,1.35vw,20px);max-width:34em;line-height:1.6}
.th-artiststage .st-eyebrow{font-size:14px}
.th-artiststage .st-sec small,.th-artiststage .st-sec .st-rs-note{font-size:14px}
.th-artiststage .st-btn{min-height:48px;padding:0 32px;font-size:15px;text-transform:uppercase;letter-spacing:.08em}
.th-artiststage .st-btn.is-sm{min-height:44px;padding:0 20px;font-size:14px}
/* tap targets: at least 36px on a phone (builder's Site health measures this) */
.th-artiststage .st-mn-n{display:inline-flex;align-items:center;min-height:36px}
.th-artiststage .st-sec .st-mn-add{min-width:36px;min-height:36px}
.th-artiststage img{object-fit:cover}
.th-artiststage .st-h1:lang(bn){line-height:1.15;letter-spacing:0}
.th-artiststage .st-h2:lang(bn){line-height:1.2;letter-spacing:0}
.th-artiststage .st-h3:lang(bn){line-height:1.3;letter-spacing:0}
/* Bangla has no italics: a slanted em is a browser fake. Colour stays, slant goes. */
.th-artiststage em:lang(bn){font-style:normal!important}
.th-artiststage p:lang(bn),.th-artiststage .st-lead:lang(bn){line-height:1.75}
.th-artiststage .st-btn:lang(bn),.th-artiststage .st-eyebrow:lang(bn){letter-spacing:0;text-transform:none}
@media(max-width:600px){
.th-artiststage .st-hr .st-btn,.th-artiststage .st-sec .st-btn:not(.is-sm){width:100%}
}
/* signature */

html.th-artiststage,.th-artiststage,.th-artiststage body{background:#0B0908;color:#F5ECDD}
.th-artiststage{--st-brand-text:#E8A33D;--st-brand-ink:#17100A}
/* very light film grain over the whole page */
.th-artiststage::after,body.th-artiststage::after{content:"";position:fixed;inset:0;z-index:300;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.th-artiststage .st-sec{position:relative}
.th-artiststage .st-h1,.th-artiststage .st-h2,.th-artiststage .st-h3{color:#F5ECDD}
.th-artiststage .st-h1,.th-artiststage .st-h2{font-weight:900;text-transform:uppercase;letter-spacing:-.005em}
.th-artiststage .st-h2{font-size:clamp(46px,7vw,112px);line-height:.92}
.th-artiststage .st-h1 em,.th-artiststage .st-h2 em{font-style:normal;color:#E8A33D}
.th-artiststage .st-h1:lang(bn),.th-artiststage .st-h2:lang(bn),.th-artiststage .st-h3:lang(bn){font-family:'Noto Serif Bengali',serif;font-weight:700;text-transform:none;letter-spacing:0}
.th-artiststage .st-h2:lang(bn){font-size:clamp(36px,4.8vw,76px);line-height:1.22}
.th-artiststage .st-eyebrow{color:#E8A33D;letter-spacing:.14em;text-transform:uppercase;font-weight:600;font-size:15px}
.th-artiststage .st-eyebrow::before{display:none}
.th-artiststage .st-eyebrow:lang(bn){letter-spacing:0;text-transform:none;font-size:17px}
.th-artiststage .st-lead,.th-artiststage p{color:inherit}
.th-artiststage .st-btn:not(.is-ghost):not(.is-ghost-light):not(.is-light){--bi:#17100A;background:#E8A33D;color:#17100A;font-weight:700;border-color:#E8A33D}
.th-artiststage .st-btn:not(.is-ghost):not(.is-ghost-light):not(.is-light):hover{background:#F5ECDD;border-color:#F5ECDD;color:#17100A}
.th-artiststage .st-btn.is-ghost,.th-artiststage .st-btn.is-ghost-light{background:transparent;color:#F5ECDD;border:1px solid rgba(245,236,221,.55)}
.th-artiststage .st-btn.is-ghost:hover,.th-artiststage .st-btn.is-ghost-light:hover{background:#F5ECDD;color:#17100A;border-color:#F5ECDD}
.th-artiststage .st-btn{font-weight:700}
.th-artiststage .st-btn:lang(bn){font-size:17px}
.th-artiststage .st-link{color:#E8A33D}
/* latest release sits right under the hero, a touch of overlap of light */
.th-artiststage .st-x-ytfeed-2{padding-block:clamp(40px,6vw,96px) clamp(64px,8vw,120px)}
.th-artiststage .st-x-stagestory{background:radial-gradient(70% 40% at 12% 8%,rgba(232,163,61,.11),transparent 70%),#0B0908}
.th-artiststage .st-x-stagemusic{background:#151110}
.th-artiststage .st-x-stagefans{background:#151110}
/* inner pages */
.th-artiststage .st-x-pagehead{padding-block:clamp(56px,8vw,120px) clamp(28px,4vw,56px);background:radial-gradient(90% 90% at 50% -20%,rgba(232,163,61,.26),transparent 68%),#0B0908}
.th-artiststage .st-x-pagehead .st-h1{font-size:clamp(68px,13vw,200px);line-height:.88;font-weight:900;text-transform:uppercase}
.th-artiststage .st-x-pagehead .st-h1:lang(bn){font-size:clamp(50px,8vw,124px);line-height:1.2;text-transform:none}
.th-artiststage .st-phs .st-lead{color:#F5ECDD}
/* heading of template pages (article list) follows the page heads */
.th-artiststage .st-ph-head{background:radial-gradient(90% 90% at 50% -20%,rgba(232,163,61,.26),transparent 68%),#0B0908;color:#F5ECDD;border:0;padding-block:clamp(56px,8vw,120px) clamp(20px,3vw,40px)}
.th-artiststage .st-ph-head h1{font-family:'Big Shoulders Display',Impact,sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(68px,13vw,200px);line-height:.88;color:#F5ECDD}
.th-artiststage .st-ph-head h1:lang(bn){font-family:'Noto Serif Bengali',serif;font-weight:700;font-size:clamp(50px,8vw,124px);line-height:1.2;text-transform:none}
.th-artiststage .st-ph-head .st-crumbs{display:none}
.th-artiststage .st-chips{display:none}
.th-artiststage .st-grid>article.st-po:last-of-type:nth-of-type(3n+2){grid-column:span 2}
.th-artiststage .st-grid>article.st-po:last-of-type:nth-of-type(3n+1){grid-column:1/-1;flex-direction:row;align-items:stretch}
.th-artiststage .st-grid>article.st-po:last-of-type:nth-of-type(3n+1) .st-po-media{flex:0 0 calc(33.33% - 12px);aspect-ratio:auto;min-height:260px}
.th-artiststage .st-grid>article.st-po:last-of-type:nth-of-type(3n+1) .st-po-body{flex:1;justify-content:center}
@media(max-width:760px){.th-artiststage .st-grid>article.st-po:last-of-type:nth-of-type(n){grid-column:auto;flex-direction:column}.th-artiststage .st-grid>article.st-po:last-of-type:nth-of-type(n) .st-po-media{flex:none;aspect-ratio:16/10;min-height:0}}
/* article page */
.th-artiststage .st-art-head h1{font-family:'Big Shoulders Display',Impact,sans-serif;font-weight:800;font-size:clamp(38px,5vw,78px);line-height:1.04;color:#F5ECDD}
.th-artiststage .st-art-head h1:lang(bn){font-family:'Noto Serif Bengali',serif;font-weight:700;line-height:1.28}
.th-artiststage .st-art-meta{display:none}
.th-artiststage .st-prose{color:#EFE5D5}
.th-artiststage .st-prose a{color:#E8A33D}
/* forms on the dark stage */
.th-artiststage .st-panel{background:#151110;border:1px solid rgba(245,236,221,.16);box-shadow:none}
.th-artiststage .st-field input,.th-artiststage .st-field select,.th-artiststage .st-field textarea{background:#0B0908;color:#F5ECDD;border:1px solid rgba(245,236,221,.3)}
.th-artiststage .st-field span{color:#F5ECDD}
.th-artiststage .st-kt-list a{color:#F5ECDD}
.th-artiststage .st-kt-list small{color:#BDAF9D}
/* the blog listing page */
.th-artiststage .st-po-t a{color:#F5ECDD}
.th-artiststage .st-po-meta{display:none}
.th-artiststage .st-po-t{font-size:clamp(24px,2.2vw,34px);line-height:1.15;font-weight:800}
.th-artiststage .st-po-t:lang(bn){font-weight:700;line-height:1.35;font-size:clamp(22px,2vw,30px)}
.th-artiststage .st-po-x{color:#BDAF9D}
.th-artiststage .st-ov-panel{background:#151110;color:#F5ECDD}
.th-artiststage .st-mnav a{color:#F5ECDD;font-size:22px}
.th-artiststage .st-totop{background:#151110;color:#F5ECDD;border:1px solid rgba(245,236,221,.2)}
