/* LOOM Studio — website-scroll showcase that replaces the duplicated (lower)
   steps section: a browser-framed video of a real site we built, scrolling. */
.loom-sitescroll{ width:100%; margin-top:16px; display:flex; justify-content:center; }
.ss-browser{
  width:100%; max-width:560px; border-radius:16px; overflow:hidden; background:#0c0b14;
  box-shadow:0 30px 70px -28px #000c, inset 0 0 0 1px #ffffff14;
}
.ss-bar{ display:flex; align-items:center; padding:11px 14px; background:#16151f; }
.ss-dot{ width:10px; height:10px; border-radius:50%; margin-right:7px; }
.ss-dot:nth-child(1){ background:#ff5f57; }
.ss-dot:nth-child(2){ background:#febc2e; }
.ss-dot:nth-child(3){ background:#28c840; }
.ss-url{
  margin-left:8px; font:500 11px/1 "neuehaasdisplayroman",Arial,sans-serif; color:#8b8b9a; letter-spacing:.3px;
  background:#0c0b14; padding:6px 14px; border-radius:100px;
}
.ss-view{ position:relative; width:100%; aspect-ratio:16/10; overflow:hidden; background:#000; }
.ss-view video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }