/* a11111.info — Style No. A-11111: garment sampling-room tech pack (pattern paper, tape measure, flat sketch, denim cutting table) */
:root{
  --paper:#F3F2EC;--sheet:#FCFBF7;--greige:#E6E1D4;--ink:#171A21;--ink-2:#4B505B;--rule:#CFCBBE;
  --denim:#1D2B4F;--denim-2:#121B35;--denim-3:#2C3F6E;--wash:#A7B7D6;--wash-2:#D5DDEC;
  --red:#D13A2C;--red-t:#B02A1E;--tape:#F1C338;--tape-2:#F7DB85;--chalk:#DCE7F2;--thread:#E3AE45;--link:#1F4A99;
  --f-d:"Pathway Extreme","Hind Siliguri","Noto Sans Bengali",sans-serif;
  --f-b:"Radio Canada Big","Noto Sans Bengali",system-ui,sans-serif;
  --f-bn:"Hind Siliguri","Noto Sans Bengali",sans-serif;
  --f-m:"Victor Mono","Noto Sans Bengali",ui-monospace,monospace;
  --hh:80px;
  --dots:radial-gradient(circle,rgba(29,43,79,.17) 1px,transparent 1.4px) 0 0/22px 22px;
  --twill:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 2px,transparent 2px 5px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hh) + 16px)}
