:root{--navy-deepest:#050D24;--navy-deep:#0A1633;--navy:#14264F;--navy-elevated:#08112B;--gold:#C9A227;--gold-light:#E6BC3A;--gold-deep:#8E6F18;--gold-bright:#F2CC3D;--gold-glow:rgba(201, 162, 39, 0.4);--gold-soft:rgba(201, 162, 39, 0.18);--ivory:#ECEEF5;--ivory-veil:#B8C0D4;--ivory-quiet:#6B7691;--ivory-trace:#3D4A65;--ease:cubic-bezier(0.22, 1, 0.36, 1);--ease-slow:cubic-bezier(0.16, 1, 0.3, 1);--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.92  0 0 0 0 0.93  0 0 0 0 0.96  0 0 0 0 0.22'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  background: linear-gradient(180deg, var(--navy-deepest) 0%, var(--navy-deep) 30%, var(--navy) 65%, var(--navy-deep) 100%);
  background-attachment: fixed;
  color: var(--ivory);
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 19px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  min-height: 100vh;
  overflow-x: hidden;
}
body::before {
  content: ''; position: fixed; inset: 0;
  background: radial-gradient(ellipse 65% 55% at 50% 50%, transparent 0%, rgba(5, 13, 36, 0.45) 100%);
  pointer-events: none; z-index: 1;
}
body::after {
  content: ''; position: fixed; inset: 0;
  background-image: var(--grain);
  opacity: 0.04; pointer-events: none; z-index: 1;
}
body > * { position: relative; z-index: 2; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; border: none; background: none; font: inherit; color: inherit; }

