@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400&family=Figtree:wght@400;500;600;700&display=swap');

/* ==========================================================================
   Aryavia — Obsidian Publish theme
   Institutional palette (teal / gold / warm near-white) on soft, rounded
   geometry and generous rhythm.
   Place this file at the ROOT of the vault, named exactly publish.css,
   and publish it. Obsidian applies it to the whole site.
   ========================================================================== */

body {
  /* ---- brand ---- */
  --ary-ink: #101418;
  --ary-ink-soft: #4d565e;
  --ary-ink-faint: #7b848c;
  --ary-teal: #0e3a43;
  --ary-teal-600: #14505c;
  --ary-teal-100: #e4ecec;
  --ary-gold: #c29a4b;
  --ary-gold-soft: #f0e6d3;
  --ary-bg: #fafaf7;
  --ary-sand: #f2efe7;
  --ary-surface: #ffffff;
  --ary-line: #e6e3d9;

  --ary-r: 16px;
  --ary-r-lg: 24px;
  --ary-r-pill: 999px;
  --ary-shadow-sm: 0 1px 2px rgba(16, 20, 24, .04), 0 2px 8px rgba(16, 20, 24, .04);
  --ary-shadow-md: 0 2px 4px rgba(16, 20, 24, .04), 0 12px 32px rgba(16, 20, 24, .07);

  --ary-serif: 'Newsreader', 'Iowan Old Style', 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
  --ary-sans: 'Figtree', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;

  /* ---- Obsidian tokens ---- */
  --font-text-theme: var(--ary-sans);
  --font-text: var(--ary-sans);
  --font-interface-theme: var(--ary-sans);
  --font-interface: var(--ary-sans);
  --font-default: var(--ary-sans);
  --default-font: var(--ary-sans);
  --site-name-font: var(--ary-serif);
  --page-title-font: var(--ary-serif);
  --component-title-font: var(--ary-sans);
  --h1-font: var(--ary-serif);
  --h2-font: var(--ary-serif);
  --h3-font: var(--ary-serif);
  --h4-font: var(--ary-sans);
  --font-text-size: 18px;
  --line-height-normal: 1.65;

  --background-primary: var(--ary-bg);
  --background-primary-alt: var(--ary-sand);
  --background-secondary: var(--ary-bg);
  --background-secondary-alt: var(--ary-sand);
  --background-modifier-border: var(--ary-line);
  --background-modifier-hover: var(--ary-teal-100);

  --text-normal: var(--ary-ink);
  --text-muted: var(--ary-ink-soft);
  --text-faint: var(--ary-ink-faint);
  --text-accent: var(--ary-teal);
  --text-accent-hover: var(--ary-gold);
  --text-selection: rgba(194, 154, 75, .28);
  --text-highlight-bg: var(--ary-gold-soft);
  --link-color: var(--ary-teal);
  --link-color-hover: var(--ary-gold);
  --link-decoration: none;

  --h1-color: var(--ary-ink);
  --h2-color: var(--ary-ink);
  --h3-color: var(--ary-teal);
  --h4-color: var(--ary-teal);
  --interactive-accent: var(--ary-teal);
  --interactive-accent-hover: var(--ary-teal-600);
  --blockquote-border-color: var(--ary-gold);
  --hr-color: var(--ary-line);
  --radius-m: var(--ary-r);
  --radius-l: var(--ary-r-lg);
}

.published-container {
  --font-text-theme: var(--ary-sans);
  --font-text: var(--ary-sans);
  --font-interface-theme: var(--ary-sans);
  --font-interface: var(--ary-sans);
  --site-name-font: var(--ary-serif);
  --page-title-font: var(--ary-serif);
}

body,
.published-container,
.markdown-rendered {
  background: var(--ary-bg);
  color: var(--ary-ink);
  font-family: var(--ary-sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Publish serves a dark palette to visitors whose OS prefers dark, which the
   preview never showed. Pin the intended light ground in both cases. */
body.theme-dark,
.theme-dark .published-container,
.theme-dark {
  --background-primary: var(--ary-bg);
  --background-primary-alt: var(--ary-sand);
  --background-secondary: var(--ary-bg);
  --background-secondary-alt: var(--ary-sand);
  --background-modifier-border: var(--ary-line);
  --background-modifier-hover: var(--ary-teal-100);
  --text-normal: var(--ary-ink);
  --text-muted: var(--ary-ink-soft);
  --text-faint: var(--ary-ink-faint);
  --text-accent: var(--ary-teal);
  --link-color: var(--ary-teal);
  --h1-color: var(--ary-ink);
  --h2-color: var(--ary-ink);
  --h3-color: var(--ary-teal);
  background: var(--ary-bg);
  color: var(--ary-ink);
}

*:focus-visible {
  outline: 2px solid var(--ary-gold);
  outline-offset: 3px;
  border-radius: 4px;
}

::selection { background: rgba(194, 154, 75, .28); }

/* ------------------------------------------------------------------ header */

.site-header {
  background: rgba(250, 250, 247, .88);
  backdrop-filter: saturate(140%) blur(10px);
  -webkit-backdrop-filter: saturate(140%) blur(10px);
  border-bottom: 1px solid var(--ary-line);
  box-shadow: none;
}

.site-header-title,
.site-body-left-column-site-name {
  font-family: var(--ary-serif);
  font-weight: 600;
  letter-spacing: .01em;
  color: var(--ary-teal);
}

.site-body-left-column-site-name-inner {
  font-family: var(--ary-serif);
  font-size: 1.35rem;
  color: var(--ary-teal);
}

/* search + header buttons: pills, themed states */
.site-search input,
.search-input-container input,
input[type="search"] {
  border-radius: var(--ary-r-pill);
  border: 1px solid var(--ary-line);
  background: var(--ary-surface);
  font-family: var(--ary-sans);
  font-size: .95rem;
  padding: 8px 16px;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.site-search input:hover,
input[type="search"]:hover { border-color: var(--ary-gold); }

.site-search input:focus,
input[type="search"]:focus {
  border-color: var(--ary-teal);
  box-shadow: 0 0 0 3px rgba(14, 58, 67, .1);
  outline: none;
}

.site-header-button,
.clickable-icon {
  border-radius: var(--ary-r-pill);
  color: var(--ary-teal);
  transition: background .18s ease, color .18s ease;
}

.site-header-button:hover,
.clickable-icon:hover {
  background: var(--ary-teal-100);
  color: var(--ary-teal);
}

/* --------------------------------------------------------------- navigation */

.site-body-left-column {
  background: var(--ary-bg);
  border-right: 1px solid var(--ary-line);
}

.site-body-left-column-nav .nav-file-title,
.site-body-left-column-nav .nav-folder-title {
  border-radius: var(--ary-r-pill);
  padding: 6px 14px;
  font-size: .95rem;
  color: var(--ary-ink-soft);
  transition: background .16s ease, color .16s ease;
}

.site-body-left-column-nav .nav-file-title:hover,
.site-body-left-column-nav .nav-folder-title:hover {
  background: var(--ary-sand);
  color: var(--ary-ink);
}

.site-body-left-column-nav .nav-file-title.is-active,
.site-body-left-column-nav .nav-file-title.is-active:hover {
  background: var(--ary-teal);
  color: #fff;
  font-weight: 600;
}

.site-body-left-column-nav .nav-folder-title {
  font-family: var(--ary-serif);
  font-size: 1rem;
  color: var(--ary-teal);
}


/* ---------------------------------------------- sidebar: flatten and reorder

   Publish builds the sidebar from the vault's folder tree, alphabetically.
   These notes live inside a folder, so the tree showed a nested wrapper and
   an order unrelated to the site's own narrative. Below: the folder rows are
   hidden and their indentation removed, so the sidebar reads as one flat
   list, and each note is given an explicit position matching the home page.
   Suffix matching on data-path means this survives moving the folder.
   Anything not listed sorts to the end, alphabetically as before.
   ---------------------------------------------------------------------- */

.site-body-left-column-nav .nav-folder-title,
.site-body-left-column-nav .tree-item-self.nav-folder-title { display: none; }

.site-body-left-column-nav .nav-folder-children,
.site-body-left-column-nav .tree-item-children {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.site-body-left-column-nav .tree-item,
.site-body-left-column-nav .nav-file,
.site-body-left-column-nav .nav-file-title,
.site-body-left-column-nav .tree-item-self { order: 99; }

/* the nav root itself must be the flex context when the tree is one level */
.site-body-left-column-nav,
.site-body-left-column-nav > .tree-item > .tree-item-children {
  display: flex;
  flex-direction: column;
}

/* 1. Aryavia - Home */
.site-body-left-column-nav [data-path$="Aryavia - Home.md"],
.site-body-left-column-nav .tree-item:has([data-path$="Aryavia - Home.md"]),
.site-body-left-column-nav .nav-file:has([data-path$="Aryavia - Home.md"]),
.site-body-left-column-nav [href$="Aryavia - Home.md"],
.site-body-left-column-nav .tree-item:has([href$="Aryavia - Home.md"]),
.site-body-left-column-nav .nav-file:has([href$="Aryavia - Home.md"]),
.site-body-left-column-nav [data-path$="Aryavia - Home"],
.site-body-left-column-nav .tree-item:has([data-path$="Aryavia - Home"]),
.site-body-left-column-nav .nav-file:has([data-path$="Aryavia - Home"]),
.site-body-left-column-nav [href$="Aryavia - Home"],
.site-body-left-column-nav .tree-item:has([href$="Aryavia - Home"]),
.site-body-left-column-nav .nav-file:has([href$="Aryavia - Home"]),
.site-body-left-column-nav [data-path$="Aryavia+-+Home"],
.site-body-left-column-nav .tree-item:has([data-path$="Aryavia+-+Home"]),
.site-body-left-column-nav .nav-file:has([data-path$="Aryavia+-+Home"]),
.site-body-left-column-nav [href$="Aryavia+-+Home"],
.site-body-left-column-nav .tree-item:has([href$="Aryavia+-+Home"]),
.site-body-left-column-nav .nav-file:has([href$="Aryavia+-+Home"]),
.site-body-left-column-nav [data-path$="Aryavia%20-%20Home"],
.site-body-left-column-nav .tree-item:has([data-path$="Aryavia%20-%20Home"]),
.site-body-left-column-nav .nav-file:has([data-path$="Aryavia%20-%20Home"]),
.site-body-left-column-nav [href$="Aryavia%20-%20Home"],
.site-body-left-column-nav .tree-item:has([href$="Aryavia%20-%20Home"]),
.site-body-left-column-nav .nav-file:has([href$="Aryavia%20-%20Home"]) { order: 1; }

/* 2. This is Aryavia */
.site-body-left-column-nav [data-path$="This is Aryavia.md"],
.site-body-left-column-nav .tree-item:has([data-path$="This is Aryavia.md"]),
.site-body-left-column-nav .nav-file:has([data-path$="This is Aryavia.md"]),
.site-body-left-column-nav [href$="This is Aryavia.md"],
.site-body-left-column-nav .tree-item:has([href$="This is Aryavia.md"]),
.site-body-left-column-nav .nav-file:has([href$="This is Aryavia.md"]),
.site-body-left-column-nav [data-path$="This is Aryavia"],
.site-body-left-column-nav .tree-item:has([data-path$="This is Aryavia"]),
.site-body-left-column-nav .nav-file:has([data-path$="This is Aryavia"]),
.site-body-left-column-nav [href$="This is Aryavia"],
.site-body-left-column-nav .tree-item:has([href$="This is Aryavia"]),
.site-body-left-column-nav .nav-file:has([href$="This is Aryavia"]),
.site-body-left-column-nav [data-path$="This+is+Aryavia"],
.site-body-left-column-nav .tree-item:has([data-path$="This+is+Aryavia"]),
.site-body-left-column-nav .nav-file:has([data-path$="This+is+Aryavia"]),
.site-body-left-column-nav [href$="This+is+Aryavia"],
.site-body-left-column-nav .tree-item:has([href$="This+is+Aryavia"]),
.site-body-left-column-nav .nav-file:has([href$="This+is+Aryavia"]),
.site-body-left-column-nav [data-path$="This%20is%20Aryavia"],
.site-body-left-column-nav .tree-item:has([data-path$="This%20is%20Aryavia"]),
.site-body-left-column-nav .nav-file:has([data-path$="This%20is%20Aryavia"]),
.site-body-left-column-nav [href$="This%20is%20Aryavia"],
.site-body-left-column-nav .tree-item:has([href$="This%20is%20Aryavia"]),
.site-body-left-column-nav .nav-file:has([href$="This%20is%20Aryavia"]) { order: 2; }

/* 3. Company Overview */
.site-body-left-column-nav [data-path$="Company Overview.md"],
.site-body-left-column-nav .tree-item:has([data-path$="Company Overview.md"]),
.site-body-left-column-nav .nav-file:has([data-path$="Company Overview.md"]),
.site-body-left-column-nav [href$="Company Overview.md"],
.site-body-left-column-nav .tree-item:has([href$="Company Overview.md"]),
.site-body-left-column-nav .nav-file:has([href$="Company Overview.md"]),
.site-body-left-column-nav [data-path$="Company Overview"],
.site-body-left-column-nav .tree-item:has([data-path$="Company Overview"]),
.site-body-left-column-nav .nav-file:has([data-path$="Company Overview"]),
.site-body-left-column-nav [href$="Company Overview"],
.site-body-left-column-nav .tree-item:has([href$="Company Overview"]),
.site-body-left-column-nav .nav-file:has([href$="Company Overview"]),
.site-body-left-column-nav [data-path$="Company+Overview"],
.site-body-left-column-nav .tree-item:has([data-path$="Company+Overview"]),
.site-body-left-column-nav .nav-file:has([data-path$="Company+Overview"]),
.site-body-left-column-nav [href$="Company+Overview"],
.site-body-left-column-nav .tree-item:has([href$="Company+Overview"]),
.site-body-left-column-nav .nav-file:has([href$="Company+Overview"]),
.site-body-left-column-nav [data-path$="Company%20Overview"],
.site-body-left-column-nav .tree-item:has([data-path$="Company%20Overview"]),
.site-body-left-column-nav .nav-file:has([data-path$="Company%20Overview"]),
.site-body-left-column-nav [href$="Company%20Overview"],
.site-body-left-column-nav .tree-item:has([href$="Company%20Overview"]),
.site-body-left-column-nav .nav-file:has([href$="Company%20Overview"]) { order: 3; }

/* 4. Vision & Mission */
.site-body-left-column-nav [data-path$="Vision & Mission.md"],
.site-body-left-column-nav .tree-item:has([data-path$="Vision & Mission.md"]),
.site-body-left-column-nav .nav-file:has([data-path$="Vision & Mission.md"]),
.site-body-left-column-nav [href$="Vision & Mission.md"],
.site-body-left-column-nav .tree-item:has([href$="Vision & Mission.md"]),
.site-body-left-column-nav .nav-file:has([href$="Vision & Mission.md"]),
.site-body-left-column-nav [data-path$="Vision & Mission"],
.site-body-left-column-nav .tree-item:has([data-path$="Vision & Mission"]),
.site-body-left-column-nav .nav-file:has([data-path$="Vision & Mission"]),
.site-body-left-column-nav [href$="Vision & Mission"],
.site-body-left-column-nav .tree-item:has([href$="Vision & Mission"]),
.site-body-left-column-nav .nav-file:has([href$="Vision & Mission"]),
.site-body-left-column-nav [data-path$="Vision+&+Mission"],
.site-body-left-column-nav .tree-item:has([data-path$="Vision+&+Mission"]),
.site-body-left-column-nav .nav-file:has([data-path$="Vision+&+Mission"]),
.site-body-left-column-nav [href$="Vision+&+Mission"],
.site-body-left-column-nav .tree-item:has([href$="Vision+&+Mission"]),
.site-body-left-column-nav .nav-file:has([href$="Vision+&+Mission"]),
.site-body-left-column-nav [data-path$="Vision%20%26%20Mission"],
.site-body-left-column-nav .tree-item:has([data-path$="Vision%20%26%20Mission"]),
.site-body-left-column-nav .nav-file:has([data-path$="Vision%20%26%20Mission"]),
.site-body-left-column-nav [href$="Vision%20%26%20Mission"],
.site-body-left-column-nav .tree-item:has([href$="Vision%20%26%20Mission"]),
.site-body-left-column-nav .nav-file:has([href$="Vision%20%26%20Mission"]),
.site-body-left-column-nav [data-path$="Vision+%26+Mission"],
.site-body-left-column-nav .tree-item:has([data-path$="Vision+%26+Mission"]),
.site-body-left-column-nav .nav-file:has([data-path$="Vision+%26+Mission"]),
.site-body-left-column-nav [href$="Vision+%26+Mission"],
.site-body-left-column-nav .tree-item:has([href$="Vision+%26+Mission"]),
.site-body-left-column-nav .nav-file:has([href$="Vision+%26+Mission"]) { order: 4; }

/* 5. Values */
.site-body-left-column-nav [data-path$="Values.md"],
.site-body-left-column-nav .tree-item:has([data-path$="Values.md"]),
.site-body-left-column-nav .nav-file:has([data-path$="Values.md"]),
.site-body-left-column-nav [href$="Values.md"],
.site-body-left-column-nav .tree-item:has([href$="Values.md"]),
.site-body-left-column-nav .nav-file:has([href$="Values.md"]),
.site-body-left-column-nav [data-path$="Values"],
.site-body-left-column-nav .tree-item:has([data-path$="Values"]),
.site-body-left-column-nav .nav-file:has([data-path$="Values"]),
.site-body-left-column-nav [href$="Values"],
.site-body-left-column-nav .tree-item:has([href$="Values"]),
.site-body-left-column-nav .nav-file:has([href$="Values"]) { order: 5; }

/* 6. What We Do */
.site-body-left-column-nav [data-path$="What We Do.md"],
.site-body-left-column-nav .tree-item:has([data-path$="What We Do.md"]),
.site-body-left-column-nav .nav-file:has([data-path$="What We Do.md"]),
.site-body-left-column-nav [href$="What We Do.md"],
.site-body-left-column-nav .tree-item:has([href$="What We Do.md"]),
.site-body-left-column-nav .nav-file:has([href$="What We Do.md"]),
.site-body-left-column-nav [data-path$="What We Do"],
.site-body-left-column-nav .tree-item:has([data-path$="What We Do"]),
.site-body-left-column-nav .nav-file:has([data-path$="What We Do"]),
.site-body-left-column-nav [href$="What We Do"],
.site-body-left-column-nav .tree-item:has([href$="What We Do"]),
.site-body-left-column-nav .nav-file:has([href$="What We Do"]),
.site-body-left-column-nav [data-path$="What+We+Do"],
.site-body-left-column-nav .tree-item:has([data-path$="What+We+Do"]),
.site-body-left-column-nav .nav-file:has([data-path$="What+We+Do"]),
.site-body-left-column-nav [href$="What+We+Do"],
.site-body-left-column-nav .tree-item:has([href$="What+We+Do"]),
.site-body-left-column-nav .nav-file:has([href$="What+We+Do"]),
.site-body-left-column-nav [data-path$="What%20We%20Do"],
.site-body-left-column-nav .tree-item:has([data-path$="What%20We%20Do"]),
.site-body-left-column-nav .nav-file:has([data-path$="What%20We%20Do"]),
.site-body-left-column-nav [href$="What%20We%20Do"],
.site-body-left-column-nav .tree-item:has([href$="What%20We%20Do"]),
.site-body-left-column-nav .nav-file:has([href$="What%20We%20Do"]) { order: 6; }

/* 7. Message from the Founder */
.site-body-left-column-nav [data-path$="Message from the Founder.md"],
.site-body-left-column-nav .tree-item:has([data-path$="Message from the Founder.md"]),
.site-body-left-column-nav .nav-file:has([data-path$="Message from the Founder.md"]),
.site-body-left-column-nav [href$="Message from the Founder.md"],
.site-body-left-column-nav .tree-item:has([href$="Message from the Founder.md"]),
.site-body-left-column-nav .nav-file:has([href$="Message from the Founder.md"]),
.site-body-left-column-nav [data-path$="Message from the Founder"],
.site-body-left-column-nav .tree-item:has([data-path$="Message from the Founder"]),
.site-body-left-column-nav .nav-file:has([data-path$="Message from the Founder"]),
.site-body-left-column-nav [href$="Message from the Founder"],
.site-body-left-column-nav .tree-item:has([href$="Message from the Founder"]),
.site-body-left-column-nav .nav-file:has([href$="Message from the Founder"]),
.site-body-left-column-nav [data-path$="Message+from+the+Founder"],
.site-body-left-column-nav .tree-item:has([data-path$="Message+from+the+Founder"]),
.site-body-left-column-nav .nav-file:has([data-path$="Message+from+the+Founder"]),
.site-body-left-column-nav [href$="Message+from+the+Founder"],
.site-body-left-column-nav .tree-item:has([href$="Message+from+the+Founder"]),
.site-body-left-column-nav .nav-file:has([href$="Message+from+the+Founder"]),
.site-body-left-column-nav [data-path$="Message%20from%20the%20Founder"],
.site-body-left-column-nav .tree-item:has([data-path$="Message%20from%20the%20Founder"]),
.site-body-left-column-nav .nav-file:has([data-path$="Message%20from%20the%20Founder"]),
.site-body-left-column-nav [href$="Message%20from%20the%20Founder"],
.site-body-left-column-nav .tree-item:has([href$="Message%20from%20the%20Founder"]),
.site-body-left-column-nav .nav-file:has([href$="Message%20from%20the%20Founder"]) { order: 7; }

/* 8. Consulting & Advisory */
.site-body-left-column-nav [data-path$="Consulting & Advisory.md"],
.site-body-left-column-nav .tree-item:has([data-path$="Consulting & Advisory.md"]),
.site-body-left-column-nav .nav-file:has([data-path$="Consulting & Advisory.md"]),
.site-body-left-column-nav [href$="Consulting & Advisory.md"],
.site-body-left-column-nav .tree-item:has([href$="Consulting & Advisory.md"]),
.site-body-left-column-nav .nav-file:has([href$="Consulting & Advisory.md"]),
.site-body-left-column-nav [data-path$="Consulting & Advisory"],
.site-body-left-column-nav .tree-item:has([data-path$="Consulting & Advisory"]),
.site-body-left-column-nav .nav-file:has([data-path$="Consulting & Advisory"]),
.site-body-left-column-nav [href$="Consulting & Advisory"],
.site-body-left-column-nav .tree-item:has([href$="Consulting & Advisory"]),
.site-body-left-column-nav .nav-file:has([href$="Consulting & Advisory"]),
.site-body-left-column-nav [data-path$="Consulting+&+Advisory"],
.site-body-left-column-nav .tree-item:has([data-path$="Consulting+&+Advisory"]),
.site-body-left-column-nav .nav-file:has([data-path$="Consulting+&+Advisory"]),
.site-body-left-column-nav [href$="Consulting+&+Advisory"],
.site-body-left-column-nav .tree-item:has([href$="Consulting+&+Advisory"]),
.site-body-left-column-nav .nav-file:has([href$="Consulting+&+Advisory"]),
.site-body-left-column-nav [data-path$="Consulting%20%26%20Advisory"],
.site-body-left-column-nav .tree-item:has([data-path$="Consulting%20%26%20Advisory"]),
.site-body-left-column-nav .nav-file:has([data-path$="Consulting%20%26%20Advisory"]),
.site-body-left-column-nav [href$="Consulting%20%26%20Advisory"],
.site-body-left-column-nav .tree-item:has([href$="Consulting%20%26%20Advisory"]),
.site-body-left-column-nav .nav-file:has([href$="Consulting%20%26%20Advisory"]),
.site-body-left-column-nav [data-path$="Consulting+%26+Advisory"],
.site-body-left-column-nav .tree-item:has([data-path$="Consulting+%26+Advisory"]),
.site-body-left-column-nav .nav-file:has([data-path$="Consulting+%26+Advisory"]),
.site-body-left-column-nav [href$="Consulting+%26+Advisory"],
.site-body-left-column-nav .tree-item:has([href$="Consulting+%26+Advisory"]),
.site-body-left-column-nav .nav-file:has([href$="Consulting+%26+Advisory"]) { order: 8; }

/* 9. AI-Enabled Tools */
.site-body-left-column-nav [data-path$="AI-Enabled Tools.md"],
.site-body-left-column-nav .tree-item:has([data-path$="AI-Enabled Tools.md"]),
.site-body-left-column-nav .nav-file:has([data-path$="AI-Enabled Tools.md"]),
.site-body-left-column-nav [href$="AI-Enabled Tools.md"],
.site-body-left-column-nav .tree-item:has([href$="AI-Enabled Tools.md"]),
.site-body-left-column-nav .nav-file:has([href$="AI-Enabled Tools.md"]),
.site-body-left-column-nav [data-path$="AI-Enabled Tools"],
.site-body-left-column-nav .tree-item:has([data-path$="AI-Enabled Tools"]),
.site-body-left-column-nav .nav-file:has([data-path$="AI-Enabled Tools"]),
.site-body-left-column-nav [href$="AI-Enabled Tools"],
.site-body-left-column-nav .tree-item:has([href$="AI-Enabled Tools"]),
.site-body-left-column-nav .nav-file:has([href$="AI-Enabled Tools"]),
.site-body-left-column-nav [data-path$="AI-Enabled+Tools"],
.site-body-left-column-nav .tree-item:has([data-path$="AI-Enabled+Tools"]),
.site-body-left-column-nav .nav-file:has([data-path$="AI-Enabled+Tools"]),
.site-body-left-column-nav [href$="AI-Enabled+Tools"],
.site-body-left-column-nav .tree-item:has([href$="AI-Enabled+Tools"]),
.site-body-left-column-nav .nav-file:has([href$="AI-Enabled+Tools"]),
.site-body-left-column-nav [data-path$="AI-Enabled%20Tools"],
.site-body-left-column-nav .tree-item:has([data-path$="AI-Enabled%20Tools"]),
.site-body-left-column-nav .nav-file:has([data-path$="AI-Enabled%20Tools"]),
.site-body-left-column-nav [href$="AI-Enabled%20Tools"],
.site-body-left-column-nav .tree-item:has([href$="AI-Enabled%20Tools"]),
.site-body-left-column-nav .nav-file:has([href$="AI-Enabled%20Tools"]) { order: 9; }

/* 10. Capacity Building & Training */
.site-body-left-column-nav [data-path$="Capacity Building & Training.md"],
.site-body-left-column-nav .tree-item:has([data-path$="Capacity Building & Training.md"]),
.site-body-left-column-nav .nav-file:has([data-path$="Capacity Building & Training.md"]),
.site-body-left-column-nav [href$="Capacity Building & Training.md"],
.site-body-left-column-nav .tree-item:has([href$="Capacity Building & Training.md"]),
.site-body-left-column-nav .nav-file:has([href$="Capacity Building & Training.md"]),
.site-body-left-column-nav [data-path$="Capacity Building & Training"],
.site-body-left-column-nav .tree-item:has([data-path$="Capacity Building & Training"]),
.site-body-left-column-nav .nav-file:has([data-path$="Capacity Building & Training"]),
.site-body-left-column-nav [href$="Capacity Building & Training"],
.site-body-left-column-nav .tree-item:has([href$="Capacity Building & Training"]),
.site-body-left-column-nav .nav-file:has([href$="Capacity Building & Training"]),
.site-body-left-column-nav [data-path$="Capacity+Building+&+Training"],
.site-body-left-column-nav .tree-item:has([data-path$="Capacity+Building+&+Training"]),
.site-body-left-column-nav .nav-file:has([data-path$="Capacity+Building+&+Training"]),
.site-body-left-column-nav [href$="Capacity+Building+&+Training"],
.site-body-left-column-nav .tree-item:has([href$="Capacity+Building+&+Training"]),
.site-body-left-column-nav .nav-file:has([href$="Capacity+Building+&+Training"]),
.site-body-left-column-nav [data-path$="Capacity%20Building%20%26%20Training"],
.site-body-left-column-nav .tree-item:has([data-path$="Capacity%20Building%20%26%20Training"]),
.site-body-left-column-nav .nav-file:has([data-path$="Capacity%20Building%20%26%20Training"]),
.site-body-left-column-nav [href$="Capacity%20Building%20%26%20Training"],
.site-body-left-column-nav .tree-item:has([href$="Capacity%20Building%20%26%20Training"]),
.site-body-left-column-nav .nav-file:has([href$="Capacity%20Building%20%26%20Training"]),
.site-body-left-column-nav [data-path$="Capacity+Building+%26+Training"],
.site-body-left-column-nav .tree-item:has([data-path$="Capacity+Building+%26+Training"]),
.site-body-left-column-nav .nav-file:has([data-path$="Capacity+Building+%26+Training"]),
.site-body-left-column-nav [href$="Capacity+Building+%26+Training"],
.site-body-left-column-nav .tree-item:has([href$="Capacity+Building+%26+Training"]),
.site-body-left-column-nav .nav-file:has([href$="Capacity+Building+%26+Training"]) { order: 10; }

/* 11. Problem Statement */
.site-body-left-column-nav [data-path$="Problem Statement.md"],
.site-body-left-column-nav .tree-item:has([data-path$="Problem Statement.md"]),
.site-body-left-column-nav .nav-file:has([data-path$="Problem Statement.md"]),
.site-body-left-column-nav [href$="Problem Statement.md"],
.site-body-left-column-nav .tree-item:has([href$="Problem Statement.md"]),
.site-body-left-column-nav .nav-file:has([href$="Problem Statement.md"]),
.site-body-left-column-nav [data-path$="Problem Statement"],
.site-body-left-column-nav .tree-item:has([data-path$="Problem Statement"]),
.site-body-left-column-nav .nav-file:has([data-path$="Problem Statement"]),
.site-body-left-column-nav [href$="Problem Statement"],
.site-body-left-column-nav .tree-item:has([href$="Problem Statement"]),
.site-body-left-column-nav .nav-file:has([href$="Problem Statement"]),
.site-body-left-column-nav [data-path$="Problem+Statement"],
.site-body-left-column-nav .tree-item:has([data-path$="Problem+Statement"]),
.site-body-left-column-nav .nav-file:has([data-path$="Problem+Statement"]),
.site-body-left-column-nav [href$="Problem+Statement"],
.site-body-left-column-nav .tree-item:has([href$="Problem+Statement"]),
.site-body-left-column-nav .nav-file:has([href$="Problem+Statement"]),
.site-body-left-column-nav [data-path$="Problem%20Statement"],
.site-body-left-column-nav .tree-item:has([data-path$="Problem%20Statement"]),
.site-body-left-column-nav .nav-file:has([data-path$="Problem%20Statement"]),
.site-body-left-column-nav [href$="Problem%20Statement"],
.site-body-left-column-nav .tree-item:has([href$="Problem%20Statement"]),
.site-body-left-column-nav .nav-file:has([href$="Problem%20Statement"]) { order: 11; }

/* 12. Innovation & Solution */
.site-body-left-column-nav [data-path$="Innovation & Solution.md"],
.site-body-left-column-nav .tree-item:has([data-path$="Innovation & Solution.md"]),
.site-body-left-column-nav .nav-file:has([data-path$="Innovation & Solution.md"]),
.site-body-left-column-nav [href$="Innovation & Solution.md"],
.site-body-left-column-nav .tree-item:has([href$="Innovation & Solution.md"]),
.site-body-left-column-nav .nav-file:has([href$="Innovation & Solution.md"]),
.site-body-left-column-nav [data-path$="Innovation & Solution"],
.site-body-left-column-nav .tree-item:has([data-path$="Innovation & Solution"]),
.site-body-left-column-nav .nav-file:has([data-path$="Innovation & Solution"]),
.site-body-left-column-nav [href$="Innovation & Solution"],
.site-body-left-column-nav .tree-item:has([href$="Innovation & Solution"]),
.site-body-left-column-nav .nav-file:has([href$="Innovation & Solution"]),
.site-body-left-column-nav [data-path$="Innovation+&+Solution"],
.site-body-left-column-nav .tree-item:has([data-path$="Innovation+&+Solution"]),
.site-body-left-column-nav .nav-file:has([data-path$="Innovation+&+Solution"]),
.site-body-left-column-nav [href$="Innovation+&+Solution"],
.site-body-left-column-nav .tree-item:has([href$="Innovation+&+Solution"]),
.site-body-left-column-nav .nav-file:has([href$="Innovation+&+Solution"]),
.site-body-left-column-nav [data-path$="Innovation%20%26%20Solution"],
.site-body-left-column-nav .tree-item:has([data-path$="Innovation%20%26%20Solution"]),
.site-body-left-column-nav .nav-file:has([data-path$="Innovation%20%26%20Solution"]),
.site-body-left-column-nav [href$="Innovation%20%26%20Solution"],
.site-body-left-column-nav .tree-item:has([href$="Innovation%20%26%20Solution"]),
.site-body-left-column-nav .nav-file:has([href$="Innovation%20%26%20Solution"]),
.site-body-left-column-nav [data-path$="Innovation+%26+Solution"],
.site-body-left-column-nav .tree-item:has([data-path$="Innovation+%26+Solution"]),
.site-body-left-column-nav .nav-file:has([data-path$="Innovation+%26+Solution"]),
.site-body-left-column-nav [href$="Innovation+%26+Solution"],
.site-body-left-column-nav .tree-item:has([href$="Innovation+%26+Solution"]),
.site-body-left-column-nav .nav-file:has([href$="Innovation+%26+Solution"]) { order: 12; }

/* 13. Business Model */
.site-body-left-column-nav [data-path$="Business Model.md"],
.site-body-left-column-nav .tree-item:has([data-path$="Business Model.md"]),
.site-body-left-column-nav .nav-file:has([data-path$="Business Model.md"]),
.site-body-left-column-nav [href$="Business Model.md"],
.site-body-left-column-nav .tree-item:has([href$="Business Model.md"]),
.site-body-left-column-nav .nav-file:has([href$="Business Model.md"]),
.site-body-left-column-nav [data-path$="Business Model"],
.site-body-left-column-nav .tree-item:has([data-path$="Business Model"]),
.site-body-left-column-nav .nav-file:has([data-path$="Business Model"]),
.site-body-left-column-nav [href$="Business Model"],
.site-body-left-column-nav .tree-item:has([href$="Business Model"]),
.site-body-left-column-nav .nav-file:has([href$="Business Model"]),
.site-body-left-column-nav [data-path$="Business+Model"],
.site-body-left-column-nav .tree-item:has([data-path$="Business+Model"]),
.site-body-left-column-nav .nav-file:has([data-path$="Business+Model"]),
.site-body-left-column-nav [href$="Business+Model"],
.site-body-left-column-nav .tree-item:has([href$="Business+Model"]),
.site-body-left-column-nav .nav-file:has([href$="Business+Model"]),
.site-body-left-column-nav [data-path$="Business%20Model"],
.site-body-left-column-nav .tree-item:has([data-path$="Business%20Model"]),
.site-body-left-column-nav .nav-file:has([data-path$="Business%20Model"]),
.site-body-left-column-nav [href$="Business%20Model"],
.site-body-left-column-nav .tree-item:has([href$="Business%20Model"]),
.site-body-left-column-nav .nav-file:has([href$="Business%20Model"]) { order: 13; }

/* 14. Roadmap (Years 1-3) */
.site-body-left-column-nav [data-path$="Roadmap (Years 1-3).md"],
.site-body-left-column-nav .tree-item:has([data-path$="Roadmap (Years 1-3).md"]),
.site-body-left-column-nav .nav-file:has([data-path$="Roadmap (Years 1-3).md"]),
.site-body-left-column-nav [href$="Roadmap (Years 1-3).md"],
.site-body-left-column-nav .tree-item:has([href$="Roadmap (Years 1-3).md"]),
.site-body-left-column-nav .nav-file:has([href$="Roadmap (Years 1-3).md"]),
.site-body-left-column-nav [data-path$="Roadmap (Years 1-3)"],
.site-body-left-column-nav .tree-item:has([data-path$="Roadmap (Years 1-3)"]),
.site-body-left-column-nav .nav-file:has([data-path$="Roadmap (Years 1-3)"]),
.site-body-left-column-nav [href$="Roadmap (Years 1-3)"],
.site-body-left-column-nav .tree-item:has([href$="Roadmap (Years 1-3)"]),
.site-body-left-column-nav .nav-file:has([href$="Roadmap (Years 1-3)"]),
.site-body-left-column-nav [data-path$="Roadmap+(Years+1-3)"],
.site-body-left-column-nav .tree-item:has([data-path$="Roadmap+(Years+1-3)"]),
.site-body-left-column-nav .nav-file:has([data-path$="Roadmap+(Years+1-3)"]),
.site-body-left-column-nav [href$="Roadmap+(Years+1-3)"],
.site-body-left-column-nav .tree-item:has([href$="Roadmap+(Years+1-3)"]),
.site-body-left-column-nav .nav-file:has([href$="Roadmap+(Years+1-3)"]),
.site-body-left-column-nav [data-path$="Roadmap%20(Years%201-3)"],
.site-body-left-column-nav .tree-item:has([data-path$="Roadmap%20(Years%201-3)"]),
.site-body-left-column-nav .nav-file:has([data-path$="Roadmap%20(Years%201-3)"]),
.site-body-left-column-nav [href$="Roadmap%20(Years%201-3)"],
.site-body-left-column-nav .tree-item:has([href$="Roadmap%20(Years%201-3)"]),
.site-body-left-column-nav .nav-file:has([href$="Roadmap%20(Years%201-3)"]) { order: 14; }

/* 15. 2-Page Business Plan */
.site-body-left-column-nav [data-path$="2-Page Business Plan.md"],
.site-body-left-column-nav .tree-item:has([data-path$="2-Page Business Plan.md"]),
.site-body-left-column-nav .nav-file:has([data-path$="2-Page Business Plan.md"]),
.site-body-left-column-nav [href$="2-Page Business Plan.md"],
.site-body-left-column-nav .tree-item:has([href$="2-Page Business Plan.md"]),
.site-body-left-column-nav .nav-file:has([href$="2-Page Business Plan.md"]),
.site-body-left-column-nav [data-path$="2-Page Business Plan"],
.site-body-left-column-nav .tree-item:has([data-path$="2-Page Business Plan"]),
.site-body-left-column-nav .nav-file:has([data-path$="2-Page Business Plan"]),
.site-body-left-column-nav [href$="2-Page Business Plan"],
.site-body-left-column-nav .tree-item:has([href$="2-Page Business Plan"]),
.site-body-left-column-nav .nav-file:has([href$="2-Page Business Plan"]),
.site-body-left-column-nav [data-path$="2-Page+Business+Plan"],
.site-body-left-column-nav .tree-item:has([data-path$="2-Page+Business+Plan"]),
.site-body-left-column-nav .nav-file:has([data-path$="2-Page+Business+Plan"]),
.site-body-left-column-nav [href$="2-Page+Business+Plan"],
.site-body-left-column-nav .tree-item:has([href$="2-Page+Business+Plan"]),
.site-body-left-column-nav .nav-file:has([href$="2-Page+Business+Plan"]),
.site-body-left-column-nav [data-path$="2-Page%20Business%20Plan"],
.site-body-left-column-nav .tree-item:has([data-path$="2-Page%20Business%20Plan"]),
.site-body-left-column-nav .nav-file:has([data-path$="2-Page%20Business%20Plan"]),
.site-body-left-column-nav [href$="2-Page%20Business%20Plan"],
.site-body-left-column-nav .tree-item:has([href$="2-Page%20Business%20Plan"]),
.site-body-left-column-nav .nav-file:has([href$="2-Page%20Business%20Plan"]) { order: 15; }

/* -------------------------------------------------------------- note canvas */

.markdown-preview-sizer {
  max-width: 46rem;
  padding-bottom: 4rem;
}

/* the filename-derived page title duplicates each note's own H1 — hide it */
.mod-header,
.page-header { display: none; }

/* ------------------------------------------------------------------- typography */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ary-serif);
  font-weight: 500;
  letter-spacing: -.015em;
  line-height: 1.15;
  text-wrap: balance;
}

/* Publish's own stylesheet puts a rule under h1/h2 — that grey line under the
   hero was not ours. Remove it; the gold dash is the divider. */
h1, h2, h3, h4, h5, h6 { border-bottom: none; }

/* Obsidian emits empty paragraphs around HTML blocks; they were adding
   ~100px of dead space between the eyebrow, the hero and the strip. */
p:empty { display: none; margin: 0; }

h1 {
  font-size: clamp(2.1rem, 4.6vw, 3rem);
  margin: .2em 0 .9em;
  padding-bottom: .55em;
  position: relative;
  color: var(--ary-ink);
}

h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 4rem;
  height: 3px;
  border-radius: var(--ary-r-pill);
  background: var(--ary-gold);
}

h2 {
  font-size: 1.7rem;
  margin: 2.4em 0 .7em;
  color: var(--ary-teal);
}

h3 {
  font-size: 1.22rem;
  margin: 2em 0 .5em;
  font-weight: 600;
}

h4 {
  font-family: var(--ary-sans);
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 700;
  color: var(--ary-gold);
  margin: 2em 0 .5em;
}

p {
  font-size: 1.06rem;
  line-height: 1.68;
  margin: 0 0 1.15em;
  text-wrap: pretty;
  max-width: 40rem;
}

strong { font-weight: 700; color: var(--ary-ink); }
em { font-family: var(--ary-serif); font-style: italic; }

/* ------------------------------------------------------------------- lists */

ul,
ol {
  padding-left: 1.35em;
  margin: 0 0 1.4em;
  max-width: 40rem;
}

li {
  line-height: 1.62;
  margin-bottom: .5em;
  padding-left: .2em;
}

ul > li::marker {
  color: var(--ary-gold);
  font-size: 1.05em;
}

ol > li::marker {
  color: var(--ary-teal);
  font-family: var(--ary-serif);
  font-weight: 600;
}

/* ------------------------------------------------------------------- links */

a,
.internal-link,
.external-link {
  color: var(--ary-teal);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(194, 154, 75, .55);
  text-underline-offset: .18em;
  border-bottom: none !important;
  transition: color .16s ease, text-decoration-color .16s ease;
}

a:hover,
.internal-link:hover {
  color: var(--ary-gold);
  text-decoration-color: var(--ary-gold);
}

a:active { color: var(--ary-teal-600); }

.internal-link.is-unresolved {
  color: var(--ary-ink-faint);
  text-decoration-style: dotted;
}

/* keep the site chrome out of the note-body element rules above */
.modal-container p,
.search-result-container p,
.suggestion-container p { font-size: inherit; margin: 0; max-width: none; }

.modal-container ul,
.search-result-container ul,
.suggestion-container ul { padding-left: 0; margin: 0; list-style: none; }

.modal-container a,
.search-result-container a,
.suggestion-container a { text-decoration: none; color: inherit; }

.site-header a,
.site-body-left-column a,
.site-body-right-column a,
.site-header a:hover,
.site-body-left-column a:hover,
.site-body-right-column a:hover { text-decoration: none; color: inherit; }

.site-header p,
.site-body-left-column p,
.site-body-right-column p { font-size: inherit; margin: 0; max-width: none; }

.site-body-left-column ul,
.site-body-right-column ul,
.site-header ul { padding-left: 0; margin: 0; list-style: none; }

/* --------------------------------------------------------------- quotes, rules */

blockquote {
  font-family: var(--ary-serif);
  font-size: 1.28rem;
  line-height: 1.45;
  color: var(--ary-teal);
  background: var(--ary-sand);
  border: none;
  border-radius: var(--ary-r-lg);
  margin: 2.2em 0;
  padding: 2rem 2.2rem 1.7rem;
  position: relative;
}

blockquote::before {
  content: "\201C";
  font-family: var(--ary-serif);
  position: absolute;
  top: .1em;
  left: .55rem;
  font-size: 4rem;
  line-height: 1;
  color: var(--ary-gold);
  opacity: .38;
}

blockquote p { font-size: inherit; margin-bottom: .4em; }
blockquote p:last-child { margin-bottom: 0; }

hr {
  border: none;
  height: 1px;
  background: var(--ary-line);
  margin: 3.2em 0;
}

/* -------------------------------------------------------------------- code */

code {
  font-size: .9em;
  background: var(--ary-teal-100);
  color: var(--ary-teal);
  border-radius: 6px;
  padding: .12em .4em;
}

pre {
  background: #0d2b31;
  border-radius: var(--ary-r);
  padding: 1.2rem 1.4rem;
  box-shadow: var(--ary-shadow-sm);
}

pre code { background: none; color: #e8efee; }

/* ------------------------------------------------------------------ tables */

table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  font-size: .98rem;
  background: var(--ary-surface);
  border: 1px solid var(--ary-line);
  border-radius: var(--ary-r);
  overflow: hidden;
  box-shadow: var(--ary-shadow-sm);
  margin: 2em 0;
}

thead th {
  background: var(--ary-teal);
  color: #fff;
  font-family: var(--ary-sans);
  font-size: .78rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 600;
  text-align: left;
  padding: .85rem 1.1rem;
  border: none;
}

tbody td {
  padding: .85rem 1.1rem;
  border: none;
  border-top: 1px solid var(--ary-line);
  vertical-align: top;
}

tbody tr:hover td { background: var(--ary-sand); }

/* ------------------------------------------------------------------ images */

img {
  max-width: 100%;
  height: auto;
  border-radius: var(--ary-r);
}

/* photographs sit back into the warm page */
p > img:not([width]),
.image-embed img {
  filter: saturate(.86) contrast(.96);
  box-shadow: var(--ary-shadow-md);
}

/* the logo lockup at the top of a note is artwork, not a photograph */
p:first-of-type .image-embed img,
p:first-of-type > img {
  filter: none;
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 1.4rem;
  mix-blend-mode: multiply;
  max-width: 250px;
}

/* ---------------------------------------------------------------- callouts */

.callout {
  border-radius: var(--ary-r-lg);
  border: 1px solid var(--ary-line);
  background: var(--ary-surface);
  box-shadow: var(--ary-shadow-sm);
  padding: 1.1rem 1.3rem;
  mix-blend-mode: normal;
}

.callout-title {
  font-family: var(--ary-sans);
  font-weight: 700;
  font-size: .95rem;
  color: var(--ary-teal);
}

/* --------------------------------------------- right column: TOC + backlinks */

.site-body-right-column { border-left: 1px solid var(--ary-line); }

.site-body-right-column-inner .outline-view-outer .tree-item-self {
  border-radius: var(--ary-r-pill);
  padding: 4px 12px;
  font-size: .88rem;
  color: var(--ary-ink-soft);
  transition: background .16s ease, color .16s ease;
}

.site-body-right-column-inner .outline-view-outer .tree-item-self:hover {
  background: var(--ary-sand);
  color: var(--ary-teal);
}

.site-body-right-column-inner > div > .tree-item-self,
.site-body-right-column-inner .backlink-pane > .tree-item-self {
  font-family: var(--ary-sans);
  font-size: .74rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--ary-gold);
}

.embedded-backlinks,
.backlink-pane {
  background: var(--ary-sand);
  border: none;
  border-radius: var(--ary-r-lg);
  padding: 1.1rem 1.3rem;
  margin-top: 3rem;
}

.embedded-backlinks .search-result-file-title,
.backlink-pane .search-result-file-title {
  font-family: var(--ary-sans);
  font-size: .95rem;
  color: var(--ary-teal);
  border-radius: var(--ary-r-pill);
}

.embedded-backlinks .tree-item-self:hover { background: rgba(255, 255, 255, .7); }

/* ------------------------------------------------------------- graph, misc */

.site-graph-view,
.graph-view-container {
  border-radius: var(--ary-r-lg);
  overflow: hidden;
  background: var(--ary-sand);
}

.graph-view-container canvas { border-radius: var(--ary-r-lg); }

/* prev / next page nav */
.page-nav,
.site-body-center-column .mod-footer {
  border-top: 1px solid var(--ary-line);
  padding-top: 1.6rem;
  margin-top: 3rem;
}

/* popover previews */
.popover.hover-popover {
  border-radius: var(--ary-r-lg);
  border: 1px solid var(--ary-line);
  box-shadow: var(--ary-shadow-md);
  overflow: hidden;
}

/* ==========================================================================
   Landing-page components (used by the Home note's HTML blocks)
   ========================================================================== */

