/* Home page layer (owner: home page agent). Arranges design-system components; never restyles their insides.
   Contract (test-enforced): every selector starts with .ci-home-; tokens only; no custom-property definitions.
   M7.4: How I Work (the process component, components.css), Projects & Engineering, and one closing panel. The
   process, dialog, floating action and motion live in components.css (they need @supports and @keyframes). */
.ci-home-process__cta { margin-top: clamp(2rem, 1.5rem + 2vw, 3.25rem); }

/* Closing panel: one composition on the navy band. Text, then the actions; wide screens put them side by side.
   A faded lattice in one corner is the only decoration. */
.ci-home-final__panel { position: relative; isolation: isolate; overflow: hidden; align-items: center; }
.ci-home-final__panel::before {
  content: ""; position: absolute; z-index: -1; inset: 0 0 0 40%; pointer-events: none;
  background-image: radial-gradient(circle at 1.5px 1.5px, color-mix(in srgb, var(--ci-color-action-inverse) 28%, transparent) 1.5px, transparent 1.6px);
  background-size: var(--ci-lattice-size) var(--ci-lattice-size);
  mask-image: radial-gradient(closest-side at 80% 30%, var(--ci-color-text), transparent);
}
.ci .ci-home-final__text .ci-cta__title { max-width: 16ch; font-size: var(--ci-text-h2); }
.ci-home-final__actions { display: grid; gap: var(--ci-space-2); justify-items: start; }
.ci-home-final__actions .ci-actions { margin: 0; }
.ci .ci-home-final__more .ci-more { color: var(--ci-color-action-inverse); }
.ci-home-final__address { padding-top: var(--ci-space-5); border-top: var(--ci-border-width) solid var(--ci-color-surface-inverse-raised); color: var(--ci-color-text-inverse-muted); font-size: var(--ci-text-small); }
@media (min-width: 64em) {
  .ci-home-final__panel { grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--ci-space-10); }
  .ci-home-final__actions { justify-items: end; }
  .ci-home-final__address { grid-column: 1 / -1; }
}