/* ============================================================================
   GOLD GUIDE RAIL
============================================================================ */
.guide-rail {
  position: fixed; top: 50%; right: clamp(18px, 3vw, 36px);
  transform: translateY(-50%); height: 60vh; width: 24px; z-index: 40;
  pointer-events: none;
}
.guide-rail-line {
  position: absolute; top: 0; bottom: 0; left: 50%;
  width: 1px; background: rgba(201, 162, 39, 0.22); transform: translateX(-50%);
}
.guide-rail-fill {
  position: absolute; top: 0; left: 50%;
  width: 1.5px; background: linear-gradient(180deg, var(--gold-light), var(--gold));
  height: 0%; transform: translateX(-50%);
  box-shadow: 0 0 8px var(--gold-glow);
  transition: height 120ms linear;
}
.guide-marker {
  position: absolute; left: 50%;
  width: 14px; height: 14px;
  transform: translate(-50%, -50%);
  pointer-events: auto; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.guide-marker::before {
  content: ''; width: 8px; height: 1.5px;
  background: rgba(201, 162, 39, 0.4);
  transition: width 280ms var(--ease), background 280ms var(--ease);
}
.guide-marker:hover::before,
.guide-marker.active::before { width: 16px; background: var(--gold); }
.guide-marker.active::after {
  content: ''; position: absolute;
  width: 5px; height: 5px;
  background: var(--gold); border-radius: 50%;
  box-shadow: 0 0 10px var(--gold-glow);
}
.guide-label {
  position: absolute; right: 24px;
  font-family: 'Cormorant SC', serif;
  font-weight: 500; font-size: 0.84rem;
  letter-spacing: 0.26em; text-transform: uppercase;
  color: var(--ivory-quiet);
  white-space: nowrap; opacity: 0;
  transform: translateX(8px);
  transition: opacity 240ms var(--ease), transform 240ms var(--ease), color 240ms var(--ease);
  pointer-events: none;
}
.guide-marker:hover .guide-label,
.guide-marker.active .guide-label {
  opacity: 1; transform: translateX(0); color: var(--gold);
}
@media (max-width: 900px) { .guide-rail { display: none; } }

/* ============================================================================
   TOP ORNAMENT — Who. / Why.
============================================================================ */
.ornament { padding: 2.2rem clamp(1.5rem, 4vw, 4rem); }
.ornament-inner {
  max-width: 1280px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr auto 1fr;
  gap: clamp(1.5rem, 3vw, 3rem); align-items: center;
}
.ornament-mark {
  font-family: 'Cormorant SC', serif;
  font-weight: 500; font-size: 0.68rem;
  letter-spacing: 0.36em; text-transform: uppercase;
  color: var(--gold);
  display: flex; align-items: center; gap: 0.8rem;
}
.ornament-mark .dot {
  width: 6px; height: 6px; background: var(--gold);
  transform: rotate(45deg); display: inline-block;
}
.ornament-mark.right { justify-content: flex-end; }
.ornament-deco-bar svg { display: block; height: 24px; width: auto; }

/* ============================================================================
   NAV
============================================================================ */
.nav {
  padding: 0.4rem clamp(1.5rem, 4vw, 4rem) 1.6rem;
  display: flex; align-items: center; justify-content: space-between;
  border-bottom: 1px solid var(--gold-soft);
  max-width: 1320px; margin: 0 auto;
}
.wordmark {
  display: flex; align-items: center; gap: 0.9rem;
  font-family: 'Poiret One', sans-serif;
  font-size: 1.5rem; letter-spacing: 0.12em;
  color: var(--ivory); text-transform: uppercase;
}
.wordmark .v-disc {
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px;
  background: var(--gold); color: var(--navy-deep);
  font-family: 'Poiret One', sans-serif;
  font-size: 1.25rem; border-radius: 50%;
  border: 1.5px solid var(--gold-deep);
  line-height: 1; position: relative;
  box-shadow: 0 0 0 1px rgba(201, 162, 39, 0.3);
}
.wordmark .v-disc::after {
  content: ''; position: absolute; inset: -4px;
  border: 1px solid var(--gold);
  border-radius: 50%; opacity: 0.35;
}
.nav-links { display: flex; gap: clamp(1.5rem, 3vw, 2.6rem); align-items: center; }
.nav-links a {
  font-family: 'Cormorant SC', serif;
  font-weight: 500; font-size: 0.74rem;
  letter-spacing: 0.3em; text-transform: uppercase;
  color: var(--ivory-veil);
  transition: color 240ms var(--ease);
  position: relative;
}
.nav-links a:not(.nav-cta)::after {
  content: ''; position: absolute;
  bottom: -4px; left: 0; right: 0; height: 1px;
  background: var(--gold);
  transform: scaleX(0); transform-origin: left;
  transition: transform 320ms var(--ease);
}
.nav-links a:not(.nav-cta):hover::after { transform: scaleX(1); }
.nav-links a:hover { color: var(--gold); }
.nav-links a[aria-current="page"] { color: var(--gold); }
.nav-links a[aria-current="page"]::after { transform: scaleX(1); }
.nav-cta {
  background: transparent; color: var(--gold);
  padding: 0.65rem 1.3rem;
  font-family: 'Cormorant SC', serif;
  font-weight: 600; font-size: 0.72rem;
  letter-spacing: 0.3em; text-transform: uppercase;
  border: 1px solid var(--gold);
  transition: all 320ms var(--ease);
  position: relative; overflow: hidden;
}
.nav-cta::before {
  content: ''; position: absolute; inset: 0;
  background: var(--gold);
  transform: translateY(101%);
  transition: transform 320ms var(--ease);
  z-index: -1;
}
.nav-cta:hover { color: var(--navy-deep); border-color: var(--gold-deep); }
.nav-cta:hover::before { transform: translateY(0); }

/* ============================================================================
   HERO — Marquee Lockup + H1 + treated lede paragraph
============================================================================ */
.about-hero {
  padding: clamp(3rem, 6vw, 5rem) clamp(1.5rem, 4vw, 4rem) clamp(2rem, 4vw, 3rem);
  text-align: center;
}
.hero-inner { max-width: 820px; margin: 0 auto; }

.marquee-lockup {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  position: relative;
}
.marquee-lockup::before {
  content: '';
  position: absolute;
  inset: -25% -30%;
  background:
    radial-gradient(ellipse 50% 55% at 50% 50%, rgba(242, 204, 61, 0.28), rgba(230, 188, 58, 0.14) 32%, transparent 68%),
    radial-gradient(ellipse 85% 85% at 50% 50%, rgba(201, 162, 39, 0.09), transparent 72%);
  pointer-events: none; z-index: -1;
  filter: blur(2px);
}
.marquee-lockup svg {
  width: 100%;
  max-width: 440px;
  height: auto;
  filter:
    drop-shadow(0 0 36px rgba(242, 204, 61, 0.38))
    drop-shadow(0 0 80px rgba(201, 162, 39, 0.22));
}

.hero-eyebrow {
  font-family: 'Cormorant SC', serif;
  font-weight: 600; font-size: 0.92rem;
  letter-spacing: 0.42em; text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1.4rem;
  display: inline-flex; align-items: center; gap: 1rem;
}
.hero-eyebrow::before,
.hero-eyebrow::after {
  content: ''; width: 44px; height: 1px;
  background: var(--gold);
}
.hero-h1 {
  position: relative;
  font-family: 'Poiret One', sans-serif;
  font-size: clamp(2.4rem, 5.6vw, 4.6rem);
  line-height: 1.04; color: var(--ivory);
  letter-spacing: 0.08em; text-transform: uppercase;
  margin-bottom: 2.4rem; text-wrap: balance;
}
.hero-h1::before {
  content: ''; position: absolute;
  inset: -20% -10%;
  background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(201, 162, 39, 0.08), transparent 65%);
  pointer-events: none; z-index: -1;
}
.hero-h1 .gp { color: var(--gold); }

.hero-lede {
  font-family: 'EB Garamond', serif;
  font-size: clamp(1.15rem, 1.7vw, 1.35rem);
  line-height: 1.6; color: var(--ivory);
  text-align: left;
  max-width: 60ch;
  margin: 0 auto;
  position: relative;
}
.hero-lede::first-letter {
  font-family: 'Poiret One', sans-serif;
  font-style: normal;
  font-size: 3.4em;
  line-height: 0.85;
  float: left;
  margin: 0.06em 0.12em 0 0;
  color: var(--gold);
}
.hero-lede em {
  color: var(--gold-light);
  font-style: italic;
  font-family: 'DM Serif Display', serif;
}

/* ============================================================================
   DECO DIVIDER
============================================================================ */
.deco-divider {
  padding: clamp(2.2rem, 4vw, 3.4rem) clamp(1.5rem, 4vw, 4rem);
  display: flex; justify-content: center;
}
.deco-divider svg { width: 100%; max-width: 280px; height: auto; }

