/* 1burl.info — "One burl": veneer sample book of a Dhaka furniture atelier */
:root{
 --paper:#f2ece2;--paper-2:#e8dfd0;--sheet:#fbf8f2;--ink:#1d1612;--ink-2:#46382d;--muted:#65554a;
 --walnut:#3b2519;--walnut-d:#22150e;--walnut-dd:#170e09;--maple:#e4cfa9;--maple-2:#d3b683;
 --amber:#c07a34;--amber-t:#8a4e1c;--gold:#e2b04a;--green:#1d5b54;--green-d:#123e39;--char:#b23a26;
 --line:rgb(29 22 18/.14);--line-2:rgb(29 22 18/.28);
 --fh:"Hedvig Letters Serif","Noto Serif Bengali",Georgia,serif;
 --fb:"Funnel Sans","Hind Siliguri",system-ui,sans-serif;
 --wrap:1240px;--gut:clamp(16px,4vw,40px);
 --primary:var(--green);--primary-contrast:#fbf6ec;--accent:var(--gold);--surface:var(--sheet);--surface-2:#efe6d6;
 --border:rgb(29 22 18/.2);--heading:var(--ink);--text:var(--ink);--font-head:var(--fh);--font-body:var(--fb);
 --stringing:linear-gradient(180deg,var(--maple) 0 1px,var(--walnut-d) 1px 3px,var(--maple) 3px 4px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--fb);overflow-x:hidden;text-rendering:optimizeLegibility}
body:lang(bn){font-size:17.5px;line-height:1.78}
img,svg{max-width:100%}
a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--amber-t)}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:2px}
h1,h2,h3{font-family:var(--fh);font-weight:400;color:var(--ink);font-synthesis-weight:none;line-height:1.14;margin:0}
:lang(bn) h1,:lang(bn) h2,:lang(bn) h3{font-weight:600;font-stretch:87.5%;line-height:1.42}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:12px;top:-60px;z-index:60;background:var(--ink);color:var(--sheet);padding:12px 16px;border-radius:4px;text-decoration:none;font-weight:600}
.skip:focus{top:12px;color:var(--sheet)}

