/* LOOM Studio — "Under the hood" typing code terminal, placed above the footer. */
.loom-code{
  position:relative; z-index:5; width:100%; padding:11dvh 6vw 12dvh;
  display:flex; flex-direction:column; align-items:center;
  font-family:"neuehaasdisplayroman","Helvetica Neue",Arial,sans-serif;
}
.loom-code__head{ text-align:center; margin-bottom:4dvh; max-width:760px; }
.loom-code__eyebrow{ color:#a99cff; letter-spacing:3px; font-size:12px; text-transform:uppercase; }
.loom-code__title{ color:#fff; font-size:clamp(26px,3.6dvw,48px); line-height:1.04; letter-spacing:-1.2px; margin:14px 0 0; font-weight:400; }
.loom-code__title b{ font-weight:400; background:linear-gradient(90deg,#f6c9a8,#e7a9c4,#a99cff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.loom-code__term{
  width:min(680px,92vw); border-radius:16px; overflow:hidden;
  background:linear-gradient(160deg,#13132b,#0a0a16);
  box-shadow:0 36px 90px -34px #000, inset 0 0 0 1px #ffffff14;
}
.loom-code__bar{ display:flex; align-items:center; padding:13px 16px; background:#17172b; }
.loom-code__bar i{ width:11px; height:11px; border-radius:50%; margin-right:8px; }
.loom-code__bar i:nth-child(1){ background:#ff5f57; }
.loom-code__bar i:nth-child(2){ background:#febc2e; }
.loom-code__bar i:nth-child(3){ background:#28c840; }
.loom-code__bar span{ margin-left:8px; font:500 11px/1 "neuehaasdisplayroman"; color:#7e7e98; letter-spacing:.4px; }
.loom-code__body{ padding:22px 24px 26px; }

#lc-code{
  font-family:"Fira Code", ui-monospace, Menlo, Consolas, monospace;
  white-space:pre; color:#c7caff; font-size:14px; line-height:1.6; margin:0; min-height:300px; overflow:visible;
}
.lc-cursor{
  display:inline-block; width:.6ch; height:1em; margin-left:.1ch; background:currentColor;
  animation:lc-blink .6s steps(1) infinite; box-shadow:0 0 6px rgba(102,108,255,.8); vertical-align:-.1em;
}
@keyframes lc-blink{ 50%{ opacity:0; } }
@media (max-width:600px){ #lc-code{ font-size:12px; min-height:260px; } }