@tryvitris/website-harness 0.1.0-beta.6 → 0.1.0-beta.7

package/bin/chunks/{chunk-YCVGD2CG.js → chunk-ZIROO2U4.js}

@@ -6,6 +6,34 @@ import {
   escapeHtml
 } from "./chunk-7FS67SRF.js";
 
+// src/compile/frontmatter.ts
+function parseFrontmatter(raw) {
+  const text = raw.replace(/^\uFEFF/, "");
+  if (!text.startsWith("---")) {
+    return { meta: {}, body: text.trim() };
+  }
+  const end = text.indexOf("\n---", 3);
+  if (end === -1) {
+    return { meta: {}, body: text.trim() };
+  }
+  const block = text.slice(3, end).trim();
+  const body = text.slice(end + 4).replace(/^\r?\n/, "");
+  const meta = {};
+  for (const line of block.split(/\r?\n/)) {
+    const trimmed = line.trim();
+    if (!trimmed || trimmed.startsWith("#")) continue;
+    const colon = trimmed.indexOf(":");
+    if (colon === -1) continue;
+    const key = trimmed.slice(0, colon).trim();
+    let value = trimmed.slice(colon + 1).trim();
+    if (value.startsWith('"') && value.endsWith('"') || value.startsWith("'") && value.endsWith("'")) {
+      value = value.slice(1, -1);
+    }
+    if (key) meta[key] = value;
+  }
+  return { meta, body: body.trim() };
+}
+
 // src/compile/paths.ts
 function fileToPath(relFile) {
   const normalized = relFile.replace(/\\/g, "/").replace(/^\.\//, "");
@@ -802,1241 +830,1241 @@ function instrumentSections(html, site) {
   });
 }
 
