/**
 * UoA Main Pages Stylesheet
 *
 * Shared stylesheet for the major University of Awakening pages using:
 * Template: mainpages-theme.php
 *
 * Place this file at:
 * /wp-content/themes/YOUR-ACTIVE-THEME/assets/css/uoa-mainpages-stylesheet.css
 *
 *
 * UoA Theme Styles
*
* This file is the shared University of Awakening design-system stylesheet.
* It contains reusable branded styles for page sections, hero blocks, cards,
* buttons, layout patterns, animation effects, and other front-end design
* elements used throughout the website.
*
* IMPORTANT:
* Do not delete, rename, or casually rewrite this file.
*
* This file exists so future pages can reuse the same approved UoA visual
* language without creating duplicate CSS, repeated IDs, one-off classes,
* or scattered inline <style> blocks across pages.
*
* When building or editing pages:
* * Reuse the classes in this file whenever possible.
* * Add new reusable brand styles here instead of inside page blocks.
* * Keep page-specific exceptions minimal and clearly commented.
* * Avoid changing existing class behavior unless checking all pages that use it.
*
* Loaded globally by the active Min Root theme.
 */

/**
 * UoA Main Pages Stylesheet — organized active-class
 *
 * Rreorganized for a predictable cascade:
 * 1. design tokens
 * 2. WordPress/template shell
 * 3. reusable main-page base
 * 4. reusable components
 * 5. page-specific modifiers/typography restorations
 * 6. animations
 * 7. responsive overrides
 *
 */


/* ==========================================================
   Part 2 Stage 2A-1 — .reuse-* compatibility layer
   Added as selector aliases only. Historical selectors remain active.
   Do not remove old selectors until page migration, manual testing, and
   zero-reference verification are complete.
   ========================================================== */

/* ==========================================================
   01. Design tokens
   ========================================================== */

:root {
  --uoa-main-nav-height: 70px;
  --uoa-mainpage-navy: #030614;
  --uoa-mainpage-navy-2: #0b112b;
  --uoa-mainpage-ink: #333333;
  --uoa-mainpage-panel: #dcdcde;
  --uoa-mainpage-panel-deep: #7e7e7e;
  --uoa-mainpage-blue: #3186ff;
  --uoa-mainpage-blue-mid: #346bf1;
  --uoa-mainpage-blue-light: #4fa0ff;
  --uoa-mainpage-white: #ffffff;
  --uoa-mainpage-soft: rgba(255, 255, 255, 0.76);
  --uoa-mainpage-glass: rgba(255, 255, 255, 0.085);

  /* ==========================================================
     Shared glass surface controls
     Change these hosts to update matching glass families site-wide.
     ========================================================== */
  --uoa-glass-dark-rgb: 3, 6, 20;
  --uoa-glass-clear-rgb: 255, 255, 255;
  --uoa-glass-blue-rgb: 37, 71, 116;
  --uoa-glass-accent-blue-rgb: 49, 134, 255;

  --uoa-glass-dark-background: rgba(var(--uoa-glass-dark-rgb), 0.54);
  --uoa-glass-dark-strong-background: rgba(var(--uoa-glass-dark-rgb), 0.84);

  --uoa-glass-clear-background: rgba(var(--uoa-glass-clear-rgb), 0.085);
  --uoa-glass-clear-strong-background: rgba(var(--uoa-glass-clear-rgb), 0.10);

  --uoa-glass-blur-background:
    linear-gradient(
      145deg,
      rgba(var(--uoa-glass-clear-rgb), 0.105),
      rgba(var(--uoa-glass-clear-rgb), 0.035)
    ),
    rgba(var(--uoa-glass-clear-rgb), 0.06);

  --uoa-glass-blue-background: rgba(var(--uoa-glass-blue-rgb), 0.53);
  --uoa-glass-blue-accent-background:
    linear-gradient(
      145deg,
      rgba(var(--uoa-glass-accent-blue-rgb), 0.18),
      rgba(var(--uoa-glass-clear-rgb), 0.04)
    ),
    rgba(var(--uoa-glass-clear-rgb), 0.06);

  --uoa-glass-blur-soft: blur(3px);
  --uoa-glass-blur-standard: blur(8px);
  --uoa-glass-blur-strong: blur(12px);
  --uoa-mainpage-border: rgba(255, 255, 255, 0.16);
  --uoa-mainpage-shadow: 0 28px 70px rgba(0, 0, 0, 0.56);
  --uoa-mainpage-font-display: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --uoa-mainpage-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  /* Shared font-size hosts: 50 similar fluid clamps consolidated into 10 bands. */
  --uoa-font-size-xs: clamp(0.72rem, 0.82vw, 0.82rem);
  --uoa-font-size-sm: clamp(0.86rem, 0.92vw, 0.92rem);
  --uoa-font-size-sm-fluid: clamp(0.8375rem, 2vw, 1.6rem);
  --uoa-font-size-body: clamp(1.25rem, 1.35vw, 1.38rem);
  --uoa-font-size-md: clamp(1.25rem, 1.7vw, 1.8rem);
  --uoa-font-size-lg: clamp(1.4rem, 1.92vw, 2.375rem);
  --uoa-font-size-lg-fluid: clamp(1.6875rem, 2.638888vw, 3.0625rem);
  --uoa-font-size-xl: clamp(1.8rem, 3.3vw, 3.3rem);
  --uoa-font-size-2xl: clamp(2.15rem, 3.8vw, 4rem);
  --uoa-font-size-3xl: clamp(2.75rem, 3.25vw, 3.25rem);

  /* Unified page + post hero/header typography hosts. */
  --uoa-font-size-hero-label: var(--uoa-font-size-xs);
  --uoa-font-size-hero-title: clamp(2.1875rem, 5.5vw, 4.6875rem);
  --uoa-font-size-hero-subtitle: var(--uoa-font-size-2xl);
  --uoa-font-size-hero-lead: var(--uoa-font-size-body);

}

/* ==========================================================
   02. WordPress template shell
   ========================================================== */

html {
  scroll-behavior: smooth;
}

body.page-template-mainpages-theme {
  background: var(--uoa-mainpage-navy);
}

.uoa-mainpages-template,
.uoa-mainpages-template *,
.uoa-mainpage-article,
.uoa-mainpage-article *,
.reuse-article,
.reuse-article * {
  box-sizing: border-box;
}

.uoa-mainpages-template {
  position: relative;
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  overflow-x: clip;
  color: var(--uoa-mainpage-white);
isolation: isolate;
}

.uoa-mainpages-template__content, .uoa-mainpages-template .entry-content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.uoa-mainpages-template :where(.wp-block-post-title, .entry-title) {
  display: none;
}

.uoa-mainpages-template :where(a),
.uoa-mainpage-article a,
.reuse-article a {
  color: inherit;
}

.uoa-mainpages-template :where(p, h1, h2, h3, h4, h5, h6, dt, dd, li),
.uoa-mainpage-article p,
.uoa-mainpage-article h2,
.uoa-mainpage-article h3,
.uoa-mainpage-article li,
.reuse-article p,
.reuse-article h2,
.reuse-article h3,
.reuse-article li {
  overflow-wrap: anywhere;
}

.uoa-mainpages-template .uoa-mainpage__inner,
.uoa-mainpage-article__shell,
.uoa-mainpages-template .reuse-container,
.reuse-article-shell {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.uoa-mainpages-template .uoa-mainpage__inner,
.uoa-mainpages-template .reuse-container {
  padding: 0;
}

.uoa-mainpages-template .uoa-mainpage__inner--content, .uoa-mainpages-template .uoa-mainpage__inner--story,
.uoa-mainpages-template .reuse-container-content,
.uoa-mainpages-template .reuse-container-story {
  padding-top: 0;
}

/* ==========================================================
   03. Main-page base layout and typography
   ========================================================== */

.uoa-mainpage, #uoa-about, #uoa-contact, #uoa-services, #uoa-sessions, #uoa-membership, #uoa-blog {
  --uoa-page-navy: var(--uoa-mainpage-navy);
  --uoa-page-navy-2: var(--uoa-mainpage-navy-2);
  --uoa-page-ink: var(--uoa-mainpage-ink);
  --uoa-page-panel: var(--uoa-mainpage-panel);
  --uoa-page-panel-deep: var(--uoa-mainpage-panel-deep);
  --uoa-page-blue: var(--uoa-mainpage-blue);
  --uoa-page-blue-mid: var(--uoa-mainpage-blue-mid);
  --uoa-page-blue-light: var(--uoa-mainpage-blue-light);
  --uoa-page-white: var(--uoa-mainpage-white);
  --uoa-page-soft: var(--uoa-mainpage-soft);
  --uoa-page-glass: var(--uoa-mainpage-glass);
  --uoa-page-border: var(--uoa-mainpage-border);
  --uoa-page-shadow: var(--uoa-mainpage-shadow);
  position: relative;
  overflow: hidden;
  color: var(--uoa-page-white);
isolation: isolate;
}

:where(.uoa-mainpage__glow) {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  border-radius: 999px;
  filter: blur(28px);
  opacity: 0.72;
}

:where(.uoa-mainpage__glow--one) {
  top: 9rem;
  left: -9rem;
  width: 24rem;
  height: 24rem;
  background: rgba(49, 134, 255, 0.26);
}

:where(.uoa-mainpage__glow--two) {
  top: 30rem;
  right: -10rem;
  width: 28rem;
  height: 28rem;
  background: rgba(79, 160, 255, 0.18);
}

:where(.uoa-mainpage__inner),
:where(.reuse-container) {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 0;
}

:where(.uoa-mainpage__inner--content),
:where(.reuse-container-content) {
  padding-top: 0;
}

:where(.uoa-mainpage-hero),
:where(.reuse-hero-layout) {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.78fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  min-height: min(780px, calc(100vh - 2rem));
}

:where(.uoa-mainpage-eyebrow, .uoa-mainpage-kicker, .uoa-mainpage-section__label p),
.uoa-mainpage-article-eyebrow,
.uoa-mainpage-article-kicker,
.uoa-mainpage-article-section-label p,
.uoa-mainpage-article-callout span,
:where(.reuse-label-eyebrow, .reuse-label-kicker, .reuse-section-label p),
.reuse-label-eyebrow-flush,
.reuse-label-kicker-clean,
.reuse-section-label-rail p,
.reuse-callout-solid span {
  margin: 0;
  color: var(--uoa-page-blue-light);
  letter-spacing: 0.19em;
}

:where(.uoa-mainpage-eyebrow),
.uoa-mainpage-article-eyebrow,
:where(.reuse-label-eyebrow),
.reuse-label-eyebrow-flush {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.55rem 0.85rem;
  border: 1px solid rgba(79, 160, 255, 0.32);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  box-shadow: inset 0 1px 18px rgba(255, 255, 255, 0.08);
}

:where(.uoa-mainpage-eyebrow),
:where(.reuse-label-eyebrow) {
  margin-bottom: 20px;
}

:where(.uoa-mainpage-eyebrow)::before,
.uoa-mainpage-article-eyebrow::before,
:where(.reuse-label-eyebrow)::before,
.reuse-label-eyebrow-flush::before {
  content: "";
  width: 0.55rem;
  height: 0.55rem;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--uoa-page-blue);
  box-shadow: 0 0 18px rgba(49, 134, 255, 0.9);
}

:where(.uoa-mainpage-title),
:where(.reuse-heading-hero-gradient) {
  margin: 1.25rem 0 0 !important;
  color: #fff;
  text-align: left !important;
 letter-spacing: 0.015em;
 text-shadow: 8px 8px 16px rgba(0, 0, 0, 0.76);
}

:where(.uoa-mainpage-title) span,
:where(.reuse-heading-hero-gradient) span {
  display: block;
}

:where(.uoa-mainpage-title) span:last-child,
:where(.reuse-heading-hero-gradient) span:last-child {
  color: transparent;
  background: linear-gradient(90.8deg, var(--uoa-page-blue) -1.06%, var(--uoa-page-blue-mid) 45.45%, var(--uoa-page-blue-light) 97.12%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.55));
}

:where(.uoa-mainpage-subtitle),
:where(.reuse-heading-subtitle) {
  max-width: 780px;
  margin: 1.15rem 0 0;
  color: #fff;

text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.72);
}

:where(.uoa-mainpage-lead),
:where(.reuse-lead) {
  position: relative;
  max-width: 780px;
  margin: clamp(1.5rem, 3vw, 2.2rem) 0 0;
  padding-left: 1.45rem;
  color: var(--uoa-page-soft);
}

:where(.uoa-mainpage-lead)::before,
:where(.reuse-lead)::before {
  content: "";
  position: absolute;
  top: 0.35rem;
  bottom: 0.3rem;
  left: 0;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--uoa-page-blue), rgba(49, 134, 255, 0.12));
  box-shadow: 0 0 14px rgba(49, 134, 255, 0.6);
}

:where(.uoa-mainpage-lead p, .uoa-mainpage-card p, .uoa-mainpage-wide-card p, .uoa-mainpage-pullcard p, .uoa-mainpage-intro-panel p),
:where(.reuse-lead p, .reuse-card-glass p, .reuse-card-wide p, .reuse-card-callout-glass p, .reuse-card-feature p) {
  color: var(--uoa-page-soft);

}

:where(.uoa-mainpage-lead p),
.uoa-mainpage-article-lead p,
:where(.reuse-lead p),
.reuse-lead-rail p {
  margin: 0 0 1rem;
}

:where(.uoa-mainpage-lead p:last-child),
:where(.reuse-lead p:last-child) {
  margin-bottom: 0;
}

:where(.uoa-mainpage-hero__actions),
.uoa-mainpage-article-actions,
:where(.reuse-actions),
.reuse-actions-stack-mobile {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
}

:where(.uoa-mainpage-hero__actions),
:where(.reuse-actions) {
  gap: 0.9rem;
}

/* ==========================================================
   Shared button / CTA system
   Common anatomy is centralized; surfaces, sizing modifiers,
   hover shadows, ghost treatments and responsive overrides remain.
   ========================================================== */

:where(.uoa-mainpage-button),
.uoa-read-button,
.uoa-mainpage-article-button,
:where(.reuse-button),
.reuse-button-read,
.reuse-button-emphasis {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0.92rem 1.35rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 12px;
  color: #1b1d24 !important;
  box-shadow: -4px -4px 8px rgba(255, 255, 255, 0.16), 6px 6px 12px rgba(0, 0, 0, 0.34);
  letter-spacing: 0.07em;
  text-align: center;
  text-decoration: none;
}

:where(.uoa-mainpage-button),
.uoa-mainpage-article-button,
:where(.reuse-button),
.reuse-button-emphasis {
  background: var(--uoa-page-panel);
  transform: translate3d(0, 0, 0);
}

:where(.uoa-mainpage-button),
:where(.reuse-button) {
  text-decoration: none !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, filter 0.25s ease;
}

.uoa-read-button,
.uoa-mainpage-article-button,
.reuse-button-read,
.reuse-button-emphasis {
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero--above-hero-html > .uoa-mainpage-above-hero-html__content {
  grid-column: 1 / -1;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  justify-self: center;
}

b, strong {
    font-family: var(--uoa-mainpage-font-body);
    font-size: var(--uoa-font-size-body);
    font-weight: 700;
    line-height: 1.55;
    text-transform: none;
    text-shadow: 2px 2px black;
    color: white;
}

/* Homepage: push the no-H1 hero content down */
.uoa-mainpage-hero.section-fadein.uoa-mainpage-hero--no-template-h1,
.reuse-hero-layout.section-fadein.uoa-mainpage-hero--no-template-h1 {
    margin-top: 0 !important;
  padding-top: clamp(7.5rem, 12vw, 10.5rem) !important;
  row-gap: clamp(0.7rem, 1.7vw, 1.35rem);
  column-gap: clamp(2rem, 5vw, 5rem);
}

/* If above-hero HTML is active and the template H1 is removed, do not add the homepage-style spacer. */
.uoa-mainpage-hero.section-fadein.uoa-mainpage-hero--no-template-h1.uoa-mainpage-hero--after-above-hero-html,
.reuse-hero-layout.section-fadein.uoa-mainpage-hero--no-template-h1.uoa-mainpage-hero--after-above-hero-html {
  padding-top: 0 !important;
}

/* Main Pages Theme editor option: make above-hero custom HTML full screen width. */
.uoa-mainpages-template .uoa-mainpage .uoa-mainpage__inner.uoa-mainpage__inner--above-hero.uoa-mainpage__inner--above-hero-full-width,
.uoa-mainpages-template .uoa-mainpage .reuse-container.uoa-mainpage__inner--above-hero.uoa-mainpage__inner--above-hero-full-width {
  width: 100vw !important;
  max-width: none !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero.uoa-mainpage-hero--above-hero-html.uoa-mainpage-above-hero-html.uoa-mainpage-above-hero-html--full-width,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout.uoa-mainpage-hero--above-hero-html.uoa-mainpage-above-hero-html.uoa-mainpage-above-hero-html--full-width {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-above-hero-html__content.uoa-mainpage-above-hero-html__content--full-width {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  justify-self: stretch !important;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-above-hero-html__content--full-width :where(img, picture, video, iframe) {
  display: block;
  width: 100%;
  max-width: none;
}

.uoa-mainpage-button--blue,
.reuse-button-primary {
  color: #fff !important;
  border-radius: 999px !important;
  background: linear-gradient(
    90.8deg,
    var(--uoa-page-blue, #3186ff) -1.06%,
    var(--uoa-page-blue-mid, #346bf1) 45.45%,
    var(--uoa-page-blue-light, #4fa0ff) 97.12%
  ) !important;
}

.uoa-mainpage-button--fit,
.reuse-button-fit {
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
}

.uoa-mainpage-button--full,
.reuse-button-full {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}

.uoa-mainpage-button--nowrap,
.reuse-button-nowrap {
  white-space: nowrap;
}

:where(.uoa-mainpage-button:hover, .uoa-mainpage-button:focus-visible),
.uoa-read-button:hover,
.uoa-read-button:focus-visible,
.uoa-mainpage-article-button:hover,
.uoa-mainpage-article-button:focus-visible,
:where(.reuse-button:hover, .reuse-button:focus-visible),
.reuse-button-read:hover,
.reuse-button-read:focus-visible,
.reuse-button-emphasis:hover,
.reuse-button-emphasis:focus-visible {
  transform: translate3d(2px, 4px, 0);
}

:where(.uoa-mainpage-button:hover, .uoa-mainpage-button:focus-visible),
.uoa-mainpage-article-button:hover,
.uoa-mainpage-article-button:focus-visible,
:where(.reuse-button:hover, .reuse-button:focus-visible),
.reuse-button-emphasis:hover,
.reuse-button-emphasis:focus-visible {
  background: linear-gradient(160deg, var(--uoa-page-panel), var(--uoa-page-panel-deep));
}

:where(.uoa-mainpage-button:hover, .uoa-mainpage-button:focus-visible),
:where(.reuse-button:hover, .reuse-button:focus-visible) {
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.36), inset -2px -2px 5px rgba(255, 255, 255, 0.18);
}

:where(.uoa-mainpage-button--ghost),
.uoa-mainpage-article-button--ghost,
:where(.reuse-button-ghost),
.reuse-button-emphasis-ghost {
  color: #fff !important;
}

:where(.uoa-mainpage-button--ghost),
:where(.reuse-button-ghost) {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(79, 160, 255, 0.34);
  box-shadow: inset 0 1px 20px rgba(255, 255, 255, 0.08), 0 16px 34px rgba(0, 0, 0, 0.24);
  backdrop-filter: var(--uoa-glass-blur-standard);
  -webkit-backdrop-filter: var(--uoa-glass-blur-standard);
}

:where(.uoa-mainpage-card, .uoa-mainpage-pullcard, .uoa-mainpage-wide-card, .uoa-mainpage-intro-panel, .uoa-mainpage-closing-card, .uoa-mainpage-detail-card)::before,
:where(.reuse-card-glass, .reuse-card-callout-glass, .reuse-card-wide, .reuse-card-feature, .reuse-card-closing, .reuse-card-detail)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--uoa-page-blue), var(--uoa-page-blue-mid), var(--uoa-page-blue-light));
  box-shadow: 0 0 14px rgba(49, 134, 255, 0.54);
  pointer-events: none;
}

:where(
  .uoa-mainpage-card,
  .uoa-mainpage-pullcard,
  .uoa-mainpage-wide-card,
  .uoa-mainpage-intro-panel,
  .uoa-mainpage-closing-card,
  .uoa-mainpage-detail-card
),
.uoa-mainpage-article-cta,
:where(
  .reuse-card-glass,
  .reuse-card-callout-glass,
  .reuse-card-wide,
  .reuse-card-feature,
  .reuse-card-closing,
  .reuse-card-detail
),
.reuse-card-wide-cta {
  border-radius: 30px;
}

:where(.uoa-mainpage-card, .uoa-mainpage-pullcard, .uoa-mainpage-wide-card, .uoa-mainpage-intro-panel, .uoa-mainpage-closing-card, .uoa-mainpage-detail-card),
:where(.reuse-card-glass, .reuse-card-callout-glass, .reuse-card-wide, .reuse-card-feature, .reuse-card-closing, .reuse-card-detail) {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--uoa-page-border);
  background: var(--uoa-glass-blur-background);
  box-shadow: var(--uoa-page-shadow), inset 0 1px 28px rgba(255, 255, 255, 0.075);
  backdrop-filter: var(--uoa-glass-blur-standard);
  -webkit-backdrop-filter: var(--uoa-glass-blur-standard);
  padding: clamp(1.35rem, 3vw, 2.6rem);
}

:where(.uoa-mainpage-card h2, .uoa-mainpage-pullcard h2, .uoa-mainpage-wide-card h2, .uoa-mainpage-intro-panel h2, .uoa-mainpage-closing-card h2, .uoa-mainpage-detail-card h2),
:where(.reuse-card-glass h2, .reuse-card-callout-glass h2, .reuse-card-wide h2, .reuse-card-feature h2, .reuse-card-closing h2, .reuse-card-detail h2) {
  margin: 0 !important;
  color: #fff;
  text-align: left !important;

letter-spacing: 0.035em;

text-shadow: 4px 4px 9px rgba(0, 0, 0, 0.52);
}

:where(.uoa-mainpage-section),
:where(.reuse-section) {
  position: relative;
  scroll-margin-top: calc(var(--uoa-main-nav-height, 70px) + 2rem);
  margin-top: 0;
}

:where(.uoa-mainpage-section__label),
:where(.reuse-section-label) {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1.1rem;
}

:where(.uoa-mainpage-section__label span),
:where(.reuse-section-label span) {
  display: inline-block;
  width: 3.3rem;
  height: 2px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--uoa-page-blue), rgba(79, 160, 255, 0));
  box-shadow: 0 0 12px rgba(49, 134, 255, 0.58);
}

:where(.uoa-mainpage-section__label--dark p),
:where(.reuse-section-label-dark p) {
  color: #0b112b;
  text-shadow: none;
}

/* ==========================================================
   Shared solid / light panel family
   Common light surface is centralized; component-specific shadows,
   typography, borders, padding and interactions remain separate.
   ========================================================== */

:where(.uoa-mainpage-solid-panel),
.uoa-mainpage-article-card--solid,
.uoa-mainpage-article-callout,
:where(.reuse-panel-solid-light),
.reuse-card-content-solid,
.reuse-callout-solid {
  background: var(--uoa-page-panel);
}

:where(.uoa-mainpage-solid-panel),
:where(.reuse-panel-solid-light) {
  position: relative;
  width: 100%;
  padding: clamp(2.2rem, 5vw, 5rem) clamp(1.25rem, 4vw, 4rem);
  color: var(--uoa-page-ink);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.9), inset 0 4px 35px rgba(255, 255, 255, 0.25);
  transition: box-shadow 0.25s ease-in-out, transform 0.25s ease-in-out;
}

:where(.uoa-mainpage-solid-panel:hover),
:where(.reuse-panel-solid-light:hover) {
  box-shadow: none;
  transform: translateY(4px);
}

:where(.uoa-mainpage-solid-panel h2),
:where(.reuse-panel-solid-light h2) {
  color: #111827 !important;
  text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.16);
}

.uoa-mainpage-hero__copy, .uoa-mainpage-story, .uoa-mainpage-wide-card__copy,
.reuse-hero-copy,
.reuse-layout-story,
.reuse-card-wide-copy {
  position: relative;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-story,
.uoa-mainpages-template .uoa-mainpage .reuse-layout-story {
  display: grid;
  gap: clamp(4.5rem, 8vw, 7rem);
}

/* Shared split/two-column layout primitive. */
.uoa-mainpage-two-column,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-two-column,
.reuse-layout-split,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-layout-split {
  display: grid;
  align-items: stretch;
}

.uoa-mainpage-two-column,
.reuse-layout-split {
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.72fr);
  gap: clamp(1rem, 2.2vw, 1.5rem);
}

/* ==========================================================
   Shared three-card grid system
   One layout contract; individual card classes keep their own styling.
   .uoa-three-card-grid is available for future 3-card sections.
   ========================================================== */

:where(
  .uoa-three-card-grid,
  .uoa-mainpage-audience-grid,
  .uoa-signal-grid,
  .uoa-path-grid,
  .uoa-process-grid,
  .uoa-offer-grid,
  .uoa-article-grid,
  .uoa-map-grid
),
:where(
  .reuse-grid-three-column,
  .reuse-grid-three-accent-feature,
  .reuse-grid-three-accent-spaced,
  .reuse-grid-three-framed-glass,
  .reuse-grid-three-process,
  .reuse-grid-three-framed-clear,
  .reuse-grid-three-resource,
  .reuse-grid-three-map-cards
) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2.2vw, 1.5rem);
  align-items: stretch;
}

:where(
  .uoa-three-card-grid,
  .uoa-mainpage-audience-grid,
  .uoa-signal-grid,
  .uoa-path-grid,
  .uoa-process-grid,
  .uoa-offer-grid,
  .uoa-article-grid,
  .uoa-map-grid
) > *,
:where(
  .reuse-grid-three-column,
  .reuse-grid-three-accent-feature,
  .reuse-grid-three-accent-spaced,
  .reuse-grid-three-framed-glass,
  .reuse-grid-three-process,
  .reuse-grid-three-framed-clear,
  .reuse-grid-three-resource,
  .reuse-grid-three-map-cards
) > * {
  min-width: 0;
}

/* ==========================================================
   Shared equal-column grid primitives
   Column geometry is centralized; each grid keeps its own gap,
   margins, item styling and responsive breakpoint sequence.
   ========================================================== */

:where(
  .uoa-guide-grid,
  .uoa-proof-grid,
  .uoa-mainpage-article-compare
),
:where(
  .reuse-grid-two-media,
  .reuse-grid-two-panels,
  .reuse-grid-compare
),
:where(.reuse-grid-two-column) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

