/* Blueprint Reveal v2 — ablaka.com palette (clay #c4683a frame, sage #6b7d52 groups, ink labels, Space Mono). */
html.bp-boot main{opacity:0}
html.bp-on [data-bp="wait"],html.bp-on [data-bp="run"]{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}

.bp-layer{position:absolute;left:0;top:0;width:0;height:0;overflow:visible;pointer-events:none;z-index:70}
.bp-ov{position:absolute;left:0;top:0;pointer-events:none}
.bp-fr{position:absolute;left:0;top:0;box-sizing:border-box;border:1px solid var(--bp-c,#c4683a)}
.bp-h{position:absolute;width:7px;height:7px;box-sizing:border-box;background:#fffdf8;border:1px solid var(--bp-c,#c4683a);opacity:0;transition:opacity .12s}
.bp-h.tl{left:-4px;top:-4px}.bp-h.tr{right:-4px;top:-4px}.bp-h.bl{left:-4px;bottom:-4px}.bp-h.br{right:-4px;bottom:-4px}
.bp-ov.s1 .bp-h.tl,.bp-ov.s2 .bp-h.br,.bp-ov.s3 .bp-h{opacity:1}
.bp-nohandles .bp-h{display:none}
.bp-tag,.bp-sz{position:absolute;font:700 9.5px/1 "Space Mono",ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;padding:3px 6px 3px;white-space:nowrap;color:#faf6ee;opacity:0;transition:opacity .14s}
.bp-tag{left:-1px;bottom:100%;margin-bottom:4px;background:#1c1a17}
.bp-sz{top:100%;left:50%;margin-top:5px;background:var(--bp-c,#c4683a);transform:translateX(-50%)}
.bp-ov.s2 .bp-sz,.bp-ov.s3 .bp-tag,.bp-ov.s3 .bp-sz{opacity:1}
.bp-nolabels .bp-tag,.bp-nosize .bp-sz{display:none}
.bp-gh,.bp-gv{position:absolute;background:var(--bp-g,rgba(196,104,58,.3))}
.bp-gh{height:1px}.bp-gv{width:1px}
.bp-group .bp-fr{border-style:dashed}
.bp-group .bp-tag{left:auto;right:-1px;background:var(--bp-c,#6b7d52)}
.bp-sk{position:absolute;left:0;top:0}
.bp-bar{position:absolute;border-radius:3px;background:var(--bp-s,#e8dfcc)}
.bp-img{position:absolute;box-sizing:border-box;border:1px solid #d4c8b0;background:
  linear-gradient(to top right,transparent calc(50% - .6px),#d4c8b0 calc(50% - .6px),#d4c8b0 calc(50% + .6px),transparent calc(50% + .6px)),
  linear-gradient(to bottom right,transparent calc(50% - .6px),#d4c8b0 calc(50% - .6px),#d4c8b0 calc(50% + .6px),transparent calc(50% + .6px)),
  #f2ebdd}
.bp-nest{position:absolute;box-sizing:border-box;border:1px solid;opacity:0;transition:opacity .2s}
.bp-sk.on .bp-nest{opacity:.85}

/* live design HUD — an editorial "on air" bar: LIVE chip, what is being placed right now, layer counter, progress edge */
.bp-hud{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:96;box-sizing:border-box;width:min(580px,calc(100vw - 32px));
  display:flex;align-items:center;gap:14px;padding:11px 10px 13px 12px;overflow:hidden;
  background:#1c1a17;color:#faf6ee;border-radius:3px;box-shadow:0 14px 34px rgba(28,26,23,.28),0 0 0 1px rgba(250,246,238,.06) inset;
  font:400 10px/1 "Space Mono",ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;white-space:nowrap;
  animation:bpHudIn .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes bpHudIn{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}
.bp-live{flex:none;display:inline-flex;align-items:center;gap:6px;padding:5px 8px 5px 7px;border:1px solid rgba(196,104,58,.7);border-radius:2px;
  font-weight:700;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#f0a07a}
.bp-live i{width:7px;height:7px;border-radius:50%;background:#e0763f;box-shadow:0 0 0 0 rgba(224,118,63,.6);animation:bpPulse 1.4s ease-out infinite}
@keyframes bpPulse{0%{box-shadow:0 0 0 0 rgba(224,118,63,.55)}70%{box-shadow:0 0 0 7px rgba(224,118,63,0)}100%{box-shadow:0 0 0 0 rgba(224,118,63,0)}}
.bp-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px}
.bp-title{font:italic 500 17px/1.05 "Bodoni Moda",Georgia,serif;letter-spacing:0;color:#faf6ee;overflow:hidden;text-overflow:ellipsis}
.bp-now{font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:#bdb3a2;overflow:hidden;text-overflow:ellipsis}
.bp-count{flex:none;display:flex;align-items:baseline;gap:3px;padding-left:12px;border-left:1px solid rgba(250,246,238,.14)}
.bp-n{font:500 22px/1 "Bodoni Moda",Georgia,serif;color:#f0a07a;font-variant-numeric:tabular-nums;min-width:2ch;text-align:right}
.bp-of{font-size:10px;color:#bdb3a2}
.bp-unit{display:block;font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:#8f8676;margin-left:4px}
.bp-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(250,246,238,.10);overflow:hidden}
.bp-prog i{position:absolute;inset:0;background:linear-gradient(90deg,#c4683a,#e0a15f);transform:scaleX(0);transform-origin:left center}
.bp-x{all:unset;flex:none;cursor:pointer;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(250,246,238,.22);border-radius:2px;
  font:300 17px/1 system-ui,sans-serif;color:#faf6ee}
.bp-x:hover,.bp-x:focus-visible{border-color:#faf6ee;background:rgba(250,246,238,.08);outline:none}
.bp-hud.bp-done .bp-live{border-color:rgba(107,125,82,.9);color:#b9c99a}
.bp-hud.bp-done .bp-live i{background:#9bb56f;animation:none}
.bp-hud.bp-done .bp-n{color:#b9c99a}
.bp-hud.bp-done .bp-prog i{background:#8fa865}
@media (max-width:560px){
  .bp-hud{bottom:14px;gap:10px;padding:9px 8px 11px 9px;width:calc(100vw - 24px)}
  .bp-live{padding:4px 6px;letter-spacing:.14em;font-size:8.5px}
  .bp-title{font-size:15px}.bp-now{font-size:8.5px;letter-spacing:.06em}
  .bp-count{padding-left:9px}.bp-n{font-size:18px}.bp-unit{display:none}.bp-wide{display:none}
}
@media (prefers-reduced-motion:reduce){.bp-hud,.bp-live i{animation:none}}

/* where the engine runs, it IS the entrance: a page's own fade-up / scroll-reveal would play on top of it */
.bp-root{animation:none!important}
.bp-root .rv.in,.bp-root .rv-s.in{animation:none!important}

.bp-debug{position:fixed;left:8px;top:70px;z-index:96;max-width:calc(100vw - 16px);padding:6px 8px;background:rgba(28,26,23,.88);color:#faf6ee;font:10px/1.4 "Space Mono",monospace;pointer-events:none}

@media print{html.bp-on [data-bp]{-webkit-clip-path:none!important;clip-path:none!important}.bp-layer,.bp-hud,.bp-debug{display:none!important}}
