/* LOOM Studio — transition statement between the hero and "How it works".
   Big editorial line; adds breathing room + pushes section 2 down. */
.loom-stmt{
  position:relative; z-index:5; width:100%;
  padding:19dvh 6vw 19dvh;
  display:flex; flex-direction:column; align-items:center; text-align:center;
  font-family:"neuehaasdisplayroman","Helvetica Neue",Arial,sans-serif;
}
.loom-stmt__eyebrow{
  color:#a99cff; letter-spacing:3px; font-size:12px; text-transform:uppercase; margin-bottom:24px;
  opacity:0; transform:translateY(12px); transition:opacity .7s ease, transform .7s ease;
}
.loom-stmt__line{
  color:#fff; font-size:clamp(34px,5.4dvw,78px); line-height:1.02; letter-spacing:-1.8px;
  margin:0; font-weight:400; max-width:16ch;
}
.loom-stmt__line b{
  font-weight:400; background:linear-gradient(90deg,#f6c9a8,#e7a9c4,#a99cff);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.loom-stmt__line span{ display:inline-block; opacity:0; transform:translateY(20px); transition:opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1); }
.loom-stmt__line span:nth-child(3){ transition-delay:.12s; }
.loom-stmt.in .loom-stmt__eyebrow{ opacity:1; transform:none; }
.loom-stmt.in .loom-stmt__line span{ opacity:1; transform:none; }

@media (prefers-reduced-motion:reduce){
  .loom-stmt__eyebrow,.loom-stmt__line span{ transition:none; opacity:1; transform:none; }
}