:where(
  .uoa-framework-grid,
  .uoa-process-grid--four,
  .uoa-detail-grid,
  .uoa-signal-grid--compact
),
:where(
  .reuse-grid-four-tiles,
  .reuse-grid-four-process,
  .reuse-grid-four-detail,
  .reuse-grid-four-accent
),
:where(.reuse-grid-four-column) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.uoa-mainpage-card--large h2,
.reuse-card-glass-large h2 {
  max-width: 900px;
}

.uoa-mainpage-card--blueprint,
.reuse-card-glass-blueprint {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--uoa-glass-blue-background);
}

.uoa-mainpage-audience-grid,
.reuse-grid-three-accent-feature {
  margin-top: 1.3rem;
}

/* ==========================================================
   04. Fancy divider
   ========================================================== */

.uoa-fancy-divider {
  --uoa-fancy-divider-line: rgba(49, 134, 255, 0.95);
  --uoa-fancy-divider-dark: rgba(3, 6, 20, 0.78);
  --uoa-fancy-divider-light: rgba(255, 255, 255, 0.78);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(420px, 72%);
  height: 34px;
  margin: clamp(3rem, 6vw, 5.5rem) auto;
}

.uoa-fancy-divider::before, .uoa-fancy-divider::after {
  content: "";
  position: absolute;
  top: 50%;
  width: calc(50% - 34px);
  height: 2px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, transparent, var(--uoa-fancy-divider-dark), var(--uoa-fancy-divider-line));
  box-shadow: 0 0 8px rgba(49, 134, 255, 0.45), 0 1px 0 var(--uoa-fancy-divider-light);
}

.uoa-fancy-divider::before {
  left: 0;
}

.uoa-fancy-divider::after {
  right: 0;
  transform: translateY(-50%) scaleX(-1);
}

.uoa-fancy-divider__mark {
  position: relative;
  z-index: 1;
  width: 42px;
  height: 30px;
  display: block;
  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.92) 0 3px, transparent 4px),
    conic-gradient(from 45deg, var(--uoa-page-blue), var(--uoa-page-blue-mid), var(--uoa-page-blue-light), var(--uoa-page-blue));
  background-size: 100% 100%, 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  clip-path: polygon(50% 0, 64% 50%, 50% 100%, 36% 50%);
  filter: drop-shadow(0 0 10px rgba(49, 134, 255, 0.75));
}

.uoa-fancy-divider--solid::before, .uoa-fancy-divider--solid::after {
  background: linear-gradient(90deg, transparent, rgba(51, 51, 51, 0.58), rgba(49, 134, 255, 0.95));
}

/* ==========================================================
   05. Reusable component library
   ========================================================== */
   
      .glass-hero {
    position: relative; 
    z-index: 2;
    margin: 0 auto; 
    width: 100%;
    max-width: 100%;
    padding: 1.6rem;
    background: var(--uoa-glass-blue-background) !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}
   
   .glass-wide {
    position: relative; 
    z-index: 2;
    margin: 0 auto; 
    width: 100%;
    max-width: 100%;
    padding: 1.6rem;
    border-radius: 20px;
    background: var(--uoa-glass-blue-background) !important;
    -webkit-backdrop-filter: var(--uoa-glass-blur-soft);
    backdrop-filter: var(--uoa-glass-blur-soft);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2), inset 0 4px 45px rgba(255, 255, 255, 0.5);
}

.glass-wide:hover {
    -webkit-backdrop-filter: var(--uoa-glass-blur-standard);
    backdrop-filter: var(--uoa-glass-blur-standard);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}

.uoa-portrait,
.reuse-media-portrait {
  position: relative;
  width: min(100%, 430px);
  margin: 0 auto;
  text-align: center;
  filter: drop-shadow(0 35px 42px rgba(0, 0, 0, 0.56));
}

.uoa-portrait__halo,
.reuse-media-portrait-halo {
  position: absolute;
  inset: -2rem -1.6rem 3rem;
  border-radius: 40% 60% 54% 46% / 54% 36% 64% 46%;
  background: radial-gradient(circle at 50% 46%, rgba(49, 134, 255, 0.32), transparent 62%);
  filter: blur(2px);
  pointer-events: none;
}

.uoa-portrait__frame,
.reuse-media-frame-portrait {
  position: relative;
  padding: clamp(0.7rem, 1.3vw, 1rem);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 34px;
  box-shadow: 0 0 46px rgba(49, 134, 255, 0.20),
    inset 0 3px 35px rgba(255, 255, 255, 0.12);
  transform: rotate(1.6deg);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.uoa-portrait:hover .uoa-portrait__frame, .uoa-portrait:focus-within .uoa-portrait__frame,
.reuse-media-portrait:hover .reuse-media-frame-portrait,
.reuse-media-portrait:focus-within .reuse-media-frame-portrait {
  transform: rotate(0deg) translateY(4px);
  box-shadow: 0 0 22px rgba(49, 134, 255, 0.18),
    inset 0 3px 24px rgba(255, 255, 255, 0.10);
}

.uoa-portrait__frame::before, .uoa-portrait__frame::after,
.reuse-media-frame-portrait::before,
.reuse-media-frame-portrait::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 42%;
  height: 42%;
  pointer-events: none;
}

.uoa-portrait__frame::before,
.reuse-media-frame-portrait::before {
  top: -0.45rem;
  left: -0.45rem;
  border-top: 2px solid rgba(79, 160, 255, 0.92);
  border-left: 2px solid rgba(79, 160, 255, 0.92);
  border-radius: 34px 0 0 0;
  box-shadow: -6px -6px 18px rgba(49, 134, 255, 0.18);
}

.uoa-portrait__frame::after,
.reuse-media-frame-portrait::after {
  right: -0.45rem;
  bottom: -0.45rem;
  border-right: 2px solid rgba(255, 255, 255, 0.72);
  border-bottom: 2px solid rgba(255, 255, 255, 0.72);
  border-radius: 0 0 34px 0;
}

.uoa-portrait__image,
.reuse-media-portrait-image {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 24px;
  filter: contrast(1.04) saturate(0.96);
}

.uoa-portrait__caption,
.reuse-media-caption-portrait {
  position: relative;
  z-index: 3;
  width: calc(100% - 2rem);
  margin: -1.25rem auto 0;
  padding: 0.9rem 1rem;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 18px;
  background: var(--uoa-glass-dark-strong-background);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.38), inset 0 1px 18px rgba(255, 255, 255, 0.08);
  backdrop-filter: var(--uoa-glass-blur-standard);
  -webkit-backdrop-filter: var(--uoa-glass-blur-standard);
}

.uoa-portrait__caption span, .uoa-portrait__caption small,
.reuse-media-caption-portrait span,
.reuse-media-caption-portrait small {
  display: block;
}

.uoa-portrait__caption span,
.reuse-media-caption-portrait span {

letter-spacing: 0.04em;

}

.uoa-portrait__caption small,
.reuse-media-caption-portrait small {
  margin-top: 0.22rem;
  color: rgba(255, 255, 255, 0.72);

letter-spacing: 0.08em;
}

.uoa-signal-grid,
.reuse-grid-three-accent-spaced {
  margin: clamp(1.5rem, 4vw, 3rem) auto 0;
}

/* ==========================================================
   Shared component family: compact frosted information cards
   Signal and audience cards share one base shell; their spacing,
   dimensions, hover shadows, typography and template overrides remain.
   ========================================================== */

.uoa-signal-card,
.uoa-audience-card,
.reuse-card-accent-compact,
.reuse-card-accent-feature {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--uoa-page-border, rgba(255, 255, 255, 0.16));
  background: var(--uoa-glass-blur-background);
  box-shadow: var(--uoa-page-shadow, 0 28px 70px rgba(0, 0, 0, 0.56)), inset 0 1px 28px rgba(255, 255, 255, 0.075);
  backdrop-filter: var(--uoa-glass-blur-standard);
  -webkit-backdrop-filter: var(--uoa-glass-blur-standard);
}

.uoa-signal-card,
.reuse-card-accent-compact {
  min-height: 210px;
  padding: 1.5rem;
  border-radius: 24px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.uoa-signal-card::before,
.uoa-audience-card::before,
.reuse-card-accent-compact::before,
.reuse-card-accent-feature::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--uoa-page-blue, #3186ff), var(--uoa-page-blue-mid, #346bf1), var(--uoa-page-blue-light, #4fa0ff));
}

.uoa-signal-card::before,
.reuse-card-accent-compact::before {
  box-shadow: 0 0 14px rgba(49, 134, 255, 0.54);
}

.uoa-signal-card:hover,
.uoa-audience-card:hover,
.reuse-card-accent-compact:hover,
.reuse-card-accent-feature:hover {
  transform: translateY(4px);
}

.uoa-signal-card:hover,
.reuse-card-accent-compact:hover {
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.42), inset 0 1px 20px rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.075);
}

.uoa-signal-card__number,
.reuse-number-accent {
  display: inline-flex;
  margin-bottom: 1.1rem;
  color: var(--uoa-page-blue-light, #4fa0ff);
  letter-spacing: 0.05em;
  text-shadow: 0 0 18px rgba(49, 134, 255, 0.42);
}

span.uoa-signal-card__number,
span.reuse-number-accent {
text-shadow: 0 0 18px rgb(0 0 0 / 42%);
}

.uoa-signal-card h2,
.uoa-signal-card h3,
.uoa-audience-card h3,
.reuse-card-accent-compact h2,
.reuse-card-accent-compact h3,
.reuse-card-accent-feature h3 {
  color: #fff;
  text-align: left !important;
}

.uoa-signal-card h2,
.uoa-signal-card h3,
.reuse-card-accent-compact h2,
.reuse-card-accent-compact h3 {
  margin: 0 !important;
  letter-spacing: 0.01em;
  text-shadow: 4px 4px 9px rgba(0, 0, 0, 0.52);
}

.uoa-signal-card p,
.uoa-audience-card p,
.reuse-card-accent-compact p,
.reuse-card-accent-feature p {
  color: rgba(255, 255, 255, 0.76);
}

.uoa-signal-card p,
.reuse-card-accent-compact p {
  margin: 0.75rem 0 0;
}

.uoa-hero-card-panel,
.reuse-card-stack {
  display: grid;
  gap: 1rem;
  margin: 0;
}

.uoa-hero-card,
.reuse-card-hero {
  position: relative;
  min-height: 145px;
  padding: 1.45rem 1.35rem 1.25rem;
  overflow: hidden;
  border: 1px solid var(--uoa-page-border, rgba(255, 255, 255, 0.16));
  border-radius: 22px;
  background: var(--uoa-glass-blur-background);
  box-shadow: var(--uoa-page-shadow, 0 28px 70px rgba(0, 0, 0, 0.56)), inset 0 1px 22px rgba(255, 255, 255, 0.08);
  backdrop-filter: var(--uoa-glass-blur-standard);
  -webkit-backdrop-filter: var(--uoa-glass-blur-standard);
  transform: translate3d(0, 0, 0);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.uoa-hero-card::before,
.reuse-card-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  border-top: 3px solid rgba(79, 160, 255, 0.82);
  pointer-events: none;
}

.uoa-hero-card:hover,
.reuse-card-hero:hover {
  transform: translate3d(4px, 4px, 0);
  border-color: rgba(79, 160, 255, 0.36);
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.45), inset 0 1px 22px rgba(255, 255, 255, 0.10);
}

.uoa-hero-card__number,
.reuse-number-corner {
  position: absolute;
  top: 0.95rem;
  right: 1rem;
  color: rgba(255, 255, 255, 0.12);

}

.uoa-hero-card h2, .uoa-hero-card h3,
.reuse-card-hero h2,
.reuse-card-hero h3 {
  max-width: 72%;
  margin: 0;
  color: #fff;

letter-spacing: 0.025em;

text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.56);
}

.uoa-hero-card p,
.reuse-card-hero p {
  margin: 0.45rem 0 0;
  color: #fff;

}

.uoa-hero-card small,
.reuse-card-hero small {
  display: block;
  margin-top: 0.25rem;
  color: var(--uoa-page-soft, rgba(255, 255, 255, 0.76));

letter-spacing: 0.04em;
}

.uoa-triad-wrap {
  --uoa-triad-main-nav-height: var(--uoa-main-nav-height, 70px);
  --uoa-triad-height: 92px;
  position: relative;
  top: var(--uoa-triad-main-nav-height);
  z-index: 80;
  padding: 0.5rem 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  background: #dcdcdea8;
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.45);
  backdrop-filter: var(--uoa-glass-blur-standard);
  -webkit-backdrop-filter: var(--uoa-glass-blur-standard);
}

.uoa-triad {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
  width: min(100%, 1180px);
  max-width: 1180px;
  min-height: var(--uoa-triad-height);
  margin: 0 auto;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: var(--uoa-page-panel, #dcdcde);
  box-shadow: 0 0 34px rgba(0, 0, 0, 0.72), inset 0 4px 20px rgba(255, 255, 255, 0.35);
  perspective: 500px;
}

.uoa-triad__item {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.78rem 0.75rem;
  overflow: hidden;
  box-sizing: border-box;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  border-right: 1px solid rgba(220, 220, 222, 0.18);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 42%), #333333;
  box-shadow: -3px -3px 7px rgba(255, 255, 255, 0.10), 5px 5px 10px rgba(0, 0, 0, 0.34);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transform-style: preserve-3d;
  transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out, color 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
}

.uoa-triad__item:last-child {
  border-right: 0;
}

.uoa-triad__item::before {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  pointer-events: none;
}

.uoa-triad__item::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--uoa-page-blue, #3186ff), var(--uoa-page-blue-mid, #346bf1), var(--uoa-page-blue-light, #4fa0ff));
  box-shadow: 0 0 10px rgba(49, 134, 255, 0.58);
  pointer-events: none;
}

.uoa-triad__item:hover, .uoa-triad__item:focus-visible {
  color: #111827 !important;
  background: linear-gradient(160deg, var(--uoa-page-panel, #dcdcde), var(--uoa-page-panel-deep, #7e7e7e));
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.42), inset -2px -2px 5px rgba(255, 255, 255, 0.20);
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.45);
  transform: translate3d(2px, 4px, 0);
}

.uoa-triad__line {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
text-overflow: ellipsis;
  white-space: nowrap;
}

.uoa-triad__line:first-child {

letter-spacing: 0.045em;
}

.uoa-triad__line:nth-child(2), .uoa-triad__line:nth-child(3) {
  margin-top: 0.26rem;

letter-spacing: 0.018em;
}

.uoa-triad-track {
  scroll-margin-top: calc(var(--uoa-triad-main-nav-height, 70px) + var(--uoa-triad-height, 92px) + 38px);
  margin-top: clamp(4rem, 8vw, 7rem);
}

.uoa-triad-track:first-child {
  margin-top: 0;
}

.uoa-track__mast {
  display: grid;
  grid-template-columns: minmax(180px, 0.34fr) minmax(0, 1fr);
  gap: clamp(1rem, 3vw, 2.4rem);
  align-items: end;
  margin-bottom: clamp(1.8rem, 4vw, 3rem);
}

