/* =====================================================================
   Greg W. Anderson — 2026 refresh layer
   Loaded AFTER the Webflow CSS. Overrides palette + type and adds a few
   new components, without editing the generated Webflow stylesheet.
   ===================================================================== */

:root {
  /* Re-palette: muted taupe replaces the old gold across the token set */
  --sand:    #b0aaa3;   /* main accent (was gold) */
  --moss:    #b0aaa3;
  --nomadic: #968f87;   /* slightly deeper taupe for button depth / hovers */
  /* Shell background everywhere the old cream/vanilla/stone tones were */
  --vanilla: #efefef;
  --cream:   #efefef;
  --stone:   #efefef;
  /* New secondary accent */
  --slate:   #dce0e4;
  --ink:     #181818;
}

/* ---------- Typography ---------- */
body { font-family: "Inter", sans-serif; font-weight: 400; background-color: #efefef; }

p, li, blockquote,
.paragraph, .paragraph-6, .paragraph-2, .paragraph-1-1,
.about-subtitle, .about-card-paragraph, .paragraph-small,
.story-text, .w-richtext p, .w-richtext li, .italic {
  font-family: "Inter", sans-serif;
}

h1, h2, h3, h4,
.heading-1, .heading-2, .heading-3, .heading-5, .heading-7,
.gradient-heading, .intro-name {
  font-family: "Monumentextended", sans-serif !important;
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: 1.12;
}

/* Card / small component titles stay clean (Monument is too wide here) */
.pillar-card h3 {
  font-family: "Inter Tight", sans-serif !important;
  font-weight: 700;
  letter-spacing: -.02em;
  font-size: 1.2rem;
}

/* Eyebrow labels ("MEET", "ABOUT", "RESOURCES") -> Inter Tight, airy caps */
.text-block, .text-block-2 {
  font-family: "Inter Tight", sans-serif !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 1rem !important;
  color: var(--nomadic);
}

/* Subtitles -> Inter Tight, modern (no italic) */
.subtitle, .subtitle.new, .subtitle.centered {
  font-family: "Inter Tight", sans-serif !important;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -.01em;
}
.subtitle.nomadic, .subtitle.moss { color: var(--nomadic); }

/* Helper: tight all-caps role line (matches the new section graphic) */
.tight-caps {
  font-family: "Inter Tight", sans-serif;
  text-transform: uppercase;
  letter-spacing: -.02em;
  font-weight: 600;
}
/* Script accent: ONLY ever a single first letter of a word, sized as a large decorative initial */
.script-accent {
  font-family: "Pinyon Script", cursive;
  font-weight: 400;
  font-size: 2.6em;
  line-height: 0;
  vertical-align: -.28em;
  margin-right: -.06em;
  color: var(--nomadic);
}

/* The italicized "tan" eyebrow on the dark Ventures section */
.paragraph-big.tan {
  font-family: "Inter Tight", sans-serif;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 1rem;
  color: var(--sand);
}

/* De-justify body copy (justified text reads dated) */
.paragraph-big, .about-subtitle, .w-richtext p { text-align: left; }

/* ---------- Color: kill the gold gradients, retint accents ---------- */
.gradient-heading {
  background-image: none;
  -webkit-text-fill-color: initial;
  color: var(--nomadic);
}
.heading-3.galaxy-dust {
  background-image: none;
  -webkit-text-fill-color: initial;
  color: var(--ink);
}

/* Buttons */
.gold-button { background-color: var(--sand); color: #fff; text-transform: uppercase; padding: 11px 33px; font-size: 15px; line-height: 2; box-shadow: 0 4px 5px #0003; }
.gold-button:hover { background-color: var(--nomadic); }
.black-button.gold { background-color: var(--sand); }
.black-button:hover { background-color: var(--sand); color: var(--ink); font-weight: 500; }

/* Unify section backgrounds to the shell tone */
.section-vanilla, .section-cream { background-color: #efefef; }

/* ---------- Unified container width (was 940/1000/1100/1111/1200 across the site) ---------- */
.w-layout-blockcontainer,
.container,
.container.centered,
.extra-wide-container {
  max-width: 1040px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

/* Webflow baked 10-20px side padding into headings/eyebrows/copy, so nothing shared
   a clean left edge. Zero the horizontal padding so everything lines up to the container. */
.heading-1, .heading-2, .heading-3, .heading-5, .heading-7,
.subtitle, .text-block, .text-block-2,
.paragraph-big, .paragraph, .paragraph-1-1, .paragraph-2,
.about-subtitle, .gradient-heading,
.rich-text-block, .story-text, .w-richtext {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ---------- Slider: cooler slate frame, integrated with the cards, more top space ---------- */
.slider-div { max-width: 1040px; margin: 48px auto 0; padding: 0 1rem 60px; }
.slider {
  max-width: 100%;
  background-color: var(--slate) !important;
  background-image: none !important;
  outline: none !important;
  border-radius: 14px;
  box-shadow: 0 8px 30px rgba(24, 24, 24, .07);
  padding: 22px;
}

/* ---------- Text logo (replaces the SVG mark) ---------- */
.text-logo { display: inline-flex; flex-direction: row; align-items: center; gap: 11px; line-height: 1.05; text-decoration: none; }
.text-logo .tl-mark { width: 34px; height: 34px; color: var(--ink); flex: none; }
.text-logo .tl-stack { display: inline-flex; flex-direction: column; }
.text-logo .tl-name {
  font-family: "Inter Tight", sans-serif;
  font-weight: 700;
  font-size: 1.3rem;
  color: var(--ink);
  letter-spacing: -.02em;
}
.text-logo .tl-sub {
  font-family: "Inter Tight", sans-serif;
  text-transform: uppercase;
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .26em;
  color: var(--nomadic);
  margin-top: 4px;
}

/* ---------- New "Introducing" block (replaces baked-text image) ---------- */
.intro-2026 {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 64px;
  align-items: center;
  margin-top: 24px;
  /* Echoes the Canva graphic: soft panel + slate bottom border, but fully editable */
  background: #f5f5f4;
  border-bottom: 8px solid var(--slate);
  border-radius: 10px;
  padding: 52px 56px 48px;
}
.intro-2026 .intro-eyebrow {
  font-family: "Inter Tight", sans-serif;
  text-transform: uppercase;
  letter-spacing: .22em;
  font-weight: 600;
  font-size: 1rem;
  color: var(--nomadic);
}
.intro-2026 .intro-rule { width: 64px; height: 2px; background: var(--ink); margin: 4px 0 18px; }
.intro-2026 .intro-name {
  font-family: "Monumentextended", sans-serif !important;
  font-weight: 400;
  font-size: 2.3rem;
  line-height: 1.12;
  letter-spacing: -.04em;
  color: var(--ink);
  margin: 0 0 12px;
}
.intro-2026 .intro-name .script-accent { font-size: 2.2em; vertical-align: -.24em; }
.intro-2026 .intro-role {
  font-family: "Inter Tight", sans-serif;
  text-transform: uppercase;
  letter-spacing: -.01em;
  font-weight: 600;
  font-size: 1.5rem;
  color: var(--ink);
  margin: 0 0 26px;
}
.intro-2026 .intro-list { list-style: none; margin: 0; padding: 0; }
.intro-2026 .intro-list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
  font-size: 1.02rem;
  line-height: 1.4;
  color: #2c2c2c;
}
.intro-2026 .intro-list li::before {
  content: ""; position: absolute; left: 0; top: .55em;
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--sand);
}
.intro-2026 .intro-collage img { width: 100%; height: auto; border-radius: 14px; display: block; }

/* ---------- Full intro graphic (Greg's Canva slide) ---------- */
.intro-image { margin-top: 24px; }
.introducing-greg-img { width: 100%; height: auto; display: block; border-radius: 10px; }

/* ---------- Sovren ecosystem logo row ---------- */
.sovren-eco {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  gap: 30px 48px; margin: 8px auto 0; max-width: 900px;
}
.sovren-eco img { height: 30px; width: auto; opacity: .92; }
.sovren-hero-mark { height: 40px; width: auto; margin-bottom: 20px; filter: brightness(0) invert(1); }
.eco-cta { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }

/* ---------- Three pillar cards (replaces Ancient Wisdom rich text) ---------- */
.pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 30px 0 10px;
}
.pillar-card {
  background: #ffffff;
  border: 1px solid var(--slate);
  border-radius: 18px;
  padding: 34px 28px;
  text-align: left;
  box-shadow: 0 6px 28px rgba(24, 24, 24, .05);
}
.pillar-card .pillar-icon {
  width: 42px; height: 42px;
  color: var(--nomadic);
  margin-bottom: 18px;
  stroke-width: 1.5;
}
.pillar-card h3 {
  font-family: "Syne", sans-serif !important;
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: -.03em;
  margin: 0 0 10px;
  color: var(--ink);
}
.pillar-card p {
  font-family: "Inter", sans-serif;
  font-size: .9rem;
  line-height: 1.55;
  color: #43464d;
  margin: 0;
}

/* ---------- Revenue-engine section: more breathing room between columns ---------- */
.quick-stack-27 { grid-column-gap: 56px !important; grid-row-gap: 32px; align-items: stretch !important; }
.quick-stack-27 .w-layout-cell { display: flex; flex-direction: column; justify-content: center; }
.quick-stack-27 .book-image { width: 100%; height: auto; max-width: 100%; align-self: center; }
.content-wrapper { padding: 24px 30px; }

/* ---------- Custom video cover (click-to-play poster) ---------- */
.video-facade {
  position: relative; width: 100%; aspect-ratio: 16 / 9;
  background-size: cover; background-position: center;
  border-radius: 14px; overflow: hidden; cursor: pointer;
  box-shadow: 0 8px 30px rgba(24, 24, 24, .10);
}
.video-facade-play {
  position: absolute; inset: 0; margin: auto;
  width: 76px; height: 76px; border: none; border-radius: 50%;
  background: rgba(24, 24, 24, .78); color: #fff;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: transform .2s ease, background .2s ease;
}
.video-facade:hover .video-facade-play { transform: scale(1.08); background: var(--nomadic); }
.video-facade-play svg { width: 30px; height: 30px; margin-left: 3px; }
.video-facade-iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* ============================================================
   VENTURES PAGE — editorial / magazine (light, matches the site)
   ============================================================ */
.ventures-mag { background: #efefef; color: #181818; }
.ventures-mag .mag-wrap { max-width: 1040px; margin: 0 auto; padding: 0 1rem; }
.ventures-mag h1, .ventures-mag h2 {
  font-family: "Monumentextended", sans-serif !important;
  font-weight: 400; letter-spacing: -.04em; color: #181818;
}
.mag-h1 { font-size: 3rem; line-height: 1.08; margin: 0 0 22px; }
.mag-h2 { font-size: 2.05rem; line-height: 1.12; margin: 6px 0 20px; }
.mag-deck { font-family: "Inter", sans-serif; font-size: 1.35rem; line-height: 1.5; color: #3a3a3a; font-weight: 400; margin: 0; }
.mag-body { font-family: "Inter", sans-serif; font-size: 1.06rem; line-height: 1.7; color: #3a3a3a; }
.mag-body p { margin: 0 0 16px; }
.mag-body strong { color: #181818; font-weight: 600; }
.mag-kicker {
  display: flex; align-items: center; gap: 14px;
  font-family: "Inter Tight", sans-serif; text-transform: uppercase;
  letter-spacing: .22em; font-weight: 700; font-size: .74rem;
  color: var(--nomadic); margin-bottom: 18px;
}
.mag-kicker::before { content: ""; width: 32px; height: 2px; background: var(--nomadic); flex: none; }
.mag-rule { height: 1px; background: rgba(24,24,24,.14); border: 0; margin: 0; }
.ventures-mag .mag-sec { padding: 86px 0; }
.ventures-mag .mag-sec.tight { padding: 56px 0; }
.mag-opener { display: grid; grid-template-columns: 1.06fr .94fr; gap: 56px; align-items: center; padding: 78px 0 60px; }
.mag-figure { margin: 0; }
.mag-figure img { width: 100%; height: auto; border-radius: 6px; display: block; }
.mag-figure figcaption { font-family: "Inter Tight", sans-serif; text-transform: uppercase; letter-spacing: .14em; font-size: .64rem; color: var(--nomadic); margin-top: 10px; }
.mag-stats { display: grid; grid-template-columns: repeat(4, 1fr); }
.mag-stat { padding: 4px 26px; border-left: 1px solid rgba(24,24,24,.14); }
.mag-stat:first-child { border-left: 0; padding-left: 0; }
.mag-stat .num { font-family: "Monumentextended", sans-serif; font-weight: 400; letter-spacing: -.03em; font-size: 2.2rem; color: #181818; }
.mag-stat .lbl { font-family: "Inter Tight", sans-serif; text-transform: uppercase; letter-spacing: .14em; font-size: .64rem; font-weight: 600; color: var(--nomadic); margin-top: 8px; }
.mag-feature { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.mag-feature.reverse .mag-figure { order: -1; }
.mag-built { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 56px; margin-top: 8px; }
.mag-built .item { padding: 26px 2px; border-top: 1px solid rgba(24,24,24,.14); display: grid; grid-template-columns: auto 1fr; gap: 18px; }
.mag-built .item .n { font-family: "Inter Tight", sans-serif; font-weight: 700; color: var(--sand); font-size: .95rem; padding-top: 3px; }
.mag-built .item h3 { font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 1.14rem; letter-spacing: -.02em; color: #181818; margin: 0 0 7px; }
.mag-built .item p { font-family: "Inter", sans-serif; font-size: .96rem; line-height: 1.55; color: #4a4a4a; margin: 0; }
.mag-quote { font-family: "Monumentextended", sans-serif; font-weight: 400; letter-spacing: -.03em; font-size: 2.2rem; line-height: 1.22; color: #181818; max-width: 900px; margin: 0 auto; text-align: center; }
.mag-quote .accent { color: var(--nomadic); }
.mag-eco { display: flex; flex-wrap: wrap; align-items: center; gap: 30px 42px; margin-top: 6px; }
.mag-eco img { height: 24px; width: auto; }
.mag-eco .more { font-family: "Inter", sans-serif; font-size: .98rem; color: #4a4a4a; }
.mag-cta { text-align: center; padding: 104px 1rem; }
.mag-cta .mag-deck { max-width: 540px; margin: 0 auto 30px; }
.mag-cta .btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
@media (max-width: 767px) {
  .mag-opener, .mag-feature { grid-template-columns: 1fr; gap: 30px; }
  .mag-feature.reverse .mag-figure { order: 0; }
  .mag-stats { grid-template-columns: repeat(2, 1fr); gap: 26px 0; }
  .mag-built { grid-template-columns: 1fr; }
  .mag-h1 { font-size: 2.2rem; }
  .mag-quote { font-size: 1.6rem; }
}

/* ---- Ventures: dark ecosystem showcase band (Built to Work Together) ---- */
.eco-showcase { background: #0b0b0c; color: #fff; padding: 88px 0; }
.eco-showcase .eco-inner { max-width: 1040px; margin: 0 auto; padding: 0 1rem; }
.eco-eyebrow { display: inline-block; font-family: "Inter Tight", sans-serif; text-transform: uppercase; letter-spacing: .22em; font-weight: 700; font-size: .72rem; color: #9fb0c0; margin-bottom: 14px; }
.eco-showcase h2 { font-family: "Monumentextended", sans-serif !important; font-weight: 400; letter-spacing: -.04em; font-size: 2.1rem; line-height: 1.12; color: #fff; margin: 0 0 14px; }
.eco-sub { font-family: "Inter", sans-serif; color: #a1a1a1; font-size: 1.05rem; line-height: 1.6; max-width: 620px; margin: 0 0 40px; }
.eco-grid2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.eco-prod { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 18px; padding: 18px; transition: background .3s ease, border-color .3s ease, transform .3s ease; }
.eco-prod:hover { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.18); transform: translateY(-3px); }
.eco-prod .shot { background: #141417; overflow: hidden; aspect-ratio: 3 / 4; display: block; }
.eco-prod .shot img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
.eco-prod .plogo { height: 18px; width: auto; margin: 16px 0 8px; display: block; }
.eco-prod p { font-family: "Inter", sans-serif; color: #9a9a9a; font-size: .88rem; line-height: 1.45; margin: 0; }
.eco-logos { display: flex; flex-wrap: wrap; align-items: center; gap: 28px 40px; margin-top: 38px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,.08); }
.eco-logos img { height: 22px; width: auto; opacity: .82; }
@media (max-width: 767px) { .eco-grid2 { grid-template-columns: 1fr 1fr; } .eco-showcase h2 { font-size: 1.7rem; } }

/* ============================================================
   VENTURES PAGE — Sovren-flavored dark theme (ported tokens)
   Wrapper-scoped so it never touches the other pages.
   ============================================================ */
.ventures-dark {
  background: #0a0a0a; color: #fff;
  --v1: #9fb0c0; /* muted slate-blue */
  --v2: #9a8fa6; /* dusty mauve */
  --v3: #b39aa3; /* muted rose */
  --v4: #b6ab9e; /* warm taupe */
}
.ventures-dark .v-wrap { max-width: 1040px; margin: 0 auto; padding: 0 24px; }
.v-eyebrow {
  display: inline-block;
  font-family: "Inter Tight", sans-serif;
  text-transform: uppercase; letter-spacing: .22em; font-weight: 700; font-size: .76rem;
  background: linear-gradient(90deg, var(--v1), var(--v2), var(--v3), var(--v4));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.ventures-dark .v-section { padding: 80px 0; }
.ventures-dark .v-section h2 {
  font-family: "Monumentextended", sans-serif !important;
  color: #fff; letter-spacing: -.04em; font-weight: 400;
  font-size: 2.1rem; line-height: 1.14; margin: 14px 0 16px;
}
.v-lead { color: #a1a1a1; font-size: 1.1rem; line-height: 1.6; max-width: 700px; margin: 0; }
.v-center { text-align: center; }
.v-center .v-lead { margin-left: auto; margin-right: auto; }

/* Hero */
.v-hero { position: relative; padding: 116px 0 88px; text-align: center; overflow: hidden; }
.v-hero::before {
  content: ""; position: absolute; inset: 0;
  background-image: linear-gradient(to right, rgba(255,255,255,.03) 1px, transparent 1px),
                    linear-gradient(to bottom, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 40px 40px;
}
.v-hero::after {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 34%, rgba(159,176,192,.16) 0%, rgba(154,143,166,.12) 38%, rgba(179,154,163,.08) 66%, transparent 88%);
}
.v-hero > * { position: relative; z-index: 1; }
.v-hero .v-sovren { height: 40px; width: auto; filter: brightness(0) invert(1); margin: 16px 0 6px; }
.v-hero h1 {
  font-family: "Monumentextended", sans-serif !important;
  font-weight: 400; letter-spacing: -.04em; font-size: 2.7rem; line-height: 1.1; color: #fff; margin: 10px 0 16px;
}
.v-hero p { color: #cfcfcf; font-size: 1.2rem; max-width: 620px; margin: 0 auto; line-height: 1.5; }

/* Stats strip */
.v-stats {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; padding: 44px 0;
  border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08);
}
.v-stat { text-align: center; }
.v-stat .num { font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 2.5rem; letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: #fff; }
.v-stat .lbl { font-family: "Inter Tight", sans-serif; text-transform: uppercase; letter-spacing: .15em; font-size: .68rem; font-weight: 600; color: rgba(255,255,255,.45); margin-top: 8px; }
.v-stat .acc { height: 1px; width: 52px; margin: 12px auto 0; background: linear-gradient(90deg, transparent, var(--v2), transparent); }

/* Feature cards */
.v-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 30px; text-align: left; }
.v-card { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 20px; padding: 30px 26px; transition: transform .3s ease, background .3s ease, border-color .3s ease; }
.v-card:hover { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.18); transform: translateY(-3px); }
.v-card .v-ic { width: 46px; height: 46px; border-radius: 13px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; background: linear-gradient(135deg, rgba(159,176,192,.22), rgba(154,143,166,.22)); }
.v-card .v-ic svg { width: 24px; height: 24px; color: #cdd6df; }
.v-card h3 { font-family: "Inter Tight", sans-serif !important; font-weight: 700; font-size: 1.2rem; letter-spacing: -.02em; color: #fff; margin: 0 0 10px; }
.v-card p { color: #a1a1a1; font-size: .95rem; line-height: 1.55; margin: 0; }

/* Ecosystem logo cards */
.v-eco-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 30px; }
.v-eco-card { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; min-height: 96px; display: flex; align-items: center; justify-content: center; padding: 22px; transition: background .3s ease, border-color .3s ease; }
.v-eco-card:hover { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.18); }
.v-eco-card img { max-height: 30px; max-width: 78%; width: auto; }

/* Jedari story */
.v-story p { color: #bdbdbd; font-size: 1.05rem; line-height: 1.65; margin: 0 0 16px; max-width: 760px; }
.v-story strong { color: #fff; font-weight: 600; }

/* Gradient CTA banner */
.v-cta-banner { border-radius: 28px; padding: 66px 40px; text-align: center; background: linear-gradient(135deg, #7b8ea1 0%, #79708a 42%, #94808b 72%, #a08f82 100%); margin: 80px 0; }
.v-cta-banner h2 { font-family: "Monumentextended", sans-serif !important; font-weight: 400; letter-spacing: -.04em; color: #fff; font-size: 2.3rem; line-height: 1.1; margin: 0 0 14px; }
.v-cta-banner p { color: rgba(255,255,255,.93); font-size: 1.14rem; max-width: 560px; margin: 0 auto 26px; line-height: 1.5; }
.v-btn-row { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.v-btn { display: inline-block; padding: 14px 30px; border-radius: 9999px; font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: .95rem; letter-spacing: .01em; text-decoration: none; transition: background .25s ease; }
.v-btn-white { background: #fff; color: #111; }
.v-btn-white:hover { background: #ececec; }
.v-btn-glass { background: rgba(255,255,255,.16); color: #fff; border: 1px solid rgba(255,255,255,.32); }
.v-btn-glass:hover { background: rgba(255,255,255,.26); }

/* Statement band */
.v-statement { font-family: "Monumentextended", sans-serif; font-weight: 400; letter-spacing: -.04em; font-size: 2.2rem; line-height: 1.22; color: #fff; margin: 0; }
.v-statement span { background: linear-gradient(90deg, var(--v1), var(--v2), var(--v3), var(--v4)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

@media (max-width: 767px) {
  .v-stats { grid-template-columns: repeat(2, 1fr); gap: 28px 16px; }
  .v-cards, .v-eco-grid { grid-template-columns: 1fr; }
  .v-hero h1 { font-size: 2.1rem; }
  .ventures-dark .v-section h2 { font-size: 1.7rem; }
}


/* ---------- About page: card + subtitle cleanup ---------- */
.about-card { padding: 12px !important; }
.about-card-title { font-family: "Inter Tight", sans-serif !important; font-weight: 700; letter-spacing: -.01em; text-transform: none; }
.about-card-paragraph { height: auto !important; font-style: normal !important; letter-spacing: 0 !important; font-family: "Inter", sans-serif; font-size: .86rem; line-height: 1.45; color: #4a4a4a; padding: 0 10px 8px !important; }
.subtitle, .subtitle.new, .subtitle.centered, .subtitle.nomadic, .subtitle.moss { font-style: normal !important; font-family: "Inter Tight", sans-serif !important; letter-spacing: -.005em !important; }
.heading-3.less-space, .heading-3.no-space { font-weight: 400 !important; }


/* ---------- Square corners to match the site's card convention ---------- */
.pillar-card, .eco-prod, .eco-prod .shot, .mag-figure img, .introducing-greg-img,
.slider, .video-facade, .emoji-card { border-radius: 0 !important; }

/* ---------- Ventures: emoji feature cards (Architecture of a Creator Economy) ---------- */
.emoji-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 28px; text-align: left; }
.emoji-card { background: #fff; border: 1px solid rgba(24,24,24,.12); padding: 28px 24px; }
.emoji-card .emoji { font-size: 1.9rem; line-height: 1; margin-bottom: 14px; display: block; }
.emoji-card h3 { font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 1.12rem; letter-spacing: -.02em; color: #181818; margin: 0 0 8px; }
.emoji-card p { font-family: "Inter", sans-serif; font-size: .95rem; line-height: 1.55; color: #4a4a4a; margin: 0; }

/* ---------- Reusable background-video CTA (nature/smoke video) ---------- */
.video-cta { position: relative; overflow: hidden; background: #0b0b0c; }
.video-cta .vc-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.video-cta .vc-veil { position: absolute; inset: 0; background: rgba(10,10,12,.6); z-index: 1; }
.video-cta .vc-inner { position: relative; z-index: 2; max-width: 1040px; margin: 0 auto; padding: 112px 1rem; text-align: center; color: #fff; }
.video-cta .vc-inner h2 { font-family: "Monumentextended", sans-serif !important; font-weight: 400; letter-spacing: -.04em; color: #fff; font-size: 2.3rem; line-height: 1.1; margin: 6px 0 16px; }
.video-cta .vc-inner p { font-family: "Inter", sans-serif; color: rgba(255,255,255,.9); font-size: 1.15rem; line-height: 1.5; max-width: 580px; margin: 0 auto 30px; }
.vc-kicker { display: inline-flex; align-items: center; gap: 12px; font-family: "Inter Tight", sans-serif; text-transform: uppercase; letter-spacing: .22em; font-weight: 700; font-size: .72rem; color: #cfcfcf; margin-bottom: 4px; }
.vc-kicker::before { content: ""; width: 30px; height: 2px; background: #cfcfcf; }
.vc-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.vc-btn { display: inline-block; padding: 13px 30px; font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; transition: background .25s ease; }
.vc-btn-solid { background: #fff; color: #111; }
.vc-btn-solid:hover { background: #e7e7e7; }
.vc-btn-ghost { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.55); }
.vc-btn-ghost:hover { background: rgba(255,255,255,.12); }
@media (max-width: 767px) { .emoji-cards { grid-template-columns: 1fr; } }


/* ---------- Homepage pull-quote under the pillars ---------- */
.intro-quote {
  background: #ffffff !important;
  border-left: 4px solid var(--sand) !important;
  padding: 44px 48px !important;
  margin: 48px 0 16px !important;
  font-family: "Inter", sans-serif !important;
  font-style: normal !important;
  font-size: 1.32rem !important;
  line-height: 1.6 !important;
  color: #2c2c2c !important;
  box-shadow: 0 8px 30px rgba(24,24,24,.06) !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 767px) {
  .intro-2026 { grid-template-columns: 1fr; gap: 32px; }
  .intro-2026 .intro-name { font-size: 2.6rem; }
  .pillars { grid-template-columns: 1fr; }
}


/* ---------- Contact form (inquiries) cleanup ---------- */
.white-section { background: #efefef !important; }
.form-block, .form { background: transparent !important; box-shadow: none !important; padding: 0 !important; }
.field-label { color: #181818 !important; font-family: "Inter Tight", sans-serif; text-transform: uppercase; letter-spacing: .1em; font-size: .72rem; font-weight: 600; margin-bottom: 8px; }
.text-field, .text-field.message {
  background: #ffffff !important;
  border: 1px solid #d6d6d6 !important;
  color: #181818 !important;
  border-radius: 0 !important;
  padding: 13px 15px !important;
  box-shadow: none !important;
  margin-bottom: 22px;
}
.text-field:focus, .text-field.message:focus { border-color: var(--nomadic) !important; outline: none; }
.text-field::placeholder { color: #9a9a9a; }

/* ---------- Featured-in magazine flipbook (Speaking page) ---------- */
.mag-band { background: #efefef; padding: 84px 0; }
.flip-wrap { max-width: 1040px; margin: 0 auto; padding: 0 1rem; text-align: center; }
.flipbook-embed { position: relative; width: 100%; max-width: 1000px; margin: 28px auto 0; aspect-ratio: 16 / 10; background: #111; box-shadow: 0 12px 40px rgba(24,24,24,.12); }
.flipbook-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* ---------- Homepage dark "Building Systems" section: prose, not bullets ---------- */
.storm-prose { color: #cfcfcf; font-family: "Inter", sans-serif; font-size: 1.05rem; line-height: 1.7; max-width: 540px; margin: 0 0 24px; }
.storm-prose strong { color: #fff; font-weight: 600; }
.storm-prose a { color: var(--sand); text-decoration: underline; }

/* ---------- About cards: equal height ---------- */
.about-card-grid .w-layout-cell { display: flex; }
.about-card { height: 100%; display: flex; flex-direction: column; }

/* ---------- Booking page: intro text + form share one measure ---------- */
.white-section .heading-3, .white-section .rich-text-block, .white-section .form-block { max-width: 760px; margin-left: auto; margin-right: auto; }
.white-section .rich-text-block, .white-section .heading-3 { text-align: left; }
/* prod deploy trigger */