/* shared veneer grain: set --a (grain angle), --c1/--c2 (tone) */
.sw-w,.lf-sw,.flitch,.nav li a::before,.toc a::before{--a:90deg;--c1:#8a5a33;--c2:#a8733f}

/* buttons: shellac-finished veneer */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:3px;font:600 16px/1.2 var(--fb);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;text-align:center}
.b-green{background:var(--green);color:#fbf6ec;box-shadow:inset 0 0 0 3px var(--green),inset 0 0 0 4px rgb(226 176 74/.55),0 2px 0 var(--green-d)}
.b-green:hover{background:var(--green-d);color:#fff;box-shadow:inset 0 0 0 3px var(--green-d),inset 0 0 0 4px var(--gold),0 2px 0 #0a2623}
.b-line{background:transparent;color:var(--ink);border-color:var(--line-2)}
.b-line:hover{border-color:var(--ink);color:var(--ink);background:var(--sheet)}
.b-gold{background:var(--gold);color:var(--walnut-dd);box-shadow:inset 0 0 0 3px var(--gold),inset 0 0 0 4px rgb(59 37 25/.45)}
.b-gold:hover{background:#ecc26a;color:var(--walnut-dd)}
.btn:active{transform:translateY(1px)}

/* ───────── header: flitch strip, maker's bench, nav shelf ───────── */
.hd{background:var(--sheet);position:relative;z-index:30;border-bottom:1px solid var(--line)}
.flitch{height:10px;background:linear-gradient(180deg,#6d4326 0 2px,#c99a62 2px 3px,#8a5a33 3px 5px,#e4cfa9 5px 6px,#5a3720 6px 8px,#b27a44 8px 9px,#3b2519 9px 10px)}
.hd-top{display:flex;align-items:center;gap:14px;min-height:72px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);min-height:48px;margin-right:auto}
.brand:hover{color:var(--ink)}
.b-eye{width:40px;height:40px;flex:none}
.e-bg{fill:var(--walnut-d)}.e-r1{fill:none;stroke:var(--amber);stroke-width:2.6}.e-r2{fill:none;stroke:var(--gold);stroke-width:2.2}.e-pith{fill:#f3e6cf}
.b-txt{display:flex;flex-direction:column;line-height:1}
.b-w{font:400 30px/1 var(--fh);letter-spacing:-.01em}
.b-d{color:var(--amber-t)}
.b-t{font:500 12.5px/1.3 var(--fb);color:var(--muted);margin-top:4px}
.b-t:lang(en),:lang(en) .b-t{letter-spacing:.12em;text-transform:uppercase;font-size:11px}
.lsw{display:inline-flex;border:1px solid var(--line-2);border-radius:3px;overflow:hidden;flex:none}
.lsw a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font:600 14px/1 var(--fb);color:var(--ink-2);text-decoration:none}
.lsw a+a{border-left:1px solid var(--line-2)}
.lsw a[aria-current]{background:var(--walnut-d);color:#f3e6cf}
.lsw a:not([aria-current]):hover{background:var(--paper)}
.tg{display:inline-flex;align-items:center;gap:9px;min-height:46px;min-width:46px;padding:0 13px;border:1px solid var(--line-2);border-radius:3px;background:var(--sheet);color:var(--ink);font:600 15px/1 var(--fb);cursor:pointer;flex:none}
.tg-i{display:grid;gap:4px;width:20px}
.tg-i i{display:block;height:2px;background:currentColor;transition:transform .2s,opacity .2s}
.tg-i i:nth-child(2){width:70%}
.nav-open .tg-i i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-open .tg-i i:nth-child(2){opacity:0}
.nav-open .tg-i i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.nav ol{list-style:none;margin:0;padding:0}
.nav li a{position:relative;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:500;min-height:48px}
.nv-n{font:500 12px/1 var(--fb);color:var(--amber-t);font-variant-numeric:tabular-nums}
.nav li a[aria-current] .nv-l{color:var(--walnut-dd)}
.hd-play{display:none}

@media (max-width:979.98px){
 .hd-top{min-height:64px;gap:10px}
 .tg{order:3}
 .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--sheet);border-bottom:1px solid var(--line-2);box-shadow:0 18px 40px -18px rgb(23 14 9/.45);max-height:calc(100vh - 90px);overflow:auto}
 .nav-open .nav{display:block}
 .nav .wrap{padding-top:10px;padding-bottom:18px}
 .nav li{border-bottom:1px solid var(--line)}
 .nav li a{padding:10px 4px 10px 22px;font-size:17px}
 .nav li a::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:9px;border-radius:1px;background:repeating-linear-gradient(0deg,rgb(0 0 0/.14) 0 1px,transparent 1px 5px),linear-gradient(90deg,var(--c1),var(--c2))}
 .nav li:nth-child(2n) a::before{--c1:#5a3720;--c2:#7a4c2c}
 .nav li:nth-child(3n) a::before{--c1:#c9a06b;--c2:#e4cfa9}
 .nav li a[aria-current]::before{--c1:var(--green);--c2:#2d7a70}
 .nav li a[aria-current]{font-weight:700}
 .nav-play{margin-top:14px;width:100%}
}
@media (max-width:420px){
 .b-w{font-size:26px}.b-eye{width:34px;height:34px}.brand{gap:8px}
 .tg-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .lsw a{padding:0 9px;font-size:13px}
}
@media (min-width:980px){
 .tg,.nav .nav-play{display:none}
 .hd-play{display:inline-flex;min-height:44px;padding:10px 18px;font-size:15px}
 .nav{border-top:1px solid var(--line);background:linear-gradient(180deg,var(--paper) 0,var(--sheet) 100%)}
 .nav ol{display:flex;flex-wrap:wrap}
 .nav li{position:relative}
 .nav li a{padding:6px 20px 6px 16px;border-left:1px solid var(--line);font-size:15.5px}
 .nav li:first-child a{border-left:0;padding-left:0}
 .nav li a::after{content:"";position:absolute;left:16px;right:20px;bottom:-1px;height:4px;background:var(--stringing);transform:scaleX(0);transform-origin:left;transition:transform .25s}
 .nav li:first-child a::after{left:0}
 .nav li a:hover::after,.nav li a[aria-current]::after{transform:scaleX(1)}
 .nav li a:hover{color:var(--ink)}
}

/* ───────── home: open sample book ───────── */
.book{position:relative;padding:clamp(28px,5vw,64px) 0 clamp(36px,5vw,72px);background:var(--paper)}
.book-in{display:grid;gap:28px}
@media (max-width:979.98px){.tray{width:100%;max-width:600px;justify-self:center}}
.leaf{min-width:0}
.lot{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:8px 14px 8px 10px;background:var(--sheet);border:1px solid var(--line-2);border-radius:2px 14px 14px 2px;font:600 14px/1.3 var(--fb);color:var(--ink-2);box-shadow:3px 3px 0 var(--paper-2)}
.lot-h{width:12px;height:12px;border-radius:50%;background:var(--paper);box-shadow:inset 0 1px 2px rgb(0 0 0/.35);flex:none}
.book h1{font-size:clamp(34px,5.6vw,64px);letter-spacing:-.018em;margin-bottom:22px;text-wrap:balance}
.book h1:lang(bn){font-size:clamp(30px,4.6vw,52px);letter-spacing:0}
.lead{font-size:clamp(17.5px,1.6vw,19.5px);color:var(--ink-2);max-width:62ch}
.lead p{margin:0 0 1em}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 30px}
.spec{list-style:none;margin:0;padding:4px 0 0;background:var(--stringing) top/100% 4px no-repeat;max-width:560px}
.spec li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-weight:500;color:var(--ink-2)}
.spec li::before{content:"";width:18px;height:12px;flex:none;border-radius:50%;background:repeating-radial-gradient(ellipse at 55% 50%,var(--walnut) 0 1.5px,var(--amber) 1.5px 3px,var(--gold) 3px 4px);transform:rotate(-24deg)}
.spine{display:flex;align-items:center;gap:6px}
.spine i{flex:1;height:0;border-top:2px dashed var(--line-2)}
.spine::before,.spine::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--paper-2);box-shadow:inset 0 1px 2px rgb(0 0 0/.35)}

.tray{position:relative;isolation:isolate;border-radius:4px;padding:clamp(10px,2.4vw,26px);background:var(--walnut);box-shadow:0 30px 60px -30px rgb(23 14 9/.55),0 0 0 1px rgb(23 14 9/.4);scroll-margin-top:12px;min-width:0}
.slab-svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;border-radius:inherit;display:block}
.slab-svg .seam{fill:rgb(23 14 9/.55)}
.slab-svg .sheen{mix-blend-mode:screen}
.tray-in{position:relative;background:var(--sheet);border-radius:2px;box-shadow:0 0 0 1px var(--walnut-dd),0 0 0 3px var(--maple),0 0 0 5px var(--walnut-dd),0 14px 30px -12px rgb(0 0 0/.6);container-type:inline-size}
.tray-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.tray-hd h2{font-size:21px}
.tag{font:600 12.5px/1 var(--fb);padding:6px 10px;border-radius:2px;background:var(--walnut-d);color:var(--gold)}
.tag:lang(en),:lang(en) .tag{letter-spacing:.1em;text-transform:uppercase}