/* ============================================================================
   WHY THIS EXISTS — thesis section
============================================================================ */
.why {
  padding: clamp(3rem, 5vw, 4.4rem) clamp(1.5rem, 4vw, 4rem);
  position: relative;
}
.why-inner {
  max-width: 820px;
  margin: 0 auto;
}
.section-eyebrow {
  font-family: 'Cormorant SC', serif;
  font-weight: 600;
  font-size: 0.92rem;
  letter-spacing: 0.42em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1.2rem;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
}
.section-eyebrow::before,
.section-eyebrow::after {
  content: ''; width: 44px; height: 1px;
  background: var(--gold);
}
.section-title {
  font-family: 'Poiret One', sans-serif;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.1;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--ivory);
  margin-bottom: clamp(2rem, 3.5vw, 3rem);
  text-align: center;
}
.section-title .gp { color: var(--gold); }

.why-header {
  text-align: center;
  margin-bottom: clamp(2.2rem, 4vw, 3rem);
}
.why-prose {
  font-family: 'EB Garamond', serif;
  font-size: clamp(1.1rem, 1.6vw, 1.25rem);
  line-height: 1.7;
  color: var(--ivory);
}
.why-prose p { margin-bottom: 1.4rem; }
.why-prose p:last-child { margin-bottom: 0; }
.why-prose em {
  color: var(--gold-light);
  font-style: italic;
  font-family: 'DM Serif Display', serif;
}
.why-prose strong {
  color: var(--ivory);
  font-weight: 600;
  font-style: italic;
  font-family: 'DM Serif Display', serif;
}

/* ============================================================================
   PHILOSOPHICAL PULL-QUOTE — the framed pause
============================================================================ */
.pull-quote {
  padding: clamp(5rem, 9vw, 7.5rem) clamp(1.5rem, 4vw, 4rem);
  position: relative;
  text-align: center;
  border-top: 1px solid var(--gold-soft);
  border-bottom: 1px solid var(--gold-soft);
}
.pull-quote::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 70% at 50% 50%, rgba(236, 238, 245, 0.06), rgba(230, 188, 58, 0.04) 40%, transparent 75%);
  pointer-events: none;
  z-index: 0;
}
.pull-quote-inner {
  max-width: 920px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.pull-quote-rules {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 2rem;
}
.pull-quote-rules .rule {
  width: clamp(60px, 12vw, 140px);
  height: 1px;
  background: var(--gold);
}
.pull-quote-rules .diamond {
  width: 10px; height: 10px;
  background: var(--gold);
  transform: rotate(45deg);
  box-shadow: 0 0 12px var(--gold-glow);
}
.pull-quote-text {
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  font-size: clamp(2rem, 5vw, 3.8rem);
  line-height: 1.16;
  color: var(--ivory);
  letter-spacing: 0.005em;
  position: relative;
  display: inline-block;
  padding: 0 clamp(2rem, 4vw, 3.5rem);
}
.pull-quote-text::before {
  content: '“';
  position: absolute;
  top: -0.15em;
  left: 0;
  font-size: 1.6em;
  color: var(--gold);
  line-height: 1;
  font-family: 'DM Serif Display', serif;
}
.pull-quote-text::after {
  content: '”';
  position: absolute;
  bottom: -0.55em;
  right: 0;
  font-size: 1.6em;
  color: var(--gold);
  line-height: 1;
  font-family: 'DM Serif Display', serif;
}
.pull-quote-text .line { display: block; }
.pull-quote-text .line + .line {
  margin-top: 0.1em;
  padding-left: clamp(1.5rem, 4vw, 4rem);
}
.pull-quote-attr {
  margin-top: 2.4rem;
  font-family: 'Cormorant SC', serif;
  font-weight: 500;
  font-size: 0.76rem;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: var(--gold);
}

/* ============================================================================
   WHO BUILT IT — founder section
============================================================================ */
.founder {
  padding: clamp(4rem, 7vw, 6rem) clamp(1.5rem, 4vw, 4rem);
  position: relative;
}
.founder::after {
  content: '';
  position: absolute;
  top: 5%; left: 50%;
  width: 90%; max-width: 1100px; height: 45%;
  transform: translateX(-50%);
  background: radial-gradient(ellipse 60% 75% at 50% 30%, rgba(236, 238, 245, 0.08), rgba(230, 188, 58, 0.04) 42%, transparent 78%);
  pointer-events: none;
  z-index: 0;
  filter: blur(1px);
}
.founder-inner {
  max-width: 820px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  text-align: center;
}
.founder-name-block {
  background: var(--navy-elevated);
  padding: 1px;
  background-image: linear-gradient(180deg, var(--gold) 0%, transparent 14%, transparent 86%, var(--gold) 100%);
  position: relative;
  margin-bottom: clamp(2.4rem, 4vw, 3.4rem);
}
.founder-name-inner {
  background: var(--navy-elevated);
  padding: clamp(2.2rem, 4vw, 3rem) clamp(1.8rem, 3.4vw, 2.8rem);
  position: relative;
}
.founder-name-inner::before,
.founder-name-inner::after {
  content: '';
  position: absolute;
  width: 14px; height: 14px;
  border: 1px solid var(--gold);
  pointer-events: none;
  opacity: 0.6;
}
.founder-name-inner::before { top: 10px; left: 10px; border-right: none; border-bottom: none; }
.founder-name-inner::after  { bottom: 10px; right: 10px; border-left: none; border-top: none; }

.founder-grid {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

.founder-portrait {
  position: relative;
  aspect-ratio: 3 / 4;
  background: var(--navy-deep);
  border: 1px solid var(--gold);
  overflow: hidden;
  box-shadow: 0 12px 40px -10px rgba(0, 0, 0, 0.6);
}
.founder-portrait::before,
.founder-portrait::after {
  content: '';
  position: absolute;
  width: 13px; height: 13px;
  border: 1.2px solid var(--gold);
  pointer-events: none;
  z-index: 3;
}
.founder-portrait::before {
  top: -7px; left: -7px;
  border-right: none; border-bottom: none;
}
.founder-portrait::after {
  bottom: -7px; right: -7px;
  border-left: none; border-top: none;
}
.founder-portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: contrast(1.02) saturate(0.88);
}
.founder-portrait-fallback {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  background: linear-gradient(180deg, var(--navy-elevated), var(--navy-deepest));
  z-index: 1;
}
.founder-portrait-fallback svg { width: 60px; height: 60px; opacity: 0.85; }
.founder-portrait-fallback span {
  font-family: 'Cormorant SC', serif;
  font-weight: 500;
  font-size: 0.66rem;
  letter-spacing: 0.36em;
  text-transform: uppercase;
  color: var(--gold);
}
.founder-portrait img { position: relative; z-index: 2; }

.founder-meta {
  text-align: left;
}
.founder-meta .founder-name { text-align: left; }
.founder-meta .founder-role { text-align: left; }
.founder-meta .founder-rule { margin: 0 0 1.4rem 0; }
.founder-meta .founder-bio { text-align: left; margin: 0; max-width: none; }

.founder-name {
  font-family: 'Poiret One', sans-serif;
  font-size: clamp(2rem, 4vw, 2.8rem);
  line-height: 1.05;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--ivory);
  margin-bottom: 0.55rem;
}
.founder-name .gp { color: var(--gold); }
.founder-role {
  font-family: 'Cormorant SC', serif;
  font-weight: 600;
  font-size: 0.72rem;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1.4rem;
}
.founder-rule {
  width: 60px; height: 1px;
  background: var(--gold);
  margin: 0 auto 1.6rem;
}
.founder-bio {
  font-family: 'EB Garamond', serif;
  font-size: clamp(1.02rem, 1.4vw, 1.12rem);
  line-height: 1.65;
  color: var(--ivory);
  text-align: left;
  max-width: 56ch;
  margin: 0 auto;
}
.founder-bio em {
  color: var(--gold-light);
  font-style: italic;
  font-family: 'DM Serif Display', serif;
}

