/* srd9.info — "Low end": bass luthier bench + jam room. Tolex, rosewood, nickel frets, pearl inlays, sunburst. */
:root{
  --ground:#F1ECE3;--sheet:#FBF8F2;--ink:#1A181C;--ink-2:#4B4640;--line:#DCD3C4;
  --rose:#2E1C18;--rose-2:#3F2720;--nickel:#C9CDD1;--nickel-d:#878D93;--pearl:#F4EFE4;--bone:#E9E0CB;
  --cherry:#B3261E;--cherry-d:#8E1C16;--amber:#E2A13A;--tobacco:#7A3514;
  --tolex:#19181B;--jewel:#E5392B;
  --f-disp:"Sofia Sans Extra Condensed","Anek Bangla",system-ui,sans-serif;
  --f-body:"Sofia Sans","Noto Sans Bengali",system-ui,sans-serif;
  --f-mono:"DM Mono","Noto Sans Bengali",ui-monospace,monospace;
  --gut:16px;--max:1240px;
  --tolex-tex:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1.3px) 0 0/4px 4px;
  --grille:repeating-linear-gradient(45deg,rgba(214,206,190,.2) 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,rgba(214,206,190,.2) 0 1px,transparent 1px 4px),#2A2723;
  --fret-wire:linear-gradient(90deg,#8D9398,#F0F2F3 45%,#9AA0A5);
  --pearl-inlay:linear-gradient(135deg,#FCFAF4,#E8E0CE 38%,#F7F2E8 58%,#E0D5C0);
}
@media (min-width:768px){:root{--gut:28px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--ground);color:var(--ink);font:400 17px/1.65 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:clip}
html[lang=bn] body{line-height:1.8}
svg{display:block;max-width:100%}
a{color:var(--cherry);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--cherry-d)}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--amber);color:var(--ink);padding:12px 18px;font-weight:700;border-radius:4px;text-decoration:none}
.skip:focus{top:12px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.jewel{display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFD9D1 0 16%,var(--jewel) 48%,#7C130C);box-shadow:0 0 0 2px rgba(0,0,0,.28),0 0 8px rgba(229,57,43,.55)}

/* ---------- header: tolex + headstock ---------- */
.rig{position:sticky;top:0;z-index:50;background:var(--tolex-tex),var(--tolex);color:var(--pearl);box-shadow:0 1px 0 #000}
.rig-top{display:flex;align-items:center;gap:10px;min-height:64px}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-right:auto;color:var(--pearl);text-decoration:none}
.brand:hover{color:#fff}
.hs{width:52px;height:30px;flex:none}
.hs-b{fill:var(--tobacco);stroke:var(--amber);stroke-width:.8}
.hs-n{fill:var(--bone)}
.hs-s path{stroke:var(--nickel);fill:none}
.hs-t circle{fill:var(--nickel);stroke:#1A181C;stroke-width:.8}
.wm{font:italic 800 32px/1 var(--f-disp);letter-spacing:.01em;padding-bottom:2px}
.tag{font:500 12px/1 var(--f-mono);color:#D2CABB;border:1px solid rgba(244,239,228,.32);border-radius:3px;padding:5px 7px}
.tag:lang(en){text-transform:uppercase;letter-spacing:.1em}
html[lang=bn] .tag{font:600 13px/1.2 var(--f-body)}
.tools{display:flex;align-items:center;gap:8px}
.lang{display:flex;border:1px solid rgba(244,239,228,.3);border-radius:6px;overflow:hidden}
.lang a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 12px;color:#DDD5C7;text-decoration:none;font:600 15px/1 var(--f-body)}
.lang a:hover{background:rgba(244,239,228,.1);color:#fff}
.lang a[aria-current]{background:var(--pearl-inlay);color:var(--ink)}
.lang .lc{display:none;font:500 13px/1 var(--f-mono)}
.hd-play{display:none;align-items:center;gap:9px;min-height:44px;padding:0 16px;border-radius:6px;background:var(--cherry);color:#fff;text-decoration:none;font:700 15px/1.1 var(--f-body);box-shadow:0 2px 0 var(--cherry-d)}
.hd-play:hover{background:#C42F25;color:#fff}
.nav-toggle{display:inline-grid;place-items:center;width:48px;height:48px;padding:0;background:transparent;border:1px solid rgba(244,239,228,.3);border-radius:6px;color:var(--pearl);cursor:pointer}
.strs{display:grid;gap:4px;width:22px}
.strs i{display:block;height:1px;background:currentColor;border-radius:2px;transition:transform .2s}
.strs i:nth-child(2){height:1.5px}.strs i:nth-child(3){height:2px}.strs i:nth-child(4){height:2.6px}
.rig.open .nav-toggle{color:var(--amber);border-color:var(--amber)}
@media (prefers-reduced-motion:no-preference){.rig.open .strs i{animation:pluck .35s ease-in-out 2}.rig.open .strs i:nth-child(2n){animation-delay:.08s}}
@keyframes pluck{0%,100%{transform:translateY(0)}25%{transform:translateY(-1px)}75%{transform:translateY(1px)}}
@media (max-width:520px){.lang .lf{display:none}.lang .lc{display:inline}}
@media (max-width:420px){.tag{display:none}.wm{font-size:28px}.hs{width:44px}}
@media (min-width:700px){.hd-play{display:inline-flex}}

/* ---------- main menu = rosewood fretboard ---------- */
.neck ul{list-style:none;margin:0;padding:0}
.neck a{display:flex;align-items:center;color:var(--pearl);text-decoration:none;font:600 17px/1.3 var(--f-body)}
.neck a span{background:var(--rose);padding:6px 11px;border-radius:2px;transition:background .15s,color .15s}
.neck a:hover span{box-shadow:0 0 0 1px rgba(244,239,228,.55)}
.neck a[aria-current] span{background:var(--pearl-inlay);color:var(--rose);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
@media (max-width:979px){
  .neck{position:absolute;left:0;right:0;top:100%;display:none;max-height:calc(100vh - 64px);overflow:auto;background:var(--rose);border-top:6px solid var(--bone);box-shadow:0 22px 40px rgba(0,0,0,.4)}
  .rig.open .neck{display:block}
  .nut{display:none}
  .neck ul{padding:4px 0 10px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 2px),rgba(201,205,209,.26) calc(25% - 2px) 25%)}
  .neck li{position:relative}
  .neck li+li::before{content:"";position:absolute;left:0;right:0;top:-2px;height:4px;background:linear-gradient(180deg,#8D9398,#F0F2F3 45%,#9AA0A5)}
  .neck a{min-height:60px;padding:8px 0}
}
@media (min-width:980px){
  .rig{position:relative}
  .nav-toggle{display:none}
  .neck{background:var(--rose);border-block:3px solid var(--bone);box-shadow:inset 0 1px 0 rgba(0,0,0,.4)}
  .neck-in{display:flex;align-items:stretch}
  .nut{display:block;flex:none;width:14px;background:linear-gradient(90deg,#F4EDDC,#D6C9AE);box-shadow:3px 0 0 rgba(0,0,0,.35)}
  .neck ul{display:flex;flex:1;background:linear-gradient(180deg,transparent 0 11px,rgba(214,218,221,.5) 11px 12.3px,transparent 12.3px 23px,rgba(214,218,221,.5) 23px 24.8px,transparent 24.8px 35px,rgba(214,218,221,.5) 35px 37.2px,transparent 37.2px 47px,rgba(214,218,221,.5) 47px 49.8px,transparent 49.8px)}
  .neck li{position:relative;display:flex;flex:1 1 0}
  .neck li:nth-child(1){flex-grow:1.26}.neck li:nth-child(2){flex-grow:1.19}.neck li:nth-child(3){flex-grow:1.12}.neck li:nth-child(4){flex-grow:1.06}
  .neck li::after{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--fret-wire)}
  .neck a{flex:1;justify-content:center;min-height:60px;padding:0 16px 0 12px;font-size:16px}
}

/* ---------- fretboard band ---------- */
.fretband{height:48px;overflow:hidden;background:var(--rose);border-block:3px solid var(--bone)}
.fretband svg{width:100%;height:100%}
.fb-wood{fill:var(--rose)}.fb-nut{fill:var(--bone)}.fb-fret{fill:#BFC4C8}.fb-dot{fill:#EFE8DA}
.fb-str{stroke:#D8DCDF;fill:none}.fb-sh{stroke:rgba(0,0,0,.45);fill:none}
@media (min-width:768px){.fretband{height:60px}}

/* ---------- home stage ---------- */
.stage{position:relative;padding:26px 0 40px;overflow:hidden}
.stage::before{content:"";position:absolute;right:-18vw;top:-12vw;width:min(78vw,980px);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(226,161,58,.34),rgba(201,119,44,.2) 42%,rgba(122,53,20,.12) 64%,rgba(122,53,20,0) 100%)}
.stage-grid{position:relative;display:grid;gap:30px}
.kicker{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:500 13px/1.4 var(--f-mono);color:var(--ink-2)}
.kicker:lang(en){letter-spacing:.04em}
html[lang=bn] .kicker{font:600 15px/1.5 var(--f-body)}
.stage h1,.phead h1{margin:0 0 18px;font:800 clamp(46px,7.2vw,90px)/.94 var(--f-disp);color:var(--ink);text-wrap:balance;letter-spacing:-.005em}
html[lang=bn] :is(.stage,.phead) h1{font-weight:700;font-stretch:80%;font-size:clamp(32px,5vw,58px);line-height:1.32;letter-spacing:0}
.lead p{margin:0 0 20px;max-width:62ch;font-size:19px;line-height:1.6;color:#2F2B27}
html[lang=bn] .lead p{font-size:18px;line-height:1.8}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 20px;border:2px solid transparent;border-radius:6px;font:700 16px/1.2 var(--f-body);text-decoration:none;text-align:center;transition:transform .12s,background .15s,color .15s,box-shadow .12s}
.btn-play{background:var(--cherry);color:#fff;box-shadow:0 3px 0 var(--cherry-d)}
.btn-play:hover{background:#C42F25;color:#fff}
.btn-play:active{transform:translateY(2px);box-shadow:0 1px 0 var(--cherry-d)}
.btn-ghost{border-color:var(--ink);color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--pearl)}
.btn-sm{min-height:44px;padding:0 16px;font-size:15px}
.spec{list-style:none;margin:0;padding:0;max-width:560px;border-top:1px solid var(--line)}
.spec li{display:flex;gap:14px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.45}
.sk{flex:none;font:500 13px/1 var(--f-mono);color:var(--cherry)}
@media (min-width:1024px){
  .stage{padding:48px 0 60px}
  .stage-grid{grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);gap:52px;align-items:start}
  .stage-copy{padding-top:14px}
}

/* ---------- amp head (holds the demo) ---------- */
.amp{position:relative;padding:10px;border-radius:14px;background:var(--tolex-tex),var(--tolex);
  box-shadow:inset 0 0 0 1px #3B383F,inset 0 0 0 5px var(--tolex),inset 0 0 0 6px #4D4950,0 30px 50px -22px rgba(26,24,28,.6)}
.amp::before,.amp::after{content:"";position:absolute;top:0;width:24px;height:24px;background:radial-gradient(circle at 35% 30%,#FAFBFB,#A5ABB0 55%,#5E6368);z-index:2}
.amp::before{left:0;border-top-left-radius:14px;clip-path:polygon(0 0,100% 0,100% 28%,28% 100%,0 100%)}
.amp::after{right:0;border-top-right-radius:14px;clip-path:polygon(0 0,100% 0,100% 100%,72% 100%,0 28%)}
.amp-face{display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 16px;border-radius:6px 6px 0 0;color:var(--ink);
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 1px,rgba(0,0,0,.04) 1px 2px,transparent 2px 3px),linear-gradient(180deg,#E6E8EA,#B6BBC0);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #7D8288}
.lamp{flex:none;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#E08A7F 0 14%,#7A1810 55%,#3D0906);box-shadow:0 0 0 3px #9CA1A6,0 0 0 4px #5E6368;transition:background .2s,box-shadow .2s}
.amp.live .lamp,.amp.win .lamp{background:radial-gradient(circle at 35% 35%,#FFF1EC 0 18%,var(--jewel) 50%,#8F150D);box-shadow:0 0 0 3px #9CA1A6,0 0 0 4px #5E6368,0 0 16px 5px rgba(229,57,43,.55)}
.amp.win .lamp{background:radial-gradient(circle at 35% 35%,#F3FFF6 0 18%,#35C46E 50%,#0E5A2C);box-shadow:0 0 0 3px #9CA1A6,0 0 0 4px #5E6368,0 0 16px 5px rgba(53,196,110,.5)}
.amp-lbl{font:500 13px/1.2 var(--f-mono);color:#27242A}
.amp-lbl:lang(en){text-transform:uppercase;letter-spacing:.12em}
html[lang=bn] .amp-lbl{font:700 15px/1.3 var(--f-body)}
.knobs{display:flex;gap:10px;margin-left:auto}
.knobs i{position:relative;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#55525A,#141316 70%);box-shadow:0 2px 2px rgba(0,0,0,.45),0 0 0 2px #2A282D}
.knobs i::after{content:"";position:absolute;left:10px;top:2px;width:2px;height:7px;border-radius:1px;background:var(--pearl);transform-origin:1px 9px;transform:rotate(var(--r,0deg));transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.knobs i:nth-child(1){--r:-50deg}.knobs i:nth-child(2){--r:25deg}.knobs i:nth-child(3){--r:70deg}.knobs i:nth-child(4){--r:-15deg}
.amp.live .knobs i:nth-child(4){--r:95deg}
.amp-body{background:#211F24}
.amp-grille{position:relative;height:40px;border-radius:0 0 6px 6px;background:var(--grille);box-shadow:inset 0 3px 8px rgba(0,0,0,.6)}
.amp-grille::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:14px;margin:-7px 0 0 -22px;border-radius:2px;background:linear-gradient(180deg,#F1F2F3,#9EA4A9);box-shadow:0 1px 2px rgba(0,0,0,.5)}
@media (max-width:559px){.amp{margin-inline:calc(var(--gut) * -1);padding:8px;border-radius:0}.amp::before,.amp::after{display:none}}
@media (max-width:359px){.knobs i:nth-child(n+3){display:none}}

/* ---------- inner page head ---------- */
.phead{position:relative;padding:14px 0 32px;overflow:hidden}
.phead::before{content:"";position:absolute;left:-30vw;bottom:-40vw;width:70vw;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(226,161,58,.22),rgba(122,53,20,.08) 60%,transparent)}
.phead-grid{position:relative;display:grid;gap:20px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;margin:0 0 8px;font:500 14px/1.3 var(--f-mono)}
html[lang=bn] .crumbs{font:500 15px/1.4 var(--f-body)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-2)}
.crumbs a:hover{color:var(--cherry)}
.crumbs [aria-current]{color:var(--ink);font-weight:600}
.sep{width:20px;height:2px;background:repeating-linear-gradient(100deg,#8A9096 0 1px,#D9DCDF 1px 3px)}
.phead h1{font-size:clamp(40px,6vw,78px)}
html[lang=bn] .phead h1{font-size:clamp(30px,4.4vw,52px)}
.phead-chart{margin:0;max-width:360px;padding:14px 12px 4px;background:var(--sheet);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 30px -24px rgba(26,24,28,.6)}
.ch-wood{fill:var(--rose)}.ch-fret{fill:#C4C8CC}.ch-str{stroke:#DADDE0;fill:none}.ch-inl{fill:#EFE8DA}
.ch-note{fill:var(--cherry);stroke:var(--pearl);stroke-width:2.5}.ch-root{fill:var(--amber);stroke:var(--pearl);stroke-width:2.5}
.ch-num{font:500 15px var(--f-mono);fill:var(--ink-2)}
@media (prefers-reduced-motion:no-preference){
  .ch-note,.ch-root{transform-box:fill-box;transform-origin:center;animation:fret .5s cubic-bezier(.3,1.5,.5,1) both}
  .ch-note:nth-of-type(2n){animation-delay:.06s}.ch-note:nth-of-type(3n){animation-delay:.12s}
}
@keyframes fret{from{transform:scale(.55)}to{transform:scale(1)}}
@media (min-width:900px){.phead{padding:18px 0 44px}.phead-grid{grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:end}}

/* ---------- body: neck TOC + copy ---------- */
.body-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;padding-block:30px 56px}
.side{display:contents}
.toc{order:0}.copy{order:1}.combo{order:2}
.copy{min-width:0;max-width:760px}
.toc{min-width:0;margin-inline:calc(var(--gut) * -1);background:var(--rose);color:var(--pearl)}
.toc-h{margin:0;padding:10px var(--gut);background:linear-gradient(180deg,#F4EDDC,#D6C9AE);color:var(--rose);font:700 14px/1.3 var(--f-mono)}
.toc-h:lang(en){text-transform:uppercase;letter-spacing:.1em}
html[lang=bn] .toc-h{font:700 15px/1.4 var(--f-body)}
.toc ol{position:relative;list-style:none;margin:0;padding:0;display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--nickel-d) var(--rose)}
.toc li{flex:0 0 auto;width:min(64vw,240px);scroll-snap-align:start;position:relative}
.toc li+li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--fret-wire)}
.toc a{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;min-height:64px;height:100%;padding:12px 14px 12px 16px;color:#EDE6D8;text-decoration:none;font-size:15px;line-height:1.4}
html[lang=bn] .toc a{line-height:1.6}
.fr{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--pearl-inlay);color:var(--rose);font:500 13px/1 var(--f-mono)}
.toc a:hover{background:rgba(255,255,255,.05);color:#fff}
.toc a[aria-current]{background:rgba(226,161,58,.14);color:#fff}
.toc a[aria-current] .fr{background:var(--amber);color:var(--ink);box-shadow:0 0 0 3px rgba(226,161,58,.3)}
.combo{position:relative;padding:18px 18px 0;border-radius:10px;background:var(--tolex-tex),var(--tolex);color:var(--pearl);box-shadow:0 20px 30px -22px rgba(0,0,0,.7)}
.combo strong{display:block;padding-right:28px;font:800 26px/1.05 var(--f-disp)}
html[lang=bn] .combo strong{font:700 21px/1.45 "Anek Bangla",var(--f-body);font-stretch:85%}
.combo p{margin:8px 0 14px;font-size:16px;line-height:1.5;color:#D6CFC1}
.combo-lamp{position:absolute;top:18px;right:18px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFD9D1 0 16%,var(--jewel) 50%,#7C130C);box-shadow:0 0 10px rgba(229,57,43,.6)}
.combo .btn{width:100%}
.combo-grille{display:block;height:30px;margin:16px -18px 0;border-radius:0 0 10px 10px;background:var(--grille)}
@media (min-width:1024px){
  .body-grid{grid-template-columns:268px minmax(0,1fr);gap:60px;padding-block:44px 72px}
  .body-grid.no-toc{grid-template-columns:268px minmax(0,1fr)}
  .side{display:flex;flex-direction:column;gap:22px;position:sticky;top:22px;align-self:start;max-height:calc(100vh - 44px);overflow:auto;scrollbar-width:none}
  .toc{margin:0;border-radius:4px 4px 6px 6px;box-shadow:inset 3px 0 0 var(--bone),inset -3px 0 0 var(--bone)}
  .toc-h{padding:12px 16px;border-radius:4px 4px 0 0}
  .toc ol{display:block;overflow:visible}
  .toc li{width:auto}
  .toc li+li::before{left:3px;right:3px;top:-2px;bottom:auto;width:auto;height:4px;background:linear-gradient(180deg,#8D9398,#F0F2F3 45%,#9AA0A5)}
  .toc a{min-height:52px;padding:12px 14px 12px 14px}
}

/* ---------- article typography ---------- */
.copy>p,.intro-rest p{margin:0 0 1.05em}
.copy>h2{position:relative;margin:2.1em 0 .8em;padding-bottom:16px;font:800 clamp(32px,3.8vw,46px)/1 var(--f-disp);color:var(--ink);text-wrap:balance;scroll-margin-top:84px}
.copy>h2:first-child{margin-top:0}
html[lang=bn] .copy>h2{font-weight:700;font-stretch:85%;font-size:clamp(25px,3vw,33px);line-height:1.42}
.copy>h2::before{content:attr(data-f);display:block;width:max-content;margin-bottom:10px;padding-left:24px;font:500 14px/14px var(--f-mono);color:var(--cherry);
  background:radial-gradient(circle at 7px 50%,var(--rose) 0 6.5px,transparent 7px) no-repeat}
.copy>h2.dbl::before{padding-left:38px;background:radial-gradient(circle at 7px 50%,var(--rose) 0 6.5px,transparent 7px) no-repeat,radial-gradient(circle at 23px 50%,var(--rose) 0 6.5px,transparent 7px) no-repeat}
.copy>h2::after{content:"";position:absolute;left:0;bottom:0;width:min(100%,440px);height:var(--g,4px);border-radius:9px;background:repeating-linear-gradient(100deg,#80868C 0 1px,#ECEFF1 1px 3px,#B2B7BC 3px 4px);box-shadow:0 2px 2px -1px rgba(0,0,0,.25)}
.copy>h2:nth-of-type(4n+1){--g:3px}.copy>h2:nth-of-type(4n+2){--g:4px}.copy>h2:nth-of-type(4n+3){--g:5px}.copy>h2:nth-of-type(4n){--g:6px}
.copy h3{margin:1.6em 0 .5em;font:700 21px/1.3 var(--f-body)}
.copy strong{font-weight:700;color:var(--ink)}
:is(.copy,.intro-rest)>:is(ul,ol){list-style:none;margin:0 0 1.2em;padding:0}
:is(.copy,.intro-rest)>:is(ul,ol)>li{position:relative;margin:.55em 0;padding-left:30px}
:is(.copy,.intro-rest)>ul>li::before{content:"";position:absolute;left:4px;top:.55em;width:11px;height:11px;border-radius:50%;background:var(--pearl-inlay);box-shadow:0 0 0 2.5px var(--rose)}
html[lang=bn] :is(.copy,.intro-rest)>ul>li::before{top:.66em}
:is(.copy,.intro-rest)>ol{counter-reset:o}
:is(.copy,.intro-rest)>ol>li{counter-increment:o;padding-left:36px}
:is(.copy,.intro-rest)>ol>li::before{content:counter(o,decimal-leading-zero);position:absolute;left:0;top:.2em;font:500 14px/1.4 var(--f-mono);color:var(--cherry)}
html[lang=bn] :is(.copy,.intro-rest)>ol>li::before{content:counter(o,bengali);top:.15em;font-size:16px}
.table-wrap{overflow-x:auto;margin:0 0 1.2em}
.table-wrap table{border-collapse:collapse;width:100%;font-size:16px}
.table-wrap :is(th,td){padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}

/* ---------- FAQ: taped setlist ---------- */
.setlist{position:relative;margin:3em 0 1em;padding:36px 18px 12px;background:var(--sheet);border:1px solid var(--line);box-shadow:0 18px 30px -24px rgba(26,24,28,.6);scroll-margin-top:84px}
.tape{position:absolute;top:-13px;width:96px;height:26px;background:rgba(38,36,40,.9);box-shadow:0 1px 2px rgba(0,0,0,.3);
  clip-path:polygon(0 8%,4% 0,9% 10%,14% 0,86% 0,91% 9%,96% 0,100% 12%,100% 88%,95% 100%,90% 90%,85% 100%,14% 100%,9% 90%,4% 100%,0 92%)}
.tape.tl{left:16px;transform:rotate(-4deg)}.tape.tr{right:16px;transform:rotate(3deg)}
.setlist h2{margin:0 0 10px;font:800 36px/1 var(--f-disp)}
html[lang=bn] .setlist h2{font-weight:700;font-stretch:85%;font-size:27px;line-height:1.4}
.setlist ol{list-style:none;margin:0;padding:0}
.setlist li+li{border-top:1px dashed #CDC3B1}
.setlist summary{display:grid;grid-template-columns:36px minmax(0,1fr) 30px;gap:10px;align-items:center;min-height:56px;padding:10px 0;cursor:pointer;list-style:none;font:700 17px/1.4 var(--f-body)}
html[lang=bn] .setlist summary{line-height:1.65}
.setlist summary::-webkit-details-marker{display:none}
.setlist summary:hover .sq{color:var(--cherry)}
.sn{font:500 15px/1 var(--f-mono);color:var(--cherry)}
.sx{position:relative;width:30px;height:30px;border-radius:50%;border:2px solid var(--ink)}
.sx::before,.sx::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--ink);transition:transform .2s}
.sx::after{transform:rotate(90deg)}
details[open] .sx{background:var(--ink)}
details[open] .sx::before,details[open] .sx::after{background:var(--pearl)}
details[open] .sx::after{transform:rotate(0)}
.sa{padding:0 0 12px 46px}
.sa p{margin:0 0 .8em}
@media (max-width:480px){.sa{padding-left:0}}
@media (min-width:768px){.setlist{padding:42px 34px 18px}}

/* ---------- closing CTA: sunburst finish ---------- */
.burst{display:grid;gap:18px;justify-items:start;margin:44px 0 0;padding:28px 24px;border-radius:12px;color:var(--pearl);
  background:radial-gradient(85% 120% at 100% 135%,#EBB14B 0,#C9772C 22%,#8A3C17 42%,#3A1A0E 64%,#1C110C 82%)}
.burst p{margin:0;max-width:36ch;font:700 22px/1.35 var(--f-body)}
html[lang=bn] .burst p{font-size:20px;line-height:1.65}
@media (min-width:768px){.burst{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:32px 34px;background:radial-gradient(60% 150% at 100% 50%,#EBB14B 0,#C9772C 20%,#8A3C17 42%,#3A1A0E 66%,#1C110C 84%)}.burst .btn{box-shadow:0 3px 0 var(--cherry-d),0 0 0 4px rgba(28,17,12,.5)}}

/* ---------- related: pedalboard ---------- */
.board{padding:40px 0 38px;color:var(--pearl);background:repeating-linear-gradient(180deg,#2F2D2B 0 26px,#1B1A19 26px 29px);border-top:6px solid #111}
.board h2{margin:0 0 22px;font:800 clamp(32px,3.6vw,44px)/1 var(--f-disp);color:var(--pearl)}
html[lang=bn] .board h2{font-weight:700;font-stretch:85%;font-size:clamp(25px,3vw,32px);line-height:1.4}
.pedals{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,212px),1fr))}
.pedal{--bg:#A8261F;--fg:#FBEFE6;--sub:#F3D9CF;position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;min-height:228px;padding:16px 16px 14px;border-radius:10px 10px 12px 12px;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 30%),var(--bg);color:var(--fg);text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -3px 0 rgba(0,0,0,.22),0 7px 0 -2px #0E0D0E,0 16px 22px -10px rgba(0,0,0,.7);transition:transform .15s}
.pedal:hover{transform:translateY(-3px);color:var(--fg)}
.pd1{--bg:#E2A13A;--fg:#1C1410;--sub:#3A2A1C}.pd2{--bg:#1F5E57;--fg:#EEF6F3;--sub:#CFE5DF}.pd3{--bg:#EDE4D0;--fg:#1A181C;--sub:#4B4640}
.pd4{--bg:#22305E;--fg:#EEF0F8;--sub:#CCD2E8}.pd5{--bg:#565722;--fg:#F6F3E2;--sub:#E7E3C8}
.pk{display:flex;gap:10px}
.pk i{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#5A575E,#141316 70%);box-shadow:0 0 0 2px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.35)}
.led{position:absolute;top:19px;right:16px;width:10px;height:10px;border-radius:50%;background:#5A1612;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4);transition:background .15s,box-shadow .15s}
.pedal:hover .led,.pedal:focus-visible .led{background:#FF4A3A;box-shadow:0 0 10px 3px rgba(255,74,58,.65)}
.pedal strong{font:800 25px/1.05 var(--f-disp)}
html[lang=bn] .pedal strong{font:700 20px/1.45 "Anek Bangla",var(--f-body);font-stretch:85%}
.pdesc{font-size:15px;line-height:1.45;color:var(--sub)}
html[lang=bn] .pdesc{line-height:1.7}
.fsw{justify-self:center;width:40px;height:40px;margin-top:6px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#FAFBFC,#B9BEC3 45%,#6D7278 80%);box-shadow:0 0 0 4px #3A3A3E,0 3px 4px rgba(0,0,0,.4)}
.notice{margin:28px 0 0;max-width:82ch;font-size:16px;line-height:1.6;color:#D2CBBD}

/* ---------- footer: amp back panel ---------- */
.back{padding:30px 0 22px;color:#D9D2C4;background:repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px),#1C1B1E;border-top:4px solid #3A373D}
.jacks{display:flex;align-items:center;gap:18px;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}
.jacks i{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#050505 0 5px,#6F747A 5.5px 8px,#C7CBCF 8.5px 10.5px,#2B2A2E 11px)}
.jacks b{margin-left:auto;width:16px;height:16px;border-radius:50%;background:linear-gradient(45deg,transparent 45%,#3A3A3E 45% 55%,transparent 55%),radial-gradient(circle at 40% 35%,#E8EAEC,#80868C)}
.back .brand{margin:0 0 10px}
.ft-grid{display:grid;gap:26px}
.ft-brand p{margin:0;max-width:50ch;font-size:16px;line-height:1.6;color:#C9C2B4}
.back h2{margin:0 0 6px;font:500 13px/1.4 var(--f-mono);color:#ABA398}
.back h2:lang(en){text-transform:uppercase;letter-spacing:.12em}
html[lang=bn] .back h2{font:600 15px/1.5 var(--f-body)}
.back ul{list-style:none;margin:0;padding:0}
.back li a{display:flex;align-items:center;min-height:44px;color:#EDE7DB;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.07)}
.back li a:hover{color:var(--amber)}
.ft-bot{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font:500 14px/1.4 var(--f-mono);color:#ABA398}
.age{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FF8A7C,var(--jewel) 45%,#7C130C);color:#fff;font:800 17px/1 var(--f-disp);box-shadow:0 0 0 3px #3A373D}
@media (min-width:768px){.ft-grid{grid-template-columns:1.5fr 1fr 1fr;gap:40px}}

/* ---------- 404 ---------- */
.nf{padding-block:48px 90px}
.nf-code{margin:0;font:italic 800 clamp(110px,22vw,220px)/.9 var(--f-disp);color:transparent;-webkit-text-stroke:2px var(--rose)}
.nf h1{margin:10px 0 12px;font:800 clamp(40px,6vw,64px)/1 var(--f-disp)}
html[lang=bn] .nf h1{font-weight:700;font-size:34px;line-height:1.4}
.nf p{max-width:52ch}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media (max-width:559px){
  .pedals{gap:14px}
  .pedal{min-height:0;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;column-gap:14px;padding:14px 14px 14px 16px}
  .pedal .pk,.pedal strong,.pedal .pdesc{grid-column:1}
  .pedal .pk i{width:16px;height:16px}
  .fsw{grid-column:2;grid-row:2/4;align-self:center;margin:0}
}