.uoa-track-title {
  margin: 0 !important;
  color: transparent;
  text-align: left !important;

letter-spacing: 0.02em;

background: linear-gradient(90.8deg, var(--uoa-page-blue, #3186ff) -1.06%, var(--uoa-page-blue-mid, #346bf1) 45.45%, var(--uoa-page-blue-light, #4fa0ff) 97.12%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.58));
}

.uoa-pill-flow,
.uoa-mini-flow,
.uoa-chip-row,
.uoa-guide-card__focus,
.uoa-focus-list,
.uoa-mainpage-article-pill-row,
.reuse-chip-flow,
.reuse-chip-flow-compact,
.reuse-chip-row,
.reuse-chip-row-card,
.reuse-chip-list,
.reuse-chip-row-compact {
  display: flex;
}

.uoa-pill-flow,
.uoa-mini-flow,
.uoa-model-strip,
.uoa-chip-row,
.uoa-guide-card__focus,
.uoa-focus-list,
.uoa-mainpage-article-pill-row,
.reuse-chip-flow,
.reuse-chip-flow-compact,
.reuse-model-strip,
.reuse-chip-row,
.reuse-chip-row-card,
.reuse-chip-list,
.reuse-chip-row-compact {
  flex-wrap: wrap;
}

.uoa-pill-flow,
.uoa-mini-flow,
.reuse-chip-flow,
.reuse-chip-flow-compact {
  gap: 0.7rem;
}

.uoa-pill-flow,
.uoa-mini-flow,
.uoa-model-strip,
.reuse-chip-flow,
.reuse-chip-flow-compact,
.reuse-model-strip {
  margin-top: 1.25rem;
}

.uoa-pill-flow span,
.uoa-mini-flow span,
.uoa-model-strip span,
.uoa-chip-row span,
.uoa-guide-card__focus span,
.uoa-focus-list span,
.uoa-mainpage-article-pill-row span,
.reuse-chip-flow span,
.reuse-chip-flow-compact span,
.reuse-model-strip span,
.reuse-chip-row span,
.reuse-chip-row-card span,
.reuse-chip-list span,
.reuse-chip-row-compact span {
  display: inline-flex;
  color: #fff;
}

.uoa-pill-flow span,
.uoa-mini-flow span,
.uoa-chip-row span,
.uoa-guide-card__focus span,
.uoa-focus-list span,
.uoa-mainpage-article-pill-row span,
.reuse-chip-flow span,
.reuse-chip-flow-compact span,
.reuse-chip-row span,
.reuse-chip-row-card span,
.reuse-chip-list span,
.reuse-chip-row-compact span {
  border-radius: 999px;
}

.uoa-pill-flow span,
.uoa-mini-flow span,
.uoa-model-strip span,
.reuse-chip-flow span,
.reuse-chip-flow-compact span,
.reuse-model-strip span {
  position: relative;
  min-height: 2.7rem;
  align-items: center;
  padding: 0.72rem 0.85rem;
  border: 1px solid rgba(79, 160, 255, 0.22);
  background: rgba(3, 6, 20, 0.66);
  box-shadow: inset 0 1px 14px rgba(255, 255, 255, 0.06);
}

.uoa-pill-flow span:nth-child(even),
.reuse-chip-flow span:nth-child(even) {
  background: linear-gradient(90.8deg, rgba(49, 134, 255, 0.82), rgba(79, 160, 255, 0.66));
}

.uoa-framework-grid,
.reuse-grid-four-tiles {
  display: grid;
  gap: 0.8rem;
  margin-top: 1.4rem;
}

.uoa-framework-grid span,
.uoa-mainpage-article-flow__item,
.reuse-grid-four-tiles span,
.reuse-flow-step {
  min-height: 118px;
  padding: 1rem;
}

.uoa-framework-grid span,
.reuse-grid-four-tiles span {
  display: block;
  color: #fff;
  border: 1px solid rgba(79, 160, 255, 0.20);
  border-radius: 18px;
  background: rgba(3, 6, 20, 0.62);
  box-shadow: inset 0 1px 18px rgba(255, 255, 255, 0.06);
}

.uoa-model-strip,
.reuse-model-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.55rem;
}

.uoa-model-strip span,
.reuse-model-strip span {
  justify-content: center;
  text-align: center;
  border-radius: 16px;
}

.uoa-glow-list, .uoa-question-list,
.reuse-callout-list {
  margin: 1.2rem 0 0;
  padding: 0;
  color: var(--uoa-page-soft, rgba(255, 255, 255, 0.76));
  list-style: none;

}

.uoa-glow-list li, .uoa-question-list li,
.reuse-callout-list li {
  position: relative;
  margin-top: 0.75rem;
  padding-left: 1.25rem;
}

.uoa-glow-list li::before, .uoa-question-list li::before,
.reuse-callout-list li::before {
  content: "";
  position: absolute;
  top: 0.72em;
  left: 0;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: var(--uoa-page-blue, #3186ff);
  box-shadow: 0 0 12px rgba(49, 134, 255, 0.72);
}

.uoa-profile-duo,
.reuse-layout-profile-duo {
  display: grid;
  grid-template-areas: "portraits"
    "nextstep";
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(0.9rem, 2vw, 1.35rem);
  align-items: start;
  width: min(100%, 560px);
  max-width: 560px;
  min-height: 0;
  margin: 0 auto;
  padding: clamp(0.2rem, 1vw, 0.75rem);
  overflow: visible;
  isolation: isolate;
}

.uoa-profile-duo__portraits,
.reuse-grid-two-portraits {
  display: grid;
  grid-area: portraits;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(0.85rem, 2vw, 1.35rem);
  align-items: start;
  width: 100%;
}

.uoa-profile-card,
.uoa-next-step-card,
.reuse-card-framed-profile,
.reuse-card-framed-next {
  max-width: none;
  margin: 0;
  box-shadow: var(--uoa-page-shadow, 0 28px 70px rgba(0, 0, 0, 0.56)), inset 0 1px 26px rgba(255, 255, 255, 0.09);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.uoa-profile-card,
.reuse-card-framed-profile {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  border-radius: 30px;
}

.uoa-profile-card--left,
.reuse-card-profile-left {
  justify-self: stretch;
  transform: rotate(1.15deg);
}

.uoa-profile-card--right,
.reuse-card-profile-right {
  justify-self: stretch;
  margin-top: clamp(1.05rem, 3vw, 2.1rem);
  transform: rotate(-1.15deg);
}

.uoa-profile-card__image-wrap,
.reuse-card-profile-media {
  position: relative;
  flex: 1 1 auto;
  aspect-ratio: 4 / 4.9;
  overflow: hidden;
  background-image: var(--uoa-profile-image),
    radial-gradient(circle at 50% 15%, rgba(79, 160, 255, 0.44), transparent 48%),
    linear-gradient(180deg, rgba(220, 220, 222, 0.15), rgba(3, 6, 20, 0.72));
  background-position: center top, center, center;
  background-repeat: no-repeat;
  background-size: cover;
}

.uoa-profile-card__image-wrap::before,
.uoa-guide-card__media::after,
.reuse-card-profile-media::before,
.reuse-card-media::after {
  content: "";
  position: absolute;
  inset: 10px;
  pointer-events: none;
}

.uoa-profile-card__image-wrap::before,
.reuse-card-profile-media::before {
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 22px;
}

.uoa-profile-card__image,
.uoa-guide-card__media img,
.reuse-card-profile-image,
.reuse-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.uoa-profile-card__image,
.reuse-card-profile-image {
  position: relative;
  z-index: 2;
  filter: saturate(0.97) contrast(1.04);
}

.uoa-profile-card__copy,
.reuse-card-profile-copy {
  padding: 1.05rem 1.1rem 1.15rem;
  background: var(--uoa-glass-dark-strong-background);
}

.uoa-profile-card__copy span, .uoa-profile-card__copy small,
.reuse-card-profile-copy span,
.reuse-card-profile-copy small {
  display: block;
}

.uoa-profile-card__copy span,
.reuse-card-profile-copy span {
  color: #fff;
  letter-spacing: 0.035em;
}

.uoa-profile-card__copy small,
.reuse-card-profile-copy small {
  margin-top: 0.3rem;
  color: var(--uoa-page-soft, rgba(255, 255, 255, 0.76));

}

.uoa-next-step-card,
.reuse-card-framed-next {
  grid-area: nextstep;
  justify-self: center;
  z-index: 4;
  width: min(100%, 470px);
  padding: clamp(1.15rem, 2.1vw, 1.55rem);
  border-radius: 28px;
}

.uoa-next-step-card h2,
.uoa-next-step-card h3,
.uoa-guide-card h2,
.uoa-guide-card h3,
.reuse-card-framed-next h2,
.reuse-card-framed-next h3,
.reuse-card-framed-media h2,
.reuse-card-framed-media h3 {
  color: #fff;
  text-align: left !important;
}

.uoa-next-step-card h2,
.uoa-next-step-card h3,
.reuse-card-framed-next h2,
.reuse-card-framed-next h3 {
  margin: 0.45rem 0 0.8rem !important;
  letter-spacing: 0.02em;
}

.uoa-path-grid,
.reuse-grid-three-framed-glass {
  position: relative;
}

/* ==========================================================
   Shared component family: path / offer / fit / identity cards
   Common anatomy is centralized; every visual difference remains.
   ========================================================== */

.uoa-path-card,
.uoa-offer-card,
.uoa-fit-card,
.uoa-identity-card,
.uoa-guide-card,
.uoa-profile-card,
.uoa-next-step-card,
.reuse-card-framed-glass,
.reuse-card-framed-clear,
.reuse-card-framed-clear-compact,
.reuse-card-framed-clear-info,
.reuse-card-framed-media,
.reuse-card-framed-profile,
.reuse-card-framed-next {
  position: relative;
  border: 1px solid var(--uoa-page-border, rgba(255, 255, 255, 0.16));
}

.uoa-path-card,
.uoa-offer-card,
.uoa-fit-card,
.uoa-identity-card,
.uoa-guide-card,
.uoa-profile-card,
.reuse-card-framed-glass,
.reuse-card-framed-clear,
.reuse-card-framed-clear-compact,
.reuse-card-framed-clear-info,
.reuse-card-framed-media,
.reuse-card-framed-profile {
  overflow: hidden;
}

.uoa-path-card,
.uoa-offer-card,
.uoa-fit-card,
.reuse-card-framed-glass,
.reuse-card-framed-clear,
.reuse-card-framed-clear-compact {
  display: flex;
  min-height: 100%;
  flex-direction: column;
}

.uoa-offer-card,
.uoa-fit-card,
.uoa-identity-card,
.reuse-card-framed-clear,
.reuse-card-framed-clear-compact,
.reuse-card-framed-clear-info {
  background: var(--uoa-glass-clear-background);
  box-shadow: var(--uoa-page-shadow, 0 28px 70px rgba(0, 0, 0, 0.56)), inset 0 4px 28px rgba(255, 255, 255, 0.08);
  backdrop-filter: var(--uoa-glass-blur-strong);
  -webkit-backdrop-filter: var(--uoa-glass-blur-strong);
}

.uoa-path-card,
.uoa-guide-card,
.uoa-profile-card,
.uoa-next-step-card,
.uoa-portrait__frame,
.uoa-mainpage-article-hero-card,
.uoa-mainpage-article-card--glass,
.uoa-mainpage-article-mini-card,
.uoa-mainpage-article-question-card,
.uoa-mainpage-article-cta,
.reuse-card-framed-glass,
.reuse-card-framed-media,
.reuse-card-framed-profile,
.reuse-card-framed-next,
.reuse-media-frame-portrait,
.reuse-card-feature-glass,
.reuse-card-content-glass,
.reuse-card-compact-feature,
.reuse-card-question,
.reuse-card-wide-cta {
  background: var(--uoa-glass-blur-background);
}

.uoa-path-card,
.uoa-guide-card,
.uoa-portrait__frame,
.uoa-mainpage-article-hero-card,
.uoa-mainpage-article-card--glass,
.uoa-mainpage-article-mini-card,
.uoa-mainpage-article-question-card,
.uoa-mainpage-article-cta,
.reuse-card-framed-glass,
.reuse-card-framed-media,
.reuse-media-frame-portrait,
.reuse-card-feature-glass,
.reuse-card-content-glass,
.reuse-card-compact-feature,
.reuse-card-question,
.reuse-card-wide-cta {
  backdrop-filter: var(--uoa-glass-blur-standard);
  -webkit-backdrop-filter: var(--uoa-glass-blur-standard);
}

.uoa-path-card,
.uoa-guide-card,
.reuse-card-framed-glass,
.reuse-card-framed-media {
  box-shadow: var(--uoa-page-shadow, 0 28px 70px rgba(0, 0, 0, 0.56)), inset 0 1px 26px rgba(255, 255, 255, 0.08);
}

.uoa-path-card,
.reuse-card-framed-glass {
  padding: clamp(1.4rem, 3vw, 2.3rem);
  border-radius: 30px;
}

.uoa-path-card::before,
.uoa-guide-card::before,
.reuse-card-framed-glass::before,
.reuse-card-framed-media::before {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  pointer-events: none;
}

.uoa-path-card::before,
.reuse-card-framed-glass::before {
  border-radius: 22px;
}

.uoa-path-card--featured,
.reuse-card-framed-glass-accent {
  background: var(--uoa-glass-blue-accent-background);
  transform: translateY(-1.2rem);
}

.uoa-path-card__topline,
.uoa-offer-card__topline,
.uoa-identity-card__top,
.reuse-card-topline-spread,
.reuse-card-topline-compact,
.reuse-card-topline-info {
  display: flex;
  align-items: center;
}

.uoa-path-card__topline,
.reuse-card-topline-spread {
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.1rem;
}

.uoa-path-card__topline span,
.uoa-offer-card__topline span,
.uoa-identity-card__top span,
.uoa-process-grid span,
.reuse-card-topline-spread span,
.reuse-card-topline-compact span,
.reuse-card-topline-info span,
.reuse-grid-three-process span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 999px;
}

.uoa-path-card__topline span,
.reuse-card-topline-spread span {
  width: 3.2rem;
  height: 3.2rem;
  background: linear-gradient(90.8deg, var(--uoa-page-blue, #3186ff), var(--uoa-page-blue-light, #4fa0ff));
  box-shadow: 0 0 20px rgba(49, 134, 255, 0.48);
}

.uoa-path-card__topline p,
.reuse-card-topline-spread p {
  margin: 0;
  color: var(--uoa-page-blue-light, #4fa0ff);
letter-spacing: 0.12em;
text-align: right;
    text-shadow: 1px 1px 5px black;
}

.uoa-path-card h2, .uoa-path-card h3,
.reuse-card-framed-glass h2,
.reuse-card-framed-glass h3 {
  margin: 0 0 1rem !important;
  color: #fff;
  text-align: left !important;

letter-spacing: 0.025em;

text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.62);
}

.uoa-path-card__sub,
.reuse-card-subtitle-accent {
  margin-top: -0.35rem !important;
  color: var(--uoa-page-blue-light, #4fa0ff);
   text-shadow: 1px 1px 5px black;
}

.uoa-chip-row,
.uoa-guide-card__focus,
.reuse-chip-row,
.reuse-chip-row-card {
  gap: 0.55rem;
  margin-top: auto;
  padding-top: 1.1rem;
}

.uoa-chip-row span,
.uoa-guide-card__focus span,
.reuse-chip-row span,
.reuse-chip-row-card span {
  min-height: 2rem;
  align-items: center;
  padding: 0.42rem 0.68rem;
  border: 1px solid rgba(79, 160, 255, 0.30);
  background: rgba(255, 255, 255, 0.07);
}

.uoa-process-grid,
.reuse-grid-three-process {
  margin-top: var(--uoa-process-grid-margin-top, 1.7rem);
}

.uoa-process-grid article,
.reuse-grid-three-process article {
  padding: var(--uoa-process-card-padding, 1.35rem);
  border: 1px solid var(--uoa-process-card-border, rgba(51, 51, 51, 0.15));
  background: var(--uoa-process-card-background, rgba(255, 255, 255, 0.45));
  box-shadow: var(--uoa-process-card-shadow, inset 0 4px 20px rgba(255, 255, 255, 0.34));
}

.uoa-process-grid span,
.reuse-grid-three-process span {
  margin-bottom: 1rem;
}

.uoa-process-grid h3,
.reuse-grid-three-process h3 {
  margin: 1rem 0 0.65rem;
  color: #0b112b;
  text-align: left !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
}

.uoa-process-grid p,
.reuse-grid-three-process p {
  margin: 0;
  color: #333;

}

.uoa-guide-grid,
.reuse-grid-two-media {
  display: grid;
  gap: 1.25rem;
}

.uoa-guide-card,
.reuse-card-framed-media {
  display: grid;
  grid-template-columns: minmax(185px, 0.46fr) minmax(0, 1fr);
  gap: 0;
  border-radius: 34px;
}

.uoa-guide-card::before,
.reuse-card-framed-media::before {
  border-radius: 24px;
}

.uoa-guide-card__media,
.reuse-card-media {
  position: relative;
  min-height: 430px;
  background: radial-gradient(circle at 50% 15%, rgba(79, 160, 255, 0.44), transparent 48%),
    linear-gradient(180deg, rgba(220, 220, 222, 0.15), rgba(3, 6, 20, 0.72));
}

.uoa-guide-card__media::after,
.reuse-card-media::after {
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 24px;
}

.uoa-guide-card__body,
.reuse-card-media-body {
  position: relative;
  z-index: 1;
  padding: clamp(1.35rem, 2.6vw, 2.1rem);
}

.uoa-guide-card h2,
.uoa-guide-card h3,
.reuse-card-framed-media h2,
.reuse-card-framed-media h3 {
  margin: 0 0 1rem !important;
  letter-spacing: 0.025em;
  text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.62);
}

.uoa-offer-card,
.uoa-fit-card,
.reuse-card-framed-clear,
.reuse-card-framed-clear-compact {
  min-width: 0;
  padding: clamp(1.15rem, 2.4vw, 1.85rem);
}

.uoa-offer-card::before,
.uoa-fit-card::before,
.uoa-identity-card::before,
.reuse-card-framed-clear::before,
.reuse-card-framed-clear-compact::before,
.reuse-card-framed-clear-info::before {
  content: "";
  position: absolute;
  height: 3px;
  background: linear-gradient(90deg, var(--uoa-page-blue, #3186ff), var(--uoa-page-blue-mid, #346bf1), var(--uoa-page-blue-light, #4fa0ff));
}

.uoa-offer-card::before,
.uoa-fit-card::before,
.reuse-card-framed-clear::before,
.reuse-card-framed-clear-compact::before {
  inset: 0;
  pointer-events: none;
}

.uoa-offer-card--featured,
.reuse-card-framed-clear-featured {
  border-color: rgba(79, 160, 255, 0.46);
  box-shadow: 0 30px 78px rgba(0, 0, 0, 0.62), 0 0 38px rgba(49, 134, 255, 0.20), inset 0 4px 30px rgba(255, 255, 255, 0.09);
}

.uoa-offer-card__topline,
.reuse-card-topline-compact {
  gap: 0.75rem;
  margin-bottom: 1.3rem;
}

.uoa-offer-card__topline span,
.reuse-card-topline-compact span {
  width: 2.2rem;
  height: 2.2rem;
}

.uoa-offer-card__topline p,
.reuse-card-topline-compact p {
  margin: 0;
  color: var(--uoa-page-blue-light, #4fa0ff) !important;
 letter-spacing: 0.12em;
}

.uoa-offer-card h2, .uoa-offer-card h3, .uoa-fit-card h2, .uoa-fit-card h3,
.reuse-card-framed-clear h2,
.reuse-card-framed-clear h3,
.reuse-card-framed-clear-compact h2,
.reuse-card-framed-clear-compact h3 {
  margin: 0;
  color: #fff;
  text-align: left !important;
  letter-spacing: 0.025em;
}

.uoa-offer-card__sub,
.reuse-card-subtitle-compact {
  margin: 0.55rem 0 1.1rem;
  color: #fff !important;
}

.uoa-focus-list,
.reuse-chip-list {
  gap: 0.55rem;
  margin: 1.25rem 0 1.35rem;
}

.uoa-focus-list span,
.reuse-chip-list span {
  padding: 0.48rem 0.62rem;
  letter-spacing: 0.02em;
  border: 1px solid rgba(79, 160, 255, 0.24);
  background: rgba(49, 134, 255, 0.11);
}

.uoa-price-box {
  margin: auto 0 1.2rem;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.07);
  box-shadow: inset 0 2px 18px rgba(255, 255, 255, 0.06);
}

.uoa-price-box p {
  margin: 0 0 0.35rem !important;
  color: rgba(255, 255, 255, 0.72) !important;

letter-spacing: 0.12em;

}

.uoa-price-box strong {
  display: block;
  color: #fff;

letter-spacing: 0.02em;
}

.uoa-price-box strong span {

letter-spacing: 0.08em;
}

.uoa-fit-grid {
  display: grid;
  gap: 1.15rem;
}

.uoa-fit-card h2, .uoa-fit-card h3,
.reuse-card-framed-clear-compact h2,
.reuse-card-framed-clear-compact h3 {
  max-width: 1020px;
  margin: 0.45rem 0 1rem;
}

.uoa-fit-card p:last-child,
.reuse-card-framed-clear-compact p:last-child {
  max-width: 920px;
}

/* ==========================================================
   Shared component family: finder cards + article cards
   These remain separate classes, but their identical anatomy now
   has one control point. Unique behavior stays in each class.
   ========================================================== */

.uoa-finder-card,
.uoa-article-card,
.reuse-card-resource-links,
.reuse-card-resource-summary {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--uoa-page-border, rgba(255, 255, 255, 0.16));
  background: var(--uoa-glass-clear-background);
  box-shadow: var(--uoa-page-shadow, 0 28px 70px rgba(0, 0, 0, 0.56)), inset 0 4px 28px rgba(255, 255, 255, 0.12);
  backdrop-filter: var(--uoa-glass-blur-strong);
  -webkit-backdrop-filter: var(--uoa-glass-blur-strong);
}

.uoa-finder-card,
.reuse-card-resource-links {
  padding: clamp(1.35rem, 3vw, 2.1rem);
  border-radius: 26px;
}

.uoa-article-card,
.reuse-card-resource-summary {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: clamp(1.15rem, 2vw, 1.75rem);
  border-radius: 24px;
}

.uoa-finder-card::before,
.uoa-article-card::before,
.reuse-card-resource-links::before,
.reuse-card-resource-summary::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), transparent 32%, rgba(79, 160, 255, 0.16));
  opacity: 0.9;
}

.uoa-finder-card__top,
.uoa-article-card__head,
.reuse-card-resource-head-links,
.reuse-card-resource-head-summary {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.4rem;
}

.uoa-finder-card__top span,
.uoa-article-card__head span,
.reuse-card-resource-head-links span,
.reuse-card-resource-head-summary span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  color: #fff;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--uoa-page-blue, #3186ff), var(--uoa-page-blue-light, #4fa0ff));
  box-shadow: 0 0 26px rgba(49, 134, 255, 0.55);
}

.uoa-finder-card__top p,
.reuse-card-resource-head-links p {
  margin: 0;
  color: var(--uoa-page-blue-light, #4fa0ff);
  letter-spacing: 0.16em;
}

.uoa-finder-card h2,
.uoa-finder-card h3,
.uoa-article-card h2,
.uoa-article-card h3,
.reuse-card-resource-links h2,
.reuse-card-resource-links h3,
.reuse-card-resource-summary h2,
.reuse-card-resource-summary h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #fff;
  text-align: left;
  letter-spacing: 0.02em;
}

.uoa-finder-card p,
.reuse-card-resource-links p {
  position: relative;
  z-index: 1;
  margin: 1.1rem 0 0;
}

.uoa-finder-card__paths,
.reuse-card-resource-links-list {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.7rem;
  margin-top: 1.45rem;
}

.uoa-finder-card__paths a,
.reuse-card-resource-links-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1rem;
  color: #fff;
  text-decoration: none;
  border: 1px solid rgba(79, 160, 255, 0.24);
  border-radius: 14px;
  background: var(--uoa-glass-dark-background);
  transition: transform 0.25s ease, background 0.25s ease;
}

.uoa-finder-card__paths a::after,
.reuse-card-resource-links-list a::after {
  content: "→";
  color: var(--uoa-page-blue-light, #4fa0ff);
}

.uoa-finder-card__paths a:hover,
.uoa-finder-card__paths a:focus-visible,
.reuse-card-resource-links-list a:hover,
.reuse-card-resource-links-list a:focus-visible {
  background: rgba(49, 134, 255, 0.16);
  transform: translateX(4px);
}

.uoa-article-card::after,
.reuse-card-resource-summary::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--uoa-page-blue, #3186ff), var(--uoa-page-blue-mid, #346bf1), var(--uoa-page-blue-light, #4fa0ff));
  box-shadow: 0 0 18px rgba(49, 134, 255, 0.58);
}

.uoa-article-card__subtitle,
.reuse-card-resource-subtitle {
  position: relative;
  z-index: 1;
  margin: 1rem 0 0;
  color: #fff !important;
}

.uoa-fit-box {
  position: relative;
  z-index: 1;
  margin: 1.2rem 0;
  padding: 1rem;
  border: 1px solid rgba(79, 160, 255, 0.22);
  border-radius: 16px;
  background: var(--uoa-glass-dark-background);
}

.uoa-fit-box h3 {
  margin: 0;
  color: #fff;

}

.uoa-fit-box ul {
  display: grid;
  gap: 0.65rem;
  margin: 0.8rem 0 0;
  padding-left: 1rem;
}

.uoa-fit-box li {
  color: var(--uoa-page-soft, rgba(255, 255, 255, 0.76));

}

.uoa-read-button,
.reuse-button-read {
  z-index: 1;
  width: 100%;
  margin-top: auto;
  background: var(--uoa-page-panel, #dcdcde);
}

.uoa-read-button:hover,
.uoa-read-button:focus-visible,
.reuse-button-read:hover,
.reuse-button-read:focus-visible {
  background: linear-gradient(160deg, var(--uoa-page-panel, #dcdcde), var(--uoa-page-panel-deep, #7e7e7e));
  box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.42), inset -2px -2px 6px rgba(255, 255, 255, 0.22);
}

.uoa-map-grid,
.reuse-grid-three-map-cards {
  margin-top: 1.65rem;
}

.uoa-map-grid article,
.reuse-grid-three-map-cards article {
  padding: 1.15rem;
  border: 1px solid rgba(51, 51, 51, 0.16);
  background: rgba(255, 255, 255, 0.46);
  box-shadow: inset 0 4px 18px rgba(255, 255, 255, 0.28);
}

.uoa-map-grid span,
.reuse-grid-three-map-cards span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 0.9rem;
  color: #fff;
border-radius: 999px;
  background: #333;
}

.uoa-map-grid h3,
.reuse-grid-three-map-cards h3 {
  margin: 0;
  color: #0b112b;

}

.uoa-map-grid p,
.reuse-grid-three-map-cards p {
  margin: 0.65rem 0 0;
  color: #333;

}

.uoa-seal {
  display: grid;
  place-items: center;
  width: clamp(6rem, 10vw, 8.6rem);
  height: clamp(6rem, 10vw, 8.6rem);
  flex: 0 0 auto;
  color: #fff;
letter-spacing: 0.05em;
border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  background: linear-gradient(90.8deg, var(--uoa-page-blue, #3186ff), var(--uoa-page-blue-mid, #346bf1), var(--uoa-page-blue-light, #4fa0ff));
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.42), inset 0 2px 18px rgba(255, 255, 255, 0.24);
  text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.42);
}

.uoa-placeholder-card {
  margin-top: 1.4rem;
  padding: 2rem 1rem;
  color: rgba(255, 255, 255, 0.74);
  text-align: center;
 letter-spacing: 0.08em;
  border: 1px dashed rgba(79, 160, 255, 0.48);
  border-radius: 22px;
  background: var(--uoa-glass-dark-background);
}

.uoa-pullquote,
.reuse-pullquote {
  margin: 0 !important;
  color: #fff !important;
 letter-spacing: 0.03em;
 text-shadow: 4px 4px 10px rgba(0,0,0,0.54);
}


div.uoa-question-box.uoa-question-box--quote span.uoa-pullquote,
div.reuse-callout.reuse-callout-quote span.reuse-pullquote {
    -webkit-text-fill-color: #85a1e7 !important;
 text-shadow: 1px 1px 10px black !important;
}

.uoa-pullquote-text,
.reuse-pullquote-text {
  margin: 1.3rem 0 0;
  color: var(--uoa-page-soft, rgba(255,255,255,0.76));

}

.uoa-question-box,
.reuse-callout {
  position: relative;
  width: min(980px, 100%);
  margin: 0 auto;
  padding: clamp(2rem, 5vw, 4rem);
  overflow: hidden;
  text-align: center;
  border: 1px solid var(--uoa-page-border, rgba(255,255,255,0.16));
  border-radius: 34px;
  background: var(--uoa-glass-blue-accent-background);
  box-shadow: var(--uoa-page-shadow, 0 28px 70px rgba(0,0,0,0.56)), inset 0 1px 28px rgba(255,255,255,0.075);
  backdrop-filter: var(--uoa-glass-blur-standard);
  -webkit-backdrop-filter: var(--uoa-glass-blur-standard);
}

.uoa-question-box::before,
.reuse-callout::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--uoa-page-blue, #3186ff), var(--uoa-page-blue-mid, #346bf1), var(--uoa-page-blue-light, #4fa0ff));
  box-shadow: 0 0 14px rgba(49,134,255,0.54);
}

.uoa-question-box h2, .uoa-question-box h3,
.reuse-callout h2,
.reuse-callout h3 {
  max-width: 900px;
  margin: 1rem auto 0 !important;
  color: #fff;
  text-align: center !important;

letter-spacing: 0.035em;

text-shadow: 4px 4px 9px rgba(0,0,0,0.52);
}

.uoa-display-title {
  max-width: 1020px;
  margin: 0 !important;
  color: #0b112b !important;
  text-align: left !important;

letter-spacing: 0.03em;

text-shadow: 4px 4px 8px rgba(0,0,0,0.18);
}

