/* amorisgratia.com, the company site (2026-10-20; build.js companyPage). site.css does the work; this adds the
   single-column page (no "On this page" list, while a page is still being written) and the note that offers
   anyone who made things here, when this was the thought place, to move them to meandwe.amorisgratia.com. */
.essay-single {
  max-width: calc(var(--measure) + 2 * var(--gutter, 1.5rem));
  padding-block: clamp(2rem, 1.6rem + 2vw, 3.5rem) clamp(3rem, 2.4rem + 3vw, 5.5rem);
}
.essay-single .prose:empty { display: none; }
.essay-single:has(.prose:empty) { padding-block: 0; }

.move-note {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.4rem 1rem;
  margin: 0; padding: 0.7rem 1.25rem;
  background: color-mix(in srgb, var(--accent) 7%, var(--surface, #FBF8F1));
  border-bottom: 1px solid var(--rule);
  font: 450 0.95rem/1.4 var(--ui);
  color: var(--ink-2);
  text-align: center;
}
.move-note[hidden] { display: none; }
.move-note a { color: var(--accent); font-weight: 600; text-decoration: underline; text-underline-offset: 0.2em; }
.move-note button { padding: 0.15rem 0.5rem; border: 0; background: transparent; color: var(--muted); font: inherit; cursor: pointer; }

/* the home: a blank slate, to be worked on (the founder, 2026-10-20), and in the middle of it the way to the product,
   me and we ("ADD ME AND WE AS A CENTRAL LINK ON THE HOME PAGE"): its mark and its name, as on its own pages */
@font-face {
  font-family: "Mrs Saint Delafield";
  src: url("/assets/fonts/mrs-saint-delafield.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.company-slate { min-height: calc(100svh - 72px); display: grid; place-items: center; padding: 24px 16px 48px; }
.mewe-link { display: inline-flex; align-items: center; gap: clamp(10px, 1.6vw, 18px); color: var(--ink); text-decoration: none; border-radius: 18px; padding: 10px 18px 22px; }
.mewe-link-mark { flex: none; width: clamp(30px, 4.6vw, 52px); height: clamp(30px, 4.6vw, 52px); fill: var(--accent); transition: transform 0.6s cubic-bezier(.3, .7, .2, 1); }
.mewe-link:hover .mewe-link-mark, .mewe-link:focus-visible .mewe-link-mark { transform: rotate(60deg); }
.mewe-link-name { position: relative; font: 400 clamp(3.6rem, 9vw, 7rem)/1 "Mrs Saint Delafield", "Segoe Script", cursive; padding-top: 0.12em; }
.mewe-link-line { position: absolute; left: 2%; bottom: -0.06em; width: 104%; height: 0.3em; overflow: visible; fill: none; stroke: var(--accent); stroke-width: 1.7; stroke-linecap: round; }
.mewe-link-line path { stroke-dasharray: 100; stroke-dashoffset: 0; }
@media (prefers-reduced-motion: no-preference) {
  .mewe-link-line path { animation: mewe-line 1.4s cubic-bezier(.5, .1, .2, 1) 0.4s backwards; }
}
@keyframes mewe-line { from { stroke-dashoffset: 100; } }
.mewe-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 6px; }

/* the vision, above the way to me and we (the founder, 2026-11-06: "vision, to help create a world for 100% of
   humanity"; the number in words, as the year is) */
.company-centre { display: flex; flex-direction: column; align-items: center; gap: clamp(1.4rem, 5vh, 3.2rem); text-align: center; }
.vision { margin: 0; max-width: 19em; font: 500 clamp(1.6rem, 1rem + 2.3vw, 2.8rem)/1.15 var(--display); color: var(--ink); text-wrap: balance; }
.vision-label { display: block; margin-bottom: 0.7rem; font: 600 clamp(0.78rem, 0.7rem + 0.25vw, 0.9rem)/1 var(--ui); letter-spacing: 0.22em; text-transform: uppercase; color: var(--accent); }
.vision-words { display: block; }
@media (prefers-reduced-motion: no-preference) {
  .vision { animation: vision-in 1.2s cubic-bezier(.3, .7, .2, 1) backwards; }
}
@keyframes vision-in { from { opacity: 0; transform: translateY(8px); } }