[class^="ary-"],
[class*=" ary-"],
[class^="ary-"] *,
[class*=" ary-"] * { box-sizing: border-box; }

.ary-page { max-width: 46rem; }

.ary-hero { margin: .5rem 0 3.4rem; }

.ary-hero img.ary-logo {
  width: 210px;
  height: auto;
  margin-bottom: 2rem;
  border-radius: 0;
  filter: none;
  box-shadow: none;
}

.ary-section-title,
.ary-cta-title,
.ary-card-title { border-bottom: none; }

.ary-eyebrow {
  display: inline-block;
  font-family: var(--ary-sans);
  font-size: .74rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ary-teal);
  background: var(--ary-teal-100);
  border-radius: var(--ary-r-pill);
  padding: .42em 1em;
  margin-bottom: 1.5rem;
}

h1.ary-hero-title,
.ary-hero-title {
  padding-bottom: 0;
  border-bottom: none;
  font-family: var(--ary-serif);
  font-weight: 500;
  font-size: clamp(2.3rem, 5.4vw, 3.5rem);
  line-height: 1.08;
  letter-spacing: -.022em;
  color: var(--ary-ink);
  margin: 0 0 1.1rem;
  text-wrap: balance;
}

.ary-hero-title em {
  font-style: italic;
  color: var(--ary-teal);
}

