@omniharmonic/openspace-cli 0.1.13 → 0.1.15

package/dist/{agents-md-QBMFXTIQ.js → agents-md-OWDSHBGF.js}

@@ -1,9 +1,9 @@
 import { createRequire as __osCreateRequire } from "node:module"; const require = __osCreateRequire(import.meta.url);
 import {
   generateAgentsMd
-} from "./chunk-IXN2CNGL.js";
+} from "./chunk-GMKHKHUR.js";
 import "./chunk-26AZCID5.js";
 export {
   generateAgentsMd
 };
-//# sourceMappingURL=agents-md-QBMFXTIQ.js.map
+//# sourceMappingURL=agents-md-OWDSHBGF.js.map

package/dist/bin.js

@@ -3,9 +3,9 @@ import { createRequire as __osCreateRequire } from "node:module"; const require
 import {
   processIo,
   run
-} from "./chunk-B5C7S4S5.js";
-import "./chunk-EFSGZWAO.js";
-import "./chunk-IXN2CNGL.js";
+} from "./chunk-PBN36VUE.js";
+import "./chunk-YAPLQ4OA.js";
+import "./chunk-GMKHKHUR.js";
 import "./chunk-26AZCID5.js";
 
 // src/bin.ts

package/dist/{chunk-IXN2CNGL.js → chunk-GMKHKHUR.js}

