/* cheeselord.dev — what is unique to this page, and nothing else.
   The shell, the fonts, the cellar flavor, and the header all come from
   @cheeselord/design, vendored under styles/vendor/ by scripts/sync-design.sh
   and loaded ahead of this file. Everything that used to be copied here — the
   token block, the fleck field, the type scale, the cellar listing — now moves
   when the package moves. */

/* the page is a column so the footer sits at the bottom of a short viewport */
body { display: flex; flex-direction: column; }
main { flex: 1; }

/* the hero artifact: the Cheese Lord burning on his sigil, feathered into the
   cellar dark. Stands where the package's dot-matrix wheel would be. */
.ember-box { display: grid; place-items: center; }
.ember {
  inline-size: min(24rem, 90%);
  height: auto;
  display: block;
  user-select: none;
  -webkit-mask: radial-gradient(ellipse closest-side, #000 62%, transparent 97%);
  mask: radial-gradient(ellipse closest-side, #000 62%, transparent 97%);
  filter: drop-shadow(0 0 3.5rem oklch(from var(--gold) l c h / 18%));
}

/* the signature: Zapfino pre-rendered to an image asset so the one-font-pair
   invariant holds without shipping a third face */
.signature {
  block-size: 2.1rem;
  inline-size: auto;
  margin-block: -0.4rem;
  opacity: 0.36;
  transform: rotate(-1deg);
  user-select: none;
}

@media (max-width: 56rem) {
  .ember-box { order: -1; }
  .ember { inline-size: min(15rem, 70%); }
}