.ary-hero-title::after { display: none; }

.ary-hero-sub {
  font-size: 1.18rem !important;
  line-height: 1.55;
  color: var(--ary-ink-soft);
  max-width: 34rem;
  margin: 0 0 2rem !important;
}

.ary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  align-items: center;
}

.ary-btn {
  display: inline-flex;
  align-items: center;
  gap: .5em;
  font-family: var(--ary-sans);
  font-size: .98rem;
  font-weight: 600;
  padding: .78em 1.5em;
  border-radius: var(--ary-r-pill);
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.ary-btn-primary {
  background: var(--ary-teal);
  color: #fff !important;
}

.ary-btn-primary:hover {
  background: var(--ary-teal-600);
  color: #fff !important;
  transform: translateY(-1px);
}

.ary-btn-primary:active { background: #0a2d34; transform: none; }

.ary-btn-ghost {
  background: transparent;
  color: var(--ary-teal) !important;
  border-color: var(--ary-line);
}

.ary-btn-ghost:hover {
  border-color: var(--ary-gold);
  color: var(--ary-gold) !important;
  background: rgba(194, 154, 75, .07);
}

/* ---- proof strip ---- */

.ary-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
  gap: 1.6rem 1.2rem;
  background: var(--ary-teal);
  border-radius: var(--ary-r-lg);
  padding: 2.1rem 2rem;
  margin: 0 0 3.6rem;
}

.ary-stat-num {
  display: block;
  font-family: var(--ary-serif);
  font-size: 2.1rem;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  margin-bottom: .35rem;
}

.ary-stat-label {
  display: block;
  font-size: .8rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(255, 255, 255, .62);
  line-height: 1.35;
}

/* ---- section heads ---- */

.ary-kicker {
  font-family: var(--ary-sans);
  font-size: .74rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ary-gold);
  margin: 0 0 .7rem !important;
}

