/* ตัวคั่น section แบบ "สเกลวัด": ขีดสเกลแบบไม้บรรทัด (ขีดใหญ่ทุก 5 ขีด) จางที่ปลายทั้งสองข้าง พร้อมเข็มสีธีมตรงกลาง */
/* วางคร่อมรอยต่อ section (ไม่เพิ่มความสูง) จึงใช้ได้ทั้งพื้นขาวและพื้นเทา */
.section-divider{position:relative; height:0; z-index:2;}
.section-divider .container{position:relative; height:0;}
.section-divider .line{
  position:absolute; top:-8px; left:0; right:0; height:16px;
  background:
    repeating-linear-gradient(to right, #9aa0a6 0 1px, transparent 1px 60px) 50% 0 / 100% 16px no-repeat,
    repeating-linear-gradient(to right, #c4c8cc 0 1px, transparent 1px 12px) 50% 0 / 100% 8px no-repeat;
  -webkit-mask-image:linear-gradient(to right, transparent, #000 15%, #000 85%, transparent);
          mask-image:linear-gradient(to right, transparent, #000 15%, #000 85%, transparent);
}
.section-divider .line::after{
  content:''; position:absolute; top:-2px; left:50%; width:3px; height:20px; margin-left:-1.5px;
   border-radius:2px;
   /* background:var(--color-p); */
}

/* ลายกริดแบบ blueprint จางๆ ที่มุมของ section พื้นเทา (ใส่คลาส bg-blueprint ที่ section; bg-blueprint--left = มุมซ้ายล่าง) */
.bg-blueprint{position:relative; overflow:hidden;}
.bg-blueprint::before{
  content:''; position:absolute; top:0; right:0; width:32rem; height:20rem; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(34,35,37,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34,35,37,.08) 1px, transparent 1px);
  background-size:24px 24px;
  -webkit-mask-image:radial-gradient(ellipse at top right, #000 0, transparent 72%);
          mask-image:radial-gradient(ellipse at top right, #000 0, transparent 72%);
}
.bg-blueprint--left::before{
  top:auto; right:auto; bottom:0; left:0;
  -webkit-mask-image:radial-gradient(ellipse at bottom left, #000 0, transparent 72%);
          mask-image:radial-gradient(ellipse at bottom left, #000 0, transparent 72%);
}
.bg-blueprint > .container{position:relative; z-index:1;}
@media screen and (max-width:767.98px){
  .bg-blueprint::before{width:18rem; height:12rem;}
}