body{margin:0;background:var(--paper) var(--dots);color:var(--ink);font:400 17px/1.7 var(--f-b);text-rendering:optimizeLegibility}
:lang(bn) body,body:lang(bn){line-height:1.8}
img,svg{max-width:100%}
a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1.5px}
a:hover{color:var(--red-t)}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 16px}
@media (min-width:700px){.wrap{padding:0 28px}}
.skip{position:absolute;left:12px;top:8px;z-index:100;background:var(--ink);color:#fff;padding:12px 16px;transform:translateY(-160%);transition:transform .15s}
.skip:focus{transform:none;color:#fff}
h1,h2,h3{font-family:var(--f-d);color:var(--ink);margin:0}
:lang(bn) h1,:lang(bn) h2,:lang(bn) h3{font-family:var(--f-bn);letter-spacing:0}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 20px;border:2px solid var(--ink);border-radius:3px;font:700 16px/1.25 var(--f-b);text-decoration:none;text-align:center;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{color:#fff}
.btn-line{background:var(--sheet);color:var(--ink)}.btn-line:hover{color:var(--ink)}
.btn-denim{background:var(--denim);color:#fff;border-color:var(--denim);position:relative}
.btn-denim::after,.btn-red::after{content:"";position:absolute;inset:4px;border:1.5px dashed var(--thread);border-radius:1px;pointer-events:none}
.btn-red{position:relative}.btn-red::after{border-color:rgba(255,255,255,.55)}
.btn-denim:hover{color:#fff}
.btn-tape{background:var(--tape);color:var(--ink)}.btn-tape:hover{color:var(--ink);box-shadow:4px 4px 0 var(--denim-2)}

/* ---------- header: title-block bar + tape measure ---------- */
.hd{position:sticky;top:0;z-index:50;background:var(--sheet);border-bottom:2px solid var(--ink)}
.hd-row{display:flex;align-items:center;gap:14px;min-height:66px;position:relative}
.brand{display:grid;grid-template-columns:auto;align-content:center;text-decoration:none;color:var(--ink);padding:6px 14px 6px 0;margin-right:auto;border-right:2px solid var(--ink);min-height:66px}
.brand:hover{color:var(--ink)}
.br-no{font:600 11px/1.2 var(--f-m);color:var(--red-t)}
:lang(en) .br-no{text-transform:uppercase;letter-spacing:.08em}
.br-wm{font:850 30px/1 var(--f-d);font-stretch:75%;letter-spacing:.005em}
.br-tag{font:500 12.5px/1.4 var(--f-b);color:var(--ink-2)}
.tape{position:relative;height:13px;border-top:1px solid var(--ink);background:
  repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 8px) 0 100%/100% 4px no-repeat,
  repeating-linear-gradient(90deg,var(--ink) 0 1.5px,transparent 1.5px 40px) 0 100%/100% 9px no-repeat,var(--tape)}
.tape-m{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0)*100%);background:rgba(209,58,44,.22);border-right:3px solid var(--red);transition:width .12s linear}
.mbtn{display:inline-flex;align-items:center;gap:10px;min-height:46px;min-width:46px;padding:0 14px;border:2px solid var(--ink);border-radius:3px;background:var(--sheet);color:var(--ink);font:700 15px/1 var(--f-b);cursor:pointer}
.mb-i{position:relative;width:20px;height:14px}
.mb-i i{position:absolute;left:0;right:0;height:2px;background:var(--ink);transition:transform .2s,top .2s}
.mb-i i:first-child{top:2px}.mb-i i:last-child{top:10px;background:repeating-linear-gradient(90deg,var(--ink) 0 4px,transparent 4px 7px)}
.hd.open .mb-i i:first-child{top:6px;transform:rotate(45deg)}
.hd.open .mb-i i:last-child{top:6px;transform:rotate(-45deg);background:var(--ink)}
.snav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--sheet) var(--dots);border-bottom:2px solid var(--ink);border-top:2px solid var(--ink);margin-top:13px;padding:10px 16px 20px;max-height:calc(100vh - 100px);overflow:auto;box-shadow:0 18px 30px -18px rgba(18,27,53,.45)}
.hd.open .snav{display:block}
.snav ol{list-style:none;margin:0;padding:0}
.snav li a{display:flex;align-items:center;gap:14px;min-height:54px;padding:6px 0;border-bottom:1.5px dashed var(--rule);color:var(--ink);text-decoration:none;font:600 17px/1.35 var(--f-b)}
.nc{flex:none;display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--ink);font:600 14px/1 var(--f-m);background:var(--sheet)}
.snav ol a[aria-current] .nc{background:var(--red);border-color:var(--red);color:#fff}
.snav ol a[aria-current] .nl{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:3px;text-underline-offset:6px}
.snav-x{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:16px}
.lsw{display:inline-flex;border:2px solid var(--ink);border-radius:3px;overflow:hidden}
.lsw a{display:grid;place-items:center;min-height:44px;min-width:56px;padding:0 12px;color:var(--ink);text-decoration:none;font:600 14.5px/1 var(--f-b)}
.lsw a+a{border-left:2px solid var(--ink)}
.lsw a[aria-current]{background:var(--ink);color:#fff}
@media (max-width:420px){.br-tag{display:none}.br-wm{font-size:27px}.mb-t{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}
@media (min-width:1100px){
  .mbtn{display:none}
  .brand{margin-right:0;padding-right:22px}
  .snav{display:flex;position:static;align-items:center;gap:18px;flex:1;background:none;border:0;margin:0;padding:0;max-height:none;overflow:visible;box-shadow:none}
  .snav ol{display:flex;flex:1;align-self:stretch}
  .snav li{display:flex}
  .snav li a{gap:10px;min-height:66px;padding:4px 16px;border:0;border-right:1px solid var(--rule);font-size:15.5px;line-height:1.3;position:relative;white-space:nowrap}
  .snav li a:hover{background:var(--chalk);color:var(--ink)}
  .nc{width:24px;height:24px;border-width:1.5px;font-size:12px}
  .snav ol a[aria-current]{background:var(--chalk)}
  .snav ol a[aria-current] .nl{text-decoration:none}
  .snav ol a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:4px;background:var(--red)}
  .snav-x{padding:0;flex:none;flex-wrap:nowrap}
}
/* ---------- home hero ---------- */
.hero{padding:34px 0 48px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;align-items:center}
@media (min-width:900px){.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:56px}.hero{padding:56px 0 72px}}
.kick{margin:0 0 18px}
.kick span{display:inline-flex;align-items:center;gap:10px;font:600 13px/1.4 var(--f-m);color:var(--ink);background:var(--sheet);border:1.5px solid var(--ink);padding:6px 12px}
.kick span::before{content:"";width:10px;height:10px;background:var(--red);flex:none}
.hero h1{font-size:clamp(34px,5.6vw,66px);line-height:1.02;font-weight:850;font-stretch:80%;letter-spacing:-.01em;max-width:15ch}
:lang(bn) .hero h1{font-size:clamp(29px,4.3vw,50px);line-height:1.38;font-weight:700;max-width:22ch;letter-spacing:0}
.lead{margin-top:18px;font-size:18px;color:var(--ink-2)}
.lead p{margin:0;max-width:62ch}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.calls{list-style:none;margin:28px 0 0;padding:18px 0 0;border-top:1.5px dashed var(--ink-2);display:flex;flex-wrap:wrap;gap:12px 22px}
.calls li{display:flex;align-items:center;gap:10px;font:600 15px/1.4 var(--f-b)}
.calls b{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--tape);border:1.5px solid var(--ink);font:600 13px/1 var(--f-m)}
.flat{margin:0;background:var(--sheet);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--denim);position:relative}
.flat::before{content:"";position:absolute;inset:10px 10px 56px;background:var(--dots);opacity:.7;pointer-events:none}
.sketch{display:block;width:100%;height:auto;padding:22px 26px 6px;position:relative}
.flat figcaption{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--ink);font:500 12.5px/1.4 var(--f-m);color:var(--ink-2)}
.flat figcaption span{padding:10px 12px}.flat figcaption span+span{border-left:1.5px solid var(--ink)}
@media (max-width:640px){.hero .flat{display:none}}
.sk-body{fill:var(--sheet);stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.sk-line{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}
.sk-btn{fill:var(--sheet);stroke:var(--ink);stroke-width:1.2}
.sk-st{fill:none;stroke:var(--ink-2);stroke-width:1.1;stroke-dasharray:3 3}
.sk-dim{fill:none;stroke:var(--red);stroke-width:1.2}
.sk-print{fill:var(--chalk);stroke:var(--denim-3);stroke-width:1.2;stroke-dasharray:4 3}
.sk-txt{font:850 19px/1 var(--f-d);font-stretch:75%;fill:var(--denim)}
.sk-call path{fill:none;stroke:var(--ink);stroke-width:1}
.sk-call circle{fill:var(--tape);stroke:var(--ink);stroke-width:1.5}
.sk-call text{font:600 12px/1 var(--f-m);fill:var(--ink)}
@media (prefers-reduced-motion:no-preference){
  .hero .sk-st{animation:stitch 2.4s linear infinite}
  @keyframes stitch{to{stroke-dashoffset:-24}}
}

/* ---------- denim cutting table with the demo on a pattern piece ---------- */
.table{position:relative;background:var(--twill),linear-gradient(180deg,var(--denim) 0%,var(--denim-2) 100%);color:#fff;padding:52px 0 60px}
.table::before,.table::after{content:"";position:absolute;left:0;right:0;height:7px;border-top:2px dashed var(--thread);border-bottom:2px dashed var(--thread);opacity:.85}
.table::before{top:10px}.table::after{bottom:10px}
.table-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
@media (min-width:980px){.table-grid{grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:52px;align-items:start}.seq{position:sticky;top:calc(var(--hh) + 30px)}}
@media (max-width:979px){.piece{order:-1}}
.seq-k{margin:0;font:600 12.5px/1.4 var(--f-m);color:var(--tape)}
:lang(en) .seq-k{text-transform:uppercase;letter-spacing:.1em}
.seq-t{margin:6px 0 18px;font:800 30px/1.1 var(--f-d);font-stretch:80%;color:#fff}
:lang(bn) .seq-t{font:700 26px/1.45 var(--f-bn)}
.seq ol{list-style:none;margin:0;padding:0;border-top:1.5px solid rgba(255,255,255,.3)}
.seq li{display:grid;grid-template-columns:62px 1fr;gap:12px;padding:12px 0;border-bottom:1.5px dashed rgba(167,183,214,.45);font-size:16px;line-height:1.55;color:var(--wash-2)}
:lang(bn) .seq li{line-height:1.75}
.st-op{font:600 12.5px/1.9 var(--f-m);color:var(--tape);white-space:nowrap}
.piece{position:relative;width:100%;max-width:800px;padding:18px 16px 16px;color:var(--ink);min-width:0}
.piece::before{content:"";position:absolute;inset:0;z-index:0;background:var(--sheet);
  clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 38%,calc(100% - 9px) calc(38% + 8px),100% calc(38% + 16px),100% 100%,0 100%,0 calc(64% + 16px),9px calc(64% + 8px),0 64%)}
.piece::after{content:"";position:absolute;inset:7px;z-index:0;border:1.5px dashed var(--wash);pointer-events:none;
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)}
.piece>*{position:relative;z-index:1}
.piece-hd{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;padding:2px 26px 8px 4px;font:600 12.5px/1.4 var(--f-m)}
.pc-a{color:var(--red-t)}.pc-b{color:var(--ink-2)}
.grain{height:14px;margin:0 22% 10px;position:relative}
.grain::before{content:"";position:absolute;left:8px;right:8px;top:6px;height:2px;background:var(--ink)}
.grain::after{content:"";position:absolute;inset:0;background:
  conic-gradient(from 60deg at 0 50%,var(--ink) 0 60deg,transparent 0) 0 0/12px 100% no-repeat,
  conic-gradient(from 240deg at 100% 50%,var(--ink) 0 60deg,transparent 0) 100% 0/12px 100% no-repeat}
@media (max-width:420px){.table .wrap{padding:0 8px}.piece{padding:14px 8px 10px}.piece-hd{padding-right:22px}}
@media (min-width:700px){.piece{padding:22px 24px 22px}}

/* ---------- article sheet ---------- */
.sheet{padding:44px 0 64px}
.sheet-grid{display:grid;gap:28px}
@media (min-width:1024px){.sheet-grid{grid-template-columns:270px minmax(0,1fr);gap:56px;align-items:start}.content{max-width:780px}
  .side-in{position:sticky;top:calc(var(--hh) + 24px);max-height:calc(100vh - var(--hh) - 40px);overflow:auto;display:grid;gap:22px;padding:2px 6px 6px 2px}}
@media (max-width:1023px){.side,.side-in{display:contents}.bulletin{order:0}.content{order:1}.swatch{order:2}.sheet-grid{display:flex;flex-direction:column}}
.bulletin{background:var(--sheet);border:2px solid var(--ink)}
.side-h{margin:0;padding:10px 14px;font:600 12.5px/1.4 var(--f-m);border-bottom:2px solid var(--ink);background:var(--tape)}
:lang(en) .side-h{text-transform:uppercase;letter-spacing:.1em}
.bulletin ol{list-style:none;margin:0;padding:0}
.bulletin li+li{border-top:1px dashed var(--rule)}
.bulletin a{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;min-height:46px;padding:7px 12px;color:var(--ink);text-decoration:none;font-size:15px;line-height:1.4}
:lang(bn) .bulletin a{line-height:1.6}
.bulletin a:hover{background:var(--chalk);color:var(--ink)}
.bulletin a[aria-current]{background:var(--chalk);box-shadow:inset 4px 0 0 var(--red)}
.tn{font:600 12.5px/1 var(--f-m);color:var(--red-t)}
.swatch{position:relative;background:var(--twill),var(--denim);color:var(--wash-2);padding:26px 22px 24px}
.swatch::before{content:"";position:absolute;inset:7px;border:1.5px dashed var(--thread);pointer-events:none}
.swatch>*{position:relative}
.sw-no{display:block;font:600 12px/1 var(--f-m);color:var(--thread);margin-bottom:10px}
.swatch strong{display:block;font:800 22px/1.15 var(--f-d);font-stretch:85%;color:#fff}
:lang(bn) .swatch strong{font:700 20px/1.5 var(--f-bn)}
.swatch p{margin:8px 0 16px;font-size:15.5px;line-height:1.6}
.swatch .btn{width:100%}

.intro-rest{margin-bottom:36px}
.op{container-type:inline-size;margin:0 0 50px}
.op+.op::before,.faq::before,.intro-rest+.op::before{content:"";display:block;height:9px;margin:0 0 34px;border-top:2px solid var(--ink);border-bottom:1.5px dashed var(--ink-2)}
.op-hd{display:grid;gap:12px;margin-bottom:18px}
.op-code{justify-self:start;display:inline-flex;align-items:baseline;gap:8px;padding:6px 12px 6px 10px;background:var(--red);color:#fff;font:600 18px/1.2 var(--f-m);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%)}
.op-code small{font-size:11px;opacity:.9}
:lang(en) .op-code small{text-transform:uppercase;letter-spacing:.08em}
.op-qc{background:var(--denim)}
.tick{display:inline-block;width:8px;height:15px;margin:0 4px 2px 2px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.op h2,.faq h2{font-size:clamp(25px,3.2vw,36px);line-height:1.1;font-weight:800;font-stretch:85%}
:lang(bn) .op h2,:lang(bn) .faq h2{font-size:clamp(23px,2.8vw,31px);line-height:1.45;font-weight:700}
@container (min-width:620px){
  .op-hd{grid-template-columns:92px 1fr;gap:20px;align-items:start}
  .op-code{flex-direction:column;align-items:flex-start;gap:0;padding:8px 14px 10px 12px;font-size:26px;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 8px),0 100%);min-height:64px}
  .op-hd h2{padding-top:4px}
  .op>.prose{padding-left:112px}
}
.faq{container-type:inline-size}
@container (min-width:620px){.faq .qlist{margin-left:112px}}

/* prose */
.prose>*:first-child{margin-top:0}
.prose p{margin:0 0 1.05em}
.prose h3{font-size:21px;line-height:1.25;font-weight:750;margin:1.5em 0 .5em;font-stretch:90%}
:lang(bn) .prose h3{font-size:20px;line-height:1.55;font-weight:700}
.prose ul,.prose ol{margin:0 0 1.2em;padding:0;list-style:none}
.prose li{position:relative;margin:0 0 .6em;padding-left:34px}
.prose ul>li::before{content:"";position:absolute;left:4px;top:.58em;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--ink);background:radial-gradient(circle at 36% 36%,var(--ink) 0 1.3px,transparent 1.6px),radial-gradient(circle at 64% 36%,var(--ink) 0 1.3px,transparent 1.6px),radial-gradient(circle at 36% 64%,var(--ink) 0 1.3px,transparent 1.6px),radial-gradient(circle at 64% 64%,var(--ink) 0 1.3px,transparent 1.6px),var(--tape-2)}
:lang(bn) .prose ul>li::before{top:.7em}
.prose ol{counter-reset:o}
.prose ol>li{counter-increment:o;padding-left:42px}
.prose ol>li::before{content:counter(o);position:absolute;left:0;top:.2em;width:28px;height:28px;display:grid;place-items:center;border:1.5px solid var(--ink);background:var(--sheet);font:600 13px/1 var(--f-m)}
:lang(bn) .prose ol>li::before{content:counter(o,bengali);top:.3em}
.prose strong{font-weight:700;color:var(--ink)}
.prose table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:15.5px;background:var(--sheet);display:block;overflow-x:auto}
.prose th,.prose td{border:1.5px solid var(--ink);padding:9px 12px;text-align:left;vertical-align:top}
.prose th{background:var(--chalk);font-weight:700}
.prose blockquote{margin:0 0 1.2em;padding:12px 18px;border-left:5px solid var(--tape);background:var(--sheet)}