.ary-section-title {
  font-family: var(--ary-serif);
  font-weight: 500;
  font-size: 1.95rem;
  line-height: 1.16;
  letter-spacing: -.018em;
  color: var(--ary-ink);
  margin: 0 0 1.6rem;
}

.ary-section-title::after { display: none; }

.ary-section { margin: 0 0 3.6rem; }

/* ---- cards ---- */

.ary-cards {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}

.ary-cards.ary-cards-2 {
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.ary-card {
  background: var(--ary-surface);
  border: 1px solid var(--ary-line);
  border-radius: var(--ary-r-lg);
  padding: 1.6rem 1.7rem;
  box-shadow: var(--ary-shadow-sm);
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}

.ary-card:hover {
  box-shadow: var(--ary-shadow-md);
  border-color: var(--ary-gold-soft);
  transform: translateY(-2px);
}

.ary-card-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: var(--ary-r-pill);
  background: var(--ary-teal-100);
  color: var(--ary-teal);
  font-family: var(--ary-serif);
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.ary-card-title {
  font-family: var(--ary-serif);
  font-size: 1.24rem;
  font-weight: 500;
  color: var(--ary-teal);
  margin: 0 0 .5rem;
  line-height: 1.2;
}

.ary-card-title a { text-decoration: none !important; color: inherit !important; }
.ary-card:hover .ary-card-title a { color: var(--ary-gold) !important; }

.ary-card-body {
  font-size: 1rem !important;
  line-height: 1.58;
  color: var(--ary-ink-soft);
  margin: 0 !important;
}

/* ---- featured band (the AI section) ---- */

.ary-feature {
  background: var(--ary-sand);
  border-radius: var(--ary-r-lg);
  padding: 2.3rem 2.1rem 2rem;
  margin: 0 0 3.6rem;
  position: relative;
  overflow: hidden;
}

.ary-feature::before {
  content: "";
  position: absolute;
  top: -5.5rem;
  right: -5.5rem;
  width: 13rem;
  height: 13rem;
  border-radius: var(--ary-r-pill);
  background: rgba(194, 154, 75, .13);
  pointer-events: none;
}

.ary-feature .ary-section-title {
  font-size: 2.15rem;
  margin-bottom: 1rem;
  max-width: 28rem;
}

.ary-feature > p { position: relative; }

.ary-feature .ary-cards { margin: 1.7rem 0 1.5rem; }

.ary-feature .ary-card {
  background: var(--ary-surface);
  border-color: transparent;
}

.ary-feature .ary-feature-foot {
  font-size: .98rem !important;
  color: var(--ary-ink-soft);
  margin: 0 !important;
  max-width: 38rem;
}

/* ---- proof list ---- */

.ary-proof {
  background: var(--ary-sand);
  border-radius: var(--ary-r-lg);
  padding: 1.9rem 2rem;
  margin: 0 0 3.6rem;
}

.ary-proof ul {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
}

.ary-proof li {
  position: relative;
  padding-left: 1.6rem;
  margin-bottom: .85rem;
  font-size: 1.02rem;
  line-height: 1.5;
  color: var(--ary-ink);
}

.ary-proof li:last-child { margin-bottom: 0; }

.ary-proof li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .55em;
  width: .55rem;
  height: .55rem;
  border-radius: var(--ary-r-pill);
  background: var(--ary-gold);
}

