/* Column blind loader. Rewritten from Legendary Akaushi's loader (Webflow IX2 a-25 + .loader_* CSS), teardown 10-07.
   A page cover made of equal side-by-side columns in one colour, a small mark centred in the middle column. On load
   each column's HEIGHT runs 100% -> 0 anchored at the top, so the columns retract upward like blinds, left to right.
   The middle column clips its own content and keeps it flex-centred, so the mark rides up at half the speed of the
   column's bottom edge and is only cut off in the column's last few frames.
   Load part.css + part.js in <head> so the cover is up from the first paint (no JS = no cover). */
.cbl {
  --cbl-color: #ae8b40;                         /* the columns (source: gold #ae8b40) */
  --cbl-dur: 400ms;                             /* each column's lift */
  --cbl-stagger: 100ms;                         /* delay step, left to right (0 / 100 / 200 ms) */
  --cbl-ease: cubic-bezier(.55,.055,.675,.19);  /* Webflow inCubic: slow off the floor, fast out of the top */
  --cbl-gone: 1000ms;                           /* cover removed (display none) + scroll unlocked */
  --cbl-anchor: flex-start;                     /* flex-start = columns lift UP; flex-end = they drop down */
  --cbl-mark-w: 5rem;                           /* the mark's width (4rem at <= 991px, as the source) */
  --cbl-z: 9999;
  position: fixed; inset: 0; z-index: var(--cbl-z);
  height: 100dvh; overflow: hidden;
  display: none; pointer-events: auto;
}
html.cbl-js .cbl { display: block; }
html.cbl-js .cbl.is-gone, html.cbl-skip .cbl { display: none; }
html.cbl-lock, html.cbl-lock body { overflow: hidden; }
/* safety net: if the script dies after marking <html>, the cover leaves on its own at 6s */
.cbl:not(.is-run) { animation: cbl-failsafe 0s linear 6s forwards; }
@keyframes cbl-failsafe { to { visibility: hidden; } }

.cbl__cols { position: absolute; inset: 0; display: flex; flex-direction: row; align-items: var(--cbl-anchor); }
.cbl__col { flex: 1; height: 100%; background: var(--cbl-color); }
/* the column that holds the mark: content stays centred while the column shrinks, and is clipped by it */
.cbl__col.has-mark { display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; }
.cbl__mark { position: relative; z-index: 1; width: var(--cbl-mark-w); flex: none; display: block; }
.cbl__mark > svg, .cbl__mark > img { display: block; width: 100%; height: auto; }
@media (max-width: 991px) { .cbl { --cbl-mark-w: 4rem; } }