@media (min-width:980px){
 .book-in{grid-template-columns:minmax(0,1fr) 40px minmax(360px,540px);align-items:start}
 .spine{flex-direction:column;align-self:stretch;padding:18px 0}
 .spine i{border-top:0;border-left:2px dashed var(--line-2);width:0;height:auto}
 .leaf{padding-top:14px}
 .tray{padding:34px}
}
@media (prefers-reduced-motion:no-preference){
 .slab-svg .sheen{animation:sheen 11s ease-in-out infinite alternate}
 @keyframes sheen{from{transform:translateX(-18%)}to{transform:translateX(38%)}}
}

/* ───────── inner page head: slab ───────── */
.slab{padding:clamp(22px,4vw,48px) 0 clamp(28px,4vw,52px);background:var(--paper);border-bottom:1px solid var(--line)}
.slab-in{display:grid;gap:22px;align-items:end}
.slab-copy{min-width:0}
.crumbs ol{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;font-size:15px;color:var(--muted)}
.crumbs li{display:inline-flex;align-items:center}
.crumbs li+li::before{content:"";width:22px;height:4px;margin:0 10px;background:var(--stringing);opacity:.8}
.crumbs a{color:var(--ink-2);display:inline-flex;align-items:center;min-height:44px}
.crumbs [aria-current]{color:var(--ink);font-weight:600}
.slab h1{font-size:clamp(32px,4.8vw,56px);letter-spacing:-.015em;margin-bottom:18px;text-wrap:balance;max-width:22ch}
.slab h1:lang(bn){font-size:clamp(28px,4vw,46px);letter-spacing:0;max-width:26ch}
.slab-art{position:relative;height:84px;border-radius:3px;overflow:hidden;isolation:isolate;box-shadow:0 0 0 1px rgb(23 14 9/.4),0 20px 40px -24px rgb(23 14 9/.6);background:var(--walnut)}
@media (min-width:860px){
 .slab-in{grid-template-columns:minmax(0,1fr) clamp(200px,24vw,300px);align-items:stretch}
 .slab-art{height:auto;min-height:260px;border-radius:120px 120px 3px 3px}
}