/* ---- founder ---- */

.ary-founder {
  border-top: 1px solid var(--ary-line);
  border-bottom: 1px solid var(--ary-line);
  padding: 2.4rem 0;
  margin: 0 0 3.4rem;
}

.ary-founder-quote {
  font-family: var(--ary-serif);
  font-size: 1.45rem;
  line-height: 1.36;
  color: var(--ary-teal);
  margin: 0 0 1rem !important;
  max-width: 32rem;
  text-wrap: pretty;
}

.ary-founder-name {
  font-size: .95rem !important;
  color: var(--ary-ink-soft);
  margin: 0 !important;
}

.ary-founder-name strong { color: var(--ary-ink); }

/* ---- closing CTA ---- */

.ary-cta {
  background: var(--ary-teal);
  border-radius: var(--ary-r-lg);
  padding: 2.6rem 2.2rem;
  margin: 0 0 2.6rem;
}

.ary-cta-title {
  font-family: var(--ary-serif);
  font-size: 1.85rem;
  font-weight: 500;
  color: #fff;
  margin: 0 0 .7rem;
  line-height: 1.15;
}

.ary-cta p {
  color: rgba(255, 255, 255, .74);
  font-size: 1.05rem !important;
  max-width: 30rem;
  margin: 0 0 1.6rem !important;
}