.uoa-display-subtitle {
  margin: 0.55rem 0 clamp(1.5rem, 3vw, 2.5rem);
  color: var(--uoa-page-blue-mid, #346bf1);

}

.uoa-proof-grid,
.reuse-grid-two-panels {
  display: grid;
  gap: clamp(1rem, 2.2vw, 1.5rem);
}

.uoa-proof-grid article, .uoa-mainpage-audience-grid article.uoa-audience-card,
.reuse-grid-two-panels article,
.reuse-grid-three-accent-feature article.reuse-card-accent-feature {
  padding: clamp(1.2rem, 2vw, 2rem);
  border: 1px solid rgba(51,51,51,0.13);
  background: rgba(255,255,255,0.56);
  box-shadow: inset 0 4px 20px rgba(255,255,255,0.34);
}

.uoa-proof-grid h3,
.reuse-grid-two-panels h3 {
  margin: 0;
  color: #111827;
  text-align: left !important;

}

.uoa-proof-grid p,
.reuse-grid-two-panels p {
  margin: 0.8rem 0 0;
  color: #333;

}

.uoa-chain {
  display: grid;
  gap: 0.75rem;
  margin-top: 1.2rem;
}

.uoa-chain span {
  position: relative;
  display: block;
  padding: 0.95rem 3rem 0.95rem 1.2rem;
  color: #fff;

letter-spacing: 0.02em;
border: 1px solid rgba(255,255,255,0.14);
  background: rgba(3,6,20,0.56);
  box-shadow: inset 0 1px 18px rgba(255,255,255,0.055);
}

.uoa-chain span::after {
  content: "↓";
  position: absolute;
  right: 1rem;
  color: var(--uoa-page-blue-light, #4fa0ff);
  text-shadow: 0 0 12px rgba(49,134,255,0.7);
}

.uoa-chain span:last-child::after {
  content: "";
}

.uoa-audience-card,
.reuse-card-accent-feature {
  padding: clamp(1.25rem, 2.3vw, 2rem);
  border-radius: 26px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}


.uoa-audience-card:hover,
.reuse-card-accent-feature:hover {
  box-shadow: 0 18px 34px rgba(0,0,0,0.42), inset 0 1px 18px rgba(255,255,255,0.06);
}

.uoa-audience-card h3,
.reuse-card-accent-feature h3 {
  margin: 0;
  letter-spacing: 0.035em;
  text-shadow: 3px 3px 8px rgba(0,0,0,0.42);
}

.uoa-audience-card p,
.reuse-card-accent-feature p {
  margin: 0.9rem 0 0;
}

.uoa-identity-card,
.reuse-card-framed-clear-info {
  padding: clamp(1.2rem, 3vw, 2rem);
  border-radius: 30px;
}

.uoa-identity-card::before,
.reuse-card-framed-clear-info::before {
  inset: 0 0 auto;
}

.uoa-identity-card__top,
.reuse-card-topline-info {
  gap: 0.85rem;
}

.uoa-offer-card__topline span,
.uoa-identity-card__top span,
.uoa-process-grid span,
.reuse-card-topline-compact span,
.reuse-card-topline-info span,
.reuse-grid-three-process span {
  background: linear-gradient(135deg, var(--uoa-page-blue, #3186ff), var(--uoa-page-blue-light, #4fa0ff));
  box-shadow: 0 0 20px rgba(49, 134, 255, 0.42);
}

.uoa-identity-card__top span,
.uoa-process-grid span,
.reuse-card-topline-info span,
.reuse-grid-three-process span {
  width: 2.35rem;
  height: 2.35rem;
}

.uoa-identity-card__top p,
.reuse-card-topline-info p {
  margin: 0;
  color: var(--uoa-page-blue-light, #4fa0ff);
  letter-spacing: 0.14em;
  text-shadow: 1px 1px 1px black;
}

.uoa-identity-card h2,
.reuse-card-framed-clear-info h2 {
  margin: 1rem 0 0;
  color: #fff;
  text-align: left !important;
  letter-spacing: 0.025em;

}

.uoa-identity-card__sub,
.reuse-card-subtitle-info {
  margin: 0.8rem 0 1.5rem;
  color: #fff !important;

}

.uoa-detail-list {
  display: grid;
  gap: 0.8rem;
  margin: 0;
}

.uoa-detail-list div {
  padding: 0.85rem;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.065);
  box-shadow: inset 0 2px 18px rgba(255,255,255,0.055);
}

.uoa-detail-list dt {
  color: rgba(255,255,255,0.62);

letter-spacing: 0.12em;

}

.uoa-detail-list dd {
  margin: 0.34rem 0 0;
  color: #fff;

}

.uoa-detail-grid,
.reuse-grid-four-detail {
  display: grid;
  gap: clamp(1rem, 2vw, 1.35rem);
}

.uoa-form-card h2 {
  max-width: 920px;
}

.uoa-signal-card--compact,
.reuse-card-accent-mini {
  min-height: 102px;
  display: grid;
  place-items: center;
  text-align: center;
}

.uoa-signal-card--compact h3,
.reuse-card-accent-mini h3 {
  max-width: 100%;
  margin: 0 !important;
  text-align: center !important;
}

.uoa-request-card {
  width: min(900px, 100%);
  margin: 0 auto;
}

.uoa-request-options, .uoa-mainpage-wide-card__actions,
.reuse-actions-wide {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 1.4rem;
}

.uoa-request-options .uoa-mainpage-button, .uoa-mainpage-wide-card__actions .uoa-mainpage-button,
.uoa-request-options .reuse-button,
.reuse-actions-wide .reuse-button {
  flex: 1 1 auto;
}

/* ==========================================================
   06. Page modifiers and restored original typography
   ========================================================== */

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services, .uoa-mainpages-template #uoa-services {
  overflow: clip;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.78fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  min-height: min(780px, calc(100vh - 2rem));
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-hero,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-hero-layout {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.78fr);
  min-height: min(740px, calc(100vh - 2rem));
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-title span,
.uoa-mainpages-template .uoa-mainpage .reuse-heading-hero-gradient span {
  display: block;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-title span:last-child,
.uoa-mainpages-template .uoa-mainpage .reuse-heading-hero-gradient span:last-child {
  color: transparent;
  background: linear-gradient(90.8deg, var(--uoa-page-blue, #3186ff) -1.06%, var(--uoa-page-blue-mid, #346bf1) 45.45%, var(--uoa-page-blue-light, #4fa0ff) 97.12%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.55));
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-subtitle,
.uoa-mainpages-template .uoa-mainpage .reuse-heading-subtitle {
  max-width: 780px;
  margin: 1.15rem 0 0;
  color: #fff;

text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.72);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-subtitle,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-subtitle,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-heading-subtitle,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-heading-subtitle {
  max-width: 820px;
}


.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-card h2, .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-wide-card h2, .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-solid-panel h2,
.uoa-mainpages-template .uoa-mainpage .reuse-card-glass h2,
.uoa-mainpages-template .uoa-mainpage .reuse-card-wide h2,
.uoa-mainpages-template .uoa-mainpage .reuse-panel-solid-light h2 {
  color: #fff;
  text-align: left !important;
letter-spacing: 0.025em;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-card h3, .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-pullcard h3,
.uoa-mainpages-template .uoa-mainpage .reuse-card-glass h3,
.uoa-mainpages-template .uoa-mainpage .reuse-card-callout-glass h3 {
  color: #fff;
  text-align: left !important;
letter-spacing: 0.025em;
text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.56);
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-wide-card,
.uoa-mainpage-article-cta,
.uoa-mainpages-template .uoa-mainpage .reuse-card-wide,
.reuse-card-wide-cta {
  display: grid;
  align-items: center;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage .reuse-card-wide {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(1.5rem, 4vw, 3rem);
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-wide-card .uoa-seal,
.uoa-mainpages-template .uoa-mainpage .reuse-card-wide .uoa-seal {
  justify-self: end;
  align-self: center;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad-wrap {
  --uoa-triad-main-nav-height: var(--uoa-main-nav-height, 70px);
  --uoa-triad-height: 92px;
  position: sticky;
  top: var(--uoa-triad-main-nav-height);
  z-index: 80;
  padding: 0.5rem 2rem;
  margin: 0px auto 75px;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad-track {
  scroll-margin-top: calc(var(--uoa-main-nav-height, 70px) + var(--uoa-triad-height, 92px) + 38px);
  margin-top: clamp(4rem, 8vw, 7rem);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad-track:first-child {
  margin-top: 0;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-track__mast {
  display: grid;
  grid-template-columns: minmax(180px, 0.34fr) minmax(0, 1fr);
  gap: clamp(1rem, 3vw, 2.4rem);
  align-items: end;
  margin-bottom: clamp(1.8rem, 4vw, 3rem);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-two-column,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-layout-split {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.78fr);
  gap: clamp(1rem, 3vw, 1.45rem);
  margin-top: clamp(1rem, 3vw, 1.4rem);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-two-column--hero,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-layout-split-hero {
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.68fr);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-signal-grid,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-grid-three-accent-spaced {
  gap: 0.85rem;
  margin-top: clamp(1rem, 3vw, 1.5rem);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-solid-panel,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-panel-solid-light {
  z-index: 1;
  margin-top: clamp(1.2rem, 3vw, 1.8rem);
  padding: clamp(1.45rem, 3.3vw, 3rem);
  color: var(--uoa-page-ink, #333333);
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: var(--uoa-page-panel, #dcdcde);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.74), inset 0 4px 35px rgba(255, 255, 255, 0.35);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-solid-panel h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-solid-panel h3,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-panel-solid-light h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-panel-solid-light h3 {
  color: #0b112b !important;
  text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.16);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-solid-panel p,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-panel-solid-light p {
  color: #333;
      text-shadow: 1px 1px 10px white;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-card--closing-note,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-glass-note {
  margin-top: clamp(1.1rem, 3vw, 1.6rem);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-card--framework,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-glass-framework {
  margin-top: clamp(1.2rem, 3vw, 1.8rem);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-question-box,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-callout {
  margin-top: clamp(1.2rem, 3vw, 1.7rem);
}

.uoa-mainpages-template .uoa-mainpage, .uoa-mainpages-template #uoa-about, .uoa-mainpages-template #uoa-contact, .uoa-mainpages-template #uoa-services, .uoa-mainpages-template #uoa-sessions, .uoa-mainpages-template #uoa-membership, .uoa-mainpages-template #uoa-blog {
  color: var(--uoa-page-white, #ffffff);
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-eyebrow, .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-kicker, .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-section__label p,
.uoa-mainpages-template .uoa-mainpage .reuse-label-eyebrow,
.uoa-mainpages-template .uoa-mainpage .reuse-label-kicker,
.uoa-mainpages-template .uoa-mainpage .reuse-section-label p {

letter-spacing: 0.19em !important;

}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-button, .uoa-mainpages-template .uoa-mainpage .uoa-read-button,
.uoa-mainpages-template .uoa-mainpage .reuse-button,
.uoa-mainpages-template .uoa-mainpage .reuse-button-read {

letter-spacing: 0.07em !important;

}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-title,
.uoa-mainpages-template .uoa-mainpage .reuse-heading-hero-gradient {
  margin: 1.25rem 0 0 !important;
  color: #fff;
  text-align: left !important;

letter-spacing: 0.015em;

text-shadow: 8px 8px 16px rgba(0, 0, 0, 0.76);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-heading-hero-gradient {
letter-spacing: 0.015em !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-title, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-heading-hero-gradient,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-heading-hero-gradient {
letter-spacing: 0.014em !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-heading-hero-gradient {
letter-spacing: 0.015em !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-heading-hero-gradient {
letter-spacing: 0.015em !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-heading-hero-gradient {
letter-spacing: 0.014em !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-subtitle,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-heading-subtitle {
  max-width: 780px;

letter-spacing: 0.025em !important;

text-shadow: 4px 4px 10px rgba(0,0,0,0.62) !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-subtitle, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-subtitle,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-heading-subtitle,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-heading-subtitle {

letter-spacing: 0.025em !important;

text-shadow: 4px 4px 10px rgba(0,0,0,0.62) !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-subtitle, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-subtitle, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-subtitle,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-heading-subtitle,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-heading-subtitle,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-heading-subtitle {
  max-width: 760px;
  margin-top: 1.35rem;

}


.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-identity-card__top p,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-card-topline-info p {

letter-spacing: 0.14em !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-identity-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-detail-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-wide-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-form-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-solid-panel h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-card-framed-clear-info h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-card-glass h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-card-detail h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-card-wide h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-panel-solid-light h2 {

letter-spacing: 0.025em !important;

}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-detail-list dt {

letter-spacing: 0.12em !important;

}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-portrait__caption span,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-media-caption-portrait span {

letter-spacing: 0.04em !important;

}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-portrait__caption small,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-media-caption-portrait small {

letter-spacing: 0.08em !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-signal-card__number,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-number-accent {

letter-spacing: 0.05em !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-signal-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-signal-card h3, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-pullcard h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-question-box h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-wide-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-intro-panel h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-closing-card h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-accent-compact h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-accent-compact h3,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-glass h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-callout-glass h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-callout h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-wide h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-feature h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-closing h2 {

letter-spacing: 0.035em !important;

}


.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-pullquote,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-pullquote {

letter-spacing: 0.03em !important;

}
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-display-title {

letter-spacing: 0.03em !important;

}


.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-chain span {

letter-spacing: 0.02em !important;
}
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-audience-card h3,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-accent-feature h3 {

letter-spacing: 0.035em !important;

}


.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-hero-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-hero-card h3, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-card h3, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-pullquote, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-question-box h3, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-solid-panel h3,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-hero h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-hero h3,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-glass h3,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-pullquote,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-callout h3,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-panel-solid-light h3 {

letter-spacing: 0.025em !important;

}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-hero-card small,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-hero small {

letter-spacing: 0.04em !important;
}
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad__line:first-child {

letter-spacing: 0.045em !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad__line:nth-child(2), .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad__line:nth-child(3) {

letter-spacing: 0.018em !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-track-title {

letter-spacing: 0.02em !important;
}


.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-profile-card__copy span,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-card-profile-copy span {

letter-spacing: 0.035em !important;
}
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-next-step-card h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-card-framed-next h2 {

letter-spacing: 0.02em !important;
}
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-pullquote, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-path-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-solid-panel h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-process-grid h3, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-guide-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-wide-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-request-card h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-card-glass h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-pullquote,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-card-framed-glass h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-panel-solid-light h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-grid-three-process h3,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-card-framed-media h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-card-wide h2 {

letter-spacing: 0.025em !important;

}


.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-path-card__topline p,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-card-topline-spread p {

letter-spacing: 0.12em !important;

}


.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-placeholder-card {
letter-spacing: 0.08em !important;
}
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-hero-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-offer-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-fit-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-solid-panel h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-wide-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-request-card h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-hero h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-framed-clear h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-framed-clear-compact h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-glass h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-panel-solid-light h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-wide h2 {

letter-spacing: 0.025em !important;

}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-hero-card small,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-hero small {

letter-spacing: 0.06em !important;
}
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-offer-card__topline p,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-topline-compact p {

letter-spacing: 0.12em !important;

}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-focus-list span,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-chip-list span {

letter-spacing: 0.02em !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-price-box p {

letter-spacing: 0.12em !important;

}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-price-box strong {

letter-spacing: 0.02em !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-price-box strong span {

letter-spacing: 0.08em !important;
}


.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-finder-card__top p,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-card-resource-head-links p {

letter-spacing: 0.16em !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-finder-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-article-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-solid-panel h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-wide-card h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-card-resource-links h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-card-glass h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-card-resource-summary h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-panel-solid-light h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-card-wide h2 {

letter-spacing: 0.02em !important;

}


/* ==========================================================
   07. Animations
   ========================================================== */

.uoa-mainpages-template :where(.section-fadein) {
  animation: uoaMainpageFadeIn 1.5s ease-in-out;
}

@keyframes uoaMainpageFadeIn {
from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* PageSpeed LCP: the first hero must be visible immediately.
   Keep entrance animations for content below the fold, but never animate the
   template-generated hero from opacity:0 after this async stylesheet arrives. */
.uoa-mainpages-template--page .uoa-mainpage > .uoa-mainpage__inner > .uoa-mainpage-hero,
.uoa-mainpages-template--page .uoa-mainpage-hero--above-hero-html,
.uoa-mainpages-template--page .uoa-mainpage > .reuse-container > .reuse-hero-layout {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* ==========================================================
   08. Responsive and accessibility overrides
   ========================================================== */
   
.uoa-mainpages-template .uoa-mainpage {
  padding-bottom: clamp(5rem, 8vw, 8rem);
}

@media (max-width: 1200px) {
  :where(
    .uoa-three-card-grid,
    .uoa-mainpage-audience-grid,
    .uoa-signal-grid,
    .uoa-path-grid,
    .uoa-process-grid,
    .uoa-offer-grid,
    .uoa-article-grid,
    .uoa-map-grid
  ),
:where(
    .reuse-grid-three-column,
    .reuse-grid-three-accent-feature,
    .reuse-grid-three-accent-spaced,
    .reuse-grid-three-framed-glass,
    .reuse-grid-three-process,
    .reuse-grid-three-framed-clear,
    .reuse-grid-three-resource,
    .reuse-grid-three-map-cards
  ) {
    grid-template-columns: 1fr;
  }

  .uoa-article-card,
.reuse-card-resource-summary {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
  }
}

@media (max-width: 1080px) {
  .uoa-framework-grid,
  .uoa-model-strip,
.reuse-grid-four-tiles,
.reuse-model-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .uoa-triad-wrap {
    --uoa-triad-height: 76px;
    padding: 0;
    overflow: visible;
  }

  .uoa-triad {
    width: 99vw;
    max-width: none;
    min-height: var(--uoa-triad-height);
    gap: 0;
    padding: 0;
    border-right: 0;
    border-left: 0;
  }

  .uoa-triad__item {
    min-height: var(--uoa-triad-height);
    padding: 0.44rem 0.15rem 0.38rem;
    border-right: 1px solid rgba(220, 220, 222, 0.24);
    box-shadow: none;
  }

  .uoa-triad__item::before {
    inset: 1px;
  }

  .uoa-triad__line:first-child {

letter-spacing: 0.012em;
  }

  .uoa-triad__line:nth-child(2), .uoa-triad__line:nth-child(3) {
    margin-top: 0.13rem;

letter-spacing: -0.012em;
  }

  .uoa-track__mast, .uoa-guide-card,
.reuse-card-framed-media {
    grid-template-columns: 1fr;
  }

  .uoa-path-card--featured,
.reuse-card-framed-glass-accent {
    transform: none;
  }

  .uoa-guide-card__media,
.reuse-card-media {
    min-height: 380px;
  }

  :where(.uoa-mainpage-hero, .uoa-mainpage-two-column),
:where(.reuse-hero-layout, .reuse-layout-split) {
    grid-template-columns: 1fr;
  }

  .uoa-mainpage-two-column,
  .uoa-guide-grid,
  .uoa-proof-grid,
  .uoa-detail-grid,
.reuse-layout-split,
.reuse-grid-two-media,
.reuse-grid-two-panels,
.reuse-grid-four-detail {
    grid-template-columns: 1fr;
  }

  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage .reuse-card-wide {
    grid-template-columns: 1fr;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad__line:first-child {

letter-spacing: 0.012em !important;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad__line:nth-child(2), .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad__line:nth-child(3) {

letter-spacing: -0.012em !important;
  }
}

@media (max-width: 860px) {
  .uoa-profile-duo,
.reuse-layout-profile-duo {
    width: min(620px, 100%);
    max-width: 620px;
    margin-top: clamp(1.6rem, 5vw, 2.35rem);
  }

  .uoa-profile-card--left, .uoa-profile-card--right,
.reuse-card-profile-left,
.reuse-card-profile-right {
    margin-top: 0;
    transform: none;
  }
}

@media (max-width: 768px) {
  .uoa-hero-card-panel,
.reuse-card-stack {
    grid-template-columns: 1fr;
  }

  .uoa-hero-card,
.reuse-card-hero {
    min-height: 118px;
  }

  .uoa-hero-card h2, .uoa-hero-card h3,
.reuse-card-hero h2,
.reuse-card-hero h3 {
    max-width: calc(100% - 4rem);
}

  .uoa-guide-card__media,
.reuse-card-media {
    min-height: 420px;
    max-height: 520px;
  }

  .uoa-guide-card__media img,
.reuse-card-media img {
    height: 100%;
  }

  .uoa-article-card__head span, .uoa-finder-card__top span,
.reuse-card-resource-head-summary span,
.reuse-card-resource-head-links span {
    width: 52px;
    height: 52px;
}

  .uoa-mainpages-template .uoa-mainpage__inner,
.uoa-mainpages-template .reuse-container {
    width: min(100% - 24px, 760px);
    padding-top: 6.2rem;
  }
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-hero-card-panel,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-stack {
    grid-template-columns: 1fr;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-hero-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-hero {
    min-height: 118px;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-hero-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-hero-card h3,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-hero h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-hero h3 {
    max-width: calc(100% - 4rem);
}

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-solid-panel, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-wide-card, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-card, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-pullcard, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-question-box,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-panel-solid-light,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-wide,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-glass,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-callout-glass,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-callout {
    padding: 1.25rem;
  }


.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-heading-hero-gradient {

letter-spacing: 0.01em !important;
  }


}

@media (max-width: 560px) {
  .uoa-portrait,
.reuse-media-portrait {
    width: min(100%, 340px);
  }

  .uoa-portrait__frame, .uoa-signal-card, .uoa-hero-card, .uoa-path-card, .uoa-guide-card, .uoa-offer-card, .uoa-fit-card, .uoa-finder-card, .uoa-article-card,
.reuse-media-frame-portrait,
.reuse-card-accent-compact,
.reuse-card-hero,
.reuse-card-framed-glass,
.reuse-card-framed-media,
.reuse-card-framed-clear,
.reuse-card-framed-clear-compact,
.reuse-card-resource-links,
.reuse-card-resource-summary {
    border-radius: 22px;
  }

  .uoa-triad-wrap {
    --uoa-triad-height: 62px;
  }

  .uoa-triad__item {
    padding: 0.34rem 0.1rem 0.3rem;
  }

  .uoa-triad__item::after {
    height: 2px;
  }

  .uoa-triad__line:first-child, .uoa-triad__line:nth-child(2), .uoa-triad__line:nth-child(3) {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }

  .uoa-triad__line:first-child {

letter-spacing: -0.014em;
  }

.uoa-framework-grid, .uoa-model-strip,
.reuse-grid-four-tiles,
.reuse-model-strip {
    grid-template-columns: 1fr;
  }

  .uoa-framework-grid span,
.reuse-grid-four-tiles span {
    min-height: auto;
  }

  .uoa-profile-duo,
.reuse-layout-profile-duo {
    width: 100%;
    max-width: none;
    gap: 0.72rem;
    margin-top: 1.65rem;
    padding: 0;
  }

  .uoa-profile-duo__portraits,
.reuse-grid-two-portraits {
    gap: 0.72rem;
    align-items: stretch;
  }

  .uoa-profile-card,
.reuse-card-framed-profile {
    min-height: 0;
    border-radius: 22px;
  }

  .uoa-profile-card__image-wrap,
.reuse-card-profile-media {
    aspect-ratio: 1 / 1.13;
  }

  .uoa-profile-card__image-wrap::before,
.reuse-card-profile-media::before {
    inset: 7px;
    border-radius: 16px;
  }

  .uoa-profile-card__copy,
.reuse-card-profile-copy {
    padding: 0.66rem 0.56rem 0.72rem;
  }

  .uoa-profile-card__copy span,
.reuse-card-profile-copy span {
letter-spacing: 0.02em;
}
.uoa-next-step-card,
.reuse-card-framed-next {
    width: 100%;
    padding: 1.08rem;
    border-radius: 24px;
  }
.uoa-guide-card__body, .uoa-path-card, .uoa-offer-card, .uoa-fit-card,
.reuse-card-media-body,
.reuse-card-framed-glass,
.reuse-card-framed-clear,
.reuse-card-framed-clear-compact {
    padding: 1.25rem;
  }

  .uoa-guide-card__media,
.reuse-card-media {
    min-height: 340px;
  }

  .uoa-seal {
    width: 5.75rem;
    height: 5.75rem;
}
.uoa-finder-card, .uoa-article-card,
.reuse-card-resource-links,
.reuse-card-resource-summary {
    padding: 1rem;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }


.uoa-fit-box {
    padding: 0.9rem;
  }
.uoa-map-grid article,
.reuse-grid-three-map-cards article {
    padding: 1rem;
  }

  .uoa-placeholder-card {
    padding: 1.4rem 0.8rem;
}

  :where(.uoa-mainpage__inner),
:where(.reuse-container) {
    width: min(100% - 22px, 480px);
  }

  :where(.uoa-mainpage-eyebrow, .uoa-mainpage-kicker, .uoa-mainpage-section__label p),
:where(.reuse-label-eyebrow, .reuse-label-kicker, .reuse-section-label p) {
letter-spacing: 0.13em;
  }

  :where(.uoa-mainpage-hero__actions),
:where(.reuse-actions) {
    flex-direction: column;
    align-items: stretch;
  }

  :where(.uoa-mainpage-button),
:where(.reuse-button) {
    width: 100% !important;
  }

  :where(.uoa-mainpage-card, .uoa-mainpage-pullcard, .uoa-mainpage-wide-card, .uoa-mainpage-intro-panel, .uoa-mainpage-closing-card, .uoa-mainpage-detail-card, .uoa-mainpage-solid-panel),
:where(.reuse-card-glass, .reuse-card-callout-glass, .reuse-card-wide, .reuse-card-feature, .reuse-card-closing, .reuse-card-detail, .reuse-panel-solid-light) {
    border-radius: 22px;
  }

  .uoa-fancy-divider {
    width: min(300px, 84%);
    height: 30px;
    margin: 2.8rem auto;
  }

  .uoa-fancy-divider__mark {
    width: 36px;
    height: 26px;
  }

  .uoa-question-box, .uoa-audience-card, .uoa-identity-card,
.reuse-callout,
.reuse-card-accent-feature,
.reuse-card-framed-clear-info {
    border-radius: 22px;
  }

.uoa-mainpages-template .uoa-mainpage__inner,
.uoa-mainpages-template .reuse-container {
    width: min(100% - 22px, 480px);
  }
.uoa-mainpages-template .uoa-mainpage .uoa-seal {
    width: 5.75rem;
    height: 5.75rem;
}

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-eyebrow, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-kicker, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-section__label p,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-label-eyebrow,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-label-kicker,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-section-label p {
letter-spacing: 0.13em !important;
  }


.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-title, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-heading-hero-gradient,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-heading-hero-gradient {

letter-spacing: 0 !important;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-subtitle, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-subtitle,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-heading-subtitle,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-heading-subtitle {

letter-spacing: 0.012em !important;
  }
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-card h3, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-pullquote, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-question-box h3, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-solid-panel h3,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-glass h3,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-pullquote,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-callout h3,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-panel-solid-light h3 {

letter-spacing: 0.02em !important;
  }
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad__line:first-child {

letter-spacing: -0.014em !important;
  }


}

@media (max-width: 360px) {
  .uoa-profile-duo__portraits,
.reuse-grid-two-portraits {
    gap: 0.55rem;
  }

  .uoa-profile-card__copy,
.reuse-card-profile-copy {
    padding: 0.6rem 0.5rem 0.66rem;
  }


:where(.uoa-mainpage__inner),
:where(.reuse-container) {
    width: min(100% - 16px, 360px);
  }
.uoa-mainpages-template .uoa-mainpage__inner,
.uoa-mainpages-template .reuse-container {
    width: min(100% - 16px, 360px);
  }


}

@media (max-width: 768px), (pointer: coarse), (hover: none) {
  .uoa-portrait__frame, .uoa-portrait__caption, .uoa-signal-card, .uoa-hero-card, .uoa-triad-wrap, .uoa-path-card, .uoa-guide-card, .uoa-profile-card, .uoa-next-step-card, .uoa-offer-card, .uoa-fit-card, .uoa-finder-card, .uoa-article-card,
.reuse-media-frame-portrait,
.reuse-media-caption-portrait,
.reuse-card-accent-compact,
.reuse-card-hero,
.reuse-card-framed-glass,
.reuse-card-framed-media,
.reuse-card-framed-profile,
.reuse-card-framed-next,
.reuse-card-framed-clear,
.reuse-card-framed-clear-compact,
.reuse-card-resource-links,
.reuse-card-resource-summary {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .uoa-mainpages-template :where(.uoa-mainpage-card, .uoa-mainpage-pullcard, .uoa-mainpage-wide-card, .uoa-mainpage-intro-panel, .uoa-mainpage-closing-card, .uoa-mainpage-detail-card, .uoa-mainpage-button--ghost),
.uoa-mainpages-template :where(.reuse-card-glass, .reuse-card-callout-glass, .reuse-card-wide, .reuse-card-feature, .reuse-card-closing, .reuse-card-detail, .reuse-button-ghost) {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

@media (max-width: 820px) {
  :where(.uoa-mainpage__inner),
:where(.reuse-container) {
    width: min(100% - 28px, 720px);
    padding-top: clamp(6.8rem, 18vw, 8.2rem);
  }

  :where(.uoa-mainpage-hero),
:where(.reuse-hero-layout) {
    min-height: auto;
  }
  .uoa-question-box, .uoa-mainpage-closing-card,
.reuse-callout,
.reuse-card-closing {
    text-align: left;
  }

  .uoa-question-box h2, .uoa-question-box h3,
.reuse-callout h2,
.reuse-callout h3 {
    text-align: left !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .uoa-mainpages-template *, .uoa-mainpages-template *::before, .uoa-mainpages-template *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}

@media (max-width: 1180px) {
  .uoa-detail-grid,
  .uoa-signal-grid--compact,
.reuse-grid-four-detail,
.reuse-grid-four-accent {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-hero,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-hero-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.7fr);
    gap: 2rem;
  }

}

@media (max-width: 980px) {
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-hero,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-hero-layout {
    grid-template-columns: 1fr !important;
    gap: 1.35rem;
    align-items: start;
    min-height: auto;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-hero-card-panel,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-stack {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-hero-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-hero {
    min-height: 170px;
    padding: 1.1rem 0.95rem;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-hero-card h2, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-hero-card h3,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-hero h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-hero h3 {
    max-width: none;
}

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-two-column, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-two-column--hero, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-track__mast,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-layout-split,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-layout-split-hero {
    grid-template-columns: 1fr;
  }
}


@media (max-width: 760px) {
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-heading-hero-gradient {

letter-spacing: 0.005em !important;
  }

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad__line:first-child {

letter-spacing: 0 !important;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad__line:nth-child(2), .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad__line:nth-child(3) {

letter-spacing: -0.006em !important;
  }
}

@media (max-width: 500px) {
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-heading-hero-gradient {
letter-spacing: 0.005em !important;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-eyebrow, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-kicker, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-section__label p, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-eyebrow, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-kicker, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-section__label p,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-label-eyebrow,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-label-kicker,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-section-label p,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-label-eyebrow,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-label-kicker,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-section-label p {
letter-spacing: 0.145em !important;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-heading-hero-gradient {
letter-spacing: 0.005em !important;
  }

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-profile-card__copy span,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-card-profile-copy span {

letter-spacing: 0.02em !important;
  }


}

@media (max-width: 480px) {
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-eyebrow, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-kicker, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-section__label p,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-label-eyebrow,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-label-kicker,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-section-label p {
letter-spacing: 0.14em !important;
  }


}
@media (max-width: 385px) {


.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad__line:first-child {
letter-spacing: -0.025em !important;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad__line:nth-child(2), .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad__line:nth-child(3) {
letter-spacing: -0.015em !important;
  }


}

@media (max-width: 340px) {

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-button, .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-read-button,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-button,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-button-read {
letter-spacing: 0.04em !important;
  }
}

@media (max-width: 330px) {
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad__line:first-child {
letter-spacing: -0.03em !important;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad__line:nth-child(2), .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad__line:nth-child(3) {
letter-spacing: -0.02em !important;
  }
}

@media (max-width: 1080px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-hero,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-hero-layout {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    align-items: start;
  }
  

@media (max-width: 1080px) {
.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero--above-hero-html > .uoa-mainpage-above-hero-html__content {
    margin-top: 130px !important;
    margin-bottom: 70px !important;
  }
}

  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero > .uoa-identity-card,
  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero > .uoa-hero-card-panel,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout > .reuse-card-framed-clear-info,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout > .reuse-card-stack {
    width: 100%;
    max-width: none;
  }
}

/* Generic wide-card base. */
.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage .reuse-card-wide {
  position: relative;
  overflow: hidden;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-wide-card__copy,
.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-wide-card__actions,
.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-wide-card .uoa-seal,
.uoa-mainpage-article-hero-card > *,
.uoa-mainpage-article-card--glass > *,
.uoa-mainpage-article-question-card > *,
.uoa-mainpage-article-cta > *,
.uoa-mainpage-article-pullquote p,
.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card > div,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card > div,
.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__copy,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__copy,
.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions,
.uoa-mainpages-template .uoa-mainpage .reuse-card-wide-copy,
.uoa-mainpages-template .uoa-mainpage .reuse-actions-wide,
.uoa-mainpages-template .uoa-mainpage .reuse-card-wide .uoa-seal,
.reuse-card-feature-glass > *,
.reuse-card-content-glass > *,
.reuse-card-question > *,
.reuse-card-wide-cta > *,
.reuse-pullquote-gradient p,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-card-wide > div,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-card-wide > div,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-card-wide-copy,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-card-wide-copy,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-actions-wide,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-actions-wide {
  position: relative;
  z-index: 1;
}

/* Wide-card layout: text block + copy block with blue rule. */
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-card-wide,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-wide {
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: start;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-wide-card,
.uoa-mainpage-article-cta,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-card-wide,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-wide,
.reuse-card-wide-cta {
  padding: clamp(1.5rem, 4vw, 3rem);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-card-wide {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.3fr);
}

#uoa-contact .uoa-mainpage-subtitle,
#uoa-contact .reuse-heading-subtitle {
  margin: 1.35rem auto;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-wide-card h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-wide-card h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-card-wide h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-wide h2 {
  margin-top: 0.45rem !important;
}

/* Wide-card layout: copy + seal. */
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-wide,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-wide,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-card-wide {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-wide {
  gap: 2rem;
  padding: clamp(2rem, 4vw, 4rem);
  border-radius: 34px;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-wide-card h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-wide h2 {
  max-width: 990px;
  margin-top: 0.85rem !important;
font-size: 33.5px;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-wide-card p:last-child,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-wide p:last-child {
  max-width: 860px;
  margin: 1.2rem 0 0;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-wide-card .uoa-seal,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-wide-card .uoa-seal,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-wide-card .uoa-seal,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-wide .uoa-seal,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-wide .uoa-seal,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-card-wide .uoa-seal {
  justify-self: end;
  align-self: center;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-wide-card .uoa-seal,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-wide .uoa-seal {
  width: clamp(7rem, 13vw, 10rem);
  height: clamp(7rem, 13vw, 10rem);
}

/* Wide-card layout and modifier backgrounds. */
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-wide {
  gap: clamp(1.5rem, 4vw, 3rem);
  margin-top: clamp(1.1rem, 3vw, 1.6rem);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-wide-card--solid,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-wide-card--final,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-wide-solid,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-wide-final {
  background: var(--uoa-glass-blue-accent-background);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-wide-card .uoa-seal,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-wide .uoa-seal {
  width: clamp(6rem, 10vw, 8.5rem);
  height: clamp(6rem, 10vw, 8.5rem);
}

/* Wide-card layout: closing card with glow and seal. */
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-card-wide {
  gap: 2rem;
  padding: clamp(2rem, 4vw, 3.6rem);
  border-radius: 34px;
  overflow: hidden;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-wide-card::after,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-card-wide::after {
  content: "";
  position: absolute;
  right: -8rem;
  top: -8rem;
  width: 20rem;
  height: 20rem;
  border-radius: 999px;
  background: rgba(49, 134, 255, 0.18);
  filter: blur(8px);
  pointer-events: none;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-wide-card .uoa-seal,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-card-wide .uoa-seal {
  width: 8.6rem;
  height: 8.6rem;
}

/* Wide-card layout: narrow title block + wider copy block with blue rule. */
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-wide {
  grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
}

/* Wide-card layout: two columns, then full-width action row. */
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-wide-card,
.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-card-wide,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-card-wide,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-card-wide {
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(1.25rem, 4vw, 3rem);
  align-items: center;
  padding: clamp(1.45rem, 4vw, 3rem);
  border-radius: 28px;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-wide-card__copy p,
.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__copy p,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__copy p,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-card-wide-copy p,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-card-wide-copy p,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-card-wide-copy p {
  margin: 0 0 1rem;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-wide-card__actions,
.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions,
.uoa-mainpage-article-cta .uoa-mainpage-article-actions,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-actions-wide,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-actions-wide,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-actions-wide,
.reuse-card-wide-cta .reuse-actions-stack-mobile {
  grid-column: 1 / -1;
  margin-top: 0;
}

/* Wide-card responsive collapse. */
@media (max-width: 1080px) {
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-wide-card,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-wide-card,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-wide-card,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-wide-card,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-wide-card,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-wide,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-wide,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-card-wide,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-card-wide,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-wide,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-card-wide {
    grid-template-columns: 1fr !important;
  }

  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-wide-card .uoa-seal,
.uoa-mainpages-template .uoa-mainpage .reuse-card-wide .uoa-seal {
    justify-self: start !important;
  }
}

@media (max-width: 560px) {
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-wide-card,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-wide-card,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-wide-card,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-wide-card,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-wide-card,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-wide,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-wide,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-card-wide,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-card-wide,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-wide,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-card-wide {
    padding: 1.25rem !important;
    border-radius: 22px;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-wide-card .uoa-seal,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-wide-card .uoa-seal,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-wide-card .uoa-seal,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-wide .uoa-seal,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-wide .uoa-seal,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-card-wide .uoa-seal {
    width: 5.75rem;
    height: 5.75rem;
  }
}

@media (max-width: 1080px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero > .uoa-portrait,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout > .reuse-media-portrait {
    width: min(420px, 82%) !important;
    max-width: 420px !important;
    justify-self: center !important;
  }

  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero > .uoa-profile-duo,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout > .reuse-layout-profile-duo {
    width: min(100%, 500px) !important;
    max-width: 500px !important;
    justify-self: center !important;
  }

  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero > .uoa-finder-card,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout > .reuse-card-resource-links {
    width: min(100%, 620px) !important;
    max-width: 620px !important;
    justify-self: center !important;
  }

  .uoa-mainpages-template .uoa-mainpage .uoa-guide-card__media,
.uoa-mainpages-template .uoa-mainpage .reuse-card-media {
    min-height: 380px !important;
  }
}

@media (max-width: 860px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero > .uoa-profile-duo,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout > .reuse-layout-profile-duo {
    width: min(620px, 100%) !important;
    max-width: 620px !important;
    margin-top: clamp(1.6rem, 5vw, 2.35rem) !important;
  }

  .uoa-mainpages-template .uoa-mainpage .uoa-profile-card--left,
  .uoa-mainpages-template .uoa-mainpage .uoa-profile-card--right,
.uoa-mainpages-template .uoa-mainpage .reuse-card-profile-left,
.uoa-mainpages-template .uoa-mainpage .reuse-card-profile-right {
    margin-top: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 620px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-guide-card__media,
.uoa-mainpages-template .uoa-mainpage .reuse-card-media {
    min-height: 380px !important;
  }
}

@media (max-width: 560px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero > .uoa-portrait,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout > .reuse-media-portrait {
    width: min(100%, 340px) !important;
    max-width: 340px !important;
  }

  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero > .uoa-profile-duo,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout > .reuse-layout-profile-duo {
    width: 100% !important;
    max-width: none !important;
    gap: 0.72rem !important;
    margin-top: 1.65rem !important;
    padding: 0 !important;
  }

  .uoa-mainpages-template .uoa-mainpage .uoa-profile-duo__portraits,
.uoa-mainpages-template .uoa-mainpage .reuse-grid-two-portraits {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 0.72rem !important;
    align-items: stretch !important;
  }

  .uoa-mainpages-template .uoa-mainpage .uoa-profile-card__image-wrap,
.uoa-mainpages-template .uoa-mainpage .reuse-card-profile-media {
    aspect-ratio: 1 / 1.13 !important;
  }

  .uoa-mainpages-template .uoa-mainpage .uoa-guide-card__media,
.uoa-mainpages-template .uoa-mainpage .reuse-card-media {
    min-height: 340px !important;
  }
}

@media (max-width: 430px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-guide-card__media,
.uoa-mainpages-template .uoa-mainpage .reuse-card-media {
    min-height: 310px !important;
  }
}

@media (max-width: 360px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-profile-duo__portraits,
.uoa-mainpages-template .uoa-mainpage .reuse-grid-two-portraits {
    gap: 0.55rem !important;
  }
}

/* Left blue accent rail used on lead copy blocks. */
.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-lead,
.uoa-mainpages-template .uoa-mainpage .reuse-lead {
  position: relative;
  padding-left: 1.45rem;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-lead::before,
.uoa-mainpages-template .uoa-mainpage .reuse-lead::before {
  content: "";
  position: absolute;
  top: 0.35rem;
  bottom: 0.3rem;
  left: 0;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--uoa-page-blue, #3186ff), rgba(49, 134, 255, 0.12));
  box-shadow: 0 0 14px rgba(49, 134, 255, 0.6);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-wide-card__copy,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-wide-card__copy,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-card-wide-copy,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-wide-copy {
  position: relative;
  padding-left: 1.5rem;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-wide-card__copy::before,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-wide-card__copy::before,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-card-wide-copy::before,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-wide-copy::before {
  content: "";
  position: absolute;
  top: 0.25rem;
  bottom: 0.25rem;
  left: 0;
  width: 3px;
  border-radius: 99px;
  background: linear-gradient(180deg, var(--uoa-page-blue, #3186ff), rgba(49, 134, 255, 0.12));
  box-shadow: 0 0 12px rgba(49, 134, 255, 0.28);
}

@media (max-width: 560px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-lead,
.uoa-mainpages-template .uoa-mainpage .reuse-lead {
    padding-left: 1.05rem;
  }

  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-lead::before,
.uoa-mainpages-template .uoa-mainpage .reuse-lead::before {
    width: 2px;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-wide-card__copy,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-wide-card__copy,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-card-wide-copy,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-wide-copy {
    padding-left: 1.15rem !important;
  }
}

@media (max-width: 1080px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-wide-card > .uoa-seal,
.uoa-mainpages-template .uoa-mainpage .reuse-card-wide > .uoa-seal {
    order: -1 !important;
    grid-column: 1 / -1 !important;
    justify-self: start !important;
    align-self: start !important;
    margin: 0 0 clamp(0.75rem, 2vw, 1rem) 0 !important;
  }

  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-wide-card > .uoa-mainpage-wide-card__copy,
  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-wide-card > .uoa-mainpage-wide-card__actions,
.uoa-mainpages-template .uoa-mainpage .reuse-card-wide > .reuse-card-wide-copy,
.uoa-mainpages-template .uoa-mainpage .reuse-card-wide > .reuse-actions-wide {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 560px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-wide-card > .uoa-seal,
.uoa-mainpages-template .uoa-mainpage .reuse-card-wide > .uoa-seal {
    margin-bottom: 0.65rem !important;
  }
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad-wrap {
  left: auto;
  right: auto;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad {
  box-sizing: border-box;
  width: min(100%, 1180px);
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 1080px) {
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad-wrap {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    overflow-x: clip;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-triad {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 820px) {
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-hero-card-panel,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-stack {
    grid-template-columns: 1fr !important;
  }
}

/* Earth background behind the content. */
body.page-template-mainpages-theme {
  position: relative;
  background-color: #030614 !important;
}

body.page-template-mainpages-theme::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  width: 100vw;
  height: 100vh;
  background-color: #030614;
  background-image: url('https://universityofawakening.com/wp-content/uploads/2025/08/Earth-intro.jpg');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

body.page-template-mainpages-theme .wp-site-blocks,
body.page-template-mainpages-theme .site,
body.page-template-mainpages-theme .site-main,
body.page-template-mainpages-theme .uoa-mainpages-template,
body.page-template-mainpages-theme .uoa-mainpages-template__content,
body.page-template-mainpages-theme .entry-content,
body.page-template-mainpages-theme .wp-block-post-content {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

.uoa-mainpages-template {
  background: transparent !important;
}

.uoa-mainpages-template .uoa-mainpage:not(.uoa-mainpage--about) .uoa-mainpage__inner,
.uoa-mainpages-template .uoa-mainpage:not(.uoa-mainpage--about) .reuse-container {
  padding: 0;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage__inner,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-container {
  padding: 0;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage__inner--content,
.uoa-mainpages-template .uoa-mainpage .uoa-mainpage__inner--story,
.uoa-mainpages-template .uoa-mainpage .reuse-container-content,
.uoa-mainpages-template .uoa-mainpage .reuse-container-story {
  padding-top: 0;
}

/* Divider rhythm. */
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-fancy-divider {
  margin-top: clamp(3rem, 6vw, 5rem);
  margin-bottom: clamp(3rem, 6vw, 5rem);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-fancy-divider {
  margin-top: clamp(3.2rem, 7vw, 5.2rem);
  margin-bottom: clamp(3.2rem, 7vw, 5.2rem);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-fancy-divider,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-fancy-divider,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-fancy-divider {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

/* Restore old blue-gradient pill buttons for pages that originally used them. */
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-button,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-button,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-button,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-button,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-button,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-button {
  min-height: 3.1rem;
  padding: 0.92rem 1.35rem;
  overflow: hidden;
  color: #fff !important;
  text-decoration: none !important;
  text-align: center;
letter-spacing: 0.03em !important;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px !important;
  background: linear-gradient(90.8deg, var(--uoa-page-blue, #3186ff) -1.06%, var(--uoa-page-blue-mid, #346bf1) 45.45%, var(--uoa-page-blue-light, #4fa0ff) 97.12%) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.34), inset 0 1px 18px rgba(255, 255, 255, 0.22) !important;
  transform: translate3d(0, 0, 0);
  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-button:hover,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-button:focus-visible,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-button:hover,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-button:focus-visible,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-button:hover,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-button:focus-visible,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-button:hover,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-button:focus-visible,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-button:hover,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-button:focus-visible,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-button:hover,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-button:focus-visible {
  transform: translate3d(2px, 4px, 0);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.38), inset 0 2px 12px rgba(0, 0, 0, 0.18) !important;
  filter: saturate(1.08);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-button--ghost,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-button--ghost,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-button--ghost,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-button-ghost,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-button-ghost,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-button-ghost {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  box-shadow: inset 0 1px 18px rgba(255, 255, 255, 0.08), 0 14px 26px rgba(0, 0, 0, 0.26) !important;
}

/* Solid button, but with a paired 49% action layout. */
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-button,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-button {
  width: 49%;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-button--ghost:hover,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-button--ghost:focus-visible,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-button-ghost:hover,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-button-ghost:focus-visible {
  background: rgba(255, 255, 255, 0.13) !important;
  color: #fff !important;
}

/* Section-label accent details. */
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-section__label,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-section__label,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-section-label,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-section-label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.35rem;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-section__label span,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-section__label span,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-section-label span,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-section-label span {
  width: 3rem;
  height: 2px;
  flex: 0 0 auto;
  background: linear-gradient(90deg, var(--uoa-page-blue, #3186ff), transparent);
  box-shadow: 0 0 10px rgba(49, 134, 255, 0.55);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-section__label,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-section-label {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-section__label span,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-section-label span {
  width: 2.7rem;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--uoa-page-blue, #3186ff), rgba(79, 160, 255, 0));
  box-shadow: 0 0 10px rgba(49, 134, 255, 0.48);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-section__label,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-section-label {
  display: inline-grid;
  grid-template-columns: 3px auto;
  gap: 0.8rem;
  align-items: center;
  justify-self: start;
  margin-bottom: 1.1rem;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-section__label span,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-section-label span {
  display: block;
  width: 3px;
  height: 3rem;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--uoa-page-blue, #3186ff), rgba(79, 160, 255, 0));
  box-shadow: 0 0 12px rgba(49, 134, 255, 0.58);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-section__label,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-section-label {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-bottom: 1.4rem;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-section__label span,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-section-label span {
  display: block;
  width: 4.4rem;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--uoa-page-blue, #3186ff), rgba(79, 160, 255, 0));
  box-shadow: 0 0 12px rgba(49, 134, 255, 0.58);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-section__label--dark p,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-section-label-dark p {
  color: #1a315e !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-section__label--dark span,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-section__label--dark span,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-section-label-dark span,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-section-label-dark span {
  background: linear-gradient(90deg, #1f2937, rgba(49, 134, 255, 0.8));
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-section__label--dark span,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-section-label-dark span {
  background: linear-gradient(180deg, #0b112b, var(--uoa-page-blue, #3186ff), rgba(49, 134, 255, 0));
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-section__label--dark span,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-section-label-dark span {
  background: linear-gradient(90deg, rgba(51, 51, 51, 0.45), var(--uoa-page-blue, #3186ff));
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-section__label--dark span,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-section-label-dark span {
  background: linear-gradient(90deg, #0b112b, rgba(49, 134, 255, 0));
  box-shadow: none;
}

/* Lead accent rail values for the body-font pages. */
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-lead,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-lead,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-lead,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-lead,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-lead,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-lead {
  padding-left: 1.6rem;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-lead::before,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-lead::before,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-lead::before,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-lead::before,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-lead::before,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-lead::before {
  top: 0.25rem;
  bottom: 0.25rem;
  border-radius: 99px;
  box-shadow: 0 0 16px rgba(49, 134, 255, 0.42);
}

/* Pullcard/pullquote differences. */
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-pullcard,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-pullcard,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-callout-glass,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-callout-glass {
  display: flex;
  flex-direction: column;
  background: var(--uoa-glass-blue-accent-background);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-pullcard,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-card-callout-glass {
  justify-content: flex-end;
  min-height: 100%;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-pullcard,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-callout-glass {
  justify-content: center;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-pullquote,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-pullquote,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-pullquote,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-pullquote {
  margin: 0 !important;
  color: #fff !important;

letter-spacing: 0 !important;

text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.62);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-pullcard,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-card-callout-glass {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--uoa-glass-dark-background);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-pullquote,
.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-pullcard .uoa-pullquote,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-pullcard .uoa-pullquote,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-pullquote,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-card-callout-glass .reuse-pullquote,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-card-callout-glass .reuse-pullquote {
  position: relative;
  margin: 0 !important;
  padding-left: 1.25rem;
  color: #fff !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-pullquote::before,
.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-pullcard .uoa-pullquote::before,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-pullcard .uoa-pullquote::before,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-pullquote::before,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-card-callout-glass .reuse-pullquote::before,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-card-callout-glass .reuse-pullquote::before {
  content: "";
  position: absolute;
  top: 0.2rem;
  bottom: 0.2rem;
  left: 0;
  width: 3px;
  border-radius: 99px;
  background: var(--uoa-page-blue, #3186ff);
  box-shadow: 0 0 16px rgba(49, 134, 255, 0.52);
}

/* Featured/glow modifiers that were lost during class conversion. */
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-detail-card--featured,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-hero-card--featured,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-offer-card--featured,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-card-detail-featured,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-hero-featured,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-card-framed-clear-featured {
  border-color: rgba(79, 160, 255, 0.46) !important;
  box-shadow: 0 30px 78px rgba(0, 0, 0, 0.62), 0 0 38px rgba(49, 134, 255, 0.20), inset 0 4px 30px rgba(255, 255, 255, 0.09) !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-detail-card h2,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-card-detail h2 {
  margin-top: 0.5rem !important;
}

/* Solid-panel process cards were intentionally body-like, not display-title-like. */
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-process-grid,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-process-grid,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-grid-three-process,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-grid-three-process {
  --uoa-process-grid-margin-top: 2rem;
  --uoa-process-card-padding: 1.25rem;
  --uoa-process-card-border: rgba(51, 51, 51, 0.14);
  --uoa-process-card-background: rgba(255, 255, 255, 0.48);
  --uoa-process-card-shadow: inset 0 2px 20px rgba(255, 255, 255, 0.45);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-process-grid h3,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-process-grid h3,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-grid-three-process h3,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-grid-three-process h3 {
  margin: 1rem 0 0.65rem !important;
  color: #111827 !important;

letter-spacing: 0 !important;
text-align: left !important;
text-shadow: none !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-process-grid p,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-process-grid p,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-grid-three-process p,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-grid-three-process p {
  margin: 0;
  color: #333 !important;

}

/* Restore page-specific seal treatments. */
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-seal {
  width: clamp(7rem, 13vw, 10rem) !important;
  height: clamp(7rem, 13vw, 10rem) !important;
  color: #fff;

letter-spacing: 0.04em !important;
border: 1px solid rgba(255, 255, 255, 0.20);
  background: radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.24), transparent 40%), conic-gradient(from 45deg, var(--uoa-page-blue, #3186ff), var(--uoa-page-blue-mid, #346bf1), var(--uoa-page-blue-light, #4fa0ff), var(--uoa-page-blue, #3186ff)) !important;
  box-shadow: 0 0 34px rgba(49, 134, 255, 0.36), inset 0 2px 20px rgba(255, 255, 255, 0.18) !important;
  text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.42);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-seal {
  width: clamp(6rem, 10vw, 8.5rem) !important;
  height: clamp(6rem, 10vw, 8.5rem) !important;

letter-spacing: 0.05em !important;
  background: linear-gradient(90.8deg, var(--uoa-page-blue, #3186ff) -1.06%, var(--uoa-page-blue-mid, #346bf1) 45.45%, var(--uoa-page-blue-light, #4fa0ff) 97.12%) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.42), inset 0 2px 18px rgba(255, 255, 255, 0.24) !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-seal {
  width: 8.6rem !important;
  height: 8.6rem !important;

background: linear-gradient(90.8deg, var(--uoa-page-blue, #3186ff), var(--uoa-page-blue-mid, #346bf1), var(--uoa-page-blue-light, #4fa0ff)) !important;
  box-shadow: 0 0 40px rgba(49, 134, 255, 0.42), inset 0 1px 16px rgba(255, 255, 255, 0.24) !important;
}

/* Services: restore the detailed special-purpose blocks. */
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-wide-card--final,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-wide-final {
  margin-bottom: 0;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-card--questions,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-glass-questions {
  background: var(--uoa-glass-blue-accent-background);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-question-box,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-callout {
  text-align: center;
  background: var(--uoa-glass-blue-accent-background);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-question-box h3,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-callout h3 {
  max-width: 980px;
  margin: 0.8rem auto 0 !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-question-box--quote .uoa-pullquote,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-callout-quote .reuse-pullquote {
  max-width: 900px;
  margin: 1.1rem auto 0 !important;
  color: transparent !important;

background: linear-gradient(90.8deg, var(--uoa-page-blue, #3186ff) -1.06%, var(--uoa-page-blue-mid, #346bf1) 45.45%, var(--uoa-page-blue-light, #4fa0ff) 97.12%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-signal-card--compact,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-accent-mini {
  min-height: 92px;
  padding: 0.1rem;
  border-radius: 18px;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-read-button,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-button-read {
  width: 100%;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-fit-box h3 {
  color: #fff !important;

}

/* Responsive restoration for detailed components. */
@media (max-width: 768px) {
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-fancy-divider,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-fancy-divider {
    margin-top: clamp(2.5rem, 7vw, 3.8rem);
    margin-bottom: clamp(2.5rem, 7vw, 3.8rem);
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-fancy-divider,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-fancy-divider,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-fancy-divider {
    width: min(320px, 82%);
    height: 30px;
    margin: 2.3rem auto;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-button,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-button {
    width: 100% !important;
  }
}

@media (max-width: 560px) {
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-lead,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-lead,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-lead,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-lead,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-lead,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-lead {
    padding-left: 1.15rem;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-seal,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-seal,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-seal {
    width: 5.75rem !important;
    height: 5.75rem !important;
}
}

/* Two-button row without flex overflow. */
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-hero__actions,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-wide-card__actions,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-actions,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-actions-wide {
  justify-content: space-between;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-hero__actions .uoa-mainpage-button,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-wide-card__actions .uoa-mainpage-button,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-actions .reuse-button,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-actions-wide .reuse-button {
  width: calc(50% - 0.45rem);
  flex: 0 1 calc(50% - 0.45rem);
}

@media (max-width: 768px) {
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-hero__actions .uoa-mainpage-button,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-wide-card__actions .uoa-mainpage-button,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-actions .reuse-button,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-actions-wide .reuse-button {
    width: 100% !important;
    flex-basis: 100% !important;
  }
}

/* Consistent vertical rhythm for the reusable main-page story sections. */
.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-story > .uoa-mainpage-section,
.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-story > .uoa-triad-track,
.uoa-mainpages-template .uoa-mainpage .reuse-layout-story > .reuse-section,
.uoa-mainpages-template .uoa-mainpage .reuse-layout-story > .uoa-triad-track {
  margin-top: 0;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-story > .uoa-mainpage-section:first-child,
.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-story > .uoa-triad-track:first-child,
.uoa-mainpages-template .uoa-mainpage .reuse-layout-story > .reuse-section:first-child,
.uoa-mainpages-template .uoa-mainpage .reuse-layout-story > .uoa-triad-track:first-child {
  margin-top: 0 !important;
}

/* Keep divider spacing predictable instead of letting adjacent section margins
   stack unevenly around it. */
.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-story > .uoa-fancy-divider,
.uoa-mainpages-template .uoa-mainpage .reuse-layout-story > .uoa-fancy-divider {
  margin: 0 auto;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-story > .uoa-fancy-divider + .uoa-mainpage-section,
.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-story > .uoa-fancy-divider + .uoa-triad-track,
.uoa-mainpages-template .uoa-mainpage .reuse-layout-story > .uoa-fancy-divider + .reuse-section,
.uoa-mainpages-template .uoa-mainpage .reuse-layout-story > .uoa-fancy-divider + .uoa-triad-track {
  margin-top: 0 !important;
}

.uoa-mainpages-template .uoa-mainpage :where(.uoa-mainpage-section, .uoa-triad-track) > :where(
  .uoa-mainpage-two-column,
  .uoa-signal-grid,
  .uoa-mainpage-solid-panel,
  .uoa-question-box,
  .uoa-mainpage-wide-card,
  .uoa-mainpage-card,
  .uoa-process-grid,
  .uoa-guide-grid,
  .uoa-offer-grid,
  .uoa-article-grid,
  .uoa-fit-grid,
  .uoa-proof-grid,
  .uoa-mainpage-audience-grid,
  .uoa-detail-grid,
  .uoa-map-grid,
  .uoa-framework-grid,
  .uoa-model-strip,
  .uoa-pill-flow,
  .uoa-mini-flow,
  .uoa-glow-list,
  .uoa-question-list
):not(:first-child),
.uoa-mainpages-template .uoa-mainpage :where(.reuse-section, .uoa-triad-track) > :where(
  .reuse-layout-split,
  .reuse-grid-three-accent-spaced,
  .reuse-panel-solid-light,
  .reuse-callout,
  .reuse-card-wide,
  .reuse-card-glass,
  .reuse-grid-three-process,
  .reuse-grid-two-media,
  .reuse-grid-three-framed-clear,
  .reuse-grid-three-resource,
  .uoa-fit-grid,
  .reuse-grid-two-panels,
  .reuse-grid-three-accent-feature,
  .reuse-grid-four-detail,
  .reuse-grid-three-map-cards,
  .reuse-grid-four-tiles,
  .reuse-model-strip,
  .reuse-chip-flow,
  .reuse-chip-flow-compact,
  .uoa-glow-list,
  .reuse-callout-list
):not(:first-child) {
  margin-top: clamp(1.15rem, 3vw, 1.75rem);
}

.uoa-mainpages-template .uoa-mainpage .uoa-track__mast + :where(
  .uoa-mainpage-two-column,
  .uoa-signal-grid,
  .uoa-mainpage-solid-panel,
  .uoa-question-box,
  .uoa-mainpage-wide-card,
  .uoa-mainpage-card,
  .uoa-process-grid,
  .uoa-guide-grid,
  .uoa-offer-grid,
  .uoa-article-grid,
  .uoa-fit-grid,
  .uoa-proof-grid,
  .uoa-mainpage-audience-grid,
  .uoa-detail-grid,
  .uoa-map-grid,
  .uoa-framework-grid
),
.uoa-mainpages-template .uoa-mainpage .uoa-track__mast + :where(
  .reuse-layout-split,
  .reuse-grid-three-accent-spaced,
  .reuse-panel-solid-light,
  .reuse-callout,
  .reuse-card-wide,
  .reuse-card-glass,
  .reuse-grid-three-process,
  .reuse-grid-two-media,
  .reuse-grid-three-framed-clear,
  .reuse-grid-three-resource,
  .uoa-fit-grid,
  .reuse-grid-two-panels,
  .reuse-grid-three-accent-feature,
  .reuse-grid-four-detail,
  .reuse-grid-three-map-cards,
  .reuse-grid-four-tiles
) {
  margin-top: 0 !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-signal-grid--compact,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-grid-four-accent {
  margin-top: clamp(1rem, 3vw, 1.5rem) !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-signal-grid--compact + .uoa-mainpage-solid-panel,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-two-column + .uoa-mainpage-wide-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-wide-card + .uoa-mainpage-card,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-solid-panel + .uoa-fancy-divider,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-solid-panel + .uoa-mainpage-two-column,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-question-box + .uoa-mainpage-two-column,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-grid-four-accent + .reuse-panel-solid-light,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-layout-split + .reuse-card-wide,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-card-wide + .reuse-card-glass,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-panel-solid-light + .uoa-fancy-divider,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-panel-solid-light + .reuse-layout-split,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-callout + .reuse-layout-split {
  margin-top: clamp(1.2rem, 3vw, 1.8rem) !important;
}

@media (max-width: 1080px) and (min-width: 769px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-guide-grid,
.uoa-mainpages-template .uoa-mainpage .reuse-grid-two-media {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center;
  }

  .uoa-mainpages-template .uoa-mainpage .uoa-guide-card,
.uoa-mainpages-template .uoa-mainpage .reuse-card-framed-media {
    width: min(100%, 920px);
    grid-template-columns: minmax(160px, 0.42fr) minmax(0, 1fr) !important;
    align-items: stretch;
  }

  .uoa-mainpages-template .uoa-mainpage .uoa-guide-card__media,
.uoa-mainpages-template .uoa-mainpage .reuse-card-media {
    min-height: 320px !important;
    max-height: 390px !important;
    overflow: hidden !important;
  }

  .uoa-mainpages-template .uoa-mainpage .uoa-guide-card__media img,
.uoa-mainpages-template .uoa-mainpage .reuse-card-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
}

@media (max-width: 768px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-guide-card,
.uoa-mainpages-template .uoa-mainpage .reuse-card-framed-media {
    grid-template-columns: 1fr !important;
  }

  .uoa-mainpages-template .uoa-mainpage .uoa-guide-card__media,
.uoa-mainpages-template .uoa-mainpage .reuse-card-media {
    min-height: 0 !important;
    height: clamp(300px, 58vw, 420px) !important;
    max-height: 420px !important;
    overflow: hidden !important;
  }

  .uoa-mainpages-template .uoa-mainpage .uoa-guide-card__media img,
.uoa-mainpages-template .uoa-mainpage .reuse-card-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
}

@media (max-width: 560px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-guide-card__media,
.uoa-mainpages-template .uoa-mainpage .reuse-card-media {
    height: clamp(280px, 76vw, 360px) !important;
    max-height: 360px !important;
  }
}

@media (max-width: 430px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-guide-card__media,
.uoa-mainpages-template .uoa-mainpage .reuse-card-media {
    height: clamp(250px, 78vw, 310px) !important;
    max-height: 310px !important;
  }
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-audience-grid article.uoa-audience-card,
.uoa-mainpages-template .uoa-mainpage .uoa-audience-card,
.uoa-mainpages-template .uoa-mainpage .reuse-grid-three-accent-feature article.reuse-card-accent-feature,
.uoa-mainpages-template .uoa-mainpage .reuse-card-accent-feature {
  color: #fff !important;
  border: 1px solid var(--uoa-page-border, rgba(255, 255, 255, 0.16)) !important;
  background: var(--uoa-glass-blur-background);
  box-shadow: var(--uoa-page-shadow, 0 28px 70px rgba(0, 0, 0, 0.56)), inset 0 1px 28px rgba(255, 255, 255, 0.075) !important;
  backdrop-filter: var(--uoa-glass-blur-standard);
  -webkit-backdrop-filter: var(--uoa-glass-blur-standard);
}

.uoa-mainpages-template .uoa-mainpage .uoa-audience-card h3,
.uoa-mainpages-template .uoa-mainpage .reuse-card-accent-feature h3 {
  color: #fff !important;
  text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.42) !important;
}

.uoa-mainpages-template .uoa-mainpage .uoa-audience-card p,
.uoa-mainpages-template .uoa-mainpage .reuse-card-accent-feature p {
  color: rgba(255, 255, 255, 0.78) !important;
}

@media (max-width: 768px), (pointer: coarse), (hover: none) {
  .uoa-mainpages-template .uoa-mainpage .uoa-audience-card,
.uoa-mainpages-template .uoa-mainpage .reuse-card-accent-feature {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* ==========================================================
   09. Editable typography controls
   ==========================================================
   This is the only section that should control:
   font-family, font-size, font-weight, line-height, and text-transform.

   Each selector is intentionally separated so you can inspect it in
   DevTools, search for that exact class/element, and edit it without
   fighting hidden page-specific typography overrides.
   ========================================================== */

/* Template and page body */
.uoa-mainpages-template {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-md);
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
}

.uoa-mainpage {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-md);
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
}

/* Hero typography */
.uoa-mainpage-eyebrow,
.uoa-mainpage-kicker,
.uoa-mainpage-section__label p,
.uoa-mainpage-article-eyebrow,
.uoa-mainpage-article-kicker,
.uoa-mainpage-article-section-label p,
.uoa-mainpage-article-callout span,
.uoa-mainpage-article-flow__item span,
.reuse-label-eyebrow,
.reuse-label-kicker,
.reuse-section-label p,
.reuse-label-eyebrow-flush,
.reuse-label-kicker-clean,
.reuse-section-label-rail p,
.reuse-callout-solid span,
.reuse-flow-step span {
  font-weight: 900;
  line-height: 1.3;
  text-transform: uppercase;
}

.uoa-mainpage-eyebrow,
.uoa-mainpage-kicker,
.uoa-mainpage-section__label p,
.reuse-label-eyebrow,
.reuse-label-kicker,
.reuse-section-label p {
  font-family: var(--uoa-mainpage-font-body);
}

.uoa-mainpage-article-eyebrow,
.uoa-mainpage-article-kicker,
.uoa-mainpage-article-section-label p,
.uoa-mainpage-article-callout span,
.uoa-mainpage-article-flow__item span,
.reuse-label-eyebrow-flush,
.reuse-label-kicker-clean,
.reuse-section-label-rail p,
.reuse-callout-solid span,
.reuse-flow-step span {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.uoa-mainpage-eyebrow,
.uoa-mainpage-article-eyebrow,
.uoa-mainpage-article-kicker,
.uoa-mainpage-article-section-label p,
.uoa-mainpage-article-callout span,
.reuse-label-eyebrow,
.reuse-label-eyebrow-flush,
.reuse-label-kicker-clean,
.reuse-section-label-rail p,
.reuse-callout-solid span {
  font-size: var(--uoa-font-size-hero-label);
}

.uoa-mainpage-kicker,
.reuse-label-kicker {
  text-shadow: 1px 1px 1px black;
}

.uoa-mainpage-section__label p,
.reuse-section-label p {
  font-size: 1.6875rem;
  text-shadow: 1px 1px 10px black;
}

.uoa-mainpage-title,
.reuse-heading-hero-gradient {
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-hero-title);
  font-weight: 900;
  line-height: 0.82;
  text-transform: uppercase;
}

.uoa-mainpage-subtitle,
.reuse-heading-subtitle {
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-hero-subtitle);
  font-weight: 900;
  line-height: 0.92;
  text-transform: uppercase;
}

.uoa-mainpage-lead p,
.reuse-lead p {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-hero-lead);
  font-weight: 400;
  line-height: 1.68;
  text-transform: none;
}

/* Buttons and links */
.uoa-mainpage-button,
.uoa-read-button,
.reuse-button,
.reuse-button-read {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-sm);
  font-weight: 900;
  text-transform: uppercase;
}

.uoa-mainpage-button,
.reuse-button {
  line-height: 1.15;
}

.uoa-read-button,
.reuse-button-read {
  line-height: 1.2;
}

.uoa-finder-card__paths a,
.reuse-card-resource-links-list a {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-sm);
  font-weight: 900;
  line-height: 1.15;
  text-transform: none;
}

/* Shared card typography */
/* Shared generic card/panel typography */
.uoa-mainpage-card h2,
.uoa-mainpage-pullcard h2,
.uoa-mainpage-wide-card h2,
.uoa-mainpage-intro-panel h2,
.uoa-mainpage-closing-card h2,
.uoa-mainpage-detail-card h2,
.reuse-card-glass h2,
.reuse-card-callout-glass h2,
.reuse-card-wide h2,
.reuse-card-feature h2,
.reuse-card-closing h2,
.reuse-card-detail h2 {
  font-family: var(--uoa-mainpage-font-display);
  font-weight: 900;
  line-height: 0.92;
}

.uoa-mainpage-pullcard h2,
.uoa-mainpage-wide-card h2,
.uoa-mainpage-intro-panel h2,
.uoa-mainpage-closing-card h2,
.uoa-mainpage-detail-card h2,
.reuse-card-callout-glass h2,
.reuse-card-wide h2,
.reuse-card-feature h2,
.reuse-card-closing h2,
.reuse-card-detail h2 {
  text-transform: uppercase;
}

.uoa-mainpage-card h2,
.reuse-card-glass h2 {
  font-size: var(--uoa-font-size-lg-fluid);
  text-transform: none;
}

.uoa-mainpage-pullcard h2,
.reuse-card-callout-glass h2 {
  font-size: clamp(2.45rem, 4.5vw, 4.6rem);
}

.uoa-mainpage-wide-card h2,
.reuse-card-wide h2 {
  font-size: var(--uoa-font-size-lg) !important;
}

.uoa-mainpage-intro-panel h2,
.reuse-card-feature h2 {
  font-size: var(--uoa-font-size-lg-fluid);
}

.uoa-mainpage-closing-card h2,
.reuse-card-closing h2 {
  font-size: 2.13125rem;
}

.uoa-mainpage-detail-card h2,
.reuse-card-detail h2 {
  font-size: var(--uoa-font-size-xl);
}

.uoa-mainpage-card h3,
.uoa-mainpage-pullcard h3,
.uoa-mainpage-wide-card h3,
.reuse-card-glass h3,
.reuse-card-callout-glass h3,
.reuse-card-wide h3 {
  font-family: var(--uoa-mainpage-font-display);
  font-weight: 900;
  line-height: 0.96;
  text-transform: uppercase;
}

.uoa-mainpage-card h3,
.reuse-card-glass h3 {
  font-size: var(--uoa-font-size-lg);
}

.uoa-mainpage-pullcard h3,
.uoa-mainpage-wide-card h3,
.reuse-card-callout-glass h3,
.reuse-card-wide h3 {
  font-size: var(--uoa-font-size-2xl);
}

.uoa-mainpage-card p,
.uoa-mainpage-pullcard p,
.uoa-mainpage-wide-card p,
.uoa-mainpage-intro-panel p,
.uoa-mainpage-closing-card p,
.uoa-mainpage-detail-card p,
.uoa-pullquote-text,
.uoa-question-box p,
.reuse-card-glass p,
.reuse-card-callout-glass p,
.reuse-card-wide p,
.reuse-card-feature p,
.reuse-card-closing p,
.reuse-card-detail p,
.reuse-pullquote-text,
.reuse-callout p {
  font-family: var(--uoa-mainpage-font-body);
  font-weight: 400;
  line-height: 1.68;
  text-transform: none;
}

.uoa-mainpage-card p,
.uoa-mainpage-wide-card p,
.uoa-mainpage-intro-panel p,
.uoa-mainpage-closing-card p,
.uoa-mainpage-detail-card p,
.reuse-card-glass p,
.reuse-card-wide p,
.reuse-card-feature p,
.reuse-card-closing p,
.reuse-card-detail p {
  font-size: var(--uoa-font-size-body);
}

.uoa-mainpage-solid-panel h2,
.reuse-panel-solid-light h2 {
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-md);
  font-weight: 900;
  line-height: 0.92;
  text-transform: uppercase;
  text-shadow: 1px 1px 10px white;
}

.uoa-mainpage-solid-panel h3,
.reuse-panel-solid-light h3 {
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-2xl);
  font-weight: 900;
  line-height: 0.96;
  text-transform: uppercase;
   text-shadow: 1px 1px 10px white !important;
}

.uoa-mainpage-solid-panel p,
.reuse-panel-solid-light p {
    font-family: var(--uoa-mainpage-font-body);
    font-size: var(--uoa-font-size-lg);
    font-weight: 800;
    line-height: 1.1;
    text-transform: none;
}

.uoa-mainpage-section__label--dark p,
.reuse-section-label-dark p {
     text-shadow: 1px 1px 10px white !important;
}

.uoa-mainpage-solid-panel b,
.reuse-panel-solid-light b {
    font-family: var(--uoa-mainpage-font-body);
    font-size: var(--uoa-font-size-body);
    font-weight: 700;
    line-height: 1.55;
    text-transform: none;
    text-shadow: 2px 2px white;
    color: black;
}

.uoa-form-card h2 {
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-lg-fluid);
  font-weight: 900;
  line-height: 0.92;
  text-transform: uppercase;
}

/* Modifier typography */
.uoa-mainpage-card--large h2,
.reuse-card-glass-large h2 {
  font-family: var(--uoa-mainpage-font-display);
 font-size: var(--uoa-font-size-lg-fluid);
  font-weight: 900;
  line-height: 0.92;
  text-transform: uppercase;
}

/* Portrait and profile typography */
.uoa-portrait__caption span,
.reuse-media-caption-portrait span {
  font-family: var(--uoa-mainpage-font-display);
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.uoa-portrait__caption small,
.reuse-media-caption-portrait small {
  font-family: var(--uoa-mainpage-font-body);
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.uoa-profile-card__copy span,
.reuse-card-profile-copy span {
  font-family: var(--uoa-mainpage-font-display);
  font-weight: 900;
  line-height: 0.95;
  text-transform: uppercase;
}

.uoa-profile-card__copy small,
.reuse-card-profile-copy small {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-sm);
  font-weight: 800;
  line-height: 1.22;
  text-transform: none;
}

.uoa-next-step-card h2,
.uoa-next-step-card h3,
.uoa-guide-card h2,
.uoa-guide-card h3,
.reuse-card-framed-next h2,
.reuse-card-framed-next h3,
.reuse-card-framed-media h2,
.reuse-card-framed-media h3 {
  font-family: var(--uoa-mainpage-font-display);
  font-weight: 900;
  line-height: 0.92;
  text-transform: uppercase;
}

.uoa-next-step-card h3,
.reuse-card-framed-next h3 {
  font-size: var(--uoa-font-size-xl);
}

.uoa-next-step-card p:not(.uoa-mainpage-kicker),
.uoa-guide-card p,
.reuse-card-framed-next p:not(.reuse-label-kicker),
.reuse-card-framed-media p {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 400;
  text-transform: none;
}

.uoa-next-step-card p:not(.uoa-mainpage-kicker),
.reuse-card-framed-next p:not(.reuse-label-kicker) {
  line-height: 1.55;
}

/* Signal, identity, detail, and audience cards */
.uoa-signal-card__number,
.reuse-number-accent {
  font-family: var(--uoa-mainpage-font-display);
  font-size: clamp(1.9375rem, calc(0.625vw + 1.8125rem), 2.375rem);
  font-weight: 900;
  line-height: 0.8;
  text-transform: uppercase;
}

.uoa-signal-card h2,
.uoa-signal-card h3,
.uoa-audience-card h3,
.reuse-card-accent-compact h2,
.reuse-card-accent-compact h3,
.reuse-card-accent-feature h3 {
  font-family: var(--uoa-mainpage-font-display);
  font-weight: 900;
  text-transform: uppercase;
}

.uoa-signal-card h2,
.reuse-card-accent-compact h2 {
  font-size: clamp(1.5rem, 5vw, 1.875rem);
  line-height: 0.98;
}

.uoa-signal-card h3,
.reuse-card-accent-compact h3 {
  font-size: clamp(1.5rem, calc(0.1389vw + 1.05rem), 1.7rem);
  line-height: 0.98;
}

.uoa-signal-card p,
.uoa-audience-card p,
.reuse-card-accent-compact p,
.reuse-card-accent-feature p {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 400;
  line-height: 1.55;
  text-transform: none;
}

.uoa-signal-card--compact h3,
.reuse-card-accent-mini h3 {
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-sm-fluid);
  font-weight: 900;
  line-height: 1.15;
  text-transform: uppercase;
}

.uoa-identity-card__top p,
.reuse-card-topline-info p {
  font-size: 0.76rem;
}


.uoa-identity-card__sub,
.reuse-card-subtitle-info {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 800;
  line-height: 1.24;
  text-transform: none;
}

.uoa-detail-list dt {
  font-family: var(--uoa-mainpage-font-body);
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.uoa-detail-list dd {
  font-family: var(--uoa-mainpage-font-body);
  font-size: 1rem;
  font-weight: 850;
  line-height: 1.3;
  text-transform: none;
}

.uoa-audience-card h3,
.reuse-card-accent-feature h3 {
  font-size: 25px;
  line-height: 0.95;
}

/* Service and track components */
.uoa-hero-card__number,
.reuse-number-corner {
  font-family: var(--uoa-mainpage-font-display);
  font-size: 3.4rem;
  font-weight: 900;
  line-height: 1;
  text-transform: none;
}

.uoa-hero-card h2,
.reuse-card-hero h2 {
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-md);
  font-weight: 900;
  line-height: 0.96;
  text-transform: uppercase;
}

.uoa-hero-card h3,
.reuse-card-hero h3 {
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-xl);
  font-weight: 900;
  line-height: 0.96;
  text-transform: uppercase;
}

.uoa-hero-card p,
.reuse-card-hero p {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 900;
  line-height: 1.2;
  text-transform: none;
}

.uoa-hero-card small,
.reuse-card-hero small {
  font-family: var(--uoa-mainpage-font-body);
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.uoa-triad__line {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-xs);
  font-weight: 700;
  line-height: 1.02;
  text-transform: none;
}

.uoa-triad__line:first-child {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-sm-fluid);
  font-weight: 900;
  line-height: 0.94;
  text-transform: uppercase;
}

.uoa-triad__line:nth-child(2) {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-xs);
  font-weight: 700;
  line-height: 0.96;
  text-transform: none;
}

.uoa-triad__line:nth-child(3) {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-xs);
  font-weight: 700;
  line-height: 0.96;
  text-transform: none;
}

.uoa-track-title {
  font-family: var(--uoa-mainpage-font-display);
font-size: var(--uoa-font-size-2xl);
  font-weight: 900;
  line-height: 0.82;
  text-transform: uppercase;
}

.uoa-pill-flow span,
.uoa-mini-flow span,
.uoa-model-strip span,
.uoa-chip-row span,
.uoa-guide-card__focus span,
.uoa-focus-list span,
.reuse-chip-flow span,
.reuse-chip-flow-compact span,
.reuse-model-strip span,
.reuse-chip-row span,
.reuse-chip-row-card span,
.reuse-chip-list span {
  font-family: var(--uoa-mainpage-font-body);
  line-height: 1.15;
  text-transform: none;
}

.uoa-pill-flow span,
.uoa-mini-flow span,
.uoa-model-strip span,
.uoa-chip-row span,
.uoa-guide-card__focus span,
.reuse-chip-flow span,
.reuse-chip-flow-compact span,
.reuse-model-strip span,
.reuse-chip-row span,
.reuse-chip-row-card span {
  font-weight: 900;
}

.uoa-pill-flow span,
.uoa-mini-flow span,
.uoa-model-strip span,
.reuse-chip-flow span,
.reuse-chip-flow-compact span,
.reuse-model-strip span {
  font-size: 1rem;
}

.uoa-framework-grid span,
.reuse-grid-four-tiles span {
  font-family: var(--uoa-mainpage-font-body);
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.32;
  text-transform: none;
}

.uoa-glow-list {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 400;
  line-height: 1.68;
  text-transform: none;
}

.uoa-question-list,
.reuse-callout-list {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 400;
  line-height: 1.68;
  text-transform: none;
}

/* Paths, processes, and guide cards */
.uoa-path-card__topline span,
.uoa-offer-card__topline span,
.reuse-card-topline-spread span,
.reuse-card-topline-compact span {
  font-family: var(--uoa-mainpage-font-body);
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  text-transform: none;
}

.uoa-path-card__topline p,
.uoa-offer-card__topline p,
.uoa-identity-card__top p,
.reuse-card-topline-spread p,
.reuse-card-topline-compact p,
.reuse-card-topline-info p {
  font-family: var(--uoa-mainpage-font-body);
  font-weight: 900;
  line-height: 1.25;
  text-transform: uppercase;
}

.uoa-path-card__topline p,
.uoa-offer-card__topline p,
.reuse-card-topline-spread p,
.reuse-card-topline-compact p {
  font-size: var(--uoa-font-size-xs);
}

.uoa-path-card h2,
.uoa-offer-card h2,
.uoa-identity-card h2,
.reuse-card-framed-glass h2,
.reuse-card-framed-clear h2,
.reuse-card-framed-clear-info h2 {
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-lg);
  font-weight: 900;
  line-height: 0.92;
  text-transform: uppercase;
}

.uoa-path-card h3,
.reuse-card-framed-glass h3 {
  font-family: var(--uoa-mainpage-font-display);
  font-size: clamp(2.2rem, 4.3vw, 2.5rem);
  font-weight: 900;
  line-height: 0.92;
  text-transform: uppercase;
}

.uoa-path-card p,
.reuse-card-framed-glass p {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 400;
  line-height: 1.68;
  text-transform: none;
}

.uoa-path-card__sub,
.reuse-card-subtitle-accent {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 900;
  line-height: 1.3;
  text-transform: none;
}

.uoa-chip-row span,
.reuse-chip-row span {
  font-size: var(--uoa-font-size-sm);
}

.uoa-guide-card__focus span,
.reuse-chip-row-card span {
  font-size: var(--uoa-font-size-xs);
}

.uoa-process-grid span,
.reuse-grid-three-process span {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 900;
  line-height: 1;
  text-transform: none;
}

.uoa-process-grid h3,
.reuse-grid-three-process h3 {
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-md);
  font-weight: 900;
  line-height: 1.12;
  text-transform: uppercase;
}

.uoa-process-grid p,
.reuse-grid-three-process p {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 400;
  line-height: 1.55;
  text-transform: none;
}

.uoa-guide-card h3,
.reuse-card-framed-media h3 {
  font-size: clamp(2.2rem, 5vw, 5.2rem);
}

.uoa-guide-card p,
.reuse-card-framed-media p {
  line-height: 1.68;
}

/* Offers, pricing, and fit cards */
.uoa-offer-card__topline p,
.reuse-card-topline-compact p {
  text-shadow: 1px 1px 10px black;
}


.uoa-offer-card h3,
.reuse-card-framed-clear h3 {
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-xl);
  font-weight: 900;
  line-height: 0.92;
  text-transform: uppercase;
}

.uoa-offer-card p,
.reuse-card-framed-clear p {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 400;
  line-height: 1.68;
  text-transform: none;
}

.uoa-offer-card__sub,
.reuse-card-subtitle-compact {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 900;
  line-height: 1.25;
  text-transform: none;
}

.uoa-fit-card h2,
.reuse-card-framed-clear-compact h2 {
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-xl);
  font-weight: 900;
  line-height: 0.92;
  text-transform: uppercase;
}

.uoa-fit-card h3,
.reuse-card-framed-clear-compact h3 {
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-xl);
  font-weight: 900;
  line-height: 0.92;
  text-transform: uppercase;
}

.uoa-fit-card p,
.reuse-card-framed-clear-compact p {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 400;
  line-height: 1.68;
  text-transform: none;
}

.uoa-focus-list span,
.reuse-chip-list span {
  font-size: var(--uoa-font-size-xs);
  font-weight: 850;
}

.uoa-price-box p {
  font-family: var(--uoa-mainpage-font-body);
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.uoa-price-box strong {
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-3xl);
  font-weight: 900;
  line-height: 0.95;
  text-transform: none;
}

.uoa-price-box strong span {
  font-family: var(--uoa-mainpage-font-body);
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

/* Blog/article/resource typography */
.uoa-finder-card__top span,

.uoa-finder-card__top p,
.reuse-card-resource-head-links span,
.reuse-card-resource-head-links p {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-xs);
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.uoa-finder-card h2,
.reuse-card-resource-links h2 {
  font-family: var(--uoa-mainpage-font-display);
  font-size: clamp(2.15rem, 4.9vw, 4.0rem);
  font-weight: 900;
  line-height: 0.9;
  text-transform: uppercase;
}

.uoa-finder-card h3,
.reuse-card-resource-links h3 {
  font-family: var(--uoa-mainpage-font-display);
  font-size: clamp(2.15rem, 4.9vw, 4.5rem);
  font-weight: 900;
  line-height: 0.9;
  text-transform: uppercase;
}

.uoa-finder-card p,
.reuse-card-resource-links p {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 400;
  line-height: 1.68;
  text-transform: none;
  text-shadow: 1px 1px 10px black;
}

.uoa-article-card__head span,
.reuse-card-resource-head-summary span {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 900;
  line-height: 1;
  text-transform: none;
}

.uoa-article-card h2,
.reuse-card-resource-summary h2 {
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-lg);
  font-weight: 900;
  line-height: 0.9;
  text-transform: uppercase;
}

.uoa-article-card h3,
.reuse-card-resource-summary h3 {
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-xl);
  font-weight: 900;
  line-height: 0.9;
  text-transform: uppercase;
}

.uoa-article-card p,
.reuse-card-resource-summary p {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 400;
  line-height: 1.58;
  text-transform: none;
}

.uoa-article-card__subtitle,
.reuse-card-resource-subtitle {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 800;
  line-height: 1.38;
  text-transform: none;
}

.uoa-fit-box h3 {
  font-family: var(--uoa-mainpage-font-body);
  font-size: 1.08rem;
  font-weight: 900;
  line-height: 1.16;
  text-transform: none;
}

.uoa-fit-box li {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 400;
  line-height: 1.45;
  text-transform: none;
}

.uoa-map-grid span,
.reuse-grid-three-map-cards span {
  font-family: var(--uoa-mainpage-font-body);
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  text-transform: none;
}

.uoa-map-grid h3,
.reuse-grid-three-map-cards h3 {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 900;
  line-height: 1.16;
  text-transform: none;
}

.uoa-map-grid p,
.reuse-grid-three-map-cards p {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 400;
  line-height: 1.55;
  text-transform: none;
}

/* Pullquotes, display text, proof grids, and seals */
/* Shared emphasized-callout display typography */
.uoa-pullquote,
.uoa-question-box h2,
.uoa-question-box h3,
.uoa-mainpage-article-hero-card h2,
.uoa-mainpage-article-question-card h2,
.uoa-mainpage-article-cta h2,
.uoa-mainpage-article-pullquote p,
.reuse-pullquote,
.reuse-callout h2,
.reuse-callout h3,
.reuse-card-feature-glass h2,
.reuse-card-question h2,
.reuse-card-wide-cta h2,
.reuse-pullquote-gradient p {
  font-family: var(--uoa-mainpage-font-display);
  font-weight: 900;
  text-transform: uppercase;
}

.uoa-pullquote,
.reuse-pullquote {
  font-size: var(--uoa-font-size-lg);
  line-height: 0.98;
}

.uoa-pullquote-text,
.reuse-pullquote-text {
  font-size: var(--uoa-font-size-body);
}

.uoa-question-box h2,
.reuse-callout h2 {
  font-size: var(--uoa-font-size-xl);
  line-height: 0.98;
}

.uoa-question-box h3,
.reuse-callout h3 {
  font-size: var(--uoa-font-size-lg);
  line-height: 0.98;
}

.uoa-question-box p,
.reuse-callout p {
  font-size: var(--uoa-font-size-body);
  text-align: left !important;
}

.uoa-display-title {
  font-family: var(--uoa-mainpage-font-display);
  font-size: clamp(2.6rem, 6vw, 7rem);
  font-weight: 900;
  line-height: 0.92;
  text-transform: uppercase;
}

.uoa-display-subtitle {
  font-family: var(--uoa-mainpage-font-display);
  font-size: clamp(2.1rem, 5vw, 5.8rem);
  font-weight: 900;
  line-height: 0.9;
  text-transform: uppercase;
}

.uoa-proof-grid h3,
.reuse-grid-two-panels h3 {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 900;
  line-height: 1.2;
  text-transform: none;
}

.uoa-proof-grid p,
.reuse-grid-two-panels p {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 400;
  line-height: 1.68;
  text-transform: none;
}

.uoa-chain span {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-sm);
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.uoa-seal {
  font-family: var(--uoa-mainpage-font-display);
font-size: var(--uoa-font-size-lg);
  font-weight: 900;
  line-height: 1;
  text-transform: none;
}

.uoa-placeholder-card {
  font-family: var(--uoa-mainpage-font-body);
  font-weight: 900;
  line-height: 1.4;
  text-transform: uppercase;
}

/* Hero-to-content spacing controls */
.uoa-mainpages-template .uoa-mainpage:is(.uoa-mainpage--contact, .uoa-mainpage--sessions, .uoa-mainpage--blog) .uoa-mainpage-hero,
.uoa-mainpages-template .uoa-mainpage:is(.uoa-mainpage--contact, .uoa-mainpage--sessions, .uoa-mainpage--blog) .reuse-hero-layout {
  min-height: auto;
}

.uoa-mainpages-template .uoa-mainpage:is(.uoa-mainpage--contact, .uoa-mainpage--sessions, .uoa-mainpage--blog) .uoa-mainpage__inner:not(.uoa-mainpage__inner--content):not(.uoa-mainpage__inner--story),
.uoa-mainpages-template .uoa-mainpage:is(.uoa-mainpage--contact, .uoa-mainpage--sessions, .uoa-mainpage--blog) .reuse-container:not(.reuse-container-content):not(.reuse-container-story) {
  padding-bottom: 0;
}

.uoa-mainpages-template .uoa-mainpage:is(.uoa-mainpage--contact, .uoa-mainpage--sessions, .uoa-mainpage--blog) .uoa-mainpage__inner--content,
.uoa-mainpages-template .uoa-mainpage:is(.uoa-mainpage--contact, .uoa-mainpage--sessions, .uoa-mainpage--blog) .uoa-mainpage__inner--story,
.uoa-mainpages-template .uoa-mainpage:is(.uoa-mainpage--contact, .uoa-mainpage--sessions, .uoa-mainpage--blog) .reuse-container-content,
.uoa-mainpages-template .uoa-mainpage:is(.uoa-mainpage--contact, .uoa-mainpage--sessions, .uoa-mainpage--blog) .reuse-container-story {
  padding-top: 0;
}

@media (max-width: 820px) {
  .uoa-mainpages-template .uoa-mainpage:is(.uoa-mainpage--contact, .uoa-mainpage--sessions, .uoa-mainpage--blog) .uoa-mainpage__inner:not(.uoa-mainpage__inner--content):not(.uoa-mainpage__inner--story),
.uoa-mainpages-template .uoa-mainpage:is(.uoa-mainpage--contact, .uoa-mainpage--sessions, .uoa-mainpage--blog) .reuse-container:not(.reuse-container-content):not(.reuse-container-story) {
    padding-bottom: 0;
  }

  .uoa-mainpages-template .uoa-mainpage:is(.uoa-mainpage--contact, .uoa-mainpage--sessions, .uoa-mainpage--blog) .uoa-mainpage__inner--content,
  .uoa-mainpages-template .uoa-mainpage:is(.uoa-mainpage--contact, .uoa-mainpage--sessions, .uoa-mainpage--blog) .uoa-mainpage__inner--story,
.uoa-mainpages-template .uoa-mainpage:is(.uoa-mainpage--contact, .uoa-mainpage--sessions, .uoa-mainpage--blog) .reuse-container-content,
.uoa-mainpages-template .uoa-mainpage:is(.uoa-mainpage--contact, .uoa-mainpage--sessions, .uoa-mainpage--blog) .reuse-container-story {
    padding-top: 0;
  }
}



/* ==========================================================
   Shared reusable content components + article layout context
   ==========================================================
   Part 2 canonical rule:
   - Reusable visual components use content-type-neutral .reuse-* names
     and may be used interchangeably on Pages and Posts.
   - Historical .uoa-mainpage-article-* selectors remain only as
     temporary compatibility aliases until verified migration/deletion.
   - Only true article layout/context may retain article-specific naming.
   - Article sidebar/rail classes intentionally remain uoa-article-*;
     those are template-owned by posts-themed_images.php.
   ========================================================== */
.uoa-mainpage-article,
.reuse-article {
--uoa-page-navy: #030614;
  --uoa-page-navy-2: #0b112b;
  --uoa-page-panel: #dcdcde;
  --uoa-page-panel-deep: #7e7e7e;
  --uoa-page-ink: #333333;
  --uoa-page-blue: #3186ff;
  --uoa-page-blue-mid: #346bf1;
  --uoa-page-blue-light: #4fa0ff;
  --uoa-page-white: #ffffff;
  --uoa-page-soft: rgba(255, 255, 255, 0.80);
  --uoa-page-border: rgba(255, 255, 255, 0.18);
  --uoa-page-shadow: 0 28px 70px rgba(0, 0, 0, 0.58);

  position: relative;
width: 100vw;	 
max-width: 100vw;	 
margin-left: calc(50% - 50vw);	 
margin-right: calc(50% - 50vw);
  overflow: clip;
  color: var(--uoa-page-white);
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  isolation: isolate;
}

.uoa-mainpage-article-title,
.uoa-mainpage-article-title span,
.reuse-heading-hero-solid,
.reuse-heading-hero-solid span {
overflow-wrap: normal;
  word-break: keep-all;
}

.uoa-mainpage-article section[id],
.reuse-article section[id] {
scroll-margin-top: 96px;
}

.uoa-mainpage-article__shell,
.reuse-article-shell {
  padding: clamp(7.5rem, 12vw, 10.5rem) 0 clamp(3.4rem, 7vw, 5.3rem);
}

.uoa-mainpage-article__shell--content,
.reuse-article-shell-content {
padding-top: clamp(2.6rem, 5vw, 4.8rem);
  padding-bottom: clamp(5rem, 8vw, 8rem);
}

.uoa-mainpage-article-hero,
.reuse-hero-feature-split {
display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(330px, 0.72fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  min-height: min(720px, calc(100vh - 2rem));
}

.uoa-mainpage-article-title,
.reuse-heading-hero-solid {
margin: 1.25rem 0 0 !important;
  text-align: left !important;
  color: #fff;
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-hero-title);
  font-weight: 900;
  letter-spacing: 0.014em;
  line-height: 0.82;
  text-transform: uppercase;
  text-shadow: 8px 8px 16px rgba(0, 0, 0, 0.78);
}

.uoa-mainpage-article-title span,
.reuse-heading-hero-solid span {
display: block;
}

.uoa-mainpage-article-title span:nth-child(n/**/+2),
.reuse-heading-hero-solid span:nth-child(n/**/+2) {
margin-top: 0.08em;
}

.uoa-mainpage-article-subtitle,
.reuse-heading-subtitle-strong {
max-width: 760px;
  margin: 1.35rem 0 0;
  color: #fff;
  font-size: var(--uoa-font-size-hero-subtitle);
  font-weight: 800;
  line-height: 1.08;
  text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.72);
}

.uoa-mainpage-article-lead,
.reuse-lead-rail {
position: relative;
  max-width: 780px;
  margin: 1.55rem 0 0;
  padding-left: 1.6rem;
}

.uoa-mainpage-article-lead::before,
.uoa-mainpage-article-section-label span,
.reuse-lead-rail::before,
.reuse-section-label-rail span {
content: "";
  display: block;
  border-radius: 99px;
  background: linear-gradient(180deg, var(--uoa-page-blue), rgba(79, 160, 255, 0.10));
  box-shadow: 0 0 16px rgba(49, 134, 255, 0.42);
}

.uoa-mainpage-article-lead::before,
.reuse-lead-rail::before {
position: absolute;
  width: 3px;
  top: 0.25rem;
  bottom: 0.25rem;
  left: 0;
}.uoa-mainpage-article-lead p,
.reuse-lead-rail p {
color: var(--uoa-page-soft);
  font-size: var(--uoa-font-size-hero-lead);
  line-height: 1.68;
}



.uoa-mainpage-article-hero-card p,
.uoa-mainpage-article-card p,
.uoa-mainpage-article-mini-card p,
.uoa-mainpage-article-compare p,
.uoa-mainpage-article-flow__item p,
.uoa-mainpage-article-cta p,
.reuse-card-feature-glass p,
.reuse-card-content p,
.reuse-card-compact-feature p,
.reuse-grid-compare p,
.reuse-flow-step p,
.reuse-card-wide-cta p {
color: var(--uoa-page-soft);
  font-size: 1.25rem;
  line-height: 1.68;
}

.uoa-mainpage-article-lead p:last-child,
.uoa-mainpage-article-hero-card p:last-child,
.uoa-mainpage-article-card p:last-child,
.uoa-mainpage-article-mini-card p:last-child,
.uoa-mainpage-article-compare p:last-child,
.uoa-mainpage-article-callout p:last-child,
.uoa-mainpage-article-cta p:last-child,
.reuse-lead-rail p:last-child,
.reuse-card-feature-glass p:last-child,
.reuse-card-content p:last-child,
.reuse-card-compact-feature p:last-child,
.reuse-grid-compare p:last-child,
.reuse-callout-solid p:last-child,
.reuse-card-wide-cta p:last-child {
margin-bottom: 0;
}

.uoa-mainpage-article-actions,
.reuse-actions-stack-mobile {
  gap: 1rem;
}

.uoa-mainpage-article-button,
.reuse-button-emphasis {
  font-size: 0.92rem;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

.uoa-mainpage-article-button:hover,
.uoa-mainpage-article-button:focus-visible,
.reuse-button-emphasis:hover,
.reuse-button-emphasis:focus-visible {
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.42), inset -2px -2px 5px rgba(255, 255, 255, 0.20);
}

.uoa-mainpage-article-button--ghost,
.reuse-button-emphasis-ghost {
  background: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 1px 22px rgba(255, 255, 255, 0.09), 0 16px 34px rgba(0, 0, 0, 0.26);
}

.uoa-mainpage-article-hero-card,
.uoa-mainpage-article-card--glass,
.uoa-mainpage-article-mini-card,
.uoa-mainpage-article-question-card,
.uoa-mainpage-article-cta,
.reuse-card-feature-glass,
.reuse-card-content-glass,
.reuse-card-compact-feature,
.reuse-card-question,
.reuse-card-wide-cta {
  position: relative;
  border: 1px solid var(--uoa-page-border);
  box-shadow: var(--uoa-page-shadow), inset 0 4px 24px rgba(255, 255, 255, 0.16);
}

.uoa-mainpage-article-hero-card,
.reuse-card-feature-glass {
align-self: center;
  padding: clamp(1.4rem, 3vw, 2.25rem);
  border-radius: 28px;
  overflow: hidden;
}

.uoa-mainpage-article-hero-card::before,
.uoa-mainpage-article-card--glass::before,
.uoa-mainpage-article-question-card::before,
.uoa-mainpage-article-cta::before,
.reuse-card-feature-glass::before,
.reuse-card-content-glass::before,
.reuse-card-question::before,
.reuse-card-wide-cta::before {
content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(49, 134, 255, 0.24), transparent 35%, rgba(255, 255, 255, 0.08));
  opacity: 0.75;
}

.uoa-mainpage-article-hero-card__top,
.reuse-card-feature-glass-top {
display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.7rem;
}

.uoa-mainpage-article-hero-card__top span,
.uoa-mainpage-article-mini-card span,
.reuse-card-feature-glass-top span,
.reuse-card-compact-feature span {
  place-items: center;
  background: var(--uoa-page-panel);
  font-family: var(--uoa-mainpage-font-display);
  font-weight: 900;
  line-height: 1;
}

.uoa-mainpage-article-hero-card__top span,
.reuse-card-feature-glass-top span {
  display: grid;
  width: 78px;
  height: 78px;
  border-radius: 22px;
  color: #12131a;
  box-shadow: inset 0 4px 18px rgba(255, 255, 255, 0.4), 0 14px 30px rgba(0, 0, 0, 0.34);
  font-size: 3.1rem;
}

.uoa-mainpage-article-hero-card__top p,
.reuse-card-feature-glass-top p {
margin: 0.2rem 0 0;
  color: var(--uoa-page-blue-light);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  line-height: 1.3;
  text-align: right;
  text-transform: uppercase;
}

.uoa-mainpage-article-hero-card h2,
.uoa-mainpage-article-question-card h2,
.uoa-mainpage-article-cta h2,
.uoa-mainpage-article-pullquote p,
.reuse-card-feature-glass h2,
.reuse-card-question h2,
.reuse-card-wide-cta h2,
.reuse-pullquote-gradient p {
  color: #fff;
}

.uoa-mainpage-article-hero-card h2,
.uoa-mainpage-article-question-card h2,
.uoa-mainpage-article-cta h2,
.reuse-card-feature-glass h2,
.reuse-card-question h2,
.reuse-card-wide-cta h2 {
  margin: 0 0 1rem !important;
  font-size: clamp(2.8rem, 4.6vw, 4.5rem);
  letter-spacing: 0.018em;
  line-height: 0.9;
  text-align: left !important;
  text-shadow: 5px 5px 12px rgba(0, 0, 0, 0.62);
}

.uoa-mainpage-article-pill-row,
.reuse-chip-row-compact {
  gap: 0.55rem;
  margin-top: 1.7rem;
}

.uoa-mainpage-article-pill-row span,
.reuse-chip-row-compact span {
  align-items: center;
  min-height: 32px;
  padding: 0.35rem 0.7rem;
  border: 1px solid rgba(79, 160, 255, 0.28);
  background: rgba(255, 255, 255, 0.06);
  font-size: 0.77rem;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.uoa-mainpage-article-content,
.reuse-content-stack {
display: grid;
  gap: clamp(2rem, 4vw, 3.8rem);
  min-width: 0;
}

.uoa-mainpage-article-section,
.reuse-content-section {
display: grid;
  gap: 1.3rem;
}

.uoa-mainpage-article-section-label,
.reuse-section-label-rail {
display: flex;
  align-items: center;
  gap: 0.75rem;
}

.uoa-mainpage-article-section-label span,
.reuse-section-label-rail span {
width: 34px;
  height: 2px;
}

.uoa-mainpage-article-card,
.uoa-mainpage-article-callout,
.uoa-mainpage-article-compare article,
.reuse-card-content,
.reuse-callout-solid,
.reuse-grid-compare article {
  border-radius: 24px;
}

.uoa-mainpage-article-card,
.reuse-card-content {
  padding: clamp(1.35rem, 3vw, 2.35rem);
}

.uoa-mainpage-article-card--text,
.reuse-card-content-rail {
background: var(--uoa-glass-dark-background);
  border-left: 3px solid rgba(49, 134, 255, 0.8);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28);
}

.uoa-mainpage-article-card--text p,
.reuse-card-content-rail p {
margin: 0 0 1.15rem;
}

.uoa-mainpage-article-card--solid,
.reuse-card-content-solid {
  color: #333;
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.64), inset 0 4px 24px rgba(255, 255, 255, 0.38);
}

.uoa-mainpage-article-card--solid p,
.uoa-mainpage-article-callout p,
.reuse-card-content-solid p,
.reuse-callout-solid p {
  color: #23252c;
  font-size: var(--uoa-font-size-body);
}

.uoa-mainpage-article-card--solid p,
.reuse-card-content-solid p {
  font-weight: 750;
  line-height: 1.52;
}

.uoa-mainpage-article-question-card,
.reuse-card-question {
border-radius: 26px;
  padding: clamp(1.3rem, 3vw, 2.2rem);
}

.uoa-mainpage-article-question-card .uoa-mainpage-article-kicker,
.uoa-mainpage-article-compare .uoa-mainpage-article-kicker,
.reuse-card-question .reuse-label-kicker-clean,
.reuse-grid-compare .reuse-label-kicker-clean {
  margin-bottom: 0.8rem;
}

.uoa-mainpage-article-feature-grid,
.uoa-mainpage-article-compare,
.reuse-grid-three-compact-features,
.reuse-grid-compare {
  display: grid;
  gap: 1rem;
}

.uoa-mainpage-article-feature-grid,
.reuse-grid-three-compact-features {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.uoa-mainpage-article-mini-card,
.reuse-card-compact-feature {
border-radius: 22px;
  padding: 1.25rem;
}

.uoa-mainpage-article-mini-card span,
.reuse-card-compact-feature span {
  display: inline-grid;
  width: 42px;
  height: 42px;
  margin-bottom: 1rem;
  border-radius: 13px;
  color: #14161d;
  font-size: 1.7rem;
}

.uoa-mainpage-article-mini-card h3,
.uoa-mainpage-article-compare h3,
.reuse-card-compact-feature h3,
.reuse-grid-compare h3 {
margin: 0 0 0.65rem !important;
  color: #fff;
  font-size: 1.35rem;
  line-height: 1.05;
  text-align: left !important;
}

.uoa-mainpage-article-mini-card p,
.uoa-mainpage-article-compare p,
.uoa-mainpage-article-pullquote p,
.reuse-card-compact-feature p,
.reuse-grid-compare p,
.reuse-pullquote-gradient p {
  margin: 0;
}

.uoa-mainpage-article-pullquote,
.reuse-pullquote-gradient {
position: relative;
  margin: 0;
  padding: clamp(1.6rem, 4vw, 3rem);
  border: 1px solid rgba(79, 160, 255, 0.28);
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(49, 134, 255, 0.22), rgba(255, 255, 255, 0.06));
  box-shadow: 0 26px 62px rgba(0, 0, 0, 0.36), inset 0 4px 24px rgba(255, 255, 255, 0.12);
}

.uoa-mainpage-article-pullquote::before,
.reuse-pullquote-gradient::before {
content: "“";
  position: absolute;
  top: -0.25rem;
  left: 1.2rem;
  color: rgba(79, 160, 255, 0.44);
  font-family: Georgia, serif;
  font-size: 7rem;
  line-height: 1;
}

.uoa-mainpage-article-pullquote p,
.reuse-pullquote-gradient p {
  font-size: clamp(2.7rem, 6vw, 5.7rem);
  line-height: 0.92;
  letter-spacing: 0.012em;
  text-shadow: 6px 6px 14px rgba(0, 0, 0, 0.64);
}

.uoa-mainpage-article-compare article,
.uoa-mainpage-article-flow__item,
.reuse-grid-compare article,
.reuse-flow-step {
  background: rgba(255, 255, 255, 0.07);
}

.uoa-mainpage-article-compare article,
.reuse-grid-compare article {
  min-height: 100%;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.30), inset 0 3px 18px rgba(255, 255, 255, 0.08);
}

.uoa-mainpage-article-callout,
.reuse-callout-solid {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  padding: clamp(1.2rem, 2.7vw, 2rem);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.58), inset 0 4px 24px rgba(255, 255, 255, 0.36);
}

.uoa-mainpage-article-callout span,
.reuse-callout-solid span {
color: #111827;
  padding: 0.4rem 0.65rem;
  border-radius: 999px;
  background: rgba(49, 134, 255, 0.14);
}

.uoa-mainpage-article-callout p,
.reuse-callout-solid p {
  margin: 0;
  font-weight: 800;
  line-height: 1.5;
}

.uoa-mainpage-article-flow,
.reuse-flow-steps {
display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 0.75rem;
  align-items: stretch;
}

.uoa-mainpage-article-flow__item,
.reuse-flow-step {
  display: grid;
  align-content: center;
  justify-items: center;
  border: 1px solid rgba(79, 160, 255, 0.24);
  border-radius: 22px;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.28), inset 0 3px 18px rgba(255, 255, 255, 0.08);
  text-align: center;
}

.uoa-mainpage-article-flow__item span,
.reuse-flow-step span {
  margin: 0;
  color: #fff;
  font-size: 0.84rem;
  letter-spacing: 0.14em;
}

.uoa-mainpage-article-flow__item p,
.reuse-flow-step p {
  margin: 0.45rem 0 0;
  font-weight: 800;
  line-height: 1.25;
}

.uoa-mainpage-article-flow__arrow,
.reuse-flow-arrow {
display: grid;
  place-items: center;
  color: var(--uoa-page-blue-light);
  font-size: 2rem;
  font-weight: 900;
  text-shadow: 0 0 12px rgba(49, 134, 255, 0.72);
}

.uoa-mainpage-article-cta,
.reuse-card-wide-cta {
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr);
  gap: clamp(1.4rem, 3vw, 2.5rem);
  overflow: hidden;
}

.uoa-mainpage-article-cta h2,
.reuse-card-wide-cta h2 {
margin-bottom: 0 !important;
}

@media (max-width: 1100px) {
  .uoa-mainpage-article-hero,
.reuse-hero-feature-split {
grid-template-columns: minmax(0, 1fr);
    align-items: start;
    min-height: auto;
  }

  .uoa-mainpage-article-hero-card,
.reuse-card-feature-glass {
max-width: 760px;
  }
}

@media (max-width: 900px) {
  .uoa-mainpage-article__shell,
.reuse-article-shell {
width: min(100% - 28px, 760px);
    padding-top: clamp(6.5rem, 14vw, 8rem);
  }

  .uoa-mainpage-article-feature-grid,
.reuse-grid-three-compact-features {
grid-template-columns: 1fr;
  }

  .uoa-mainpage-article-compare,
.uoa-mainpage-article-cta,
.reuse-grid-compare,
.reuse-card-wide-cta {
grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .uoa-mainpage-article,
.reuse-article {
overflow: hidden;
  }

  .uoa-mainpage-article__shell,
.reuse-article-shell {
width: min(100% - 22px, 540px);
    padding-top: 6.2rem;
  }

  .uoa-mainpage-article-title,
.reuse-heading-hero-solid {
line-height: 0.86;
    letter-spacing: 0.005em;
  }

  .uoa-mainpage-article-lead,
.uoa-mainpage-article-card,
.uoa-mainpage-article-question-card,
.uoa-mainpage-article-callout,
.uoa-mainpage-article-pullquote,
.uoa-mainpage-article-cta,
.reuse-lead-rail,
.reuse-card-content,
.reuse-card-question,
.reuse-callout-solid,
.reuse-pullquote-gradient,
.reuse-card-wide-cta {
border-radius: 18px;
  }

  .uoa-mainpage-article-hero-card p,
.uoa-mainpage-article-card p,
.uoa-mainpage-article-mini-card p,
.uoa-mainpage-article-compare p,
.uoa-mainpage-article-callout p,
.uoa-mainpage-article-cta p,
.reuse-card-feature-glass p,
.reuse-card-content p,
.reuse-card-compact-feature p,
.reuse-grid-compare p,
.reuse-callout-solid p,
.reuse-card-wide-cta p {
font-size: 1.25rem;
    line-height: 1.62;
  }

  .uoa-mainpage-article-actions,
.reuse-actions-stack-mobile {
display: grid;
    grid-template-columns: 1fr;
  }

  .uoa-mainpage-article-button,
.reuse-button-emphasis {
width: 100%;
    min-height: 50px;
    padding: 0.85rem 1rem;
  }

  .uoa-mainpage-article-hero-card__top span,
.reuse-card-feature-glass-top span {
width: 64px;
    height: 64px;
    font-size: 2.55rem;
  }

  .uoa-mainpage-article-hero-card h2,
.uoa-mainpage-article-question-card h2,
.uoa-mainpage-article-cta h2,
.reuse-card-feature-glass h2,
.reuse-card-question h2,
.reuse-card-wide-cta h2 {
font-size: clamp(2.25rem, 10.5vw, 3rem);
  }

  .uoa-mainpage-article-callout,
.reuse-callout-solid {
grid-template-columns: 1fr;
  }

  .uoa-mainpage-article-flow,
.reuse-flow-steps {
grid-template-columns: 1fr;
  }

  .uoa-mainpage-article-flow__arrow,
.reuse-flow-arrow {
transform: rotate(90deg);
    min-height: 24px;
    font-size: 1.5rem;
  }

  .uoa-mainpage-article-pullquote p,
.reuse-pullquote-gradient p {
font-size: clamp(2.2rem, 14vw, 3.7rem);
  }
}

@media (max-width: 380px) {
  .uoa-mainpage-article__shell,
.reuse-article-shell {
width: min(100% - 18px, 360px);
  }

  .uoa-mainpage-article-eyebrow,
.uoa-mainpage-article-kicker,
.uoa-mainpage-article-section-label p,
.uoa-mainpage-article-callout span,
.reuse-label-eyebrow-flush,
.reuse-label-kicker-clean,
.reuse-section-label-rail p,
.reuse-callout-solid span {
letter-spacing: 0.14em;
  }

  .uoa-mainpage-article-card,
.uoa-mainpage-article-hero-card,
.uoa-mainpage-article-mini-card,
.uoa-mainpage-article-question-card,
.uoa-mainpage-article-callout,
.uoa-mainpage-article-pullquote,
.uoa-mainpage-article-cta,
.reuse-card-content,
.reuse-card-feature-glass,
.reuse-card-compact-feature,
.reuse-card-question,
.reuse-callout-solid,
.reuse-pullquote-gradient,
.reuse-card-wide-cta {
padding: 1rem;
  }
}

@media (max-width: 768px), (pointer: coarse), (hover: none) {
  .uoa-mainpage-article-hero-card,
.uoa-mainpage-article-card--glass,
.uoa-mainpage-article-mini-card,
.uoa-mainpage-article-question-card,
.uoa-mainpage-article-cta,
.reuse-card-feature-glass,
.reuse-card-content-glass,
.reuse-card-compact-feature,
.reuse-card-question,
.reuse-card-wide-cta {
-webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .uoa-mainpage-article *,
.uoa-mainpage-article *::before,
.uoa-mainpage-article *::after,
.reuse-article *,
.reuse-article *::before,
.reuse-article *::after {
animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}

/* ==========================================================
   Page-template SEO H1 + non-H1 display-title support
   ----------------------------------------------------------
   These classes are used by mainpages-theme.php, search.php,
   archive.php, category.php, 404.php, and all-articles.php
   after the semantic heading update. Existing post-template H1
   styles remain on .uoa-mainpage-title and are intentionally
   not changed here. Post heroes are included only in the shared
   hero spacing so posts and main pages keep the same page rhythm.
   ========================================================== */

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero:has(> .uoa-mainpage-page-title),
.uoa-mainpages-template.uoa-post-read-only-template .uoa-post-read-only-hero,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-posts-themed-images-hero,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout:has(> .reuse-heading-page-pill) {
  padding-top: clamp(7.5rem, 12vw, 10.5rem);
  padding-bottom: 75px;
  row-gap: clamp(0.7rem, 1.7vw, 1.35rem);
  column-gap: clamp(2rem, 5vw, 5rem);
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-hero:has(> .uoa-mainpage-page-title),
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-hero-layout:has(> .reuse-heading-page-pill) {
  padding-top: clamp(7.5rem, 12vw, 11rem);
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-page-title,
.uoa-mainpages-template .uoa-mainpage .reuse-heading-page-pill {
  grid-column: 1 / -1;
  justify-self: center;
  align-self: center;
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.7rem, 1.15vw, 1.05rem);
  width: fit-content;
  max-width: min(100%, 1120px);
  margin: 0 auto clamp(1rem, 2vw, 1.75rem) !important;
  padding: clamp(0.78rem, 1.25vw, 1.08rem) clamp(1.15rem, 2.7vw, 2.35rem);
  border: 1px solid rgba(255, 255, 255, 0.23);
  border-radius: 999px;
  background:
    radial-gradient(circle at 14% 18%, rgba(255, 255, 255, 0.24), transparent 28%),
    radial-gradient(circle at 86% 28%, rgba(79, 160, 255, 0.2), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.038)),
    var(--uoa-glass-dark-background);
  box-shadow:
    0 30px 82px rgba(0, 0, 0, 0.58),
    0 0 58px rgba(49, 134, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    inset 0 -18px 46px rgba(3, 6, 20, 0.34);
  color: rgba(255, 255, 255, 0.96);
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-hero-title);
  font-weight: 900;
  line-height: 0.82;
  text-align: center !important;
  text-transform: uppercase;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.14),
    0 8px 18px rgba(0, 0, 0, 0.72),
    0 0 34px rgba(79, 160, 255, 0.22);
  overflow-wrap: normal;
  word-break: keep-all;
  hyphens: none;
  backdrop-filter: blur(14px) saturate(1.18);
  -webkit-backdrop-filter: blur(14px) saturate(1.18);
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-page-title::before,
.uoa-mainpages-template .uoa-mainpage .reuse-heading-page-pill::before {
  content: "";
  width: clamp(0.78rem, 1.15vw, 1.08rem);
  height: clamp(0.78rem, 1.15vw, 1.08rem);
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 999px;
  background:
    radial-gradient(circle at 32% 28%, #ffffff 0 8%, rgba(255, 255, 255, 0.55) 9% 18%, transparent 19%),
    radial-gradient(circle, var(--uoa-page-blue-light, #4fa0ff), var(--uoa-page-blue, #3186ff) 58%, rgba(52, 107, 241, 0.4));
  box-shadow:
    0 0 18px rgba(49, 134, 255, 0.95),
    0 0 42px rgba(79, 160, 255, 0.45),
    inset 0 1px 5px rgba(255, 255, 255, 0.62);
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-page-title::after,
.uoa-mainpages-template .uoa-mainpage .reuse-heading-page-pill::after {
  content: "";
  position: absolute;
  left: clamp(1.4rem, 5vw, 4rem);
  right: clamp(1.4rem, 5vw, 4rem);
  bottom: clamp(-0.68rem, -0.7vw, -0.4rem);
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(79, 160, 255, 0.95), rgba(255, 255, 255, 0.78), rgba(79, 160, 255, 0.95), transparent);
  box-shadow: 0 0 20px rgba(49, 134, 255, 0.58);
  pointer-events: none;
}

/* Post-template article label: visually matches the main-page H1/page title while keeping the post markup class as .uoa-mainpage-eyebrow. */
.uoa-mainpages-template.uoa-post-read-only-template .uoa-post-read-only-hero > .uoa-mainpage-eyebrow,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-posts-themed-images-hero > .uoa-mainpage-eyebrow,
.uoa-mainpages-template.uoa-post-read-only-template .uoa-post-read-only-hero > .reuse-label-eyebrow,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-posts-themed-images-hero > .reuse-label-eyebrow {
  grid-column: 1 / -1;
  justify-self: center;
  align-self: center;
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.7rem, 1.15vw, 1.05rem);
  width: fit-content;
  max-width: min(100%, 1120px);
  margin: 0 auto clamp(1rem, 2vw, 1.75rem) !important;
  padding: clamp(0.78rem, 1.25vw, 1.08rem) clamp(1.15rem, 2.7vw, 2.35rem);
  border: 1px solid rgba(255, 255, 255, 0.23);
  border-radius: 999px;
  background:
    radial-gradient(circle at 14% 18%, rgba(255, 255, 255, 0.24), transparent 28%),
    radial-gradient(circle at 86% 28%, rgba(79, 160, 255, 0.2), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.038)),
    var(--uoa-glass-dark-background);
  box-shadow:
    0 30px 82px rgba(0, 0, 0, 0.58),
    0 0 58px rgba(49, 134, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    inset 0 -18px 46px rgba(3, 6, 20, 0.34);
  color: rgba(255, 255, 255, 0.96);
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-hero-title);
  font-weight: 900;
  letter-spacing: 0.018em !important;
  line-height: 0.82;
  text-align: center !important;
  text-transform: uppercase;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.14),
    0 8px 18px rgba(0, 0, 0, 0.72),
    0 0 34px rgba(79, 160, 255, 0.22);
  overflow-wrap: normal;
  word-break: keep-all;
  hyphens: none;
  backdrop-filter: blur(14px) saturate(1.18);
  -webkit-backdrop-filter: blur(14px) saturate(1.18);
}

.uoa-mainpages-template.uoa-post-read-only-template .uoa-post-read-only-hero > .uoa-mainpage-eyebrow::before,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-posts-themed-images-hero > .uoa-mainpage-eyebrow::before,
.uoa-mainpages-template.uoa-post-read-only-template .uoa-post-read-only-hero > .reuse-label-eyebrow::before,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-posts-themed-images-hero > .reuse-label-eyebrow::before {
  content: "";
  width: clamp(0.78rem, 1.15vw, 1.08rem);
  height: clamp(0.78rem, 1.15vw, 1.08rem);
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 999px;
  background:
    radial-gradient(circle at 32% 28%, #ffffff 0 8%, rgba(255, 255, 255, 0.55) 9% 18%, transparent 19%),
    radial-gradient(circle, var(--uoa-page-blue-light, #4fa0ff), var(--uoa-page-blue, #3186ff) 58%, rgba(52, 107, 241, 0.4));
  box-shadow:
    0 0 18px rgba(49, 134, 255, 0.95),
    0 0 42px rgba(79, 160, 255, 0.45),
    inset 0 1px 5px rgba(255, 255, 255, 0.62);
}

.uoa-mainpages-template.uoa-post-read-only-template .uoa-post-read-only-hero > .uoa-mainpage-eyebrow::after,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-posts-themed-images-hero > .uoa-mainpage-eyebrow::after,
.uoa-mainpages-template.uoa-post-read-only-template .uoa-post-read-only-hero > .reuse-label-eyebrow::after,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-posts-themed-images-hero > .reuse-label-eyebrow::after {
  content: "";
  position: absolute;
  left: clamp(1.4rem, 5vw, 4rem);
  right: clamp(1.4rem, 5vw, 4rem);
  bottom: clamp(-0.68rem, -0.7vw, -0.4rem);
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(79, 160, 255, 0.95), rgba(255, 255, 255, 0.78), rgba(79, 160, 255, 0.95), transparent);
  box-shadow: 0 0 20px rgba(49, 134, 255, 0.58);
  pointer-events: none;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-display-title,
.uoa-mainpages-template .uoa-mainpage .reuse-heading-display {
  display: block;
  margin: 1.25rem 0 0 !important;
  color: #fff;
  font-family: var(--uoa-mainpage-font-display);
  font-size: var(--uoa-font-size-hero-title);
  font-weight: 900;
  line-height: 0.82;
  text-align: left !important;
  text-transform: uppercase;
  text-shadow: 8px 8px 16px rgba(0, 0, 0, 0.76);
  overflow-wrap: normal;
  word-break: keep-all;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-display-title span,
.uoa-mainpages-template .uoa-mainpage .reuse-heading-display span {
  display: block;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-display-title span:last-child,
.uoa-mainpages-template .uoa-mainpage .reuse-heading-display span:last-child {
  color: transparent;
  background: linear-gradient(90.8deg, var(--uoa-page-blue, #3186ff) -1.06%, var(--uoa-page-blue-mid, #346bf1) 45.45%, var(--uoa-page-blue-light, #4fa0ff) 97.12%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 10px 14px rgba(0, 0, 0, 0.55));
}.uoa-mainpages-template .uoa-mainpage-lead p,
.uoa-mainpages-template .reuse-lead p {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-hero-lead);
  font-weight: 400;
  line-height: 1.68;
  text-transform: none;
}



.uoa-mainpages-template .uoa-mainpage-card p,
.uoa-mainpages-template .uoa-mainpage-wide-card p,
.uoa-mainpages-template .uoa-mainpage-intro-panel p,
.uoa-mainpages-template .reuse-card-glass p,
.uoa-mainpages-template .reuse-card-wide p,
.uoa-mainpages-template .reuse-card-feature p {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 400;
  line-height: 1.68;
  text-transform: none;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-page-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .uoa-mainpage-display-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-page-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-display-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-page-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-display-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-heading-page-pill,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--about .reuse-heading-display,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-heading-page-pill,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-heading-display,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-heading-page-pill,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-heading-display {
  letter-spacing: 0.015em !important;
}

.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-page-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-display-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-page-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-display-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-page-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .uoa-mainpage-display-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-heading-page-pill,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-heading-display,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-heading-page-pill,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-heading-display,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-heading-page-pill,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--blog .reuse-heading-display {
  letter-spacing: 0.014em !important;
}

body.archive .uoa-archive-template .uoa-mainpage-display-title span:last-child,
body.category .uoa-category-template .uoa-mainpage-display-title span:last-child,
body.error404 .uoa-error404-template .uoa-mainpage-display-title span:last-child,
body.search .uoa-search-template .uoa-mainpage-display-title span:last-child,
body.uoa-all-articles-template-active .uoa-all-articles-template .uoa-mainpage-display-title span:last-child,
body.archive .uoa-archive-template .reuse-heading-display span:last-child,
body.category .uoa-category-template .reuse-heading-display span:last-child,
body.error404 .uoa-error404-template .reuse-heading-display span:last-child,
body.search .uoa-search-template .reuse-heading-display span:last-child,
body.uoa-all-articles-template-active .uoa-all-articles-template .reuse-heading-display span:last-child {
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}


.uoa-mainpage--homepage .uoa-mainpage-hero__copy,
.uoa-mainpage--homepage .reuse-hero-copy {
          margin-bottom: 75px;
  }

@media (max-width: 1080px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-page-title,
  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-display-title,
  .uoa-mainpages-template.uoa-post-read-only-template .uoa-post-read-only-hero > .uoa-mainpage-eyebrow,
  .uoa-mainpages-template.uoa-posts-themed-images-template .uoa-posts-themed-images-hero > .uoa-mainpage-eyebrow,
.uoa-mainpages-template .uoa-mainpage .reuse-heading-page-pill,
.uoa-mainpages-template .uoa-mainpage .reuse-heading-display,
.uoa-mainpages-template.uoa-post-read-only-template .uoa-post-read-only-hero > .reuse-label-eyebrow,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-posts-themed-images-hero > .reuse-label-eyebrow {
    max-width: 100%;
  }
  
  
  .uoa-mainpage-hero__copy,
.reuse-hero-copy {
          margin-bottom: 75px;
  }
  
}

@media (max-width: 760px) {
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-page-title,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-display-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-heading-page-pill,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-heading-display {
    letter-spacing: 0.005em !important;
  }
}

@media (max-width: 560px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-page-title,
  .uoa-mainpages-template.uoa-post-read-only-template .uoa-post-read-only-hero > .uoa-mainpage-eyebrow,
  .uoa-mainpages-template.uoa-posts-themed-images-template .uoa-posts-themed-images-hero > .uoa-mainpage-eyebrow,
.uoa-mainpages-template .uoa-mainpage .reuse-heading-page-pill,
.uoa-mainpages-template.uoa-post-read-only-template .uoa-post-read-only-hero > .reuse-label-eyebrow,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-posts-themed-images-hero > .reuse-label-eyebrow {
    gap: 0.5rem;
    padding: 0.45rem 0.7rem;
  }

  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-page-title,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .uoa-mainpage-display-title,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-page-title,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .uoa-mainpage-display-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-heading-page-pill,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--services .reuse-heading-display,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-heading-page-pill,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--sessions .reuse-heading-display {
    letter-spacing: 0 !important;
  }
}

@media (max-width: 500px) {
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-page-title,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .uoa-mainpage-display-title,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-page-title,
  .uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .uoa-mainpage-display-title,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-heading-page-pill,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--contact .reuse-heading-display,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-heading-page-pill,
.uoa-mainpages-template .uoa-mainpage.uoa-mainpage--membership .reuse-heading-display {
    letter-spacing: 0.005em !important;
  }
}

@media (max-width: 820px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero:has(> .uoa-mainpage-page-title),
  .uoa-mainpages-template.uoa-post-read-only-template .uoa-post-read-only-hero,
  .uoa-mainpages-template.uoa-posts-themed-images-template .uoa-posts-themed-images-hero,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout:has(> .reuse-heading-page-pill) {
    padding-top: clamp(6.2rem, 16vw, 8.2rem);
  }
}

@media (max-width: 560px) {
  .uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero:has(> .uoa-mainpage-page-title),
  .uoa-mainpages-template.uoa-post-read-only-template .uoa-post-read-only-hero,
  .uoa-mainpages-template.uoa-posts-themed-images-template .uoa-posts-themed-images-hero,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout:has(> .reuse-heading-page-pill) {
    padding-top: clamp(5.3rem, 18vw, 6.8rem);
  }
}


/* Main Pages Theme editor option: remove RIGHT hero side and make LEFT full width. */
.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero.uoa-mainpage-hero--full-left,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout.uoa-mainpage-hero--full-left {
  grid-template-columns: minmax(0, 1fr) !important;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero.uoa-mainpage-hero--full-left > .uoa-mainpage-hero__copy,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout.uoa-mainpage-hero--full-left > .reuse-hero-copy {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  justify-self: stretch;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero.uoa-mainpage-hero--full-left .uoa-mainpage-subtitle,
.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-hero.uoa-mainpage-hero--full-left .uoa-mainpage-lead,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout.uoa-mainpage-hero--full-left .reuse-heading-subtitle,
.uoa-mainpages-template .uoa-mainpage .reuse-hero-layout.uoa-mainpage-hero--full-left .reuse-lead {
  width: 100%;
  max-width: none !important;
}



/* Post-template next-step block
   Maps the old working .uoa-blog-* article CTA block onto the current
   post-safe .uoa-mainpage-* classes used by posts-read_only.php and
   posts-themed_images.php. */
.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-section__label,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-section__label,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-section-label,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-section-label {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-section__label span,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-section__label span,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-section-label span,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-section-label span {
  width: 2.7rem;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--uoa-page-blue, #3186ff), rgba(79, 160, 255, 0));
  box-shadow: 0 0 10px rgba(49, 134, 255, 0.48);
}

.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-next-step-stack,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-next-step-stack,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-layout-stack,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-layout-stack {
  display: grid;
  gap: 25px;
}

.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-pullcard,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-pullcard,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-card-callout-glass,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-card-callout-glass {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  padding: clamp(1.35rem, 3vw, 2.2rem);
  background: var(--uoa-glass-dark-background);
  border: 1px solid var(--uoa-page-border, rgba(255, 255, 255, 0.16));
  box-shadow: var(--uoa-page-shadow, 0 28px 70px rgba(0, 0, 0, 0.56)), inset 0 4px 28px rgba(255, 255, 255, 0.12);
  backdrop-filter: var(--uoa-glass-blur-strong);
  -webkit-backdrop-filter: var(--uoa-glass-blur-strong);
}

.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-pullcard::before,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-pullcard::before,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-card-callout-glass::before,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-card-callout-glass::before {
  content: none;
}

.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-pullcard .uoa-pullquote,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-pullcard .uoa-pullquote,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-card-callout-glass .reuse-pullquote,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-card-callout-glass .reuse-pullquote {
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}


.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-card-wide,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-card-wide {
  display: grid;
  border: 1px solid var(--uoa-page-border, rgba(255, 255, 255, 0.16));
  background: var(--uoa-glass-clear-background);
  box-shadow: var(--uoa-page-shadow, 0 28px 70px rgba(0, 0, 0, 0.56)), inset 0 4px 28px rgba(255, 255, 255, 0.12);
  backdrop-filter: var(--uoa-glass-blur-strong);
  -webkit-backdrop-filter: var(--uoa-glass-blur-strong);
}

.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card::before,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card::before,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-card-wide::before,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-card-wide::before {
  content: "";
  position: absolute;
  inset: 0;
  height: auto;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), transparent 32%, rgba(79, 160, 255, 0.16));
  opacity: 0.9;
  box-shadow: none;
}

.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card h2,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card h2,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-card-wide h2,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-card-wide h2 {
  margin: 0 !important;
  color: #fff;
  font-family: var(--uoa-mainpage-font-display);
  font-size: clamp(2.6rem, 5.3vw, 5rem);
  font-weight: 900;
  line-height: 0.9;
  letter-spacing: 0.02em;
  text-align: left !important;
  text-transform: uppercase;
  text-shadow: 4px 4px 9px rgba(0, 0, 0, 0.52);
}

.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__copy p,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__copy p,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-card-wide-copy p,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-card-wide-copy p {
  color: var(--uoa-page-soft, rgba(255, 255, 255, 0.76));
  font-family: var(--uoa-mainpage-font-body);
  font-size: var(--uoa-font-size-body);
  font-weight: 400;
  line-height: 1.68;
  text-transform: none;
}

.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-actions-wide,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-actions-wide {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 1rem;
}

.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions .uoa-mainpage-button,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions .uoa-mainpage-button,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-actions-wide .reuse-button,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-actions-wide .reuse-button {
  width: 49%;
  min-height: 52px;
  border-radius: 12px !important;
  color: #1b1d24 !important;
  background: var(--uoa-page-panel, #dcdcde) !important;
  box-shadow: -4px -4px 8px rgba(255, 255, 255, 0.16), 6px 6px 12px rgba(0, 0, 0, 0.34) !important;
}

.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions .uoa-mainpage-button:hover,
.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions .uoa-mainpage-button:focus-visible,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions .uoa-mainpage-button:hover,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions .uoa-mainpage-button:focus-visible,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-actions-wide .reuse-button:hover,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-actions-wide .reuse-button:focus-visible,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-actions-wide .reuse-button:hover,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-actions-wide .reuse-button:focus-visible {
  background: linear-gradient(160deg, var(--uoa-page-panel, #dcdcde), var(--uoa-page-panel-deep, #7e7e7e)) !important;
  box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.42), inset -2px -2px 6px rgba(255, 255, 255, 0.22) !important;
  transform: translate3d(2px, 4px, 0);
}

.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions .uoa-mainpage-button--ghost,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions .uoa-mainpage-button--ghost,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-actions-wide .reuse-button-ghost,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-actions-wide .reuse-button-ghost {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(79, 160, 255, 0.32) !important;
  box-shadow: inset 0 1px 22px rgba(255, 255, 255, 0.08), 0 16px 32px rgba(0, 0, 0, 0.26) !important;
}

.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions .uoa-mainpage-button--ghost:hover,
.uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions .uoa-mainpage-button--ghost:focus-visible,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions .uoa-mainpage-button--ghost:hover,
.uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions .uoa-mainpage-button--ghost:focus-visible,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-actions-wide .reuse-button-ghost:hover,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-actions-wide .reuse-button-ghost:focus-visible,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-actions-wide .reuse-button-ghost:hover,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-actions-wide .reuse-button-ghost:focus-visible {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.13) !important;
}

@media (max-width: 1024px) {
  .uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card,
  .uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-card-wide,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-card-wide {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions,
  .uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-actions-wide,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-actions-wide {
    display: grid;
    grid-template-columns: 1fr;
  }

  .uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions .uoa-mainpage-button,
  .uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card__actions .uoa-mainpage-button,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-actions-wide .reuse-button,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-actions-wide .reuse-button {
    width: 100% !important;
  }

  .uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card h2,
  .uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card h2,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-card-wide h2,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-card-wide h2 {
    font-size: clamp(2.15rem, 10vw, 3.4rem);
  }
}

@media (max-width: 480px) {
  .uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-pullcard,
  .uoa-mainpages-template.uoa-post-read-only-template .uoa-mainpage-section--next .uoa-mainpage-wide-card,
  .uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-pullcard,
  .uoa-mainpages-template.uoa-posts-themed-images-template .uoa-mainpage-section--next .uoa-mainpage-wide-card,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-card-callout-glass,
.uoa-mainpages-template.uoa-post-read-only-template .reuse-section-next .reuse-card-wide,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-card-callout-glass,
.uoa-mainpages-template.uoa-posts-themed-images-template .reuse-section-next .reuse-card-wide {
    border-radius: 18px;
    padding: 1rem;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}


/* Page editor content width guard
   Keeps normal page-editor content constrained even when the old pasted
   header/hero wrapper has been removed from a main page. Scoped to the
   page template only so post templates keep their existing layout. */
body.page-template-mainpages-theme .uoa-mainpages-template--page .uoa-mainpage > .uoa-mainpage-editor-content {
  position: relative;
  z-index: 1;
  width: min(1180px, calc(100% - 40px));
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
  padding: clamp(3.5rem, 7vw, 5.8rem) 0 clamp(5rem, 8vw, 8rem);
}

body.page-template-mainpages-theme .uoa-mainpages-template--page .uoa-mainpage > .uoa-mainpage-editor-content > :first-child {
  margin-top: 0;
}

body.page-template-mainpages-theme .uoa-mainpages-template--page .uoa-mainpage > .uoa-mainpage-editor-content > :last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  body.page-template-mainpages-theme .uoa-mainpages-template--page .uoa-mainpage > .uoa-mainpage-editor-content {
    width: min(100% - 24px, 760px);
    padding-top: 3rem;
  }
}

@media (max-width: 500px) {
  body.page-template-mainpages-theme .uoa-mainpages-template--page .uoa-mainpage > .uoa-mainpage-editor-content {
    width: min(100% - 20px, 500px);
  }
}



/* Make every main-page H1 match the About page at all screen sizes. */
.uoa-mainpages-template
.uoa-mainpage
.uoa-mainpage-hero:has(> .uoa-mainpage-page-title),
.uoa-mainpages-template
.uoa-mainpage
.reuse-hero-layout:has(> .reuse-heading-page-pill) {
  padding-top: clamp(7.5rem, 12vw, 11rem) !important;
}

.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-page-title,
.uoa-mainpages-template .uoa-mainpage .uoa-mainpage-display-title,
.uoa-mainpages-template .uoa-mainpage .reuse-heading-page-pill,
.uoa-mainpages-template .uoa-mainpage .reuse-heading-display {
  letter-spacing: 0.015em !important;
}


/* v15: Keep the wide UoA title logo fluid at every viewport size. */
.uoa-mainpages-template .glass-wide > img.uoa-title-logo,
.uoa-mainpages-template .glass-wide > img[alt="University of Awakening logo" i][src*="logo-title" i],
.uoa-mainpages-template .glass-wide > img[alt="University of Awakening logo" i][srcset*="logo-title" i] {
  display: block !important;
  box-sizing: border-box !important;
  inline-size: 100% !important;
  width: 100% !important;
  max-inline-size: 589px !important;
  max-width: 589px !important;
  block-size: auto !important;
  height: auto !important;
  min-width: 0 !important;
  margin-inline: auto !important;
  object-fit: contain !important;
  aspect-ratio: 589 / 156 !important;
}
@media (max-width: 640px) {
  .uoa-mainpages-template .glass-wide > img.uoa-title-logo,
  .uoa-mainpages-template .glass-wide > img[alt="University of Awakening logo" i][src*="logo-title" i],
  .uoa-mainpages-template .glass-wide > img[alt="University of Awakening logo" i][srcset*="logo-title" i] {
    max-inline-size: 100% !important;
    max-width: 100% !important;
  }
}




/* Services sticky bar — tablet overflow fix */
.uoa-mainpage--services .uoa-triad-wrap {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.uoa-mainpage--services .uoa-triad {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100% !important;
  max-width: 1180px !important;
  min-width: 0;
  overflow: hidden;
}

.uoa-mainpage--services .uoa-triad__item {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden;
}

@media (max-width: 1366px) and (hover: none) {
  .uoa-mainpage--services .uoa-triad {
    max-height: 76px;
  }

  .uoa-mainpage--services .uoa-triad__item {
    min-height: 76px !important;
    max-height: 76px !important;
  }
}

/* ==========================================================
   Posts Themed Images — Article Intro spacing
   Keeps the shared main-page typography/classes unchanged while
   giving the Article Intro label deliberate breathing room below
   the H1 article title.
   ========================================================== */
.uoa-mainpages-template.uoa-posts-themed-images-template
.uoa-mainpage-hero__copy > .uoa-mainpage-display-title + .uoa-mainpage-kicker,
.uoa-mainpages-template.uoa-posts-themed-images-template
.reuse-hero-copy > .reuse-heading-display + .reuse-label-kicker {
  margin-top: clamp(2.5rem, 4.5vw, 4rem);
}