/* ───────── sheet: article + flitch TOC ───────── */
.sheet{padding:clamp(28px,5vw,64px) 0}
.sheet-grid{display:grid;gap:32px}
.content{min-width:0;max-width:760px}
.side{min-width:0}
@media (min-width:980px){
 .sheet-grid{grid-template-columns:minmax(0,1fr) 300px;gap:56px}
 .side-in{position:sticky;top:20px;display:grid;gap:22px}
}
@media (max-width:979.98px){.side{order:-1}.side-in{display:grid;gap:16px}.page-home .side{order:0}.side .dcard{display:none}}

.content>*:first-child{margin-top:0}
.intro{font-size:18px;color:var(--ink-2);margin-bottom:28px}
.lf{margin:0 0 44px;padding-top:4px}
.lf-plain{margin-bottom:28px}
.lf-n{display:flex;align-items:center;gap:12px;margin:0 0 12px;font:600 13px/1 var(--fb);color:var(--amber-t);font-variant-numeric:tabular-nums}
.lf-n:lang(en),:lang(en) .lf-n{letter-spacing:.14em;text-transform:uppercase;font-size:12px}
.lf-sw{width:54px;height:14px;border-radius:1px;box-shadow:inset 0 0 0 1px rgb(0 0 0/.2);background:repeating-linear-gradient(var(--a),rgb(0 0 0/.14) 0 1px,transparent 1px 5px),repeating-linear-gradient(calc(var(--a) + 4deg),rgb(255 255 255/.12) 0 2px,transparent 2px 9px),linear-gradient(var(--a),var(--c1),var(--c2) 55%,var(--c1))}
.lf:nth-of-type(3n+2) .lf-sw{--c1:#5a3720;--c2:#7a4c2c}
.lf:nth-of-type(3n) .lf-sw{--c1:#c9a06b;--c2:#e4cfa9}
.lf:nth-of-type(4n) .lf-sw{--c1:var(--green-d);--c2:#2d7a70}
.content h2{font-size:clamp(26px,3vw,34px);letter-spacing:-.01em;margin:0 0 18px;padding-bottom:16px;background:var(--stringing) left bottom/100% 4px no-repeat;scroll-margin-top:20px}
.content h2:lang(bn){font-size:clamp(23px,2.7vw,29px);letter-spacing:0}
.content h3{font-size:21px;margin:26px 0 10px}
.content h3:lang(bn){font-size:20px}
.content ul,.content ol{margin:0 0 1.2em;padding-left:0;list-style:none}
.content li{position:relative;padding-left:30px;margin-bottom:.55em}
.content ul>li::before{content:"";position:absolute;left:2px;top:.52em;width:16px;height:11px;border-radius:50%;background:repeating-radial-gradient(ellipse at 55% 50%,var(--walnut) 0 1.4px,var(--amber) 1.4px 2.8px,var(--gold) 2.8px 3.8px);transform:rotate(-24deg)}
.content ol{counter-reset:li}
.content ol>li{counter-increment:li}
.content ol>li::before{content:counter(li);position:absolute;left:0;top:.18em;width:22px;height:22px;display:grid;place-items:center;border-radius:2px;background:var(--walnut-d);color:var(--gold);font:600 12.5px/1 var(--fb)}
:lang(bn) .content ol>li::before{content:counter(li,bengali)}
.content strong{color:var(--walnut-dd);font-weight:650}
.content code{font:500 .9em/1 ui-monospace,monospace;background:var(--paper-2);padding:2px 5px;border-radius:2px}
.content table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:16px;background:var(--sheet);box-shadow:0 0 0 1px var(--line)}
.content th,.content td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;min-width:120px}
.content th{background:var(--walnut-d);color:#f3e6cf;font-weight:600}
.content tr:nth-child(even) td{background:rgb(232 223 208/.45)}

/* FAQ: knot toggles */
.faq{margin-top:12px}
.faq-l{border-top:1px solid var(--line-2)}
.faq details{border-bottom:1px solid var(--line-2)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 2px;cursor:pointer;list-style:none;font-weight:600;color:var(--ink);font-size:17.5px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover .q{color:var(--green)}
.knot{position:relative;width:30px;height:22px;flex:none;border-radius:50%;background:var(--paper-2);box-shadow:inset 0 0 0 2px var(--amber);transform:rotate(-18deg);transition:background .25s}
.knot::before{content:"";position:absolute;inset:5px 7px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--walnut)}
.knot::after{content:"";position:absolute;left:12px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--walnut);transition:transform .25s}
details[open] .knot{background:repeating-radial-gradient(ellipse at 50% 50%,var(--walnut) 0 2px,var(--amber) 2px 4px,var(--gold) 4px 5.5px)}
details[open] .knot::after{transform:scale(1.4);background:#f3e6cf}
.faq .a{padding:0 2px 16px;color:var(--ink-2)}
.faq .a p:last-child{margin-bottom:0}

/* CTA band */
.cta{margin-top:40px;padding:26px 24px;border-radius:3px;background:var(--walnut-d);color:#efe3cf;display:grid;gap:16px;position:relative;overflow:hidden;isolation:isolate}
.cta::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background:repeating-linear-gradient(94deg,rgb(0 0 0/.25) 0 1px,transparent 1px 6px),repeating-linear-gradient(88deg,rgb(255 255 255/.04) 0 2px,transparent 2px 12px)}
.cta p{margin:0;font:400 21px/1.35 var(--fh)}
.cta p:lang(bn){font-weight:600;line-height:1.6;font-size:20px}
.cta .btn{justify-self:start}
@container (min-width:560px){.cta{grid-template-columns:1fr auto;align-items:center}}
.content{container-type:inline-size}

/* TOC as a flitch: a stack of thin leaves */
.toc{background:var(--sheet);border:1px solid var(--line-2);border-radius:3px}
.toc summary{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 16px;cursor:pointer;list-style:none;font:600 15px/1 var(--fb);color:var(--ink)}
.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"";width:9px;height:9px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.toc[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.toc summary:lang(en),:lang(en) .toc summary{letter-spacing:.1em;text-transform:uppercase;font-size:13px}
.toc ol{list-style:none;margin:0;padding:6px 10px 12px}
.toc li+li{margin-top:3px}
.toc a{position:relative;display:grid;grid-template-columns:26px 1fr;gap:6px;align-items:start;padding:9px 10px 9px 18px;min-height:44px;border-radius:2px;text-decoration:none;color:var(--ink-2);font-size:15px;line-height:1.4;transition:transform .2s,background .2s}
.toc a::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:7px;border-radius:1px;background:repeating-linear-gradient(0deg,rgb(0 0 0/.16) 0 1px,transparent 1px 4px),linear-gradient(90deg,var(--c1),var(--c2))}
.toc li:nth-child(2n) a::before{--c1:#5a3720;--c2:#7a4c2c}
.toc li:nth-child(3n) a::before{--c1:#c9a06b;--c2:#e4cfa9}
.tn{font-weight:600;color:var(--amber-t);font-variant-numeric:tabular-nums}
.toc a:hover{background:var(--paper);color:var(--ink)}
.toc a[aria-current]{background:var(--paper-2);color:var(--ink);transform:translateX(6px)}
.toc a[aria-current]::before{--c1:var(--green);--c2:#2d7a70}

.dcard{position:relative;padding:20px;border-radius:3px;background:var(--walnut-d);color:#e8dac4;overflow:hidden;isolation:isolate}
.dcard::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(ellipse 140% 90% at 110% -10%,rgb(255 255 255/.05) 0 2px,transparent 2px 9px)}
.dc-eye{display:block;width:44px;height:30px;border-radius:50%;margin-bottom:12px;background:repeating-radial-gradient(ellipse at 55% 50%,#2a170c 0 2px,var(--amber) 2px 4px,var(--gold) 4px 5.5px);transform:rotate(-22deg)}
.dc-t{font:400 22px/1.2 var(--fh);color:#fbf1df;margin-bottom:8px}
.dc-t:lang(bn){font-weight:600;line-height:1.5}
.dcard p{font-size:16px}
.dcard .btn{width:100%;margin-top:4px}
.dcard .b-green{box-shadow:inset 0 0 0 3px var(--green),inset 0 0 0 4px var(--gold)}

/* ───────── related: swatch rack ───────── */
.rack{padding:clamp(36px,5vw,64px) 0;background:var(--paper-2);border-top:1px solid var(--line-2)}
.rack h2{font-size:clamp(26px,3vw,36px);margin-bottom:24px}
.sw-grid{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:700px){.sw-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
.sw{display:flex;flex-direction:column;height:100%;background:var(--sheet);border-radius:3px;text-decoration:none;color:var(--ink);box-shadow:0 0 0 1px var(--line-2);transition:transform .2s,box-shadow .2s;overflow:hidden}
.sw:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--walnut),0 16px 30px -18px rgb(23 14 9/.55);color:var(--ink)}
.sw-w{position:relative;display:block;height:clamp(54px,9vw,96px);--a:92deg;background:repeating-linear-gradient(var(--a),rgb(0 0 0/.13) 0 1px,transparent 1px 6px),repeating-linear-gradient(calc(var(--a) + 5deg),rgb(255 255 255/.10) 0 2px,transparent 2px 13px),linear-gradient(var(--a),var(--c1),var(--c2) 50%,var(--c1))}
.sw-w::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--stringing)}
.sw-grid li:nth-child(6n+2) .sw-w{--c1:#4a2d1b;--c2:#6d4326;--a:88deg}
.sw-grid li:nth-child(6n+3) .sw-w{--c1:#c9a06b;--c2:#e8d4ae;--a:180deg}
.sw-grid li:nth-child(6n+4) .sw-w{--c1:var(--green-d);--c2:#2d7a70}
.sw-grid li:nth-child(6n+5) .sw-w{--c1:#9b5a2c;--c2:#c07a34;--a:0deg}
.sw-grid li:nth-child(6n) .sw-w{--c1:#1f1712;--c2:#3a2c22}
.sw-n{position:absolute;left:12px;top:12px;padding:5px 8px;border-radius:2px;background:rgb(251 248 242/.92);font:600 13px/1 var(--fb);color:var(--walnut-dd);font-variant-numeric:tabular-nums}
.sw strong{display:block;padding:12px clamp(12px,2vw,16px) 4px;font:400 20px/1.25 var(--fh)}
.sw strong:lang(bn),:lang(bn) .sw strong{font-weight:600;line-height:1.5;font-size:19px}
.sw-d{display:block;padding:0 clamp(12px,2vw,16px) 16px;font-size:15px;color:var(--muted);line-height:1.5}
.note{font-size:15px;color:var(--muted);max-width:80ch;margin:0}

/* ───────── footer: end grain ───────── */
.ft{position:relative;overflow:hidden;background:var(--walnut-dd);color:#d9c9b1;padding:0 0 28px;isolation:isolate}
.string{height:4px;background:var(--stringing)}
.ft-rings{position:absolute;right:-240px;bottom:-320px;width:760px;height:760px;z-index:-1;border-radius:50%;opacity:.55;background:repeating-radial-gradient(circle at 50% 50%,#2a1a10 0 3px,#1c110b 3px 9px,#33200f 9px 10px,#1c110b 10px 17px)}
.ft-grid{display:grid;gap:30px;padding-top:44px}
.brand-ft{color:#f3e6cf;margin:0 0 14px}
.brand-ft:hover{color:#fff}
.brand-ft .b-d{color:var(--gold)}
.brand-ft .b-t{color:#b9a58a}
.ft-id p{font-size:15.5px;max-width:52ch;color:#cdbba1}
.ft h2{font:600 14px/1.3 var(--fb);color:var(--gold);margin:0 0 10px}
.ft h2:lang(en),:lang(en) .ft h2{letter-spacing:.14em;text-transform:uppercase;font-size:12.5px}
.ft ul{list-style:none;margin:0;padding:0}
.ft li a{display:flex;align-items:center;min-height:44px;color:#eadcc6;text-decoration:none;border-bottom:1px solid rgb(234 220 198/.1)}
.ft li a:hover{color:var(--gold)}
.ft-base{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding-top:22px;border-top:1px solid rgb(234 220 198/.16);font-size:15px}
.age{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:repeating-radial-gradient(circle,#2a170c 0 2px,#6d4326 2px 4px);box-shadow:0 0 0 2px var(--gold);color:#fbf1df;font:700 14px/1 var(--fb)}
.copy{margin-left:auto;color:#b9a58a}
@media (min-width:760px){.ft-grid{grid-template-columns:1.4fr 1fr 1fr}.ft-base{grid-column:1/-1}}

/* 404 */
.nf{padding:clamp(40px,8vw,96px) 0}
.nf-in{display:grid;gap:28px;align-items:center}
.nf h1{font-size:clamp(34px,5vw,56px);margin-bottom:14px}
@media (min-width:860px){.nf-in{grid-template-columns:1fr 300px}.nf .slab-art{height:320px;border-radius:140px 140px 3px 3px}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}