/* BeCam Case Study — pixel-perfect from Figma @2x exports */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #f4f1ea; }

.becam-wrapper {
  width: 100%;
  overflow: hidden;
}

.becam-container {
  position: relative;
  width: 1366px;
  margin: 0 auto;
  height: 15740px;
  background: #fff;
  overflow: hidden;
  transform-origin: top left;
}

@media (max-width: 1365px) {
  .becam-container {
    transform-origin: top left;
  }
}

.becam-container img {
  position: absolute;
  display: block;
}

/* 46:42515 Group 182 */
.img-42515 { top: 174px; left: 0px; width: 1369px; }
/* 46:45350 hero image */
.img-45350 { top: 278px; left: 0px; width: 1365px; }
/* 46:45731 BE 1 */
.img-45731 { top: 595px; left: 57px; width: 1252px; }
/* 46:43301 Group 179 */
.img-43301 { top: 1004px; left: 137px; width: 849px; }
/* 46:45732 bg 1 */
.img-45732 { top: 1274px; left: 124px; width: 1120px; }
/* 46:43052 */
.img-43052 { top: 1454px; left: 137px; width: 1092px; }
/* 46:46597 in 1 */
.img-46597 { top: 1821px; left: 120px; width: 1120px; }
/* 46:43067 */
.img-43067 { top: 2001px; left: 137px; width: 1092px; }
/* 46:47506 adgryy 1 */
.img-47506 { top: 2367px; left: 120px; width: 1120px; }
/* 46:43073 */
.img-43073 { top: 2542px; left: 137px; width: 1092px; }
/* 46:48475 */
.img-48475 { top: 3186px; left: 123px; width: 1120px; }

/* Row of small tiles — top row */
.img-43189 { top: 3375px; left: 116px; width: 142px; }
.img-43195 { top: 3375px; left: 258px; width: 142px; }
.img-43201 { top: 3375px; left: 400px; width: 141px; }
.img-43207 { top: 3375px; left: 541px; width: 141px; }
.img-43237 { top: 3375px; left: 683px; width: 141px; }
.img-43243 { top: 3375px; left: 824px; width: 141px; }
.img-43249 { top: 3375px; left: 966px; width: 142px; }
.img-43255 { top: 3375px; left: 1108px; width: 141px; }

/* Row of small tiles — bottom row */
.img-43213 { top: 3527px; left: 116px; width: 142px; }
.img-43219 { top: 3527px; left: 258px; width: 142px; }
.img-43225 { top: 3527px; left: 400px; width: 141px; }
.img-43231 { top: 3528px; left: 541px; width: 141px; }
.img-43261 { top: 3527px; left: 683px; width: 142px; }
.img-43267 { top: 3528px; left: 825px; width: 141px; }
.img-43273 { top: 3528px; left: 966px; width: 141px; }
.img-43279 { top: 3527px; left: 1107px; width: 141px; }

/* 46:43079 */
.img-43079 { top: 3681px; left: 137px; width: 1092px; }
/* 46:49560 */
.img-49560 { top: 4213px; left: 113px; width: 1139px; }
/* 46:43183 */
.img-43183 { top: 4515px; left: 137px; width: 1106px; }
/* 46:43285 */
.img-43285 { top: 5059px; left: 273px; width: 77px; }
/* 46:45411 */
.img-45411 { top: 5430px; left: 909px; width: 64px; }

/* 3 medium squares */
.img-43085 { top: 5540px; left: 144px; width: 366px; }
.img-43097 { top: 5540px; left: 515px; width: 365px; }
.img-43103 { top: 5540px; left: 885px; width: 366px; }

/* 4 small rectangles */
.img-43115 { top: 5911px; left: 144px; width: 199px; }
.img-43121 { top: 5911px; left: 347px; width: 299px; }
.img-43127 { top: 5911px; left: 650px; width: 298px; }
.img-43133 { top: 5911px; left: 952px; width: 298px; }

/* 2 large rectangles */
.img-43139 { top: 6214px; left: 145px; width: 489px; }
.img-43145 { top: 6214px; left: 640px; width: 611px; }

/* Group + square */
.img-43151 { top: 6830px; left: 144px; width: 733px; }
.img-43153 { top: 6830px; left: 880px; width: 370px; }

/* 3 squares */
.img-43165 { top: 7205px; left: 145px; width: 367px; }
.img-43171 { top: 7205px; left: 516px; width: 367px; }
.img-43177 { top: 7205px; left: 887px; width: 364px; }

/* 46:50885 cam 1 */
.img-50885 { top: 7633px; left: 129px; width: 1113px; }
/* 46:45531 */
.img-45531 { top: 7884px; left: 295px; width: 775px; }

/* Large content blocks */
.img-45543 { top: 8009px; left: 129px; width: 1107px; }
.img-45549 { top: 8474px; left: 128px; width: 1108px; }
.img-45555 { top: 8932px; left: 129px; width: 1107px; }
.img-45561 { top: 9375px; left: 129px; width: 1107px; }

/* 2 halves */
.img-45567 { top: 9867px; left: 129px; width: 553px; }
.img-45573 { top: 9866px; left: 689px; width: 548px; }

/* 3x3 grid rows */
.img-45427 { top: 10423px; left: 129px; width: 364px; }
.img-45433 { top: 10422px; left: 500px; width: 365px; }
.img-45439 { top: 10423px; left: 872px; width: 365px; }

.img-45445 { top: 10794px; left: 129px; width: 365px; }
.img-45451 { top: 10788px; left: 498px; width: 370px; }
.img-45457 { top: 10793px; left: 872px; width: 365px; }

.img-45459 { top: 11162px; left: 129px; width: 367px; }
.img-45465 { top: 11163px; left: 500px; width: 365px; }
.img-45471 { top: 11162px; left: 870px; width: 366px; }

/* 2 large halves */
.img-45477 { top: 11534px; left: 129px; width: 553px; }
.img-45483 { top: 11534px; left: 683px; width: 553px; }

/* 3 squares */
.img-45489 { top: 12092px; left: 129px; width: 364px; }
.img-45495 { top: 12092px; left: 501px; width: 364px; }
.img-45501 { top: 12092px; left: 872px; width: 364px; }

/* 4 small squares */
.img-45507 { top: 12462px; left: 129px; width: 274px; }
.img-45513 { top: 12462px; left: 407px; width: 274px; }
.img-45519 { top: 12462px; left: 685px; width: 273px; }
.img-45525 { top: 12462px; left: 964px; width: 272px; }

/* 46:52426 nnnn 1 */
.img-52426 { top: 12804px; left: 121px; width: 1120px; }
/* 46:45579 Group 124 */
.img-45579 { top: 13003px; left: 129px; width: 1108px; }

/* Bottom content blocks */
.img-45610 { top: 13926px; left: 129px; width: 1107px; }
.img-45616 { top: 14534px; left: 129px; width: 1107px; }
.img-45622 { top: 15147px; left: 129px; width: 1107px; }