/* FAQ: QC checklist */
.qlist{border-top:2px solid var(--ink);background:var(--sheet)}
.qlist details{border-bottom:1.5px solid var(--rule)}
.qlist summary{display:grid;grid-template-columns:24px 44px 1fr;gap:10px;align-items:start;padding:14px 14px;min-height:56px;cursor:pointer;list-style:none;font:700 17px/1.45 var(--f-b)}
:lang(bn) .qlist summary{line-height:1.7}
.qlist summary::-webkit-details-marker{display:none}
.qlist summary:hover{background:var(--chalk)}
.qbox{width:22px;height:22px;margin-top:2px;border:2px solid var(--ink);background:var(--sheet);position:relative}
details[open] .qbox{background:var(--tape)}
details[open] .qbox::after{content:"";position:absolute;left:6px;top:1px;width:6px;height:12px;border:solid var(--ink);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.qn{font:600 12.5px/2 var(--f-m);color:var(--red-t)}
.qa{padding:0 16px 14px 92px}
@media (max-width:520px){.qlist summary{grid-template-columns:24px 1fr}.qn{display:none}.qa{padding-left:48px}}

/* CTA */
.cta{position:relative;margin:48px 0 0;padding:28px 26px;background:var(--twill),var(--denim);color:#fff;display:grid;gap:18px;align-items:center}
.cta::before{content:"";position:absolute;inset:8px;border:1.5px dashed var(--thread);pointer-events:none}
.cta>*{position:relative}
.cta p{margin:0;font:700 20px/1.45 var(--f-b)}
@media (min-width:720px){.cta{grid-template-columns:1fr auto;padding:32px 34px}}

/* ---------- inner page head: title block ---------- */
.ph{padding:28px 0 36px;border-bottom:2px solid var(--ink);background:linear-gradient(var(--sheet),rgba(252,251,247,.6))}
.ph-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:end}
@media (min-width:900px){.ph-grid{grid-template-columns:minmax(0,1fr) 250px;gap:56px}.ph{padding:36px 0 48px}}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:15px;margin-bottom:18px}
.crumbs a{display:inline-flex;align-items:center;min-height:44px}
.crumbs .sep{color:var(--ink-2)}
.crumbs [aria-current]{color:var(--ink-2)}
.tblock{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));margin:0 0 24px;border:2px solid var(--ink);background:var(--sheet);max-width:640px}
.tblock div{padding:8px 12px;border-right:1.5px solid var(--ink);min-width:0}
.tblock div:last-child{border-right:0}
.tblock dt{font:600 11.5px/1.3 var(--f-m);color:var(--red-t)}
:lang(en) .tblock dt{text-transform:uppercase;letter-spacing:.08em}
.tblock dd{margin:2px 0 0;font:700 15.5px/1.4 var(--f-b);overflow-wrap:anywhere}
.ph h1{font-size:clamp(31px,4.6vw,54px);line-height:1.05;font-weight:850;font-stretch:80%;max-width:22ch}
:lang(bn) .ph h1{font-size:clamp(27px,3.8vw,44px);line-height:1.4;font-weight:700;max-width:26ch}
.flat-sm{box-shadow:6px 6px 0 var(--denim)}
.flat-sm::before{bottom:10px}
.flat-sm .sketch{padding:16px 10px}
@media (max-width:899px){.flat-sm{display:none}}