.founder-closer {
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  font-size: clamp(1.2rem, 2.2vw, 1.55rem);
  line-height: 1.45;
  color: var(--gold-light);
  text-align: center;
  max-width: 56ch;
  margin: 0 auto;
}

/* ============================================================================
   CASE STUDIES (compressed) — three-card mini
============================================================================ */
.case-studies-mini {
  padding: clamp(4rem, 7vw, 6rem) clamp(1.5rem, 4vw, 4rem);
}
.cs-inner {
  max-width: 1080px;
  margin: 0 auto;
}
.cs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: clamp(1.4rem, 2.4vw, 2rem);
  margin-bottom: clamp(2rem, 3vw, 2.8rem);
}
.cs-card {
  background: var(--navy-elevated);
  padding: 1px;
  background-image: linear-gradient(180deg, var(--gold) 0%, transparent 14%, transparent 86%, var(--gold) 100%);
  position: relative;
  transition: transform 480ms var(--ease);
}
.cs-card:hover { transform: translateY(-3px); }
.cs-card-inner {
  background: var(--navy-elevated);
  padding: 1.8rem 1.4rem 1.6rem;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  min-height: 240px;
  transition: box-shadow 480ms var(--ease);
}
.cs-card:hover .cs-card-inner {
  box-shadow: inset 0 0 60px rgba(201, 162, 39, 0.07);
}
.cs-card-inner::before,
.cs-card-inner::after {
  content: '';
  position: absolute;
  width: 11px; height: 11px;
  border: 1px solid var(--gold);
  pointer-events: none;
  opacity: 0.55;
}
.cs-card-inner::before { top: 7px; left: 7px; border-right: none; border-bottom: none; }
.cs-card-inner::after  { bottom: 7px; right: 7px; border-left: none; border-top: none; }

.cs-card-name {
  font-family: 'Poiret One', sans-serif;
  font-size: 1.35rem;
  line-height: 1.12;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ivory);
}
.cs-card-desc {
  font-family: 'EB Garamond', serif;
  font-style: italic;
  font-size: 0.95rem;
  color: var(--ivory-veil);
}
.cs-card-stats {
  font-family: 'Poiret One', sans-serif;
  font-size: 1.05rem;
  letter-spacing: 0.04em;
  color: var(--gold);
  margin-top: 0.4rem;
  line-height: 1.5;
}
.cs-card-role {
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid var(--gold-soft);
  font-family: 'Cormorant SC', serif;
  font-weight: 600;
  font-size: 0.66rem;
  letter-spacing: 0.36em;
  text-transform: uppercase;
  color: var(--gold-light);
}

