/* CIZ footer wordmark — static replacement for the template's matter.js
   "falling letters" component. That component drops C/I/Z as rigid bodies and
   lets them tumble, so the mark settled in a random order every load (ICZ, ZIC…)
   and clipped off the left edge. A 3-letter brand mark can't be left to physics.
   Injected layer; nothing in Framer's generated markup is edited.
   Remove the <link>/<script> in index.html to revert. */

.ciz-wordmark {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  pointer-events: none;
  user-select: none;
}

.ciz-wordmark span {
  display: block;
  font-family: "Archivo Regular", "Archivo Regular Placeholder", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 0.78;
  letter-spacing: -0.015em;
  white-space: nowrap;
  color: var(--token-76fba6ba-7122-4ce2-8f39-5121ce4ae470, #fcfcfc);
}

/* Particle mode. The span keeps the layout, the font and the accessible text;
   it just stops painting once the canvas has successfully sampled it. If the
   canvas never comes up, the class is never added and the static mark shows. */

.ciz-wordmark span.is-particled {
  color: transparent;
}

.ciz-wordmark-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;   /* never steal a click from the footer links */
}

/* 2026-09-23: hide the 3x3 product flat-lay (対応施策 "Left" column).
   visibility (not display) keeps its 260x320 box so nothing reflows. */
img[src*="DH6JsLzG7u4YHboexTKr4paFrSY"],
img[srcset*="DH6JsLzG7u4YHboexTKr4paFrSY"] { visibility: hidden !important; }