-// src/compile/primitives.ts
-var primitivesCss = `
-/* \u2014\u2014 Layout \u2014\u2014 */
-.section {
-  padding-block: var(--section-y);
-}
-.section--tight { padding-block: var(--space-6); }
-.section--roomy { padding-block: calc(var(--section-y) + var(--space-5)); }
-.section--surface { background: var(--color-surface); }
-.section--muted { background: var(--color-surface-2); }
-.section--dark,
-[data-scheme="dark"] {
-  --color-bg: #141210;
-  --color-text: #F7F4EF;
-  --color-muted: #B8B0A4;
-  --color-surface: #1E1B18;
-  --color-surface-2: #2A2622;
-  --color-border: #3A342E;
-  background: var(--color-bg);
-  color: var(--color-text);
-}
-.section__head {
-  display: grid;
-  gap: var(--space-3);
-  margin-bottom: var(--space-7);
-  max-width: 42rem;
-}
-.section__head--center {
-  margin-inline: auto;
-  text-align: center;
-  justify-items: center;
-}
-.section__head--row {
-  max-width: none;
-  grid-template-columns: minmax(0, 42rem);
-  align-items: end;
-  justify-content: space-between;
-}
-@media (min-width: 720px) {
-  .section__head--row { grid-template-columns: minmax(0, 42rem) auto; }
-}
-.section__head--row > .btn-group { justify-self: end; }
-/* Editorial split head: short label column, heading + lede column. */
-.section__head--split { max-width: none; }
-@media (min-width: 720px) {
-  .section__head--split {
-    grid-template-columns: minmax(0, 14rem) minmax(0, 42rem);
-    gap: var(--space-5) var(--space-7);
-    align-items: start;
+// src/runtime/before-after.ts
+var beforeAfterJs = `(() => {
+  const roots = [...document.querySelectorAll("[data-island=\\"before-after\\"]")];
+  for (const root of roots) {
+    if (!(root instanceof HTMLElement)) continue;
+    const after = root.querySelector(".before-after__after");
+    const handle = root.querySelector(".before-after__handle");
+    if (!(after instanceof HTMLElement) || !(handle instanceof HTMLElement)) continue;
+
+    let dragging = false;
+    const setPos = (clientX) => {
+      const rect = root.getBoundingClientRect();
+      const pct = Math.min(100, Math.max(0, ((clientX - rect.left) / rect.width) * 100));
+      after.style.clipPath = \`inset(0 0 0 \${pct}%)\`;
+      handle.style.left = \`\${pct}%\`;
+      root.setAttribute("aria-valuenow", String(Math.round(pct)));
+    };
+
+    const onMove = (e) => {
+      if (!dragging) return;
+      const x = "touches" in e ? e.touches[0].clientX : e.clientX;
+      setPos(x);
+    };
+    const stop = () => { dragging = false; };
+
+    root.addEventListener("pointerdown", (e) => {
+      dragging = true;
+      root.setPointerCapture?.(e.pointerId);
+      setPos(e.clientX);
+    });
+    root.addEventListener("pointermove", onMove);
+    root.addEventListener("pointerup", stop);
+    root.addEventListener("pointercancel", stop);
+    root.addEventListener("keydown", (e) => {
+      if (!(e instanceof KeyboardEvent)) return;
+      const now = Number(root.getAttribute("aria-valuenow") || "50");
+      if (e.key === "ArrowLeft") setPos(root.getBoundingClientRect().left + ((now - 5) / 100) * root.clientWidth);
+      if (e.key === "ArrowRight") setPos(root.getBoundingClientRect().left + ((now + 5) / 100) * root.clientWidth);
+    });
+    root.setAttribute("role", "slider");
+    root.setAttribute("aria-valuemin", "0");
+    root.setAttribute("aria-valuemax", "100");
+    root.setAttribute("aria-valuenow", "50");
+    root.tabIndex = 0;
   }
-  .section__head--split > .eyebrow { padding-top: 0.45em; }
-  .section__head--split > :not(.eyebrow) { grid-column: 2; }
-}
-.sticky-col { align-self: start; }
-@media (min-width: 1080px) {
-  .sticky-col { position: sticky; top: calc(var(--header-h, 4rem) + var(--space-5)); }
-}
-.section__head .lede,
-.lede {
-  margin: 0;
-  color: var(--color-muted);
-  font-size: var(--step-1);
-  line-height: 1.55;
-  max-width: 38rem;
-}
-.lede--lg { font-size: var(--step-2); line-height: 1.45; }
-.eyebrow {
-  margin: 0;
-  font-size: var(--step-0);
-  font-weight: 600;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: var(--color-muted);
-}
-.eyebrow--accent { color: var(--color-accent); }
-.grid {
-  display: grid;
-  gap: var(--gap, var(--space-5));
-}
-.grid--2 { grid-template-columns: 1fr; }
-.grid--3 { grid-template-columns: 1fr; }
-.grid--4 { grid-template-columns: 1fr; }
-@media (min-width: 720px) {
-  .grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
-  .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-}
-@media (min-width: 1080px) {
-  .grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
-}
-.split {
-  display: grid;
-  gap: var(--space-6);
-  align-items: center;
-}
-.split--top { align-items: start; }
-@media (min-width: 720px) {
-  .split { grid-template-columns: 1fr 1fr; gap: var(--space-7); }
-  .split--reverse > :first-child { order: 2; }
-}
-@media (min-width: 1080px) {
-  .split { gap: var(--space-8); }
-}
-.bento {
-  display: grid;
-  gap: var(--space-3);
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-.bento__wide, .bento__full { grid-column: span 2; }
-@media (min-width: 720px) {
-  .bento {
-    gap: var(--space-4);
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-    grid-auto-rows: minmax(9rem, auto);
-    grid-auto-flow: dense;
+})();
+`;
+
+// src/runtime/carousel.ts
+var carouselJs = `(() => {
+  const roots = [...document.querySelectorAll("[data-island=\\"carousel\\"]")];
+  for (const root of roots) {
+    const track = root.querySelector(".carousel__track");
+    const prev = root.querySelector("[data-carousel-prev]");
+    const next = root.querySelector("[data-carousel-next]");
+    if (!(track instanceof HTMLElement)) continue;
+    const step = () => Math.max(track.clientWidth * 0.85, 240);
+    prev?.addEventListener("click", () => track.scrollBy({ left: -step(), behavior: "smooth" }));
+    next?.addEventListener("click", () => track.scrollBy({ left: step(), behavior: "smooth" }));
+    root.addEventListener("keydown", (e) => {
+      if (!(e instanceof KeyboardEvent)) return;
+      if (e.key === "ArrowLeft") track.scrollBy({ left: -step(), behavior: "smooth" });
+      if (e.key === "ArrowRight") track.scrollBy({ left: step(), behavior: "smooth" });
+    });
   }
-  .bento > * { grid-column: span 3; }
-  .bento__wide { grid-column: span 4; }
-  .bento__tall { grid-row: span 2; }
-  .bento__full { grid-column: span 6; }
-  .bento__narrow { grid-column: span 2; }
-}
-.stack { display: grid; gap: var(--space-4); }
-.stack--tight { gap: var(--space-2); }
-.stack--loose { gap: var(--space-6); }
-.row {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: var(--space-3);
-}
-.row--between { justify-content: space-between; }
+})();
+`;
 
-/* \u2014\u2014 Surfaces \u2014\u2014 */
-.card {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  background: var(--color-surface);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-lg);
-  overflow: hidden;
-}
-.card--bordered { box-shadow: none; }
-.card--elevated { box-shadow: var(--shadow-2); border-color: transparent; }
-.card--flat {
-  box-shadow: none;
-  border-color: transparent;
-  background: var(--color-surface-2);
-}
-.card--accent { border-color: var(--color-accent); box-shadow: 0 0 0 1px var(--color-accent); }
-.card--interactive {
-  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
-}
-.card--interactive:hover {
-  transform: translateY(-2px);
-  box-shadow: var(--shadow-2);
-}
-.card__media {
-  position: relative;
-  overflow: hidden;
-  background: var(--color-surface-2);
-  border-radius: 0;
-}
-.card__media img,
-.card__media video {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  transition: transform 400ms ease;
-}
-.card--interactive:hover .card__media img { transform: scale(1.03); }
-.card__body {
-  display: grid;
-  gap: var(--space-2);
-  padding: var(--space-5);
-  flex: 1;
-  align-content: start;
-}
-.card__body > h3,
-.card__body > h4 {
-  font-size: var(--step-2);
-  line-height: 1.25;
-}
-.card__body > p { margin: 0; color: var(--color-muted); font-size: var(--step-1); }
-.card__body > .btn-group,
-.card__body > .btn,
-.card__body > .btn-outline,
-.card__body > .btn-arrow {
-  margin-top: var(--space-2);
-  justify-self: start;
-}
-.card__body > .btn-arrow { align-self: end; margin-top: auto; padding-top: var(--space-3); }
-/* Photo tile with a bottom scrim and light text (services tiles, project grids, step panels). */
-.photo-card {
-  position: relative;
-  isolation: isolate;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  overflow: hidden;
-  border-radius: var(--radius-lg);
-  background: var(--color-surface-2);
-  color: #fff;
-  text-decoration: none;
-}
-.photo-card > img {
-  position: absolute;
-  inset: 0;
-  z-index: -2;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  transition: transform 500ms ease;
-}
-.photo-card::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  z-index: -1;
-  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.72) 100%);
-}
-.photo-card__body {
-  display: grid;
-  gap: var(--space-1);
-  padding: var(--space-5);
-}
-.photo-card__body h2,
-.photo-card__body h3,
-.photo-card__body strong { color: #fff; }
-.photo-card__body p { margin: 0; color: rgba(255, 255, 255, 0.82); }
-.photo-card__body .eyebrow { color: rgba(255, 255, 255, 0.72); }
-a.photo-card:hover > img,
-a.photo-card:focus-visible > img { transform: scale(1.04); }
-a.photo-card:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
-.card__footer {
-  margin-top: auto;
-  padding: var(--space-4) var(--space-5);
-  border-top: 1px solid var(--color-border);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--space-3);
-}
-.hairline {
-  border: 0;
-  border-top: 1px solid var(--color-border);
-  margin: var(--space-6) 0;
-}
-.frame {
-  overflow: hidden;
-  border-radius: var(--radius-lg);
-  background: var(--color-surface-2);
-  box-shadow: var(--shadow-2);
-}
-.frame > img,
-.frame > video { width: 100%; height: 100%; object-fit: cover; }
-.ratio-16x9,
-.ratio-4x3,
-.ratio-3x2,
-.ratio-1x1,
-.ratio-3x4,
-.ratio-21x9 {
-  position: relative;
-  overflow: hidden;
-  border-radius: var(--radius-lg);
-  background: var(--color-surface-2);
-}
-.ratio-16x9 { aspect-ratio: 16 / 9; }
-.ratio-4x3 { aspect-ratio: 4 / 3; }
-.ratio-3x2 { aspect-ratio: 3 / 2; }
-.ratio-1x1 { aspect-ratio: 1 / 1; }
-.ratio-3x4 { aspect-ratio: 3 / 4; }
-.ratio-21x9 { aspect-ratio: 21 / 9; }
-.card__media[class*="ratio-"] { border-radius: 0; }
-.ratio-16x9 > img,
-.ratio-4x3 > img,
-.ratio-3x2 > img,
-.ratio-1x1 > img,
-.ratio-3x4 > img,
-.ratio-21x9 > img {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-.icon-tile {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 2.75rem;
-  height: 2.75rem;
-  border-radius: var(--radius);
-  background: color-mix(in srgb, var(--color-accent) 12%, transparent);
-  color: var(--color-accent);
-  flex-shrink: 0;
-}
-.icon-tile .icon { width: 1.35rem; height: 1.35rem; }
-.icon-tile--round { border-radius: var(--radius-pill); }
-.icon-tile--muted { background: var(--color-surface-2); color: var(--color-text); }
+// src/runtime/header.ts
+var headerJs = `(() => {
+  const headers = [...document.querySelectorAll("[data-island=\\"header\\"]")];
+  if (!headers.length) return;
 
-/* \u2014\u2014 Marks \u2014\u2014 */
-.badge {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.4rem;
-  min-height: 1.85rem;
-  padding: 0.25rem 0.75rem;
-  border-radius: var(--radius-pill);
-  font-size: var(--step-0);
-  font-weight: 600;
-  line-height: 1.2;
-  background: var(--color-surface-2);
-  color: var(--color-text);
-  border: 1px solid transparent;
-  white-space: nowrap;
-}
-.badge .icon { width: 1rem; height: 1rem; }
-.badge--accent {
-  background: color-mix(in srgb, var(--color-accent) 14%, transparent);
-  color: var(--color-accent);
-}
-.badge--muted { color: var(--color-muted); }
-.badge--outline {
-  background: transparent;
-  border-color: var(--color-border);
-}
-.stat { display: grid; gap: var(--space-1); align-content: start; }
-.stat__value {
-  margin: 0;
-  font-family: var(--font-display);
-  font-size: var(--step-4);
-  font-weight: 600;
-  letter-spacing: -0.03em;
-  font-variant-numeric: tabular-nums;
-  line-height: 1.05;
-}
-.stat__label {
-  margin: 0;
-  color: var(--color-muted);
-  font-size: var(--step-0);
-}
-.stat--sm .stat__value { font-size: var(--step-3); }
-.rating {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.15rem;
-  color: var(--color-accent);
-  letter-spacing: 0.05em;
-  line-height: 1;
-}
-.rating .icon { width: 1.05rem; height: 1.05rem; fill: currentColor; stroke: none; }
-.price {
-  display: flex;
-  align-items: baseline;
-  gap: 0.3rem;
-  margin: 0;
-}
-.price__amount {
-  font-family: var(--font-display);
-  font-size: var(--step-4);
-  font-weight: 600;
-  letter-spacing: -0.03em;
-  line-height: 1;
-  font-variant-numeric: tabular-nums;
-}
-.price__period { color: var(--color-muted); font-size: var(--step-0); }
-.prose {
-  max-width: 65ch;
-}
-.prose > * + * { margin-top: var(--space-4); }
-.list-check,
-.list-plain {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: grid;
-  gap: var(--space-3);
-}
-.list-check li {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.65rem;
-  line-height: 1.5;
-}
-.list-check li > .icon {
-  margin-top: 0.2em;
-  color: var(--color-accent);
-}
-.table-wrap { overflow-x: auto; }
-.table {
-  width: 100%;
-  border-collapse: collapse;
-  font-variant-numeric: tabular-nums;
-}
-.table th,
-.table td {
-  padding: var(--space-3) var(--space-4);
-  text-align: left;
-  border-bottom: 1px solid var(--color-border);
-  vertical-align: top;
-}
-.table th {
-  font-size: var(--step-0);
-  font-weight: 600;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-  color: var(--color-muted);
-}
-.table td:not(:first-child),
-.table th:not(:first-child) { text-align: right; }
-.table--plain th,
-.table--plain td { padding-inline: 0; }
+  const onScroll = () => {
+    const scrolled = window.scrollY > 8;
+    for (const el of headers) el.classList.toggle("is-scrolled", scrolled);
+  };
+  onScroll();
+  window.addEventListener("scroll", onScroll, { passive: true });
 
-/* \u2014\u2014 People / proof \u2014\u2014 */
-.avatar {
-  width: 2.75rem;
-  height: 2.75rem;
-  border-radius: var(--radius-pill);
-  object-fit: cover;
-  background: var(--color-surface-2);
-  border: 2px solid var(--color-surface);
-  flex-shrink: 0;
-}
-.avatar--sm { width: 2rem; height: 2rem; }
-.avatar--lg { width: 4rem; height: 4rem; }
-.avatar-group {
-  display: inline-flex;
-  align-items: center;
-}
-.avatar-group .avatar { margin-inline-start: -0.55rem; box-shadow: 0 0 0 2px var(--color-bg); }
-.avatar-group .avatar:first-child { margin-inline-start: 0; }
-/* \u2014\u2014 Chips (radio / checkbox pills) \u2014\u2014 */
-.chips {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-2);
-  margin: 0;
-  padding: 0;
-  border: 0;
-}
-.chips > legend,
-.chips__label {
-  display: block;
-  width: 100%;
-  margin-bottom: var(--space-2);
-  font-size: var(--step-0);
-  font-weight: 600;
-  color: var(--color-text);
-}
-.chips label { position: relative; display: inline-flex; }
-.chips input {
-  position: absolute;
-  inset: 0;
-  margin: 0;
-  opacity: 0;
-  cursor: pointer;
-}
-.chips span {
-  display: inline-flex;
-  align-items: center;
-  min-height: 2.25rem;
-  padding: 0.35rem 0.9rem;
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-pill);
-  font-size: var(--step-0);
-  font-weight: 500;
-  color: var(--color-text);
-  background: var(--color-surface);
-  transition: background 0.15s ease, border-color 0.15s ease;
-}
-.chips label:hover span { border-color: var(--color-text); }
-.chips input:checked + span {
-  background: var(--color-text);
-  border-color: var(--color-text);
-  color: var(--color-bg);
-}
-.chips input:focus-visible + span { outline: 2px solid var(--color-focus); outline-offset: 2px; }
-.byline {
-  display: flex;
-  align-items: center;
-  gap: var(--space-3);
-  font-size: var(--step-0);
-}
-.byline strong { display: block; font-weight: 600; color: var(--color-text); }
-.byline span { color: var(--color-muted); }
-.logo-row {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  gap: var(--space-5) var(--space-7);
-  opacity: 0.65;
-}
-.logo-row img {
-  max-height: 1.75rem;
-  width: auto;
-  filter: grayscale(1);
-}
-.quote {
-  margin: 0;
-  font-family: var(--font-display);
-  font-size: var(--step-2);
-  line-height: 1.4;
-  letter-spacing: -0.015em;
-  text-wrap: pretty;
-}
-.quote--lg { font-size: var(--step-3); line-height: 1.3; letter-spacing: -0.02em; }
-.quote cite,
-.quote footer {
-  display: block;
-  margin-top: var(--space-4);
-  font-style: normal;
-  font-family: var(--font-body);
-  font-size: var(--step-0);
-  letter-spacing: 0;
-  color: var(--color-muted);
-}
-.quote--card {
-  font-family: var(--font-body);
-  font-size: var(--step-1);
-  line-height: 1.6;
-  letter-spacing: 0;
-}
+  for (const root of headers) {
+    const toggle = root.querySelector("[data-nav-toggle]");
+    const drawer = root.querySelector(".nav-drawer");
+    const panel = root.querySelector(".nav-drawer__panel");
+    if (!toggle || !drawer || !panel) continue;
 
-/* \u2014\u2014 Controls \u2014\u2014 */
-.btn-lg { padding: 0.9rem 1.75rem; min-height: 3rem; font-size: var(--step-1); }
-.btn-sm { padding: 0.45rem 1rem; min-height: 2.25rem; font-size: var(--step-0); }
-.btn-icon {
-  width: var(--tap-min);
-  height: var(--tap-min);
-  padding: 0;
-  border-radius: var(--radius-pill);
-}
-.btn-group {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-3);
-  align-items: center;
-}
-.field {
-  display: grid;
-  gap: var(--space-2);
-}
-.field label {
-  font-weight: 600;
-  font-size: var(--step-0);
-}
-.field + .field { margin-top: var(--space-4); }
-.form-grid {
-  display: grid;
-  gap: var(--space-4);
-}
-.form-grid .field + .field { margin-top: 0; }
-@media (min-width: 720px) {
-  .form-grid--2 { grid-template-columns: 1fr 1fr; }
-  .form-grid .field--full { grid-column: 1 / -1; }
-}
-.input,
-.textarea,
-.select {
-  width: 100%;
-  min-height: var(--tap-min);
-  padding: 0.65rem 0.9rem;
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius);
-  background: var(--color-surface);
-  color: var(--color-text);
-  font: inherit;
-  line-height: 1.4;
-}
-.textarea { min-height: 7rem; resize: vertical; }
-.input:focus-visible,
-.textarea:focus-visible,
-.select:focus-visible {
-  outline: none;
-  box-shadow: var(--ring);
-  border-color: var(--color-focus);
-}
-.input-row {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-2);
-}
-.input-row .input { flex: 1 1 14rem; }
-.checkbox {
-  width: 1.15rem;
-  height: 1.15rem;
-  accent-color: var(--color-accent);
-}
-.accordion {
-  border-top: 1px solid var(--color-border);
-}
-.accordion details {
-  border-bottom: 1px solid var(--color-border);
-}
-.accordion summary {
-  list-style: none;
-  cursor: pointer;
-  min-height: var(--tap-min);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--space-4);
-  padding: var(--space-4) 0;
-  font-weight: 600;
-  font-size: var(--step-1);
-}
-.accordion summary::-webkit-details-marker { display: none; }
-.accordion summary::after {
-  content: "+";
-  flex-shrink: 0;
-  width: 1.75rem;
-  height: 1.75rem;
-  display: inline-grid;
-  place-items: center;
-  border-radius: var(--radius-pill);
-  background: var(--color-surface-2);
-  font-weight: 500;
-  color: var(--color-muted);
-  transition: transform 180ms ease;
-}
-.accordion details[open] summary::after { content: "\u2013"; }
-.accordion details > *:not(summary) {
-  margin: 0;
-  padding-bottom: var(--space-4);
-  max-width: 60ch;
-  color: var(--color-muted);
-}
-.tabs {
-  display: grid;
-  gap: var(--space-5);
-}
-.tabs__list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-2);
-  border-bottom: 1px solid var(--color-border);
-}
-.tabs__list--pill {
-  border-bottom: 0;
-  gap: var(--space-1);
-  padding: var(--space-1);
-  background: var(--color-surface-2);
-  border-radius: var(--radius-pill);
-  width: fit-content;
+    const close = () => {
+      drawer.classList.remove("is-open");
+      toggle.setAttribute("aria-expanded", "false");
+      document.body.style.overflow = "";
+    };
+    const open = () => {
+      drawer.classList.add("is-open");
+      toggle.setAttribute("aria-expanded", "true");
+      document.body.style.overflow = "hidden";
+      const focusable = panel.querySelector("a,button,[tabindex]:not([tabindex='-1'])");
+      if (focusable instanceof HTMLElement) focusable.focus();
+    };
+
+    toggle.addEventListener("click", () => {
+      if (drawer.classList.contains("is-open")) close();
+      else open();
+    });
+    drawer.addEventListener("click", (e) => {
+      if (e.target === drawer) close();
+    });
+    document.addEventListener("keydown", (e) => {
+      if (e.key === "Escape") close();
+    });
+    panel.querySelectorAll("a").forEach((a) => a.addEventListener("click", close));
+  }
+})();
+`;
+
+// src/runtime/experience.ts
+function experienceArrivalBootstrap(pauseKey = "vitris-experience-paused") {
+  return `(()=>{try{if(matchMedia('(prefers-reduced-motion:reduce)').matches||document.documentElement.dataset.motionPolicy==='off'||localStorage.getItem(${JSON.stringify(pauseKey)})==='true')return;const key='vitris-experience-handoff',raw=sessionStorage.getItem(key);sessionStorage.removeItem(key);const handoff=raw?JSON.parse(raw):null;const route=handoff&&handoff.path===location.pathname&&Date.now()-handoff.at<15000;const initial=!sessionStorage.getItem('vitris-experience-arrived');if(!route&&!initial)return;document.documentElement.dataset.experienceArrival=route?'route':'initial';window.VitrisExperienceArrival={mode:route?'route':'initial',title:route?handoff.title:null,timer:setTimeout(()=>{delete document.documentElement.dataset.experienceArrival;delete window.VitrisExperienceArrival;},3500)};}catch{}})();`;
 }
-.tabs__tab {
-  appearance: none;
-  background: transparent;
-  border: 0;
-  border-bottom: 2px solid transparent;
-  margin-bottom: -1px;
-  padding: var(--space-3) var(--space-4);
-  min-height: var(--tap-min);
-  font: inherit;
-  font-weight: 600;
-  color: var(--color-muted);
-  cursor: pointer;
-  transition: color 160ms ease;
+var experienceJs = String.raw`(()=>{
+ if(window.VitrisExperience)return;
+ let cleanup=()=>{};
+ const reduce=matchMedia('(prefers-reduced-motion:reduce)'),fine=matchMedia('(hover:hover) and (pointer:fine)');
+ const allowed=()=>!reduce.matches&&document.documentElement.dataset.motionPolicy!=='off'&&!document.hidden;
+ const clamp=(n,min,max)=>Math.max(min,Math.min(max,n));
+ function init(){
+  cleanup();const abort=new AbortController(),cancels=[];let raf=0;
+  const on=(el,event,fn,options={})=>el?.addEventListener(event,fn,{...options,signal:abort.signal});
+  const preview=document.querySelector('[data-experience-preview]'),cursor=document.querySelector('[data-experience-cursor]');
+  let active=null,mode='',last=0,target={x:0,y:0},position={x:0,y:0},cursorPosition={x:0,y:0};
+  const stop=()=>{active=null;cancelAnimationFrame(raf);raf=0;preview?.setAttribute('data-visible','false');cursor?.setAttribute('data-visible','false');};
+  function bounds(x,y){const w=preview?.offsetWidth||310,h=preview?.offsetHeight||230;return {x:clamp(x,w/2+12,innerWidth-w/2-12),y:clamp(y,h/2+12,innerHeight-h/2-12)};}
+  function paint(){if(preview)preview.style.transform='translate3d('+(position.x-(preview.offsetWidth/2))+'px,'+(position.y-(preview.offsetHeight/2))+'px,0)';if(cursor)cursor.style.transform='translate3d('+(cursorPosition.x-(cursor.offsetWidth/2))+'px,'+(cursorPosition.y-(cursor.offsetHeight/2))+'px,0)';}
+  function follow(t){if(!active||!allowed()){stop();return;}const dt=Math.min(48,t-last||16);last=t;const approach=(v,to,ms)=>v+(to-v)*(1-Math.exp(-dt/ms));position={x:approach(position.x,target.x,190),y:approach(position.y,target.y,190)};cursorPosition={x:approach(cursorPosition.x,target.x,110),y:approach(cursorPosition.y,target.y,110)};paint();if(Math.abs(position.x-target.x)+Math.abs(position.y-target.y)>.15){raf=requestAnimationFrame(follow);}else raf=0;}
+  const focusPosition=el=>{const r=el.getBoundingClientRect();return bounds(innerWidth*.72,r.top+r.height/2);};
+  function show(el,x,y,input){if(!preview||!fine.matches||!allowed()||innerWidth<=Number(preview.dataset.experienceMinWidth||1024)||el.closest('[data-view="grid"]'))return;active=el;mode=input;target=position=cursorPosition=bounds(x,y);last=0;const image=preview.querySelector('img');if(image){image.src=el.dataset.experienceImage;image.alt='';}const label=cursor?.querySelector('[data-experience-label]')||preview.querySelector('[data-experience-label]');if(label)label.textContent='View '+(el.dataset.experienceName||el.textContent.trim());paint();preview.dataset.visible='true';if(cursor)cursor.dataset.visible='true';}
+  document.querySelectorAll('[data-experience-image]').forEach(el=>{
+   on(el,'pointerenter',e=>show(el,e.clientX,e.clientY,'pointer'));
+   on(el,'pointermove',e=>{if(active!==el)return;target=bounds(e.clientX,e.clientY);if(!raf)raf=requestAnimationFrame(follow);});
+   on(el,'pointerleave',()=>{if(document.activeElement!==el)stop();});
+   on(el,'focus',()=>{const p=focusPosition(el);show(el,p.x,p.y,'keyboard');});on(el,'blur',stop);on(el,'click',stop);
+  });
+  on(window,'scroll',()=>{if(active&&mode==='keyboard'){target=position=cursorPosition=focusPosition(active);paint();}else stop();},{passive:true});on(window,'resize',stop);on(document,'visibilitychange',stop);on(reduce,'change',stop);on(fine,'change',stop);
+  const magnets=[...document.querySelectorAll('[data-experience-magnetic]')];
+  magnets.forEach(el=>{let x=0,y=0;const reset=()=>{x=y=0;el.style.transition=allowed()?'transform 1.2s cubic-bezier(.2,1.5,.5,1)':'none';el.style.transform='';};on(el,'pointermove',e=>{if(!allowed()||!fine.matches)return;const r=el.getBoundingClientRect();x=clamp((e.clientX-r.left-r.width/2+x)*.1,-8,8);y=clamp((e.clientY-r.top-r.height/2+y)*.1,-8,8);el.style.transition='transform .4s';el.style.transform='translate3d('+x+'px,'+y+'px,0)';});on(el,'pointerleave',reset);cancels.push(reset);});
+  const drifts=[...document.querySelectorAll('[data-experience-drift]')],tracks=[...document.querySelectorAll('[data-experience-marquee-speed]')];let previousY=scrollY,scrollRaf=0;
+  const settleDrift=()=>drifts.forEach(el=>{const trigger=document.getElementById(el.dataset.experienceTrigger)||el.parentElement;const r=trigger.getBoundingClientRect(),factor=Number(el.dataset.experienceDrift||.13),max=Number(el.dataset.experienceDriftMax||40);const value=allowed()&&r.bottom>0&&r.top<innerHeight?(el.dataset.experienceDriftMode==='center'?clamp((r.top-innerHeight*.5)*factor,-max,0):clamp(-r.top*factor,0,max)):0;el.style.transform=value?'translate3d(0,'+value+'px,0)':'';});
+  function sizeTracks(){tracks.forEach(el=>{const copy=el.firstElementChild;if(copy)el.style.animationDuration=(copy.getBoundingClientRect().width/Number(el.dataset.experienceMarqueeSpeed||73))+'s';});}
+  function scroll(){settleDrift();const delta=scrollY-previousY;if(Math.abs(delta)>2&&allowed())tracks.forEach(el=>{const animation=el.getAnimations()[0];if(!animation)return;const duration=Number(animation.effect.getTiming().duration);if(Number(animation.currentTime)<duration*2)animation.currentTime=Number(animation.currentTime)+duration*100;animation.updatePlaybackRate(delta>=0?1:-1);});previousY=scrollY;scrollRaf=0;}
+  on(window,'scroll',()=>{if(!scrollRaf)scrollRaf=requestAnimationFrame(scroll);},{passive:true});on(window,'resize',()=>{sizeTracks();settleDrift();});sizeTracks();document.fonts?.ready.then(()=>{if(!abort.signal.aborted)sizeTracks();});settleDrift();
+  const observer=new IntersectionObserver(entries=>entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('experience-seen');if(e.target.hasAttribute('data-experience-intro')&&allowed())e.target.querySelectorAll('[data-experience-line]').forEach((el,i)=>{const animation=el.animate([{transform:'translateY(24px)',opacity:.75},{transform:'none',opacity:1}],{duration:650,delay:Math.min(i*90,270),easing:'cubic-bezier(.2,1,.3,1)'});cancels.push(()=>animation.cancel());});observer.unobserve(e.target);}}),{threshold:.15});document.querySelectorAll('[data-experience-seam],[data-experience-intro]').forEach(el=>observer.observe(el));
+  const curtain=document.querySelector('[data-experience-transition]');let navigating=false;
+  const opening=()=>{if(allowed())document.querySelectorAll('[data-experience-opening]').forEach((el,i)=>{const a=el.animate([{transform:'translateY(32px)'},{transform:'translateY(0)'}],{duration:1000,delay:Math.min(i*60,180),easing:'cubic-bezier(.15,1,.2,1)',fill:'backwards'});cancels.push(()=>a.cancel());});};
+  const arrival=window.VitrisExperienceArrival;
+  if(arrival&&curtain){clearTimeout(arrival.timer);delete window.VitrisExperienceArrival;try{sessionStorage.setItem('vitris-experience-arrived','seen');}catch{}
+   if(allowed()){
+    const title=document.createElement('span');title.textContent=arrival.title||curtain.dataset.experienceArrival||document.title;curtain.replaceChildren(title);curtain.dataset.state='arrival-hold';curtain.style.visibility='visible';curtain.style.transform='translateY(0)';curtain.style.borderRadius='0';curtain.style.pointerEvents='auto';
+    const reveal=()=>{if(abort.signal.aborted)return;if(!allowed()){delete document.documentElement.dataset.experienceArrival;curtain.style.visibility='';curtain.style.transform='';curtain.style.borderRadius='';curtain.style.pointerEvents='';return;}opening();curtain.dataset.state='revealing';const a=curtain.animate([{transform:'translateY(0)',borderRadius:'0'},{transform:'translateY(-115%)',borderRadius:'0 0 50% 50% / 0 0 12% 12%'}],{duration:800,easing:'cubic-bezier(.65,0,.2,1)',fill:'forwards'});cancels.push(()=>a.cancel());a.finished.catch(()=>{}).finally(()=>{delete document.documentElement.dataset.experienceArrival;curtain.style.visibility='';curtain.style.transform='';curtain.style.borderRadius='';curtain.style.pointerEvents='';curtain.dataset.state='idle';a.cancel();});};
+    const timer=setTimeout(reveal,arrival.mode==='initial'?420:0);cancels.push(()=>clearTimeout(timer));
+   }else delete document.documentElement.dataset.experienceArrival;
+  }else opening();
+  const arrivalSettled=()=>new Promise(resolve=>{if(!document.documentElement.dataset.experienceArrival){resolve();return;}let timer;const done=()=>{observer.disconnect();clearTimeout(timer);abort.signal.removeEventListener('abort',done);resolve();};const observer=new MutationObserver(()=>{if(!document.documentElement.dataset.experienceArrival)done();});observer.observe(document.documentElement,{attributes:true,attributeFilter:['data-experience-arrival']});timer=setTimeout(done,3500);abort.signal.addEventListener('abort',done,{once:true});});
+  on(document,'click',async e=>{const a=e.target.closest('a[href]');if(!curtain||!a||e.defaultPrevented||e.button!==0||e.ctrlKey||e.metaKey||e.shiftKey||e.altKey||a.hasAttribute('download')||a.target&&a.target!=='_self'||!allowed())return;const url=new URL(a.href,location.href);if(url.origin!==location.origin||url.pathname===location.pathname||url.hash||!/^https?:$/.test(url.protocol))return;e.preventDefault();if(navigating)return;navigating=true;await arrivalSettled();if(abort.signal.aborted)return;if(!allowed()){location.assign(url.href);return;}document.dispatchEvent(new Event('vitris:before-navigate'));const label=document.createElement('span');label.textContent=a.dataset.experienceTitle||a.dataset.chapterName||a.textContent.trim().split('\n')[0];label.style.opacity='0';curtain.replaceChildren(label);curtain.dataset.state='covering';curtain.style.visibility='visible';curtain.style.pointerEvents='auto';try{const cover=curtain.animate([{transform:'translateY(115%)',borderRadius:'50% 50% 0 0 / 12% 12% 0 0'},{transform:'translateY(0)',borderRadius:'0'}],{duration:500,easing:'cubic-bezier(.7,0,.9,.4)',fill:'forwards'});cancels.push(()=>cover.cancel());await cover.finished;const title=label.animate([{opacity:0,transform:'translateY(20px)'},{opacity:1,transform:'none'}],{duration:650,fill:'forwards'});cancels.push(()=>title.cancel());await new Promise(resolve=>setTimeout(resolve,430));if(curtain.hasAttribute('data-experience-arrival')&&allowed())try{sessionStorage.setItem('vitris-experience-handoff',JSON.stringify({path:url.pathname,title:label.textContent,at:Date.now()}));}catch{}}catch{}finally{location.assign(url.href);}});
+  const settlePolicy=()=>{if(!allowed()){stop();magnets.forEach(el=>{el.style.transition='none';el.style.transform='';});document.querySelectorAll('[data-experience-opening],[data-experience-line]').forEach(el=>el.getAnimations().forEach(a=>a.cancel()));if(curtain){curtain.getAnimations().forEach(a=>a.cancel());delete document.documentElement.dataset.experienceArrival;curtain.style.visibility='';curtain.style.transform='';curtain.style.borderRadius='';curtain.style.pointerEvents='';}}settleDrift();};
+  const policy=new MutationObserver(settlePolicy);policy.observe(document.documentElement,{attributes:true,attributeFilter:['data-motion-policy']});on(reduce,'change',settlePolicy);on(fine,'change',()=>{magnets.forEach(el=>{el.style.transition='none';el.style.transform='';});});on(document,'visibilitychange',settlePolicy);
+  cleanup=()=>{stop();cancelAnimationFrame(scrollRaf);abort.abort();observer.disconnect();policy.disconnect();cancels.forEach(fn=>fn());drifts.forEach(el=>el.style.transform='');delete document.documentElement.dataset.experienceArrival;if(curtain){curtain.style.visibility='';curtain.style.pointerEvents='';curtain.style.transform='';curtain.style.borderRadius='';}};
+ }
+ window.VitrisExperience={init,dispose:()=>cleanup()};init();
+ addEventListener('pagehide',()=>cleanup());addEventListener('pageshow',e=>{if(e.persisted)init();});
+})();`;
+
+// src/runtime/leads.ts
+var leadsJs = `(() => {
+  let challengeScript;
+  const loadChallenge = () => {
+    if (window.turnstile) return Promise.resolve(window.turnstile);
+    if (!challengeScript) challengeScript = new Promise((resolve, reject) => {
+      const script = document.createElement('script');
+      script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit';
+      script.onload = () => window.turnstile ? resolve(window.turnstile) : reject(new Error('challenge_unavailable'));
+      script.onerror = () => { script.remove(); challengeScript = null; reject(new Error('challenge_unavailable')); };
+      document.head.append(script);
+    });
+    return challengeScript;
+  };
+  document.querySelectorAll('form[data-lead-form][data-vitris-enhanced]').forEach(form => {
+    // Named controls can shadow native form properties and methods.
+    const data = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'dataset').get.call(form);
+    const setAttribute = Element.prototype.setAttribute.bind(form);
+    const removeAttribute = Element.prototype.removeAttribute.bind(form);
+    const querySelectorAll = Element.prototype.querySelectorAll.bind(form);
+    if (data.vitrisInitialized) return;
+    data.vitrisInitialized = '1';
+    let submitting = false, key, signature, widget, token = '', challengeResolve, challengeReject, completedSignature;
+    const note = document.createElement('p'); note.className = 'c-lead-status';
+    note.setAttribute('role', 'status'); note.setAttribute('aria-live', 'polite'); note.tabIndex = -1;
+    note.style.display = 'none'; Element.prototype.after.call(form, note);
+    const say = (message, error = false) => {
+      note.style.display = ''; note.setAttribute('role', error ? 'alert' : 'status'); note.textContent = message;
+      if (error) note.focus();
+    };
+    let challengeBox;
+    const challenge = async () => {
+      const api = await loadChallenge();
+      if (challengeBox) challengeBox.style.display = '';
+      if (token) return token;
+      if (!challengeBox) { challengeBox = document.createElement('div'); challengeBox.className = 'vitris-challenge'; challengeBox.setAttribute('aria-label', 'Security verification'); Element.prototype.append.call(form, challengeBox); }
+      return new Promise((resolve, reject) => {
+        challengeResolve = resolve; challengeReject = reject;
+        if (widget !== undefined) api.reset(widget);
+        else widget = api.render(challengeBox, {
+          sitekey: data.vitrisSitekey, action: data.vitrisAction,
+          callback: value => { token = value; challengeResolve?.(value); },
+          'expired-callback': () => { token = ''; if (submitting) say('Security check expired. Please submit again.', true); challengeReject?.(new Error('challenge_expired')); },
+          'timeout-callback': () => { token = ''; challengeReject?.(new Error('challenge_expired')); },
+          'error-callback': () => { token = ''; challengeReject?.(new Error('challenge_unavailable')); }
+        });
+      });
+    };
+    EventTarget.prototype.addEventListener.call(form, 'submit', async event => {
+      if (event.defaultPrevented) return;
+      event.preventDefault(); if (submitting) return;
+      if (!HTMLFormElement.prototype.reportValidity.call(form)) return;
+      const values = new URLSearchParams(new FormData(form));
+      values.delete('cf-turnstile-response'); values.delete('idempotency_key');
+      const current = values.toString();
+      if (current === completedSignature) { say('Your message was already accepted.'); return; }
+      if (!data.vitrisForm || !data.vitrisSitekey) { say('This preview does not send messages. Please use the listed contact details.', true); return; }
+      if (current !== signature) { key = crypto.randomUUID(); signature = current; }
+      submitting = true;
+      const controls = [...querySelectorAll('button[type="submit"], button:not([type]), input[type="submit"], [data-vitrisid="emailSendButton"]')];
+      const prior = controls.map(c => c.disabled);
+      controls.forEach(c => { c.disabled = true; c.setAttribute('aria-disabled', 'true'); }); setAttribute('aria-busy', 'true');
+      let timeout;
+      try {
+        say('Please complete the security check.');
+        const challengeTimeout = new Promise((_, reject) => { timeout = setTimeout(() => reject(new Error('challenge_unavailable')), 120000); });
+        const verified = await Promise.race([challenge(), challengeTimeout]);
+        clearTimeout(timeout);
+        values.set('cf-turnstile-response', verified); values.set('idempotency_key', key);
+        say('Sending your inquiry\u2026');
+        const controller = new AbortController();
+        timeout = setTimeout(() => controller.abort(), Math.max(100, Math.min(30000, Number(data.leadTimeoutMs) || 10000)));
+        const response = await fetch(Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, 'action').get.call(form), { method:'POST', body:values, headers:{accept:'application/json'}, signal:controller.signal, credentials:'omit' });
+        const result = response.headers.get('content-type')?.includes('application/json') ? await response.json() : null;
+        if (!response.ok || result?.ok !== true) throw new Error(result?.error || 'backend_unavailable');
+        say(result.mode === 'test' ? 'Test message accepted. No customer email will be sent.' : 'Message accepted. Your inquiry has been saved.');
+        completedSignature = current;
+        if (challengeBox) challengeBox.style.display = 'none';
+      } catch (error) {
+        const messages = {
+          challenge_required:'Please complete the security check and try again.',
+          challenge_invalid:'Security check expired or was invalid. Please try again.',
+          challenge_replayed:'Security check was already used. Please try again.',
+          challenge_expired:'Security check expired. Please try again.',
+          challenge_unavailable:'Security check is unavailable. Please try again or use the listed contact details.',
+          rate_limited:'Too many attempts. Please wait ten minutes and try again.',
+          validation_error:'Please check your form fields and try again.',
+          form_disabled:'This form is currently unavailable. Please use the listed contact details.',
+          configuration_unavailable:'This form is currently unavailable. Please use the listed contact details.',
+          idempotency_conflict:'This request changed during a retry. Please edit your message and try again.'
+        };
+        say(error?.name === 'AbortError' ? 'The request timed out. Your message is still here; please try again.' : (messages[error?.message] || 'Acceptance could not be confirmed. Your details are still here; please try again or use the listed contact options.'), true);
+        if (challengeBox) challengeBox.style.display = '';
+      } finally {
+        clearTimeout(timeout); token = ''; challengeResolve = null; challengeReject = null;
+        if (window.turnstile && widget !== undefined) window.turnstile.reset(widget);
+        controls.forEach((c, i) => { c.disabled = prior[i]; c.removeAttribute('aria-disabled'); });
+        removeAttribute('aria-busy'); submitting = false;
+      }
+    });
+  });
+})();`;
+
+// src/runtime/lightbox.ts
+var lightboxJs = `(() => {
+  const roots = [...document.querySelectorAll("[data-island=\\"lightbox\\"]")];
+  for (const root of roots) {
+    const dialog = root.querySelector("dialog");
+    const img = dialog?.querySelector("img");
+    if (!(dialog instanceof HTMLDialogElement) || !(img instanceof HTMLImageElement)) continue;
+
+    root.querySelectorAll("[data-lightbox-src]").forEach((btn) => {
+      btn.addEventListener("click", () => {
+        const src = btn.getAttribute("data-lightbox-src");
+        const alt = btn.getAttribute("data-lightbox-alt") || "";
+        if (!src) return;
+        img.src = src;
+        img.alt = alt;
+        dialog.showModal();
+      });
+    });
+    dialog.addEventListener("click", (e) => {
+      if (e.target === dialog) dialog.close();
+    });
+    dialog.querySelector("[data-lightbox-close]")?.addEventListener("click", () => dialog.close());
+  }
+})();
+`;
+
+// src/runtime/tabs.ts
+var tabsJs = `(() => {
+  const roots = [...document.querySelectorAll("[data-island=\\"tabs\\"]")];
+  for (const root of roots) {
+    const tabs = [...root.querySelectorAll("[role=\\"tab\\"]")];
+    const panels = [...root.querySelectorAll("[role=\\"tabpanel\\"]")];
+    if (!tabs.length) continue;
+
+    const select = (tab) => {
+      for (const t of tabs) {
+        const on = t === tab;
+        t.setAttribute("aria-selected", on ? "true" : "false");
+        t.tabIndex = on ? 0 : -1;
+      }
+      const id = tab.getAttribute("aria-controls");
+      for (const p of panels) {
+        p.hidden = p.id !== id;
+      }
+    };
+
+    tabs.forEach((tab, i) => {
+      tab.addEventListener("click", () => select(tab));
+      tab.addEventListener("keydown", (e) => {
+        if (!(e instanceof KeyboardEvent)) return;
+        let next = i;
+        if (e.key === "ArrowRight") next = (i + 1) % tabs.length;
+        if (e.key === "ArrowLeft") next = (i - 1 + tabs.length) % tabs.length;
+        if (next !== i) {
+          e.preventDefault();
+          tabs[next].focus();
+          select(tabs[next]);
+        }
+      });
+    });
+    const initial = tabs.find((t) => t.getAttribute("aria-selected") === "true") || tabs[0];
+    select(initial);
+  }
+})();
+`;
+
+// src/compile/primitives.ts
+var primitivesCss = `
+/* \u2014\u2014 Layout \u2014\u2014 */
+.section {
+  padding-block: var(--section-y);
 }
-.tabs__tab:hover { color: var(--color-text); }
-.tabs__tab[aria-selected="true"] {
+.section--tight { padding-block: var(--space-6); }
+.section--roomy { padding-block: calc(var(--section-y) + var(--space-5)); }
+.section--surface { background: var(--color-surface); }
+.section--muted { background: var(--color-surface-2); }
+.section--dark,
+[data-scheme="dark"] {
+  --color-bg: #141210;
+  --color-text: #F7F4EF;
+  --color-muted: #B8B0A4;
+  --color-surface: #1E1B18;
+  --color-surface-2: #2A2622;
+  --color-border: #3A342E;
+  background: var(--color-bg);
   color: var(--color-text);
-  border-bottom-color: var(--color-accent);
 }
-.tabs__list--pill .tabs__tab {
-  border: 0;
-  margin: 0;
-  min-height: 2.5rem;
-  padding: var(--space-2) var(--space-4);
-  border-radius: var(--radius-pill);
+.section__head {
+  display: grid;
+  gap: var(--space-3);
+  margin-bottom: var(--space-7);
+  max-width: 42rem;
 }
-.tabs__list--pill .tabs__tab[aria-selected="true"] {
-  background: var(--color-surface);
-  box-shadow: var(--shadow-1);
-}
-.tabs__panel[hidden] { display: none; }
-.announcement {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  gap: var(--space-2) var(--space-4);
-  padding: var(--space-3) var(--space-4);
-  background: var(--color-surface-2);
-  border-bottom: 1px solid var(--color-border);
-  font-size: var(--step-0);
+.section__head--center {
+  margin-inline: auto;
   text-align: center;
+  justify-items: center;
 }
-.announcement a { font-weight: 600; color: inherit; }
-
-/* \u2014\u2014 Chrome \u2014\u2014 */
-.header--sticky {
-  position: sticky;
-  top: 0;
-  z-index: 50;
-  background: color-mix(in srgb, var(--color-bg) 86%, transparent);
-  backdrop-filter: blur(var(--blur-header));
-  -webkit-backdrop-filter: blur(var(--blur-header));
-  border-bottom: 1px solid transparent;
-  transition: border-color 180ms ease, background-color 180ms ease;
+.section__head--row {
+  max-width: none;
+  grid-template-columns: minmax(0, 42rem);
+  align-items: end;
+  justify-content: space-between;
 }
-.header--sticky.is-scrolled {
-  border-bottom-color: var(--color-border);
-  background: color-mix(in srgb, var(--color-bg) 92%, transparent);
+@media (min-width: 720px) {
+  .section__head--row { grid-template-columns: minmax(0, 42rem) auto; }
 }
-.nav-links {
-  display: flex;
-  align-items: center;
-  gap: var(--space-1);
+.section__head--row > .btn-group { justify-self: end; }
+/* Editorial split head: short label column, heading + lede column. */
+.section__head--split { max-width: none; }
+@media (min-width: 720px) {
+  .section__head--split {
+    grid-template-columns: minmax(0, 14rem) minmax(0, 42rem);
+    gap: var(--space-5) var(--space-7);
+    align-items: start;
+  }
+  .section__head--split > .eyebrow { padding-top: 0.45em; }
+  .section__head--split > :not(.eyebrow) { grid-column: 2; }
 }
-.nav-links a {
-  display: inline-flex;
-  align-items: center;
-  min-height: 2.5rem;
-  padding: 0 var(--space-3);
-  border-radius: var(--radius-pill);
+.sticky-col { align-self: start; }
+@media (min-width: 1080px) {
+  .sticky-col { position: sticky; top: calc(var(--header-h, 4rem) + var(--space-5)); }
+}
+.section__head .lede,
+.lede {
+  margin: 0;
+  color: var(--color-muted);
+  font-size: var(--step-1);
+  line-height: 1.55;
+  max-width: 38rem;
+}
+.lede--lg { font-size: var(--step-2); line-height: 1.45; }
+.eyebrow {
+  margin: 0;
   font-size: var(--step-0);
-  font-weight: 500;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
   color: var(--color-muted);
-  text-decoration: none;
-  transition: color 160ms ease, background-color 160ms ease;
 }
-.nav-links a:hover,
-.nav-links a[aria-current="page"] {
-  color: var(--color-text);
-  background: color-mix(in srgb, var(--color-text) 5%, transparent);
+.eyebrow--accent { color: var(--color-accent); }
+.grid {
+  display: grid;
+  gap: var(--gap, var(--space-5));
 }
-.brand {
-  display: inline-flex;
+.grid--2 { grid-template-columns: 1fr; }
+.grid--3 { grid-template-columns: 1fr; }
+.grid--4 { grid-template-columns: 1fr; }
+@media (min-width: 720px) {
+  .grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+  .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+}
+@media (min-width: 1080px) {
+  .grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
+}
+.split {
+  display: grid;
+  gap: var(--space-6);
   align-items: center;
-  gap: var(--space-2);
-  font-family: var(--font-display);
-  font-weight: 700;
-  font-size: var(--step-2);
-  letter-spacing: -0.02em;
-  color: var(--color-text);
-  text-decoration: none;
-  white-space: nowrap;
 }
-.brand img { height: 2rem; width: auto; }
-.nav-drawer {
-  position: fixed;
-  inset: 0;
-  z-index: 60;
-  background: color-mix(in srgb, var(--color-text) 40%, transparent);
-  opacity: 0;
-  visibility: hidden;
-  pointer-events: none;
-  transition: opacity 180ms ease, visibility 180ms ease;
+.split--top { align-items: start; }
+@media (min-width: 720px) {
+  .split { grid-template-columns: 1fr 1fr; gap: var(--space-7); }
+  .split--reverse > :first-child { order: 2; }
 }
-.nav-drawer.is-open {
-  opacity: 1;
-  visibility: visible;
-  pointer-events: auto;
+@media (min-width: 1080px) {
+  .split { gap: var(--space-8); }
 }
-.nav-drawer__panel {
-  position: absolute;
-  inset-block: 0;
-  inset-inline-end: 0;
-  width: min(20rem, 88vw);
-  background: var(--color-surface);
-  color: var(--color-text);
-  padding: calc(var(--header-h) + var(--space-2)) var(--space-5) var(--space-5);
-  box-shadow: var(--shadow-3);
-  transform: translateX(100%);
-  transition: transform 200ms ease;
+.bento {
   display: grid;
-  align-content: start;
-  gap: var(--space-5);
+  gap: var(--space-3);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
 }
-.nav-drawer.is-open .nav-drawer__panel { transform: none; }
-.nav-drawer__panel nav {
-  display: grid;
+.bento__wide, .bento__full { grid-column: span 2; }
+@media (min-width: 720px) {
+  .bento {
+    gap: var(--space-4);
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+    grid-auto-rows: minmax(9rem, auto);
+    grid-auto-flow: dense;
+  }
+  .bento > * { grid-column: span 3; }
+  .bento__wide { grid-column: span 4; }
+  .bento__tall { grid-row: span 2; }
+  .bento__full { grid-column: span 6; }
+  .bento__narrow { grid-column: span 2; }
 }
-.nav-drawer__panel nav a {
-  display: block;
-  padding: var(--space-3) 0;
-  border-bottom: 1px solid var(--color-border);
-  font-weight: 600;
-  text-decoration: none;
-  color: var(--color-text);
+.stack { display: grid; gap: var(--space-4); }
+.stack--tight { gap: var(--space-2); }
+.stack--loose { gap: var(--space-6); }
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--space-3);
 }
-.nav-drawer__panel .btn-group > * { flex: 1; }
+.row--between { justify-content: space-between; }
 
-/* \u2014\u2014 Island widgets \u2014\u2014 */
-.carousel {
-  display: grid;
-  gap: var(--space-5);
-}
-.carousel__track {
+/* \u2014\u2014 Surfaces \u2014\u2014 */
+.card {
+  position: relative;
   display: flex;
-  gap: var(--space-4);
-  overflow-x: auto;
-  scroll-snap-type: x mandatory;
-  scroll-behavior: smooth;
-  padding-bottom: var(--space-2);
-  scrollbar-width: none;
+  flex-direction: column;
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-lg);
+  overflow: hidden;
 }
-.carousel__track::-webkit-scrollbar { display: none; }
-.carousel__track > * {
-  flex: 0 0 min(100%, 22rem);
-  scroll-snap-align: start;
+.card--bordered { box-shadow: none; }
+.card--elevated { box-shadow: var(--shadow-2); border-color: transparent; }
+.card--flat {
+  box-shadow: none;
+  border-color: transparent;
+  background: var(--color-surface-2);
 }
-.carousel__nav {
-  display: flex;
-  gap: var(--space-2);
+.card--accent { border-color: var(--color-accent); box-shadow: 0 0 0 1px var(--color-accent); }
+.card--interactive {
+  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
 }
-.carousel__nav > button {
-  display: inline-grid;
-  place-items: center;
-  width: 2.75rem;
-  height: 2.75rem;
-  min-height: 0;
-  padding: 0;
-  border-radius: var(--radius-pill);
-  border: 1px solid var(--color-border);
-  background: var(--color-surface);
-  color: var(--color-text);
-  font: inherit;
-  font-size: 1.1rem;
-  line-height: 1;
-  cursor: pointer;
-  transition: border-color 160ms ease, background-color 160ms ease;
+.card--interactive:hover {
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-2);
 }
-.carousel__nav > button:hover { border-color: var(--color-text); }
-.carousel__nav > button:disabled { opacity: 0.4; cursor: default; }
-.before-after {
+.card__media {
   position: relative;
   overflow: hidden;
-  border-radius: var(--radius-lg);
   background: var(--color-surface-2);
-  user-select: none;
-  touch-action: none;
+  border-radius: 0;
 }
-.before-after__before,
-.before-after__after {
-  display: block;
+.card__media img,
+.card__media video {
   width: 100%;
-  aspect-ratio: 16 / 10;
+  height: 100%;
   object-fit: cover;
+  transition: transform 400ms ease;
 }
-.before-after__after {
-  position: absolute;
-  inset: 0;
-  clip-path: inset(0 0 0 50%);
+.card--interactive:hover .card__media img { transform: scale(1.03); }
+.card__body {
+  display: grid;
+  gap: var(--space-2);
+  padding: var(--space-5);
+  flex: 1;
+  align-content: start;
 }
-.before-after__handle {
+.card__body > h3,
+.card__body > h4 {
+  font-size: var(--step-2);
+  line-height: 1.25;
+}
+.card__body > p { margin: 0; color: var(--color-muted); font-size: var(--step-1); }
+.card__body > .btn-group,
+.card__body > .btn,
+.card__body > .btn-outline,
+.card__body > .btn-arrow {
+  margin-top: var(--space-2);
+  justify-self: start;
+}
+.card__body > .btn-arrow { align-self: end; margin-top: auto; padding-top: var(--space-3); }
+/* Photo tile with a bottom scrim and light text (services tiles, project grids, step panels). */
+.photo-card {
+  position: relative;
+  isolation: isolate;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  overflow: hidden;
+  border-radius: var(--radius-lg);
+  background: var(--color-surface-2);
+  color: #fff;
+  text-decoration: none;
+}
+.photo-card > img {
   position: absolute;
-  inset-block: 0;
-  left: 50%;
-  width: 2px;
-  background: var(--color-surface);
-  transform: translateX(-50%);
-  cursor: ew-resize;
+  inset: 0;
+  z-index: -2;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: transform 500ms ease;
 }
-.before-after__handle::after {
+.photo-card::before {
   content: "";
   position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 2.5rem;
-  height: 2.5rem;
-  border-radius: var(--radius-pill);
-  border: 2px solid var(--color-surface);
-  background: color-mix(in srgb, var(--color-text) 70%, transparent);
+  inset: 0;
+  z-index: -1;
+  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.72) 100%);
+}
+.photo-card__body {
+  display: grid;
+  gap: var(--space-1);
+  padding: var(--space-5);
+}
+.photo-card__body h2,
+.photo-card__body h3,
+.photo-card__body strong { color: #fff; }
+.photo-card__body p { margin: 0; color: rgba(255, 255, 255, 0.82); }
+.photo-card__body .eyebrow { color: rgba(255, 255, 255, 0.72); }
+a.photo-card:hover > img,
+a.photo-card:focus-visible > img { transform: scale(1.04); }
+a.photo-card:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
+.card__footer {
+  margin-top: auto;
+  padding: var(--space-4) var(--space-5);
+  border-top: 1px solid var(--color-border);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-3);
+}
+.hairline {
+  border: 0;
+  border-top: 1px solid var(--color-border);
+  margin: var(--space-6) 0;
+}
+.frame {
+  overflow: hidden;
+  border-radius: var(--radius-lg);
+  background: var(--color-surface-2);
   box-shadow: var(--shadow-2);
-  transform: translate(-50%, -50%);
 }
-.before-after__label {
+.frame > img,
+.frame > video { width: 100%; height: 100%; object-fit: cover; }
+.ratio-16x9,
+.ratio-4x3,
+.ratio-3x2,
+.ratio-1x1,
+.ratio-3x4,
+.ratio-21x9 {
+  position: relative;
+  overflow: hidden;
+  border-radius: var(--radius-lg);
+  background: var(--color-surface-2);
+}
+.ratio-16x9 { aspect-ratio: 16 / 9; }
+.ratio-4x3 { aspect-ratio: 4 / 3; }
+.ratio-3x2 { aspect-ratio: 3 / 2; }
+.ratio-1x1 { aspect-ratio: 1 / 1; }
+.ratio-3x4 { aspect-ratio: 3 / 4; }
+.ratio-21x9 { aspect-ratio: 21 / 9; }
+.card__media[class*="ratio-"] { border-radius: 0; }
+.ratio-16x9 > img,
+.ratio-4x3 > img,
+.ratio-3x2 > img,
+.ratio-1x1 > img,
+.ratio-3x4 > img,
+.ratio-21x9 > img {
   position: absolute;
-  top: var(--space-3);
-  padding: 0.2rem 0.6rem;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.icon-tile {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.75rem;
+  height: 2.75rem;
+  border-radius: var(--radius);
+  background: color-mix(in srgb, var(--color-accent) 12%, transparent);
+  color: var(--color-accent);
+  flex-shrink: 0;
+}
+.icon-tile .icon { width: 1.35rem; height: 1.35rem; }
+.icon-tile--round { border-radius: var(--radius-pill); }
+.icon-tile--muted { background: var(--color-surface-2); color: var(--color-text); }
+
+/* \u2014\u2014 Marks \u2014\u2014 */
+.badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+  min-height: 1.85rem;
+  padding: 0.25rem 0.75rem;
   border-radius: var(--radius-pill);
   font-size: var(--step-0);
   font-weight: 600;
-  background: color-mix(in srgb, var(--color-bg) 80%, transparent);
+  line-height: 1.2;
+  background: var(--color-surface-2);
   color: var(--color-text);
-  pointer-events: none;
+  border: 1px solid transparent;
+  white-space: nowrap;
 }
-.before-after__label--before { left: var(--space-3); }
-.before-after__label--after { right: var(--space-3); }
-.icon {
-  width: 1.25rem;
-  height: 1.25rem;
-  stroke: currentColor;
-  fill: none;
-  stroke-width: 1.75;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-  flex-shrink: 0;
+.badge .icon { width: 1rem; height: 1rem; }
+.badge--accent {
+  background: color-mix(in srgb, var(--color-accent) 14%, transparent);
+  color: var(--color-accent);
 }
-.icon--lg { width: 1.75rem; height: 1.75rem; }
-.icon--sm { width: 1rem; height: 1rem; }
-`;
-
-// src/runtime/before-after.ts
-var beforeAfterJs = `(() => {
-  const roots = [...document.querySelectorAll("[data-island=\\"before-after\\"]")];
-  for (const root of roots) {
-    if (!(root instanceof HTMLElement)) continue;
-    const after = root.querySelector(".before-after__after");
-    const handle = root.querySelector(".before-after__handle");
-    if (!(after instanceof HTMLElement) || !(handle instanceof HTMLElement)) continue;
-
-    let dragging = false;
-    const setPos = (clientX) => {
-      const rect = root.getBoundingClientRect();
-      const pct = Math.min(100, Math.max(0, ((clientX - rect.left) / rect.width) * 100));
-      after.style.clipPath = \`inset(0 0 0 \${pct}%)\`;
-      handle.style.left = \`\${pct}%\`;
-      root.setAttribute("aria-valuenow", String(Math.round(pct)));
-    };
-
-    const onMove = (e) => {
-      if (!dragging) return;
-      const x = "touches" in e ? e.touches[0].clientX : e.clientX;
-      setPos(x);
-    };
-    const stop = () => { dragging = false; };
-
-    root.addEventListener("pointerdown", (e) => {
-      dragging = true;
-      root.setPointerCapture?.(e.pointerId);
-      setPos(e.clientX);
-    });
-    root.addEventListener("pointermove", onMove);
-    root.addEventListener("pointerup", stop);
-    root.addEventListener("pointercancel", stop);
-    root.addEventListener("keydown", (e) => {
-      if (!(e instanceof KeyboardEvent)) return;
-      const now = Number(root.getAttribute("aria-valuenow") || "50");
-      if (e.key === "ArrowLeft") setPos(root.getBoundingClientRect().left + ((now - 5) / 100) * root.clientWidth);
-      if (e.key === "ArrowRight") setPos(root.getBoundingClientRect().left + ((now + 5) / 100) * root.clientWidth);
-    });
-    root.setAttribute("role", "slider");
-    root.setAttribute("aria-valuemin", "0");
-    root.setAttribute("aria-valuemax", "100");
-    root.setAttribute("aria-valuenow", "50");
-    root.tabIndex = 0;
-  }
-})();
-`;
-
-// src/runtime/carousel.ts
-var carouselJs = `(() => {
-  const roots = [...document.querySelectorAll("[data-island=\\"carousel\\"]")];
-  for (const root of roots) {
-    const track = root.querySelector(".carousel__track");
-    const prev = root.querySelector("[data-carousel-prev]");
-    const next = root.querySelector("[data-carousel-next]");
-    if (!(track instanceof HTMLElement)) continue;
-    const step = () => Math.max(track.clientWidth * 0.85, 240);
-    prev?.addEventListener("click", () => track.scrollBy({ left: -step(), behavior: "smooth" }));
-    next?.addEventListener("click", () => track.scrollBy({ left: step(), behavior: "smooth" }));
-    root.addEventListener("keydown", (e) => {
-      if (!(e instanceof KeyboardEvent)) return;
-      if (e.key === "ArrowLeft") track.scrollBy({ left: -step(), behavior: "smooth" });
-      if (e.key === "ArrowRight") track.scrollBy({ left: step(), behavior: "smooth" });
-    });
-  }
-})();
-`;
-
-// src/runtime/header.ts
-var headerJs = `(() => {
-  const headers = [...document.querySelectorAll("[data-island=\\"header\\"]")];
-  if (!headers.length) return;
-
-  const onScroll = () => {
-    const scrolled = window.scrollY > 8;
-    for (const el of headers) el.classList.toggle("is-scrolled", scrolled);
-  };
-  onScroll();
-  window.addEventListener("scroll", onScroll, { passive: true });
-
-  for (const root of headers) {
-    const toggle = root.querySelector("[data-nav-toggle]");
-    const drawer = root.querySelector(".nav-drawer");
-    const panel = root.querySelector(".nav-drawer__panel");
-    if (!toggle || !drawer || !panel) continue;
-
-    const close = () => {
-      drawer.classList.remove("is-open");
-      toggle.setAttribute("aria-expanded", "false");
-      document.body.style.overflow = "";
-    };
-    const open = () => {
-      drawer.classList.add("is-open");
-      toggle.setAttribute("aria-expanded", "true");
-      document.body.style.overflow = "hidden";
-      const focusable = panel.querySelector("a,button,[tabindex]:not([tabindex='-1'])");
-      if (focusable instanceof HTMLElement) focusable.focus();
-    };
+.badge--muted { color: var(--color-muted); }
+.badge--outline {
+  background: transparent;
+  border-color: var(--color-border);
+}
+.stat { display: grid; gap: var(--space-1); align-content: start; }
+.stat__value {
+  margin: 0;
+  font-family: var(--font-display);
+  font-size: var(--step-4);
+  font-weight: 600;
+  letter-spacing: -0.03em;
+  font-variant-numeric: tabular-nums;
+  line-height: 1.05;
+}
+.stat__label {
+  margin: 0;
+  color: var(--color-muted);
+  font-size: var(--step-0);
+}
+.stat--sm .stat__value { font-size: var(--step-3); }
+.rating {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.15rem;
+  color: var(--color-accent);
+  letter-spacing: 0.05em;
+  line-height: 1;
+}
+.rating .icon { width: 1.05rem; height: 1.05rem; fill: currentColor; stroke: none; }
+.price {
+  display: flex;
+  align-items: baseline;
+  gap: 0.3rem;
+  margin: 0;
+}
+.price__amount {
+  font-family: var(--font-display);
+  font-size: var(--step-4);
+  font-weight: 600;
+  letter-spacing: -0.03em;
+  line-height: 1;
+  font-variant-numeric: tabular-nums;
+}
+.price__period { color: var(--color-muted); font-size: var(--step-0); }
+.prose {
+  max-width: 65ch;
+}
+.prose > * + * { margin-top: var(--space-4); }
+.list-check,
+.list-plain {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  gap: var(--space-3);
+}
+.list-check li {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.65rem;
+  line-height: 1.5;
+}
+.list-check li > .icon {
+  margin-top: 0.2em;
+  color: var(--color-accent);
+}
+.table-wrap { overflow-x: auto; }
+.table {
+  width: 100%;
+  border-collapse: collapse;
+  font-variant-numeric: tabular-nums;
+}
+.table th,
+.table td {
+  padding: var(--space-3) var(--space-4);
+  text-align: left;
+  border-bottom: 1px solid var(--color-border);
+  vertical-align: top;
+}
+.table th {
+  font-size: var(--step-0);
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--color-muted);
+}
+.table td:not(:first-child),
+.table th:not(:first-child) { text-align: right; }
+.table--plain th,
+.table--plain td { padding-inline: 0; }
 
-    toggle.addEventListener("click", () => {
-      if (drawer.classList.contains("is-open")) close();
-      else open();
-    });
-    drawer.addEventListener("click", (e) => {
-      if (e.target === drawer) close();
-    });
-    document.addEventListener("keydown", (e) => {
-      if (e.key === "Escape") close();
-    });
-    panel.querySelectorAll("a").forEach((a) => a.addEventListener("click", close));
-  }
-})();
-`;
+/* \u2014\u2014 People / proof \u2014\u2014 */
+.avatar {
+  width: 2.75rem;
+  height: 2.75rem;
+  border-radius: var(--radius-pill);
+  object-fit: cover;
+  background: var(--color-surface-2);
+  border: 2px solid var(--color-surface);
+  flex-shrink: 0;
+}
+.avatar--sm { width: 2rem; height: 2rem; }
+.avatar--lg { width: 4rem; height: 4rem; }
+.avatar-group {
+  display: inline-flex;
+  align-items: center;
+}
+.avatar-group .avatar { margin-inline-start: -0.55rem; box-shadow: 0 0 0 2px var(--color-bg); }
+.avatar-group .avatar:first-child { margin-inline-start: 0; }
+/* \u2014\u2014 Chips (radio / checkbox pills) \u2014\u2014 */
+.chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+.chips > legend,
+.chips__label {
+  display: block;
+  width: 100%;
+  margin-bottom: var(--space-2);
+  font-size: var(--step-0);
+  font-weight: 600;
+  color: var(--color-text);
+}
+.chips label { position: relative; display: inline-flex; }
+.chips input {
+  position: absolute;
+  inset: 0;
+  margin: 0;
+  opacity: 0;
+  cursor: pointer;
+}
+.chips span {
+  display: inline-flex;
+  align-items: center;
+  min-height: 2.25rem;
+  padding: 0.35rem 0.9rem;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-pill);
+  font-size: var(--step-0);
+  font-weight: 500;
+  color: var(--color-text);
+  background: var(--color-surface);
+  transition: background 0.15s ease, border-color 0.15s ease;
+}
+.chips label:hover span { border-color: var(--color-text); }
+.chips input:checked + span {
+  background: var(--color-text);
+  border-color: var(--color-text);
+  color: var(--color-bg);
+}
+.chips input:focus-visible + span { outline: 2px solid var(--color-focus); outline-offset: 2px; }
+.byline {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  font-size: var(--step-0);
+}
+.byline strong { display: block; font-weight: 600; color: var(--color-text); }
+.byline span { color: var(--color-muted); }
+.logo-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-5) var(--space-7);
+  opacity: 0.65;
+}
+.logo-row img {
+  max-height: 1.75rem;
+  width: auto;
+  filter: grayscale(1);
+}
+.quote {
+  margin: 0;
+  font-family: var(--font-display);
+  font-size: var(--step-2);
+  line-height: 1.4;
+  letter-spacing: -0.015em;
+  text-wrap: pretty;
+}
+.quote--lg { font-size: var(--step-3); line-height: 1.3; letter-spacing: -0.02em; }
+.quote cite,
+.quote footer {
+  display: block;
+  margin-top: var(--space-4);
+  font-style: normal;
+  font-family: var(--font-body);
+  font-size: var(--step-0);
+  letter-spacing: 0;
+  color: var(--color-muted);
+}
+.quote--card {
+  font-family: var(--font-body);
+  font-size: var(--step-1);
+  line-height: 1.6;
+  letter-spacing: 0;
+}
 
