/* Buddzee — the parts theme.json cannot express.
   Generated by wp-theme/build-theme.mjs from foundations/tokens.css. Do not hand-edit. */

:root {
  --bz-lobe-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  --bz-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --bz-duration: 700ms;
}

/* The lobe device: a mask shaped like one lobe of the mark. Screenshots only, never text. */
.bz-lobe { border-radius: var(--bz-lobe-radius); overflow: hidden; }
.bz-lobe img { display: block; width: 100%; height: auto; }

/* The footer wordmark — a display moment, typeset rather than the logo SVG. */
.bzw-word {
  font-weight: 800;
  font-size: 15vw;
  line-height: .8;
  letter-spacing: -0.045em;
  margin: 64px 0 0;
}
@media (max-width: 1023px) { .bzw-word { font-size: 22vw; } }

/* Mono uppercase micro-label. */
.bz-label {
  font-family: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 500;
}

/* Product screenshots are the one thing that lifts off the page. */
.bz-screen {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(9, 20, 43, 0.22);
}
.bz-screen img { display: block; width: 100%; height: auto; }

/* Motion: the gather. One device, and it respects reduced motion. */
@keyframes bz-gather {
  from { opacity: 0; transform: translate(var(--bz-gather-x, 0), var(--bz-gather-y, 0)) scale(.96); }
  to { opacity: 1; transform: none; }
}
.bz-gather { animation: bz-gather var(--bz-duration) var(--bz-ease) both; }
@media (prefers-reduced-motion: reduce) { .bz-gather { animation: none; } }

.bzw-nav { min-height: 48px; padding-top: 16px; padding-bottom: 16px; }
.bzw-legal { margin-top: 48px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.12); }