/* ---------- related: pattern pieces ---------- */
.rel{padding:48px 0 64px;background:var(--greige) var(--dots);border-top:2px solid var(--ink)}
.rel-h{margin:0 0 22px;font:600 13px/1.4 var(--f-m);display:inline-block;background:var(--ink);color:#fff;padding:8px 14px}
:lang(en) .rel-h{text-transform:uppercase;letter-spacing:.1em}
.pp-grid{list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.pp{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;min-height:180px;padding:22px 22px 46px;color:var(--ink);text-decoration:none;filter:drop-shadow(0 1px 0 var(--ink)) drop-shadow(1px 0 0 var(--ink)) drop-shadow(-1px 0 0 var(--ink)) drop-shadow(0 -1px 0 var(--ink));transition:transform .18s}
.pp::before{content:"";position:absolute;inset:0;background:var(--sheet);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%,0 58%,8px calc(58% - 7px),0 calc(58% - 14px))}
.pp::after{content:"";position:absolute;inset:7px;border:1.3px dashed var(--wash);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}
.pp>*{position:relative;z-index:1}
.pp:hover{transform:translate(-2px,-3px);color:var(--ink)}
.pp:hover strong{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:4px}
.pp-no{font:600 12px/1 var(--f-m);color:var(--red-t)}
.pp strong{font:800 21px/1.18 var(--f-d);font-stretch:85%}
:lang(bn) .pp strong{font:700 19px/1.5 var(--f-bn)}
.pp-d{font-size:15px;line-height:1.55;color:var(--ink-2)}
.pp-g{position:absolute;left:22px;right:40%;bottom:20px;height:12px;background:linear-gradient(var(--ink),var(--ink)) 50%/calc(100% - 10px) 1.5px no-repeat}
.pp-g::before,.pp-g::after{content:"";position:absolute;top:1px;border:5px solid transparent}
.pp-g::before{left:-4px;border-right:7px solid var(--ink)}
.pp-g::after{right:-4px;border-left:7px solid var(--ink)}

/* ---------- footer: denim + care label ---------- */
.ft{position:relative;background:var(--twill),var(--denim-2);color:var(--wash-2);padding:44px 0 26px}
.topst{position:absolute;left:0;right:0;top:10px;height:7px;border-top:2px dashed var(--thread);border-bottom:2px dashed var(--thread)}
.ft-grid{display:grid;gap:30px;padding-top:10px}
@media (min-width:700px){.ft-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.ft-grid{grid-template-columns:.9fr 1.5fr 1fr 1fr;gap:40px}}
.ft .brand{border-right:0;border-left:4px solid var(--thread);padding-left:14px;color:#fff;min-height:0}
.ft .br-no{color:var(--thread)}.ft .br-tag{color:var(--wash)}
.label{position:relative;align-self:start;background:#F7F5EF;color:var(--ink);padding:20px 20px 16px;border-radius:2px}
.label::before,.label::after{content:"";position:absolute;left:8px;right:8px;border-top:1.5px dashed #B9B3A3}
.label::before{top:7px}.label::after{bottom:7px}
.label-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.care-ic{width:150px;height:26px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}
.age{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2.5px solid var(--red);color:var(--red-t);font:700 16px/1 var(--f-m);flex:none}
.label p{margin:0;font-size:15px;line-height:1.6}
:lang(bn) .label p{line-height:1.75}
.ft-col h2{font:600 12.5px/1.4 var(--f-m);color:var(--thread);margin:0 0 8px}
:lang(en) .ft-col h2{text-transform:uppercase;letter-spacing:.12em}
.ft-col ul{list-style:none;margin:0;padding:0}
.ft-col a{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:none;font-size:15.5px;line-height:1.4}
.ft-col a:hover{text-decoration:underline;color:var(--tape)}
.ft :focus-visible{outline-color:var(--tape)}
.ft-bot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:30px;padding-top:18px;border-top:1.5px solid rgba(167,183,214,.3);font:500 13.5px/1.4 var(--f-m)}
.ft .lsw{border-color:var(--wash)}
.ft .lsw a{color:#fff}.ft .lsw a+a{border-color:var(--wash)}
.ft .lsw a[aria-current]{background:var(--tape);color:var(--ink)}

/* 404 */
.nf{padding:72px 16px 96px;max-width:720px}
.nf-code{margin:0;font:850 120px/1 var(--f-d);font-stretch:75%;color:transparent;-webkit-text-stroke:2px var(--red)}
.nf h1{font-size:40px;line-height:1.2;margin:10px 0}
.nf p{margin:0 0 24px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media (max-width:1023px){.sheet-grid:has(.cta) .swatch{display:none}}
@media (min-width:1100px){.pp-grid:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}}
@media (min-width:641px) and (max-width:899px){.hero .flat{width:min(420px,100%);justify-self:center}}