{"id":6561,"date":"2026-09-08T05:35:44","date_gmt":"2026-09-08T05:35:44","guid":{"rendered":"https:\/\/bordbarcollection.com\/%d8%ae%d8%a7%d9%86%d9%87\/"},"modified":"2026-11-04T11:05:41","modified_gmt":"2026-11-04T11:05:41","slug":"%d8%ae%d8%a7%d9%86%d9%87","status":"publish","type":"page","link":"https:\/\/bordbarcollection.com\/en\/","title":{"rendered":"\u062e\u0627\u0646\u0647"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6561\" class=\"elementor elementor-6561 elementor-48\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97fdc7b e-con-full e-flex e-con e-parent\" data-id=\"97fdc7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7907e3a elementor-widget elementor-widget-html\" data-id=\"7907e3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n#bordbar-cinema{position:relative;width:100%;height:600vh;height:600svh;background:#fff;isolation:isolate;direction:ltr;--bc-h:100vh;--bc-p:900px}\n#bordbar-cinema,#bordbar-cinema *{box-sizing:border-box}\n#bordbar-cinema .bc-stage{position:sticky;top:0;height:var(--bc-h);width:100%;overflow:hidden;overflow:clip;background:#fff}\n#bordbar-cinema .bc-depth,#bordbar-cinema .bc-copy-scene{position:absolute;inset:0;pointer-events:none;perspective:var(--bc-p);perspective-origin:50% 48%}\n#bordbar-cinema .bc-world{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}\n#bordbar-cinema .bc-rug{position:absolute;left:50%;top:50%;width:var(--bc-art-w,40vw);height:var(--bc-art-h,70vh);margin:0;will-change:transform,opacity}\n#bordbar-cinema .bc-rug img{position:relative;display:block;width:100%;height:100%;max-width:none;object-fit:contain}\n#bordbar-cinema .bc-rug::before,#bordbar-cinema .bc-rug::after{content:\"\";position:absolute;pointer-events:none}\n#bordbar-cinema .bc-rug::after{left:-14%;right:-14%;bottom:-4%;height:8%;background:radial-gradient(closest-side,rgba(30,30,30,.20),rgba(30,30,30,0))}\n#bordbar-cinema .bc-rug::before{left:2%;right:2%;bottom:-.8%;height:1.8%;background:radial-gradient(closest-side,rgba(20,20,20,.34),rgba(20,20,20,0))}\n#bordbar-cinema [hidden]{display:none!important}\n#bordbar-cinema .bc-end{position:absolute;left:50%;top:50%;width:min(340px,64vw);margin:0;text-align:center;color:#1f1f1f;opacity:0;will-change:transform,opacity}\n#bordbar-cinema .bc-end img{display:block;width:100%;height:auto;max-height:26vh;object-fit:contain;margin:auto}\n#bordbar-cinema .bc-wordmark{display:block;direction:ltr;font-size:clamp(30px,4vw,54px);font-weight:700;letter-spacing:.32em;margin-right:-.32em}\n#bordbar-cinema .bc-end figcaption{margin-top:22px;font-size:clamp(15px,1.2vw,19px);font-weight:500;letter-spacing:.04em;color:#444}\n#bordbar-cinema .bc-copy{position:absolute;top:36%;left:54%;width:35%;color:#1f1f1f;text-align:left;direction:ltr;opacity:0;visibility:hidden;will-change:transform,opacity;padding:30px 20px}\n#bordbar-cinema .bc-copy:nth-child(even){left:11%}\n#bordbar-cinema .bc-copy::before{content:\"\";position:absolute;inset:-14% -10%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(255,255,255,.82) 50%,rgba(255,255,255,.45) 80%,rgba(255,255,255,0))}\n#bordbar-cinema .bc-copy h1,#bordbar-cinema .bc-copy h2{font-weight:800;font-size:clamp(34px,3.4vw,58px);line-height:1.2;color:inherit;margin:0 0 18px;white-space:nowrap;letter-spacing:-.015em}\n#bordbar-cinema .bc-copy p{font-weight:500;font-size:clamp(17px,1.3vw,20px);line-height:1.8;color:#3a3a3a;margin:0}\n#bordbar-cinema .bc-intro{position:absolute;left:0;right:0;bottom:8%;text-align:center;color:#1f1f1f;pointer-events:none}\n#bordbar-cinema .bc-intro span{font-size:12px;letter-spacing:.38em;direction:ltr;display:block}\n#bordbar-cinema .bc-intro p{font-size:14px;line-height:2;color:#555;margin:12px 0 0}\n#bordbar-cinema .bc-scroll-line{height:36px;width:1px;background:rgba(0,0,0,.35);margin:18px auto 0}\n@media(max-width:767px){\n#bordbar-cinema .bc-copy,#bordbar-cinema .bc-copy:nth-child(even){left:6%;width:88%;top:auto;bottom:max(4%,env(safe-area-inset-bottom));padding:12px 10px}\n#bordbar-cinema .bc-copy h1,#bordbar-cinema .bc-copy h2{font-size:clamp(24px,6.2vw,34px);margin-bottom:10px}\n#bordbar-cinema .bc-copy p{font-size:15px;line-height:1.7}\n#bordbar-cinema .bc-intro{bottom:6%}\n}\n#bordbar-cinema.bc-static{height:auto}\n#bordbar-cinema.bc-static .bc-stage{position:relative;height:auto;padding:8vh 0}\n#bordbar-cinema.bc-static .bc-depth{position:relative;perspective:none}\n#bordbar-cinema.bc-static .bc-world{position:relative;transform:none!important;display:grid;gap:30px}\n#bordbar-cinema.bc-static .bc-rug{position:relative;left:auto;top:auto;width:min(80%,520px);height:auto;margin:auto;transform:none!important;opacity:1!important;filter:none!important}\n#bordbar-cinema.bc-static .bc-rug img{height:auto}\n#bordbar-cinema.bc-static .bc-copy,#bordbar-cinema.bc-static .bc-copy:nth-child(even){position:relative;inset:auto;width:min(88%,650px);margin:10px auto 40px;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important}\n#bordbar-cinema.bc-static .bc-copy h1,#bordbar-cinema.bc-static .bc-copy h2{white-space:normal}\n#bordbar-cinema.bc-static .bc-intro,#bordbar-cinema.bc-static .bc-copy::before{display:none}\n#bordbar-cinema.bc-static .bc-end{position:relative;left:auto;top:auto;margin:40px auto;transform:none!important;opacity:1!important;filter:none!important}\n<\/style><section id=\"bordbar-cinema\" data-header-theme=\"light\" class=\"bc-static\" lang=\"en\" dir=\"ltr\" aria-label=\"Bordbar Collection carpet gallery\"><div class=\"bc-stage\"><div class=\"bc-depth\"><div class=\"bc-world\"><figure class=\"bc-rug\"><img fetchpriority=\"high\" src=\"https:\/\/assets.bordbarcollection.com\/images\/hero\/rug-1.webp\" alt=\"Bordbar Collection carpet, piece 1\" data-ratio=\"0.6929012345679012\" decoding=\"async\" fetchpriority=\"high\" width=\"898\" height=\"1296\"><\/figure><figure class=\"bc-rug\"><img src=\"https:\/\/assets.bordbarcollection.com\/images\/hero\/rug-2.webp\" alt=\"Bordbar Collection carpet, piece 2\" data-ratio=\"0.7065948855989233\" decoding=\"async\" width=\"1050\" height=\"1486\"><\/figure><figure class=\"bc-rug\"><img src=\"https:\/\/assets.bordbarcollection.com\/images\/hero\/rug-3.webp\" alt=\"Bordbar Collection carpet, piece 3\" data-ratio=\"0.7325949367088608\" decoding=\"async\" width=\"926\" height=\"1264\"><\/figure><figure class=\"bc-rug\"><img src=\"https:\/\/assets.bordbarcollection.com\/images\/hero\/rug-4.webp\" alt=\"Bordbar Collection carpet, piece 4\" data-ratio=\"0.6828897338403042\" decoding=\"async\" width=\"898\" height=\"1315\"><\/figure><figure class=\"bc-end\"><img loading=\"lazy\" src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/10\/header-logo-transparent-480x180-1.webp\" alt=\"Bordbar logo\" width=\"480\" height=\"180\" decoding=\"async\" onerror=\"this.hidden=true;this.nextElementSibling.hidden=false\"><span class=\"bc-wordmark\" hidden>BORDBAR<\/span><figcaption>Bordbar Carpet Collection<\/figcaption><\/figure><\/div><\/div><div class=\"bc-copy-scene\"><article class=\"bc-copy\"><h1>Beyond a Carpet<\/h1><p>Every knot is a moment in time: a weaving that passes through human hands, travels through the memory of a generation and becomes part of life today.<\/p><\/article><article class=\"bc-copy\"><h2>A Culture Woven<\/h2><p>These motifs come from the land, migration, architecture and life of Iran: stories shaped in color, warp and weft, returning to life in the quiet of the gallery.<\/p><\/article><article class=\"bc-copy\"><h2>Art in the Details<\/h2><p>Every weave, color and line is the result of years of skill, patience and precision: a quality shaped not by repetition, but by human hands and experience.<\/p><\/article><article class=\"bc-copy\"><h2>Tomorrow\u2019s Legacy<\/h2><p>Bordbar carpets are chosen for life today, yet their roots reach into a deeper history: a heritage that is still being carried forward.<\/p><\/article><\/div><div class=\"bc-intro\"><span>BORDBAR COLLECTION<\/span><p>Step into the world of weaving<\/p><div class=\"bc-scroll-line\"><\/div><\/div><\/div><\/section><script>\n(()=>{'use strict';const root=document.getElementById('bordbar-cinema');if(!root)return;if(root.bcDestroy)root.bcDestroy();\nconst world=root.querySelector('.bc-world'),scene=root.querySelector('.bc-copy-scene'),rugs=[...root.querySelectorAll('.bc-rug')],texts=[...root.querySelectorAll('.bc-copy')],intro=root.querySelector('.bc-intro'),end=root.querySelector('.bc-end');\nconst motion=matchMedia('(prefers-reduced-motion: reduce)'),abort=new AbortController(),opts={passive:true,signal:abort.signal};\nconst clamp=(v,a=0,b=1)=>Math.min(b,Math.max(a,v)),smooth=(a,b,v)=>{const t=clamp((v-a)\/(b-a));return t*t*(3-2*t)};\n\/\/ The logo is reached at 95% of the scroll, so it only holds for a short moment before the page continues.\nconst D=900,base=.1,spacing=.2125,last4=base+4*spacing;\nlet height=innerHeight,width=0,start=0,range=1,target=0,current=0,raf=0,last=0,active=true,dead=false,isMobile=false;\nfunction draw(p){\n const camera=(Math.min(p,last4)-base)\/spacing*D,bob=Math.sin(camera\/D*Math.PI*2)*(isMobile?2:3.5),blurMax=isMobile?0:6;\n world.style.transform=`translate3d(0,${bob.toFixed(2)}px,${camera.toFixed(2)}px)`;\n rugs.forEach((rug,i)=>{const t=(p-(base+i*spacing))\/spacing,focus=smooth(-.7,-.15,t)*(1-smooth(.15,.6,t)),z=camera-i*D,\n  \/\/ Upcoming rugs stay visible but softened while the text beside them is read; passed rugs leave before the next text arrives.\n  haze=1-.6*clamp(-z\/(3.2*D)),ahead=i===0?1:.55+.45*smooth(-.7*D,-.25*D,z),opacity=haze*ahead*(1-smooth(.25*D,.55*D,z)),blur=Math.round(blurMax*(1-focus)*2)\/2;\n  rug.style.visibility=opacity<.01?'hidden':'visible';rug.style.opacity=opacity.toFixed(3);rug.style.filter=blur>0?`blur(${blur}px)`:'';});\n texts.forEach((el,i)=>{const t=(p-(base+i*spacing))\/spacing,f=smooth(-.45,-.15,t)*(1-smooth(.15,.4,t));el.style.opacity=f.toFixed(3);el.style.visibility=f<.002?'hidden':'visible';el.style.transform=`translate3d(0,${(-clamp(t,-1,1)*20).toFixed(1)}px,0)`;});\n intro.style.opacity=(1-smooth(.01,.07,p)).toFixed(3);\n const e=smooth(last4-.7*spacing,last4-.01,p);end.style.opacity=e.toFixed(3);end.style.visibility=e<.002?'hidden':'visible';\n}\nfunction tick(now){raf=0;if(dead||!active||motion.matches)return;const dt=last?Math.min(now-last,64):16;last=now;current+=(target-current)*(1-Math.exp(-dt\/80));if(Math.abs(current-target)<.000025)current=target;draw(current);if(current!==target)raf=requestAnimationFrame(tick);else last=0;}\nfunction schedule(){if(!raf&&active&&!motion.matches)raf=requestAnimationFrame(tick);}\nfunction scroll(){target=clamp((scrollY-start)\/range);schedule();}\nfunction measure(){if(motion.matches)return;width=root.clientWidth;height=innerHeight;isMobile=width<768;\n root.style.setProperty('--bc-p',Math.max(700,Math.min(1100,width*.68))+'px');root.style.setProperty('--bc-h',height+'px');\n start=root.getBoundingClientRect().top+scrollY;range=Math.max(1,root.offsetHeight-height);\n const boxW=width*(isMobile?.78:.36),boxH=height*(isMobile?.46:.74),floor=height*(isMobile?.08:.4);\n rugs.forEach((el,i)=>{const ratio=Number(el.querySelector('img').dataset.ratio),w=Math.min(boxW,boxH*ratio),h=w\/ratio,sign=i%2?1:-1,x=isMobile?sign*width*.04:sign*width*.25;el.style.setProperty('--bc-art-w',w+'px');el.style.setProperty('--bc-art-h',h+'px');el.style.transform=`translate(-50%,-50%) translate3d(${x.toFixed(1)}px,${(floor-h\/2).toFixed(1)}px,${-i*D}px) rotateY(${isMobile?sign*4:-sign*12}deg)`;});\n end.style.transform=`translate(-50%,-50%) translate3d(0,${(-height*.03).toFixed(1)}px,${-4*D}px)`;\n texts.forEach(el=>{const title=el.querySelector('h1,h2');title.style.fontSize='';if(title.scrollWidth>title.clientWidth&&title.clientWidth>0){const size=parseFloat(getComputedStyle(title).fontSize);title.style.fontSize=(size*title.clientWidth\/title.scrollWidth*.99)+'px';}});\n scroll();current=target;draw(current);}\nfunction mode(){root.classList.toggle('bc-static',motion.matches);if(motion.matches){cancelAnimationFrame(raf);raf=0;texts.forEach((text,i)=>rugs[i].after(text));}else{texts.forEach(text=>scene.append(text));measure();}}\naddEventListener('scroll',scroll,opts);addEventListener('resize',measure,opts);addEventListener('pageshow',measure,opts);motion.addEventListener('change',mode,{signal:abort.signal});\nconst observer=new IntersectionObserver(e=>{active=e[0].isIntersecting;if(active){last=0;scroll();}else{cancelAnimationFrame(raf);raf=0;}},{rootMargin:'100px'});observer.observe(root);\nconst resize=new ResizeObserver(()=>{if(root.clientWidth!==width)measure();});resize.observe(root);\nroot.bcDestroy=()=>{dead=true;abort.abort();observer.disconnect();resize.disconnect();cancelAnimationFrame(raf);delete root.bcDestroy;};\nmode();if(document.fonts)document.fonts.ready.then(()=>{if(!dead)measure();});\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2c2339 e-flex e-con-boxed e-con e-parent\" data-id=\"a2c2339\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca78190 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"ca78190\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bee2b04 elementor-widget elementor-widget-html\" data-id=\"bee2b04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bs-story\" id=\"bordbar-story\" lang=\"en\" dir=\"ltr\" aria-labelledby=\"bordbar-story-title\">\n  <div class=\"bs-story__body\">\n    <header class=\"bs-head\">\n      <p class=\"bs-head__kicker\">Told in Motif, Spoken in Weave<\/p>\n      <h2 class=\"bs-head__title\" id=\"bordbar-story-title\">Bordbar Collection: Seeing the Art of Iran in the Warp and Weft of Time<\/h2>\n    <\/header>\n    <p class=\"bs-story__text\">Some works can be seen again and again, and each time they reveal something new: the delicacy of a motif, the glow of a thread, or the hand that wove it with patience.<\/p>\n    <p class=\"bs-story__text\">At Bordbar Collection, discover Iran\u2019s handwoven carpets, textiles and works of art through their details and stories, from pieces gathered over time to weavings brought to life alongside artists.<\/p>\n    <a class=\"bs-story__btn\" href=\"https:\/\/bordbarcollection.com\/en\/product-category\/carpets\/\">Explore the Collection<\/a>\n  <\/div>\n  <div class=\"bs-story__gallery\" aria-hidden=\"true\">\n    <div class=\"bs-story__col\">\n      <figure class=\"bs-story__rug bs-story__rug--parinaz\"><span class=\"bs-story__crop\"><img loading=\"lazy\" src=\"https:\/\/assets.bordbarcollection.com\/images\/Products\/Carpets\/Superfine\/parinaz\/1.webp\" alt=\"\" width=\"1600\" height=\"2000\" loading=\"lazy\" decoding=\"async\"><\/span><\/figure>\n      <figure class=\"bs-story__rug bs-story__rug--alma\"><span class=\"bs-story__crop\"><img loading=\"lazy\" src=\"https:\/\/assets.bordbarcollection.com\/images\/Products\/Carpets\/Sumak\/alma\/1.webp\" alt=\"\" width=\"1600\" height=\"2000\" loading=\"lazy\" decoding=\"async\"><\/span><\/figure>\n    <\/div>\n    <div class=\"bs-story__col\">\n      <figure class=\"bs-story__rug bs-story__rug--sahand\"><span class=\"bs-story__crop\"><img loading=\"lazy\" src=\"https:\/\/assets.bordbarcollection.com\/images\/Products\/Carpets\/Carpet\/sahand\/1.webp\" alt=\"\" width=\"1600\" height=\"2000\" loading=\"lazy\" decoding=\"async\"><\/span><\/figure>\n      <figure class=\"bs-story__rug bs-story__rug--sainaz\"><span class=\"bs-story__crop\"><img loading=\"lazy\" src=\"https:\/\/assets.bordbarcollection.com\/images\/Products\/Carpets\/Sumak\/sainaz\/1.webp\" alt=\"\" width=\"1600\" height=\"2000\" loading=\"lazy\" decoding=\"async\"><\/span><\/figure>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .bs-story,\n  .bs-story * {\n    box-sizing: border-box;\n  }\n\n  .bs-story {\n    --bs-ink: #222323;\n    --bs-muted: rgba(0, 0, 0, .6);\n    --bs-pad: clamp(20px, 3.2vw, 56px);\n    --bs-arrow: url(\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/173423_arrow_down_left_vc2cf17acdd-1.svg\");\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: clamp(24px, 4vh, 40px) clamp(28px, 5vw, 88px);\n    align-items: center;\n    width: 100%;\n    max-width: calc(1280px + 2 * var(--bs-pad));\n    margin-inline: auto;\n    padding: clamp(32px, 8vh, 96px) var(--bs-pad);\n    overflow: hidden;\n    overflow: clip;\n    background: #fff;\n    color: var(--bs-ink);\n    direction: ltr;\n    text-align: left;\n    font-family: inherit;\n  }\n\n  .bs-head {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    margin-bottom: clamp(18px, 3vh, 28px);\n  }\n\n  .bs-head__kicker {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0;\n    color: var(--bs-muted);\n    font-size: 13px;\n  }\n\n  .bs-head__kicker::before {\n    content: \"\";\n    width: 18px;\n    height: 1px;\n    background: currentColor;\n    opacity: .55;\n  }\n\n  .bs-head__title {\n    margin: 12px 0 0;\n    font-size: 30px;\n    font-weight: 500;\n    line-height: 1.3;\n  }\n\n  .bs-story__text {\n    max-width: 520px;\n    margin: 0 0 14px;\n    color: var(--bs-muted);\n    font-size: 16px;\n    line-height: 1.7;\n  }\n\n  .bs-story__btn {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    min-height: 46px;\n    margin-top: clamp(10px, 2vh, 18px);\n    padding: 0 32px;\n    border: 1px solid var(--bs-ink);\n    color: var(--bs-ink);\n    font-size: 15px;\n    font-weight: 500;\n    text-decoration: none;\n  }\n\n  .bs-story__btn::before {\n    content: \"\";\n    position: absolute;\n    inset: 3px;\n    border: 1px solid currentColor;\n    opacity: 0;\n  }\n\n  \/* The arrow file points left for the Persian site, so it is mirrored here. *\/\n  .bs-story__btn::after {\n    content: \"\";\n    width: 12px;\n    height: 12px;\n    background: currentColor;\n    -webkit-mask: var(--bs-arrow) center \/ contain no-repeat;\n    mask: var(--bs-arrow) center \/ contain no-repeat;\n    transform: scaleX(-1);\n  }\n\n  .bs-story__btn:hover,\n  .bs-story__btn:focus-visible {\n    background: var(--bs-ink);\n    color: #fff;\n  }\n\n  .bs-story__btn:hover::before,\n  .bs-story__btn:focus-visible::before {\n    opacity: .35;\n  }\n\n  .bs-story__gallery {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: clamp(14px, 2vw, 32px);\n    \/* Tied to the width so the two-rug columns always stay taller than the window they move in. *\/\n    aspect-ratio: 1;\n    max-height: min(86vh, 780px);\n    max-height: min(86svh, 780px);\n    overflow: hidden;\n  }\n\n  \/* Soft white edges so the moving rugs fade in and out instead of being cut. *\/\n  .bs-story__gallery::before,\n  .bs-story__gallery::after {\n    content: \"\";\n    position: absolute;\n    inset-inline: 0;\n    z-index: 1;\n    height: 14%;\n    pointer-events: none;\n  }\n\n  .bs-story__gallery::before {\n    top: 0;\n    background: linear-gradient(#fff, rgba(255, 255, 255, 0));\n  }\n\n  .bs-story__gallery::after {\n    bottom: 0;\n    background: linear-gradient(rgba(255, 255, 255, 0), #fff);\n  }\n\n  .bs-story__col {\n    display: flex;\n    flex: 1 1 0;\n    flex-direction: column;\n    gap: clamp(28px, 4vh, 48px);\n    min-width: 0;\n    will-change: transform;\n  }\n\n  .bs-story__rug {\n    position: relative;\n    width: 100%;\n    margin: 0;\n  }\n\n  \/* Large and small rugs side by side, the small ones pushed to the outer edges, so the\n     two columns interlock like a puzzle instead of lining up in rows. *\/\n  .bs-story__rug--alma {\n    width: 66%;\n    align-self: flex-start;\n  }\n\n  .bs-story__rug--sahand {\n    width: 72%;\n    align-self: flex-end;\n  }\n\n  \/* Soft floor shadow under each rug. *\/\n  .bs-story__rug::after {\n    content: \"\";\n    position: absolute;\n    left: -10%;\n    right: -10%;\n    bottom: -5%;\n    height: 7%;\n    background: radial-gradient(closest-side, rgba(30, 30, 30, .18), rgba(30, 30, 30, 0));\n    pointer-events: none;\n  }\n\n  \/* The product photos (1600\u00d72000) have transparent space around each rug.\n     The frame takes the rug's own proportions and the photo is shifted so only the rug shows,\n     edge to edge: --w\/--h are the rug's size and --x\/--y its top-left corner, in photo pixels. *\/\n  .bs-story__crop {\n    position: relative;\n    display: block;\n    overflow: hidden;\n    aspect-ratio: var(--w) \/ var(--h);\n  }\n\n  .bs-story__crop img {\n    position: absolute;\n    top: calc(var(--y) \/ var(--h) * -100%);\n    left: calc(var(--x) \/ var(--w) * -100%);\n    display: block;\n    width: calc(1600 \/ var(--w) * 100%);\n    height: auto;\n    max-width: none;\n  }\n\n  .bs-story__rug--parinaz { --x: 240; --y: 0;   --w: 1120; --h: 2000; }\n  .bs-story__rug--sainaz  { --x: 168; --y: 0;   --w: 1264; --h: 2000; }\n  .bs-story__rug--sahand  { --x: 336; --y: 332; --w: 928;  --h: 1336; }\n  .bs-story__rug--alma    { --x: 360; --y: 382; --w: 884;  --h: 1236; }\n\n  @media (max-width: 899px) {\n    .bs-story {\n      grid-template-columns: 1fr;\n    }\n\n    .bs-story__gallery {\n      width: 100%;\n      max-width: 560px;\n      margin-inline: auto;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .bs-story__gallery {\n      gap: 14px;\n    }\n\n    .bs-story__col {\n      gap: 22px;\n    }\n\n    .bs-head__title {\n      font-size: 26px;\n    }\n\n    .bs-story__btn {\n      width: 100%;\n      justify-content: center;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .bs-story__btn,\n    .bs-story__btn::before {\n      transition: opacity .25s ease, color .25s ease, background-color .3s ease;\n    }\n  }\n<\/style>\n\n<script>\n  (() => {\n    const root = document.getElementById('bordbar-story');\n    if (!root || root.bsDestroy) return;\n\n    const gallery = root.querySelector('.bs-story__gallery');\n    const cols = [...root.querySelectorAll('.bs-story__col')];\n    const motion = matchMedia('(prefers-reduced-motion: reduce)');\n    const abort = new AbortController();\n    const opts = { passive: true, signal: abort.signal };\n    let raf = 0;\n    let active = false;\n    let shift = 0;\n\n    \/\/ Columns drift in opposite directions while the gallery crosses the screen: p runs from 1 (below) to -1 (above).\n    const draw = () => {\n      raf = 0;\n      const rect = gallery.getBoundingClientRect();\n      const p = Math.max(-1, Math.min(1, (rect.top + rect.height \/ 2 - innerHeight \/ 2) \/ ((innerHeight + rect.height) \/ 2)));\n      cols.forEach((col, i) => {\n        col.style.transform = `translate3d(0, ${(p * shift * (i % 2 ? -1 : 1)).toFixed(1)}px, 0)`;\n      });\n    };\n\n    const schedule = () => {\n      if (!raf && active && !motion.matches) raf = requestAnimationFrame(draw);\n    };\n\n    \/\/ Each column may travel only until its end reaches the faded edge, so no empty gap ever shows.\n    const measure = () => {\n      cancelAnimationFrame(raf);\n      raf = 0;\n      cols.forEach((col) => { col.style.transform = ''; });\n      if (motion.matches) return;\n      const box = gallery.getBoundingClientRect();\n      const room = Math.min(...cols.map((col) => {\n        const rect = col.getBoundingClientRect();\n        return Math.min(box.top - rect.top, rect.bottom - box.bottom);\n      }));\n      shift = Math.max(0, Math.min(box.height * .24, room + box.height * .1));\n      draw();\n    };\n\n    addEventListener('scroll', schedule, opts);\n    addEventListener('resize', measure, opts);\n    motion.addEventListener('change', measure, { signal: abort.signal });\n\n    const observer = new IntersectionObserver(([entry]) => {\n      active = entry.isIntersecting;\n      if (active) schedule();\n      else {\n        cancelAnimationFrame(raf);\n        raf = 0;\n      }\n    }, { rootMargin: '200px 0px' });\n    observer.observe(gallery);\n\n    root.bsDestroy = () => {\n      abort.abort();\n      observer.disconnect();\n      cancelAnimationFrame(raf);\n      delete root.bsDestroy;\n    };\n\n    measure();\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-852f92a e-flex e-con-boxed e-con e-parent\" data-id=\"852f92a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9a38e2 elementor-widget elementor-widget-html\" data-id=\"a9a38e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bt-story\" id=\"bordbar-our-story\" lang=\"en\" dir=\"ltr\" aria-labelledby=\"bordbar-our-story-title\">\n  <div class=\"bt-story__frame\">\n    <img loading=\"lazy\" class=\"bt-story__rider\" src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/image_under_200kb.webp\" alt=\"\" width=\"1150\" height=\"1150\" loading=\"lazy\" decoding=\"async\" aria-hidden=\"true\">\n    <img loading=\"lazy\" class=\"bt-story__floral\" src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/floral_pattern_under_200kb.webp\" alt=\"\" width=\"1254\" height=\"1254\" loading=\"lazy\" decoding=\"async\" aria-hidden=\"true\">\n    <p class=\"bt-story__kicker\">Our Story<\/p>\n    <h2 class=\"bt-story__title\" id=\"bordbar-our-story-title\">Carpet, Art, Narrative<\/h2>\n    <div class=\"bt-story__text\">\n      <p>In the heart of Isfahan, among pattern, color and memory, Bordbar has gathered and created a collection of Iranian carpets and works of art, each one part of a greater narrative: a narrative of skill, culture and geography, and of a way of seeing that connects the art of Iran from the past to the present.<\/p>\n      <p>Here, a work is not made only to be seen.<\/p>\n    <\/div>\n    <p class=\"bt-story__quote\">Every work must have a story to tell.<\/p>\n    <a class=\"bt-story__link\" href=\"https:\/\/bordbarcollection.com\/en\/about\/our-story\/\">Discover the Bordbar Story<\/a>\n  <\/div>\n<\/section>\n\n<style>\n  .bt-story,\n  .bt-story * {\n    box-sizing: border-box;\n  }\n\n  .bt-story {\n    --bt-ink: #222323;\n    --bt-text: rgba(0, 0, 0, .78);\n    --bt-hair: #e8e8e8;\n    --bt-pad: clamp(20px, 3.2vw, 56px);\n    --bt-arrow: url(\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/173423_arrow_down_left_vc2cf17acdd-1.svg\");\n    \/* Sizes of the two line drawings; their positions are worked out from these. *\/\n    --bt-rider: clamp(104px, 12vw, 210px);\n    --bt-floral: clamp(96px, 11vw, 200px);\n    width: 100%;\n    max-width: calc(1280px + 2 * var(--bt-pad));\n    margin-inline: auto;\n    padding: calc(var(--bt-rider) * .45) var(--bt-pad) calc(var(--bt-floral) * .6);\n    overflow: hidden;\n    overflow: clip;\n    background: #fff;\n    color: var(--bt-ink);\n    direction: ltr;\n    font-family: inherit;\n  }\n\n  .bt-story__frame {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: clamp(64px, 8vw, 84px) clamp(16px, 9vw, 160px) clamp(56px, 7vw, 72px);\n    border: 1px solid var(--bt-hair);\n    text-align: center;\n  }\n\n  \/* Mirror of the Persian layout: rider on the top-left corner, floral branch on the bottom-right\n     corner, both flipped to face the text and half over the border. *\/\n  .bt-story__rider,\n  .bt-story__floral {\n    position: absolute;\n    display: block;\n    height: auto;\n    max-width: none;\n    opacity: .4;\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .bt-story__rider {\n    top: calc(var(--bt-rider) * -.42);\n    left: calc(var(--bt-rider) * -.14);\n    width: var(--bt-rider);\n    transform: scaleX(-1);\n  }\n\n  .bt-story__floral {\n    bottom: calc(var(--bt-floral) * -.55);\n    right: calc(var(--bt-floral) * .1);\n    width: var(--bt-floral);\n    transform: scaleX(-1) rotate(-58deg);\n  }\n\n  .bt-story__kicker {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin: 0;\n    color: rgba(0, 0, 0, .6);\n    font-size: 14px;\n  }\n\n  .bt-story__kicker::before,\n  .bt-story__kicker::after {\n    content: \"\";\n    width: clamp(28px, 4vw, 48px);\n    height: 1px;\n    background: currentColor;\n    opacity: .55;\n  }\n\n  .bt-story__title {\n    margin: 14px 0 0;\n    font-size: clamp(26px, 2.4vw, 32px);\n    font-weight: 700;\n    line-height: 1.3;\n  }\n\n  .bt-story__text {\n    max-width: 860px;\n    margin-top: clamp(24px, 4vh, 36px);\n    color: var(--bt-text);\n    font-size: 16px;\n    line-height: 1.85;\n  }\n\n  .bt-story__text p {\n    margin: 0;\n  }\n\n  .bt-story__quote {\n    margin: clamp(16px, 3vh, 24px) 0 0;\n    font-size: clamp(17px, 1.4vw, 19px);\n    font-weight: 700;\n    line-height: 1.6;\n  }\n\n  .bt-story__link {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-top: clamp(24px, 4vh, 36px);\n    padding-block: 6px;\n    color: var(--bt-ink);\n    font-size: 16px;\n    font-weight: 500;\n    text-decoration: none;\n  }\n\n  \/* The arrow file points left for the Persian site, so it is mirrored here. *\/\n  .bt-story__link::after {\n    content: \"\";\n    width: 12px;\n    height: 12px;\n    background: currentColor;\n    -webkit-mask: var(--bt-arrow) center \/ contain no-repeat;\n    mask: var(--bt-arrow) center \/ contain no-repeat;\n    transform: scaleX(-1);\n  }\n\n  \/* Hairline that draws in from the left on hover, like the branch rows. *\/\n  .bt-story__link::before {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    height: 1px;\n    background: currentColor;\n    transform: scaleX(0);\n    transform-origin: left;\n  }\n\n  .bt-story__link:hover::before,\n  .bt-story__link:focus-visible::before {\n    transform: scaleX(1);\n  }\n\n  .bt-story__link:focus-visible {\n    outline: 2px solid #777;\n    outline-offset: 4px;\n  }\n\n  @media (max-width: 600px) {\n    .bt-story {\n      padding-bottom: calc(var(--bt-floral) * .8);\n    }\n\n    .bt-story__frame {\n      padding-top: calc(var(--bt-rider) * .7);\n      padding-bottom: calc(var(--bt-floral) * .75);\n    }\n\n    .bt-story__text {\n      font-size: 15px;\n      line-height: 1.8;\n    }\n\n    .bt-story__floral {\n      right: 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .bt-story__link::before {\n      transition: transform .4s cubic-bezier(.2, .7, .2, 1);\n    }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2850f7b e-con-full e-flex e-con e-parent\" data-id=\"2850f7b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8ff52e elementor-widget elementor-widget-html\" data-id=\"f8ff52e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.rw-scroll{--rw-white:#fff;--rw-ink:#242424;--rw-step:140px;position:relative;width:100%;font:inherit;color:var(--rw-ink);isolation:isolate}\n.rw-scroll *{box-sizing:border-box}.rw-scroll h2,.rw-scroll p{margin:0;font-family:inherit}.rw-scroll a,.rw-scroll button{font:inherit;-webkit-tap-highlight-color:transparent}\n.rw-scene,.rw-card{position:relative}.rw-images{display:none}.rw-item{padding:24px;background:var(--rw-white);border-bottom:1px solid #ddd;text-align:left}.rw-item h2{font-size:clamp(24px,2.6vw,36px);font-weight:500;line-height:1.25;margin:0 0 10px}.rw-item p{font-size:clamp(14px,1.2vw,16px);font-weight:400;line-height:1.55;width:100%;max-width:none;overflow-wrap:anywhere}.rw-tag{display:block;font-size:12px;line-height:1.4;margin-bottom:8px;color:#666}.rw-link{display:inline-flex;align-items:center;justify-content:center;align-self:start;width:44px;height:44px;min-width:44px;margin-top:20px;border:1px solid #ddd;border-radius:50%;color:inherit;text-decoration:none!important;background:#fff}.rw-link:hover{background:#f2f2f2}.rw-link svg{display:block;width:22px;height:22px}.rw-scroll[dir=rtl] .rw-link svg{transform:scaleX(-1)}.rw-scroll :focus-visible{outline:2px solid #777;outline-offset:3px}.rw-window,.rw-nav{display:none}\n.rw-scroll.rw-ready{height:calc(100vh + 5 * var(--rw-step));height:calc(100svh + 5 * var(--rw-step))}.rw-ready .rw-scene{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center;padding:20px 16px 60px;overflow:hidden;isolation:isolate}.rw-ready .rw-images{display:block;position:absolute;inset:0;z-index:-1;background:#56504a}.rw-images img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transition:opacity .42s ease}.rw-images img.rw-active{opacity:1}.rw-ready .rw-card{display:flex;flex-direction:column;width:min(820px,100%);max-height:100%;border:8px solid var(--rw-white);border-radius:2px;background:transparent;box-shadow:0 12px 48px #0002}.rw-ready .rw-info{display:grid;flex:0 0 auto;background:#fff;border-radius:2px 2px 0 0;padding-bottom:6px}.rw-ready .rw-item{grid-area:1\/1;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:18px;padding:20px 22px 24px;border:0;visibility:hidden;opacity:0;transition:opacity .25s ease;pointer-events:none}.rw-ready .rw-item.rw-active{visibility:visible;opacity:1;pointer-events:auto}.rw-ready .rw-link{margin-top:24px}.rw-ready .rw-window{display:block;flex:0 1 30svh;height:30svh;min-height:64px;max-height:320px;border-radius:2px;background:transparent}.rw-ready .rw-nav{display:flex;position:absolute;bottom:max(6px,env(safe-area-inset-bottom));inset-inline:0;justify-content:center;gap:0}.rw-nav button{display:grid;place-items:center;appearance:none;border:0;width:44px;height:44px;margin:0;padding:0;background:transparent!important;cursor:pointer;border-radius:2px;box-shadow:none}.rw-nav button::after{content:'';display:block;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 2px #0007;transition:transform .2s ease}.rw-nav button[aria-current=true]::after{transform:scale(1.5);box-shadow:0 0 0 1px #fff,0 0 4px #0005}.rw-nav button:focus-visible{outline-color:#fff}\n@media(max-width:600px){.rw-ready .rw-scene{padding:14px 12px 54px}.rw-ready .rw-card{border-width:6px;border-radius:2px}.rw-ready .rw-item{grid-template-columns:minmax(0,1fr) 44px;padding:12px 10px 16px;gap:8px}.rw-item h2{font-size:25px;margin-bottom:8px}.rw-item p{font-size:14px;line-height:1.5}.rw-tag{font-size:11px;margin-bottom:6px}.rw-ready .rw-window{flex-basis:26svh;height:26svh;min-height:60px}.rw-ready .rw-info{padding-bottom:4px}.rw-ready .rw-link{margin-top:17px}}\n@media(max-width:380px){.rw-ready .rw-item{grid-template-columns:minmax(0,1fr);position:relative;padding:10px 10px 14px}.rw-ready .rw-item h2,.rw-ready .rw-tag{padding-inline-end:50px}.rw-ready .rw-link{position:absolute;inset-inline-end:8px;top:12px;margin:0}.rw-item p{font-size:13px;line-height:1.5}}\n@media(max-height:500px) and (min-width:601px){.rw-ready .rw-scene{padding:10px 14px 48px}.rw-ready .rw-item{padding:10px 14px 12px}.rw-item h2{font-size:23px;margin-bottom:6px}.rw-item p{font-size:13px;line-height:1.45;max-width:none}.rw-tag{font-size:10px;margin-bottom:4px}.rw-ready .rw-window{flex-basis:20svh;min-height:40px}.rw-ready .rw-info{padding-bottom:0}}\n\/* Short viewports \/ large text: keep all content readable in normal document flow. *\/\n.rw-scroll.rw-flow{height:auto}.rw-flow .rw-scene{position:relative;height:auto;display:block;padding:0;overflow:visible}.rw-flow .rw-images,.rw-flow .rw-window,.rw-flow .rw-nav{display:none}.rw-flow .rw-card{display:block;max-height:none;width:100%;box-shadow:none}.rw-flow .rw-info{display:block}.rw-flow .rw-item{display:grid;visibility:visible;opacity:1;pointer-events:auto;border-bottom:1px solid #ddd}\n@media(prefers-reduced-motion:reduce){.rw-scroll *{transition:none!important;scroll-behavior:auto!important}}\n@media print{.rw-scroll.rw-ready{height:auto}.rw-ready .rw-scene{position:static;height:auto;display:block;padding:0;overflow:visible}.rw-ready .rw-images,.rw-ready .rw-window,.rw-ready .rw-nav{display:none}.rw-ready .rw-info{display:block}.rw-ready .rw-item{visibility:visible;opacity:1;break-inside:avoid}.rw-ready .rw-card{width:100%;max-height:none;box-shadow:none}}\n\/* Use the card midpoint rather than font-dependent ch units. *\/\n@media(min-width:601px) and (min-height:501px){.rw-ready:not(.rw-flow) .rw-item p{width:calc(50% + 31px);max-width:none}}\n<\/style>\n<section class=\"rw-scroll\" lang=\"en\" dir=\"ltr\" aria-label=\"Bordbar Collection\"><div class=\"rw-scene\">\n<div class=\"rw-images\" aria-hidden=\"true\">\n<!-- IMAGE 1: Carpet -->\n<img src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/%D9%82%D8%A7%D9%84%DB%8C.webp\" alt=\"\" decoding=\"async\" fetchpriority=\"high\">\n<!-- IMAGE 2: Kilim -->\n<img src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/11\/carpet-pattern-high-quality-under-200kb-1.webp\" alt=\"\" decoding=\"async\" >\n<!-- IMAGE 3: Superfine -->\n<img src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/%D8%B1%D9%88%D9%86%D8%A7%DA%A9-%D8%B3%D9%88%D9%BE%D8%B1%D9%81%D8%A7%DB%8C%D9%86.webp\" alt=\"\" decoding=\"async\" >\n<!-- IMAGE 4: Polonaise -->\n<img src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/%D9%BE%D9%84%D9%88%D9%86%D8%A7%DB%8C%D8%B2.webp\" alt=\"\" decoding=\"async\" >\n<!-- IMAGE 5: Soumak -->\n<img src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/%D8%B3%D9%88%D9%85%D8%A7%DA%A9.webp\" alt=\"\" decoding=\"async\" >\n<!-- IMAGE 6: Morvaridbaf -->\n<img src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/%D9%85%D8%B1%D9%88%D8%A7%D8%B1%DB%8C%D8%AF%D8%A8%D8%A7%D9%81.webp\" alt=\"\" decoding=\"async\" >\n<\/div><div class=\"rw-card\"><div class=\"rw-info\">\n<!-- SLIDE 1 -->\n<article class=\"rw-item\"><div><span class=\"rw-tag\">Knot and Motif<\/span><h2>Carpet<\/h2><p>The beauty of a handwoven carpet reveals itself at two distances: from afar, in the harmony of motifs and colors; up close, in the knots and the finesse of their execution. Follow both experiences among the collection\u2019s carpets and see how small details give a work its character.<\/p><\/div><a class=\"rw-link\" href=\"https:\/\/bordbarcollection.com\/en\/product-category\/carpet\/\" aria-label=\"View the Carpet category\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14m-6-6 6 6-6 6\"\/><\/svg><\/a><\/article>\n<!-- SLIDE 2 -->\n<article class=\"rw-item\"><div><span class=\"rw-tag\">Color and Life<\/span><h2>Kilim<\/h2><p>In a kilim, line and color have a clear, immediate presence. The eye moves across fields of color, follows the rhythm of the motifs and arrives at details that carry the traces of the weaver\u2019s taste and experience. See Bordbar\u2019s kilims for this close bond between pattern, weave and life.<\/p><\/div><a class=\"rw-link\" href=\"https:\/\/bordbarcollection.com\/en\/product-category\/kilim\/\" aria-label=\"View the Kilim category\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14m-6-6 6 6-6 6\"\/><\/svg><\/a><\/article>\n<!-- SLIDE 3 -->\n<article class=\"rw-item\"><div><span class=\"rw-tag\">Refinement Up Close<\/span><h2>Superfine<\/h2><p>With Superfine, looking closer is part of the pleasure. The continuity of the lines, the finish of the motifs and the precision of the weave reveal details that escape the first glance. These are works for tracing the relationship between patience, skill and finesse.<\/p><\/div><a class=\"rw-link\" href=\"https:\/\/bordbarcollection.com\/en\/product-category\/super-fine\/\" aria-label=\"View the Superfine category\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14m-6-6 6 6-6 6\"\/><\/svg><\/a><\/article>\n<!-- SLIDE 4 -->\n<article class=\"rw-item\"><div><span class=\"rw-tag\">The Splendor of Detail<\/span><h2>Polonaise<\/h2><p>Take your time with the Polonaise pieces. Let your gaze travel from the overall composition to the flow of the motifs and the fine points of the weave, where refined execution and harmony create the work\u2019s noble presence. This part of the collection is an invitation to see beauty at the scale of detail.<\/p><\/div><a class=\"rw-link\" href=\"https:\/\/bordbarcollection.com\/en\/product-category\/%d9%be%d9%88%d9%84%d9%88%d9%86%d8%a7%db%8c%d8%b2\/\" aria-label=\"View the Polonaise category\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14m-6-6 6 6-6 6\"\/><\/svg><\/a><\/article>\n<!-- SLIDE 5 -->\n<article class=\"rw-item\"><div><span class=\"rw-tag\">Motif Within the Weave<\/span><h2>Soumak<\/h2><p>In Soumak, the surface of a work is as striking as its design. The movement of the threads and the meeting of colors give the weave a living quality, drawing the eye between motif and structure. See the collection\u2019s Soumak pieces from both perspectives: what is depicted and how it is woven.<\/p><\/div><a class=\"rw-link\" href=\"https:\/\/bordbarcollection.com\/en\/product-category\/soumak\/\" aria-label=\"View the Soumak category\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14m-6-6 6 6-6 6\"\/><\/svg><\/a><\/article>\n<!-- SLIDE 6 -->\n<article class=\"rw-item\"><div><span class=\"rw-tag\">Rhythm and Fine Detail<\/span><h2>Morvaridbaf<\/h2><p>The beauty of Morvaridbaf takes shape in the relationship between details: in repetition, in color and in the order that joins small parts into a captivating whole. As you draw closer to a work, subtleties emerge that invite you to keep looking.<\/p><\/div><a class=\"rw-link\" href=\"https:\/\/bordbarcollection.com\/en\/product-category\/morvaridbaf\/\" aria-label=\"View the Morvaridbaf category\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M5 12h14m-6-6 6 6-6 6\"\/><\/svg><\/a><\/article>\n<\/div><div class=\"rw-window\" aria-hidden=\"true\"><\/div><\/div><nav class=\"rw-nav\" aria-label=\"Choose a category\"><button type=\"button\" aria-label=\"Carpet\"><\/button><button type=\"button\" aria-label=\"Kilim\"><\/button><button type=\"button\" aria-label=\"Superfine\"><\/button><button type=\"button\" aria-label=\"Polonaise\"><\/button><button type=\"button\" aria-label=\"Soumak\"><\/button><button type=\"button\" aria-label=\"Morvaridbaf\"><\/button><\/nav><\/div><\/section>\n<script>\n(()=>{\nfunction init(root){\n if(root.dataset.rwInit)return;\n root.dataset.rwInit='1';\n const items=[...root.querySelectorAll('.rw-item')],images=[...root.querySelectorAll('.rw-images img')],buttons=[...root.querySelectorAll('.rw-nav button')],scene=root.querySelector('.rw-scene'),info=root.querySelector('.rw-info');\n if(items.length<2||!window.ResizeObserver)return;\n let current=-1,queued=false,flow=false,wheelLocked=false,wheelTimer=0,wheelSum=0,touch=null;\n const step=()=>parseFloat(getComputedStyle(root).getPropertyValue('--rw-step'))||140;\n function activate(n){\n  current=n;\n  items.forEach((item,i)=>{const active=i===n;item.classList.toggle('rw-active',active);item.inert=!flow&&!active;item.setAttribute('aria-hidden',String(!flow&&!active));images[i].classList.toggle('rw-active',active);buttons[i].setAttribute('aria-current',String(active));});\n }\n function go(n){\n  const top=root.getBoundingClientRect().top+window.scrollY;\n  window.scrollTo({top:Math.max(0,top+n*step()),behavior:'instant'});\n  activate(n);\n }\n function pinned(){const r=root.getBoundingClientRect();return !flow&&r.top<=1&&r.bottom>=scene.offsetHeight-1;}\n function canMove(dir){return dir>0?current<items.length-1:current>0;}\n function update(){\n  queued=false;\n  if(!root.isConnected){cleanup();return;}\n  if(flow)return;\n  const n=Math.min(items.length-1,Math.max(0,Math.round(-root.getBoundingClientRect().top\/step())));\n  if(n!==current)activate(n);\n }\n function request(){if(!queued){queued=true;requestAnimationFrame(update);}}\n function resize(){\n  \/\/ Measure the stacked header before choosing a safe layout for large fonts \/ tiny screens.\n  root.classList.remove('rw-flow');\n  const styles=getComputedStyle(scene),available=scene.clientHeight-parseFloat(styles.paddingTop)-parseFloat(styles.paddingBottom);\n  flow=info.offsetHeight+80>available;\n  root.classList.toggle('rw-flow',flow);\n  activate(Math.max(0,current));request();\n }\n function onWheel(e){\n  if(e.ctrlKey||Math.abs(e.deltaX)>Math.abs(e.deltaY)||!e.deltaY||!pinned())return;\n  const dir=Math.sign(e.deltaY);\n  \/\/ Keep momentum from the same gesture from skipping additional slides.\n  if(wheelLocked){if(e.cancelable)e.preventDefault();clearTimeout(wheelTimer);wheelTimer=setTimeout(()=>{wheelLocked=false;wheelSum=0},180);return;}\n  if(!canMove(dir))return; \/\/ Natural page scrolling at both ends.\n  if(!e.cancelable)return;\n  e.preventDefault();\n  wheelSum=(Math.sign(wheelSum)&&Math.sign(wheelSum)!==dir)?e.deltaY:wheelSum+e.deltaY;\n  clearTimeout(wheelTimer);\n  if(Math.abs(wheelSum)*(e.deltaMode===1?16:e.deltaMode===2?scene.offsetHeight:1)>=8){wheelLocked=true;wheelSum=0;go(current+dir);}\n  wheelTimer=setTimeout(()=>{wheelLocked=false;wheelSum=0},180);\n }\n function touchStart(e){touch=e.touches.length===1?{x:e.touches[0].clientX,y:e.touches[0].clientY,delta:0,captured:false}:null;}\n function touchMove(e){\n  if(!touch||e.touches.length!==1)return;\n  const dx=touch.x-e.touches[0].clientX,dy=touch.y-e.touches[0].clientY;\n  if(Math.abs(dx)>Math.abs(dy)||Math.abs(dy)<8)return;\n  if(!touch.captured&&(!pinned()||!canMove(Math.sign(dy))))return;\n  if(e.cancelable){e.preventDefault();touch.captured=true;touch.delta=dy;}\n }\n function touchEnd(){if(touch?.captured&&Math.abs(touch.delta)>=28&&canMove(Math.sign(touch.delta)))go(current+Math.sign(touch.delta));touch=null;}\n function touchCancel(){touch=null;}\n function cleanup(){window.removeEventListener('scroll',request);window.removeEventListener('resize',resize);root.removeEventListener('wheel',onWheel);root.removeEventListener('touchstart',touchStart);root.removeEventListener('touchmove',touchMove);root.removeEventListener('touchend',touchEnd);root.removeEventListener('touchcancel',touchCancel);observer.disconnect();clearTimeout(wheelTimer);}\n root.classList.add('rw-ready');\n buttons.forEach((button,i)=>button.addEventListener('click',()=>{if(!flow)go(i)}));\n root.addEventListener('wheel',onWheel,{passive:false});\n root.addEventListener('touchstart',touchStart,{passive:true});root.addEventListener('touchmove',touchMove,{passive:false});root.addEventListener('touchend',touchEnd,{passive:true});root.addEventListener('touchcancel',touchCancel,{passive:true});\n window.addEventListener('scroll',request,{passive:true});window.addEventListener('resize',resize,{passive:true});\n let lastWidth=0,lastHeight=0;\n const observer=new ResizeObserver(()=>{const width=root.clientWidth,height=info.offsetHeight;if(width!==lastWidth||height!==lastHeight){lastWidth=width;lastHeight=height;resize();}});\n observer.observe(root);observer.observe(info);resize();update();\n}\ndocument.querySelectorAll('.rw-scroll').forEach(init);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b7b59e e-flex e-con-boxed e-con e-parent\" data-id=\"8b7b59e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5325788 elementor-widget elementor-widget-html\" data-id=\"5325788\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bp-path\" id=\"bordbar-path\" lang=\"en\" dir=\"ltr\" aria-labelledby=\"bordbar-path-title\">\n  <div class=\"bp-path__intro\">\n    <p class=\"bp-path__kicker\">The Path of a Collection<\/p>\n    <h2 class=\"bp-path__title\" id=\"bordbar-path-title\">Years of Research, Experience and Steady Presence<\/h2>\n    <div class=\"bp-path__text\">\n      <p>Every recognition, collaboration and cultural appearance has been part of a long journey to understand and introduce the art of Iran.<\/p>\n      <p>For us, awards, certificates and international appearances are less a destination than signs of a path that has taken shape over the years.<\/p>\n      <p>Bordbar\u2019s path has continued through study, travel, searching, getting to know each work, and connecting with artists, weavers, researchers and collectors.<\/p>\n      <p>What you see today is the result of years of experience, and it continues still.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"bp-path__items\">\n    <a class=\"bp-path__item\" href=\"https:\/\/bordbarcollection.com\/en\/product-category\/carpet\/\">\n      <span class=\"bp-path__kicker\">Works That Have Reached Us<\/span>\n      <h3 class=\"bp-path__item-title\">Collecting with an Eye to the Past<\/h3>\n      <p class=\"bp-path__item-text\">Every collected work had a history before it entered the collection. Understanding its origin, how it was made and its characteristics helps us grasp its place and, when presenting it, stay attentive to what it carries from the past.<\/p>\n    <\/a>\n    <a class=\"bp-path__item\" href=\"https:\/\/bordbarcollection.com\/en\/product-category\/carpet\/?jsf=epro-loop-builder&tax=pa_provenance:457\">\n      <span class=\"bp-path__kicker\">Works Taking Shape<\/span>\n      <h3 class=\"bp-path__item-title\">Creating Alongside Artists<\/h3>\n      <p class=\"bp-path__item-text\">Every handwoven piece holds knowledge gained through years of seeing, learning and testing. That experience can be felt in every knot and motif, and knowing the stories of artists and carpets reveals further layers of the work.<\/p>\n    <\/a>\n  <\/div>\n<\/section>\n\n<style>\n  .bp-path,\n  .bp-path * {\n    box-sizing: border-box;\n  }\n\n  .bp-path {\n    --bp-ink: #222323;\n    --bp-muted: rgba(0, 0, 0, .6);\n    --bp-hair: #e8e8e8;\n    --bp-pad: clamp(20px, 3.2vw, 56px);\n    --bp-arrow: url(\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/173423_arrow_down_left_vc2cf17acdd-1.svg\");\n    display: grid;\n    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);\n    gap: clamp(32px, 6vw, 120px);\n    align-items: start;\n    width: 100%;\n    max-width: calc(1280px + 2 * var(--bp-pad));\n    margin-inline: auto;\n    padding: clamp(48px, 9vh, 96px) var(--bp-pad);\n    background: #fff;\n    color: var(--bp-ink);\n    direction: ltr;\n    text-align: left;\n    font-family: inherit;\n  }\n\n  .bp-path__kicker {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0;\n    color: var(--bp-muted);\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n  \/* Short rule after the kicker, as in the branch sections. *\/\n  .bp-path__kicker::after {\n    content: \"\";\n    width: 18px;\n    height: 1px;\n    background: currentColor;\n    opacity: .55;\n  }\n\n  .bp-path__title {\n    margin: 12px 0 0;\n    font-size: 30px;\n    font-weight: 500;\n    line-height: 1.3;\n  }\n\n  .bp-path__text {\n    margin-top: clamp(20px, 3vh, 32px);\n    color: var(--bp-muted);\n    font-size: 16px;\n    line-height: 1.7;\n  }\n\n  .bp-path__text p {\n    margin: 0 0 18px;\n  }\n\n  .bp-path__text p:last-child {\n    margin-bottom: 0;\n  }\n\n  .bp-path__items {\n    display: flex;\n    flex-direction: column;\n    padding-top: clamp(0px, 2.5vw, 28px);\n  }\n\n  .bp-path__item {\n    display: block;\n    padding-block: clamp(24px, 3.5vh, 32px);\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .bp-path__item:first-child {\n    padding-top: 0;\n  }\n\n  .bp-path__item + .bp-path__item {\n    border-top: 1px solid var(--bp-hair);\n  }\n\n  .bp-path__item-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin: 10px 0 0;\n    font-size: 22px;\n    font-weight: 500;\n    line-height: 1.4;\n  }\n\n  \/* Arrow shows the block is a link; it darkens and nudges on hover. The file points left, so it is mirrored here. *\/\n  .bp-path__item-title::after {\n    content: \"\";\n    flex: none;\n    width: 12px;\n    height: 12px;\n    background: currentColor;\n    opacity: .35;\n    -webkit-mask: var(--bp-arrow) center \/ contain no-repeat;\n    mask: var(--bp-arrow) center \/ contain no-repeat;\n    transform: scaleX(-1);\n  }\n\n  .bp-path__item-text {\n    margin: 14px 0 0;\n    color: var(--bp-muted);\n    font-size: 16px;\n    line-height: 1.7;\n  }\n\n  .bp-path__item:hover .bp-path__item-title::after,\n  .bp-path__item:focus-visible .bp-path__item-title::after {\n    opacity: 1;\n    transform: translate(4px, 4px) scaleX(-1);\n  }\n\n  .bp-path__item:focus-visible {\n    outline: 2px solid #777;\n    outline-offset: 6px;\n  }\n\n  @media (max-width: 899px) {\n    .bp-path {\n      grid-template-columns: 1fr;\n    }\n\n    .bp-path__items {\n      padding-top: 0;\n      border-top: 1px solid var(--bp-hair);\n    }\n\n    .bp-path__item:first-child {\n      padding-top: clamp(24px, 3.5vh, 32px);\n    }\n  }\n\n  @media (max-width: 480px) {\n    .bp-path__title {\n      font-size: 26px;\n    }\n\n    .bp-path__item-title {\n      font-size: 20px;\n    }\n\n    .bp-path__text,\n    .bp-path__item-text {\n      font-size: 15px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .bp-path__item-title::after {\n      transition: opacity .25s ease, transform .3s cubic-bezier(.2, .7, .2, 1);\n    }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-902bf28 e-flex e-con-boxed e-con e-parent\" data-id=\"902bf28\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ab7e9d elementor-widget elementor-widget-html\" data-id=\"3ab7e9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ba-about\" id=\"bordbar-about\" lang=\"en\" dir=\"ltr\" aria-labelledby=\"bordbar-about-title\">\n  <header class=\"ba-about__head\">\n    <div>\n      <p class=\"ba-about__kicker\">About Bordbar<\/p>\n      <h2 class=\"ba-about__title\" id=\"bordbar-about-title\">The Hands Behind Every Work<\/h2>\n    <\/div>\n    <p class=\"ba-about__intro\">Bordbar is more than a collection. It is the result of a partnership among weavers, artists and researchers who tied each knot with patience and knowledge, and of a path recognized at exhibitions and through honors.<\/p>\n  <\/header>\n\n  <div class=\"ba-about__frame\">\n    <img loading=\"lazy\" class=\"ba-about__img\" src=\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/bordbar-weavers-banner-under-300kb.webp\" alt=\"Weavers and artists working with Bordbar\" width=\"2048\" height=\"796\" loading=\"lazy\" decoding=\"async\">\n    <!-- Knots under three faces; each one lights up with its link below. -->\n    <span class=\"ba-about__knot ba-about__knot--1\" aria-hidden=\"true\">01<\/span>\n    <span class=\"ba-about__knot ba-about__knot--2\" aria-hidden=\"true\">02<\/span>\n    <span class=\"ba-about__knot ba-about__knot--3\" aria-hidden=\"true\">03<\/span>\n  <\/div>\n\n  <nav class=\"ba-about__links\" aria-label=\"About Bordbar\">\n    <a class=\"ba-about__link ba-about__link--1\" href=\"https:\/\/bordbarcollection.com\/en\/about\/team\/\">\n      <span class=\"ba-about__num\" aria-hidden=\"true\">01<\/span>\n      <span class=\"ba-about__kicker\">The Faces of Bordbar<\/span>\n      <span class=\"ba-about__name\">Our Team<\/span>\n      <span class=\"ba-about__text\">From weaver to researcher, meet the people through whose hands every work has passed.<\/span>\n    <\/a>\n    <a class=\"ba-about__link ba-about__link--2\" href=\"https:\/\/bordbarcollection.com\/en\/about\/awards-certificates\/\">\n      <span class=\"ba-about__num\" aria-hidden=\"true\">02<\/span>\n      <span class=\"ba-about__kicker\">Signs Along a Path<\/span>\n      <span class=\"ba-about__name\">Awards &amp; Certificates<\/span>\n      <span class=\"ba-about__text\">The honors and certificates that speak to the authenticity and quality of Bordbar\u2019s works.<\/span>\n    <\/a>\n    <a class=\"ba-about__link ba-about__link--3\" href=\"https:\/\/bordbarcollection.com\/en\/about\/exhibitions\/\">\n      <span class=\"ba-about__num\" aria-hidden=\"true\">03<\/span>\n      <span class=\"ba-about__kicker\">Up Close<\/span>\n      <span class=\"ba-about__name\">Exhibitions<\/span>\n      <span class=\"ba-about__text\">Bordbar\u2019s presence at cultural and artistic events, in Iran and around the world.<\/span>\n    <\/a>\n  <\/nav>\n<\/section>\n\n<style>\n  \/* Registered so the spotlight glides between faces instead of jumping. *\/\n  @property --ba-x { syntax: \"<percentage>\"; inherits: true; initial-value: 50%; }\n  @property --ba-y { syntax: \"<percentage>\"; inherits: true; initial-value: 50%; }\n\n  .ba-about,\n  .ba-about * {\n    box-sizing: border-box;\n  }\n\n  .ba-about {\n    --ba-ink: #222323;\n    --ba-muted: rgba(0, 0, 0, .6);\n    --ba-hair: #e8e8e8;\n    --ba-pad: clamp(20px, 3.2vw, 56px);\n    --ba-arrow: url(\"https:\/\/bordbarcollection.com\/wp-content\/uploads\/2026\/09\/173423_arrow_down_left_vc2cf17acdd-1.svg\");\n    \/* Spotlight spots on the collage, in image percentages (left to right, like the links). *\/\n    --ba-x: 24.5%;\n    --ba-y: 58%;\n    width: 100%;\n    max-width: calc(1280px + 2 * var(--ba-pad));\n    margin-inline: auto;\n    padding: clamp(48px, 9vh, 96px) var(--ba-pad);\n    background: #fff;\n    color: var(--ba-ink);\n    direction: ltr;\n    text-align: left;\n    font-family: inherit;\n  }\n\n  .ba-about__head {\n    display: grid;\n    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);\n    gap: 20px clamp(32px, 6vw, 120px);\n    align-items: end;\n    margin-bottom: clamp(28px, 5vh, 48px);\n  }\n\n  .ba-about__kicker {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0;\n    color: var(--ba-muted);\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n  .ba-about__kicker::after {\n    content: \"\";\n    width: 18px;\n    height: 1px;\n    background: currentColor;\n    opacity: .55;\n  }\n\n  .ba-about__title {\n    margin: 12px 0 0;\n    font-size: 30px;\n    font-weight: 500;\n    line-height: 1.3;\n    text-wrap: balance;\n  }\n\n  .ba-about__intro {\n    max-width: 560px;\n    margin: 0;\n    color: var(--ba-muted);\n    font-size: 16px;\n    line-height: 1.7;\n  }\n\n  \/* Collage *\/\n  .ba-about__frame {\n    position: relative;\n    overflow: hidden;\n    aspect-ratio: 2048 \/ 796;\n    background: #fff;\n  }\n\n  \/* Pinned to the frame, and specific enough to beat the theme's img { height: auto }, so it always fills the box. *\/\n  .ba-about .ba-about__img {\n    position: absolute;\n    inset: 0;\n    display: block;\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    margin: 0;\n    object-fit: cover;\n  }\n\n  \/* White veil with a hole; it fades in while a link is hovered and sits on that link's face. *\/\n  .ba-about__frame::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(circle at var(--ba-x) var(--ba-y), rgba(255, 255, 255, 0) 0 9%, rgba(255, 255, 255, .78) 20%);\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  .ba-about__knot {\n    position: absolute;\n    z-index: 1;\n    display: grid;\n    place-items: center;\n    width: 40px;\n    height: 40px;\n    border: 1px solid rgba(255, 255, 255, .8);\n    border-radius: 50%;\n    background: rgba(34, 35, 35, .55);\n    color: #fff;\n    font-size: 13px;\n    transform: translate(50%, -50%);\n    -webkit-backdrop-filter: blur(4px);\n    backdrop-filter: blur(4px);\n  }\n\n  \/* The photo is not flipped, so numbering runs across the same three faces from left to right. *\/\n  .ba-about__knot--1 { right: 75.5%; top: 82%; }\n  .ba-about__knot--2 { right: 51%; top: 54%; }\n  .ba-about__knot--3 { right: 22%; top: 62%; }\n\n  .ba-about:has(.ba-about__link--1:is(:hover, :focus-visible)) { --ba-x: 24.5%; --ba-y: 58%; }\n  .ba-about:has(.ba-about__link--2:is(:hover, :focus-visible)) { --ba-x: 49%; --ba-y: 30%; }\n  .ba-about:has(.ba-about__link--3:is(:hover, :focus-visible)) { --ba-x: 78%; --ba-y: 38%; }\n\n  .ba-about:has(.ba-about__link:is(:hover, :focus-visible)) .ba-about__frame::after {\n    opacity: 1;\n  }\n\n  .ba-about:has(.ba-about__link--1:is(:hover, :focus-visible)) .ba-about__knot--1,\n  .ba-about:has(.ba-about__link--2:is(:hover, :focus-visible)) .ba-about__knot--2,\n  .ba-about:has(.ba-about__link--3:is(:hover, :focus-visible)) .ba-about__knot--3 {\n    background: var(--ba-ink);\n    transform: translate(50%, -50%) scale(1.15);\n  }\n\n  \/* Links *\/\n  .ba-about__links {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 0 clamp(20px, 3vw, 48px);\n  }\n\n  .ba-about__link {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    padding-top: clamp(22px, 3.5vh, 32px);\n    border-top: 1px solid var(--ba-hair);\n    color: inherit;\n    text-decoration: none;\n  }\n\n  \/* A thread that runs along the top border from the left on hover. *\/\n  .ba-about__link::before {\n    content: \"\";\n    position: absolute;\n    top: -1px;\n    right: 0;\n    left: 0;\n    height: 1px;\n    background: var(--ba-ink);\n    transform: scaleX(0);\n    transform-origin: left;\n  }\n\n  .ba-about__link:hover::before,\n  .ba-about__link:focus-visible::before {\n    transform: scaleX(1);\n  }\n\n  .ba-about__link:focus-visible {\n    outline: 2px solid #777;\n    outline-offset: 6px;\n  }\n\n  .ba-about__num {\n    margin-bottom: 14px;\n    color: rgba(0, 0, 0, .3);\n    font-size: 13px;\n    letter-spacing: .08em;\n  }\n\n  .ba-about__name {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-top: 10px;\n    font-size: 22px;\n    font-weight: 500;\n    line-height: 1.4;\n  }\n\n  \/* The arrow file points left, so it is mirrored here. *\/\n  .ba-about__name::after {\n    content: \"\";\n    flex: none;\n    width: 12px;\n    height: 12px;\n    background: currentColor;\n    opacity: .35;\n    -webkit-mask: var(--ba-arrow) center \/ contain no-repeat;\n    mask: var(--ba-arrow) center \/ contain no-repeat;\n    transform: scaleX(-1);\n  }\n\n  .ba-about__link:hover .ba-about__name::after,\n  .ba-about__link:focus-visible .ba-about__name::after {\n    opacity: 1;\n    transform: translate(4px, 4px) scaleX(-1);\n  }\n\n  .ba-about__text {\n    margin-top: 10px;\n    color: var(--ba-muted);\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  \/* The collage sits right on top of the links. *\/\n  .ba-about__frame + .ba-about__links {\n    margin-top: clamp(28px, 4vh, 40px);\n  }\n\n  @media (max-width: 899px) {\n    .ba-about__head {\n      grid-template-columns: 1fr;\n    }\n\n    .ba-about__links {\n      grid-template-columns: 1fr;\n    }\n\n    .ba-about__link {\n      padding-bottom: 22px;\n    }\n\n    .ba-about__knot {\n      display: none;\n    }\n  }\n\n  \/* Phones: the wide collage would be tiny, so it becomes a taller window that slowly pans across the faces. *\/\n  @media (max-width: 600px) {\n    .ba-about__frame {\n      aspect-ratio: 4 \/ 3;\n    }\n\n    .ba-about__frame::after {\n      display: none;\n    }\n\n    .ba-about__title {\n      font-size: 26px;\n    }\n\n    .ba-about__intro {\n      font-size: 15px;\n    }\n\n    .ba-about__name {\n      font-size: 20px;\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .ba-about__frame::after {\n      transition: opacity .45s ease, --ba-x .6s cubic-bezier(.2, .7, .2, 1), --ba-y .6s cubic-bezier(.2, .7, .2, 1);\n    }\n\n    .ba-about__knot,\n    .ba-about__name::after {\n      transition: transform .3s cubic-bezier(.2, .7, .2, 1), background-color .3s ease, opacity .25s ease;\n    }\n\n    .ba-about__link::before {\n      transition: transform .5s cubic-bezier(.2, .7, .2, 1);\n    }\n  }\n\n  @media (max-width: 600px) and (prefers-reduced-motion: no-preference) {\n    .ba-about__img {\n      animation: ba-pan 36s ease-in-out infinite alternate;\n    }\n  }\n\n  @keyframes ba-pan {\n    from { object-position: 0% 50%; }\n    to { object-position: 100% 50%; }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BORDBARBordbar Carpet Collection Beyond a Carpet Every knot is a moment in time: a weaving that passes through human hands, travels through the memory of a generation and becomes part of life today. A Culture Woven These motifs come from the land, migration, architecture and life of Iran: stories shaped in color, warp and weft, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6561","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bordbarcollection.com\/en\/wp-json\/wp\/v2\/pages\/6561","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bordbarcollection.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bordbarcollection.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bordbarcollection.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bordbarcollection.com\/en\/wp-json\/wp\/v2\/comments?post=6561"}],"version-history":[{"count":18,"href":"https:\/\/bordbarcollection.com\/en\/wp-json\/wp\/v2\/pages\/6561\/revisions"}],"predecessor-version":[{"id":6607,"href":"https:\/\/bordbarcollection.com\/en\/wp-json\/wp\/v2\/pages\/6561\/revisions\/6607"}],"wp:attachment":[{"href":"https:\/\/bordbarcollection.com\/en\/wp-json\/wp\/v2\/media?parent=6561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}