@@ -24377,14 +24377,21 @@ var TypographyChoicesSchema = named(
 );
 var LayoutChoicesSchema = named(
   "LayoutChoices",
-  "Page rhythm: content width and narrow width (px), section padding (px at desktop and on phones), side gutter.",
+  "Page rhythm: content width and narrow width (px), section padding (px at desktop and on phones), side gutter, and an optional raised content card over a page background.",
   external_exports.strictObject({
     contentWidth: external_exports.int().min(480).max(2400).optional(),
     narrowWidth: external_exports.int().min(360).max(1600).optional(),
     sectionPadding: external_exports.int().min(0).max(320).optional(),
     sectionPaddingMobile: external_exports.int().min(0).max(240).optional(),
     gutter: external_exports.int().min(0).max(160).optional(),
-    gutterMobile: external_exports.int().min(0).max(80).optional()
+    gutterMobile: external_exports.int().min(0).max(80).optional(),
+    /**
+     * `card`: the page's sections sit on a raised panel over the page background (a blog
+     * theme's content card); absent or `none`: sections run edge to edge.
+     */
+    surface: external_exports.enum(["none", "card"]).optional(),
+    /** The page background around a `card` surface (absent: the light theme's muted surface). */
+    pageBackground: CssColorSchema.optional()
   })
 );
 var StyleChoicesSchema = named(
@@ -24670,6 +24677,24 @@ function blockFieldsJsonSchema(def) {
   return { title: def.label, description: def.ai.purpose, ...json2 };
 }
 
+// ../schema/src/phone.ts
+var PHONE_PADDING = {
+  "3xl": "xl",
+  "2xl": "lg",
+  xl: "lg"
+};
+function phonePadding(padding) {
+  if (padding.m !== void 0) return padding.m;
+  const up = resolve(padding, "t");
+  return PHONE_PADDING[up] ?? up;
+}
+function phoneColumns(columns2) {
+  return columns2.m ?? [12];
+}
+function withPhoneDefault(value, phone) {
+  return value.m === void 0 ? { ...value, m: phone } : value;
+}
+
 // ../theme/src/color.ts
 var GAMUT_EPSILON = 1e-6;
 var ACHROMATIC_CHROMA = 1e-4;
@@ -27395,15 +27420,16 @@ function responsiveVars(name, value, map2) {
 }
 var spaceVar = (token) => `var(${TOKEN_VARS.space[token] ?? TOKEN_VARS.space.md})`;
 function sectionStyleVars(style) {
+  const pad = style.padding;
   return {
-    ...responsiveVars("pad", style.padding, spaceVar),
+    ...responsiveVars("pad", pad && withPhoneDefault(pad, phonePadding(pad)), spaceVar),
     ...responsiveVars("minh", style.minHeight, (v2) => v2)
   };
 }
 var fr = (cols) => cols.map((c3) => `minmax(0, ${c3}fr)`).join(" ");
 function stackVars(layout) {
   return {
-    ...responsiveVars("cols", layout.columns, fr),
+    ...responsiveVars("cols", withPhoneDefault(layout.columns, phoneColumns(layout.columns)), fr),
     ...layout.gap ? { "--gap": spaceVar(layout.gap) } : {}
   };
 }
@@ -28682,12 +28708,18 @@ function PageView(props) {
   const heroTheme = visible[0]?.style.colorTheme ?? "light";
   const cart = doc.site.integrations?.stripeConnected ?? false;
   const logoVars = header.logoHeight ? responsiveVars("logo-h", header.logoHeight, (px) => `${px}px`) : void 0;
+  const pageBg = doc.styles.choices.layout?.pageBackground;
+  const pageVars = pageBg && doc.styles.choices.layout?.surface === "card" ? { ...logoVars ?? {}, "--page-bg": pageBg } : logoVars;
   const content = /* @__PURE__ */ jsx10(RenderContext.Provider, { value: { doc, page, mode, basePath, hubUrl }, children: /* @__PURE__ */ jsx10(ImageResolverContext.Provider, { value: imageMap, children: /* @__PURE__ */ jsxs7(
     "div",
     {
-      className: cx("os-page", header.overlay && !header.hidden && "has-overlay-header"),
+      className: cx(
+        "os-page",
+        header.overlay && !header.hidden && "has-overlay-header",
+        doc.styles.choices.layout?.surface === "card" && "has-surface-card"
+      ),
       "data-os-page": page.id,
-      style: logoVars,
+      style: pageVars,
       children: [
         /* @__PURE__ */ jsx10("a", { className: "os-skip-link", href: "#main", children: "Skip to content" }),
         /* @__PURE__ */ jsx10(AnnouncementBar, { announcement: doc.site.announcement }),
@@ -28951,6 +28983,8 @@ ${button("tertiary")}
 .os-header__brand--split,.os-nav,.os-header__tagline{display:none}
 .os-header__actions{display:none;align-items:center;gap:${v(T.space.xs)}}
 .os-header__actions .os-button{min-height:2.5rem;padding-block:0.5rem}
+/* A short label stays on one line beside narrow columns (it wraps on phones if it must). */
+@media (min-width:768px){.os-button{white-space:nowrap;flex-shrink:0}}
 .os-header__toggle,.os-header__cart,.os-menu__close{position:relative;display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:${v(T.radius.full)};background:transparent;color:inherit}
 .os-header__toggle:hover,.os-header__cart:hover,.os-menu__close:hover{background:${v(c2.surface)}}
 html:not(.os-js) .os-header__toggle{display:none}
@@ -29020,7 +29054,7 @@ html:not(.os-js) .os-header__toggle{display:none}
 .os-header.os-header--sidebar-left{position:fixed;inset-block:0;inset-inline-start:0;inline-size:var(--sidebar-w);overflow-y:auto;overscroll-behavior:contain}
 .os-header--sidebar-left .os-header__bar{flex-direction:column;align-items:flex-start;gap:${v(T.space.sm)};min-height:0;max-inline-size:none;margin:0;padding:clamp(2rem,4vw,4rem) clamp(1.5rem,3.5vw,3.5rem)}
 .os-header--sidebar-left .os-header__brand{flex-direction:column;align-items:flex-start;gap:0.75rem;margin:0}
-.os-header--sidebar-left .os-header__logo{height:auto;max-inline-size:min(100%,8rem)}
+.os-header--sidebar-left .os-header__logo{height:var(--logo-h,auto);max-block-size:var(--logo-h,8rem);max-inline-size:100%;width:auto}
 .os-header.os-header--sidebar-left .os-header__title{white-space:normal;max-inline-size:none}
 .os-header--sidebar-left .os-header__tagline{display:block;margin:0;font-size:${v(T.type.small["font-size"])};line-height:${v(T.type.small["line-height"])};color:${v(c2["text-muted"])}}
 .os-header--sidebar-left .os-nav{inline-size:100%;margin-block-start:${v(T.space.sm)}}
@@ -29053,6 +29087,13 @@ html:not(.os-js) .os-header__toggle{display:none}
 @media (min-width:768px){.os-header__logo{height:var(--tlogo-h,2.5rem)}}
 @media (min-width:1200px){.os-header__logo{height:var(--logo-h,2.5rem)}}
 
+/* A raised content card over the page background (Site Styles \u2192 layout.surface "card"). */
+.os-page.has-surface-card{background:var(--page-bg,${v(c2.surface)})}
+@media (min-width:768px){
+.has-surface-card>.os-main{flex:none;margin:8.3333% 8.3333% 0;padding-block:8.3333% 0;background:${v(c2.background)};box-shadow:0 0 1px rgb(0 0 0 / 0.15)}
+.has-surface-card>.os-footer{margin:8.3333% 8.3333% 8.3333%;box-shadow:0 0 1px rgb(0 0 0 / 0.15)}
+}
+
 /* Footer */
 .os-footer{margin-top:auto}
 .os-footer .os-footer__section:not(.has-pad){padding-block:${v(T.space["2xl"])}}
@@ -29183,6 +29224,43 @@ html{scroll-behavior:auto}
 .os-marquee [data-os-clone],.os-marquee__toggle{display:none}
 }
 
+/* Phones (< 768px): readable, tappable and contained by default, whatever was designed on desktop.
+   Phone-only, so tablet and desktop rendering is unchanged; a site's custom CSS (unlayered) still wins. */
+@media (max-width:767.98px){
+@layer os.base {
+/* Long links and addresses wrap instead of widening the page. */
+:where(.os-rich) :where(a){overflow-wrap:anywhere}
+/* Reading sizes for a phone: body text at most 20px and lead text at most 22px (a big desktop
+   intro paragraph stays an intro, not a wall of 34px text); labels, eyebrows and small text never
+   shrink below 13\u201314px. */
+body{font-size:clamp(1rem,${v(T.type.body["font-size"])},1.25rem)}
+.os-type-lead{font-size:min(${v(T.type.lead["font-size"])},1.375rem)}
+.os-type-eyebrow{font-size:max(0.8125rem,${v(T.type.eyebrow["font-size"])})}
+.os-type-small{font-size:max(0.875rem,${v(T.type.small["font-size"])})}
+/* Wide tables and code scroll inside their block instead of the page. */
+.os-rich :where(table){display:block;max-inline-size:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
+.os-rich :where(pre){max-inline-size:100%;overflow-x:auto}
+.os-rich :where(iframe,video,embed,object){max-inline-size:100%}
+}
+@layer os.components {
+/* Comfortable tap targets: the brand link, social icons and footer links are at least 44px. */
+.os-header__brand{min-height:2.75rem}
+.os-announcement__close{width:2.75rem;height:2.75rem}
+/* Text links get a 44px-tall tap area; inline padding doesn't move the text around them. */
+.os-rich a:not(.os-button),.os-announcement__link{padding-block:max(0.875rem,calc((2.75rem - 1em) / 2))}
+.os-social__link{width:2.75rem;height:2.75rem}
+:where(summary){min-height:2.75rem;align-content:center}
+.os-footer :where(li,p)>a:only-child,.os-footer .os-nav__link{display:inline-flex;align-items:center;min-height:2.75rem}
+.os-footer .os-rich li+li{margin-block-start:0}
+/* Button labels stay readable (14px or more). */
+.os-button{font-size:max(0.875rem,${v(T.type.button["font-size"])})}
+/* 16px or larger, so phones don't zoom into a field when it's tapped. */
+.os-input,.os-textarea,.os-select{font-size:max(1rem,${v(T.type.body["font-size"])})}
+/* Very tall images are cropped to fit the screen (around their focal point). */
+.os-block--image .os-img:not(.is-fill,.is-contain){max-block-size:75svh}
+}
+}
+
 @media print{
 .os-header,.os-announcement,.os-popup,.os-skip-link{display:none!important}
 .os-section{padding-block:1.5rem;min-height:0}
@@ -31407,6 +31485,7 @@ var businessCss = `
 .os-contact__item a{color:var(--os-color-link);overflow-wrap:anywhere}
 .os-contact__name{font-weight:var(--os-font-weight-strong);color:var(--os-color-heading)}
 .os-contact__directions{font-size:var(--os-type-small-font-size);font-weight:var(--os-font-weight-strong);margin-top:0.2em}
+@media (max-width:767.98px){.os-contact__item a,.os-contact__directions{display:inline-flex;align-items:center;min-height:2.75rem}}
 .os-contact--list .os-contact__item{padding-bottom:var(--os-space-sm);border-bottom:1px solid var(--os-color-border)}
 @container block (min-width:48rem){.os-contact--columns .os-contact__items{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--os-space-md)}}
 `;
@@ -32293,7 +32372,11 @@ var summaryBlock = defineBlock({
     return /* @__PURE__ */ jsxs16(
       "div",
       {
-        className: cx("os-summary", `os-summary--${variant}`),
+        className: cx(
+          "os-summary",
+          `os-summary--${variant}`,
+          items.every((i) => i.kind === "products") && "os-summary--products"
+        ),
         style: { "--s-cols": balancedColumns(items.length, columns2) },
         children: [
           heading2,
@@ -32531,6 +32614,8 @@ var collectionsCss = `
 @container block (min-width:36rem){.os-summary--grid .os-summary__items{grid-template-columns:repeat(2,minmax(0,1fr))}}
 @container block (min-width:60rem){.os-summary--grid .os-summary__items{grid-template-columns:repeat(var(--s-cols,3),minmax(0,1fr))}}
 .os-summary__item{min-width:0;display:flex}
+/* Products on phones: two small cards per row (name, price), like a shop app. */
+@media (max-width:767.98px){@container block (max-width:35.99rem){.os-summary--grid.os-summary--products .os-summary__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--os-space-sm) var(--os-space-xs)}.os-summary--products .os-summary__excerpt{display:none}.os-summary--products .os-summary__title{font-size:var(--os-type-body-font-size);line-height:1.3}}}
 .os-summary__card{position:relative;display:grid;align-content:start;gap:var(--os-space-xs);width:100%}
 .os-summary__body{display:grid;gap:var(--os-space-3xs)}
 .os-summary__meta{display:flex;flex-wrap:wrap;gap:0.2em 0.9em;margin:0;font-size:var(--os-type-small-font-size);color:var(--os-color-text-muted)}
@@ -32991,7 +33076,26 @@ var productBlock = defineBlock({
     }),
     quantity: f.boolean({ default: true, label: "Quantity picker" }),
     buttonLabel: f.text({ maxLength: 30, default: "Add to cart" }),
-    detailsLabel: f.text({ maxLength: 30, default: "View details" })
+    detailsLabel: f.text({ maxLength: 30, default: "View details" }),
+    showPrice: f.boolean({
+      optional: true,
+      // Unset means on (the page shows it): the default says so to editors.
+      default: true,
+      label: "Show the price",
+      help: "On unless turned off"
+    }),
+    showBuy: f.boolean({
+      optional: true,
+      default: true,
+      label: "Show Add to cart",
+      help: "Off: just the picture and name, linking to the product's page (a shop grid)"
+    }),
+    imageAspect: f.select({
+      options: ASPECT_OPTIONS,
+      optional: true,
+      label: "Image shape",
+      help: "Crop for the product photo (default portrait 4:5)"
+    })
   },
   variants: ["card", "split", "minimal"],
   styleSlots: [
@@ -33054,7 +33158,7 @@ var productBlock = defineBlock({
         Img,
         {
           src: image3,
-          aspect: "4:5",
+          aspect: fields.imageAspect ?? "4:5",
           sizes: variant === "split" ? "(min-width: 768px) 50vw, 100vw" : "(min-width: 768px) 40vw, 100vw",
           className: cx("os-product__image", imageClass)
         }
@@ -33070,9 +33174,9 @@ var productBlock = defineBlock({
             children: /* @__PURE__ */ jsx22("a", { className: "os-product__link", href, children: fm.title })
           }
         ) : null,
-        price ? /* @__PURE__ */ jsx22("p", { className: "os-product__price", children: /* @__PURE__ */ jsx22(PriceText, { price }) }) : null,
+        price && fields.showPrice !== false ? /* @__PURE__ */ jsx22("p", { className: "os-product__price", children: /* @__PURE__ */ jsx22(PriceText, { price }) }) : null,
         fields.showDescription && fm.excerpt ? /* @__PURE__ */ jsx22("p", { className: "os-product__desc", children: fm.excerpt }) : null,
-        firstAvailable && !canSell ? /* @__PURE__ */ jsx22(
+        fields.showBuy === false ? null : firstAvailable && !canSell ? /* @__PURE__ */ jsx22(
           OpeningSoon,
           {
             kind: "store",
@@ -33134,7 +33238,7 @@ var productBlock = defineBlock({
             )
           ] })
         ] }) : options.length ? /* @__PURE__ */ jsx22("p", { className: "os-product__soldout", children: "Sold out" }) : /* @__PURE__ */ jsx22(EditorNotice, { children: "Give this product a SKU so it can be added to the cart." }),
-        fields.detailsLabel ? /* @__PURE__ */ jsxs18("a", { className: "os-product__details", href, children: [
+        fields.detailsLabel && fields.showBuy !== false ? /* @__PURE__ */ jsxs18("a", { className: "os-product__details", href, children: [
           fields.detailsLabel,
           /* @__PURE__ */ jsxs18("span", { className: "os-visually-hidden", children: [
             ": ",
@@ -34205,6 +34309,15 @@ var galleryBlock = defineBlock({
       display: "segmented",
       help: "Columns on wide screens (grid and masonry)"
     }),
+    fit: f.select({
+      options: [
+        { value: "cover", label: "Fill the frame" },
+        { value: "contain", label: "Show whole photos" }
+      ],
+      optional: true,
+      label: "Fit",
+      help: "Slideshows and carousels: crop each photo to the frame, or show it whole inside it"
+    }),
     lightbox: f.boolean({ default: true, help: "Open photos in a full-screen viewer" }),
     showCaptions: f.boolean({ default: false, label: "Show captions" })
   },
@@ -34241,7 +34354,15 @@ function Gallery({ id, fields, variant }) {
   const lightbox = fields.lightbox && fields.images.some((i) => !i.link);
   const carousel = variant === "carousel" || variant === "slideshow";
   const media2 = (item3, i) => {
-    const img = /* @__PURE__ */ jsx28(Img, { src: item3.image, sizes, aspect: crop ?? "original" });
+    const img = /* @__PURE__ */ jsx28(
+      Img,
+      {
+        src: item3.image,
+        sizes,
+        aspect: crop ?? "original",
+        ...fields.fit === "contain" && crop ? { fit: "contain" } : {}
+      }
+    );
     if (item3.link)
       return /* @__PURE__ */ jsx28(Link, { to: item3.link, className: "os-gallery__link", children: img });
     if (fields.lightbox)
@@ -34315,7 +34436,7 @@ var galleryCss = `
 .os-gallery--grid .os-gallery__items{display:grid;gap:var(--os-space-xs);grid-template-columns:repeat(2,minmax(0,1fr))}
 @container block (min-width:44rem){.os-gallery--grid .os-gallery__items{grid-template-columns:repeat(var(--g-tcols,3),minmax(0,1fr));gap:var(--os-space-sm)}}
 @container block (min-width:64rem){.os-gallery--grid .os-gallery__items{grid-template-columns:repeat(var(--g-cols,3),minmax(0,1fr))}}
-@container block (max-width:24rem){.os-gallery--grid .os-gallery__items{grid-template-columns:minmax(0,1fr)}}
+@container block (max-width:20rem){.os-gallery--grid .os-gallery__items{grid-template-columns:minmax(0,1fr)}}
 
 .os-gallery--masonry .os-gallery__items{columns:2;column-gap:var(--os-space-xs)}
 .os-gallery--masonry .os-gallery__item{break-inside:avoid;margin-bottom:var(--os-space-xs)}
@@ -34379,6 +34500,12 @@ var headingBlock = defineBlock({
       help: "Use one Heading 1 per page; it tells search engines what the page is about"
     }),
     size: f.select({ options: SIZES2, default: "auto", label: "Visual size" }),
+    phoneSize: f.select({
+      options: SIZES2,
+      optional: true,
+      label: "Size on phones",
+      help: "Only on phones: a smaller size keeps long words from breaking (Fix for phones sets it)"
+    }),
     subheading: f.text({ optional: true, multiline: true, maxLength: 280 })
   },
   variants: ["plain", "rule", "underline", "split", "eyebrow-rule"],
@@ -34400,7 +34527,17 @@ var headingBlock = defineBlock({
     return /* @__PURE__ */ jsxs23("div", { className: cx("os-heading", `os-heading--${variant}`), children: [
       /* @__PURE__ */ jsxs23("div", { className: "os-heading__main", children: [
         fields.eyebrow ? /* @__PURE__ */ jsx29("p", { className: "os-heading__eyebrow os-type-eyebrow", children: fields.eyebrow }) : null,
-        /* @__PURE__ */ jsx29(Tag, { className: cx("os-heading__text", typo(style, "heading", size)), children: fields.text })
+        /* @__PURE__ */ jsx29(
+          Tag,
+          {
+            className: cx(
+              "os-heading__text",
+              typo(style, "heading", size),
+              fields.phoneSize && fields.phoneSize !== "auto" && `os-heading__text--m-${fields.phoneSize}`
+            ),
+            children: fields.text
+          }
+        )
       ] }),
       fields.subheading ? /* @__PURE__ */ jsx29("p", { className: "os-heading__sub os-type-lead", children: fields.subheading }) : null
     ] });
@@ -34529,6 +34666,7 @@ var headingCss = `
 .os-heading--eyebrow-rule .os-heading__eyebrow::after{content:"";display:block;width:clamp(3rem,5vw,4rem);height:2px;background:var(--os-color-accent);margin-block:clamp(1.25rem,2vw,1.75rem) clamp(0.75rem,1.5vw,1.25rem)}
 .os-align-center .os-heading--eyebrow-rule .os-heading__eyebrow::after,.os-malign-center .os-heading--eyebrow-rule .os-heading__eyebrow::after{margin-inline:auto}
 .os-heading__text{margin:0;text-wrap:balance;color:var(--os-color-heading)}
+@media (max-width:767.98px){.os-heading__text--m-display{font-size:var(--os-type-display-font-size);line-height:var(--os-type-display-line-height);letter-spacing:var(--os-type-display-letter-spacing)}.os-heading__text--m-h1{font-size:var(--os-type-h1-font-size);line-height:var(--os-type-h1-line-height);letter-spacing:var(--os-type-h1-letter-spacing)}.os-heading__text--m-h2{font-size:var(--os-type-h2-font-size);line-height:var(--os-type-h2-line-height);letter-spacing:var(--os-type-h2-letter-spacing)}.os-heading__text--m-h3{font-size:var(--os-type-h3-font-size);line-height:var(--os-type-h3-line-height);letter-spacing:var(--os-type-h3-letter-spacing)}.os-heading__text--m-h4{font-size:var(--os-type-h4-font-size);line-height:var(--os-type-h4-line-height);letter-spacing:var(--os-type-h4-letter-spacing)}}
 .os-heading__sub{margin:0;color:var(--os-color-text);max-inline-size:var(--os-measure);text-wrap:pretty}
 .os-heading--rule .os-heading__main::before{content:"";width:2.5rem;height:3px;border-radius:var(--os-radius-full);background:var(--os-color-accent);margin-bottom:var(--os-space-2xs)}
 .os-heading--underline .os-heading__main{padding-bottom:var(--os-space-xs);border-bottom:1px solid var(--os-color-border)}
@@ -34563,7 +34701,13 @@ var imageBlock = defineBlock({
     aspect: aspectField("4:5"),
     caption: f.text({ optional: true, maxLength: 200, ai: "Optional; one short sentence." }),
     link: f.link({ optional: true, help: "Make the whole image a link" }),
-    lightbox: f.boolean({ default: false, help: "Open a larger view when clicked" })
+    lightbox: f.boolean({ default: false, help: "Open a larger view when clicked" }),
+    size: f.select({
+      options: ["fill", "original"],
+      optional: true,
+      label: "Size",
+      help: "Fill the column, or show the picture no wider than its own size (a book cover, a small portrait)"
+    })
   },
   variants: ["default", "caption-overlay", "inset"],
   styleSlots: ["radius", "shadow", "imageTreatment", "align", "padding", "animation"],
@@ -34628,10 +34772,12 @@ function ImageView({ id, fields, variant }) {
       }
     );
   }
+  const natural = !grid2 && fields.size === "original" && fields.image.width ? fields.image.width : 0;
   return /* @__PURE__ */ jsxs24(
     "figure",
     {
-      className: cx("os-image", `os-image--${variant}`, grid2 && "is-fill"),
+      className: cx("os-image", `os-image--${variant}`, grid2 && "is-fill", natural && "is-natural"),
+      style: natural ? { "--image-max": `${natural}px` } : void 0,
       "data-os-behavior": !fields.link && fields.lightbox ? "lightbox" : void 0,
       children: [
         media2,
@@ -34643,7 +34789,13 @@ function ImageView({ id, fields, variant }) {
 var imageCss = `
 .os-image{position:relative;display:grid;gap:var(--os-space-2xs)}
 .os-image.is-fill{height:100%;grid-template-rows:minmax(0,1fr);grid-auto-rows:auto}
-.os-image.is-fill>.os-image__link{display:block;height:100%}
+.os-image.is-fill>.os-image.is-natural{max-inline-size:min(100%,var(--image-max))}
+.os-align-center .os-image.is-natural,.os-align-center>.os-image.is-natural{margin-inline:auto}
+.os-align-end .os-image.is-natural{margin-inline-start:auto}
+.os-image__link{display:block;height:100%}
+.os-image.is-natural{max-inline-size:min(100%,var(--image-max))}
+.os-align-center .os-image.is-natural,.os-align-center>.os-image.is-natural{margin-inline:auto}
+.os-align-end .os-image.is-natural{margin-inline-start:auto}
 .os-image__link{display:block;color:inherit;border-radius:var(--os-image-radius)}
 .os-image__caption{font-size:var(--os-type-small-font-size);line-height:var(--os-type-small-line-height);color:var(--os-color-text-muted)}
 .os-image--caption-overlay .os-image__caption{position:absolute;inset:auto 0 0 0;z-index:2;padding:var(--os-space-lg) var(--os-space-sm) var(--os-space-xs);color:var(--os-color-neutral-50);background:linear-gradient(to top,color-mix(in oklab,var(--os-color-neutral-950) 62%,transparent),color-mix(in oklab,var(--os-color-neutral-950) 0%,transparent));border-radius:0 0 var(--os-image-radius) var(--os-image-radius);pointer-events:none}
@@ -35070,6 +35222,7 @@ var mapCss = `
 .os-map__pin .os-icon{fill:var(--os-color-background)}
 .os-map__attribution{position:absolute;inset-inline-end:0;bottom:0;z-index:2;padding:0.15rem 0.45rem;font-size:0.6875rem;line-height:1.4;background:color-mix(in oklab,var(--os-color-neutral-50) 85%,transparent);color:var(--os-color-neutral-800);border-start-start-radius:var(--os-radius-sm)}
 .os-map__attribution a{color:inherit}
+@media (max-width:767.98px){.os-map__attribution{font-size:0.75rem;padding:0.3rem 0.6rem}.os-map__attribution a{display:inline-block;padding-block:0.15rem}}
 .os-map__info{display:grid;gap:var(--os-space-2xs);align-content:start}
 .os-map__address{display:grid;font-style:normal;color:var(--os-color-text)}
 .os-map__name{font-family:var(--os-font-heading);font-weight:var(--os-font-weight-heading);font-size:var(--os-type-h4-font-size);line-height:var(--os-type-h4-line-height);color:var(--os-color-heading);margin-bottom:0.15em}
@@ -35492,6 +35645,7 @@ var newsletterCss = `
 .os-newsletter__note{font-size:var(--os-type-small-font-size);color:var(--os-color-text-muted)}
 .os-newsletter--stacked .os-newsletter__row,.os-newsletter--card .os-newsletter__row{display:grid}
 .os-newsletter--stacked .os-newsletter__submit,.os-newsletter--card .os-newsletter__submit{justify-self:start}
+@media (max-width:767.98px){.os-newsletter__row{display:grid}.os-newsletter__field{flex:none}.os-newsletter .os-newsletter__submit{justify-self:stretch;width:100%}}
 .os-newsletter--card{padding:var(--os-space-md);background:var(--os-color-surface);border-radius:var(--os-radius-card)}
 .os-block.has-radius .os-newsletter--card{border-radius:var(--radius)}
 .os-block.os-themed .os-newsletter--card{background:transparent;padding:0}
@@ -36252,6 +36406,7 @@ var restaurantMenuCss = `
 .os-menu-card__name{font-weight:var(--os-font-weight-strong);color:var(--os-color-heading)}
 .os-menu-card__diet{display:inline-flex;gap:0.25em}
 .os-menu-card__diet abbr{font-size:0.7em;font-weight:var(--os-font-weight-strong);letter-spacing:0.04em;text-decoration:none;color:var(--os-color-link);border:1px solid currentColor;border-radius:var(--os-radius-full);padding:0.05em 0.45em;cursor:help}
+@media (max-width:767.98px){.os-menu-card__diet abbr{font-size:max(0.7em,0.75rem)}}
 .os-menu-card__leader{flex:1;min-width:1rem;border-bottom:1.5px dotted var(--os-color-text-muted);translate:0 -0.3em}
 .os-menu-card__price{font-variant-numeric:lining-nums tabular-nums;color:var(--os-color-heading);white-space:nowrap}
 .os-menu-card__desc{margin:0;color:var(--os-color-text);max-inline-size:var(--os-measure);font-size:var(--os-type-small-font-size);line-height:var(--os-type-small-line-height)}
@@ -37433,6 +37588,8 @@ html:not(.os-js) .os-video__fallback{display:grid}
 var BLOCKS_CSS = `/* OpenSpace block library (@omniharmonic/openspace-blocks). Tokens: --os-* from @omniharmonic/openspace-theme. */
 @layer os.reset, os.base, os.layout, os.components, os.behaviors, os.blocks, os.utilities;
 @layer os.blocks {
+/* Phones: small standalone links inside blocks get a 44px-tall tap area. */
+@media (max-width:767.98px){:where(.os-audio__link,.os-booking__fallback,.os-product__details,.os-events__register,.os-product__link){display:inline-flex;align-items:center;min-height:2.75rem}}
 ${[
   textCss,
   imageCss,
@@ -40690,7 +40847,12 @@ function stack(o = {}) {
   return {
     mode: "stack",
     columns: columns2,
-    ...o.order ? { order: { m: o.order, t: o.order } } : {},
+    ...o.order || o.mOrder ? {
+      order: {
+        m: o.mOrder ?? o.order,
+        ...o.order ? { t: o.order } : {}
+      }
+    } : {},
     ...o.align ? { align: o.align } : {},
     ...o.width ? { width: o.width } : {},
     ...o.gap ? { gap: o.gap } : {}
@@ -46571,7 +46733,7 @@ var heroPresets = [
     make: (c3) => ({
       layout: stack({ width: "narrow" }),
       padding: { d: "3xl", m: "2xl" },
-      minHeight: { d: "88vh", m: "80svh" },
+      minHeight: { d: "88vh", m: "70svh" },
       background: {
         type: "image",
         src: photo2("cliffs", 1920).src,
@@ -46611,7 +46773,7 @@ var heroPresets = [
     make: (c3) => ({
       layout: stack({ cols: [7, 5], align: "end" }),
       padding: { d: "2xl", m: "xl" },
-      minHeight: { d: "92vh", m: "85svh" },
+      minHeight: { d: "92vh", m: "72svh" },
       background: {
         type: "image",
         src: photo2("modernHouse", 1920).src,
@@ -46703,10 +46865,11 @@ var heroPresets = [
       return {
         padding: { d: "xl", m: "lg" },
         ...grid([
-          [big, r(1, 1, 11, 22), r(1, 1, 6, 14)],
-          [small3, r(8, 12, 7, 13, { z: 2 }), r(5, 10, 4, 8, { z: 2 })],
-          [words2, r(15, 4, 10, 14), r(1, 19, 8, 10)],
-          [cta, r(15, 18, 10, 4), r(1, 29, 8, 3)]
+          // Phones: the words and button first, the collage after them.
+          [big, r(1, 1, 11, 22), r(1, 15, 6, 14)],
+          [small3, r(8, 12, 7, 13, { z: 2 }), r(5, 24, 4, 8, { z: 2 })],
+          [words2, r(15, 4, 10, 14), r(1, 1, 8, 10)],
+          [cta, r(15, 18, 10, 4), r(1, 11, 8, 3)]
         ])
       };
     }
@@ -46821,11 +46984,12 @@ var heroPresets = [
       return {
         padding: { d: "xl", m: "lg" },
         ...grid([
-          [a, r(1, 1, 8, 24), r(1, 1, 5, 12)],
-          [b, r(10, 4, 6, 16), r(6, 5, 3, 9)],
-          [d, r(17, 1, 8, 13), r(1, 14, 8, 9)],
-          [words2, r(14, 11, 11, 11, { z: 2 }), r(1, 21, 8, 11, { z: 2 })],
-          [cta, r(15, 23, 10, 3), r(1, 33, 8, 3)]
+          // Phones: the words and button first, the photos after them.
+          [a, r(1, 1, 8, 24), r(1, 16, 5, 12)],
+          [b, r(10, 4, 6, 16), r(6, 20, 3, 9)],
+          [d, r(17, 1, 8, 13), r(1, 29, 8, 9)],
+          [words2, r(14, 11, 11, 11, { z: 2 }), r(1, 1, 8, 11, { z: 2 })],
+          [cta, r(15, 23, 10, 3), r(1, 12, 8, 3)]
         ])
       };
     }
@@ -47209,7 +47373,7 @@ var heroMorePresets = [
       avoid: `${AI_AVOID2} Third-person bios on a personal site; job-title soup.`
     },
     make: (c3) => ({
-      layout: stack({ cols: [4, 8], align: "center", gap: "2xl", order: [0, 1] }),
+      layout: stack({ cols: [4, 8], align: "center", gap: "2xl", order: [0, 1], mOrder: [1, 0] }),
       padding: { d: "xl", m: "lg" },
       blocks: [
         image2(photo2("portraitLena", 420, "1:1"), {
@@ -47300,12 +47464,12 @@ var heroMorePresets = [
     make: (c3) => ({
       layout: stack({ width: "content", gap: "lg" }),
       padding: { d: "3xl", m: "2xl" },
-      minHeight: { d: "90vh", m: "85svh" },
+      minHeight: { d: "90vh", m: "72svh" },
       background: {
         type: "image",
         src: photo2("festivalSunset", 1920).src,
         focal: [0.5, 0.45],
-        overlay: scrim(0.78)
+        overlay: scrim(0.86)
       },
       blocks: [
         heading("Riverbend Folk Weekend", {
@@ -48671,9 +48835,10 @@ var teamPresets = [
       const cta = button2("Read our story", c3.primary, { role: "tertiary" });
       return {
         ...grid([
-          [pic, r(13, 1, 10, 24), r(2, 1, 7, 16)],
-          [panel2, r(3, 5, 12, 14, { z: 2 }), r(1, 13, 8, 14, { z: 2 })],
-          [cta, r(4, 20, 9, 3), r(1, 28, 8, 3)]
+          // Phones: the words and button first, the portrait after them.
+          [pic, r(13, 1, 10, 24), r(2, 19, 7, 16)],
+          [panel2, r(3, 5, 12, 14, { z: 2 }), r(1, 1, 8, 14, { z: 2 })],
+          [cta, r(4, 20, 9, 3), r(1, 15, 8, 3)]
         ])
       };
     }
@@ -52315,7 +52480,7 @@ var testimonialsMorePresets = [
         type: "image",
         src: photo2("lake", 1920).src,
         focal: [0.5, 0.5],
-        overlay: scrim(0.8)
+        overlay: scrim(0.86)
       },
       blocks: [
         pullQuote(
@@ -53101,6 +53266,8 @@ export {
   fallbackMobileRects,
   toJsonSchema,
   blockFieldsJsonSchema,
+  phonePadding,
+  phoneColumns,
   oklchToHex,
   parseColor,
   isColor,
@@ -53244,4 +53411,4 @@ lucide/dist/esm/lucide.mjs:
    * See the LICENSE file in the root directory of this source tree.
    *)
 */
-//# sourceMappingURL=chunk-IXN2CNGL.js.map
+//# sourceMappingURL=chunk-GMKHKHUR.js.map