.cs-link {
  display: flex;
  justify-content: center;
}
.cs-link a {
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  font-size: 1.2rem;
  color: var(--ivory);
  border-bottom: 1.5px solid var(--gold);
  padding: 0.4rem 0.2rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 280ms var(--ease);
}
.cs-link a:hover { gap: 0.9rem; color: var(--gold-light); }
.cs-link a .arrow { color: var(--gold); }

/* ============================================================================
   CLOSING — Truth at machine speed + Audit CTA
============================================================================ */
.closing {
  padding: clamp(4rem, 7vw, 6rem) clamp(1.5rem, 4vw, 4rem);
  text-align: center;
  border-top: 1px solid var(--gold-soft);
  position: relative;
}
.closing::before {
  content: '';
  position: absolute;
  top: -1px; left: 50%;
  width: 160px; height: 3px;
  background: var(--gold);
  transform: translateX(-50%);
  box-shadow: 0 0 14px var(--gold-glow);
}
.closing-inner {
  max-width: 760px;
  margin: 0 auto;
}
.closing-eyebrow {
  font-family: 'Cormorant SC', serif;
  font-weight: 600;
  font-size: 0.92rem;
  letter-spacing: 0.46em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1.6rem;
  display: inline-flex; align-items: center; gap: 1rem;
}
.closing-eyebrow::before,
.closing-eyebrow::after {
  content: ''; width: 44px; height: 1px; background: var(--gold);
}
.closing-lead {
  font-family: 'Poiret One', sans-serif;
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  line-height: 1.1;
  color: var(--ivory);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 2.4rem;
}
.closing-lead .gp { color: var(--gold); }
.closing-ctas {
  display: flex; gap: 1.4rem; justify-content: center; flex-wrap: wrap;
}
.cta-primary {
  position: relative;
  background: var(--gold);
  color: var(--navy-deep);
  padding: 1.05rem 2.2rem;
  font-family: 'Cormorant SC', serif;
  font-weight: 700;
  font-size: 0.84rem;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  border: 1px solid var(--gold-deep);
  transition: all 320ms var(--ease);
  display: inline-flex; align-items: center; gap: 0.6rem;
  overflow: visible;
}
.cta-primary::before {
  content: '';
  position: absolute; inset: -12px;
  background: radial-gradient(ellipse 50% 50% at center, var(--gold-glow), transparent 70%);
  opacity: 0;
  transition: opacity 380ms var(--ease);
  pointer-events: none; z-index: -1;
}
.cta-primary:hover { background: var(--gold-bright); letter-spacing: 0.36em; transform: translateY(-2px); }
.cta-primary:hover::before { opacity: 1; }

/* ============================================================================
   FOOTER
============================================================================ */
.footer {
  background: var(--navy-deepest);
  padding: 3.2rem clamp(1.5rem, 4vw, 4rem);
  display: flex; justify-content: space-between; align-items: center;
  flex-wrap: wrap; gap: 1.4rem;
  border-top: 1px solid var(--gold-soft);
  position: relative; overflow: hidden;
}
.footer::before {
  content: ''; position: absolute;
  top: -1px; left: 50%;
  width: 200px; height: 3px;
  background: var(--gold);
  transform: translateX(-50%);
  box-shadow: 0 0 18px var(--gold-glow);
  z-index: 2;
}
.footer::after {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse 60% 85% at 50% 0%, rgba(242, 204, 61, 0.14), rgba(201, 162, 39, 0.06) 40%, transparent 75%);
  pointer-events: none; z-index: 0;
}
.footer > * { position: relative; z-index: 1; }
.footer .wm {
  font-family: 'Poiret One', sans-serif;
  font-size: 1.4rem; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--ivory);
}
.footer .meta {
  font-family: 'Cormorant SC', serif;
  font-weight: 500; font-size: 0.66rem;
  letter-spacing: 0.38em; text-transform: uppercase;
  color: var(--ivory-quiet);
}
.footer .meta .sep { color: var(--gold); margin: 0 0.6em; }
.footer .bilingue {
  font-family: 'EB Garamond', serif;
  font-style: italic; font-size: 0.95rem;
  color: var(--ivory-veil);
}

/* ============================================================================
   SCROLL REVEAL
============================================================================ */
.reveal {
  opacity: 0; transform: translateY(40px);
  transition: opacity 1000ms var(--ease-slow), transform 1000ms var(--ease-slow);
}
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-glow { position: relative; }
.reveal-glow::before {
  content: ''; position: absolute; inset: -40px;
  background: radial-gradient(ellipse 60% 50% at 50% 30%, rgba(201, 162, 39, 0.12), transparent 70%);
  opacity: 0;
  transition: opacity 1400ms var(--ease-slow);
  pointer-events: none; z-index: -1;
}
.reveal-glow.visible::before { opacity: 1; }

/* RESPONSIVE */
@media (max-width: 760px) {
  .founder-grid {
    grid-template-columns: 1fr;
    gap: 1.8rem;
  }
  .founder-portrait {
    max-width: 260px;
    margin: 0 auto;
  }
  .founder-meta { text-align: center; }
  .founder-meta .founder-name,
  .founder-meta .founder-role { text-align: center; }
  .founder-meta .founder-rule { margin: 0 auto 1.4rem; }
  .founder-meta .founder-bio { text-align: left; margin: 0 auto; }
}
@media (max-width: 700px) {
  .nav-links a:not(.nav-cta) { display: none; }
  .ornament-inner { grid-template-columns: 1fr; gap: 1rem; text-align: center; }
  .ornament-mark.right { justify-content: center; }
  .footer { flex-direction: column; text-align: center; }
}

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.ornament, .nav, .marquee-lockup, .hero-eyebrow, .hero-h1, .hero-lede {
  animation: fadeIn 700ms var(--ease) both;
}
.marquee-lockup { animation-delay: 80ms; }
.hero-eyebrow { animation-delay: 200ms; }
.hero-h1 { animation-delay: 280ms; }
.hero-lede { animation-delay: 380ms; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .reveal { opacity: 1 !important; transform: none !important; }
}