-// src/runtime/experience.ts
-function experienceArrivalBootstrap(pauseKey = "vitris-experience-paused") {
-  return `(()=>{try{if(matchMedia('(prefers-reduced-motion:reduce)').matches||document.documentElement.dataset.motionPolicy==='off'||localStorage.getItem(${JSON.stringify(pauseKey)})==='true')return;const key='vitris-experience-handoff',raw=sessionStorage.getItem(key);sessionStorage.removeItem(key);const handoff=raw?JSON.parse(raw):null;const route=handoff&&handoff.path===location.pathname&&Date.now()-handoff.at<15000;const initial=!sessionStorage.getItem('vitris-experience-arrived');if(!route&&!initial)return;document.documentElement.dataset.experienceArrival=route?'route':'initial';window.VitrisExperienceArrival={mode:route?'route':'initial',title:route?handoff.title:null,timer:setTimeout(()=>{delete document.documentElement.dataset.experienceArrival;delete window.VitrisExperienceArrival;},3500)};}catch{}})();`;
+/* \u2014\u2014 Controls \u2014\u2014 */
+.btn-lg { padding: 0.9rem 1.75rem; min-height: 3rem; font-size: var(--step-1); }
+.btn-sm { padding: 0.45rem 1rem; min-height: 2.25rem; font-size: var(--step-0); }
+.btn-icon {
+  width: var(--tap-min);
+  height: var(--tap-min);
+  padding: 0;
+  border-radius: var(--radius-pill);
 }
-var experienceJs = String.raw`(()=>{
- if(window.VitrisExperience)return;
- let cleanup=()=>{};
- const reduce=matchMedia('(prefers-reduced-motion:reduce)'),fine=matchMedia('(hover:hover) and (pointer:fine)');
- const allowed=()=>!reduce.matches&&document.documentElement.dataset.motionPolicy!=='off'&&!document.hidden;
- const clamp=(n,min,max)=>Math.max(min,Math.min(max,n));
- function init(){
-  cleanup();const abort=new AbortController(),cancels=[];let raf=0;
-  const on=(el,event,fn,options={})=>el?.addEventListener(event,fn,{...options,signal:abort.signal});
-  const preview=document.querySelector('[data-experience-preview]'),cursor=document.querySelector('[data-experience-cursor]');
-  let active=null,mode='',last=0,target={x:0,y:0},position={x:0,y:0},cursorPosition={x:0,y:0};
-  const stop=()=>{active=null;cancelAnimationFrame(raf);raf=0;preview?.setAttribute('data-visible','false');cursor?.setAttribute('data-visible','false');};
-  function bounds(x,y){const w=preview?.offsetWidth||310,h=preview?.offsetHeight||230;return {x:clamp(x,w/2+12,innerWidth-w/2-12),y:clamp(y,h/2+12,innerHeight-h/2-12)};}
-  function paint(){if(preview)preview.style.transform='translate3d('+(position.x-(preview.offsetWidth/2))+'px,'+(position.y-(preview.offsetHeight/2))+'px,0)';if(cursor)cursor.style.transform='translate3d('+(cursorPosition.x-(cursor.offsetWidth/2))+'px,'+(cursorPosition.y-(cursor.offsetHeight/2))+'px,0)';}
-  function follow(t){if(!active||!allowed()){stop();return;}const dt=Math.min(48,t-last||16);last=t;const approach=(v,to,ms)=>v+(to-v)*(1-Math.exp(-dt/ms));position={x:approach(position.x,target.x,190),y:approach(position.y,target.y,190)};cursorPosition={x:approach(cursorPosition.x,target.x,110),y:approach(cursorPosition.y,target.y,110)};paint();if(Math.abs(position.x-target.x)+Math.abs(position.y-target.y)>.15){raf=requestAnimationFrame(follow);}else raf=0;}
-  const focusPosition=el=>{const r=el.getBoundingClientRect();return bounds(innerWidth*.72,r.top+r.height/2);};
-  function show(el,x,y,input){if(!preview||!fine.matches||!allowed()||innerWidth<=Number(preview.dataset.experienceMinWidth||1024)||el.closest('[data-view="grid"]'))return;active=el;mode=input;target=position=cursorPosition=bounds(x,y);last=0;const image=preview.querySelector('img');if(image){image.src=el.dataset.experienceImage;image.alt='';}const label=cursor?.querySelector('[data-experience-label]')||preview.querySelector('[data-experience-label]');if(label)label.textContent='View '+(el.dataset.experienceName||el.textContent.trim());paint();preview.dataset.visible='true';if(cursor)cursor.dataset.visible='true';}
-  document.querySelectorAll('[data-experience-image]').forEach(el=>{
-   on(el,'pointerenter',e=>show(el,e.clientX,e.clientY,'pointer'));
-   on(el,'pointermove',e=>{if(active!==el)return;target=bounds(e.clientX,e.clientY);if(!raf)raf=requestAnimationFrame(follow);});
-   on(el,'pointerleave',()=>{if(document.activeElement!==el)stop();});
-   on(el,'focus',()=>{const p=focusPosition(el);show(el,p.x,p.y,'keyboard');});on(el,'blur',stop);on(el,'click',stop);
-  });
-  on(window,'scroll',()=>{if(active&&mode==='keyboard'){target=position=cursorPosition=focusPosition(active);paint();}else stop();},{passive:true});on(window,'resize',stop);on(document,'visibilitychange',stop);on(reduce,'change',stop);on(fine,'change',stop);
-  const magnets=[...document.querySelectorAll('[data-experience-magnetic]')];
-  magnets.forEach(el=>{let x=0,y=0;const reset=()=>{x=y=0;el.style.transition=allowed()?'transform 1.2s cubic-bezier(.2,1.5,.5,1)':'none';el.style.transform='';};on(el,'pointermove',e=>{if(!allowed()||!fine.matches)return;const r=el.getBoundingClientRect();x=clamp((e.clientX-r.left-r.width/2+x)*.1,-8,8);y=clamp((e.clientY-r.top-r.height/2+y)*.1,-8,8);el.style.transition='transform .4s';el.style.transform='translate3d('+x+'px,'+y+'px,0)';});on(el,'pointerleave',reset);cancels.push(reset);});
-  const drifts=[...document.querySelectorAll('[data-experience-drift]')],tracks=[...document.querySelectorAll('[data-experience-marquee-speed]')];let previousY=scrollY,scrollRaf=0;
-  const settleDrift=()=>drifts.forEach(el=>{const trigger=document.getElementById(el.dataset.experienceTrigger)||el.parentElement;const r=trigger.getBoundingClientRect(),factor=Number(el.dataset.experienceDrift||.13),max=Number(el.dataset.experienceDriftMax||40);const value=allowed()&&r.bottom>0&&r.top<innerHeight?(el.dataset.experienceDriftMode==='center'?clamp((r.top-innerHeight*.5)*factor,-max,0):clamp(-r.top*factor,0,max)):0;el.style.transform=value?'translate3d(0,'+value+'px,0)':'';});
-  function sizeTracks(){tracks.forEach(el=>{const copy=el.firstElementChild;if(copy)el.style.animationDuration=(copy.getBoundingClientRect().width/Number(el.dataset.experienceMarqueeSpeed||73))+'s';});}
-  function scroll(){settleDrift();const delta=scrollY-previousY;if(Math.abs(delta)>2&&allowed())tracks.forEach(el=>{const animation=el.getAnimations()[0];if(!animation)return;const duration=Number(animation.effect.getTiming().duration);if(Number(animation.currentTime)<duration*2)animation.currentTime=Number(animation.currentTime)+duration*100;animation.updatePlaybackRate(delta>=0?1:-1);});previousY=scrollY;scrollRaf=0;}
-  on(window,'scroll',()=>{if(!scrollRaf)scrollRaf=requestAnimationFrame(scroll);},{passive:true});on(window,'resize',()=>{sizeTracks();settleDrift();});sizeTracks();document.fonts?.ready.then(()=>{if(!abort.signal.aborted)sizeTracks();});settleDrift();
-  const observer=new IntersectionObserver(entries=>entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('experience-seen');if(e.target.hasAttribute('data-experience-intro')&&allowed())e.target.querySelectorAll('[data-experience-line]').forEach((el,i)=>{const animation=el.animate([{transform:'translateY(24px)',opacity:.75},{transform:'none',opacity:1}],{duration:650,delay:Math.min(i*90,270),easing:'cubic-bezier(.2,1,.3,1)'});cancels.push(()=>animation.cancel());});observer.unobserve(e.target);}}),{threshold:.15});document.querySelectorAll('[data-experience-seam],[data-experience-intro]').forEach(el=>observer.observe(el));
-  const curtain=document.querySelector('[data-experience-transition]');let navigating=false;
-  const opening=()=>{if(allowed())document.querySelectorAll('[data-experience-opening]').forEach((el,i)=>{const a=el.animate([{transform:'translateY(32px)'},{transform:'translateY(0)'}],{duration:1000,delay:Math.min(i*60,180),easing:'cubic-bezier(.15,1,.2,1)',fill:'backwards'});cancels.push(()=>a.cancel());});};
-  const arrival=window.VitrisExperienceArrival;
-  if(arrival&&curtain){clearTimeout(arrival.timer);delete window.VitrisExperienceArrival;try{sessionStorage.setItem('vitris-experience-arrived','seen');}catch{}
-   if(allowed()){
-    const title=document.createElement('span');title.textContent=arrival.title||curtain.dataset.experienceArrival||document.title;curtain.replaceChildren(title);curtain.dataset.state='arrival-hold';curtain.style.visibility='visible';curtain.style.transform='translateY(0)';curtain.style.borderRadius='0';curtain.style.pointerEvents='auto';
-    const reveal=()=>{if(abort.signal.aborted)return;if(!allowed()){delete document.documentElement.dataset.experienceArrival;curtain.style.visibility='';curtain.style.transform='';curtain.style.borderRadius='';curtain.style.pointerEvents='';return;}opening();curtain.dataset.state='revealing';const a=curtain.animate([{transform:'translateY(0)',borderRadius:'0'},{transform:'translateY(-115%)',borderRadius:'0 0 50% 50% / 0 0 12% 12%'}],{duration:800,easing:'cubic-bezier(.65,0,.2,1)',fill:'forwards'});cancels.push(()=>a.cancel());a.finished.catch(()=>{}).finally(()=>{delete document.documentElement.dataset.experienceArrival;curtain.style.visibility='';curtain.style.transform='';curtain.style.borderRadius='';curtain.style.pointerEvents='';curtain.dataset.state='idle';a.cancel();});};
-    const timer=setTimeout(reveal,arrival.mode==='initial'?420:0);cancels.push(()=>clearTimeout(timer));
-   }else delete document.documentElement.dataset.experienceArrival;
-  }else opening();
-  const arrivalSettled=()=>new Promise(resolve=>{if(!document.documentElement.dataset.experienceArrival){resolve();return;}let timer;const done=()=>{observer.disconnect();clearTimeout(timer);abort.signal.removeEventListener('abort',done);resolve();};const observer=new MutationObserver(()=>{if(!document.documentElement.dataset.experienceArrival)done();});observer.observe(document.documentElement,{attributes:true,attributeFilter:['data-experience-arrival']});timer=setTimeout(done,3500);abort.signal.addEventListener('abort',done,{once:true});});
-  on(document,'click',async e=>{const a=e.target.closest('a[href]');if(!curtain||!a||e.defaultPrevented||e.button!==0||e.ctrlKey||e.metaKey||e.shiftKey||e.altKey||a.hasAttribute('download')||a.target&&a.target!=='_self'||!allowed())return;const url=new URL(a.href,location.href);if(url.origin!==location.origin||url.pathname===location.pathname||url.hash||!/^https?:$/.test(url.protocol))return;e.preventDefault();if(navigating)return;navigating=true;await arrivalSettled();if(abort.signal.aborted)return;if(!allowed()){location.assign(url.href);return;}document.dispatchEvent(new Event('vitris:before-navigate'));const label=document.createElement('span');label.textContent=a.dataset.experienceTitle||a.dataset.chapterName||a.textContent.trim().split('\n')[0];label.style.opacity='0';curtain.replaceChildren(label);curtain.dataset.state='covering';curtain.style.visibility='visible';curtain.style.pointerEvents='auto';try{const cover=curtain.animate([{transform:'translateY(115%)',borderRadius:'50% 50% 0 0 / 12% 12% 0 0'},{transform:'translateY(0)',borderRadius:'0'}],{duration:500,easing:'cubic-bezier(.7,0,.9,.4)',fill:'forwards'});cancels.push(()=>cover.cancel());await cover.finished;const title=label.animate([{opacity:0,transform:'translateY(20px)'},{opacity:1,transform:'none'}],{duration:650,fill:'forwards'});cancels.push(()=>title.cancel());await new Promise(resolve=>setTimeout(resolve,430));if(curtain.hasAttribute('data-experience-arrival')&&allowed())try{sessionStorage.setItem('vitris-experience-handoff',JSON.stringify({path:url.pathname,title:label.textContent,at:Date.now()}));}catch{}}catch{}finally{location.assign(url.href);}});
-  const settlePolicy=()=>{if(!allowed()){stop();magnets.forEach(el=>{el.style.transition='none';el.style.transform='';});document.querySelectorAll('[data-experience-opening],[data-experience-line]').forEach(el=>el.getAnimations().forEach(a=>a.cancel()));if(curtain){curtain.getAnimations().forEach(a=>a.cancel());delete document.documentElement.dataset.experienceArrival;curtain.style.visibility='';curtain.style.transform='';curtain.style.borderRadius='';curtain.style.pointerEvents='';}}settleDrift();};
-  const policy=new MutationObserver(settlePolicy);policy.observe(document.documentElement,{attributes:true,attributeFilter:['data-motion-policy']});on(reduce,'change',settlePolicy);on(fine,'change',()=>{magnets.forEach(el=>{el.style.transition='none';el.style.transform='';});});on(document,'visibilitychange',settlePolicy);
-  cleanup=()=>{stop();cancelAnimationFrame(scrollRaf);abort.abort();observer.disconnect();policy.disconnect();cancels.forEach(fn=>fn());drifts.forEach(el=>el.style.transform='');delete document.documentElement.dataset.experienceArrival;if(curtain){curtain.style.visibility='';curtain.style.pointerEvents='';curtain.style.transform='';curtain.style.borderRadius='';}};
- }
- window.VitrisExperience={init,dispose:()=>cleanup()};init();
- addEventListener('pagehide',()=>cleanup());addEventListener('pageshow',e=>{if(e.persisted)init();});
-})();`;
-
-// src/runtime/leads.ts
-var leadsJs = `(() => {
-  let challengeScript;
-  const loadChallenge = () => {
-    if (window.turnstile) return Promise.resolve(window.turnstile);
-    if (!challengeScript) challengeScript = new Promise((resolve, reject) => {
-      const script = document.createElement('script');
-      script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit';
-      script.onload = () => window.turnstile ? resolve(window.turnstile) : reject(new Error('challenge_unavailable'));
-      script.onerror = () => { script.remove(); challengeScript = null; reject(new Error('challenge_unavailable')); };
-      document.head.append(script);
-    });
-    return challengeScript;
-  };
-  document.querySelectorAll('form[data-lead-form][data-vitris-enhanced]').forEach(form => {
-    // Named controls can shadow native form properties and methods.
-    const data = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'dataset').get.call(form);
-    const setAttribute = Element.prototype.setAttribute.bind(form);
-    const removeAttribute = Element.prototype.removeAttribute.bind(form);
-    const querySelectorAll = Element.prototype.querySelectorAll.bind(form);
-    if (data.vitrisInitialized) return;
-    data.vitrisInitialized = '1';
-    let submitting = false, key, signature, widget, token = '', challengeResolve, challengeReject, completedSignature;
-    const note = document.createElement('p'); note.className = 'c-lead-status';
-    note.setAttribute('role', 'status'); note.setAttribute('aria-live', 'polite'); note.tabIndex = -1;
-    note.style.display = 'none'; Element.prototype.after.call(form, note);
-    const say = (message, error = false) => {
-      note.style.display = ''; note.setAttribute('role', error ? 'alert' : 'status'); note.textContent = message;
-      if (error) note.focus();
-    };
-    let challengeBox;
-    const challenge = async () => {
-      const api = await loadChallenge();
-      if (challengeBox) challengeBox.style.display = '';
-      if (token) return token;
-      if (!challengeBox) { challengeBox = document.createElement('div'); challengeBox.className = 'vitris-challenge'; challengeBox.setAttribute('aria-label', 'Security verification'); Element.prototype.append.call(form, challengeBox); }
-      return new Promise((resolve, reject) => {
-        challengeResolve = resolve; challengeReject = reject;
-        if (widget !== undefined) api.reset(widget);
-        else widget = api.render(challengeBox, {
-          sitekey: data.vitrisSitekey, action: data.vitrisAction,
-          callback: value => { token = value; challengeResolve?.(value); },
-          'expired-callback': () => { token = ''; if (submitting) say('Security check expired. Please submit again.', true); challengeReject?.(new Error('challenge_expired')); },
-          'timeout-callback': () => { token = ''; challengeReject?.(new Error('challenge_expired')); },
-          'error-callback': () => { token = ''; challengeReject?.(new Error('challenge_unavailable')); }
-        });
-      });
-    };
-    EventTarget.prototype.addEventListener.call(form, 'submit', async event => {
-      if (event.defaultPrevented) return;
-      event.preventDefault(); if (submitting) return;
-      if (!HTMLFormElement.prototype.reportValidity.call(form)) return;
-      const values = new URLSearchParams(new FormData(form));
-      values.delete('cf-turnstile-response'); values.delete('idempotency_key');
-      const current = values.toString();
-      if (current === completedSignature) { say('Your message was already accepted.'); return; }
-      if (!data.vitrisForm || !data.vitrisSitekey) { say('This preview does not send messages. Please use the listed contact details.', true); return; }
-      if (current !== signature) { key = crypto.randomUUID(); signature = current; }
-      submitting = true;
-      const controls = [...querySelectorAll('button[type="submit"], button:not([type]), input[type="submit"], [data-vitrisid="emailSendButton"]')];
-      const prior = controls.map(c => c.disabled);
-      controls.forEach(c => { c.disabled = true; c.setAttribute('aria-disabled', 'true'); }); setAttribute('aria-busy', 'true');
-      let timeout;
-      try {
-        say('Please complete the security check.');
-        const challengeTimeout = new Promise((_, reject) => { timeout = setTimeout(() => reject(new Error('challenge_unavailable')), 120000); });
-        const verified = await Promise.race([challenge(), challengeTimeout]);
-        clearTimeout(timeout);
-        values.set('cf-turnstile-response', verified); values.set('idempotency_key', key);
-        say('Sending your inquiry\u2026');
-        const controller = new AbortController();
-        timeout = setTimeout(() => controller.abort(), Math.max(100, Math.min(30000, Number(data.leadTimeoutMs) || 10000)));
-        const response = await fetch(Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, 'action').get.call(form), { method:'POST', body:values, headers:{accept:'application/json'}, signal:controller.signal, credentials:'omit' });
-        const result = response.headers.get('content-type')?.includes('application/json') ? await response.json() : null;
-        if (!response.ok || result?.ok !== true) throw new Error(result?.error || 'backend_unavailable');
-        say(result.mode === 'test' ? 'Test message accepted. No customer email will be sent.' : 'Message accepted. Your inquiry has been saved.');
-        completedSignature = current;
-        if (challengeBox) challengeBox.style.display = 'none';
-      } catch (error) {
-        const messages = {
-          challenge_required:'Please complete the security check and try again.',
-          challenge_invalid:'Security check expired or was invalid. Please try again.',
-          challenge_replayed:'Security check was already used. Please try again.',
-          challenge_expired:'Security check expired. Please try again.',
-          challenge_unavailable:'Security check is unavailable. Please try again or use the listed contact details.',
-          rate_limited:'Too many attempts. Please wait ten minutes and try again.',
-          validation_error:'Please check your form fields and try again.',
-          form_disabled:'This form is currently unavailable. Please use the listed contact details.',
-          configuration_unavailable:'This form is currently unavailable. Please use the listed contact details.',
-          idempotency_conflict:'This request changed during a retry. Please edit your message and try again.'
-        };
-        say(error?.name === 'AbortError' ? 'The request timed out. Your message is still here; please try again.' : (messages[error?.message] || 'Acceptance could not be confirmed. Your details are still here; please try again or use the listed contact options.'), true);
-        if (challengeBox) challengeBox.style.display = '';
-      } finally {
-        clearTimeout(timeout); token = ''; challengeResolve = null; challengeReject = null;
-        if (window.turnstile && widget !== undefined) window.turnstile.reset(widget);
-        controls.forEach((c, i) => { c.disabled = prior[i]; c.removeAttribute('aria-disabled'); });
-        removeAttribute('aria-busy'); submitting = false;
-      }
-    });
-  });
-})();`;
-
-// src/runtime/lightbox.ts
-var lightboxJs = `(() => {
-  const roots = [...document.querySelectorAll("[data-island=\\"lightbox\\"]")];
-  for (const root of roots) {
-    const dialog = root.querySelector("dialog");
-    const img = dialog?.querySelector("img");
-    if (!(dialog instanceof HTMLDialogElement) || !(img instanceof HTMLImageElement)) continue;
-
-    root.querySelectorAll("[data-lightbox-src]").forEach((btn) => {
-      btn.addEventListener("click", () => {
-        const src = btn.getAttribute("data-lightbox-src");
-        const alt = btn.getAttribute("data-lightbox-alt") || "";
-        if (!src) return;
-        img.src = src;
-        img.alt = alt;
-        dialog.showModal();
-      });
-    });
-    dialog.addEventListener("click", (e) => {
-      if (e.target === dialog) dialog.close();
-    });
-    dialog.querySelector("[data-lightbox-close]")?.addEventListener("click", () => dialog.close());
-  }
-})();
-`;
-
-// src/runtime/tabs.ts
-var tabsJs = `(() => {
-  const roots = [...document.querySelectorAll("[data-island=\\"tabs\\"]")];
-  for (const root of roots) {
-    const tabs = [...root.querySelectorAll("[role=\\"tab\\"]")];
-    const panels = [...root.querySelectorAll("[role=\\"tabpanel\\"]")];
-    if (!tabs.length) continue;
+.btn-group {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-3);
+  align-items: center;
+}
+.field {
+  display: grid;
+  gap: var(--space-2);
+}
+.field label {
+  font-weight: 600;
+  font-size: var(--step-0);
+}
+.field + .field { margin-top: var(--space-4); }
+.form-grid {
+  display: grid;
+  gap: var(--space-4);
+}
+.form-grid .field + .field { margin-top: 0; }
+@media (min-width: 720px) {
+  .form-grid--2 { grid-template-columns: 1fr 1fr; }
+  .form-grid .field--full { grid-column: 1 / -1; }
+}
+.input,
+.textarea,
+.select {
+  width: 100%;
+  min-height: var(--tap-min);
+  padding: 0.65rem 0.9rem;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius);
+  background: var(--color-surface);
+  color: var(--color-text);
+  font: inherit;
+  line-height: 1.4;
+}
+.textarea { min-height: 7rem; resize: vertical; }
+.input:focus-visible,
+.textarea:focus-visible,
+.select:focus-visible {
+  outline: none;
+  box-shadow: var(--ring);
+  border-color: var(--color-focus);
+}
+.input-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+}
+.input-row .input { flex: 1 1 14rem; }
+.checkbox {
+  width: 1.15rem;
+  height: 1.15rem;
+  accent-color: var(--color-accent);
+}
+.accordion {
+  border-top: 1px solid var(--color-border);
+}
+.accordion details {
+  border-bottom: 1px solid var(--color-border);
+}
+.accordion summary {
+  list-style: none;
+  cursor: pointer;
+  min-height: var(--tap-min);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-4);
+  padding: var(--space-4) 0;
+  font-weight: 600;
+  font-size: var(--step-1);
+}
+.accordion summary::-webkit-details-marker { display: none; }
+.accordion summary::after {
+  content: "+";
+  flex-shrink: 0;
+  width: 1.75rem;
+  height: 1.75rem;
+  display: inline-grid;
+  place-items: center;
+  border-radius: var(--radius-pill);
+  background: var(--color-surface-2);
+  font-weight: 500;
+  color: var(--color-muted);
+  transition: transform 180ms ease;
+}
+.accordion details[open] summary::after { content: "\u2013"; }
+.accordion details > *:not(summary) {
+  margin: 0;
+  padding-bottom: var(--space-4);
+  max-width: 60ch;
+  color: var(--color-muted);
+}
+.tabs {
+  display: grid;
+  gap: var(--space-5);
+}
+.tabs__list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+  border-bottom: 1px solid var(--color-border);
+}
+.tabs__list--pill {
+  border-bottom: 0;
+  gap: var(--space-1);
+  padding: var(--space-1);
+  background: var(--color-surface-2);
+  border-radius: var(--radius-pill);
+  width: fit-content;
+}
+.tabs__tab {
+  appearance: none;
+  background: transparent;
+  border: 0;
+  border-bottom: 2px solid transparent;
+  margin-bottom: -1px;
+  padding: var(--space-3) var(--space-4);
+  min-height: var(--tap-min);
+  font: inherit;
+  font-weight: 600;
+  color: var(--color-muted);
+  cursor: pointer;
+  transition: color 160ms ease;
+}
+.tabs__tab:hover { color: var(--color-text); }
+.tabs__tab[aria-selected="true"] {
+  color: var(--color-text);
+  border-bottom-color: var(--color-accent);
+}
+.tabs__list--pill .tabs__tab {
+  border: 0;
+  margin: 0;
+  min-height: 2.5rem;
+  padding: var(--space-2) var(--space-4);
+  border-radius: var(--radius-pill);
+}
+.tabs__list--pill .tabs__tab[aria-selected="true"] {
+  background: var(--color-surface);
+  box-shadow: var(--shadow-1);
+}
+.tabs__panel[hidden] { display: none; }
+.announcement {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-2) var(--space-4);
+  padding: var(--space-3) var(--space-4);
+  background: var(--color-surface-2);
+  border-bottom: 1px solid var(--color-border);
+  font-size: var(--step-0);
+  text-align: center;
+}
+.announcement a { font-weight: 600; color: inherit; }
 
-    const select = (tab) => {
-      for (const t of tabs) {
-        const on = t === tab;
-        t.setAttribute("aria-selected", on ? "true" : "false");
-        t.tabIndex = on ? 0 : -1;
-      }
-      const id = tab.getAttribute("aria-controls");
-      for (const p of panels) {
-        p.hidden = p.id !== id;
-      }
-    };
+/* \u2014\u2014 Chrome \u2014\u2014 */
+.header--sticky {
+  position: sticky;
+  top: 0;
+  z-index: 50;
+  background: color-mix(in srgb, var(--color-bg) 86%, transparent);
+  backdrop-filter: blur(var(--blur-header));
+  -webkit-backdrop-filter: blur(var(--blur-header));
+  border-bottom: 1px solid transparent;
+  transition: border-color 180ms ease, background-color 180ms ease;
+}
+.header--sticky.is-scrolled {
+  border-bottom-color: var(--color-border);
+  background: color-mix(in srgb, var(--color-bg) 92%, transparent);
+}
+.nav-links {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+}
+.nav-links a {
+  display: inline-flex;
+  align-items: center;
+  min-height: 2.5rem;
+  padding: 0 var(--space-3);
+  border-radius: var(--radius-pill);
+  font-size: var(--step-0);
+  font-weight: 500;
+  color: var(--color-muted);
+  text-decoration: none;
+  transition: color 160ms ease, background-color 160ms ease;
+}
+.nav-links a:hover,
+.nav-links a[aria-current="page"] {
+  color: var(--color-text);
+  background: color-mix(in srgb, var(--color-text) 5%, transparent);
+}
+.brand {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-2);
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: var(--step-2);
+  letter-spacing: -0.02em;
+  color: var(--color-text);
+  text-decoration: none;
+  white-space: nowrap;
+}
+.brand img { height: 2rem; width: auto; }
+.nav-drawer {
+  position: fixed;
+  inset: 0;
+  z-index: 60;
+  background: color-mix(in srgb, var(--color-text) 40%, transparent);
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+  transition: opacity 180ms ease, visibility 180ms ease;
+}
+.nav-drawer.is-open {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: auto;
+}
+.nav-drawer__panel {
+  position: absolute;
+  inset-block: 0;
+  inset-inline-end: 0;
+  width: min(20rem, 88vw);
+  background: var(--color-surface);
+  color: var(--color-text);
+  padding: calc(var(--header-h) + var(--space-2)) var(--space-5) var(--space-5);
+  box-shadow: var(--shadow-3);
+  transform: translateX(100%);
+  transition: transform 200ms ease;
+  display: grid;
+  align-content: start;
+  gap: var(--space-5);
+}
+.nav-drawer.is-open .nav-drawer__panel { transform: none; }
+.nav-drawer__panel nav {
+  display: grid;
+}
+.nav-drawer__panel nav a {
+  display: block;
+  padding: var(--space-3) 0;
+  border-bottom: 1px solid var(--color-border);
+  font-weight: 600;
+  text-decoration: none;
+  color: var(--color-text);
+}
+.nav-drawer__panel .btn-group > * { flex: 1; }
 
-    tabs.forEach((tab, i) => {
-      tab.addEventListener("click", () => select(tab));
-      tab.addEventListener("keydown", (e) => {
-        if (!(e instanceof KeyboardEvent)) return;
-        let next = i;
-        if (e.key === "ArrowRight") next = (i + 1) % tabs.length;
-        if (e.key === "ArrowLeft") next = (i - 1 + tabs.length) % tabs.length;
-        if (next !== i) {
-          e.preventDefault();
-          tabs[next].focus();
-          select(tabs[next]);
-        }
-      });
-    });
-    const initial = tabs.find((t) => t.getAttribute("aria-selected") === "true") || tabs[0];
-    select(initial);
-  }
-})();
+/* \u2014\u2014 Island widgets \u2014\u2014 */
+.carousel {
+  display: grid;
+  gap: var(--space-5);
+}
+.carousel__track {
+  display: flex;
+  gap: var(--space-4);
+  overflow-x: auto;
+  scroll-snap-type: x mandatory;
+  scroll-behavior: smooth;
+  padding-bottom: var(--space-2);
+  scrollbar-width: none;
+}
+.carousel__track::-webkit-scrollbar { display: none; }
+.carousel__track > * {
+  flex: 0 0 min(100%, 22rem);
+  scroll-snap-align: start;
+}
+.carousel__nav {
+  display: flex;
+  gap: var(--space-2);
+}
+.carousel__nav > button {
+  display: inline-grid;
+  place-items: center;
+  width: 2.75rem;
+  height: 2.75rem;
+  min-height: 0;
+  padding: 0;
+  border-radius: var(--radius-pill);
+  border: 1px solid var(--color-border);
+  background: var(--color-surface);
+  color: var(--color-text);
+  font: inherit;
+  font-size: 1.1rem;
+  line-height: 1;
+  cursor: pointer;
+  transition: border-color 160ms ease, background-color 160ms ease;
+}
+.carousel__nav > button:hover { border-color: var(--color-text); }
+.carousel__nav > button:disabled { opacity: 0.4; cursor: default; }
+.before-after {
+  position: relative;
+  overflow: hidden;
+  border-radius: var(--radius-lg);
+  background: var(--color-surface-2);
+  user-select: none;
+  touch-action: none;
+}
+.before-after__before,
+.before-after__after {
+  display: block;
+  width: 100%;
+  aspect-ratio: 16 / 10;
+  object-fit: cover;
+}
+.before-after__after {
+  position: absolute;
+  inset: 0;
+  clip-path: inset(0 0 0 50%);
+}
+.before-after__handle {
+  position: absolute;
+  inset-block: 0;
+  left: 50%;
+  width: 2px;
+  background: var(--color-surface);
+  transform: translateX(-50%);
+  cursor: ew-resize;
+}
+.before-after__handle::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: var(--radius-pill);
+  border: 2px solid var(--color-surface);
+  background: color-mix(in srgb, var(--color-text) 70%, transparent);
+  box-shadow: var(--shadow-2);
+  transform: translate(-50%, -50%);
+}
+.before-after__label {
+  position: absolute;
+  top: var(--space-3);
+  padding: 0.2rem 0.6rem;
+  border-radius: var(--radius-pill);
+  font-size: var(--step-0);
+  font-weight: 600;
+  background: color-mix(in srgb, var(--color-bg) 80%, transparent);
+  color: var(--color-text);
+  pointer-events: none;
+}
+.before-after__label--before { left: var(--space-3); }
+.before-after__label--after { right: var(--space-3); }
+.icon {
+  width: 1.25rem;
+  height: 1.25rem;
+  stroke: currentColor;
+  fill: none;
+  stroke-width: 1.75;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  flex-shrink: 0;
+}
+.icon--lg { width: 1.75rem; height: 1.75rem; }
+.icon--sm { width: 1rem; height: 1rem; }
 `;
 
 // src/compile/scroll-motion.ts
@@ -2724,6 +2752,7 @@ function compileAllPages(site, pages, catalog, kernelOrigin) {
 }
 
 export {
+  parseFrontmatter,
   fileToPath,
   defaultTitleFromPath,
   beaconJs,
@@ -2736,7 +2765,6 @@ export {
   flattenBody,
   wrapMain,
   rewriteLeadForms,
-  primitivesCss,
   MOTION_EFFECTS,
   baseCss,
   compilePage,