.ary-cta .ary-btn-primary {
  background: var(--ary-gold);
  color: #16130c !important;
}

.ary-cta .ary-btn-primary:hover { background: #d3ad60; color: #16130c !important; }

.ary-cta .ary-btn-ghost {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .35);
}

.ary-cta .ary-btn-ghost:hover {
  border-color: var(--ary-gold);
  color: var(--ary-gold) !important;
  background: rgba(255, 255, 255, .06);
}

/* ---- footer ---- */

.ary-footer {
  font-size: .92rem;
  color: var(--ary-ink-faint);
  line-height: 1.7;
  padding-top: 1.4rem;
  border-top: 1px solid var(--ary-line);
}

.ary-footer a { color: var(--ary-teal) !important; }
.ary-footer a:hover { color: var(--ary-gold) !important; }

/* ---- note-level helpers ---- */

.ary-lede {
  font-family: var(--ary-serif) !important;
  font-size: 1.3rem !important;
  line-height: 1.45 !important;
  color: var(--ary-teal);
  max-width: 34rem;
  margin: 0 0 1.8em !important;
}

.ary-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin: 0 0 2rem;
}

.ary-tag {
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--ary-teal);
  background: var(--ary-teal-100);
  border-radius: var(--ary-r-pill);
  padding: .35em .9em;
}

/* ==================================================================== responsive */

@media (max-width: 620px) {
  body { --font-text-size: 17px; }
  h1 { font-size: 2rem; }
  .ary-stats { padding: 1.6rem 1.4rem; gap: 1.3rem 1rem; }
  .ary-stat-num { font-size: 1.75rem; }
  .ary-cta, .ary-proof, .ary-feature { padding: 1.7rem 1.4rem; }
  .ary-feature .ary-section-title { font-size: 1.7rem; }
  .ary-btn { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
  .ary-card:hover, .ary-btn-primary:hover { transform: none; }
}