/*FILESTART   */

/* 10Web Booster optimized this CSS file */

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */


/*FILESTART   */

/* 10Web Booster optimized this CSS file */


	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */


/*FILESTART   */

/* 10Web Booster optimized this CSS file */

:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */


/*FILESTART   */

/* 10Web Booster optimized this CSS file */

/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */


/*FILESTART   */

/* 10Web Booster optimized this CSS file */

:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */


/*FILESTART  /home/wplive/web/wp-live/wp-content/themes/veritas-theme/style.css */
/*
Theme Name: Veritas — Poiret Cinematic
Theme URI: https://veritasconsulting.ai
Author: Margaux Penichet
Author URI: https://margauxpenichet.com
Description: Poiret Cinematic — French Art Deco / cinematic restraint visual system for Veritas, the AI-augmented marketing practice. Self-contained page templates (front-page, page-about, page-services, page-work, page-contact, three case studies, 404). Each page carries its own inline styles for design-fidelity and isolation. Lead forms render the Fluent Forms shortcode, styled to match.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: All Rights Reserved
License URI:
Text Domain: veritas-poiret
Tags: marketing-practice, art-deco, poiret, navy, gold, ivory, miami, custom-design
*/

/* ============================================================================
   SELF-HOSTED FONTS (2026-05-29) — replaces the Google Fonts CDN.
   Latin subset (covers English + Spanish accents). Files in /assets/fonts/.
   EB Garamond is the variable 400–700 file (one woff2 per style).
============================================================================ */
@font-face{font-family:'Poiret One';font-style:normal;font-weight:400;font-display:swap;;src:url(https://veritasconsulting.ai/wp-content/themes/veritas-theme/assets/fonts/poiret-one-400-normal.woff2) format('woff2');}
@font-face{font-family:'Cormorant SC';font-style:normal;font-weight:400;font-display:swap;;src:url(https://veritasconsulting.ai/wp-content/themes/veritas-theme/assets/fonts/cormorant-sc-400-normal.woff2) format('woff2');}
@font-face{font-family:'Cormorant SC';font-style:normal;font-weight:500;font-display:swap;;src:url(https://veritasconsulting.ai/wp-content/themes/veritas-theme/assets/fonts/cormorant-sc-500-normal.woff2) format('woff2');}
@font-face{font-family:'Cormorant SC';font-style:normal;font-weight:600;font-display:swap;;src:url(https://veritasconsulting.ai/wp-content/themes/veritas-theme/assets/fonts/cormorant-sc-600-normal.woff2) format('woff2');}
@font-face{font-family:'Cormorant SC';font-style:normal;font-weight:700;font-display:swap;;src:url(https://veritasconsulting.ai/wp-content/themes/veritas-theme/assets/fonts/cormorant-sc-700-normal.woff2) format('woff2');}
@font-face{font-family:'DM Serif Display';font-style:italic;font-weight:400;font-display:swap;;src:url(https://veritasconsulting.ai/wp-content/themes/veritas-theme/assets/fonts/dm-serif-display-400-italic.woff2) format('woff2');}
@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;;src:url(https://veritasconsulting.ai/wp-content/themes/veritas-theme/assets/fonts/dm-serif-display-400-normal.woff2) format('woff2');}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400 700;font-display:swap;;src:url(https://veritasconsulting.ai/wp-content/themes/veritas-theme/assets/fonts/eb-garamond-400_700-italic.woff2) format('woff2');}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 700;font-display:swap;;src:url(https://veritasconsulting.ai/wp-content/themes/veritas-theme/assets/fonts/eb-garamond-400_700-normal.woff2) format('woff2');}

/* ============================================================================
   GLOBAL FALLBACK / RESET
   Each page template carries its own inline <style> block matching the Poiret
   Cinematic system (palette in --navy-*, --gold-*, --ivory-* variables; type
   stack Poiret One + DM Serif Display + Cormorant SC + EB Garamond). This
   file is intentionally minimal — it satisfies WordPress's requirement that
   a theme include a style.css with a theme header, and provides a tiny safety
   net for any future content (e.g. blog posts) that don't yet have a template.
============================================================================ */

body {
    margin: 0;
    background: #050D24;
    color: #ECEEF5;
    font-family: 'EB Garamond', Georgia, serif;
    font-size: 18px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* ============================================================================
   FLUENT FORMS — Poiret "Plate" styling
   The lead form (Contact page + homepage hero) renders [fluentform id="3"].
   These rules restyle Fluent Forms' default markup to match the locked Plate:
   transparent fields with a gold under-rule, Cormorant SC labels, EB Garamond
   inputs, and the gold "Send my Diagnosis" button. Scoped to .plate so it only
   affects the lead form, not any other Fluent Form elsewhere. Hex values are
   hardcoded (not CSS vars) so the styling holds independent of inline-style load order.
============================================================================ */
.plate .fluentform { margin: 0; }
.plate .fluentform .ff-el-group { margin-bottom: 1.15rem; }

/* Labels — Cormorant SC small-caps in gold */
.plate .fluentform .ff-el-input--label label {
    font-family: 'Cormorant SC', serif;
    font-weight: 600;
    font-size: 0.72rem;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: #C9A227;
    margin: 0 0 0.34rem;
    padding: 0;
    display: block;
}
.plate .fluentform .ff-el-is-required > label::after,
.plate .fluentform .ff-el-input--label.ff-el-is-required label::after { color: #C9A227; }

/* Inputs / selects / textareas — transparent with a single gold under-rule */
.plate .fluentform input[type="text"],
.plate .fluentform input[type="email"],
.plate .fluentform input[type="url"],
.plate .fluentform input[type="tel"],
.plate .fluentform select,
.plate .fluentform textarea {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #3D4A65 !important;
    border-radius: 0 !important;
    color: #ECEEF5 !important;
    padding: 0.7rem 0 !important;
    font-family: 'EB Garamond', serif !important;
    font-size: 1.1rem !important;
    font-style: italic;
    box-shadow: none !important;
    height: auto !important;
    transition: border-color 240ms cubic-bezier(0.22, 1, 0.36, 1);
}
.plate .fluentform textarea { min-height: 80px; line-height: 1.5; resize: none; }
.plate .fluentform input::placeholder,
.plate .fluentform textarea::placeholder { color: #6B7691; font-style: italic; }
.plate .fluentform input:focus,
.plate .fluentform select:focus,
.plate .fluentform textarea:focus {
    outline: none !important;
    border-bottom-color: #C9A227 !important;
    box-shadow: none !important;
}
.plate .fluentform select { color: #B8C0D4; cursor: pointer; }
.plate .fluentform select option { color: #14264F; } /* readable in the OS dropdown */

/* Submit button — the gold .p-cta */
.plate .fluentform .ff-btn-submit,
.plate .fluentform button[type="submit"] {
    background: #C9A227 !important;
    color: #0A1633 !important;
    padding: 1.05rem 1.2rem !important;
    font-family: 'Cormorant SC', serif !important;
    font-weight: 700 !important;
    font-size: 0.84rem !important;
    letter-spacing: 0.32em !important;
    text-transform: uppercase !important;
    border: 1px solid #8E6F18 !important;
    border-radius: 0 !important;
    width: 100% !important;
    margin-top: 1.4rem !important;
    box-shadow: none !important;
    transition: all 320ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.plate .fluentform .ff-btn-submit:hover,
.plate .fluentform button[type="submit"]:hover {
    background: #F2CC3D !important;
    letter-spacing: 0.36em !important;
}

/* Validation + success messages in-brand */
.plate .fluentform .error,
.plate .fluentform .text-danger,
.plate .fluentform .ff-el-is-error .text-danger {
    font-family: 'Cormorant SC', serif;
    color: #E6BC3A;
    font-size: 0.7rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.plate .fluentform .ff-message-success,
.plate .ff_submit_msg,
.plate .fluentform .ff-custom-success {
    font-family: 'EB Garamond', serif;
    font-style: italic;
    color: #ECEEF5;
    font-size: 1.05rem;
}

/* ============================================================================
   NEW SECTIONS (2026-05-29) — "Inside the Diagnosis" · "AI,Made Operational" · FAQ Ported from the design-chat spec. Everything is scoped under .veritas-new-section so generic selectors (.wrap,.eyebrow,details,summary) never leak elsewhere. Uses each page's inline :root vars (--gold, --ivory, --ease, etc.).
============================================================================ */
.veritas-new-section { padding: 110px 0; position: relative; z-index: 2; }
.veritas-new-section .wrap { position: relative; z-index: 2; max-width: 1080px; margin: 0 auto; padding: 0 28px; }
.veritas-new-section .eyebrow { display:flex; align-items:center; justify-content:center; gap:18px; font-family:'Cormorant SC',serif; text-transform:uppercase; letter-spacing:.36em; font-size:.82rem; color:var(--gold-light); margin-bottom:26px; }
.veritas-new-section .eyebrow::before, .veritas-new-section .eyebrow::after { content:''; height:1px; width:48px; background:linear-gradient(90deg,transparent,var(--gold-deep)); }
.veritas-new-section .eyebrow::after { background:linear-gradient(90deg,var(--gold-deep),transparent); }
.veritas-new-section .sec-head { font-family:'DM Serif Display',serif; font-size:clamp(2rem,5vw,3.1rem); line-height:1.1; text-align:center; color:var(--ivory); margin-bottom:22px; font-weight:400; }
.veritas-new-section .sec-head .gp, .veritas-new-section .gp { color:var(--gold); }
.veritas-new-section .sec-intro { font-size:1.15rem; color:var(--ivory-veil); text-align:center; max-width:680px; margin:0 auto 64px; line-height:1.7; }
.veritas-new-section .sec-intro em { font-family:'DM Serif Display',serif; font-style:italic; color:var(--ivory); }
/* process steps */
.veritas-new-section .steps { display:flex; flex-direction:column; gap:0; max-width:860px; margin:0 auto; border-top:1px solid var(--ivory-trace); }
.veritas-new-section .step { display:grid; grid-template-columns:84px 1fr; gap:32px; padding:38px 0; border-bottom:1px solid var(--ivory-trace); align-items:start; }
.veritas-new-section .step-num { font-family:'Poiret One',sans-serif; font-size:2.4rem; color:var(--gold); line-height:1; opacity:.85; }
.veritas-new-section .step-day { font-family:'Cormorant SC',serif; text-transform:uppercase; letter-spacing:.28em; font-size:.72rem; color:var(--ivory-quiet); margin-bottom:10px; }
.veritas-new-section .step-title { font-family:'Poiret One',sans-serif; font-size:1.45rem; letter-spacing:.04em; color:var(--ivory); margin-bottom:12px; }
.veritas-new-section .step-body { font-size:1.05rem; color:var(--ivory-veil); line-height:1.7; }
.veritas-new-section .step-body strong { color:var(--gold-light); font-weight:500; font-style:italic; font-family:'DM Serif Display',serif; }
.veritas-new-section .closing-line { text-align:center; font-family:'DM Serif Display',serif; font-style:italic; font-size:1.3rem; color:var(--ivory); max-width:680px; margin:56px auto 0; line-height:1.6; }
.veritas-new-section .closing-line .gp { font-style:normal; }
.veritas-new-section .sample-cta-wrap { text-align:center; margin-top:40px; }
/* FAQ accordion */
.veritas-new-section .faq { max-width:820px; margin:0 auto; }
.veritas-new-section details { border-bottom:1px solid var(--ivory-trace); }
.veritas-new-section details:first-of-type { border-top:1px solid var(--ivory-trace); }
.veritas-new-section summary { list-style:none; cursor:pointer; padding:26px 44px 26px 0; position:relative; font-family:'Poiret One',sans-serif; font-size:1.18rem; letter-spacing:.03em; color:var(--ivory); transition:color .3s var(--ease); }
.veritas-new-section summary::-webkit-details-marker { display:none; }
.veritas-new-section summary::after { content:'+'; position:absolute; right:6px; top:50%; transform:translateY(-50%); font-family:'Poiret One',sans-serif; font-size:1.7rem; color:var(--gold); transition:transform .35s var(--ease); line-height:1; }
.veritas-new-section details[open] summary::after { transform:translateY(-50%) rotate(45deg); }
.veritas-new-section summary:hover { color:var(--gold-light); }
.veritas-new-section .answer { padding:0 44px 30px 0; font-size:1.06rem; color:var(--ivory-veil); line-height:1.75; }
.veritas-new-section .answer em { font-family:'DM Serif Display',serif; font-style:italic; color:var(--ivory); }
/* AI grid */
.veritas-new-section .ai-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px 30px; max-width:900px; margin:0 auto 46px; }
.veritas-new-section .ai-item { border-top:1px solid var(--gold-deep); padding-top:18px; }
.veritas-new-section .ai-item h4 { font-family:'Poiret One',sans-serif; font-size:1.12rem; letter-spacing:.04em; color:var(--gold-light); margin-bottom:8px; font-weight:400; }
.veritas-new-section .ai-item p { font-size:.97rem; color:var(--ivory-veil); line-height:1.6; }
.veritas-new-section .ai-onramp { max-width:720px; margin:0 auto; text-align:center; font-size:1.08rem; color:var(--ivory-veil); line-height:1.75; }
.veritas-new-section .ai-onramp strong { color:var(--gold-light); font-weight:500; }
.veritas-new-section .ai-cta { font-family:'Cormorant SC',serif; text-transform:uppercase; letter-spacing:.2em; font-size:.85rem; color:var(--navy-deepest,#050D24); background:var(--gold); padding:14px 32px; text-decoration:none; display:inline-block; transition:background .3s var(--ease); }
.veritas-new-section .ai-cta:hover { background:var(--gold-light); }
.veritas-new-section-divider { height:1px; max-width:1080px; margin:0 auto; background:linear-gradient(90deg,transparent,var(--gold-deep),transparent); opacity:.4; }
@media (max-width:640px){
  .veritas-new-section { padding:72px 0; }
  .veritas-new-section .step { grid-template-columns:54px 1fr; gap:20px; }
  .veritas-new-section .step-num { font-size:1.8rem; }
  .veritas-new-section .ai-grid { grid-template-columns:1fr; }
}

/* ============================================================================
   FOOTER SOCIAL LINKS (2026-05-29) — LinkedIn · Instagram · TikTok · YouTube
============================================================================ */
.footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
  margin-top: 0.9rem;
}
.footer-social a {
  font-family: 'Cormorant SC', serif;
  font-weight: 600;
  font-size: 0.68rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--ivory-quiet, #6B7691);
  text-decoration: none;
  transition: color 0.3s ease;
}
.footer-social a:hover { color: var(--gold, #C9A227); }

/* ============================================================================
   EN/ES LANGUAGE TOGGLE (2026-05-29) — small gold nav link, always visible
============================================================================ */
.nav-lang {
  color: var(--gold) !important;
  font-family: 'Cormorant SC',serif;font-weight:600;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;display:inline-block!important;text-decoration:none;border:1px solid rgb(201 162 39 / .35);padding:.28em .7em;border-radius:2px;transition:color .25s ease,border-color .25s ease}.nav-lang:hover{color:var(--gold-light)!important;border-color:var(--gold)}