/* TQG Site System v1.1.453 consolidated front-end bundle: tqg-core-bundle.css. */

/* ===== BEGIN tqg-design-system.css ===== */
/* =========================================================
   TQG UI KIT v1.0
   Shared components for all TQG interior pages
   Approach is the visual reference implementation.
   ========================================================= */

:root {
  --tqg-navy: #071A33;
  --tqg-navy-deep: #041427;
  --tqg-gold: #C79B4B;
  --tqg-gold-light: #C79B4B;
  --tqg-gold-line: #C79B4B;
  --tqg-gold-muted: rgba(199,155,75,.78);
  --tqg-gold-line-muted: rgba(216,180,107,.58);
  --tqg-gold-text: #C79B4B;
  --tqg-white: #FFFFFF;
  --tqg-gray: #F3F5F7;
  --tqg-cream: #F8F6F1;
  --tqg-text: #17263A;
  --tqg-muted: #566273;
  --tqg-border: rgba(199, 155, 75, 0.72);
  --tqg-font-sans: Inter, Arial, sans-serif;
  --tqg-font-serif: "Playfair Display", Georgia, serif;
  --tqg-font-heading: var(--tqg-font-serif);
  --tqg-font-body: var(--tqg-font-sans);
  --tqg-gray-50: #F8F9FA;
  --tqg-container: 1440px;
  --tqg-gutter: 32px;
  --tqg-motion: 0.25s ease;
}

.tqg-site,
.tqg-site * {
  box-sizing: border-box;
}

.tqg-site {
  width: 100%;
  max-width: none;
  margin: 0;
  color: var(--tqg-text);
  background: var(--tqg-white);
  font-family: var(--tqg-font-sans);
}

.tqg-site h1,
.tqg-site h2,
.tqg-site h3,
.tqg-site p,
.tqg-site blockquote {
  margin-top: 0;
}

.tqg-container {
  width: min(100%, var(--tqg-container));
  margin: 0 auto;
  padding-inline: var(--tqg-gutter);
}

.tqg-full-bleed {
  position: relative;
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Typography */
.tqg-serif,
.tqg-h1,
.tqg-h2,
.tqg-h3,
.tqg-display-number,
.tqg-quote {
  font-family: var(--tqg-font-serif);
}

.tqg-eyebrow,
.tqg-label {
  display: inline-block;
  color: var(--tqg-gold-text);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .22em;
  line-height: 1.25;
  text-transform: uppercase;
}

.tqg-h1 {
  margin: 0 0 14px;
  color: var(--tqg-white);
  font-size: clamp(44px, 4.6vw, 68px);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1;
}

.tqg-h2 {
  margin: 0;
  color: var(--tqg-navy);
  font-size: clamp(30px, 3vw, 46px);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.05;
}

.tqg-h3 {
  margin: 0;
  color: var(--tqg-navy);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.tqg-sub {
  margin: 4px 0 10px;
  color: var(--tqg-gold);
  font-family: var(--tqg-font-serif);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
}

.tqg-site p {
  margin: 0;
  color: var(--tqg-text);
  font-size: 14px;
  line-height: 1.58;
}

/* Buttons */
.tqg-btn-group {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 16px;
  margin-top: 36px;
}

.tqg-btn {
  display: inline-flex;
  min-width: 240px;
  height: 50px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 28px;
  border: 1.5px solid var(--tqg-gold);
  border-radius: 999px;
  background: transparent;
  color: var(--tqg-white);
  font-family: var(--tqg-font-sans);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .06em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform var(--tqg-motion), background var(--tqg-motion),
              color var(--tqg-motion), border-color var(--tqg-motion);
}

.tqg-btn:hover,
.tqg-btn:focus-visible {
  border-color: var(--tqg-gold);
  background: var(--tqg-gold);
  color: var(--tqg-navy);
  transform: translateY(-2px);
  outline: none;
}

.tqg-btn-secondary {
  border-color: var(--tqg-white);
  color: var(--tqg-white);
}

.tqg-btn-secondary:hover,
.tqg-btn-secondary:focus-visible {
  border-color: var(--tqg-white);
  background: var(--tqg-white);
  color: var(--tqg-navy);
}

/* Shared hero */
.tqg-hero {
  display: flex;
  height: 622px;
  min-height: 622px;
  align-items: center;
  overflow: hidden;
  padding: 58px 0;
  background: var(--tqg-navy);
}

.tqg-hero-grid {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 62px;
  align-items: center;
}

.tqg-hero-copy {
  max-width: 560px;
}

.tqg-hero .tqg-eyebrow {
  margin-bottom: 18px;
}

.tqg-hero .tqg-sub {
  margin-bottom: 18px;
  font-size: 21px;
}

.tqg-hero p {
  color: rgba(255,255,255,.92);
  font-size: 15px;
  line-height: 1.55;
}

.tqg-hero p + p {
  margin-top: 14px;
}

/* Shared sections */
.tqg-section {
  padding: 76px 0;
}

.tqg-section-white {
  background: var(--tqg-white);
}

.tqg-section-gray {
  background: var(--tqg-gray);
}

.tqg-section-navy {
  background: var(--tqg-navy);
}

.tqg-rule {
  width: 100%;
  height: 1px;
  background: var(--tqg-gold);
}

.tqg-rule-short {
  width: 28px;
  height: 1px;
  background: var(--tqg-gold);
}

.tqg-section-heading {
  margin-bottom: 42px;
  text-align: center;
}

.tqg-section-heading p {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.55;
}

.tqg-section-navy .tqg-section-heading p {
  color: rgba(255,255,255,.84);
}

/* Shared editorial quote */
.tqg-quote-panel {
  position: relative;
  width: 100%;
  max-width: 570px;
  padding: 54px 56px 44px 64px;
}

.tqg-quote-panel::before {
  content: "";
  position: absolute;
  top: 38px;
  left: 80px;
  right: 30px;
  height: 1px;
  background: var(--tqg-gold);
}

.tqg-quote-panel::after {
  content: "";
  position: absolute;
  top: 38px;
  right: 30px;
  bottom: 30px;
  width: 1px;
  background: var(--tqg-gold);
}

.tqg-quote-mark {
  position: absolute;
  top: 8px;
  left: 20px;
  color: var(--tqg-gold);
  font-family: var(--tqg-font-serif);
  font-size: 80px;
  line-height: 1;
}

.tqg-quote {
  position: relative;
  z-index: 1;
  max-width: 500px;
  margin: 0;
  color: var(--tqg-white);
  font-size: clamp(32px, 2.8vw, 44px);
  font-style: italic;
  font-weight: 400;
  line-height: 1.27;
}

/* Shared CTA */
.tqg-cta {
  padding: 88px 0 92px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F8F9FB 100%);
}

.tqg-cta-topline {
  width: 100%;
  height: 1px;
  margin-bottom: 56px;
  background: var(--tqg-gold);
}

.tqg-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
  gap: 72px;
  align-items: center;
}

.tqg-cta-content {
  max-width: 760px;
}

.tqg-cta-eyebrow {
  position: relative;
  display: inline-block;
  margin-bottom: 26px;
  padding-bottom: 16px;
  color: var(--tqg-gold);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.tqg-cta-eyebrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 28px;
  height: 1px;
  background: var(--tqg-gold);
}

.tqg-cta h2 {
  margin: 0 0 34px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: clamp(40px, 4vw, 58px);
  font-weight: 500;
  letter-spacing: -.03em;
  line-height: 1.06;
}

.tqg-cta p {
  max-width: 660px;
  color: #24344A;
  font-size: 17px;
  line-height: 1.65;
}

.tqg-cta-action {
  display: flex;
  justify-content: flex-end;
}

.tqg-cta .tqg-btn {
  width: 100%;
  max-width: 420px;
  min-width: 340px;
  height: 62px;
  padding: 0 32px;
  background: var(--tqg-navy);
  color: var(--tqg-white);
  font-size: 12px;
  white-space: nowrap;
}

/* Responsive shared components */
@media (max-width: 1180px) {
  .tqg-hero {
    height: auto;
    min-height: 0;
    padding: 72px 0;
  }

  .tqg-hero-grid {
    grid-template-columns: 1fr;
    gap: 46px;
  }

  .tqg-hero-copy {
    max-width: 760px;
  }

  .tqg-cta-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .tqg-cta-action {
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  :root {
    --tqg-gutter: 20px;
  }

  .tqg-hero {
    padding: 64px 0 60px;
  }

  .tqg-h1 {
    font-size: 42px;
  }

  .tqg-btn-group {
    flex-direction: column;
    align-items: stretch;
  }

  .tqg-btn-group .tqg-btn {
    width: 100%;
    min-width: 0;
  }

  .tqg-section {
    padding: 64px 0;
  }

  .tqg-cta {
    padding: 72px 0 76px;
  }

  .tqg-cta h2 {
    font-size: 40px;
  }

  .tqg-cta .tqg-btn {
    min-width: 0;
    max-width: none;
  }
}

/* =========================================================
   APPROACH PAGE
   Page-specific components only
   ========================================================= */

#tqg-approach-page .tqg-method-visual {
  width: 100%;
  max-width: 690px;
  margin: 0 auto;
  min-width: 0;
}

/* =========================================================
   ABOUT HERO — INTENTIONAL ORGANIZATION BLUEPRINT v1.1.53
   The shared .tqg-system-hero contract controls the shell.
   ========================================================= */

#tqg-about-page .tqg-system-hero.tqg-hero {
  min-height: 622px !important;
  height: 622px !important;
  padding: 58px max(42px, calc((100vw - 1540px) / 2)) !important;
}

#tqg-about-page .tqg-system-hero > .tqg-hero-grid {
  width: 100% !important;
  max-width: 1540px !important;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
  gap: clamp(44px, 5vw, 86px) !important;
}

#tqg-about-page .tqg-system-hero .tqg-hero-copy {
  width: 100%;
  max-width: 570px !important;
  justify-self: stretch;
}

#tqg-about-page .tqg-system-hero .tqg-h1 {
  max-width: 570px !important;
  margin-bottom: 24px !important;
  font-size: clamp(46px, 3.5vw, 60px) !important;
  line-height: 1.01 !important;
}

#tqg-about-page .tqg-system-hero .tqg-hero-copy > p {
  max-width: 535px !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

#tqg-about-page .tqg-intentional-blueprint {
  position: relative;
  width: min(100%, 760px);
  height: min(100%, 500px);
  min-height: 440px;
  margin: 0;
  justify-self: end;
  color: rgba(122,169,208,.17);
}


/* v1.1.217 — global screen-reader-only utility.
   Required by interactive components whose accessible labels/descriptions
   must remain in the accessibility tree without affecting visual layout. */
.tqg-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#tqg-about-page .tqg-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 0 !important;
  margin: -1px !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

#tqg-about-page .tqg-intentional-blueprint figcaption {
  position: absolute;
  z-index: 2;
  top: 1px;
  left: 50%;
  width: max-content;
  max-width: 90%;
  padding: 0 24px;
  color: var(--tqg-gold);
  font-family: var(--tqg-font-serif);
  font-size: clamp(17px, 1.45vw, 23px);
  letter-spacing: .055em;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  transform: translateX(-50%);
}

#tqg-about-page .tqg-intentional-blueprint figcaption::before,
#tqg-about-page .tqg-intentional-blueprint figcaption::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 82px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(199,155,75,.78));
}

#tqg-about-page .tqg-intentional-blueprint figcaption::before { right: 100%; }
#tqg-about-page .tqg-intentional-blueprint figcaption::after { left: 100%; transform: rotate(180deg); }

#tqg-about-page .tqg-intentional-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

#tqg-about-page .tqg-ab-grid { opacity: .78; }

#tqg-about-page .tqg-ab-register,
#tqg-about-page .tqg-ab-axis {
  fill: none;
  stroke: rgba(125,174,215,.33);
  stroke-width: 1;
}

#tqg-about-page .tqg-ab-axis { stroke: rgba(199,155,75,.64); }

#tqg-about-page .tqg-ab-plane { cursor: default; outline: none; }

#tqg-about-page .tqg-ab-plane polygon,
#tqg-about-page .tqg-ab-plane path {
  fill: rgba(7,26,51,.92);
  stroke: rgba(199,155,75,.72);
  stroke-width: 1.25;
  transition: fill .28s ease, stroke .28s ease, filter .28s ease, transform .28s ease;
  transform-box: fill-box;
  transform-origin: center;
}

#tqg-about-page .tqg-ab-plane .tqg-ab-plane-inner {
  fill: rgba(24,53,79,.42);
  stroke: rgba(112,162,205,.38);
}

#tqg-about-page .tqg-ab-plane path {
  fill: none;
  stroke: rgba(115,165,206,.25);
  stroke-width: .8;
}

#tqg-about-page .tqg-ab-plane:hover polygon,
#tqg-about-page .tqg-ab-plane:focus polygon {
  fill: rgba(199,155,75,.12);
  stroke: #ddb25f;
  filter: drop-shadow(0 0 8px rgba(199,155,75,.34));
  transform: translateY(-3px);
}

#tqg-about-page .tqg-ab-plane:hover path,
#tqg-about-page .tqg-ab-plane:focus path {
  stroke: rgba(221,178,95,.7);
  transform: translateY(-3px);
}

#tqg-about-page .tqg-ab-layer-number,
#tqg-about-page .tqg-ab-layer-label,
#tqg-about-page .tqg-ab-layer-copy,
#tqg-about-page .tqg-ab-note,
#tqg-about-page .tqg-ab-scale {
  pointer-events: none;
  font-family: var(--tqg-font-sans);
}

#tqg-about-page .tqg-ab-layer-number { fill: rgba(199,155,75,.86); font-size: 10px; letter-spacing: .18em; }
#tqg-about-page .tqg-ab-layer-label { fill: #fff; font-size: 13px; font-weight: 700; letter-spacing: .12em; }
#tqg-about-page .tqg-ab-layer-copy { fill: rgba(255,255,255,.76); font-size: 8px; font-weight: 600; letter-spacing: .08em; }
#tqg-about-page .tqg-ab-note,
#tqg-about-page .tqg-ab-scale { fill: rgba(199,155,75,.72); font-size: 8px; font-weight: 600; letter-spacing: .16em; }

#tqg-about-page .tqg-ab-core circle:first-child { fill: #f1c66f; stroke: #fff0bf; stroke-width: 1.4; }
#tqg-about-page .tqg-ab-core circle:last-child {
  fill: none;
  stroke: rgba(199,155,75,.58);
  stroke-width: 1;
  animation: tqg-about-core-pulse 2.8s ease-out infinite;
  transform-box: fill-box;
  transform-origin: center;
}

@keyframes tqg-about-core-pulse {
  0% { opacity: .85; transform: scale(.55); }
  72%, 100% { opacity: 0; transform: scale(1.65); }
}

#tqg-about-page .tqg-intentional-captions {
  position: absolute;
  right: 4%;
  bottom: 0;
  left: 4%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  color: rgba(199,155,75,.82);
  font-family: var(--tqg-font-sans);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
}

#tqg-about-page .tqg-intentional-captions i { width: 3px; height: 3px; border-radius: 50%; background: var(--tqg-gold); }

#tqg-about-page .tqg-about-viewpoint { padding-block: clamp(72px, 7vw, 108px); }
#tqg-about-page .tqg-about-viewpoint-grid {
  display: grid;
  grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr);
  gap: clamp(50px, 7vw, 118px);
}
#tqg-about-page .tqg-about-viewpoint .tqg-h2 { max-width: 900px; margin-bottom: 28px; }
#tqg-about-page .tqg-about-viewpoint p { max-width: 790px; margin: 0 0 16px; font-size: 16px; line-height: 1.72; }
#tqg-about-page .tqg-about-viewpoint blockquote {
  max-width: 830px;
  margin: 34px 0 0;
  padding: 22px 0 4px 28px;
  border-left: 2px solid var(--tqg-gold);
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: clamp(24px, 2.3vw, 36px);
  font-style: italic;
  line-height: 1.3;
}

@media (max-width: 1180px) {
  #tqg-about-page .tqg-system-hero.tqg-hero { padding-inline: 32px !important; }
}

@media (max-width: 980px) {
  #tqg-about-page .tqg-system-hero.tqg-hero { height: auto !important; min-height: 0 !important; padding-block: 68px !important; }
  #tqg-about-page .tqg-system-hero > .tqg-hero-grid { grid-template-columns: 1fr !important; gap: 38px !important; }
  #tqg-about-page .tqg-system-hero .tqg-hero-copy { max-width: 720px !important; }
  #tqg-about-page .tqg-intentional-blueprint { width: min(100%, 760px); min-height: 430px; justify-self: center; }
  #tqg-about-page .tqg-about-viewpoint-grid { grid-template-columns: 1fr; gap: 34px; }
}

@media (max-width: 767px) {
  #tqg-about-page .tqg-system-hero.tqg-hero { padding: 60px 18px !important; }
  #tqg-about-page .tqg-system-hero .tqg-h1 { font-size: clamp(39px, 12vw, 50px) !important; }
  #tqg-about-page .tqg-intentional-blueprint { min-height: 310px; }
  #tqg-about-page .tqg-intentional-blueprint figcaption { font-size: 12px; }
  #tqg-about-page .tqg-intentional-blueprint figcaption::before,
  #tqg-about-page .tqg-intentional-blueprint figcaption::after { width: 24px; }
  #tqg-about-page .tqg-intentional-captions { font-size: 7px; gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  #tqg-about-page .tqg-ab-core circle:last-child { animation: none; opacity: .5; }
}

/* =========================================================
   APPROACH HERO — PRECISION METHOD BLUEPRINT v1.1.45
   Decorative drafting layers; existing method navigation remains live.
   ========================================================= */

#tqg-approach-page .tqg-method-visual {
  max-width: 820px;
}

#tqg-approach-page .tqg-method-visual-heading {
  margin-bottom: 24px;
}

#tqg-approach-page .tqg-method-blueprint {
  position: relative;
  isolation: isolate;
  min-height: 288px;
  padding: 72px 24px 54px;
  overflow: hidden;
  border: 1px solid rgba(145, 177, 207, .09);
  background-color: rgba(5, 25, 49, .18);
  background-image:
    linear-gradient(rgba(116, 151, 184, .075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116, 151, 184, .075) 1px, transparent 1px),
    linear-gradient(rgba(116, 151, 184, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116, 151, 184, .035) 1px, transparent 1px);
  background-position: center;
  background-size: 42px 42px, 42px 42px, 14px 14px, 14px 14px;
}

#tqg-approach-page .tqg-method-blueprint::before,
#tqg-approach-page .tqg-method-blueprint::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

#tqg-approach-page .tqg-method-blueprint::before {
  top: 44px;
  right: 22px;
  bottom: 45px;
  left: 22px;
  border-top: 1px solid rgba(150, 181, 210, .24);
  border-bottom: 1px solid rgba(150, 181, 210, .18);
}

#tqg-approach-page .tqg-method-blueprint::after {
  top: 50%;
  right: 0;
  left: 0;
  height: 1px;
  background: rgba(190, 211, 231, .19);
}

#tqg-approach-page .tqg-blueprint-meta {
  position: absolute;
  z-index: 3;
  top: 22px;
  display: flex;
  align-items: center;
  gap: 13px;
  color: rgba(173, 202, 229, .72);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .13em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

#tqg-approach-page .tqg-blueprint-meta::after,
#tqg-approach-page .tqg-blueprint-meta-right::before {
  content: "";
  width: 72px;
  height: 1px;
  background: rgba(173, 202, 229, .38);
}

#tqg-approach-page .tqg-blueprint-meta-left { left: 42px; }
#tqg-approach-page .tqg-blueprint-meta-right { right: 42px; }
#tqg-approach-page .tqg-blueprint-meta-right::after { display: none; }

#tqg-approach-page .tqg-blueprint-register {
  position: absolute;
  z-index: 3;
  width: 17px;
  height: 17px;
  border: 1px solid rgba(173, 202, 229, .52);
  border-radius: 50%;
  pointer-events: none;
}

#tqg-approach-page .tqg-blueprint-register::before,
#tqg-approach-page .tqg-blueprint-register::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: rgba(173, 202, 229, .48);
  transform: translate(-50%, -50%);
}

#tqg-approach-page .tqg-blueprint-register::before { width: 27px; height: 1px; }
#tqg-approach-page .tqg-blueprint-register::after { width: 1px; height: 27px; }
#tqg-approach-page .tqg-blueprint-register-tl { top: 13px; left: 13px; }
#tqg-approach-page .tqg-blueprint-register-tr { top: 13px; right: 13px; }
#tqg-approach-page .tqg-blueprint-register-bl { bottom: 13px; left: 13px; }
#tqg-approach-page .tqg-blueprint-register-br { right: 13px; bottom: 13px; }

#tqg-approach-page .tqg-blueprint-arc {
  position: absolute;
  z-index: 1;
  width: 130px;
  height: 130px;
  border: 1px dashed rgba(173, 202, 229, .34);
  border-radius: 50%;
  pointer-events: none;
}

#tqg-approach-page .tqg-blueprint-arc-tr { top: -67px; right: -52px; }
#tqg-approach-page .tqg-blueprint-arc-bl { bottom: -78px; left: -64px; }

#tqg-approach-page .tqg-blueprint-scale {
  position: absolute;
  z-index: 2;
  right: 7.4%;
  bottom: 37px;
  left: 7.4%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border-top: 1px solid rgba(173, 202, 229, .42);
  color: rgba(194, 215, 234, .66);
  font-size: 8px;
  line-height: 1;
  text-align: center;
}

#tqg-approach-page .tqg-blueprint-scale span {
  position: relative;
  padding-top: 7px;
}

#tqg-approach-page .tqg-blueprint-scale span::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  width: 1px;
  height: 10px;
  background: rgba(173, 202, 229, .58);
}

#tqg-approach-page .tqg-blueprint-footer {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 11px;
  left: 0;
  color: rgba(126, 176, 220, .78);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .2em;
  text-align: center;
  text-transform: uppercase;
}

#tqg-approach-page .tqg-blueprint-footer i {
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 0 10px 2px;
  border-radius: 50%;
  background: var(--tqg-gold-light);
}

#tqg-approach-page .tqg-method-blueprint .tqg-svg-method {
  position: relative;
  z-index: 4;
}

#tqg-approach-page .tqg-method-blueprint .tqg-svg-badge::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -5px;
  clip-path: polygon(50% 0, 96% 24%, 96% 76%, 50% 100%, 4% 76%, 4% 24%);
  border: 1px solid rgba(112, 168, 215, .56);
  opacity: .72;
  transform: translate(2px, -2px);
  transition: opacity var(--tqg-motion), transform var(--tqg-motion);
}

#tqg-approach-page .tqg-method-blueprint .tqg-svg-badge::after {
  content: "";
  position: absolute;
  z-index: -2;
  top: -62px;
  bottom: -172px;
  left: 50%;
  width: 1px;
  border-left: 1px dashed rgba(139, 179, 214, .26);
  transform: translateX(-50%);
  transition: border-color var(--tqg-motion), box-shadow var(--tqg-motion);
}

#tqg-approach-page .tqg-method-blueprint .tqg-svg-step:not(:last-child)::after {
  height: 3px;
  border-top: 1px solid var(--tqg-gold);
  border-bottom: 1px solid rgba(216,180,107,.28);
  background: transparent;
}

#tqg-approach-page .tqg-method-blueprint .tqg-svg-step:hover .tqg-svg-badge {
  filter: drop-shadow(0 0 9px rgba(216,180,107,.52)) drop-shadow(0 7px 10px rgba(0,0,0,.18));
}

#tqg-approach-page .tqg-method-blueprint .tqg-svg-step:hover .tqg-svg-badge::before,
#tqg-approach-page .tqg-method-blueprint .tqg-svg-step:focus-visible .tqg-svg-badge::before {
  opacity: 1;
  transform: translate(0, 0);
}

#tqg-approach-page .tqg-method-blueprint .tqg-svg-step:hover .tqg-svg-badge::after,
#tqg-approach-page .tqg-method-blueprint .tqg-svg-step:focus-visible .tqg-svg-badge::after {
  border-color: rgba(216,180,107,.62);
  box-shadow: 0 0 9px rgba(216,180,107,.18);
}

#tqg-approach-page .tqg-method-blueprint .tqg-svg-step:first-child .tqg-svg-badge {
  filter: drop-shadow(0 0 8px rgba(216,180,107,.34)) drop-shadow(0 7px 10px rgba(0,0,0,.18));
}

@media (max-width: 1180px) {
  #tqg-approach-page .tqg-method-blueprint {
    min-height: 0;
    padding: 70px 25px 44px;
  }

  #tqg-approach-page .tqg-blueprint-scale,
  #tqg-approach-page .tqg-blueprint-footer,
  #tqg-approach-page .tqg-method-blueprint .tqg-svg-badge::after {
    display: none;
  }
}

@media (max-width: 767px) {
  #tqg-approach-page .tqg-method-blueprint {
    padding: 64px 18px 34px;
    background-size: 34px 34px, 34px 34px, 17px 17px, 17px 17px;
  }

  #tqg-approach-page .tqg-blueprint-meta-right,
  #tqg-approach-page .tqg-blueprint-register,
  #tqg-approach-page .tqg-blueprint-arc {
    display: none;
  }

  #tqg-approach-page .tqg-blueprint-meta-left { left: 24px; }
}

/* Context-aware brand label colors.
   Dark gold is used on light surfaces; bright gold is used on navy. */
.tqg-site .tqg-hero .tqg-eyebrow,
.tqg-site .tqg-page-hero .tqg-eyebrow,
.tqg-site .tqg-section--navy .tqg-eyebrow,
.tqg-site .tqg-section--navy .tqg-label {
  color: var(--tqg-gold-light);
}

#tqg-approach-page .tqg-hero {
  height: auto;
  min-height: 0;
  align-items: flex-start;
  padding: 64px 0 58px;
}

#tqg-approach-page .tqg-hero > .tqg-container {
  width: min(100%, 1540px);
  max-width: 1540px;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(36px, 4vw, 62px);
  padding-right: 42px;
  padding-left: 42px;
}

#tqg-approach-page .tqg-hero-copy {
  width: 100%;
  max-width: 590px;
}

#tqg-approach-page .tqg-hero-copy .tqg-h1 {
  max-width: 590px;
  font-size: clamp(42px, 3.45vw, 58px);
  line-height: 1.03;
}

#tqg-approach-page .tqg-hero-copy p {
  max-width: 555px;
  line-height: 1.65;
}

#tqg-approach-page .tqg-hero-copy .tqg-btn-group {
  gap: 14px;
}

#tqg-approach-page .tqg-hero-copy .tqg-btn {
  min-width: 215px;
  height: 48px;
  padding-inline: 23px;
}

#tqg-approach-page .tqg-method-visual-heading {
  max-width: 680px;
  margin: 0 auto 42px;
  color: var(--tqg-white);
  font-family: var(--tqg-font-serif);
  font-size: clamp(34px, 3.25vw, 50px);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.08;
  text-align: center;
}

#tqg-approach-page .tqg-svg-method {
  --tqg-svg-width: 82px;
  --tqg-svg-height: 95px;
  --tqg-svg-gap: 18px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  column-gap: var(--tqg-svg-gap);
  align-items: start;
  width: 100%;
}

#tqg-approach-page .tqg-svg-step {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  color: var(--tqg-white);
  text-align: center;
  text-decoration: none;
}

#tqg-approach-page .tqg-svg-step:not(:last-child)::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(var(--tqg-svg-height) / 2);
  left: calc(50% + (var(--tqg-svg-width) / 2));
  width: calc(100% + var(--tqg-svg-gap) - var(--tqg-svg-width));
  height: 1px;
  background: var(--tqg-gold);
}

#tqg-approach-page .tqg-svg-step:not(:last-child)::before {
  content: "";
  position: absolute;
  z-index: 4;
  top: calc((var(--tqg-svg-height) / 2) - 5px);
  left: calc(100% + (var(--tqg-svg-gap) / 2) - 5px);
  width: 10px;
  height: 10px;
  border: 1.5px solid var(--tqg-gold-light);
  border-radius: 50%;
  background: var(--tqg-navy);
}

#tqg-approach-page .tqg-svg-badge {
  position: relative;
  z-index: 2;
  width: var(--tqg-svg-width);
  height: var(--tqg-svg-height);
  filter: drop-shadow(0 7px 10px rgba(0,0,0,.18));
  transition: transform var(--tqg-motion), filter var(--tqg-motion);
}

#tqg-approach-page .tqg-svg-hex {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

#tqg-approach-page .tqg-svg-hex-outer {
  fill: #0B2748;
  stroke: var(--tqg-gold-light);
  stroke-width: 2;
}

#tqg-approach-page .tqg-svg-hex-inner {
  fill: var(--tqg-navy);
  stroke: rgba(216,180,107,.40);
  stroke-width: .8;
}

#tqg-approach-page .tqg-svg-number,
#tqg-approach-page .tqg-svg-letter {
  fill: var(--tqg-gold-light);
  font-family: var(--tqg-font-serif);
  font-weight: 500;
}

#tqg-approach-page .tqg-svg-number { font-size: 12px; }
#tqg-approach-page .tqg-svg-letter { font-size: 39px; }

#tqg-approach-page .tqg-svg-rule {
  stroke: var(--tqg-gold);
  stroke-width: 1;
}

#tqg-approach-page .tqg-svg-dot {
  fill: var(--tqg-gold-light);
}

#tqg-approach-page .tqg-svg-stem {
  position: relative;
  z-index: 2;
  display: block;
  width: 1px;
  height: 20px;
  margin-top: -1px;
  background: var(--tqg-gold);
}

#tqg-approach-page .tqg-svg-label {
  display: block;
  margin-top: 14px;
  color: var(--tqg-white);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .055em;
  text-transform: uppercase;
}

#tqg-approach-page .tqg-svg-desc {
  display: block;
  max-width: 112px;
  margin-top: 7px;
  color: rgba(255,255,255,.74);
  font-size: 10.5px;
  line-height: 1.45;
}

#tqg-approach-page .tqg-svg-step:hover .tqg-svg-badge {
  transform: translateY(-4px);
}

#tqg-approach-page .tqg-svg-step:focus-visible {
  border-radius: 4px;
  outline: 2px solid var(--tqg-gold-light);
  outline-offset: 6px;
}

#tqg-approach-page .tqg-svg-step:focus-visible .tqg-svg-badge {
  filter: drop-shadow(0 0 8px rgba(216,180,107,.55));
  transform: translateY(-4px);
}

#tqg-approach-page .tqg-method-row {
  scroll-margin-top: 90px;
  padding: 22px 0;
}

#tqg-approach-page .tqg-method-row.tqg-white { background: var(--tqg-white); }
#tqg-approach-page .tqg-method-row.tqg-gray { background: var(--tqg-gray); }

#tqg-approach-page .tqg-method-grid {
  display: grid;
  grid-template-columns: 21% 8% 51% 20%;
  min-height: 350px;
}

#tqg-approach-page .tqg-col { padding: 34px 24px; }
#tqg-approach-page .tqg-sidecopy { padding-top: 42px; }

#tqg-approach-page .tqg-sidecopy p {
  max-width: 250px;
  font-size: 15px;
  line-height: 1.55;
}

#tqg-approach-page .tqg-objective {
  padding-left: 14px;
  border-right: 1px solid var(--tqg-border);
}

#tqg-approach-page .tqg-number-col {
  display: flex;
  justify-content: center;
  padding-inline: 8px;
}

#tqg-approach-page .tqg-num {
  margin-top: 18px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: clamp(52px, 4.4vw, 72px);
  font-weight: 500;
  line-height: .9;
}

#tqg-approach-page .tqg-main-col {
  padding: 30px 32px 32px;
  border-right: 1px solid var(--tqg-border);
}

#tqg-approach-page .tqg-main-col p {
  font-size: 15px;
  line-height: 1.65;
}

#tqg-approach-page .tqg-main-col .tqg-rule {
  margin: 14px 0 9px;
}

#tqg-approach-page .tqg-activities-title {
  margin-bottom: 11px;
  color: var(--tqg-gold-text);
  font-size: 12px;
  text-transform: uppercase;
}

#tqg-approach-page .tqg-activities {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
  margin-top: 18px;
}

#tqg-approach-page .tqg-activity {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#tqg-approach-page .tqg-activity i {
  display: flex;
  width: 32px;
  height: 32px;
  margin: 0 auto 10px;
  align-items: center;
  justify-content: center;
  color: var(--tqg-navy);
  font-size: 24px;
  transition: color var(--tqg-motion), transform var(--tqg-motion);
}

#tqg-approach-page .tqg-activity:hover i {
  color: var(--tqg-gold-text);
  transform: translateY(-2px);
}

#tqg-approach-page .tqg-activity span {
  display: block;
  width: 100%;
  max-width: 88px;
  margin: 0 auto;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
}

#tqg-approach-page .tqg-why { padding-left: 30px; }

#tqg-approach-page .tqg-method-fit {
  padding: 92px 0 48px;
  background: var(--tqg-white);
}

#tqg-approach-page .tqg-client-expectations {
  padding: 76px 0 80px;
  border-top: 1px solid rgba(199,155,75,.55);
  border-bottom: 1px solid rgba(199,155,75,.55);
  background: var(--tqg-white);
}

#tqg-approach-page .tqg-client-expectations-heading {
  display: grid;
  grid-template-columns: minmax(240px, .58fr) minmax(0, 1.42fr);
  gap: 64px;
  align-items: center;
  margin-bottom: 44px;
}

#tqg-approach-page .tqg-client-expectations-heading .tqg-h2 {
  max-width: 760px;
}

#tqg-approach-page .tqg-client-expectations-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(199,155,75,.7);
  border-bottom: 1px solid rgba(199,155,75,.7);
}

#tqg-approach-page .tqg-client-expectations-grid article {
  min-height: 220px;
  padding: 30px 28px 28px;
}

#tqg-approach-page .tqg-client-expectations-grid article + article {
  border-left: 1px solid rgba(199,155,75,.4);
}

#tqg-approach-page .tqg-client-expectations-grid span {
  display: block;
  margin-bottom: 22px;
  color: var(--tqg-gold-text);
  font-family: var(--tqg-font-serif);
  font-size: 34px;
  line-height: 1;
}

#tqg-approach-page .tqg-client-expectations-grid h3 {
  margin: 0 0 14px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
}

#tqg-approach-page .tqg-client-expectations-grid p {
  margin: 0;
  color: var(--tqg-muted);
  font-size: 14px;
  line-height: 1.65;
}

#tqg-approach-page .tqg-method-fit-heading {
  display: grid;
  grid-template-columns: minmax(240px, .58fr) minmax(0, 1.42fr);
  gap: 64px;
  align-items: center;
  margin-bottom: 58px;
}

#tqg-approach-page .tqg-method-fit-heading > .tqg-label {
  max-width: none;
  white-space: nowrap;
}

#tqg-approach-page .tqg-method-fit-heading .tqg-h2 {
  max-width: 760px;
}

#tqg-approach-page .tqg-method-fit-heading p {
  max-width: 720px;
  margin-top: 20px;
  color: var(--tqg-muted);
  font-size: 15px;
  line-height: 1.7;
}

#tqg-approach-page .tqg-method-fit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(199,155,75,.7);
  border-bottom: 1px solid rgba(199,155,75,.7);
}

#tqg-approach-page .tqg-method-fit-grid article {
  position: relative;
  min-height: 300px;
  padding: 38px 34px 34px;
  outline: none;
  transition: background var(--tqg-motion), transform var(--tqg-motion);
}

#tqg-approach-page .tqg-method-fit-grid article + article {
  border-left: 1px solid rgba(199,155,75,.4);
}

#tqg-approach-page .tqg-method-fit-grid article:hover,
#tqg-approach-page .tqg-method-fit-grid article:focus-visible {
  z-index: 1;
  background: rgba(199,155,75,.07);
  outline: 2px solid var(--tqg-gold-text);
  outline-offset: 2px;
  transform: translateY(-4px);
}

#tqg-approach-page .tqg-method-fit-grid article > span {
  display: block;
  margin-bottom: 34px;
  color: var(--tqg-gold-text);
  font-family: var(--tqg-font-serif);
  font-size: 54px;
  line-height: 1;
}

#tqg-approach-page .tqg-method-fit-grid h3 {
  margin: 0 0 18px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.18;
}

#tqg-approach-page .tqg-method-fit-grid p {
  margin: 0;
  color: var(--tqg-muted);
  font-size: 15px;
  line-height: 1.7;
}

#tqg-approach-page .tqg-method-fit-assurance {
  max-width: 980px;
  margin: 54px auto 0;
  text-align: center;
}

#tqg-approach-page .tqg-method-fit-assurance-rule {
  display: block;
  width: 104px;
  height: 1px;
  margin: 0 auto 26px;
  background: var(--tqg-gold-text);
}

#tqg-approach-page .tqg-method-fit-assurance h3 {
  margin: 0;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: clamp(28px, 2.2vw, 34px);
  font-weight: 500;
  line-height: 1.2;
}

#tqg-approach-page .tqg-method-fit-assurance p {
  max-width: 850px;
  margin: 16px auto 0;
  color: var(--tqg-muted);
  font-size: 15px;
  line-height: 1.7;
}

#tqg-approach-page .tqg-approach-cta .tqg-btn {
  width: auto;
  max-width: none;
  min-width: 260px;
  height: 50px;
  padding-inline: 28px;
  border-color: var(--tqg-navy);
  background: var(--tqg-navy);
  color: var(--tqg-white);
}

/* The method-fit section supplies the spacing above this divider. Removing the
   shared CTA top padding prevents the two sections from creating a large void. */
#tqg-approach-page .tqg-approach-cta {
  padding-top: 0;
}

#tqg-approach-page .tqg-approach-cta .tqg-cta-grid {
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
  gap: clamp(56px, 8vw, 128px);
}

#tqg-approach-page .tqg-approach-cta .tqg-cta-content .tqg-label {
  margin-bottom: 18px;
}

#tqg-approach-page .tqg-approach-cta .tqg-cta-action {
  justify-content: flex-start;
}

#tqg-approach-page .tqg-approach-cta .tqg-btn:hover,
#tqg-approach-page .tqg-approach-cta .tqg-btn:focus-visible {
  border-color: var(--tqg-gold);
  background: var(--tqg-gold);
  color: var(--tqg-navy);
}

#tqg-approach-page .tqg-principles {
  padding: 78px 0 82px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F8F9FB 100%);
}

#tqg-approach-page .tqg-principles-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-bottom: 46px;
}

#tqg-approach-page .tqg-principles-title::before,
#tqg-approach-page .tqg-principles-title::after {
  content: "";
  height: 1px;
  flex: 1;
  background: var(--tqg-gold);
}

#tqg-approach-page .tqg-principles-title h2 {
  margin: 0;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: clamp(30px, 3vw, 42px);
  font-weight: 500;
  letter-spacing: .08em;
  text-align: center;
  text-transform: uppercase;
}

#tqg-approach-page .tqg-principles-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}

#tqg-approach-page .tqg-principle {
  min-height: 285px;
  padding: 34px 28px 30px;
  border: 1px solid rgba(7,26,51,.10);
  background: rgba(255,255,255,.92);
  box-shadow: 0 16px 36px rgba(7,26,51,.08);
  text-align: center;
  transition: transform var(--tqg-motion), box-shadow var(--tqg-motion);
}

#tqg-approach-page .tqg-principle:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 48px rgba(7,26,51,.12);
}

#tqg-approach-page .tqg-principle i {
  display: flex;
  width: 66px;
  height: 66px;
  margin: 0 auto 22px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(199,155,75,.55);
  border-radius: 50%;
  color: var(--tqg-gold);
  font-size: 28px;
}

#tqg-approach-page .tqg-principle h3 {
  margin: 0 0 14px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: 20px;
  font-weight: 500;
}

#tqg-approach-page .tqg-principle p {
  color: #425166;
  font-size: 15px;
  line-height: 1.65;
}

@media (max-width: 1180px) {
  #tqg-approach-page .tqg-approach-cta .tqg-cta-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  #tqg-approach-page .tqg-hero > .tqg-container {
    width: min(100%, 1120px);
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 30px;
    padding-right: 32px;
    padding-left: 32px;
  }

  #tqg-approach-page .tqg-hero-copy .tqg-h1 {
    font-size: clamp(40px, 4.35vw, 52px);
  }

  #tqg-approach-page .tqg-hero-copy .tqg-btn {
    min-width: 190px;
    padding-inline: 18px;
  }

  #tqg-approach-page .tqg-method-grid {
    grid-template-columns: 34% 12% 54%;
    grid-template-areas:
      "objective number main"
      "why number main";
  }

  #tqg-approach-page .tqg-objective { grid-area: objective; }
  #tqg-approach-page .tqg-number-col { grid-area: number; }
  #tqg-approach-page .tqg-main-col { grid-area: main; }
  #tqg-approach-page .tqg-why { grid-area: why; }

  #tqg-approach-page .tqg-activities {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #tqg-approach-page .tqg-principles-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #tqg-approach-page .tqg-svg-method {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 48px;
  }

  #tqg-approach-page .tqg-svg-step:nth-child(3n)::after,
  #tqg-approach-page .tqg-svg-step:nth-child(3n)::before {
    display: none;
  }

  #tqg-approach-page .tqg-method-fit-heading {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  #tqg-approach-page .tqg-client-expectations-heading {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  #tqg-approach-page .tqg-client-expectations-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #tqg-approach-page .tqg-client-expectations-grid article:nth-child(3) {
    border-left: 0;
  }

  #tqg-approach-page .tqg-client-expectations-grid article:nth-child(n+3) {
    border-top: 1px solid rgba(199,155,75,.4);
  }

  #tqg-approach-page .tqg-method-fit-heading > .tqg-label {
    max-width: none;
  }
}

@media (max-width: 980px) {
  #tqg-approach-page .tqg-hero > .tqg-container {
    width: min(100%, 760px);
    grid-template-columns: 1fr;
    padding-right: 28px;
    padding-left: 28px;
  }

  #tqg-approach-page .tqg-hero-copy,
  #tqg-approach-page .tqg-method-visual {
    max-width: 760px;
    margin-inline: auto;
  }

  #tqg-approach-page .tqg-method-visual {
    width: min(100%, 690px);
    margin-top: 28px;
  }
}

@media (max-width: 767px) {
  #tqg-approach-page .tqg-method-fit-heading > .tqg-label {
    white-space: normal;
  }

  #tqg-approach-page .tqg-approach-cta .tqg-btn {
    width: 100%;
    min-width: 0;
  }

  #tqg-approach-page .tqg-hero > .tqg-container {
    padding-right: 18px;
    padding-left: 18px;
  }

  #tqg-approach-page .tqg-hero-copy .tqg-btn {
    width: 100%;
    min-width: 0;
  }

  #tqg-approach-page .tqg-method-grid {
    display: flex;
    flex-direction: column;
  }

  #tqg-approach-page .tqg-number-col {
    order: 1;
    justify-content: flex-start;
    padding: 24px 20px 4px;
  }

  #tqg-approach-page .tqg-main-col {
    order: 2;
    border-right: 0;
    padding: 10px 20px 24px;
  }

  #tqg-approach-page .tqg-objective,
  #tqg-approach-page .tqg-why {
    border-top: 1px solid var(--tqg-border);
    border-right: 0;
    padding: 24px 20px;
  }

  #tqg-approach-page .tqg-objective { order: 3; }
  #tqg-approach-page .tqg-why { order: 4; }

  #tqg-approach-page .tqg-activities,
  #tqg-approach-page .tqg-svg-method {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #tqg-approach-page .tqg-svg-step::after,
  #tqg-approach-page .tqg-svg-step::before {
    display: none;
  }

  #tqg-approach-page .tqg-principles-grid {
    grid-template-columns: 1fr;
  }

  #tqg-approach-page .tqg-method-fit {
    padding: 72px 0 42px;
  }

  #tqg-approach-page .tqg-client-expectations {
    padding: 60px 0 64px;
  }

  #tqg-approach-page .tqg-client-expectations-grid {
    grid-template-columns: 1fr;
  }

  #tqg-approach-page .tqg-client-expectations-grid article {
    min-height: 0;
    padding: 28px 22px;
  }

  #tqg-approach-page .tqg-client-expectations-grid article + article {
    border-top: 1px solid rgba(199,155,75,.4);
    border-left: 0;
  }

  #tqg-approach-page .tqg-method-fit-grid {
    grid-template-columns: 1fr;
  }

  #tqg-approach-page .tqg-method-fit-grid article {
    min-height: 0;
    padding: 32px 24px;
  }

  #tqg-approach-page .tqg-method-fit-grid article + article {
    border-top: 1px solid rgba(199,155,75,.4);
    border-left: 0;
  }

  #tqg-approach-page .tqg-method-fit-assurance {
    margin-top: 42px;
    padding-inline: 18px;
  }

  #tqg-approach-page .tqg-method-fit-assurance h3 {
    font-size: clamp(26px, 7vw, 31px);
  }
}

/* Standard TQG pages use their own conversion architecture. Keep article-only
   sharing controls from appearing beneath these page templates. */
body:has(.tqg-site) .addtoany_share_save_container,
body:has(.tqg-site) .addtoany_content,
body:has(.tqg-site) .a2a_kit.a2a_kit_size_32 {
  display: none !important;
}

/* Keep the approved compact heading-to-blueprint spacing after the legacy
   Approach declarations above have resolved. */
#tqg-approach-page .tqg-method-visual-heading {
  max-width: none;
  margin-bottom: 20px;
  font-size: clamp(27px, 2vw, 34px);
  line-height: 1.08;
  white-space: nowrap;
}

#tqg-approach-page .tqg-method-blueprint .tqg-svg-desc {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#tqg-approach-page .tqg-approach-context {
  padding: 72px 0 68px;
  border-bottom: 1px solid rgba(199, 155, 75, .22);
}

#tqg-approach-page .tqg-approach-context .tqg-section-intro {
  align-items: center;
  margin-bottom: 0;
}

#tqg-approach-page .tqg-approach-context .tqg-section-intro-copy {
  max-width: 830px;
}

#tqg-approach-page .tqg-approach-context .tqg-h2 {
  margin-bottom: 18px;
  font-size: clamp(34px, 3.4vw, 52px);
  line-height: 1.08;
}

#tqg-approach-page .tqg-approach-context .tqg-section-intro-copy p {
  max-width: 760px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.75;
}

@media (max-width: 1180px) {
  #tqg-approach-page .tqg-method-visual-heading {
    font-size: 24px;
  }

  #tqg-approach-page .tqg-method-blueprint {
    min-height: 0;
  }
}

@media (max-width: 767px) {
  #tqg-approach-page .tqg-method-visual-heading {
    font-size: 27px;
    white-space: normal;
  }

  #tqg-approach-page .tqg-approach-context {
    padding: 60px 0;
  }
}

/* =========================================================
   ABOUT PAGE
   Page-specific components only
   ========================================================= */

#tqg-about-page .tqg-hero-grid {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 36px;
}

#tqg-about-page .tqg-hero-copy {
  justify-self: end;
}

#tqg-about-page .tqg-quote-panel {
  justify-self: start;
}

#tqg-about-page .tqg-about-mv-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 68px;
}

#tqg-about-page .tqg-about-mission {
  padding-right: 58px;
  border-right: 1px solid var(--tqg-border);
}

#tqg-about-page .tqg-about-mission h2 {
  margin: 0;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: clamp(30px, 2.6vw, 42px);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.2;
}

#tqg-about-page .tqg-about-vision .tqg-h2 {
  margin-bottom: 24px;
}

#tqg-about-page .tqg-about-vision p {
  margin-bottom: 18px;
  font-size: 15px;
  line-height: 1.68;
}

#tqg-about-page .tqg-about-philosophy-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#tqg-about-page .tqg-about-philosophy-grid article {
  padding: 8px 32px 0;
  text-align: center;
}

#tqg-about-page .tqg-about-philosophy-grid article + article {
  border-left: 1px solid var(--tqg-border);
}

#tqg-about-page .tqg-about-philosophy-grid h3 {
  margin: 0 0 18px;
  color: var(--tqg-white);
  font-family: var(--tqg-font-serif);
  font-size: 25px;
  font-weight: 500;
  line-height: 1.1;
}

#tqg-about-page .tqg-about-philosophy-grid p {
  max-width: 275px;
  margin: 0 auto;
  color: rgba(255,255,255,.82);
  font-size: 14px;
}

#tqg-about-page .tqg-about-values-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

#tqg-about-page .tqg-about-values-grid article {
  padding: 0 25px;
}

#tqg-about-page .tqg-about-values-grid article + article {
  border-left: 1px solid var(--tqg-border);
}

#tqg-about-page .tqg-about-value-number {
  margin-bottom: 12px;
  color: var(--tqg-gold);
  font-family: var(--tqg-font-serif);
  font-size: 39px;
  line-height: 1;
}

#tqg-about-page .tqg-about-values-grid p {
  margin-top: 18px;
  font-size: 13px;
  line-height: 1.55;
}

#tqg-about-page .tqg-about-promise-grid {
  display: grid;
  grid-template-columns: minmax(285px, .78fr) minmax(0, 1.72fr);
  gap: 46px;
}

#tqg-about-page .tqg-about-promise-heading {
  padding-right: 36px;
  border-right: 1px solid var(--tqg-border);
}

#tqg-about-page .tqg-about-promise-heading h2 {
  margin: 0;
  color: var(--tqg-white);
  font-family: var(--tqg-font-serif);
  font-size: clamp(32px, 3vw, 46px);
  font-weight: 500;
  line-height: 1.08;
}

#tqg-about-page .tqg-about-promise-heading em {
  display: block;
  margin-top: 8px;
  color: var(--tqg-gold);
  font-weight: 400;
}

#tqg-about-page .tqg-about-commitments {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

#tqg-about-page .tqg-about-commitment {
  position: relative;
  display: flex;
  min-height: 210px;
  overflow: hidden;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 30px 24px 28px;
  border: 1px solid rgba(199,155,75,.32);
  background: rgba(255,255,255,.025);
  transition: transform var(--tqg-motion), border-color var(--tqg-motion),
              background var(--tqg-motion), box-shadow var(--tqg-motion);
}

#tqg-about-page .tqg-about-commitment::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 42px;
  height: 3px;
  background: var(--tqg-gold);
  transition: width var(--tqg-motion);
}

#tqg-about-page .tqg-about-commitment span {
  position: absolute;
  top: 26px;
  left: 24px;
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(199,155,75,.62);
  border-radius: 50%;
  color: var(--tqg-gold);
  font-family: var(--tqg-font-serif);
  font-size: 18px;
}

#tqg-about-page .tqg-about-commitment p {
  max-width: 155px;
  color: var(--tqg-white);
  font-family: var(--tqg-font-serif);
  font-size: 19px;
  line-height: 1.27;
}

#tqg-about-page .tqg-about-commitment:hover,
#tqg-about-page .tqg-about-commitment:focus-visible {
  border-color: rgba(199,155,75,.9);
  background: rgba(199,155,75,.09);
  box-shadow: 0 18px 36px rgba(0,0,0,.16);
  transform: translateY(-6px);
  outline: none;
}

#tqg-about-page .tqg-about-commitment:hover::before,
#tqg-about-page .tqg-about-commitment:focus-visible::before {
  width: 100%;
}

#tqg-about-page .tqg-about-cta {
  min-height: 410px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.93) 45%,
                    rgba(255,255,255,.56) 72%, rgba(255,255,255,.18) 100%),
    url("https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=2400&q=88")
    center right / cover no-repeat;
}

#tqg-about-page .tqg-about-cta-inner {
  display: flex;
  min-height: 410px;
  align-items: center;
}

#tqg-about-page .tqg-about-cta-copy {
  max-width: 760px;
}

#tqg-about-page .tqg-about-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 28px;
}

#tqg-about-page .tqg-about-cta .tqg-btn {
  border-color: var(--tqg-gold);
  background: rgba(255,255,255,.70);
  color: var(--tqg-navy);
}

@media (max-width: 1180px) {
  #tqg-about-page .tqg-hero-grid,
  #tqg-about-page .tqg-about-mv-grid,
  #tqg-about-page .tqg-about-promise-grid {
    grid-template-columns: 1fr;
  }

  #tqg-about-page .tqg-hero-copy,
  #tqg-about-page .tqg-quote-panel {
    justify-self: stretch;
  }

  #tqg-about-page .tqg-about-mission {
    padding-right: 0;
    padding-bottom: 40px;
    border-right: 0;
    border-bottom: 1px solid var(--tqg-border);
  }

  #tqg-about-page .tqg-about-values-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 42px;
  }

  #tqg-about-page .tqg-about-promise-heading {
    padding-right: 0;
    padding-bottom: 32px;
    border-right: 0;
    border-bottom: 1px solid var(--tqg-border);
  }
}

@media (max-width: 880px) {
  #tqg-about-page .tqg-about-philosophy-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 42px;
  }

  #tqg-about-page .tqg-about-philosophy-grid article:nth-child(3) {
    border-left: 0;
  }

  #tqg-about-page .tqg-about-commitments {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  #tqg-about-page .tqg-about-philosophy-grid,
  #tqg-about-page .tqg-about-values-grid,
  #tqg-about-page .tqg-about-commitments {
    grid-template-columns: 1fr;
  }

  #tqg-about-page .tqg-about-philosophy-grid article,
  #tqg-about-page .tqg-about-values-grid article {
    padding-inline: 0;
  }

  #tqg-about-page .tqg-about-philosophy-grid article + article,
  #tqg-about-page .tqg-about-values-grid article + article {
    padding-top: 32px;
    border-left: 0;
    border-top: 1px solid var(--tqg-border);
  }

  #tqg-about-page .tqg-about-cta-actions {
    flex-direction: column;
  }
}
/* =========================================================
   TQG ABOUT HERO — SAFE REPAIR PATCH
   Add this at the VERY BOTTOM of the current CSS.
   This patch affects only #tqg-about-page.
   ========================================================= */

#tqg-about-page .tqg-hero {
  height: auto !important;
  min-height: 600px !important;
  padding: 72px 0 !important;
  background: #071A33 !important;
}

#tqg-about-page .tqg-hero-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr) !important;
  gap: 48px !important;
  align-items: center !important;
}

#tqg-about-page .tqg-hero-copy {
  display: block !important;
  max-width: 600px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#tqg-about-page .tqg-hero .tqg-eyebrow {
  display: block !important;
  margin: 0 0 16px !important;
  color: #C79B4B !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  line-height: 1.25 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-transform: uppercase !important;
}

#tqg-about-page .tqg-hero .tqg-h1 {
  display: block !important;
  max-width: 600px !important;
  margin: 0 0 18px !important;
  color: #FFFFFF !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(42px, 3.6vw, 56px) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.05 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-transform: none !important;
}

#tqg-about-page .tqg-hero .tqg-sub {
  display: block !important;
  max-width: 580px !important;
  margin: 0 0 18px !important;
  color: #C79B4B !important;
  font-family: var(--tqg-font-serif) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#tqg-about-page .tqg-hero-copy > p {
  display: block !important;
  max-width: 580px !important;
  margin: 0 !important;
  color: rgba(255,255,255,0.92) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#tqg-about-page .tqg-hero-copy > p + p {
  margin-top: 12px !important;
}

#tqg-about-page .tqg-hero .tqg-btn-group {
  display: flex !important;
  margin-top: 28px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#tqg-about-page .tqg-hero .tqg-btn {
  min-width: 240px !important;
  height: 50px !important;
  border-color: #C79B4B !important;
  background: transparent !important;
  color: #FFFFFF !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 10px !important;
}

#tqg-about-page .tqg-hero .tqg-btn:hover,
#tqg-about-page .tqg-hero .tqg-btn:focus-visible {
  background: #C79B4B !important;
  color: #071A33 !important;
}

#tqg-about-page .tqg-quote-panel {
  max-width: 540px !important;
  padding: 52px 50px 42px 60px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#tqg-about-page .tqg-quote {
  max-width: 470px !important;
  margin: 0 !important;
  color: #FFFFFF !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(30px, 2.5vw, 42px) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 1.28 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-transform: none !important;
}

@media (max-width: 1180px) {
  #tqg-about-page .tqg-hero {
    min-height: 0 !important;
  }

  #tqg-about-page .tqg-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  #tqg-about-page .tqg-hero-copy,
  #tqg-about-page .tqg-quote-panel {
    max-width: 760px !important;
  }
}

@media (max-width: 767px) {
  #tqg-about-page .tqg-hero {
    padding: 60px 0 !important;
  }

  #tqg-about-page .tqg-hero .tqg-h1 {
    font-size: 40px !important;
  }

  #tqg-about-page .tqg-quote {
    font-size: 32px !important;
  }
}

/* Final cascade guard: retire the legacy About repair patch without changing
   the protected site-wide hero contract. */
#tqg-about-page .tqg-system-hero.tqg-hero {
  height: 622px !important;
  min-height: 622px !important;
  padding: 58px max(42px, calc((100vw - 1540px) / 2)) !important;
}

#tqg-about-page .tqg-system-hero > .tqg-hero-grid {
  width: 100% !important;
  max-width: 1540px !important;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
  gap: clamp(44px, 5vw, 86px) !important;
}

#tqg-about-page .tqg-system-hero .tqg-hero-copy {
  width: 100% !important;
  max-width: 570px !important;
  justify-self: stretch !important;
}

#tqg-about-page .tqg-system-hero .tqg-h1 {
  max-width: 570px !important;
  margin-bottom: 24px !important;
  font-size: clamp(46px, 3.5vw, 60px) !important;
  line-height: 1.01 !important;
}

#tqg-about-page .tqg-system-hero .tqg-hero-copy > p {
  max-width: 535px !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

@media (max-width: 1180px) {
  #tqg-about-page .tqg-system-hero.tqg-hero { padding-inline: 32px !important; }
}

@media (max-width: 980px) {
  #tqg-about-page .tqg-system-hero.tqg-hero {
    height: auto !important;
    min-height: 0 !important;
    padding-block: 68px !important;
  }
  #tqg-about-page .tqg-system-hero > .tqg-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 38px !important;
  }
  #tqg-about-page .tqg-system-hero .tqg-hero-copy { max-width: 720px !important; }
}

@media (max-width: 767px) {
  #tqg-about-page .tqg-system-hero.tqg-hero { padding: 60px 18px !important; }
  #tqg-about-page .tqg-system-hero .tqg-h1 { font-size: clamp(39px, 12vw, 50px) !important; }
}

/* Intentional Organization Blueprint v1.1.54 — faithful exploded architecture */
#tqg-about-page .tqg-intentional-svg {
  width: 76%;
  height: 100%;
}

#tqg-about-page .tqg-ab-projections,
#tqg-about-page .tqg-ab-dimension {
  fill: none;
  stroke: rgba(135,177,214,.28);
  stroke-width: .85;
}

#tqg-about-page .tqg-ab-plane polygon,
#tqg-about-page .tqg-ab-plane path,
#tqg-about-page .tqg-ab-plane circle {
  transition: fill .24s ease, stroke .24s ease, opacity .24s ease,
              filter .24s ease, transform .24s ease;
  transform-box: fill-box;
  transform-origin: center;
}

#tqg-about-page .tqg-ab-plane .tqg-ab-plane-depth {
  fill: rgba(8,27,51,.92);
  stroke: rgba(199,155,75,.55);
}

#tqg-about-page .tqg-ab-plane .tqg-ab-plane-inner {
  fill: rgba(24,52,78,.30);
  stroke: rgba(145,187,224,.72);
  stroke-width: 1.15;
}

#tqg-about-page .tqg-ab-plane circle {
  fill: none;
  stroke: rgba(199,155,75,.78);
  stroke-width: 1;
}

#tqg-about-page .tqg-ab-plane circle + circle {
  stroke: rgba(149,191,226,.68);
}

#tqg-about-page .tqg-ab-plane-diagonal {
  stroke: rgba(199,155,75,.48) !important;
}

#tqg-about-page .tqg-ab-axis {
  stroke: rgba(224,174,82,.98);
  stroke-width: 1.65;
}

#tqg-about-page .tqg-ab-axis circle {
  fill: var(--tqg-gold);
  stroke: #ffe3a0;
}

#tqg-about-page .tqg-ab-axis .tqg-ab-axis-ring {
  fill: none;
  stroke: rgba(199,155,75,.38);
  stroke-width: 1;
}

#tqg-about-page .tqg-intentional-callouts {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  width: 31%;
}

#tqg-about-page .tqg-intentional-callout {
  position: absolute;
  right: 0;
  width: 100%;
  min-height: 86px;
  padding: 5px 0 5px 30px;
  border: 0;
  background: transparent;
  color: #fff;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

#tqg-about-page .tqg-intentional-callout:nth-child(1) { top: 18%; }
#tqg-about-page .tqg-intentional-callout:nth-child(2) { top: 45%; }
#tqg-about-page .tqg-intentional-callout:nth-child(3) { top: 72%; }

#tqg-about-page .tqg-intentional-callout::before {
  content: "";
  position: absolute;
  top: 17px;
  right: calc(100% - 20px);
  width: 54px;
  height: 1px;
  background: rgba(199,155,75,.75);
  transition: width .24s ease, background .24s ease;
}

#tqg-about-page .tqg-intentional-callout::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 16px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--tqg-gold);
  box-shadow: 0 0 0 4px rgba(199,155,75,.11);
}

#tqg-about-page .tqg-intentional-callout strong {
  display: block;
  margin-bottom: 8px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.15;
  text-transform: uppercase;
}

#tqg-about-page .tqg-intentional-keywords,
#tqg-about-page .tqg-intentional-explanation {
  display: block;
  max-width: 205px;
  color: rgba(221,178,95,.92);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .075em;
  line-height: 1.55;
  text-transform: uppercase;
  transition: opacity .2s ease, transform .2s ease;
}

#tqg-about-page .tqg-intentional-explanation {
  position: absolute;
  top: 38px;
  left: 30px;
  opacity: 0;
  color: rgba(255,255,255,.88);
  font-size: 9px;
  letter-spacing: .035em;
  text-transform: none;
  transform: translateY(4px);
}

#tqg-about-page .tqg-intentional-callout:hover,
#tqg-about-page .tqg-intentional-callout:focus-visible,
#tqg-about-page .tqg-intentional-callout.is-active {
  outline: none;
}

#tqg-about-page .tqg-intentional-callout:hover::before,
#tqg-about-page .tqg-intentional-callout:focus-visible::before,
#tqg-about-page .tqg-intentional-callout.is-active::before {
  width: 72px;
  background: #edc671;
}

#tqg-about-page .tqg-intentional-callout:hover .tqg-intentional-keywords,
#tqg-about-page .tqg-intentional-callout:focus-visible .tqg-intentional-keywords,
#tqg-about-page .tqg-intentional-callout.is-active .tqg-intentional-keywords {
  opacity: 0;
  transform: translateY(-4px);
}

#tqg-about-page .tqg-intentional-callout:hover .tqg-intentional-explanation,
#tqg-about-page .tqg-intentional-callout:focus-visible .tqg-intentional-explanation,
#tqg-about-page .tqg-intentional-callout.is-active .tqg-intentional-explanation {
  opacity: 1;
  transform: translateY(0);
}

#tqg-about-page .tqg-intentional-blueprint[data-active-layer="capability"] .tqg-ab-plane-capability polygon,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="alignment"] .tqg-ab-plane-alignment polygon,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="evidence"] .tqg-ab-plane-evidence polygon {
  fill: rgba(199,155,75,.13);
  stroke: #e2b65e;
  filter: drop-shadow(0 0 8px rgba(199,155,75,.32));
}

#tqg-about-page .tqg-intentional-blueprint[data-active-layer="capability"] .tqg-ab-plane-capability path,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="alignment"] .tqg-ab-plane-alignment path,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="evidence"] .tqg-ab-plane-evidence path {
  stroke: rgba(230,193,121,.78);
}

#tqg-about-page .tqg-intentional-blueprint[data-active-layer] .tqg-ab-plane:not([data-tqg-blueprint-plane="none"]) {
  opacity: .46;
}

#tqg-about-page .tqg-intentional-blueprint[data-active-layer="capability"] .tqg-ab-plane-capability,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="alignment"] .tqg-ab-plane-alignment,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="evidence"] .tqg-ab-plane-evidence {
  opacity: 1;
}

#tqg-about-page .tqg-intentional-captions { display: none; }

@media (max-width: 980px) {
  #tqg-about-page .tqg-intentional-blueprint { min-height: 470px; }
}

@media (max-width: 620px) {
  #tqg-about-page .tqg-intentional-blueprint {
    min-height: 555px;
    height: 555px;
  }

  #tqg-about-page .tqg-intentional-svg {
    width: 100%;
    height: 395px;
  }

  #tqg-about-page .tqg-intentional-callouts {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    width: 100%;
    height: 150px;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }

  #tqg-about-page .tqg-intentional-callout,
  #tqg-about-page .tqg-intentional-callout:nth-child(n) {
    position: relative;
    top: auto;
    min-height: 140px;
    padding: 20px 10px 10px;
    border-top: 1px solid rgba(199,155,75,.35);
    text-align: center;
  }

  #tqg-about-page .tqg-intentional-callout::before,
  #tqg-about-page .tqg-intentional-callout::after { display: none; }
  #tqg-about-page .tqg-intentional-callout strong { font-size: 11px; }
  #tqg-about-page .tqg-intentional-keywords,
  #tqg-about-page .tqg-intentional-explanation { max-width: none; font-size: 7px; }
  #tqg-about-page .tqg-intentional-explanation { top: 48px; right: 7px; left: 7px; }
}

/* v1.1.67 — approved About-page background rhythm and light-section contrast. */
#tqg-about-page .tqg-section-white,
#tqg-about-page .tqg-section-white h2,
#tqg-about-page .tqg-section-white h3,
#tqg-about-page .tqg-section-white p,
#tqg-about-page .tqg-section-gray,
#tqg-about-page .tqg-section-gray h2,
#tqg-about-page .tqg-section-gray h3,
#tqg-about-page .tqg-section-gray p {
  color: var(--tqg-text) !important;
}

#tqg-about-page .tqg-section-white h2,
#tqg-about-page .tqg-section-white h3,
#tqg-about-page .tqg-section-gray h2,
#tqg-about-page .tqg-section-gray h3 {
  color: var(--tqg-navy) !important;
}

#tqg-about-page .tqg-section-white .tqg-label,
#tqg-about-page .tqg-section-gray .tqg-label,
#tqg-about-page .tqg-about-value-number,
#tqg-about-page .tqg-about-promise-heading em {
  color: var(--tqg-gold-text) !important;
}

#tqg-about-page .tqg-about-philosophy-grid article,
#tqg-about-page .tqg-about-values-grid article {
  background: transparent;
}

#tqg-about-page .tqg-about-promise-heading h2,
#tqg-about-page .tqg-about-commitment p {
  color: var(--tqg-navy) !important;
}

#tqg-about-page .tqg-about-commitment {
  border-color: rgba(199,155,75,.42);
  background: rgba(199,155,75,.025);
  box-shadow: none;
}

#tqg-about-page .tqg-about-commitment:hover,
#tqg-about-page .tqg-about-commitment:focus-visible {
  border-color: rgba(199,155,75,.9);
  background: rgba(199,155,75,.08);
  box-shadow: 0 18px 36px rgba(7,28,51,.10);
}

#tqg-about-page .tqg-about-cta {
  min-height: 0;
  padding: 76px 0;
  background: var(--tqg-gray) !important;
  color: var(--tqg-text) !important;
}

#tqg-about-page .tqg-about-cta-inner {
  min-height: 0;
}

#tqg-about-page .tqg-about-cta h2 {
  color: var(--tqg-navy) !important;
}

#tqg-about-page .tqg-about-cta p {
  color: var(--tqg-text) !important;
}

#tqg-about-page .tqg-about-cta .tqg-cta-eyebrow {
  color: var(--tqg-gold-text) !important;
}

#tqg-about-page .tqg-about-cta .tqg-btn {
  border-color: var(--tqg-gold);
  background: transparent;
  color: var(--tqg-navy);
}

#tqg-about-page .tqg-about-cta .tqg-btn:hover,
#tqg-about-page .tqg-about-cta .tqg-btn:focus-visible {
  background: var(--tqg-gold);
  color: var(--tqg-navy);
}

@media (max-width: 620px) {
  #tqg-about-page .tqg-about-cta {
    padding: 64px 0;
  }
}

/* =========================================================
   ABOUT BLUEPRINT v1.1.56 — LIVE SVG CONSTRUCTION
   The approved composition is rebuilt as interactive vectors.
   ========================================================= */
#tqg-about-page .tqg-intentional-approved-art { display: none !important; }

#tqg-about-page .tqg-intentional-blueprint {
  height: 510px;
  min-height: 510px;
  overflow: visible;
}

#tqg-about-page .tqg-intentional-blueprint::after { display: none !important; }

#tqg-about-page .tqg-intentional-blueprint figcaption {
  position: absolute !important;
  z-index: 6 !important;
  top: 0 !important;
  left: 50% !important;
  width: max-content !important;
  height: auto !important;
  max-width: 76% !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 22px !important;
  clip: auto !important;
  clip-path: none !important;
  color: var(--tqg-gold) !important;
  font-family: var(--tqg-font-serif) !important;
  font-size: clamp(15px, 1.2vw, 21px) !important;
  letter-spacing: .055em !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  transform: translateX(-50%) !important;
}

#tqg-about-page .tqg-intentional-blueprint figcaption::before,
#tqg-about-page .tqg-intentional-blueprint figcaption::after { display: block !important; }

#tqg-about-page .tqg-intentional-svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

#tqg-about-page .tqg-ab-grid { color: rgba(111,161,203,.13); opacity: 1; }
#tqg-about-page .tqg-ab-register,
#tqg-about-page .tqg-ab-projections,
#tqg-about-page .tqg-ab-dimension {
  fill: none;
  stroke: rgba(117,167,209,.32);
  stroke-width: 1;
}
#tqg-about-page .tqg-ab-axis {
  fill: none;
  stroke: rgba(226,179,87,.88);
  stroke-width: 1.8;
}
#tqg-about-page .tqg-ab-axis > circle { fill: #e8b95c; stroke: #fff0bd; }
#tqg-about-page .tqg-ab-leaders { fill: none; stroke: rgba(226,179,87,.8); stroke-width: 1.2; }
#tqg-about-page .tqg-ab-leaders circle { fill: #e8b95c; stroke: none; }

#tqg-about-page .tqg-ab-plane { cursor: pointer; transition: opacity .25s ease; }
#tqg-about-page .tqg-ab-plane polygon,
#tqg-about-page .tqg-ab-plane path,
#tqg-about-page .tqg-ab-plane circle {
  vector-effect: non-scaling-stroke;
  transition: fill .25s ease, stroke .25s ease, opacity .25s ease, filter .25s ease;
}
#tqg-about-page .tqg-ab-plane .tqg-ab-plane-depth {
  fill: rgba(4,18,37,.78);
  stroke: rgba(212,166,78,.62);
  stroke-width: 1;
}
#tqg-about-page .tqg-ab-plane .tqg-ab-plane-inner {
  fill: rgba(16,45,72,.38);
  stroke: rgba(225,179,88,.9);
  stroke-width: 1.35;
}
#tqg-about-page .tqg-ab-plane path,
#tqg-about-page .tqg-ab-plane circle {
  fill: none;
  stroke: rgba(120,172,214,.31);
  stroke-width: .78;
}
#tqg-about-page .tqg-ab-plane:hover .tqg-ab-plane-inner,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="capability"] .tqg-ab-plane-capability .tqg-ab-plane-inner,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="alignment"] .tqg-ab-plane-alignment .tqg-ab-plane-inner,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="evidence"] .tqg-ab-plane-evidence .tqg-ab-plane-inner {
  fill: rgba(210,164,76,.13);
  stroke: #efc56d;
  filter: drop-shadow(0 0 10px rgba(218,170,77,.32));
}
#tqg-about-page .tqg-intentional-blueprint[data-active-layer] .tqg-ab-plane { opacity: .3; }
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="capability"] .tqg-ab-plane-capability,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="alignment"] .tqg-ab-plane-alignment,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="evidence"] .tqg-ab-plane-evidence { opacity: 1; }

#tqg-about-page .tqg-intentional-callouts {
  position: absolute;
  z-index: 7;
  inset: 0 0 0 auto;
  display: block;
  width: 31%;
  height: 100%;
  pointer-events: none;
}
#tqg-about-page .tqg-intentional-callout,
#tqg-about-page .tqg-intentional-callout:nth-child(n) {
  position: absolute;
  right: 0;
  width: 100%;
  min-height: 82px;
  padding: 8px 8px 8px 18px;
  border: 1px solid transparent;
  border-radius: 3px;
  background: transparent;
  color: #fff;
  text-align: left;
  pointer-events: auto;
}
#tqg-about-page .tqg-intentional-callout:nth-child(1) { top: 16%; }
#tqg-about-page .tqg-intentional-callout:nth-child(2) { top: 41%; }
#tqg-about-page .tqg-intentional-callout:nth-child(3) { top: 66%; }
#tqg-about-page .tqg-intentional-callout::before,
#tqg-about-page .tqg-intentional-callout::after { display: none !important; }
#tqg-about-page .tqg-intentional-callout strong {
  display: block !important;
  color: #fff;
  font-family: var(--tqg-font-sans);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.2;
  text-transform: uppercase;
}
#tqg-about-page .tqg-intentional-keywords {
  display: block !important;
  margin-top: 7px;
  color: var(--tqg-gold);
  font-family: var(--tqg-font-sans);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .075em;
  line-height: 1.55;
  text-transform: uppercase;
  transition: opacity .2s ease;
}
#tqg-about-page .tqg-intentional-explanation {
  position: absolute;
  inset: 8px;
  display: flex;
  align-items: center;
  color: rgba(255,255,255,.95);
  font-size: 10px;
  line-height: 1.48;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .2s ease, transform .2s ease;
}
#tqg-about-page .tqg-intentional-callout:hover,
#tqg-about-page .tqg-intentional-callout:focus-visible,
#tqg-about-page .tqg-intentional-callout.is-active {
  border-color: rgba(230,185,99,.5);
  background: rgba(4,20,39,.92);
  box-shadow: inset 3px 0 0 var(--tqg-gold), 0 10px 28px rgba(0,0,0,.22);
  outline: none;
}
#tqg-about-page .tqg-intentional-callout:hover strong,
#tqg-about-page .tqg-intentional-callout:hover .tqg-intentional-keywords,
#tqg-about-page .tqg-intentional-callout:focus-visible strong,
#tqg-about-page .tqg-intentional-callout:focus-visible .tqg-intentional-keywords,
#tqg-about-page .tqg-intentional-callout.is-active strong,
#tqg-about-page .tqg-intentional-callout.is-active .tqg-intentional-keywords { opacity: 0; }
#tqg-about-page .tqg-intentional-callout:hover .tqg-intentional-explanation,
#tqg-about-page .tqg-intentional-callout:focus-visible .tqg-intentional-explanation,
#tqg-about-page .tqg-intentional-callout.is-active .tqg-intentional-explanation {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 980px) {
  #tqg-about-page .tqg-intentional-blueprint { width: min(100%, 760px); height: 650px; min-height: 650px; }
}
@media (max-width: 620px) {
  #tqg-about-page .tqg-intentional-blueprint { height: 590px; min-height: 590px; }
  #tqg-about-page .tqg-intentional-svg { height: 445px !important; }
  #tqg-about-page .tqg-intentional-callouts {
    top: auto; right: 0; bottom: 0; left: 0;
    display: grid; width: 100%; height: 140px;
    grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px;
  }
  #tqg-about-page .tqg-intentional-callout,
  #tqg-about-page .tqg-intentional-callout:nth-child(n) {
    position: relative; top: auto; min-height: 132px; padding: 12px 7px;
    border-top-color: rgba(199,155,75,.3);
  }
  #tqg-about-page .tqg-intentional-callout strong { font-size: 9px; }
  #tqg-about-page .tqg-intentional-keywords { font-size: 7px; }
  #tqg-about-page .tqg-intentional-explanation { font-size: 7px; }
}

/* v1.1.55 — approved artwork mode. The original visual is the source of truth;
   accessible interaction remains HTML layered above it. */
#tqg-about-page .tqg-system-hero .tqg-hero-copy {
  max-width: 650px !important;
}

#tqg-about-page .tqg-system-hero .tqg-h1 {
  max-width: 650px !important;
  font-size: clamp(44px, 3.35vw, 58px) !important;
  line-height: 1.12 !important;
}

#tqg-about-page .tqg-system-hero .tqg-hero-copy > p {
  max-width: 600px !important;
  color: var(--tqg-gold) !important;
  font-family: var(--tqg-font-serif) !important;
  font-size: clamp(19px, 1.45vw, 24px) !important;
  line-height: 1.52 !important;
}

#tqg-about-page .tqg-intentional-blueprint {
  height: 510px;
  min-height: 510px;
  isolation: isolate;
}

#tqg-about-page .tqg-intentional-blueprint figcaption {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: -1px !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

#tqg-about-page .tqg-intentional-blueprint figcaption::before,
#tqg-about-page .tqg-intentional-blueprint figcaption::after {
  display: none;
}

#tqg-about-page .tqg-intentional-approved-art {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: url("../images/about-intentional-blueprint-v1.1.55.png") center / contain no-repeat;
}

#tqg-about-page .tqg-intentional-svg {
  display: none;
}

#tqg-about-page .tqg-intentional-blueprint::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 8.5%;
  width: 55%;
  aspect-ratio: 2.45 / 1;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(ellipse at center,
              rgba(232,187,100,.16) 0%, rgba(199,155,75,.07) 45%, transparent 72%);
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  filter: drop-shadow(0 0 13px rgba(199,155,75,.18));
  transition: top .24s ease, opacity .24s ease;
}

#tqg-about-page .tqg-intentional-blueprint[data-active-layer="capability"]::after {
  top: 12%;
  opacity: 1;
}

#tqg-about-page .tqg-intentional-blueprint[data-active-layer="alignment"]::after {
  top: 39%;
  opacity: 1;
}

#tqg-about-page .tqg-intentional-blueprint[data-active-layer="evidence"]::after {
  top: 66%;
  opacity: 1;
}

#tqg-about-page .tqg-intentional-callouts {
  z-index: 4;
  width: 33%;
}

#tqg-about-page .tqg-intentional-callout,
#tqg-about-page .tqg-intentional-callout:nth-child(1),
#tqg-about-page .tqg-intentional-callout:nth-child(2),
#tqg-about-page .tqg-intentional-callout:nth-child(3) {
  right: 0;
  min-height: 86px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 3px;
}

#tqg-about-page .tqg-intentional-callout:nth-child(1) { top: 17%; }
#tqg-about-page .tqg-intentional-callout:nth-child(2) { top: 44%; }
#tqg-about-page .tqg-intentional-callout:nth-child(3) { top: 71%; }

#tqg-about-page .tqg-intentional-callout::before,
#tqg-about-page .tqg-intentional-callout::after,
#tqg-about-page .tqg-intentional-callout strong,
#tqg-about-page .tqg-intentional-keywords {
  display: none;
}

#tqg-about-page .tqg-intentional-callout:hover,
#tqg-about-page .tqg-intentional-callout:focus-visible,
#tqg-about-page .tqg-intentional-callout.is-active {
  border-color: rgba(230,185,99,.48);
  background: rgba(4,20,39,.86);
  box-shadow: 0 10px 28px rgba(0,0,0,.24), inset 3px 0 0 var(--tqg-gold);
}

#tqg-about-page .tqg-intentional-explanation {
  top: 50%;
  right: 14px;
  left: 17px;
  max-width: none;
  color: rgba(255,255,255,.94);
  font-size: 10px;
  line-height: 1.5;
  text-align: left;
  transform: translateY(calc(-50% + 4px));
}

#tqg-about-page .tqg-intentional-callout:hover .tqg-intentional-explanation,
#tqg-about-page .tqg-intentional-callout:focus-visible .tqg-intentional-explanation,
#tqg-about-page .tqg-intentional-callout.is-active .tqg-intentional-explanation {
  transform: translateY(-50%);
}

@media (max-width: 1180px) {
  #tqg-about-page .tqg-system-hero .tqg-hero-copy { max-width: 580px !important; }
}

@media (max-width: 980px) {
  #tqg-about-page .tqg-intentional-blueprint {
    width: min(100%, 760px);
    height: 650px;
    min-height: 650px;
  }
}

/* =========================================================
   v1.1.65 — About systems thesis and corrected section rhythm
   ========================================================= */
#tqg-about-page .tqg-about-viewpoint {
  overflow: hidden;
  padding-block: clamp(76px, 7vw, 112px);
}

#tqg-about-page .tqg-about-thesis-intro {
  display: grid;
  grid-template-columns: minmax(245px, .62fr) minmax(0, 1.62fr);
  gap: clamp(48px, 7vw, 116px);
  align-items: start;
}

#tqg-about-page .tqg-about-thesis-rail {
  position: relative;
  min-height: 260px;
  padding: 4px clamp(28px, 3vw, 48px) 8px 0;
  border-right: 1px solid rgba(199, 155, 75, .48);
}

#tqg-about-page .tqg-about-thesis-rail::after {
  position: absolute;
  right: -4px;
  bottom: 0;
  width: 7px;
  height: 7px;
  border: 1px solid rgba(199, 155, 75, .68);
  border-radius: 50%;
  background: #fff;
  content: "";
}

#tqg-about-page .tqg-about-thesis-index {
  margin-top: clamp(60px, 6vw, 92px);
  color: var(--tqg-navy);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .19em;
  line-height: 1.3;
  text-transform: uppercase;
}

#tqg-about-page .tqg-about-thesis-rail p {
  max-width: 295px;
  margin: 14px 0 0;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-heading);
  font-size: clamp(20px, 1.8vw, 27px);
  line-height: 1.25;
}

#tqg-about-page .tqg-about-thesis-copy .tqg-h2 {
  max-width: 980px;
  margin: 0 0 25px;
  font-size: clamp(40px, 4vw, 64px);
  line-height: 1.02;
}

#tqg-about-page .tqg-about-thesis-copy p {
  max-width: 850px;
  margin: 0 0 15px;
  color: #34445a;
  font-size: clamp(16px, 1.08vw, 18px);
  line-height: 1.7;
}

#tqg-about-page .tqg-about-thesis-blueprint {
  overflow-x: auto;
  margin: clamp(46px, 5vw, 72px) 0 0;
  border-top: 1px solid rgba(199, 155, 75, .42);
  border-bottom: 1px solid rgba(199, 155, 75, .42);
  background-image:
    linear-gradient(rgba(7, 26, 51, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 26, 51, .035) 1px, transparent 1px);
  background-position: center;
  background-size: 32px 32px;
  scrollbar-color: rgba(199, 155, 75, .7) transparent;
}

#tqg-about-page .tqg-about-thesis-blueprint svg {
  display: block;
  width: 100%;
  min-width: 760px;
  height: auto;
}

#tqg-about-page .tqg-thesis-drafting {
  fill: none;
  stroke: rgba(74, 107, 140, .25);
  stroke-width: 1;
  stroke-dasharray: 4 7;
}

#tqg-about-page .tqg-thesis-drafting path:nth-child(2) {
  stroke: rgba(7, 26, 51, .38);
  stroke-dasharray: none;
}

#tqg-about-page .tqg-thesis-system {
  outline: none;
}

#tqg-about-page .tqg-thesis-system text {
  fill: var(--tqg-navy);
  font-family: var(--tqg-font-body);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2.2px;
  text-anchor: middle;
}

#tqg-about-page .tqg-thesis-link {
  fill: none;
  stroke: rgba(38, 72, 108, .62);
  stroke-width: 1.45;
  transition: stroke .22s ease, stroke-width .22s ease;
}

#tqg-about-page .tqg-thesis-drop {
  fill: none;
  stroke: rgba(199, 155, 75, .62);
  stroke-width: 1;
  stroke-dasharray: 3 5;
}

#tqg-about-page .tqg-thesis-node {
  fill: #fff;
  stroke: rgba(7, 26, 51, .76);
  stroke-width: 1.7;
  transition: fill .22s ease, stroke .22s ease;
}

#tqg-about-page .tqg-thesis-node-core {
  fill: var(--tqg-gold);
}

#tqg-about-page .tqg-thesis-system:hover .tqg-thesis-link,
#tqg-about-page .tqg-thesis-system:focus .tqg-thesis-link {
  stroke: var(--tqg-gold);
  stroke-width: 2.2;
}

#tqg-about-page .tqg-thesis-system:hover .tqg-thesis-node,
#tqg-about-page .tqg-thesis-system:focus .tqg-thesis-node {
  fill: rgba(199, 155, 75, .13);
  stroke: var(--tqg-gold);
}

#tqg-about-page .tqg-thesis-outcome circle {
  fill: var(--tqg-gold);
  stroke: #fff;
  stroke-width: 3;
}

#tqg-about-page .tqg-thesis-outcome path,
#tqg-about-page .tqg-thesis-outcome rect {
  fill: #fff;
  stroke: var(--tqg-navy);
  stroke-width: 1.4;
}

#tqg-about-page .tqg-thesis-outcome path:first-of-type {
  fill: none;
  stroke: var(--tqg-gold);
}

#tqg-about-page .tqg-thesis-outcome path:last-of-type {
  fill: none;
  stroke: rgba(199, 155, 75, .48);
  stroke-width: 1;
}

#tqg-about-page .tqg-thesis-outcome text {
  fill: var(--tqg-navy);
  font-family: var(--tqg-font-heading);
  font-size: 22px;
  letter-spacing: 1.5px;
  text-anchor: middle;
}

#tqg-about-page .tqg-about-thesis-close {
  max-width: 920px;
  margin: clamp(42px, 4.5vw, 68px) auto 0;
  text-align: center;
}

#tqg-about-page .tqg-about-thesis-close .tqg-rule-short {
  margin: 0 auto 22px;
}

#tqg-about-page .tqg-about-thesis-close p {
  margin: 0;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-heading);
  font-size: clamp(23px, 2.2vw, 34px);
  line-height: 1.25;
}

@media (max-width: 900px) {
  #tqg-about-page .tqg-about-thesis-intro {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  #tqg-about-page .tqg-about-thesis-rail {
    min-height: 0;
    padding: 0 0 26px;
    border-right: 0;
    border-bottom: 1px solid rgba(199, 155, 75, .48);
  }
  #tqg-about-page .tqg-about-thesis-rail::after {
    right: 0;
    bottom: -4px;
  }
  #tqg-about-page .tqg-about-thesis-index {
    margin-top: 34px;
  }
}

@media (max-width: 620px) {
  #tqg-about-page .tqg-about-viewpoint { padding-block: 64px; }
  #tqg-about-page .tqg-about-thesis-copy .tqg-h2 { font-size: clamp(36px, 11vw, 48px); }
  #tqg-about-page .tqg-about-thesis-blueprint { margin-inline: -18px; padding-inline: 18px; }
}

/* v1.1.66 — simple v1.1.64 point-of-view refinement. */
#tqg-about-page .tqg-section,
#tqg-about-page .tqg-about-viewpoint {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}

#tqg-about-page .tqg-about-viewpoint .tqg-about-viewpoint-quote {
  max-width: 360px;
  margin: 24px 0 0;
  padding: 4px 0 4px 22px;
  font-size: clamp(22px, 2vw, 31px);
  line-height: 1.28;
}

@media (max-width: 767px) {
  #tqg-about-page .tqg-section,
  #tqg-about-page .tqg-about-viewpoint {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}

/* v1.1.57 — final live-vector authority; must remain after artwork-mode legacy rules. */
#tqg-about-page .tqg-intentional-approved-art { display: none !important; }
#tqg-about-page .tqg-intentional-blueprint::after { display: none !important; }
#tqg-about-page .tqg-intentional-svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}
#tqg-about-page .tqg-intentional-blueprint figcaption {
  position: absolute !important;
  z-index: 8 !important;
  top: 0 !important;
  left: 50% !important;
  width: max-content !important;
  height: auto !important;
  max-width: 78% !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 22px !important;
  border: 0 !important;
  clip: auto !important;
  clip-path: none !important;
  color: var(--tqg-gold) !important;
  font-family: var(--tqg-font-serif) !important;
  font-size: clamp(15px, 1.2vw, 21px) !important;
  letter-spacing: .055em !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  transform: translateX(-50%) !important;
}
#tqg-about-page .tqg-intentional-blueprint figcaption::before,
#tqg-about-page .tqg-intentional-blueprint figcaption::after { display: block !important; }

#tqg-about-page .tqg-ab-plane .tqg-ab-plane-face {
  fill: rgba(2,13,29,.92);
  stroke: rgba(105,155,199,.58);
  stroke-width: 1;
}
#tqg-about-page .tqg-ab-plane-capability .tqg-ab-plane-inner,
#tqg-about-page .tqg-ab-plane-capability .tqg-ab-plane-depth {
  stroke: rgba(226,179,87,.92);
}
#tqg-about-page .tqg-ab-plane-alignment .tqg-ab-plane-inner,
#tqg-about-page .tqg-ab-plane-alignment .tqg-ab-plane-depth,
#tqg-about-page .tqg-ab-plane-evidence .tqg-ab-plane-inner,
#tqg-about-page .tqg-ab-plane-evidence .tqg-ab-plane-depth {
  stroke: rgba(125,178,222,.72);
}
#tqg-about-page .tqg-ab-plane:hover polygon,
#tqg-about-page .tqg-ab-plane:hover path,
#tqg-about-page .tqg-ab-plane:focus polygon,
#tqg-about-page .tqg-ab-plane:focus path {
  transform: none;
}
#tqg-about-page .tqg-ab-dimension-ticks { stroke: rgba(226,179,87,.55); }

#tqg-about-page .tqg-intentional-callouts {
  position: absolute !important;
  z-index: 9 !important;
  inset: 0 0 0 auto !important;
  display: block !important;
  width: 31% !important;
  height: 100% !important;
  pointer-events: none !important;
}
#tqg-about-page .tqg-intentional-callout,
#tqg-about-page .tqg-intentional-callout:nth-child(n) {
  position: absolute !important;
  right: 0 !important;
  display: block !important;
  width: 100% !important;
  min-height: 82px !important;
  padding: 8px 8px 8px 18px !important;
  pointer-events: auto !important;
}
#tqg-about-page .tqg-intentional-callout:nth-child(1) { top: 16% !important; }
#tqg-about-page .tqg-intentional-callout:nth-child(2) { top: 41% !important; }
#tqg-about-page .tqg-intentional-callout:nth-child(3) { top: 66% !important; }
#tqg-about-page .tqg-intentional-callout strong { display: block !important; }
#tqg-about-page .tqg-intentional-keywords { display: block !important; }

@media (max-width: 620px) {
  #tqg-about-page .tqg-intentional-svg { height: 445px !important; }
  #tqg-about-page .tqg-intentional-callouts {
    top: auto !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
    display: grid !important; width: 100% !important; height: 140px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 7px !important;
  }
  #tqg-about-page .tqg-intentional-callout,
  #tqg-about-page .tqg-intentional-callout:nth-child(n) {
    position: relative !important; top: auto !important; min-height: 132px !important;
    padding: 12px 7px !important;
  }
}

@media (max-width: 620px) {
  #tqg-about-page .tqg-intentional-blueprint {
    height: 590px;
    min-height: 590px;
  }

  #tqg-about-page .tqg-intentional-approved-art {
    inset: 0 0 145px;
  }

  #tqg-about-page .tqg-intentional-blueprint::after { display: none; }

  #tqg-about-page .tqg-intentional-callouts {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    width: 100%;
    height: 140px;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
  }

  #tqg-about-page .tqg-intentional-callout,
  #tqg-about-page .tqg-intentional-callout:nth-child(n) {
    position: relative;
    top: auto;
    min-height: 132px;
    padding: 12px 7px;
    border-top-color: rgba(199,155,75,.3);
  }

  #tqg-about-page .tqg-intentional-callout strong {
    display: block;
    font-size: 10px;
  }

  #tqg-about-page .tqg-intentional-keywords {
    display: block;
    font-size: 7px;
  }

  #tqg-about-page .tqg-intentional-explanation {
    top: 50px;
    right: 7px;
    left: 7px;
    font-size: 7px;
    transform: translateY(4px);
  }

  #tqg-about-page .tqg-intentional-callout:hover .tqg-intentional-explanation,
  #tqg-about-page .tqg-intentional-callout:focus-visible .tqg-intentional-explanation,
  #tqg-about-page .tqg-intentional-callout.is-active .tqg-intentional-explanation {
    transform: translateY(0);
  }
}

/* v1.1.58 — perspective and visual-weight refinement. */
#tqg-about-page .tqg-system-hero > .tqg-hero-grid {
  grid-template-columns: minmax(0, .74fr) minmax(0, 1.26fr) !important;
  gap: clamp(32px, 3.3vw, 58px) !important;
}
#tqg-about-page .tqg-intentional-blueprint {
  width: min(108%, 850px) !important;
  max-width: none !important;
  margin-right: -4% !important;
}
#tqg-about-page .tqg-ab-projections {
  fill: none;
  stroke: rgba(128,177,216,.31);
  stroke-width: .85;
}
#tqg-about-page .tqg-ab-plane path:not(.tqg-ab-plane-diagonal) {
  stroke: rgba(118,169,211,.14) !important;
  stroke-width: .62 !important;
}
#tqg-about-page .tqg-ab-plane .tqg-ab-plane-diagonal {
  stroke: rgba(214,171,87,.38) !important;
  stroke-width: .82 !important;
}
#tqg-about-page .tqg-ab-plane ellipse {
  fill: rgba(4,19,38,.36);
  stroke: rgba(214,171,87,.62);
  stroke-width: .9;
  vector-effect: non-scaling-stroke;
  transition: fill .25s ease, stroke .25s ease, filter .25s ease;
}
#tqg-about-page .tqg-ab-plane ellipse:last-child {
  fill: rgba(230,184,94,.16);
  stroke: rgba(239,198,112,.86);
}
#tqg-about-page .tqg-ab-plane:hover ellipse,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="capability"] .tqg-ab-plane-capability ellipse,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="alignment"] .tqg-ab-plane-alignment ellipse,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="evidence"] .tqg-ab-plane-evidence ellipse {
  fill: rgba(226,179,87,.13);
  stroke: #f0c66e;
  filter: drop-shadow(0 0 5px rgba(226,179,87,.38));
}
#tqg-about-page .tqg-ab-core ellipse:first-child {
  fill: #f1c66f;
  stroke: #fff0bf;
  stroke-width: 1.2;
}
#tqg-about-page .tqg-ab-core ellipse:last-child {
  fill: none;
  stroke: rgba(199,155,75,.58);
  stroke-width: 1;
  animation: tqg-about-core-pulse 2.8s ease-out infinite;
  transform-box: fill-box;
  transform-origin: center;
}
@media (max-width: 1180px) {
  #tqg-about-page .tqg-system-hero > .tqg-hero-grid {
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
  }
  #tqg-about-page .tqg-intentional-blueprint { width: 104% !important; margin-right: -2% !important; }
}
@media (max-width: 980px) {
  #tqg-about-page .tqg-intentional-blueprint { width: min(100%, 780px) !important; margin-right: 0 !important; }
}

/* v1.1.59 — reference-accurate plane and projection geometry. */
#tqg-about-page .tqg-ab-plane-capability .tqg-ab-plane-inner,
#tqg-about-page .tqg-ab-plane-capability .tqg-ab-plane-depth,
#tqg-about-page .tqg-ab-plane-capability .tqg-ab-plane-face,
#tqg-about-page .tqg-ab-plane-alignment .tqg-ab-plane-inner,
#tqg-about-page .tqg-ab-plane-alignment .tqg-ab-plane-depth,
#tqg-about-page .tqg-ab-plane-alignment .tqg-ab-plane-face,
#tqg-about-page .tqg-ab-plane-evidence .tqg-ab-plane-inner,
#tqg-about-page .tqg-ab-plane-evidence .tqg-ab-plane-depth,
#tqg-about-page .tqg-ab-plane-evidence .tqg-ab-plane-face {
  stroke: rgba(128,181,224,.74) !important;
}
#tqg-about-page .tqg-ab-plane .tqg-ab-plane-centerlines {
  stroke: rgba(126,176,216,.24) !important;
  stroke-width: .72 !important;
}
#tqg-about-page .tqg-ab-plane .tqg-ab-plane-diagonal {
  stroke: rgba(226,179,87,.78) !important;
  stroke-width: 1 !important;
}
#tqg-about-page .tqg-ab-plane:hover .tqg-ab-plane-inner,
#tqg-about-page .tqg-ab-plane:hover .tqg-ab-plane-depth,
#tqg-about-page .tqg-ab-plane:hover .tqg-ab-plane-face,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="capability"] .tqg-ab-plane-capability .tqg-ab-plane-inner,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="capability"] .tqg-ab-plane-capability .tqg-ab-plane-depth,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="capability"] .tqg-ab-plane-capability .tqg-ab-plane-face,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="alignment"] .tqg-ab-plane-alignment .tqg-ab-plane-inner,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="alignment"] .tqg-ab-plane-alignment .tqg-ab-plane-depth,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="alignment"] .tqg-ab-plane-alignment .tqg-ab-plane-face,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="evidence"] .tqg-ab-plane-evidence .tqg-ab-plane-inner,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="evidence"] .tqg-ab-plane-evidence .tqg-ab-plane-depth,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="evidence"] .tqg-ab-plane-evidence .tqg-ab-plane-face {
  stroke: #efc36a !important;
}
#tqg-about-page .tqg-ab-plane:hover .tqg-ab-plane-inner,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="capability"] .tqg-ab-plane-capability .tqg-ab-plane-inner,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="alignment"] .tqg-ab-plane-alignment .tqg-ab-plane-inner,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="evidence"] .tqg-ab-plane-evidence .tqg-ab-plane-inner {
  fill: rgba(210,164,76,.11) !important;
  filter: drop-shadow(0 0 9px rgba(218,170,77,.28));
}

/* v1.1.60 — additive drafting field and expanded blueprint width. */
#tqg-about-page .tqg-system-hero > .tqg-hero-grid {
  grid-template-columns: minmax(0, .68fr) minmax(0, 1.32fr) !important;
  gap: clamp(24px, 2.6vw, 46px) !important;
}
#tqg-about-page .tqg-intentional-blueprint {
  width: min(116%, 930px) !important;
  margin-right: -8% !important;
}
#tqg-about-page .tqg-ab-grid {
  color: rgba(111,161,203,.16) !important;
}
#tqg-about-page .tqg-ab-annotations {
  fill: none;
  stroke: rgba(125,174,215,.27);
  stroke-width: .72;
  vector-effect: non-scaling-stroke;
}
#tqg-about-page .tqg-ab-annotations path:nth-child(2),
#tqg-about-page .tqg-ab-annotations path:nth-child(3) {
  stroke: rgba(222,177,89,.38);
}
#tqg-about-page .tqg-ab-microcopy {
  fill: rgba(130,176,215,.48);
  font-family: var(--tqg-font-sans);
  font-size: 6px;
  font-weight: 600;
  letter-spacing: .12em;
  pointer-events: none;
  text-transform: uppercase;
}
@media (max-width: 1280px) {
  #tqg-about-page .tqg-system-hero > .tqg-hero-grid {
    grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr) !important;
  }
  #tqg-about-page .tqg-intentional-blueprint { width: 110% !important; margin-right: -5% !important; }
}
@media (max-width: 980px) {
  #tqg-about-page .tqg-intentional-blueprint { width: min(100%, 820px) !important; margin-right: 0 !important; }
}

/* v1.1.61 — eight-point blueprint construction specification. */
#tqg-about-page .tqg-ab-plane .tqg-ab-plane-depth,
#tqg-about-page .tqg-ab-plane .tqg-ab-plane-inner {
  stroke: rgba(132,184,226,.78) !important;
}
#tqg-about-page .tqg-ab-plane .tqg-ab-plane-depth {
  fill: none !important;
}
#tqg-about-page .tqg-ab-plane .tqg-ab-plane-inner {
  fill: rgba(13,40,66,.34) !important;
  filter: none !important;
}
#tqg-about-page .tqg-ab-plane .tqg-ab-plane-face {
  fill: rgba(2,13,29,.78) !important;
  stroke: rgba(112,163,205,.42) !important;
}
#tqg-about-page .tqg-ab-plane .tqg-ab-plane-inset {
  fill: none !important;
  stroke: rgba(117,169,211,.28) !important;
  stroke-width: .7 !important;
}
#tqg-about-page .tqg-ab-plane .tqg-ab-plane-diagonal,
#tqg-about-page .tqg-ab-plane:hover .tqg-ab-plane-diagonal,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer] .tqg-ab-plane .tqg-ab-plane-diagonal {
  fill: none !important;
  stroke: rgba(132,184,226,.34) !important;
  stroke-width: .78 !important;
  filter: none !important;
}
#tqg-about-page .tqg-ab-plane .tqg-ab-plane-centerlines,
#tqg-about-page .tqg-ab-plane:hover .tqg-ab-plane-centerlines,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer] .tqg-ab-plane .tqg-ab-plane-centerlines {
  stroke: rgba(123,174,216,.19) !important;
  stroke-width: .65 !important;
  filter: none !important;
}
#tqg-about-page .tqg-ab-plane:hover path:not(.tqg-ab-plane-diagonal):not(.tqg-ab-plane-centerlines),
#tqg-about-page .tqg-intentional-blueprint[data-active-layer] .tqg-ab-plane path:not(.tqg-ab-plane-diagonal):not(.tqg-ab-plane-centerlines) {
  stroke: rgba(118,169,211,.14) !important;
  filter: none !important;
}

/* Only the three structural outline layers turn gold. */
#tqg-about-page .tqg-ab-plane:hover .tqg-ab-plane-depth,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="capability"] .tqg-ab-plane-capability .tqg-ab-plane-depth,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="alignment"] .tqg-ab-plane-alignment .tqg-ab-plane-depth,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="evidence"] .tqg-ab-plane-evidence .tqg-ab-plane-depth {
  fill: none !important;
  stroke: #efc36a !important;
  filter: drop-shadow(0 0 5px rgba(218,170,77,.22)) !important;
}
#tqg-about-page .tqg-ab-plane:hover .tqg-ab-plane-inner,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="capability"] .tqg-ab-plane-capability .tqg-ab-plane-inner,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="alignment"] .tqg-ab-plane-alignment .tqg-ab-plane-inner,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="evidence"] .tqg-ab-plane-evidence .tqg-ab-plane-inner {
  fill: rgba(13,40,66,.34) !important;
  stroke: #efc36a !important;
  filter: drop-shadow(0 0 5px rgba(218,170,77,.22)) !important;
}

#tqg-about-page .tqg-ab-foreground-edges {
  fill: none;
  stroke: rgba(145,194,233,.9);
  stroke-width: 1.05;
  pointer-events: none;
  vector-effect: non-scaling-stroke;
}
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="capability"] .tqg-ab-foreground-capability,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="alignment"] .tqg-ab-foreground-alignment {
  stroke: #efc36a;
  filter: drop-shadow(0 0 4px rgba(218,170,77,.2));
}

#tqg-about-page .tqg-ab-target-ring {
  fill: none !important;
  stroke: rgba(228,183,93,.48) !important;
  stroke-width: .9 !important;
  transform-box: fill-box;
  transform-origin: center;
  animation: tqg-ab-ring-pulse 3.3s ease-out infinite;
}
#tqg-about-page .tqg-ab-pulse-2 { animation-delay: .55s; }
#tqg-about-page .tqg-ab-pulse-3 { animation-delay: 1.1s; }
#tqg-about-page .tqg-ab-target-core {
  fill: #f2c66e !important;
  stroke: #fff1c5 !important;
  stroke-width: 1 !important;
  filter: drop-shadow(0 0 6px rgba(242,198,110,.9)) drop-shadow(0 0 14px rgba(218,170,77,.55));
  animation: tqg-ab-core-breathe 2.2s ease-in-out infinite;
}
@keyframes tqg-ab-ring-pulse {
  0% { opacity: .68; transform: scale(.55); }
  72%, 100% { opacity: 0; transform: scale(1.42); }
}
@keyframes tqg-ab-core-breathe {
  0%, 100% { opacity: .88; }
  50% { opacity: 1; filter: drop-shadow(0 0 8px rgba(242,198,110,1)) drop-shadow(0 0 18px rgba(218,170,77,.7)); }
}
@media (prefers-reduced-motion: reduce) {
  #tqg-about-page .tqg-ab-target-ring,
  #tqg-about-page .tqg-ab-target-core { animation: none !important; }
}

/* v1.1.62 — equal planes, persistent targets, sequential pulse, and readable drafting notes. */
#tqg-about-page .tqg-ab-target-ring {
  fill: none !important;
  stroke: rgba(132,184,226,.44) !important;
  stroke-width: .9 !important;
  opacity: 1 !important;
  animation: none !important;
  filter: none !important;
}
#tqg-about-page .tqg-ab-target-pulse {
  fill: none !important;
  stroke: #efc36a !important;
  stroke-width: 1.15 !important;
  opacity: 0;
  animation: tqg-ab-sequential-ring 3.6s ease-in-out infinite;
  transform-box: fill-box;
  transform-origin: center;
}
#tqg-about-page .tqg-ab-target-pulse.tqg-ab-pulse-1 { animation-delay: 0s; }
#tqg-about-page .tqg-ab-target-pulse.tqg-ab-pulse-2 { animation-delay: .65s; }
#tqg-about-page .tqg-ab-target-pulse.tqg-ab-pulse-3 { animation-delay: 1.3s; }
@keyframes tqg-ab-sequential-ring {
  0%, 12% { opacity: 0; }
  18%, 38% {
    opacity: 1;
    filter: drop-shadow(0 0 4px rgba(239,195,106,.72));
  }
  50%, 100% { opacity: 0; filter: none; }
}

/* Each plane uses the same three complete structural outlines. */
#tqg-about-page .tqg-ab-foreground-capability,
#tqg-about-page .tqg-ab-foreground-alignment,
#tqg-about-page .tqg-ab-foreground-evidence {
  stroke: rgba(145,194,233,.9);
  stroke-width: 1.05;
}
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="capability"] .tqg-ab-foreground-capability,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="alignment"] .tqg-ab-foreground-alignment,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="evidence"] .tqg-ab-foreground-evidence {
  stroke: #efc36a;
  filter: drop-shadow(0 0 4px rgba(218,170,77,.2));
}

/* Raised leaders terminate beside closer, vertically aligned labels. */
@media (min-width: 621px) {
  #tqg-about-page .tqg-intentional-callouts { width: 36% !important; }
  #tqg-about-page .tqg-intentional-callout:nth-child(1) { top: 13.8% !important; }
  #tqg-about-page .tqg-intentional-callout:nth-child(2) { top: 38.8% !important; }
  #tqg-about-page .tqg-intentional-callout:nth-child(3) { top: 63.5% !important; }
}

#tqg-about-page .tqg-ab-layer-number {
  font-size: 12px !important;
  letter-spacing: .14em !important;
}
#tqg-about-page .tqg-ab-note,
#tqg-about-page .tqg-ab-scale {
  font-size: 12.5px !important;
  letter-spacing: .12em !important;
}
#tqg-about-page .tqg-ab-microcopy {
  font-size: 9.5px !important;
  letter-spacing: .09em !important;
}
@media (prefers-reduced-motion: reduce) {
  #tqg-about-page .tqg-ab-target-pulse {
    animation: none !important;
    opacity: 0 !important;
  }
}

/* v1.1.63 — open callout copy and lower-edge-only plane construction. */
#tqg-about-page .tqg-ab-plane .tqg-ab-plane-depth {
  fill: none !important;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#tqg-about-page .tqg-intentional-callout,
#tqg-about-page .tqg-intentional-callout:hover,
#tqg-about-page .tqg-intentional-callout:focus-visible,
#tqg-about-page .tqg-intentional-callout.is-active {
  min-height: 116px !important;
  padding: 5px 0 7px 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline-offset: 3px;
}
#tqg-about-page .tqg-intentional-callout:focus-visible {
  outline: 1px solid rgba(239,195,106,.78) !important;
}
#tqg-about-page .tqg-intentional-callout strong,
#tqg-about-page .tqg-intentional-callout:hover strong,
#tqg-about-page .tqg-intentional-callout:focus-visible strong,
#tqg-about-page .tqg-intentional-callout.is-active strong {
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
}
#tqg-about-page .tqg-intentional-keywords,
#tqg-about-page .tqg-intentional-callout:hover .tqg-intentional-keywords,
#tqg-about-page .tqg-intentional-callout:focus-visible .tqg-intentional-keywords,
#tqg-about-page .tqg-intentional-callout.is-active .tqg-intentional-keywords {
  position: static !important;
  display: block !important;
  margin-top: 7px !important;
  opacity: 1 !important;
  transform: none !important;
}
#tqg-about-page .tqg-intentional-explanation {
  position: static !important;
  display: block !important;
  overflow: hidden;
  max-width: 230px !important;
  max-height: 0;
  margin-top: 0;
  color: rgba(255,255,255,.88) !important;
  font-size: 9.5px !important;
  line-height: 1.45 !important;
  opacity: 0 !important;
  transform: translateY(-3px) !important;
  transition: max-height .24s ease, margin-top .24s ease, opacity .2s ease, transform .2s ease !important;
}
#tqg-about-page .tqg-intentional-callout:hover .tqg-intentional-explanation,
#tqg-about-page .tqg-intentional-callout:focus-visible .tqg-intentional-explanation,
#tqg-about-page .tqg-intentional-callout.is-active .tqg-intentional-explanation {
  max-height: 58px;
  margin-top: 7px;
  opacity: 1 !important;
  transform: none !important;
}

@media (max-width: 620px) {
  #tqg-about-page .tqg-intentional-callout,
  #tqg-about-page .tqg-intentional-callout:nth-child(n) {
    min-height: 138px !important;
    padding: 11px 7px !important;
  }
  #tqg-about-page .tqg-intentional-explanation {
    font-size: 7.5px !important;
  }
}

/* v1.1.261 — Approach client-expectations density refinement. */
@media (min-width: 1280px) {
  #tqg-approach-page .tqg-client-expectations {
    padding: 58px 0 62px;
  }

  #tqg-approach-page .tqg-client-expectations-heading {
    grid-template-columns: minmax(240px, .42fr) minmax(0, 1.58fr);
    gap: 48px;
    margin-bottom: 30px;
  }

  #tqg-approach-page .tqg-client-expectations-heading .tqg-h2 {
    max-width: none;
    white-space: nowrap;
  }

  #tqg-approach-page .tqg-client-expectations-grid article {
    min-height: 188px;
    padding: 24px 28px 24px;
  }

  #tqg-approach-page .tqg-client-expectations-grid span {
    margin-bottom: 17px;
  }

  #tqg-approach-page .tqg-client-expectations-grid h3 {
    margin-bottom: 10px;
  }
}

/* ===== END tqg-design-system.css ===== */

/* ===== BEGIN tqg-pages.css ===== */
/* TQG Site System — shared core/page layouts after Insights foundation decomposition. */
/* =========================================================
   TQG HERO CONTRACT — v1.1.52
   The Home hero is the dimensional source of truth. Page-specific hero rules
   may style internal content and graphics, but may not change this shell.
   ========================================================= */
:root {
  --tqg-system-hero-height: 622px;
  --tqg-system-hero-padding: 58px;
  --tqg-system-hero-width: 1540px;
  --tqg-system-hero-gutter: 42px;
  --tqg-system-hero-gap: clamp(44px, 5vw, 86px);
}

.tqg-site:is(#tqg-home-page, #tqg-about-page, #tqg-solutions-page, #tqg-approach-page, #tqg-why-page, #tqg-insights-page, #tqg-contact-page, #tqg-privacy-policy-page, #tqg-terms-of-use-page, #tqg-accessibility-page) .tqg-system-hero {
  box-sizing: border-box !important;
  display: flex !important;
  width: 100vw !important;
  max-width: none !important;
  height: var(--tqg-system-hero-height) !important;
  min-height: var(--tqg-system-hero-height) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  align-items: center !important;
  overflow: hidden !important;
  padding: var(--tqg-system-hero-padding) 0 !important;
}

.tqg-site:is(#tqg-home-page, #tqg-about-page, #tqg-solutions-page, #tqg-approach-page, #tqg-why-page, #tqg-insights-page, #tqg-contact-page, #tqg-privacy-policy-page, #tqg-terms-of-use-page, #tqg-accessibility-page) .tqg-system-hero > .tqg-container {
  box-sizing: border-box !important;
  display: grid !important;
  width: min(100%, var(--tqg-system-hero-width)) !important;
  max-width: var(--tqg-system-hero-width) !important;
  min-height: 0 !important;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
  gap: var(--tqg-system-hero-gap) !important;
  align-items: center !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: var(--tqg-system-hero-gutter) !important;
  padding-left: var(--tqg-system-hero-gutter) !important;
}

.tqg-site:is(#tqg-home-page, #tqg-about-page, #tqg-solutions-page, #tqg-approach-page, #tqg-why-page, #tqg-insights-page, #tqg-contact-page, #tqg-privacy-policy-page, #tqg-terms-of-use-page, #tqg-accessibility-page) .tqg-system-hero > .tqg-container > * {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 1180px) and (min-width: 981px) {
  :root {
    --tqg-system-hero-gutter: 32px;
    --tqg-system-hero-gap: 30px;
  }
}

@media (max-width: 980px) {
  :root {
    --tqg-system-hero-gutter: 28px;
    --tqg-system-hero-gap: 42px;
  }

  .tqg-site:is(#tqg-home-page, #tqg-about-page, #tqg-solutions-page, #tqg-approach-page, #tqg-why-page, #tqg-insights-page, #tqg-contact-page, #tqg-privacy-policy-page, #tqg-terms-of-use-page, #tqg-accessibility-page) .tqg-system-hero {
    height: auto !important;
    min-height: 0 !important;
    padding: 68px 0 !important;
  }

  .tqg-site:is(#tqg-home-page, #tqg-about-page, #tqg-solutions-page, #tqg-approach-page, #tqg-why-page, #tqg-insights-page, #tqg-contact-page, #tqg-privacy-policy-page, #tqg-terms-of-use-page, #tqg-accessibility-page) .tqg-system-hero > .tqg-container {
    width: min(100%, 820px) !important;
    max-width: 820px !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .tqg-site:is(#tqg-home-page, #tqg-about-page, #tqg-solutions-page, #tqg-approach-page, #tqg-why-page, #tqg-insights-page, #tqg-contact-page, #tqg-privacy-policy-page, #tqg-terms-of-use-page, #tqg-accessibility-page) .tqg-system-hero > .tqg-container > :last-child {
    width: min(100%, 760px);
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 767px) {
  :root {
    --tqg-system-hero-gutter: 18px;
    --tqg-system-hero-gap: 34px;
  }

  .tqg-site:is(#tqg-home-page, #tqg-about-page, #tqg-solutions-page, #tqg-approach-page, #tqg-why-page, #tqg-insights-page, #tqg-contact-page, #tqg-privacy-policy-page, #tqg-terms-of-use-page, #tqg-accessibility-page) .tqg-system-hero {
    padding: 60px 0 !important;
  }

  .tqg-site:is(#tqg-home-page, #tqg-about-page, #tqg-solutions-page, #tqg-approach-page, #tqg-why-page, #tqg-insights-page, #tqg-contact-page, #tqg-privacy-policy-page, #tqg-terms-of-use-page, #tqg-accessibility-page) .tqg-system-hero > .tqg-container {
    width: min(100%, 650px) !important;
    max-width: 650px !important;
  }
}

.tqg-site a {
  text-underline-offset: 4px;
}

.tqg-site .tqg-page-hero {
  min-height: 560px;
  display: flex;
  align-items: center;
  padding: 92px 0;
  background:
    radial-gradient(circle at 82% 18%, rgba(199,155,75,.12), transparent 26%),
    linear-gradient(135deg, #071a33, #041427);
  color: #fff;
}

.tqg-site .tqg-page-hero .tqg-container {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(360px, 1.14fr);
  gap: clamp(48px, 7vw, 104px);
  align-items: center;
}

.tqg-site .tqg-page-hero-copy {
  max-width: 640px;
}

.tqg-site .tqg-page-hero .tqg-eyebrow {
  margin-bottom: 18px;
}

.tqg-site .tqg-page-hero .tqg-h1 {
  max-width: 740px;
  margin-bottom: 24px;
}

.tqg-site .tqg-page-hero p {
  max-width: 650px;
  margin: 0 0 26px;
  color: rgba(255,255,255,.86);
  font-size: 16px;
  line-height: 1.75;
}

.tqg-site .tqg-hero-statement {
  position: relative;
  padding: 56px 54px 52px 64px;
  border-top: 1px solid rgba(199,155,75,.8);
  border-right: 1px solid rgba(199,155,75,.32);
  border-bottom: 1px solid rgba(199,155,75,.32);
}

.tqg-site .tqg-hero-statement::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 1px;
  height: 45%;
  background: var(--tqg-gold);
}

.tqg-site .tqg-hero-statement strong {
  display: block;
  color: var(--tqg-gold);
  font-family: var(--tqg-font-serif);
  font-size: clamp(44px, 5vw, 78px);
  font-weight: 400;
  line-height: .9;
}

.tqg-site .tqg-hero-statement span {
  display: block;
  margin-top: 18px;
  color: #fff;
  font-family: var(--tqg-font-serif);
  font-size: clamp(24px, 2.5vw, 38px);
  line-height: 1.2;
}

.tqg-site .tqg-section-intro {
  display: grid;
  grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr);
  gap: clamp(42px, 8vw, 120px);
  align-items: start;
  margin-bottom: 58px;
}

.tqg-site .tqg-section-intro .tqg-h2 {
  max-width: 780px;
}

.tqg-site .tqg-section-intro-copy {
  max-width: 720px;
}

.tqg-site .tqg-section-intro-copy p {
  margin: 0 0 16px;
  color: var(--tqg-muted);
  font-size: 15px;
  line-height: 1.75;
}

.tqg-site .tqg-kicker-rule {
  width: 52px;
  height: 1px;
  margin-top: 18px;
  background: var(--tqg-gold);
}

.tqg-site .tqg-six-grid,
.tqg-site .tqg-three-grid,
.tqg-site .tqg-four-grid {
  display: grid;
  border-top: 1px solid rgba(199,155,75,.72);
}

.tqg-site .tqg-six-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tqg-site .tqg-three-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.tqg-site .tqg-four-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tqg-site .tqg-system-item {
  position: relative;
  min-height: 290px;
  padding: 36px 34px 42px;
  border-bottom: 1px solid rgba(199,155,75,.5);
}

.tqg-site .tqg-system-item:not(:nth-child(3n + 1)) {
  border-left: 1px solid rgba(199,155,75,.5);
}

.tqg-site .tqg-system-item .tqg-number {
  display: block;
  margin-bottom: 38px;
  color: var(--tqg-gold);
  font-family: var(--tqg-font-serif);
  font-size: 38px;
  line-height: 1;
}

.tqg-site .tqg-system-item i {
  margin-bottom: 26px;
  color: var(--tqg-gold);
  font-size: 25px;
}

.tqg-site .tqg-system-item h3 {
  margin: 0 0 16px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: 25px;
  font-weight: 500;
  line-height: 1.15;
}

.tqg-site .tqg-system-item p {
  margin: 0;
  color: var(--tqg-muted);
  font-size: 14px;
  line-height: 1.65;
}

.tqg-site .tqg-system-item a {
  display: inline-block;
  margin-top: 24px;
  color: var(--tqg-navy);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  text-decoration: none;
  text-transform: uppercase;
}

.tqg-site .tqg-system-item a:hover {
  color: var(--tqg-gold);
}

.tqg-site .tqg-editorial-list {
  border-top: 1px solid var(--tqg-gold);
}

.tqg-site .tqg-editorial-row {
  display: grid;
  grid-template-columns: 100px minmax(260px, .72fr) minmax(0, 1.28fr);
  gap: 30px;
  padding: 36px 0;
  border-bottom: 1px solid rgba(199,155,75,.48);
}

.tqg-site .tqg-editorial-row .tqg-number {
  color: var(--tqg-gold);
  font-family: var(--tqg-font-serif);
  font-size: 36px;
}

.tqg-site .tqg-editorial-row h3 {
  margin: 0;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: clamp(24px, 2vw, 31px);
  font-weight: 500;
  line-height: 1.15;
}

.tqg-site .tqg-editorial-row p {
  max-width: 650px;
  margin: 0;
  color: var(--tqg-muted);
  font-size: 15px;
  line-height: 1.7;
}

.tqg-site .tqg-challenge-list {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.tqg-site .tqg-challenge-list li {
  position: relative;
  margin: 0 0 9px;
  padding-left: 18px;
  color: var(--tqg-muted);
  font-size: 13px;
  line-height: 1.5;
}

.tqg-site .tqg-challenge-list li::before {
  content: "";
  position: absolute;
  top: .65em;
  left: 0;
  width: 7px;
  height: 1px;
  background: var(--tqg-gold);
}

.tqg-site .tqg-insight-card {
  min-height: 360px;
  padding: 38px 34px;
}

.tqg-site .tqg-insight-meta {
  color: var(--tqg-gold);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.tqg-site .tqg-insight-card h3 {
  margin-top: 52px;
  font-size: 30px;
}

.tqg-site .tqg-contact-grid {
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  gap: clamp(54px, 9vw, 130px);
}

.tqg-site .tqg-contact-details {
  padding-right: 48px;
  border-right: 1px solid rgba(199,155,75,.6);
}

.tqg-site .tqg-contact-details h2 {
  margin: 16px 0 24px;
}

.tqg-site .tqg-contact-details p {
  color: var(--tqg-muted);
  font-size: 15px;
  line-height: 1.7;
}

.tqg-site .tqg-contact-link {
  display: block;
  margin-top: 28px;
  color: var(--tqg-navy);
  font-size: 16px;
  text-decoration-color: var(--tqg-gold);
}

.tqg-site .tqg-form-placeholder {
  padding: 46px;
  border: 1px solid rgba(199,155,75,.65);
  background: #fff;
}

.tqg-site .tqg-form-placeholder h3 {
  margin: 0 0 18px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: 32px;
  font-weight: 500;
}

.tqg-site .tqg-form-placeholder p {
  color: var(--tqg-muted);
  line-height: 1.65;
}

.tqg-site .tqg-field-example {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 30px;
}

.tqg-site .tqg-field-example span {
  display: block;
  padding: 14px 0;
  border-bottom: 1px solid #aeb5bd;
  color: #7a838c;
  font-size: 13px;
}

.tqg-site .tqg-final-cta {
  padding: 82px 0;
  background: #fff;
}

.tqg-site .tqg-final-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) auto;
  gap: 54px;
  align-items: end;
  padding-top: 38px;
  border-top: 1px solid var(--tqg-gold);
}

.tqg-site .tqg-final-cta h2 {
  max-width: 800px;
  margin: 14px 0 18px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: clamp(36px, 4vw, 58px);
  font-weight: 500;
  line-height: 1.03;
}

.tqg-site .tqg-final-cta p {
  max-width: 760px;
  margin: 0;
  color: var(--tqg-muted);
  line-height: 1.7;
}

@media (max-width: 980px) {
  .tqg-site .tqg-page-hero .tqg-container,
  .tqg-site .tqg-section-intro,
  .tqg-site .tqg-contact-grid {
    grid-template-columns: 1fr;
  }

  .tqg-site .tqg-page-hero {
    min-height: 0;
  }

  .tqg-site .tqg-hero-statement {
    max-width: 680px;
  }

  .tqg-site .tqg-six-grid,
  .tqg-site .tqg-four-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tqg-site .tqg-system-item:not(:nth-child(3n + 1)) {
    border-left: 0;
  }

  .tqg-site .tqg-system-item:nth-child(even) {
    border-left: 1px solid rgba(199,155,75,.5);
  }

  .tqg-site .tqg-contact-details {
    padding-right: 0;
    padding-bottom: 42px;
    border-right: 0;
    border-bottom: 1px solid rgba(199,155,75,.6);
  }
}

@media (max-width: 700px) {
  .tqg-site .tqg-page-hero {
    padding: 70px 0;
  }

  .tqg-site .tqg-page-hero .tqg-container {
    grid-template-columns: minmax(0, 1fr);
  }

  .tqg-site .tqg-hero-statement {
    padding: 42px 28px 38px 36px;
  }

  .tqg-site .tqg-six-grid,
  .tqg-site .tqg-three-grid,
  .tqg-site .tqg-four-grid {
    grid-template-columns: 1fr;
  }

  .tqg-site .tqg-system-item,
  .tqg-site .tqg-system-item:nth-child(even) {
    border-left: 0;
  }

  .tqg-site .tqg-editorial-row {
    grid-template-columns: 64px 1fr;
  }

  .tqg-site .tqg-editorial-row p {
    grid-column: 2;
  }

  .tqg-site .tqg-field-example {
    grid-template-columns: 1fr;
  }

  .tqg-site .tqg-form-placeholder {
    padding: 34px 26px;
  }

  .tqg-site .tqg-final-cta-grid {
    grid-template-columns: 1fr;
    align-items: start;
  }
}

/* =========================================================
   GLOBAL RESPONSIVE CONTAINMENT
   Prevent WordPress content wrappers and complex components
   from forcing the TQG pages beyond the device viewport.
   ========================================================= */

.tqg-site,
.tqg-site .tqg-container,
.tqg-site section,
.tqg-site article,
.tqg-site figure,
.tqg-site div {
  min-width: 0;
}

.tqg-site img,
.tqg-site svg,
.tqg-site video,
.tqg-site iframe {
  max-width: 100%;
}

.tqg-site img,
.tqg-site video {
  height: auto;
}

.tqg-site h1,
.tqg-site h2,
.tqg-site h3,
.tqg-site p,
.tqg-site a,
.tqg-site span {
  overflow-wrap: anywhere;
}

.tqg-site .tqg-full-bleed {
  overflow-x: clip;
}

@supports (width: 100dvw) {
  .tqg-site .tqg-full-bleed {
    width: 100dvw;
    margin-left: calc(50% - 50dvw);
    margin-right: calc(50% - 50dvw);
  }
}

@media (max-width: 1180px) {
  .tqg-site .tqg-btn-group {
    flex-wrap: wrap;
  }

  .tqg-site .tqg-container {
    max-width: 100%;
  }
}

@media (max-width: 1024px) {
  :root {
    --tqg-gutter: 24px;
  }

  .tqg-site .tqg-page-hero .tqg-container {
    grid-template-columns: minmax(0, 1fr);
  }

  .tqg-site .tqg-page-hero-copy,
  .tqg-site .tqg-hero-statement {
    width: 100%;
    max-width: 760px;
  }
}

@media (max-width: 700px) {
  :root {
    --tqg-gutter: 18px;
  }

  .tqg-site .tqg-container {
    padding-right: var(--tqg-gutter) !important;
    padding-left: var(--tqg-gutter) !important;
  }

  .tqg-site .tqg-btn,
  .tqg-site .tqg-btn-group .tqg-btn {
    width: 100%;
    min-width: 0;
    max-width: none;
    white-space: normal;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tqg-site *,
  .tqg-site *::before,
  .tqg-site *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

/* =========================================================
   HOME PAGE — TQG SITE SYSTEM v1.1.43
   ========================================================= */

#tqg-home-page {
  width: 100vw;
  max-width: none;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  overflow: clip;
}

.tqg-home-hero {
  height: 622px;
  min-height: 622px;
  padding: 58px 0;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(7,26,51,.99), rgba(7,26,51,.96)),
    var(--tqg-navy);
}

.tqg-home-hero-grid {
  display: grid;
  width: min(100%, 1540px);
  max-width: 1540px;
  min-height: 0;
  grid-template-columns: minmax(0, .82fr) minmax(560px, 1.18fr);
  gap: clamp(44px, 5vw, 86px);
  align-items: center;
  padding-right: 42px;
  padding-left: 42px;
}

.tqg-home-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 590px;
}

.tqg-home-hero-copy .tqg-eyebrow {
  margin-bottom: 21px;
  color: var(--tqg-gold-light);
}

.tqg-home-hero-copy h1 {
  margin: 0;
  color: var(--tqg-white);
  font-family: var(--tqg-font-serif);
  font-size: clamp(46px, 3.7vw, 58px);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: .96;
}

.tqg-home-hero-copy h1 span {
  display: block;
}

.tqg-home-hero-copy h1 .tqg-home-hero-emphasis {
  color: var(--tqg-gold);
}

.tqg-home-hero-rule {
  width: min(100%, 500px);
  height: 1px;
  margin: 18px 0;
  background: var(--tqg-gold);
}

.tqg-home-hero-copy > p {
  max-width: 550px;
  color: rgba(255,255,255,.9);
  font-size: 15px;
  line-height: 1.65;
}

/* Interactive solution blueprint */
.tqg-home-network {
  --network-gold: #D8B46B;
  --network-line: rgba(216,180,107,.23);
  --network-line-muted: rgba(216,180,107,.12);
  position: relative;
  width: min(100%, 470px);
  aspect-ratio: 1;
  margin-inline: auto;
  isolation: isolate;
}

.tqg-home-network-grid {
  position: absolute;
  inset: 5% 4% 4%;
  z-index: -3;
  opacity: .42;
  background-image:
    linear-gradient(rgba(216,180,107,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,180,107,.055) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: radial-gradient(circle at center, #000 24%, rgba(0,0,0,.8) 48%, transparent 78%);
}

.tqg-home-network-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 74%;
  aspect-ratio: 1;
  border: 1px dashed rgba(216,180,107,.34);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.tqg-home-network-ring::before,
.tqg-home-network-ring::after {
  position: absolute;
  inset: 8%;
  border: 1px solid rgba(216,180,107,.09);
  border-radius: inherit;
  content: "";
}

.tqg-home-network-ring::after {
  inset: 26%;
  border-style: dashed;
}

.tqg-home-network-axis {
  position: absolute;
  z-index: -2;
  opacity: .26;
  pointer-events: none;
}

.tqg-home-network-axis-x {
  top: 50%;
  right: 7%;
  left: 7%;
  border-top: 1px dashed rgba(216,180,107,.3);
}

.tqg-home-network-axis-y {
  top: 7%;
  bottom: 7%;
  left: 50%;
  border-left: 1px dashed rgba(216,180,107,.3);
}

.tqg-home-network-dimensions {
  position: absolute;
  inset: 0;
  z-index: -1;
  color: rgba(216,180,107,.48);
  font-family: var(--tqg-font-sans);
  font-size: 7px;
  font-weight: 500;
  letter-spacing: .18em;
  pointer-events: none;
  text-transform: uppercase;
}

.tqg-network-dimension-top {
  position: absolute;
  top: -10px;
  left: 50%;
  padding: 0 12px;
  background: var(--tqg-navy);
  transform: translateX(-50%);
  white-space: nowrap;
}

.tqg-network-dimension-left {
  position: absolute;
  top: 50%;
  left: -66px;
  transform: translate(-50%, -50%) rotate(-90deg);
  white-space: nowrap;
}

.tqg-network-datum {
  position: absolute;
  right: -12px;
  bottom: -8px;
}

.tqg-home-network-svg {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.tqg-home-network-svg .network-line {
  fill: none;
  stroke: var(--network-line);
  stroke-linecap: round;
  stroke-width: 1.35;
  vector-effect: non-scaling-stroke;
  transition: stroke .22s ease, opacity .22s ease, filter .22s ease;
}

.tqg-home-network-svg .network-line-secondary {
  stroke: var(--network-line-muted);
}

.tqg-home-network-center {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 168px;
  height: 168px;
  transform: translate(-50%, -50%);
}

.tqg-home-network-center::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  border: 2px solid rgba(216,180,107,.78);
  border-radius: 50%;
  box-shadow:
    0 0 12px rgba(216,180,107,.42),
    inset 0 0 8px rgba(216,180,107,.18);
  content: "";
  pointer-events: none;
  animation: tqg-home-center-pulse 2.8s cubic-bezier(.2,.62,.34,1) infinite;
}

@keyframes tqg-home-center-pulse {
  0% {
    opacity: .72;
    transform: scale(1);
  }
  72%,
  100% {
    opacity: 0;
    transform: scale(1.38);
  }
}

.tqg-home-network-center-orbit {
  position: absolute;
  inset: -17px;
  border: 1px solid rgba(216,180,107,.18);
  border-radius: 50%;
}

.tqg-home-network-center-orbit::before,
.tqg-home-network-center-orbit::after {
  display: none;
  content: none;
}

.tqg-home-network-center > div {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 2px solid rgba(216,180,107,.82);
  border-radius: 50%;
  background: var(--tqg-navy);
  text-align: center;
  z-index: 2;
}

.tqg-home-network-center-copy {
  display: block;
  max-width: 132px;
  margin: 0;
  color: rgba(255,255,255,.92);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .09em;
  line-height: 1.45;
  text-align: center;
  text-transform: uppercase;
}

.tqg-home-network-center-copy-line {
  display: block;
  white-space: nowrap;
}

.tqg-home-network-node {
  position: absolute;
  z-index: 3;
  width: 190px;
  height: 86px;
  color: var(--tqg-white);
  text-decoration: none;
  transform: translate(-50%, -50%);
}

.tqg-home-network-point {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  border: 1.5px solid rgba(216,180,107,.92);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.tqg-home-network-point::before {
  position: absolute;
  inset: 7px;
  border: 1px dashed rgba(216,180,107,.34);
  border-radius: inherit;
  content: "";
}

.tqg-home-network-point::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--tqg-gold);
  box-shadow: 0 0 14px rgba(199,155,75,.45);
  content: "";
  transform: translate(-50%, -50%);
}

.tqg-home-network-label {
  position: absolute;
  color: var(--tqg-white);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .065em;
  line-height: 1.28;
  text-align: center;
  text-transform: uppercase;
  transition: color .22s ease, text-shadow .22s ease;
}

.tqg-home-network-node:hover,
.tqg-home-network-node:focus-visible {
  color: var(--tqg-gold-light);
  outline: none;
}

.tqg-home-network-node:hover .tqg-home-network-point,
.tqg-home-network-node:focus-visible .tqg-home-network-point,
.tqg-home-network-node.is-active .tqg-home-network-point {
  border-color: var(--tqg-gold-light);
  background: rgba(199,155,75,.08);
  box-shadow: 0 0 0 5px rgba(199,155,75,.09), 0 0 24px rgba(199,155,75,.24);
}

.tqg-home-network-node:hover .tqg-home-network-label,
.tqg-home-network-node:focus-visible .tqg-home-network-label,
.tqg-home-network-node.is-active .tqg-home-network-label {
  color: var(--tqg-gold-light);
  text-shadow: 0 0 14px rgba(199,155,75,.3);
}

.tqg-home-network.has-active-node .network-line {
  opacity: .12;
}

.tqg-home-network[data-active-node="talent"] .route-talent,
.tqg-home-network[data-active-node="design"] .route-design,
.tqg-home-network[data-active-node="performance"] .route-performance,
.tqg-home-network[data-active-node="experience"] .route-experience,
.tqg-home-network[data-active-node="leadership"] .route-leadership,
.tqg-home-network[data-active-node="workforce"] .route-workforce {
  opacity: 1;
  stroke: rgba(216,180,107,.9);
  filter: drop-shadow(0 0 5px rgba(199,155,75,.28));
}

.tqg-home-network .node-talent { top: 13%; left: 50%; }
.tqg-home-network .node-design { top: 31.5%; left: 82%; }
.tqg-home-network .node-performance { top: 68.5%; left: 82%; }
.tqg-home-network .node-experience { top: 87%; left: 50%; }
.tqg-home-network .node-leadership { top: 68.5%; left: 18%; }
.tqg-home-network .node-workforce { top: 31.5%; left: 18%; }

.tqg-home-network .node-talent .tqg-home-network-label {
  bottom: 68px;
  left: 50%;
  transform: translateX(-50%);
}

.tqg-home-network .node-experience .tqg-home-network-label {
  top: 68px;
  left: 50%;
  width: 220px;
  transform: translateX(-50%);
}

.tqg-home-network .node-design .tqg-home-network-label,
.tqg-home-network .node-performance .tqg-home-network-label {
  left: 100px;
  width: 130px;
  text-align: center;
}

.tqg-home-network .node-design .tqg-home-network-label {
  bottom: 65px;
}

.tqg-home-network .node-performance .tqg-home-network-label {
  top: 65px;
}

.tqg-home-network .node-leadership .tqg-home-network-label,
.tqg-home-network .node-workforce .tqg-home-network-label {
  right: 100px;
  width: 130px;
  text-align: center;
}

.tqg-home-network .node-workforce .tqg-home-network-label {
  bottom: 65px;
}

.tqg-home-network .node-leadership .tqg-home-network-label {
  top: 65px;
}

@media (prefers-reduced-motion: reduce) {
  .tqg-home-network-center::before {
    opacity: .32;
    animation: none;
    transform: scale(1.08);
  }
}

/* Shared Home section typography */
.tqg-home-centered-heading {
  max-width: 1160px;
  margin: 0 auto 48px;
  text-align: center;
}

.tqg-home-centered-heading .tqg-label {
  margin-bottom: 18px;
}

.tqg-home-centered-heading h2,
.tqg-home-insights h2,
.tqg-home-connect h2 {
  margin: 0;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: clamp(34px, 3vw, 48px);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.08;
}

.tqg-home-centered-heading > p {
  max-width: 1050px;
  margin: 18px auto 0;
  color: var(--tqg-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* Industries */
.tqg-home-industries {
  padding-block: 72px;
}

.tqg-home-industry-grid {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}

.tqg-home-industry {
  display: flex;
  min-height: 104px;
  align-items: center;
  flex-direction: column;
  gap: 15px;
  color: var(--tqg-navy);
  text-align: center;
}

.tqg-home-industry i {
  color: var(--tqg-gold);
  font-size: 23px;
}

.tqg-home-industry span {
  font-size: 12px;
  line-height: 1.55;
}

/* Solutions */
/* v1.1.422 — Increase Home solution-card readability and promote Explore Solution links to standard TQG pill CTAs. */
.tqg-home-solution-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.tqg-home-solution {
  display: grid;
  position: relative;
  min-height: 400px;
  grid-template-rows: auto auto auto 1fr auto;
  padding: 32px 30px 28px;
  overflow: hidden;
  border: 1px solid rgba(7,26,51,.12);
  background: rgba(255,255,255,.76);
  transition: border-color var(--tqg-motion), background var(--tqg-motion), transform var(--tqg-motion);
}

.tqg-home-solution::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--tqg-gold);
  content: "";
  transition: width .35s ease;
}

.tqg-home-solution:hover,
.tqg-home-solution:focus-within {
  border-color: rgba(199,155,75,.7);
  background: var(--tqg-white);
  transform: translateY(-4px);
}

.tqg-home-solution:hover::before,
.tqg-home-solution:focus-within::before {
  width: 100%;
}

.tqg-home-solution-number {
  flex: 0 0 auto;
  color: rgba(199,155,75,.48);
  font-family: var(--tqg-font-serif);
  font-size: 34px;
  line-height: 1;
}

.tqg-home-solution-heading {
  display: flex;
  gap: 24px;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 16px;
}

.tqg-home-solution-heading h3 {
  margin: 0;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: 23px;
  font-weight: 500;
  line-height: 1.2;
}

.tqg-home-solution > p,
.tqg-home-solution li {
  color: var(--tqg-text);
  font-size: 14px;
  line-height: 1.62;
}

.tqg-home-solution > strong {
  display: block;
  margin: 18px 0 7px;
  color: var(--tqg-navy);
  font-size: 12px;
  font-weight: 600;
}

.tqg-home-solution ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tqg-home-solution li {
  position: relative;
  padding-left: 13px;
}

.tqg-home-solution li + li {
  margin-top: 4px;
}

.tqg-home-solution li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--tqg-gold-text);
  content: "—";
}

.tqg-home-solution > a {
  display: inline-flex;
  width: fit-content;
  min-width: 190px;
  height: 42px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  padding: 0 22px;
  border: 1.5px solid var(--tqg-gold);
  border-radius: 999px;
  background: transparent;
  color: var(--tqg-navy);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .10em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  transition: background var(--tqg-motion), color var(--tqg-motion), border-color var(--tqg-motion), transform var(--tqg-motion);
}

.tqg-home-solution > a::after {
  margin-left: 10px;
  content: "→";
}

.tqg-home-solution > a:hover,
.tqg-home-solution > a:focus-visible {
  border-color: var(--tqg-navy);
  background: var(--tqg-navy);
  color: var(--tqg-white);
  transform: translateY(-1px);
  outline: 2px solid var(--tqg-gold);
  outline-offset: 3px;
}

/* Difference */
.tqg-home-difference-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--tqg-border);
  border-bottom: 1px solid var(--tqg-border);
}

.tqg-home-difference-grid article {
  position: relative;
  min-height: 300px;
  padding: 36px 30px 38px;
}

.tqg-home-difference-grid article + article {
  border-left: 1px solid rgba(7,26,51,.12);
}

.tqg-home-difference-grid article > span {
  display: block;
  margin-bottom: 25px;
  color: var(--tqg-gold);
  font-family: var(--tqg-font-serif);
  font-size: 28px;
}

.tqg-home-difference-grid h3 {
  margin: 0 0 18px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: 21px;
  font-weight: 500;
  line-height: 1.17;
}

.tqg-home-difference-grid p {
  color: var(--tqg-muted);
  font-size: 14px;
  line-height: 1.65;
}

.tqg-home-section-action {
  display: flex;
  justify-content: center;
  margin-top: 38px;
}

/* TQ Method */
.tqg-home-method {
  padding-block: 74px 70px;
}

.tqg-home-method .tqg-home-centered-heading {
  max-width: 1060px;
}

.tqg-home-method .tqg-home-centered-heading .tqg-label {
  margin-bottom: 20px;
  font-size: 13px;
  letter-spacing: .27em;
}

.tqg-home-method .tqg-home-centered-heading h2 {
  font-size: clamp(52px, 4.4vw, 72px);
  line-height: .98;
}

.tqg-home-method .tqg-home-centered-heading p {
  max-width: 1000px;
  margin-top: 24px;
  font-size: 17px;
  line-height: 1.65;
}

.tqg-home-method-system {
  position: relative;
  isolation: isolate;
  margin-top: 42px;
  padding: 46px 18px 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 22px 68px, transparent 0 6px, rgba(7,26,51,.28) 6.5px 7.5px, transparent 8px),
    linear-gradient(90deg, transparent 21px, rgba(7,26,51,.20) 21px 22px, transparent 22px),
    linear-gradient(transparent 67px, rgba(7,26,51,.20) 67px 68px, transparent 68px),
    repeating-linear-gradient(0deg, rgba(7,26,51,.038) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(90deg, rgba(7,26,51,.038) 0 1px, transparent 1px 34px),
    rgba(255,255,255,.28);
}

.tqg-home-method-system::before {
  position: absolute;
  z-index: -1;
  top: 102px;
  right: 22px;
  bottom: 96px;
  left: 22px;
  border: 1px dashed rgba(7,26,51,.17);
  border-radius: 72px;
  content: "";
}

.tqg-home-method-system::after {
  position: absolute;
  z-index: -1;
  top: 101px;
  right: 0;
  left: 0;
  height: 1px;
  background: repeating-linear-gradient(90deg, rgba(7,26,51,.18) 0 4px, transparent 4px 8px);
  content: "";
}

.tqg-home-method-annotations {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 2.5% 52px;
  color: rgba(7,26,51,.84);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.tqg-home-method-annotations span {
  display: inline-flex;
  min-width: 220px;
  align-items: center;
  gap: 14px;
}

.tqg-home-method-annotations span::after {
  height: 1px;
  flex: 1;
  background: rgba(7,26,51,.42);
  content: "";
}

.tqg-home-method-annotations span:last-child {
  flex-direction: row-reverse;
}

.tqg-home-method-track {
  display: grid;
  position: relative;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  --tqg-method-progress: 0%;
}

.tqg-home-method-track::before,
.tqg-home-method-track::after {
  position: absolute;
  top: 48px;
  left: 8.333%;
  height: 2px;
  content: "";
}

.tqg-home-method-track::before {
  right: 8.333%;
  background: rgba(199,155,75,.64);
}

.tqg-home-method-track::after {
  z-index: 1;
  width: calc((100% - 16.666%) * var(--tqg-method-progress));
  background: var(--tqg-gold);
  box-shadow: 0 0 10px rgba(199,155,75,.72);
  opacity: 0;
  transition: width 380ms ease, opacity 180ms ease;
}

.tqg-home-method-system.has-active-stage .tqg-home-method-track::after {
  opacity: 1;
}

.tqg-home-method-step {
  display: flex;
  position: relative;
  z-index: 2;
  min-width: 0;
  align-items: center;
  flex-direction: column;
  min-height: 242px;
  padding: 0 14px 18px;
  border: 0;
  background: transparent;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-sans);
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}

.tqg-home-method-step::before {
  position: absolute;
  z-index: -1;
  top: -66px;
  bottom: 4px;
  left: 50%;
  border-left: 1px dashed rgba(7,26,51,.18);
  content: "";
}

.tqg-home-method-step::after {
  position: absolute;
  z-index: 3;
  top: -34px;
  left: 50%;
  width: 10px;
  height: 10px;
  border: 1px solid rgba(199,155,75,.75);
  border-radius: 50%;
  background: var(--tqg-gray-50);
  content: "";
  transform: translateX(-50%);
}

.tqg-home-method-node {
  display: inline-flex;
  position: relative;
  width: 96px;
  height: 96px;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  border: 2px solid var(--tqg-navy);
  border-radius: 50%;
  background: var(--tqg-gold);
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: 32px;
  box-shadow:
    inset 0 0 0 3px var(--tqg-gray-50),
    inset 0 0 0 5px var(--tqg-navy),
    0 0 0 3px var(--tqg-gray-50),
    0 0 0 5px var(--tqg-navy);
  transition: background var(--tqg-motion), box-shadow var(--tqg-motion), transform var(--tqg-motion);
}

.tqg-home-method-node::after {
  position: absolute;
  bottom: -26px;
  left: 50%;
  width: 1px;
  height: 21px;
  background: rgba(199,155,75,.72);
  content: "";
  transform: translateX(-50%);
}

.tqg-home-method-step strong {
  color: var(--tqg-navy);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .17em;
  line-height: 1.3;
  text-transform: uppercase;
}

.tqg-home-method-step small {
  display: block;
  max-width: 205px;
  margin-top: 12px;
  color: var(--tqg-muted);
  font-size: 13px;
  line-height: 1.48;
}

.tqg-home-method-step:hover .tqg-home-method-node,
.tqg-home-method-step:focus-visible .tqg-home-method-node,
.tqg-home-method-step.is-active .tqg-home-method-node,
.tqg-home-method-step.is-reached .tqg-home-method-node {
  background: var(--tqg-gold-light);
  box-shadow:
    inset 0 0 0 3px var(--tqg-gray-50),
    inset 0 0 0 5px var(--tqg-navy),
    0 0 0 3px var(--tqg-gray-50),
    0 0 0 5px var(--tqg-navy),
    0 0 24px rgba(199,155,75,.4);
  transform: translateY(-3px);
}

.tqg-home-method-step:focus-visible {
  outline: 2px solid var(--tqg-gold);
  outline-offset: 4px;
}

.tqg-home-method-quote {
  max-width: 780px;
  margin: 48px auto 0 !important;
  color: var(--tqg-navy) !important;
  font-family: var(--tqg-font-serif);
  font-size: 25px !important;
  line-height: 1.42 !important;
  text-align: center;
}

/* Compact Home-page TQ Method composition — v1.1.383 */
.tqg-home-method {
  padding-block: 50px 46px;
}

.tqg-home-method .tqg-home-centered-heading .tqg-label {
  margin-bottom: 12px;
  font-size: 11px;
}

.tqg-home-method .tqg-home-centered-heading h2 {
  font-size: clamp(44px, 3.25vw, 56px);
}

.tqg-home-method .tqg-home-centered-heading p {
  max-width: 860px;
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.5;
}

.tqg-home-method-system {
  width: min(100%, 1420px);
  max-width: 1420px;
  margin: 22px auto 0;
  padding: 46px 22px 34px;
  border-top: 1px solid rgba(199,155,75,.42);
  border-bottom: 1px solid rgba(199,155,75,.42);
  background:
    repeating-linear-gradient(0deg, rgba(7,26,51,.038) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(90deg, rgba(7,26,51,.038) 0 1px, transparent 1px 34px),
    rgba(255,255,255,.22);
}

.tqg-home-method-system::before,
.tqg-home-method-system::after {
  display: none;
}

.tqg-home-method-drawing {
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50%;
  width: 100%;
  height: 224px;
  pointer-events: none;
  transform: translateX(-50%);
}

.tqg-home-method-return-path {
  fill: none;
  stroke: rgba(7,26,51,.26);
  stroke-width: 1;
  stroke-dasharray: 5 7;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  vector-effect: non-scaling-stroke;
}

.tqg-home-method-return-arrowhead {
  fill: rgba(199,155,75,.92);
  stroke: none;
}

.tqg-home-method-annotations {
  position: absolute;
  z-index: 2;
  top: 14px;
  right: 24px;
  left: 24px;
  margin: 0;
  font-size: 9px;
}

.tqg-home-method-track::before,
.tqg-home-method-track::after {
  top: 31px;
}

.tqg-home-method-step {
  min-height: 144px;
  padding: 0 10px 4px;
}

.tqg-home-method-step::before,
.tqg-home-method-step::after {
  display: none;
}

.tqg-home-method-node {
  width: 64px;
  height: 64px;
  margin-bottom: 14px;
  font-size: 22px;
  box-shadow:
    inset 0 0 0 2px var(--tqg-gray-50),
    inset 0 0 0 4px var(--tqg-navy),
    0 0 0 2px var(--tqg-gray-50),
    0 0 0 4px var(--tqg-navy);
}

.tqg-home-method-node::before {
  position: absolute;
  inset: 5px;
  border: 1px solid var(--tqg-navy);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(255,255,255,.92);
  content: "";
  pointer-events: none;
}

.tqg-home-method-node::after {
  bottom: -13px;
  height: 10px;
}

.tqg-home-method-step strong {
  font-size: 12px;
  letter-spacing: .14em;
}

.tqg-home-method-step small {
  max-width: 172px;
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.35;
}

.tqg-home-method-step:hover .tqg-home-method-node,
.tqg-home-method-step:focus-visible .tqg-home-method-node,
.tqg-home-method-step.is-active .tqg-home-method-node,
.tqg-home-method-step.is-reached .tqg-home-method-node {
  box-shadow:
    inset 0 0 0 2px var(--tqg-gray-50),
    inset 0 0 0 4px var(--tqg-navy),
    0 0 0 2px var(--tqg-gray-50),
    0 0 0 4px var(--tqg-navy),
    0 0 14px rgba(199,155,75,.32);
}

.tqg-home-method-return-note {
  position: absolute;
  z-index: 2;
  bottom: 7px;
  left: 50%;
  padding: 2px 12px;
  background: var(--tqg-gray-50);
  color: rgba(7,26,51,.72);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .13em;
  line-height: 1.4;
  text-transform: uppercase;
  transform: translateX(-50%);
  white-space: nowrap;
}

.tqg-home-method .tqg-home-section-action {
  margin-top: 20px;
}

/* Insights */
.tqg-home-insights {
  padding-block: 82px;
}

.tqg-home-insights-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 84px;
  align-items: end;
}

.tqg-home-insights .tqg-label {
  margin-bottom: 18px;
}

.tqg-home-insights h2 {
  max-width: 760px;
}

.tqg-home-insights-grid > div:last-child {
  padding-left: 42px;
  border-left: 1px solid var(--tqg-border);
}

.tqg-home-insights-grid p {
  color: var(--tqg-muted);
  font-size: 14px;
  line-height: 1.7;
}

.tqg-home-insights-grid a:not(.tqg-btn) {
  display: inline-flex;
  margin-top: 22px;
  color: var(--tqg-gold-text);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
}

.tqg-home-insights-grid a:not(.tqg-btn)::after {
  margin-left: 12px;
  content: "→";
}

.tqg-home-insights-grid .tqg-btn {
  margin-top: 22px;
}

/* Final connection section */
.tqg-home-connect {
  padding-block: 74px;
}

.tqg-home-connect-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--tqg-border);
}

.tqg-home-connect-panel {
  padding: 40px 58px 10px 0;
}

.tqg-home-connect-panel + .tqg-home-connect-panel {
  padding-right: 0;
  padding-left: 58px;
  border-left: 1px solid rgba(7,26,51,.12);
}

.tqg-home-connect .tqg-label {
  margin-bottom: 17px;
}

.tqg-home-connect h2 {
  max-width: 580px;
  font-size: clamp(31px, 2.6vw, 42px);
}

.tqg-home-connect-panel > p {
  max-width: 570px;
  margin-top: 18px;
  color: var(--tqg-muted);
  font-size: 14px;
  line-height: 1.7;
}

.tqg-home-connect-panel > .tqg-btn {
  margin-top: 28px;
}

.tqg-home-subscribe {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.tqg-home-subscribe input {
  min-width: 250px;
  min-height: 48px;
  flex: 1 1 270px;
  padding: 0 18px;
  border: 1px solid rgba(7,26,51,.25);
  border-radius: 999px;
  background: var(--tqg-white);
  color: var(--tqg-navy);
  font-family: var(--tqg-font-sans);
  font-size: 13px;
}

.tqg-home-subscribe input:focus {
  border-color: var(--tqg-gold);
  outline: 3px solid rgba(199,155,75,.17);
}

.tqg-home-subscribe button {
  min-width: 126px;
  min-height: 48px;
  padding: 0 24px;
  border: 1.5px solid var(--tqg-gold);
  border-radius: 999px;
  background: var(--tqg-navy);
  color: var(--tqg-white);
  font-family: var(--tqg-font-sans);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: background var(--tqg-motion), color var(--tqg-motion);
}

.tqg-home-subscribe button:hover,
.tqg-home-subscribe button:focus-visible {
  background: var(--tqg-gold);
  color: var(--tqg-navy);
  outline: none;
}

.tqg-home-subscribe-status {
  width: 100%;
  min-height: 20px;
  color: var(--tqg-muted) !important;
  font-size: 11px !important;
}

@media (max-width: 1200px) {
  .tqg-home-hero-grid {
    grid-template-columns: minmax(0, .86fr) minmax(500px, 1.14fr);
    gap: 36px;
  }

  .tqg-home-network {
    width: min(100%, 450px);
  }

  .tqg-home-industry-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 24px 16px;
  }
}

@media (max-width: 980px) {
  .tqg-home-hero {
    height: auto;
    min-height: 0;
    padding-block: 68px;
  }

  .tqg-home-hero-grid {
    grid-template-columns: 1fr;
  }

  .tqg-home-hero-copy {
    max-width: 680px;
  }

  .tqg-home-network {
    width: min(100%, 700px);
    margin: 0 auto;
  }

  .tqg-home-solution-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tqg-home-difference-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tqg-home-difference-grid article:nth-child(3) {
    border-left: 0;
  }

  .tqg-home-difference-grid article:nth-child(n+3) {
    border-top: 1px solid rgba(7,26,51,.12);
  }

  .tqg-home-method-track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px 0;
  }

  .tqg-home-method-track::before,
  .tqg-home-method-track::after {
    display: none;
  }

  .tqg-home-method-system::before,
  .tqg-home-method-system::after {
    display: none;
  }

  .tqg-home-method-drawing {
    display: none;
  }

  .tqg-home-method-system {
    padding: 44px 18px 30px;
  }

  .tqg-home-method-annotations {
    margin-inline: 0;
  }

  .tqg-home-method-step {
    min-height: 132px;
  }

  .tqg-home-method-node {
    width: 58px;
    height: 58px;
    font-size: 20px;
  }

  .tqg-home-insights-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .tqg-home-insights-grid > div:last-child {
    padding: 30px 0 0;
    border-top: 1px solid var(--tqg-border);
    border-left: 0;
  }
}

@media (max-width: 700px) {
  .tqg-home-hero-copy h1 {
    font-size: clamp(43px, 12vw, 58px);
  }

  .tqg-home-network {
    display: grid;
    width: 100%;
    aspect-ratio: auto;
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 36px;
    padding: 0;
  }

  .tqg-home-network-grid,
  .tqg-home-network-ring,
  .tqg-home-network-axis,
  .tqg-home-network-dimensions,
  .tqg-home-network-svg {
    display: none;
  }

  .tqg-home-network-center {
    position: relative;
    top: auto;
    left: auto;
    width: 166px;
    height: 166px;
    margin: 0 auto 20px;
    transform: none;
  }

  .tqg-home-network-node {
    display: grid;
    position: relative;
    top: auto !important;
    left: auto !important;
    width: 100%;
    height: 64px;
    grid-template-columns: 52px 1fr;
    align-items: center;
    padding: 5px 16px;
    border: 1px solid rgba(216,180,107,.25);
    transform: none;
  }

  .tqg-home-network-point {
    position: relative;
    top: auto;
    left: auto;
    width: 36px;
    height: 36px;
    grid-column: 1;
    grid-row: 1;
    transform: none;
  }

  .tqg-home-network-label,
  .tqg-home-network .node-talent .tqg-home-network-label,
  .tqg-home-network .node-design .tqg-home-network-label,
  .tqg-home-network .node-performance .tqg-home-network-label,
  .tqg-home-network .node-experience .tqg-home-network-label,
  .tqg-home-network .node-leadership .tqg-home-network-label,
  .tqg-home-network .node-workforce .tqg-home-network-label {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    grid-column: 2;
    grid-row: 1;
    text-align: left;
    transform: none;
  }

  .tqg-home-industry-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tqg-home-solution-grid,
  .tqg-home-difference-grid,
  .tqg-home-method-track,
  .tqg-home-connect-grid {
    grid-template-columns: 1fr;
  }

  .tqg-home-difference-grid article + article {
    border-top: 1px solid rgba(7,26,51,.12);
    border-left: 0;
  }

  .tqg-home-method-system {
    padding: 42px 14px 28px;
  }

  .tqg-home-method-track {
    gap: 0;
  }

  .tqg-home-method-step {
    display: grid;
    min-height: 0;
    grid-template-columns: 48px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 14px;
    align-items: center;
    padding: 12px 4px;
    border-top: 1px solid rgba(7,26,51,.10);
    text-align: left;
  }

  .tqg-home-method-step::before,
  .tqg-home-method-step::after {
    display: none;
  }

  .tqg-home-method-node {
    width: 48px;
    height: 48px;
    grid-column: 1;
    grid-row: 1 / span 2;
    margin: 0;
    font-size: 18px;
  }

  .tqg-home-method-node::after {
    display: none;
  }

  .tqg-home-method-step strong,
  .tqg-home-method-step small {
    max-width: none;
    text-align: left;
  }

  .tqg-home-method-step strong {
    align-self: end;
  }

  .tqg-home-method-step small {
    align-self: start;
    margin-top: 3px;
  }

  .tqg-home-method-return-note {
    position: relative;
    bottom: auto;
    left: auto;
    width: max-content;
    max-width: 100%;
    margin: 13px auto 0;
    transform: none;
    white-space: normal;
    text-align: center;
  }

  .tqg-home-connect-panel,
  .tqg-home-connect-panel + .tqg-home-connect-panel {
    padding: 36px 0;
  }

  .tqg-home-connect-panel + .tqg-home-connect-panel {
    border-top: 1px solid rgba(7,26,51,.12);
    border-left: 0;
  }
}

@media (max-width: 460px) {
  .tqg-home-industry-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tqg-home-solution {
    padding-inline: 24px;
  }

  .tqg-home-subscribe {
    flex-direction: column;
  }

  .tqg-home-subscribe input,
  .tqg-home-subscribe button {
    width: 100%;
  }
}

/* =========================================================
   SOLUTIONS v1.1.16
   Solution Architecture, explorer, and engagement pathways
   ========================================================= */

#tqg-solutions-page .tqg-solutions-hero {
  min-height: 0;
  overflow: hidden;
  padding: 64px 0 58px;
}

#tqg-solutions-page .tqg-solutions-hero > .tqg-container {
  width: min(100%, 1540px);
  max-width: 1540px;
  grid-template-columns: minmax(0, .75fr) minmax(660px, 1.25fr);
  gap: clamp(42px, 4vw, 72px);
  padding-inline: 42px;
}

#tqg-solutions-page .tqg-page-hero-copy {
  max-width: 590px;
}

#tqg-solutions-page .tqg-page-hero-copy .tqg-h1 {
  max-width: 590px;
  font-size: clamp(42px, 3.25vw, 58px);
  line-height: 1.03;
}

#tqg-solutions-page .tqg-page-hero-copy p {
  max-width: 555px;
  font-size: 15px;
  line-height: 1.65;
}

#tqg-solutions-page .tqg-page-hero-copy .tqg-btn-group {
  gap: 14px;
}

#tqg-solutions-page .tqg-page-hero-copy .tqg-btn {
  min-width: 215px;
  height: 48px;
  padding-inline: 23px;
}

#tqg-solutions-page .tqg-solution-architecture {
  --tqg-active-column: 1;
  width: 100%;
  min-width: 0;
  color: var(--tqg-white);
}

#tqg-solutions-page .tqg-architecture-heading {
  display: grid;
  grid-template-columns: minmax(32px, 1fr) auto minmax(32px, 1fr);
  gap: 16px;
  align-items: center;
  margin-bottom: 18px;
}

#tqg-solutions-page .tqg-architecture-heading span {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(216,180,107,.8));
}

#tqg-solutions-page .tqg-architecture-heading span:last-child {
  background: linear-gradient(90deg, rgba(216,180,107,.8), transparent);
}

#tqg-solutions-page .tqg-architecture-heading h2 {
  margin: 0;
  color: var(--tqg-gold-light);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .2em;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}

#tqg-solutions-page .tqg-architecture-stage {
  position: relative;
  min-height: 380px;
  padding: 58px 14px 32px;
  border-top: 1px solid rgba(216,180,107,.22);
  border-bottom: 1px solid rgba(216,180,107,.22);
}

#tqg-solutions-page .tqg-architecture-cornice,
#tqg-solutions-page .tqg-architecture-foundation {
  position: absolute;
  right: 8px;
  left: 8px;
  z-index: 4;
  height: 28px;
  pointer-events: none;
}

#tqg-solutions-page .tqg-architecture-cornice {
  top: 19px;
  border-top: 1px solid rgba(216,180,107,.6);
  border-bottom: 1px solid rgba(216,180,107,.38);
  background: linear-gradient(180deg, rgba(216,180,107,.08), transparent);
}

#tqg-solutions-page .tqg-architecture-foundation {
  bottom: 7px;
  border-top: 1px solid rgba(216,180,107,.52);
  border-bottom: 1px solid rgba(216,180,107,.28);
}

#tqg-solutions-page .tqg-architecture-cornice::before,
#tqg-solutions-page .tqg-architecture-cornice::after,
#tqg-solutions-page .tqg-architecture-foundation::before,
#tqg-solutions-page .tqg-architecture-foundation::after {
  content: "";
  position: absolute;
  right: 2%;
  left: 2%;
  height: 1px;
  background: rgba(216,180,107,.26);
}

#tqg-solutions-page .tqg-architecture-cornice::before { top: 7px; }
#tqg-solutions-page .tqg-architecture-cornice::after { bottom: 7px; }
#tqg-solutions-page .tqg-architecture-foundation::before { top: 7px; }
#tqg-solutions-page .tqg-architecture-foundation::after { bottom: 7px; }

#tqg-solutions-page .tqg-architecture-cornice span,
#tqg-solutions-page .tqg-architecture-foundation span {
  position: absolute;
  top: -5px;
  width: 7px;
  height: calc(100% + 10px);
  border-right: 1px solid rgba(216,180,107,.28);
  border-left: 1px solid rgba(216,180,107,.28);
}

#tqg-solutions-page .tqg-architecture-cornice span:nth-child(1),
#tqg-solutions-page .tqg-architecture-foundation span:nth-child(1) { left: 4%; }
#tqg-solutions-page .tqg-architecture-cornice span:nth-child(2),
#tqg-solutions-page .tqg-architecture-foundation span:nth-child(2) { left: 50%; }
#tqg-solutions-page .tqg-architecture-cornice span:nth-child(3),
#tqg-solutions-page .tqg-architecture-foundation span:nth-child(3) { right: 4%; }

#tqg-solutions-page .tqg-blueprint-guides {
  position: absolute;
  inset: 0;
  opacity: .1;
  background-image:
    linear-gradient(rgba(216,180,107,.32) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,180,107,.32) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
  pointer-events: none;
}

#tqg-solutions-page .tqg-architecture-facade {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

#tqg-solutions-page .tqg-architecture-facade path,
#tqg-solutions-page .tqg-architecture-facade circle {
  fill: none;
  stroke: url(#tqg-facade-gold);
  stroke-width: .85;
  vector-effect: non-scaling-stroke;
}

#tqg-solutions-page .tqg-architecture-facade symbol,
#tqg-solutions-page .tqg-architecture-facade use {
  fill: none !important;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-bay-lines {
  opacity: .78;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-shared-columns {
  opacity: .68;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-shared-column path:first-child {
  fill: rgba(216,180,107,.025);
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-arcade {
  opacity: .88;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-impost {
  opacity: .82;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-keystone {
  fill: rgba(216,180,107,.045);
  opacity: .86;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-dentils {
  opacity: .42;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-capital {
  opacity: .96;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-door {
  opacity: .56;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-door path:first-child {
  fill: rgba(216,180,107,.02);
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-ornament {
  opacity: .58;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-entablature,
#tqg-solutions-page .tqg-architecture-facade .tqg-svg-foundation {
  opacity: .72;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-construction {
  opacity: .12;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-construction path {
  stroke-dasharray: 4 6;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-annotations {
  opacity: .3;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-annotations path,
#tqg-solutions-page .tqg-architecture-facade .tqg-svg-annotations circle {
  stroke: rgba(216,180,107,.68);
  stroke-width: .7;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-annotations text {
  fill: rgba(216,180,107,.74);
  font-family: var(--tqg-font-sans);
  font-size: 6px;
  font-weight: 500;
  letter-spacing: .13em;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-centerlines {
  opacity: .48;
  stroke-dasharray: 3 7;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-projection {
  opacity: .44;
  stroke-dasharray: 2 5;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-dimension {
  opacity: .7;
}

#tqg-solutions-page .tqg-architecture-cornice,
#tqg-solutions-page .tqg-architecture-foundation,
#tqg-solutions-page .tqg-bay-pillar {
  display: none;
}

#tqg-solutions-page .tqg-architecture-connections {
  position: absolute;
  right: 2%;
  bottom: 39px;
  left: 2%;
  z-index: 3;
  width: 96%;
  height: calc(100% - 62px);
  overflow: visible;
  pointer-events: none;
}

#tqg-solutions-page .tqg-architecture-connections path {
  fill: none;
  stroke: rgba(216,180,107,.58);
  stroke-width: 1.4;
  vector-effect: non-scaling-stroke;
  transition: opacity var(--tqg-motion), stroke var(--tqg-motion);
}

#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay:hover) .tqg-architecture-connections path,
#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay:focus-visible) .tqg-architecture-connections path {
  stroke: rgba(216,180,107,.88);
}

#tqg-solutions-page .tqg-architecture-bays {
  position: relative;
  z-index: 4;
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: end;
  filter: drop-shadow(0 8px 14px rgba(0,0,0,.08));
}

#tqg-solutions-page .tqg-architecture-bay {
  position: relative;
  display: flex;
  min-width: 0;
  height: 282px;
  flex-direction: column;
  align-items: center;
  padding: 76px 15px 23px;
  border: 0;
  border-top: 1px solid transparent;
  border-radius: 72px 72px 0 0;
  background:
    radial-gradient(ellipse at 50% 18%, rgba(216,180,107,.012), transparent 56%),
    linear-gradient(180deg, rgba(216,180,107,.008), transparent 74%);
  color: var(--tqg-white);
  font: inherit;
  cursor: pointer;
  transition: border-color var(--tqg-motion), background var(--tqg-motion), transform var(--tqg-motion);
}

#tqg-solutions-page .tqg-architecture-bay::before,
#tqg-solutions-page .tqg-architecture-bay::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#tqg-solutions-page .tqg-architecture-bay::before {
  display: none;
}

#tqg-solutions-page .tqg-architecture-bay::after {
  display: none;
}

#tqg-solutions-page .tqg-architecture-bay:hover,
#tqg-solutions-page .tqg-architecture-bay:focus-visible,
#tqg-solutions-page .tqg-architecture-bay.is-active {
  z-index: 3;
  border-color: var(--tqg-gold-light);
  background:
    radial-gradient(ellipse at 50% 20%, rgba(216,180,107,.13), transparent 56%),
    linear-gradient(180deg, rgba(216,180,107,.08), rgba(216,180,107,.018) 78%);
  transform: none;
  outline: none;
}

#tqg-solutions-page .tqg-architecture-bay:focus-visible {
  box-shadow: 0 0 0 2px var(--tqg-navy), 0 0 0 4px var(--tqg-gold-light);
}

#tqg-solutions-page .tqg-architecture-bay.is-active::before,
#tqg-solutions-page .tqg-architecture-bay:hover::before,
#tqg-solutions-page .tqg-architecture-bay:focus-visible::before {
  border-color: rgba(216,180,107,.8);
}

#tqg-solutions-page .tqg-bay-number {
  position: relative;
  z-index: 3;
  color: rgba(255,255,255,.9);
  font-family: var(--tqg-font-serif);
  font-size: 22px;
  line-height: 1;
  transition: color var(--tqg-motion);
}

#tqg-solutions-page .tqg-bay-number::after {
  content: "";
  display: block;
  width: 28px;
  height: 1px;
  margin: 8px auto 0;
  background: linear-gradient(90deg, transparent, rgba(216,180,107,.88) 22%, rgba(216,180,107,.88) 78%, transparent);
}

#tqg-solutions-page .tqg-bay-ornament {
  position: absolute;
  top: 52px;
  left: 50%;
  z-index: 3;
  width: 38px;
  height: 14px;
  border-top: 1px solid rgba(216,180,107,.4);
  border-bottom: 1px solid rgba(216,180,107,.22);
  transform: translateX(-50%);
  pointer-events: none;
}

#tqg-solutions-page .tqg-bay-ornament::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 7px;
  border: 1px solid rgba(216,180,107,.62);
  background: var(--tqg-navy);
  transform: translate(-50%, -50%) rotate(45deg);
  z-index: 1;
}

#tqg-solutions-page .tqg-bay-ornament::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  left: 5px;
  height: 1px;
  background: rgba(216,180,107,.34);
  transform: translateY(-50%);
  z-index: 0;
}

#tqg-solutions-page .tqg-bay-name {
  position: relative;
  z-index: 3;
  min-height: 42px;
  margin-top: 7px;
  color: rgba(255,255,255,.92);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.45;
  text-align: center;
  text-transform: uppercase;
}

#tqg-solutions-page .tqg-bay-pillar {
  position: absolute;
  top: 58px;
  bottom: 14px;
  z-index: 2;
  width: 13px;
  border-right: 1px solid rgba(216,180,107,.5);
  border-left: 1px solid rgba(216,180,107,.5);
  background:
    linear-gradient(90deg, transparent, rgba(216,180,107,.16) 45%, transparent 55%),
    linear-gradient(180deg, rgba(216,180,107,.14), transparent 18%, transparent 82%, rgba(216,180,107,.1));
  box-shadow: inset 3px 0 rgba(216,180,107,.08), inset -3px 0 rgba(216,180,107,.08);
  pointer-events: none;
}

#tqg-solutions-page .tqg-bay-pillar::before,
#tqg-solutions-page .tqg-bay-pillar::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 27px;
  height: 7px;
  border-top: 1px solid rgba(216,180,107,.58);
  border-bottom: 1px solid rgba(216,180,107,.4);
  background: rgba(7,26,51,.94);
  transform: translateX(-50%);
}

#tqg-solutions-page .tqg-bay-pillar::before {
  top: -5px;
  box-shadow: 0 5px rgba(216,180,107,.1);
}

#tqg-solutions-page .tqg-bay-pillar::after {
  bottom: -3px;
  box-shadow: 0 -5px rgba(216,180,107,.1);
}

#tqg-solutions-page .tqg-bay-pillar-left { left: 4px; }
#tqg-solutions-page .tqg-bay-pillar-right { right: 4px; }

#tqg-solutions-page .tqg-architecture-bay.is-active .tqg-bay-number,
#tqg-solutions-page .tqg-architecture-bay.is-active .tqg-bay-name,
#tqg-solutions-page .tqg-architecture-bay:hover .tqg-bay-number,
#tqg-solutions-page .tqg-architecture-bay:hover .tqg-bay-name,
#tqg-solutions-page .tqg-architecture-bay:focus-visible .tqg-bay-number,
#tqg-solutions-page .tqg-architecture-bay:focus-visible .tqg-bay-name {
  color: var(--tqg-gold-light);
}

#tqg-solutions-page .tqg-bay-door {
  display: none;
}

#tqg-solutions-page .tqg-bay-door::before,
#tqg-solutions-page .tqg-bay-door::after {
  content: "";
  position: absolute;
  right: -12px;
  left: -12px;
  height: 1px;
  background: rgba(216,180,107,.3);
}

#tqg-solutions-page .tqg-bay-door::before { top: -8px; }
#tqg-solutions-page .tqg-bay-door::after { bottom: -8px; }

#tqg-solutions-page .tqg-architecture-detail {
  width: calc(100% / 6);
  height: 98px;
  margin-left: calc((var(--tqg-active-column) - 1) * (100% / 6));
  padding: 13px 5px 0;
  overflow: visible;
  text-align: center;
  transition: margin-left var(--tqg-motion);
}

#tqg-solutions-page .tqg-architecture-detail p {
  display: flex;
  height: 54px;
  align-items: flex-start;
  justify-content: center;
  margin: 0 0 4px;
  overflow: hidden;
  color: var(--tqg-gold-light);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .07em;
  line-height: 1.4;
  text-transform: uppercase;
}

#tqg-solutions-page .tqg-architecture-detail a {
  display: inline-block;
  color: var(--tqg-white);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .12em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

#tqg-solutions-page .tqg-architecture-detail a:hover,
#tqg-solutions-page .tqg-architecture-detail a:focus-visible {
  color: var(--tqg-gold-light);
  outline: 2px solid var(--tqg-gold-light);
  outline-offset: 3px;
}

#tqg-solutions-page .tqg-solutions-positioning {
  padding: 76px 0;
  background: var(--tqg-white);
}

#tqg-solutions-page .tqg-solutions-positioning-grid {
  display: grid;
  grid-template-columns: minmax(220px, .52fr) minmax(0, 1.48fr);
  gap: clamp(46px, 8vw, 126px);
  align-items: start;
}

#tqg-solutions-page .tqg-solutions-positioning .tqg-h2 {
  max-width: 830px;
}

#tqg-solutions-page .tqg-solutions-positioning p {
  max-width: 810px;
  margin-top: 22px;
  color: var(--tqg-muted);
  font-size: 15px;
  line-height: 1.75;
}

#tqg-solutions-page .tqg-solution-explorer {
  padding: 82px 0 88px;
  background: var(--tqg-gray);
}

#tqg-solutions-page .tqg-explorer-heading {
  display: grid;
  grid-template-columns: minmax(220px, .52fr) minmax(0, 1.48fr);
  column-gap: clamp(46px, 8vw, 126px);
  margin-bottom: 46px;
}

#tqg-solutions-page .tqg-explorer-heading-copy {
  min-width: 0;
}

#tqg-solutions-page .tqg-explorer-heading-copy > p {
  max-width: 790px;
  margin-top: 14px;
  color: var(--tqg-muted);
  font-size: 15px;
  line-height: 1.7;
}

#tqg-solutions-page .tqg-explorer-heading-copy > p + p {
  margin-top: 10px;
}

#tqg-solutions-page .tqg-explorer-shell {
  display: grid;
  grid-template-columns: minmax(265px, .58fr) minmax(0, 1.42fr);
  border-top: 1px solid var(--tqg-border);
  border-bottom: 1px solid var(--tqg-border);
  background: rgba(255,255,255,.5);
}

#tqg-solutions-page .tqg-solution-tabs {
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(199,155,75,.5);
}

#tqg-solutions-page .tqg-solution-tab {
  position: relative;
  display: grid;
  min-height: 68px;
  grid-template-columns: 38px 1fr;
  gap: 8px;
  align-items: center;
  padding: 14px 20px;
  border: 0;
  border-bottom: 1px solid rgba(199,155,75,.3);
  background: transparent;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: 17px;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
  transition: background var(--tqg-motion), color var(--tqg-motion), padding var(--tqg-motion);
}

#tqg-solutions-page .tqg-solution-tab:last-child {
  border-bottom: 0;
}

#tqg-solutions-page .tqg-solution-tab::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: transparent;
}

#tqg-solutions-page .tqg-solution-tab span {
  color: var(--tqg-gold-text);
  font-family: var(--tqg-font-serif);
  font-size: 18px;
}

#tqg-solutions-page .tqg-solution-tab:hover,
#tqg-solutions-page .tqg-solution-tab.is-active {
  padding-left: 26px;
  background: var(--tqg-white);
}

#tqg-solutions-page .tqg-solution-tab.is-active::before {
  background: var(--tqg-gold);
}

#tqg-solutions-page .tqg-solution-tab:focus-visible {
  z-index: 2;
  outline: 2px solid var(--tqg-navy);
  outline-offset: -4px;
}

#tqg-solutions-page .tqg-solution-panels {
  min-width: 0;
}

#tqg-solutions-page .tqg-solution-panel {
  display: grid;
  min-height: 406px;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
  gap: clamp(42px, 5vw, 76px);
  padding: 44px clamp(32px, 4vw, 62px);
  background: var(--tqg-white);
}

#tqg-solutions-page .tqg-solution-panel[hidden] {
  display: none;
}

#tqg-solutions-page .tqg-panel-title {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 16px;
  margin-bottom: 22px;
}

#tqg-solutions-page .tqg-panel-title > span {
  color: var(--tqg-gold-text);
  font-family: var(--tqg-font-serif);
  font-size: 34px;
  line-height: 1;
}

#tqg-solutions-page .tqg-panel-title h3 {
  margin: -3px 0 5px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: clamp(27px, 2.2vw, 34px);
  font-weight: 500;
  line-height: 1.08;
}

#tqg-solutions-page .tqg-panel-promise {
  color: var(--tqg-gold-text);
  font-family: var(--tqg-font-serif);
  font-size: 16px;
  font-style: italic;
  line-height: 1.4;
}

#tqg-solutions-page .tqg-panel-main > p:not(.tqg-panel-promise) {
  color: var(--tqg-text);
  font-size: 14px;
  line-height: 1.7;
}

#tqg-solutions-page .tqg-solution-panel h4 {
  margin: 25px 0 14px;
  color: var(--tqg-navy);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .13em;
  text-transform: uppercase;
}

#tqg-solutions-page .tqg-signal-list,
#tqg-solutions-page .tqg-panel-outcomes > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#tqg-solutions-page .tqg-signal-list li,
#tqg-solutions-page .tqg-panel-outcomes > ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 22px;
  color: var(--tqg-muted);
  font-size: 13px;
  line-height: 1.5;
}

#tqg-solutions-page .tqg-signal-list li::before {
  content: "";
  position: absolute;
  top: .7em;
  left: 1px;
  width: 8px;
  height: 1px;
  background: var(--tqg-gold);
}

#tqg-solutions-page .tqg-panel-outcomes > ul li::before {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;
  color: var(--tqg-gold-text);
  font-size: 14px;
}

#tqg-solutions-page .tqg-connected-considerations {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(199,155,75,.35);
}

#tqg-solutions-page .tqg-connected-considerations > span {
  color: var(--tqg-navy);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .13em;
  text-transform: uppercase;
}

#tqg-solutions-page .tqg-connected-considerations p {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin-top: 8px;
  color: var(--tqg-muted);
  font-size: 11px;
  line-height: 1.6;
}

#tqg-solutions-page .tqg-connected-considerations p > span {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
}

#tqg-solutions-page .tqg-connected-considerations p > span + span::before {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 4px;
  height: 4px;
  margin: 0 10px 2px 0;
  border-radius: 50%;
  background: var(--tqg-gold);
}

#tqg-solutions-page .tqg-panel-outcomes > a {
  display: inline-block;
  margin-top: 22px;
  color: var(--tqg-gold-text);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .13em;
  text-decoration: none;
  text-transform: uppercase;
}

#tqg-solutions-page .tqg-panel-outcomes > a:hover,
#tqg-solutions-page .tqg-panel-outcomes > a:focus-visible {
  color: var(--tqg-navy);
  outline: 2px solid var(--tqg-gold);
  outline-offset: 4px;
}

#tqg-solutions-page .tqg-engagement-paths {
  padding: 82px 0 44px;
  background: var(--tqg-white);
}

#tqg-solutions-page .tqg-engagement-heading {
  display: grid;
  grid-template-columns: minmax(220px, .52fr) minmax(0, 1.48fr);
  gap: clamp(46px, 8vw, 126px);
  margin-bottom: 44px;
}

#tqg-solutions-page .tqg-engagement-heading .tqg-h2 {
  max-width: 800px;
}

/* v1.1.421 — Match final CTA kicker sizing to the corresponding section labels. */
#tqg-solutions-page .tqg-standard-final-cta .tqg-label,
.tqg-site.tqg-solution-detail .tqg-standard-final-cta .tqg-label {
  font-size: 14px !important;
}

#tqg-solutions-page .tqg-engagement-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--tqg-border);
  border-bottom: 1px solid var(--tqg-border);
}

#tqg-solutions-page .tqg-engagement-grid article {
  min-height: 326px;
  padding: 32px 36px 38px;
}

#tqg-solutions-page .tqg-engagement-grid article + article {
  border-left: 1px solid rgba(199,155,75,.45);
}

#tqg-solutions-page .tqg-engagement-number {
  display: flex;
  width: 100%;
  gap: 15px;
  align-items: center;
  color: var(--tqg-gold-text);
  font-family: var(--tqg-font-serif);
  font-size: 30px;
}

#tqg-solutions-page .tqg-engagement-number::after {
  content: "";
  height: 1px;
  flex: 1 1 auto;
  background:
    radial-gradient(circle at right, var(--tqg-gold) 0 2px, transparent 2.5px),
    linear-gradient(90deg, rgba(199,155,75,.58), rgba(199,155,75,.18));
}

#tqg-solutions-page .tqg-engagement-grid h3 {
  margin: 28px 0 13px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: 25px;
  font-weight: 500;
  line-height: 1.15;
}

#tqg-solutions-page .tqg-engagement-grid p {
  color: var(--tqg-muted);
  font-size: 14px;
  line-height: 1.65;
}

#tqg-solutions-page .tqg-engagement-grid .tqg-engagement-fit {
  margin-top: 22px;
  padding-top: 17px;
  border-top: 1px solid rgba(199,155,75,.24);
  color: var(--tqg-text);
}

#tqg-solutions-page .tqg-engagement-fit strong {
  display: block;
  margin-bottom: 7px;
  color: var(--tqg-gold-text);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .15em;
  text-transform: uppercase;
}

#tqg-solutions-page .tqg-engagement-assurance {
  display: grid;
  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
  gap: 18px;
  align-items: center;
  max-width: 760px;
  margin: 30px auto 0;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: 18px;
  line-height: 1.35;
  text-align: center;
}

#tqg-solutions-page .tqg-engagement-assurance span {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(199,155,75,.62));
}

#tqg-solutions-page .tqg-engagement-assurance span:last-child {
  background: linear-gradient(90deg, rgba(199,155,75,.62), transparent);
}

#tqg-solutions-page .tqg-solutions-cta .tqg-final-cta-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  align-items: center;
  padding-top: 34px;
}

#tqg-solutions-page .tqg-solutions-cta {
  padding: 72px 0 68px;
}

#tqg-solutions-page .tqg-solutions-cta .tqg-btn {
  width: auto;
  min-width: 260px;
  max-width: none;
  justify-self: start;
  border-color: var(--tqg-navy);
  background: var(--tqg-navy);
  color: var(--tqg-white);
}

#tqg-solutions-page .tqg-solutions-cta-action {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
}

#tqg-solutions-page .tqg-solutions-cta-action p {
  width: 100%;
  max-width: 320px;
  color: var(--tqg-muted);
  font-size: 11px;
  letter-spacing: .04em;
  line-height: 1.45;
  text-align: center;
}

#tqg-solutions-page .tqg-solutions-cta .tqg-btn:hover,
#tqg-solutions-page .tqg-solutions-cta .tqg-btn:focus-visible {
  border-color: var(--tqg-gold);
  background: var(--tqg-gold);
  color: var(--tqg-navy);
}

body:has(#tqg-solutions-page) .sharedaddy,
body:has(#tqg-solutions-page) .sd-sharing-enabled,
body:has(#tqg-solutions-page) .addtoany_share_save_container {
  display: none !important;
}

@media (max-width: 1180px) {
  #tqg-solutions-page .tqg-solutions-hero > .tqg-container {
    width: min(100%, 1120px);
    grid-template-columns: minmax(0, .82fr) minmax(580px, 1.18fr);
    gap: 30px;
    padding-inline: 32px;
  }

  #tqg-solutions-page .tqg-page-hero-copy .tqg-h1 {
    font-size: clamp(39px, 4vw, 50px);
  }

  #tqg-solutions-page .tqg-page-hero-copy .tqg-btn {
    min-width: 188px;
    padding-inline: 17px;
  }

  #tqg-solutions-page .tqg-architecture-bay {
    height: 260px;
  }

  #tqg-solutions-page .tqg-bay-name {
    font-size: 9px;
  }

  #tqg-solutions-page .tqg-solution-panel {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  #tqg-solutions-page .tqg-solutions-cta .tqg-final-cta-grid {
    grid-template-columns: 1fr;
  }

  #tqg-solutions-page .tqg-solutions-cta-action {
    align-items: flex-start;
  }
}

@media (max-width: 1024px) {
  #tqg-solutions-page .tqg-solutions-hero > .tqg-container {
    width: min(100%, 820px);
    grid-template-columns: 1fr;
    gap: 54px;
    padding-inline: 28px;
  }

  #tqg-solutions-page .tqg-page-hero-copy {
    max-width: 690px;
  }

  #tqg-solutions-page .tqg-solution-architecture {
    max-width: 800px;
  }

  #tqg-solutions-page .tqg-solutions-positioning-grid,
  #tqg-solutions-page .tqg-explorer-heading,
  #tqg-solutions-page .tqg-engagement-heading {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  #tqg-solutions-page .tqg-explorer-heading .tqg-label {
    grid-row: auto;
  }

  #tqg-solutions-page .tqg-explorer-shell {
    grid-template-columns: 1fr;
  }

  #tqg-solutions-page .tqg-solution-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-right: 0;
    border-bottom: 1px solid rgba(199,155,75,.5);
  }

  #tqg-solutions-page .tqg-solution-tab {
    min-height: 76px;
    border-right: 1px solid rgba(199,155,75,.3);
  }

  #tqg-solutions-page .tqg-solution-tab:nth-child(3n) {
    border-right: 0;
  }
}

@media (max-width: 767px) {
  #tqg-solutions-page .tqg-solutions-hero {
    padding: 58px 0 52px;
  }

  #tqg-solutions-page .tqg-solutions-hero > .tqg-container {
    padding-inline: 18px;
  }

  #tqg-solutions-page .tqg-page-hero-copy .tqg-h1 {
    font-size: clamp(38px, 12vw, 48px);
  }

  #tqg-solutions-page .tqg-page-hero-copy .tqg-btn {
    width: 100%;
    min-width: 0;
  }

  #tqg-solutions-page .tqg-architecture-heading {
    grid-template-columns: 24px 1fr 24px;
    gap: 9px;
  }

  #tqg-solutions-page .tqg-architecture-stage {
    min-height: 0;
    padding: 22px 0 14px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-color: var(--tqg-gold) rgba(255,255,255,.1);
  }

  #tqg-solutions-page .tqg-architecture-bays {
    width: 720px;
    padding-inline: 10px;
  }

  #tqg-solutions-page .tqg-architecture-cornice,
  #tqg-solutions-page .tqg-architecture-foundation {
    right: auto;
    left: 8px;
    width: 704px;
  }

  #tqg-solutions-page .tqg-architecture-facade {
    width: 720px;
    max-width: none;
  }

  #tqg-solutions-page .tqg-architecture-connections {
    width: 700px;
    max-width: none;
  }

  #tqg-solutions-page .tqg-architecture-bay {
    height: 238px;
  }

  #tqg-solutions-page .tqg-bay-name {
    font-size: 9px;
  }

  #tqg-solutions-page .tqg-architecture-detail {
    width: 100%;
    margin-left: 0;
    padding-inline: 22px;
  }

  #tqg-solutions-page .tqg-architecture-detail p,
  #tqg-solutions-page .tqg-architecture-detail a {
    font-size: 10px;
  }

  #tqg-solutions-page .tqg-solutions-positioning,
  #tqg-solutions-page .tqg-solution-explorer {
    padding: 64px 0;
  }

  #tqg-solutions-page .tqg-engagement-paths {
    padding: 64px 0 40px;
  }

  #tqg-solutions-page .tqg-solution-tabs {
    grid-template-columns: 1fr;
  }

  #tqg-solutions-page .tqg-solution-tab,
  #tqg-solutions-page .tqg-solution-tab:nth-child(3n) {
    min-height: 58px;
    border-right: 0;
  }

  #tqg-solutions-page .tqg-solution-panel {
    min-height: 0;
    padding: 34px 22px 40px;
  }

  #tqg-solutions-page .tqg-panel-title {
    grid-template-columns: 42px 1fr;
    gap: 10px;
  }

  #tqg-solutions-page .tqg-panel-title > span {
    font-size: 29px;
  }

  #tqg-solutions-page .tqg-engagement-grid {
    grid-template-columns: 1fr;
  }

  #tqg-solutions-page .tqg-engagement-grid article {
    min-height: 0;
    padding: 30px 24px 34px;
  }

  #tqg-solutions-page .tqg-engagement-grid article + article {
    border-top: 1px solid rgba(199,155,75,.45);
    border-left: 0;
  }

  #tqg-solutions-page .tqg-engagement-assurance {
    grid-template-columns: 28px 1fr 28px;
    gap: 10px;
    font-size: 16px;
  }

  #tqg-solutions-page .tqg-solutions-cta .tqg-btn {
    width: 100%;
    min-width: 0;
  }

  #tqg-solutions-page .tqg-solutions-cta-action,
  #tqg-solutions-page .tqg-solutions-cta-action p {
    width: 100%;
    max-width: none;
  }
}

/* =========================================================
   WHY TQG v1.1
   Transformation Bridge, difference panels, and principles
   ========================================================= */

.tqg-site .tqg-btn-dark {
  border-color: var(--tqg-navy);
  background: transparent;
  color: var(--tqg-navy);
}

.tqg-site .tqg-btn-dark:hover,
.tqg-site .tqg-btn-dark:focus-visible {
  border-color: var(--tqg-navy);
  background: var(--tqg-navy);
  color: var(--tqg-white);
}

#tqg-why-page .tqg-why-hero {
  min-height: 0 !important;
  align-items: flex-start !important;
  overflow: hidden;
  padding: 64px 0 58px !important;
}

#tqg-why-page .tqg-why-hero > .tqg-container {
  width: min(100%, 1540px) !important;
  max-width: 1540px !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(36px, 4vw, 62px);
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 42px !important;
  padding-left: 42px !important;
}

#tqg-why-page .tqg-page-hero-copy {
  position: relative;
  left: auto !important;
  width: 100%;
  max-width: 590px;
  margin: 0 !important;
  transform: none !important;
}

#tqg-why-page .tqg-page-hero-copy .tqg-h1 {
  max-width: 590px;
  font-size: clamp(42px, 3.45vw, 58px) !important;
  line-height: 1.03 !important;
}

#tqg-why-page .tqg-page-hero-copy p {
  max-width: 555px;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

#tqg-why-page .tqg-page-hero-copy .tqg-btn-group {
  width: auto !important;
  gap: 14px;
}

#tqg-why-page .tqg-page-hero-copy .tqg-btn {
  width: auto !important;
  min-width: 215px;
  height: 48px;
  flex: 0 0 auto !important;
  padding-inline: 23px;
}

#tqg-why-page .tqg-transformation-bridge {
  width: 100%;
  max-width: 690px;
  min-width: 0;
  margin: 0 auto;
  color: var(--tqg-white);
}

#tqg-why-page .tqg-transformation-bridge figcaption {
  margin: 0 0 22px;
  color: var(--tqg-gold-light);
  font-family: var(--tqg-font-serif);
  font-size: clamp(27px, 2.25vw, 38px);
  font-weight: 400;
  line-height: 1.08;
  text-align: center;
}

#tqg-why-page .tqg-bridge-state-labels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0 100px -4px 82px;
  color: rgba(255,255,255,.86);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .15em;
  text-align: center;
  text-transform: uppercase;
}

#tqg-why-page .tqg-bridge-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  aspect-ratio: 860 / 390;
}

#tqg-why-page .tqg-bridge-drafting,
#tqg-why-page .tqg-bridge-mesh {
  fill: none;
  stroke: rgba(199,155,75,.3);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

#tqg-why-page .tqg-bridge-shell {
  fill: rgba(199,155,75,.055);
  stroke: rgba(216,180,107,.42);
  stroke-width: 1.15;
  vector-effect: non-scaling-stroke;
}

#tqg-why-page .tqg-bridge-drafting {
  stroke: rgba(199,155,75,.2);
  stroke-dasharray: 3 5;
}

#tqg-why-page .tqg-bridge-mesh .tqg-bridge-contour {
  stroke: rgba(216,180,107,.94);
  stroke-width: 2.25;
  filter: drop-shadow(0 0 3px rgba(199,155,75,.32));
}

#tqg-why-page .tqg-bridge-mesh .tqg-bridge-entrance,
#tqg-why-page .tqg-bridge-mesh .tqg-bridge-exit {
  stroke: rgba(216,180,107,.88);
  stroke-width: 2;
}

#tqg-why-page .tqg-bridge-mesh .tqg-bridge-rim-back {
  stroke: rgba(216,180,107,.48);
  stroke-width: 1.35;
  stroke-dasharray: 4 4;
}

#tqg-why-page .tqg-bridge-mesh path:nth-child(4) {
  stroke: rgba(216,180,107,.62);
}

#tqg-why-page .tqg-bridge-route,
#tqg-why-page .tqg-bridge-outcome {
  cursor: pointer;
  outline: none;
}

#tqg-why-page .tqg-bridge-route:focus-visible {
  outline: 2px solid var(--tqg-gold-light);
  outline-offset: 4px;
}

#tqg-why-page .tqg-bridge-route-hit {
  fill: transparent;
  pointer-events: all;
}

#tqg-why-page .tqg-bridge-route path,
#tqg-why-page .tqg-bridge-outcome path {
  fill: none;
  stroke: url(#tqgBridgeGold);
  stroke-width: 1.25;
  opacity: .65;
  transition: opacity .25s ease, stroke-width .25s ease, filter .25s ease;
  vector-effect: non-scaling-stroke;
}

#tqg-why-page .tqg-bridge-route circle,
#tqg-why-page .tqg-bridge-outcome circle {
  fill: var(--tqg-gold);
  opacity: .85;
  transition: r .25s ease, opacity .25s ease, filter .25s ease;
}

#tqg-why-page .tqg-bridge-route text,
#tqg-why-page .tqg-bridge-outcome text {
  fill: rgba(255,255,255,.82);
  font-family: var(--tqg-font-sans);
  font-size: 9.5px;
  font-weight: 500;
  letter-spacing: .02em;
  text-transform: uppercase;
  transition: fill .25s ease;
}

#tqg-why-page .tqg-bridge-route .tqg-bridge-talent-path {
  stroke: rgba(216,180,107,.78);
  stroke-width: 1.5;
}

#tqg-why-page .tqg-bridge-route:hover path,
#tqg-why-page .tqg-bridge-route:focus path,
#tqg-why-page .tqg-bridge-route.is-active path,
#tqg-why-page .tqg-bridge-outcome.is-active path {
  opacity: 1;
  stroke-width: 2.8;
  filter: drop-shadow(0 0 5px rgba(216,180,107,.8));
}

#tqg-why-page .tqg-bridge-route.is-active .tqg-bridge-talent-path,
#tqg-why-page .tqg-bridge-route:hover .tqg-bridge-talent-path,
#tqg-why-page .tqg-bridge-route:focus .tqg-bridge-talent-path {
  stroke: var(--tqg-gold-light);
  stroke-width: 3.2;
}

#tqg-why-page .tqg-bridge-outcome.is-secondary path {
  opacity: .86;
  stroke-width: 2;
  stroke-dasharray: 5 4;
  filter: drop-shadow(0 0 3px rgba(216,180,107,.5));
}

#tqg-why-page .tqg-bridge-route:hover text,
#tqg-why-page .tqg-bridge-route:focus text,
#tqg-why-page .tqg-bridge-route.is-active text,
#tqg-why-page .tqg-bridge-outcome.is-active text {
  fill: var(--tqg-gold-light);
}

#tqg-why-page .tqg-bridge-outcome.is-secondary text {
  fill: rgba(216,180,107,.84);
}

#tqg-why-page .tqg-bridge-route:hover circle,
#tqg-why-page .tqg-bridge-route:focus circle,
#tqg-why-page .tqg-bridge-route.is-active circle,
#tqg-why-page .tqg-bridge-outcome.is-active circle {
  opacity: 1;
  filter: drop-shadow(0 0 6px rgba(216,180,107,.95));
}

#tqg-why-page .tqg-bridge-intersection-glow {
  fill: url("#tqgBridgeCore");
  filter: url("#tqgBridgeGlow");
  opacity: .72;
  pointer-events: none;
}

#tqg-why-page .tqg-bridge-intersection {
  fill: #fff7d8;
  stroke: var(--tqg-gold-light);
  stroke-width: 1.2;
  pointer-events: none;
}

#tqg-why-page .tqg-bridge-caption {
  margin: -14px 0 0;
  color: rgba(216,180,107,.84);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .13em;
  text-align: center;
  text-transform: uppercase;
}

#tqg-why-page .tqg-bridge-caption span {
  margin: 0 7px;
  color: var(--tqg-gold);
}

#tqg-why-page .tqg-why-intro {
  max-width: 920px;
  margin: 0 auto 58px;
  text-align: center;
}

#tqg-why-page .tqg-why-intro .tqg-h2 {
  max-width: 860px;
  margin: 17px auto 20px;
}

#tqg-why-page .tqg-why-intro p {
  max-width: 720px;
  margin: 0 auto;
  color: var(--tqg-muted);
  font-size: 15px;
  line-height: 1.7;
}

#tqg-why-page .tqg-difference-panels {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

#tqg-why-page .tqg-difference-panel {
  position: relative;
  min-height: 420px;
  overflow: hidden;
  padding: 34px 30px 30px;
  border: 1px solid rgba(199,155,75,.35);
  border-top-color: var(--tqg-gold);
  background: rgba(255,255,255,.95);
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

#tqg-why-page .tqg-difference-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(199,155,75,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(199,155,75,.08) 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: 0;
  transition: opacity .3s ease;
  pointer-events: none;
}

#tqg-why-page .tqg-difference-panel:hover,
#tqg-why-page .tqg-difference-panel:focus-visible {
  z-index: 2;
  border-color: rgba(199,155,75,.82);
  box-shadow: 0 24px 42px rgba(7,26,51,.13);
  transform: translateY(-12px);
  outline: 2px solid var(--tqg-gold-text);
  outline-offset: 3px;
}

#tqg-why-page .tqg-difference-panel:hover::before,
#tqg-why-page .tqg-difference-panel:focus-visible::before {
  opacity: 1;
}

#tqg-why-page .tqg-difference-number {
  position: relative;
  display: block;
  color: var(--tqg-gold-text);
  font-family: var(--tqg-font-serif);
  font-size: clamp(48px, 4vw, 66px);
  line-height: 1;
}

#tqg-why-page .tqg-difference-rule {
  position: relative;
  width: 34px;
  height: 1px;
  margin: 24px 0;
  background: var(--tqg-gold);
}

#tqg-why-page .tqg-difference-panel h3 {
  position: relative;
  margin: 0 0 16px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.18;
}

#tqg-why-page .tqg-difference-panel p {
  position: relative;
  margin: 0;
  color: var(--tqg-muted);
  font-size: 13px;
  line-height: 1.65;
}

#tqg-why-page .tqg-panel-proof {
  position: absolute;
  right: 30px;
  bottom: 25px;
  left: 30px;
  color: var(--tqg-navy);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  opacity: 0;
  text-transform: uppercase;
  transform: translateY(8px);
  transition: opacity .3s ease, transform .3s ease;
}

#tqg-why-page .tqg-difference-panel:hover .tqg-panel-proof,
#tqg-why-page .tqg-difference-panel:focus-visible .tqg-panel-proof {
  opacity: 1;
  transform: translateY(0);
}

#tqg-why-page .tqg-principles-heading {
  display: grid;
  grid-template-columns: minmax(240px, .6fr) minmax(0, 1.4fr);
  gap: 64px;
  align-items: center;
  margin-bottom: 58px;
}

#tqg-why-page .tqg-principles-heading > .tqg-label {
  max-width: 270px;
  align-self: center;
}

#tqg-why-page .tqg-principles-heading .tqg-h2 {
  max-width: 720px;
}

#tqg-why-page .tqg-principles-heading-copy p {
  max-width: 700px;
  margin-top: 20px;
  color: var(--tqg-muted);
  font-size: 15px;
  line-height: 1.7;
}

#tqg-why-page .tqg-principles-blueprint {
  position: relative;
  max-width: 1160px;
  margin: 0 auto;
  padding: 18px 0;
}

#tqg-why-page .tqg-principles-blueprint::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(199,155,75,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(199,155,75,.055) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(90deg, transparent, #000 16%, #000 84%, transparent);
  pointer-events: none;
}

#tqg-why-page .tqg-blueprint-principle {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 132px;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  padding: 24px 30px 24px 18px;
  border-top: 1px solid rgba(199,155,75,.62);
  outline: none;
  transition: background .25s ease, padding-left .25s ease;
}

#tqg-why-page .tqg-blueprint-principle:last-child {
  border-bottom: 1px solid rgba(199,155,75,.62);
}

#tqg-why-page .tqg-blueprint-principle::before,
#tqg-why-page .tqg-blueprint-principle::after {
  content: "";
  position: absolute;
  top: -5px;
  width: 1px;
  height: 10px;
  background: var(--tqg-gold);
}

#tqg-why-page .tqg-blueprint-principle::before { left: 0; }
#tqg-why-page .tqg-blueprint-principle::after { right: 0; }

#tqg-why-page .tqg-blueprint-principle:hover,
#tqg-why-page .tqg-blueprint-principle:focus-visible {
  padding-left: 26px;
  background: rgba(199,155,75,.07);
  outline: 2px solid var(--tqg-gold-text);
  outline-offset: 2px;
}

#tqg-why-page .tqg-principle-number {
  color: var(--tqg-gold-text);
  font-family: var(--tqg-font-serif);
  font-size: clamp(46px, 4.5vw, 66px);
  line-height: 1;
  transition: color .25s ease, text-shadow .25s ease;
}

#tqg-why-page .tqg-blueprint-principle:hover .tqg-principle-number,
#tqg-why-page .tqg-blueprint-principle:focus-visible .tqg-principle-number {
  color: #7F5A14;
  text-shadow: 0 0 18px rgba(199,155,75,.28);
}

@media (hover: none) {
  #tqg-why-page .tqg-panel-proof {
    opacity: 1;
    transform: none;
  }
}

#tqg-why-page .tqg-principle-content {
  display: grid;
  grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr);
  gap: clamp(32px, 5vw, 78px);
  align-items: center;
}

#tqg-why-page .tqg-principle-content h3 {
  margin: 0;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: clamp(25px, 2.2vw, 34px);
  font-weight: 500;
  line-height: 1.15;
}

#tqg-why-page .tqg-principle-content p {
  margin: 0;
  color: var(--tqg-muted);
  font-size: 14px;
  line-height: 1.7;
}

#tqg-why-page .tqg-why-cta {
  padding: 90px 0 98px;
  text-align: left;
}

#tqg-why-page .tqg-why-cta .tqg-container {
  display: block;
  padding-top: 48px;
  border-top: 1px solid var(--tqg-gold);
}

#tqg-why-page .tqg-why-cta-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
  gap: clamp(56px, 8vw, 128px);
  align-items: center;
}

#tqg-why-page .tqg-why-cta h2 {
  max-width: 720px;
  margin: 16px 0 0;
  font-size: clamp(40px, 4.2vw, 62px);
  line-height: 1.04;
}

#tqg-why-page .tqg-why-cta p {
  max-width: 590px;
  margin: 0 0 30px;
  color: var(--tqg-muted);
  font-size: 16px;
  line-height: 1.75;
}

#tqg-why-page .tqg-why-cta .tqg-btn {
  min-width: 260px;
  border-color: var(--tqg-navy);
  background: var(--tqg-navy);
  color: var(--tqg-white);
}

#tqg-why-page .tqg-why-cta .tqg-btn:hover,
#tqg-why-page .tqg-why-cta .tqg-btn:focus-visible {
  border-color: var(--tqg-gold);
  background: var(--tqg-gold);
  color: var(--tqg-navy);
}

@media (max-width: 1180px) {
  #tqg-why-page .tqg-why-hero > .tqg-container {
    width: min(100%, 1120px) !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 30px;
    padding-right: 32px !important;
    padding-left: 32px !important;
  }

  #tqg-why-page .tqg-bridge-route text,
  #tqg-why-page .tqg-bridge-outcome text {
    font-size: 8.1px;
  }

  #tqg-why-page .tqg-page-hero-copy .tqg-h1 {
    font-size: clamp(40px, 4.35vw, 52px) !important;
  }

  #tqg-why-page .tqg-page-hero-copy .tqg-btn {
    min-width: 190px;
    padding-inline: 18px;
  }

  #tqg-why-page .tqg-difference-panel {
    padding-inline: 24px;
  }
}

@media (max-width: 980px) {
  #tqg-why-page .tqg-why-hero > .tqg-container {
    width: min(100%, 760px) !important;
    grid-template-columns: 1fr;
    padding-right: 28px !important;
    padding-left: 28px !important;
  }

  #tqg-why-page .tqg-page-hero-copy,
  #tqg-why-page .tqg-transformation-bridge {
    max-width: 760px;
    margin-inline: auto;
  }

  #tqg-why-page .tqg-transformation-bridge {
    width: min(100%, 690px);
    margin-top: 28px;
  }

  #tqg-why-page .tqg-difference-panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }

  #tqg-why-page .tqg-principles-heading {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  #tqg-why-page .tqg-principles-heading > .tqg-label {
    max-width: none;
  }

  #tqg-why-page .tqg-principle-content {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  #tqg-why-page .tqg-why-cta-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  #tqg-why-page .tqg-why-cta p {
    max-width: 720px;
  }
}

@media (max-width: 700px) {
  #tqg-why-page .tqg-why-hero {
    padding-top: 70px;
  }

  #tqg-why-page .tqg-page-hero-copy .tqg-h1 {
    font-size: clamp(38px, 10vw, 50px) !important;
  }

  #tqg-why-page .tqg-why-hero > .tqg-container {
    width: min(100%, 650px) !important;
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  #tqg-why-page .tqg-page-hero-copy .tqg-btn-group {
    flex-direction: column;
    align-items: stretch;
  }

  #tqg-why-page .tqg-page-hero-copy .tqg-btn {
    width: 100% !important;
    min-width: 0;
  }

  #tqg-why-page .tqg-bridge-state-labels {
    margin-inline: 36px;
    font-size: 8px;
  }

  #tqg-why-page .tqg-bridge-route text,
  #tqg-why-page .tqg-bridge-outcome text {
    font-size: 7.2px;
  }

  #tqg-why-page .tqg-bridge-caption {
    margin-top: -5px;
    font-size: 7.5px;
    letter-spacing: .08em;
  }

  #tqg-why-page .tqg-difference-panels {
    grid-template-columns: 1fr;
  }

  #tqg-why-page .tqg-difference-panel {
    min-height: 320px;
  }

  #tqg-why-page .tqg-why-cta {
    padding: 72px 0 78px;
  }

  #tqg-why-page .tqg-why-cta .tqg-container {
    padding-top: 36px;
  }

  #tqg-why-page .tqg-why-cta h2 {
    font-size: clamp(38px, 11vw, 50px);
  }

  #tqg-why-page .tqg-why-cta p {
    font-size: 15px;
  }

  #tqg-why-page .tqg-blueprint-principle {
    width: 100%;
    min-height: 0;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 16px;
    padding: 24px 8px;
  }

  #tqg-why-page .tqg-blueprint-principle:hover,
  #tqg-why-page .tqg-blueprint-principle:focus-visible {
    padding-left: 12px;
  }

  #tqg-why-page .tqg-principle-number {
    font-size: 42px;
  }

  #tqg-why-page .tqg-principle-content h3 {
    font-size: clamp(23px, 7vw, 30px);
  }
}

/* v1.1.80 final publication overrides (kept last to defeat host/page rules). */
.tqg-insight-publication .tqg-article-hero-copy,
.tqg-insight-publication .tqg-article-hero-media { height: 100%; min-height: 360px; }
.tqg-insight-publication .tqg-article-hero-copy { display: flex; flex-direction: column; justify-content: center; }
.tqg-insight-publication .tqg-article-hero-media { align-self: stretch; }
.tqg-insight-publication .tqg-article-hero-media img { height: 100%; aspect-ratio: auto; object-fit: cover; object-position: center; }
.tqg-insight-publication .tqg-author-identity { display: flex !important; flex-wrap: nowrap !important; gap: 14px !important; align-items: center !important; }
.tqg-insight-publication .tqg-author-avatar { width: 58px; height: 58px; flex: 0 0 58px; border: 2px solid #c79b4b; border-radius: 50%; object-fit: cover; object-position: 50% 34%; }
.tqg-insight-publication .tqg-author-copy { display: grid; grid-template-columns: auto 1fr; gap: 0 6px; align-items: baseline; }
.tqg-insight-publication .tqg-author-copy > span:last-child { grid-column: 1 / -1; color: #526171; }
.tqg-insight-publication .tqg-article-tool[data-tqg-email] { border-color: #c79b4b; color: #b17d1c; }
.tqg-insight-publication .tqg-model-canvas { grid-template-columns: repeat(5, minmax(0, 1fr) 14px) minmax(0, 1fr); }
.tqg-insight-publication .tqg-model-threshold { width: 34px; }
.tqg-insight-publication .tqg-model-threshold span { top: 50%; left: 50%; width: max-content; padding: 3px 5px; transform: translate(-50%, -50%) rotate(-90deg); background: #f8f9fa; font-size: .46rem; line-height: 1; white-space: nowrap; }
.tqg-insight-publication .tqg-model-stage-enabling { z-index: 1; }
.tqg-insight-publication .tqg-model-stage-enabling .tqg-model-index { display: block; z-index: 2; }
.tqg-insight-publication .tqg-complexity-model { margin-bottom: 0; }
.tqg-insight-publication .tqg-complexity-model + .tqg-figure-source { display: block; width: 100%; max-width: 100%; margin: 8px 0 72px; padding: 0; overflow: hidden; border: 0; color: #6f7b87; font-size: .46rem; font-style: italic; line-height: 1.25; text-overflow: clip; white-space: nowrap; }

.tqg-insight-publication .tqg-value-matrix {
  width: min(100%, 900px);
  margin: 76px auto;
  padding: clamp(30px, 4vw, 48px);
  border-top: 1px solid #c79b4b;
  border-bottom: 1px solid #c79b4b;
  background: #f8f9fa;
}
.tqg-insight-publication .tqg-matrix-shell {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  grid-template-rows: 1fr 1fr auto;
  margin-top: 30px;
}
.tqg-insight-publication .tqg-matrix-grid {
  display: grid;
  grid-row: 1 / 3;
  grid-column: 2;
  grid-template-columns: 1fr 1fr;
  border: 1px solid #7890a6;
  background: #fff;
}
.tqg-insight-publication .tqg-matrix-cell {
  min-height: 158px;
  padding: 28px;
  border-right: 1px solid #c8d0d8;
  border-bottom: 1px solid #c8d0d8;
  background: linear-gradient(135deg, rgba(7, 26, 51, .02), transparent);
}
.tqg-insight-publication .tqg-matrix-cell:nth-child(2n) { border-right: 0; }
.tqg-insight-publication .tqg-matrix-cell:nth-child(n+3) { border-bottom: 0; }
.tqg-insight-publication .tqg-matrix-cell-alert { background: #f7f1e6; }
.tqg-insight-publication .tqg-matrix-cell strong {
  display: block;
  color: #071a33;
  font-family: var(--tqg-font-heading);
  font-size: clamp(1.25rem, 2vw, 1.7rem);
  font-weight: 400;
}
.tqg-insight-publication .tqg-matrix-cell span {
  display: block;
  margin-top: 10px;
  color: #526171;
  font-size: .72rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.tqg-insight-publication .tqg-matrix-y {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  color: #526171;
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-align: center;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.tqg-insight-publication .tqg-matrix-y-high { grid-row: 1; grid-column: 1; }
.tqg-insight-publication .tqg-matrix-y-low { grid-row: 2; grid-column: 1; }
.tqg-insight-publication .tqg-matrix-x {
  display: flex;
  grid-row: 3;
  grid-column: 2;
  justify-content: space-between;
  padding-top: 12px;
  color: #526171;
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.tqg-insight-publication .tqg-value-matrix figcaption {
  margin-top: 24px;
  color: #526171;
  font-size: .76rem;
}

@media (max-width: 1050px) {
  .tqg-insight-publication .tqg-article-hero-copy,
  .tqg-insight-publication .tqg-article-hero-media { min-height: 330px; }
  .tqg-insight-publication .tqg-complexity-model + .tqg-figure-source { font-size: .43rem; white-space: nowrap; }
}

@media (max-width: 760px) {
  .tqg-insight-publication .tqg-article-hero-copy,
  .tqg-insight-publication .tqg-article-hero-media { height: auto; min-height: 0; }
  .tqg-insight-publication .tqg-article-hero-media img { height: auto; aspect-ratio: 16 / 9; }
  .tqg-insight-publication .tqg-article-byline { align-items: flex-start; }
  .tqg-insight-publication .tqg-author-copy { grid-template-columns: 1fr; }
  .tqg-insight-publication .tqg-author-copy > span:last-child { grid-column: auto; }
  .tqg-insight-publication .tqg-complexity-model + .tqg-figure-source { margin-top: 8px; font-size: .5rem; line-height: 1.35; white-space: normal; }
  .tqg-insight-publication .tqg-value-matrix { padding: 28px 18px; }
  .tqg-insight-publication .tqg-matrix-shell { display: block; }
  .tqg-insight-publication .tqg-matrix-y { display: none; }
  .tqg-insight-publication .tqg-matrix-grid { grid-template-columns: 1fr; }
  .tqg-insight-publication .tqg-matrix-cell { min-height: 0; border-right: 0; border-bottom: 1px solid #c8d0d8 !important; }
  .tqg-insight-publication .tqg-matrix-cell:last-child { border-bottom: 0 !important; }
  .tqg-insight-publication .tqg-matrix-x { gap: 16px; font-size: .55rem; }
}

/* =========================================================
   TQG ARTICLE HERO CONTRACT — v1.1.81
   Uses the same 622px desktop canvas as the primary site heroes.
   The editorial image becomes an accessible background layer;
   publication metadata remains in a dedicated row below the hero.
   ========================================================= */
.tqg-insight-publication .tqg-article-hero {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  display: flex;
  width: 100vw;
  height: var(--tqg-system-hero-height, 622px);
  min-height: var(--tqg-system-hero-height, 622px);
  margin-left: calc(50% - 50vw);
  align-items: center;
  overflow: hidden;
  padding: var(--tqg-system-hero-padding, 58px) 0;
  border: 0;
  background: #071a33;
}

.tqg-insight-publication .tqg-article-hero-bg {
  position: absolute;
  z-index: -2;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 58% 48%;
}

.tqg-insight-publication .tqg-article-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(4, 18, 37, .96) 0%, rgba(4, 18, 37, .88) 34%, rgba(4, 18, 37, .54) 58%, rgba(4, 18, 37, .18) 100%),
    linear-gradient(0deg, rgba(4, 18, 37, .25), transparent 42%);
  content: "";
  pointer-events: none;
}

.tqg-insight-publication .tqg-article-hero-inner {
  box-sizing: border-box;
  display: block;
  width: min(100%, var(--tqg-system-hero-width, 1540px));
  max-width: var(--tqg-system-hero-width, 1540px);
  margin: 0 auto;
  padding: 0 var(--tqg-system-hero-gutter, 42px);
}

.tqg-insight-publication .tqg-article-hero-copy {
  display: flex;
  width: min(100%, 790px);
  height: auto;
  min-height: 0;
  flex-direction: column;
  justify-content: center;
}

.tqg-insight-publication .tqg-article-breadcrumb {
  margin: 0 0 28px;
  color: #d6aa55;
}

.tqg-insight-publication .tqg-article-breadcrumb a,
.tqg-insight-publication .tqg-article-breadcrumb span {
  color: inherit;
}

.tqg-insight-publication .tqg-article-hero h1 {
  max-width: 760px;
  color: #fff;
  font-size: clamp(3.15rem, 4.4vw, 4.85rem);
  line-height: 1.01;
  text-wrap: balance;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .24);
}

.tqg-insight-publication .tqg-article-deck {
  max-width: 740px;
  margin-top: 26px;
  color: rgba(255, 255, 255, .94);
  font-family: var(--tqg-font-body);
  font-size: clamp(1.05rem, 1.25vw, 1.25rem);
  line-height: 1.6;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .28);
}

.tqg-insight-publication .tqg-article-byline-wrap {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  border-bottom: 1px solid #dfe4e8;
  background: #fbfbfa;
}

.tqg-insight-publication .tqg-article-byline {
  box-sizing: border-box;
  display: grid;
  width: min(100%, var(--tqg-system-hero-width, 1540px));
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px 48px;
  align-items: center;
  margin: 0 auto;
  padding: 22px var(--tqg-system-hero-gutter, 42px);
  border: 0;
}

.tqg-insight-publication .tqg-author-identity {
  min-width: 0;
}

.tqg-insight-publication .tqg-author-avatar {
  width: 52px;
  height: 52px;
  flex-basis: 52px;
}

.tqg-insight-publication .tqg-author-copy {
  grid-template-columns: auto minmax(0, auto);
  line-height: 1.35;
}

.tqg-insight-publication .tqg-author-copy strong {
  white-space: normal;
}

.tqg-insight-publication .tqg-article-meta {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 22px;
  white-space: nowrap;
}

.tqg-insight-publication .tqg-article-meta > * + *::before {
  margin-right: 22px;
  color: #c79b4b;
  content: "•";
}

/* Defeat host-theme anchor hover rules on the circular article tools. */
.tqg-insight-publication a.tqg-article-tool,
.tqg-insight-publication a.tqg-article-tool:hover,
.tqg-insight-publication a.tqg-article-tool:focus,
.tqg-insight-publication a.tqg-article-tool:focus-visible,
.tqg-insight-publication a.tqg-article-tool:active {
  border: 1px solid rgba(199, 155, 75, .62) !important;
  border-bottom: 1px solid rgba(199, 155, 75, .62) !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #a97820 !important;
  text-decoration: none !important;
  text-decoration-color: transparent !important;
}

.tqg-insight-publication a.tqg-article-tool:hover,
.tqg-insight-publication a.tqg-article-tool:focus-visible {
  border-color: #c79b4b !important;
  background: #071a33 !important;
  color: #d8b46b !important;
  transform: translateY(-1px);
}

.tqg-insight-publication a.tqg-article-tool::before,
.tqg-insight-publication a.tqg-article-tool::after {
  display: none !important;
  content: none !important;
}

.tqg-insight-publication a.tqg-article-tool i {
  color: inherit !important;
  text-decoration: none !important;
}

@media (max-width: 980px) {
  .tqg-insight-publication .tqg-article-hero {
    height: auto;
    min-height: 570px;
    padding: 68px 0;
  }

  .tqg-insight-publication .tqg-article-hero::before {
    background: linear-gradient(90deg, rgba(4, 18, 37, .95), rgba(4, 18, 37, .72) 72%, rgba(4, 18, 37, .42));
  }

  .tqg-insight-publication .tqg-article-byline {
    grid-template-columns: 1fr;
  }

  .tqg-insight-publication .tqg-article-meta {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .tqg-insight-publication .tqg-article-hero {
    min-height: 610px;
    padding: 58px 0;
  }

  .tqg-insight-publication .tqg-article-hero-bg {
    object-position: 66% center;
  }

  .tqg-insight-publication .tqg-article-hero::before {
    background: rgba(4, 18, 37, .82);
  }

  .tqg-insight-publication .tqg-article-hero-inner,
  .tqg-insight-publication .tqg-article-byline {
    padding-right: 20px;
    padding-left: 20px;
  }

  .tqg-insight-publication .tqg-article-hero h1 {
    font-size: clamp(2.55rem, 13vw, 3.45rem);
  }

  .tqg-insight-publication .tqg-article-deck {
    font-size: 1rem;
    line-height: 1.55;
  }

  .tqg-insight-publication .tqg-author-identity {
    align-items: flex-start !important;
  }

  .tqg-insight-publication .tqg-author-copy {
    grid-template-columns: 1fr;
  }

  .tqg-insight-publication .tqg-article-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 18px;
    white-space: normal;
  }

  .tqg-insight-publication .tqg-article-meta > * + *::before {
    content: none;
  }
}


/* v1.1.82 article-format refinements. */
.tqg-insight-publication .tqg-author-identity {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
  align-items: start !important;
}
.tqg-insight-publication .tqg-author-label {
  color: #526171;
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1;
  text-transform: uppercase;
}
.tqg-insight-publication .tqg-author-profile {
  display: flex;
  min-width: 0;
  gap: 14px;
  align-items: center;
}
.tqg-insight-publication .tqg-author-copy {
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 2px;
  align-items: start;
}
.tqg-insight-publication .tqg-author-copy > span:last-child {
  grid-column: auto !important;
}
.tqg-insight-publication .tqg-model-canvas {
  grid-template-columns: minmax(0, 1fr) 14px minmax(0, 1fr) 14px minmax(0, 1fr) 34px minmax(0, 1fr) 14px minmax(0, 1fr) 14px minmax(0, 1fr) !important;
}
.tqg-insight-publication .tqg-model-stage {
  min-height: 205px;
  padding: 34px 10px 20px;
}
.tqg-insight-publication .tqg-model-stage small {
  display: block;
}
.tqg-insight-publication .tqg-complexity-model,
.tqg-insight-publication .tqg-value-matrix {
  margin-bottom: 0 !important;
}
.tqg-insight-publication .tqg-figure-source {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 10px 0 0 !important;
  padding: 0;
  border: 0;
  color: #6f7b87;
  font-family: var(--tqg-font-body);
  font-size: .72rem !important;
  font-style: italic;
  line-height: 1.45;
  white-space: normal !important;
}
.tqg-insight-publication .tqg-post-figure-copy {
  margin-top: 1.65em !important;
}
@media (max-width: 1050px) {
  .tqg-insight-publication .tqg-model-canvas {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }
  .tqg-insight-publication .tqg-model-arrow {
    width: 1px;
    height: 18px;
    justify-self: center;
  }
  .tqg-insight-publication .tqg-model-arrow::after {
    top: auto;
    right: -4px;
    bottom: -1px;
    border-top: 6px solid #7f8ea0;
    border-right: 4px solid transparent;
    border-bottom: 0;
    border-left: 4px solid transparent;
  }
  .tqg-insight-publication .tqg-model-threshold {
    width: 100%;
    height: 34px;
    border-right: 0;
    border-bottom: 1px dashed #c79b4b;
  }
  .tqg-insight-publication .tqg-model-threshold span {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .tqg-insight-publication .tqg-model-stage {
    min-height: 0;
  }
}
@media (max-width: 640px) {
  .tqg-insight-publication .tqg-author-profile {
    align-items: flex-start;
  }
}


/* =========================================================
   TQG ARTICLE LAYOUT STANDARD — v1.1.83
   Locks reusable figure, question, reference, and related-tile rules.
   ========================================================= */
.tqg-insight-publication .tqg-complexity-model,
.tqg-insight-publication .tqg-value-matrix {
  box-sizing: border-box;
  width: min(100%, 1000px) !important;
  min-height: 520px;
  margin-right: auto !important;
  margin-left: auto !important;
}
.tqg-insight-publication .tqg-complexity-model {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tqg-insight-publication .tqg-value-matrix {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tqg-insight-publication .tqg-value-matrix + .tqg-figure-source {
  width: min(100%, 1000px);
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: left;
}
.tqg-insight-publication .tqg-figure-source + p {
  margin-top: 1.65em !important;
}
.tqg-insight-publication .tqg-executive-question,
.tqg-insight-publication .tqg-executive-support {
  display: block;
}
.tqg-insight-publication .tqg-executive-question {
  margin-bottom: 1em;
  font-weight: 500;
}
.tqg-insight-publication .tqg-executive-support {
  color: #536171;
  font-family: var(--tqg-font-body);
  font-size: .92rem;
  line-height: 1.65;
}
.tqg-insight-publication .tqg-article-references {
  padding-top: 0;
  border-top: 0;
}
.tqg-insight-publication .tqg-related-insights h2 {
  max-width: none;
  white-space: nowrap;
}
.tqg-insight-publication .tqg-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  border: 0;
}
.tqg-insight-publication .tqg-related-grid > * {
  min-height: 100%;
  padding: 0;
}
.tqg-insight-publication .tqg-related-grid > * + * { border-left: 0; }
.tqg-insight-publication .tqg-related-grid .tqg-insight-tile {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  border: 1px solid rgba(8, 30, 52, .12);
  background: #fff;
  box-shadow: 0 16px 34px rgba(8, 30, 52, .055);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.tqg-insight-publication .tqg-related-grid .tqg-insight-tile:hover,
.tqg-insight-publication .tqg-related-grid .tqg-insight-tile:focus-within {
  border-color: rgba(200, 169, 107, .72);
  box-shadow: 0 20px 40px rgba(8, 30, 52, .09);
  transform: translateY(-4px);
}
.tqg-insight-publication .tqg-related-grid .tqg-insight-tile-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3 / 2;
  background: #dfe3e7;
}
.tqg-insight-publication .tqg-related-grid .tqg-insight-tile-media::after {
  position: absolute;
  inset: auto 0 0;
  height: 38%;
  background: linear-gradient(180deg, transparent, rgba(8, 30, 52, .15));
  content: '';
  pointer-events: none;
}
.tqg-insight-publication .tqg-related-grid .tqg-insight-tile-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s cubic-bezier(.2, .6, .2, 1);
}
.tqg-insight-publication .tqg-related-grid .tqg-insight-tile:hover img,
.tqg-insight-publication .tqg-related-grid .tqg-insight-tile:focus-within img { transform: scale(1.025); }
.tqg-insight-publication .tqg-related-grid .tqg-insight-tile-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 24px 24px 20px;
}
.tqg-insight-publication .tqg-related-grid .tqg-insight-category {
  align-self: flex-start;
  margin-bottom: 14px;
  padding: 4px 8px;
  border: 1px solid rgba(200, 169, 107, .54);
  background: rgba(200, 169, 107, .06);
  color: #a26f17;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1.2;
  text-transform: uppercase;
}
.tqg-insight-publication .tqg-related-grid h3 {
  margin: 0 0 12px;
  font-size: clamp(23px, 1.65vw, 29px);
  font-weight: 500;
  line-height: 1.14;
}
.tqg-insight-publication .tqg-related-grid h3 a { color: inherit; text-decoration: none; }
.tqg-insight-publication .tqg-related-grid h3 a::after { position: absolute; inset: 0; content: ''; }
.tqg-insight-publication .tqg-related-grid .tqg-insight-tile-body > p {
  margin: 0 0 22px;
  color: var(--tqg-muted);
  font-size: 14px;
  line-height: 1.65;
}
.tqg-insight-publication .tqg-related-grid .tqg-insight-tile-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid rgba(8, 30, 52, .09);
  color: #788491;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.tqg-insight-publication .tqg-related-action { margin-top: 38px; text-align: center; }
@media (max-width: 980px) {
  .tqg-insight-publication .tqg-related-insights h2 { white-space: normal; }
  .tqg-insight-publication .tqg-related-grid { grid-template-columns: 1fr; }
  .tqg-insight-publication .tqg-complexity-model,
  .tqg-insight-publication .tqg-value-matrix { min-height: 0; }
}

/* =========================================================
   TQG ARTICLE FIGURE VISUAL STANDARD — v1.1.96
   Figure 2 uses the same blueprint-paper background and outer border as Figure 1.
   ========================================================= */
.tqg-insight-publication .tqg-value-matrix {
  border: 1px solid #d5dce3 !important;
  background:
    linear-gradient(90deg, rgba(7, 26, 51, .035) 1px, transparent 1px),
    linear-gradient(rgba(7, 26, 51, .035) 1px, transparent 1px),
    #f8f9fa !important;
  background-size: 40px 40px !important;
}


/* =========================================================
   TQG INSIGHT FINAL QC STANDARD — v1.1.97
   Locks executive blueprint, section-divider, figure, and
   article-navigation spacing for the reusable Insight format.
   ========================================================= */

/* Leadership Blueprint uses the same gold top/bottom framing. */
.tqg-insight-publication .tqg-at-a-glance {
  border-bottom: 1px solid #c79b4b !important;
}

/* Gold section eyebrow/divider: equal breathing room above and below. */
.tqg-insight-publication .tqg-article-body > section {
  margin-bottom: 0;
}
.tqg-insight-publication .tqg-article-body > section:not(:first-child)::before {
  margin: 32px 0 !important;
}
.tqg-insight-publication .tqg-article-body > section > :last-child {
  margin-bottom: 0;
}

/* Figures sit one normal text line away from surrounding copy. */
.tqg-insight-publication .tqg-article-body > section:has(+ .tqg-complexity-model),
.tqg-insight-publication .tqg-article-body > section:has(+ .tqg-value-matrix) {
  margin-bottom: 0 !important;
}
.tqg-insight-publication .tqg-article-body > section:has(+ .tqg-complexity-model) > :last-child,
.tqg-insight-publication .tqg-article-body > section:has(+ .tqg-value-matrix) > :last-child {
  margin-bottom: 0 !important;
}
.tqg-insight-publication .tqg-complexity-model,
.tqg-insight-publication .tqg-value-matrix {
  margin-top: 20px !important;
  margin-bottom: 0 !important;
}
.tqg-insight-publication .tqg-figure-source {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}
.tqg-insight-publication .tqg-figure-source + .tqg-post-figure-copy,
.tqg-insight-publication .tqg-figure-source + p {
  margin-top: 20px !important;
}

/* Preserve intentional card/feature section spacing without duplicate dividers. */
.tqg-insight-publication .tqg-executive-questions,
.tqg-insight-publication .tqg-final-thought,
.tqg-insight-publication .tqg-article-references {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}


/* v1.1.98 — Related Insights heading scale.
 * Keep the heading visually contained within the same width as the three-tile grid.
 */
.tqg-insight-publication .tqg-related-insights h2 {
  max-width: 100% !important;
  margin-bottom: 34px;
  font-size: clamp(2rem, 2.7vw, 2.65rem) !important;
  line-height: 1.12;
  white-space: nowrap;
}
@media (max-width: 900px) {
  .tqg-insight-publication .tqg-related-insights h2 {
    white-space: normal;
    font-size: clamp(1.85rem, 5vw, 2.35rem) !important;
  }
}


/* v1.1.100 — Article 02 figure internals. Outer treatment inherits the locked TQG figure standard. */
.tqg-orgdesign-figure .tqg-org-layers,
.tqg-orgdesign-figure .tqg-evidence-chain {
  min-height: 360px;
  border: 1px solid rgba(9, 31, 58, .12);
  background:
    linear-gradient(rgba(9,31,58,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(9,31,58,.035) 1px, transparent 1px),
    #f7f8f8;
  background-size: 24px 24px;
}
.tqg-org-layers { display:grid; gap:18px; padding:34px; }
.tqg-org-layer { display:grid; gap:8px; padding:24px 28px; border:1px solid rgba(9,31,58,.18); background:#fff; text-align:center; }
.tqg-org-layer > span { color:#b78328; font-size:.75rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.tqg-org-layer strong { color:#081f3b; font-family:"Playfair Display",serif; font-size:1.45rem; }
.tqg-org-layer small { color:#46556a; font-size:.9rem; }
.tqg-org-layer-bridge { display:grid; grid-template-columns:1fr 90px 1fr; align-items:center; gap:14px; color:#081f3b; font-size:.72rem; font-weight:800; letter-spacing:.12em; text-align:center; text-transform:uppercase; }
.tqg-org-layer-bridge i { height:1px; background:#c99a43; position:relative; }
.tqg-org-layer-bridge i::after { content:""; position:absolute; right:0; top:-3px; width:7px; height:7px; border-top:1px solid #c99a43; border-right:1px solid #c99a43; transform:rotate(45deg); }
.tqg-evidence-chain { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; padding:30px; }
.tqg-evidence-chain div { width:min(520px,90%); padding:11px 20px; border:1px solid rgba(9,31,58,.2); background:#fff; color:#081f3b; font-weight:750; letter-spacing:.04em; text-align:center; text-transform:uppercase; }
.tqg-evidence-chain b { color:#c99a43; font-size:1.15rem; line-height:1; }
.tqg-evidence-chain span { margin-top:8px; color:#b78328; font-size:.75rem; font-weight:800; letter-spacing:.14em; }
@media (max-width: 700px) {
  .tqg-org-layer-bridge { grid-template-columns:1fr; }
  .tqg-org-layer-bridge i { width:1px; height:35px; margin:auto; }
}

/* v1.1.107 — locked image-based figure rendering */
.tqg-insight-publication .tqg-article-figure-image {
  width: 100%;
  margin: 1.55em 0 .45em;
  padding: 0;
  border: 1px solid rgba(9,31,58,.14);
  background: #fff;
  overflow: hidden;
}
.tqg-insight-publication .tqg-article-figure-image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
.tqg-insight-publication .tqg-article-figure-image + .tqg-figure-source {
  margin-top: .45em !important;
  margin-bottom: 1.55em !important;
}


/* v1.1.108 — Article 04 uploaded-figure trial.
 * Keep supplied artwork entirely within the editorial text column.
 * This is an article trial and does not change TQG Insights Article Standard v1.0 yet.
 */
.tqg-insight-publication .tqg-article-figure-uploaded {
  width: 100%;
  max-width: 100%;
  margin: 1.55em 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
}
.tqg-insight-publication .tqg-article-figure-uploaded img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
}


/* v1.1.109 — Shared Insights tool controls + full-window figure viewer */
.tqg-insight-publication .tqg-article-tools {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px !important;
  align-items: center !important;
  width: 100%;
  margin-top: 14px !important;
  padding-top: 16px !important;
  border-top: 1px solid #d9dde1 !important;
}
.tqg-insight-publication .tqg-share-control {
  position: relative !important;
  display: inline-flex !important;
}
.tqg-insight-publication .tqg-article-tools .tqg-article-tool,
.tqg-insight-publication .tqg-article-tools a.tqg-article-tool,
.tqg-insight-publication .tqg-article-tools button.tqg-article-tool {
  box-sizing: border-box !important;
  display: inline-flex !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(199,155,75,.62) !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #a97820 !important;
  font: 600 .88rem/1 Inter, Arial, sans-serif !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  appearance: none !important;
}
.tqg-insight-publication .tqg-article-tools .tqg-article-tool i {
  display: block !important;
  width: auto !important;
  height: auto !important;
  color: currentColor !important;
  font-size: .88rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
}
.tqg-insight-publication .tqg-article-tools .tqg-article-tool::before,
.tqg-insight-publication .tqg-article-tools .tqg-article-tool::after {
  text-decoration: none !important;
}
.tqg-insight-publication .tqg-article-tools .tqg-article-tool:hover,
.tqg-insight-publication .tqg-article-tools .tqg-article-tool:focus-visible,
.tqg-insight-publication .tqg-article-tools .tqg-article-tool[aria-expanded="true"] {
  border-color: #c79b4b !important;
  background: #071a33 !important;
  color: #d8b46b !important;
  outline: 0 !important;
  text-decoration: none !important;
  transform: translateY(-1px);
}
.tqg-insight-publication .tqg-article-tools .tqg-article-like {
  box-sizing: border-box !important;
  display: inline-flex !important;
  min-width: 58px !important;
  height: 36px !important;
  padding: 0 10px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 1px solid rgba(199,155,75,.62) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #a97820 !important;
  font: 600 .82rem/1 Inter,Arial,sans-serif !important;
  box-shadow: none !important;
  appearance: none !important;
}
.tqg-insight-publication .tqg-article-tools .tqg-article-like:hover,
.tqg-insight-publication .tqg-article-tools .tqg-article-like:focus-visible {
  border-color: #c79b4b !important;
  background: #071a33 !important;
  color: #d8b46b !important;
  outline: 0 !important;
}
.tqg-insight-publication .tqg-share-menu {
  z-index: 100 !important;
  box-sizing: border-box !important;
  width: 184px !important;
  padding: 8px !important;
  border: 1px solid rgba(199,155,75,.62) !important;
  background: #fff !important;
  box-shadow: 0 16px 34px rgba(7,26,51,.16) !important;
}
.tqg-insight-publication .tqg-share-menu a,
.tqg-insight-publication .tqg-share-menu button {
  display: block !important;
  width: 100% !important;
  min-height: 34px !important;
  padding: 9px 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #26394d !important;
  font: 500 .76rem/1.25 Inter,Arial,sans-serif !important;
  text-align: left !important;
  text-decoration: none !important;
  box-shadow: none !important;
  appearance: none !important;
}
.tqg-insight-publication .tqg-share-menu a:hover,
.tqg-insight-publication .tqg-share-menu a:focus-visible,
.tqg-insight-publication .tqg-share-menu button:hover,
.tqg-insight-publication .tqg-share-menu button:focus-visible {
  background: #f5f1e9 !important;
  color: #071a33 !important;
  outline: 0 !important;
  text-decoration: none !important;
}

/* Every article figure is visually identifiable as expandable without changing its size. */
.tqg-insight-publication .tqg-article-body figure.tqg-figure-expandable {
  position: relative;
  cursor: zoom-in;
}
.tqg-insight-publication .tqg-article-body figure.tqg-figure-expandable::after {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 3;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(199,155,75,.82);
  border-radius: 50%;
  background: rgba(7,26,51,.92);
  color: #d8b46b;
  content: "\f065";
  font-family: "Font Awesome 6 Free";
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  opacity: .92;
  pointer-events: none;
}
.tqg-insight-publication .tqg-article-body figure.tqg-figure-expandable:focus-visible {
  outline: 2px solid #c79b4b;
  outline-offset: 4px;
}

html.tqg-figure-viewer-open,
html.tqg-figure-viewer-open body {
  overflow: hidden !important;
}
.tqg-figure-viewer[hidden] {
  display: none !important;
}
.tqg-figure-viewer {
  position: fixed;
  z-index: 2147483000;
  inset: 0;
  display: flex;
  padding: 28px;
  align-items: center;
  justify-content: center;
  background: rgba(4,15,29,.96);
}
.tqg-figure-viewer-stage {
  display: flex;
  width: min(96vw, 1800px);
  height: min(92vh, 1200px);
  align-items: center;
  justify-content: center;
  overflow: auto;
}
.tqg-figure-viewer-image {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  background: #fff;
  box-shadow: 0 24px 60px rgba(0,0,0,.35);
}
.tqg-figure-viewer-clone {
  width: min(100%, 1500px) !important;
  max-width: 1500px !important;
  margin: auto !important;
  background: #fff !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.35);
  cursor: default !important;
}
.tqg-figure-viewer-clone::after {
  display: none !important;
}
.tqg-figure-viewer-close {
  position: fixed;
  z-index: 2;
  top: 20px;
  right: 24px;
  display: grid;
  width: 46px;
  height: 46px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(216,180,107,.8);
  border-radius: 50%;
  background: #071a33;
  color: #fff;
  cursor: pointer;
  font: 300 30px/1 Arial,sans-serif;
}
.tqg-figure-viewer-close:hover,
.tqg-figure-viewer-close:focus-visible {
  background: #fff;
  color: #071a33;
  outline: 2px solid #c79b4b;
  outline-offset: 2px;
}
@media (max-width: 700px) {
  .tqg-figure-viewer { padding: 14px; }
  .tqg-figure-viewer-stage { width: 100%; height: 88vh; }
  .tqg-figure-viewer-close { top: 10px; right: 10px; }
}
@media print {
  .tqg-figure-viewer { display: none !important; }
  .tqg-insight-publication .tqg-article-body figure::after { display: none !important; }
}


/* v1.1.110 — canonical share-menu hover/focus fallback */
.tqg-insight-publication .tqg-share-control:hover > .tqg-share-menu,
.tqg-insight-publication .tqg-share-control:focus-within > .tqg-share-menu {
  display: block !important;
}


/* =========================================================
   TQG HERO GRAPHIC STANDARD v1.0 — v1.1.119
   Home network is the visual benchmark.
   NORMALIZATION ONLY: no concept, geometry, content, or interaction changes.
   ========================================================= */

.tqg-site .tqg-system-hero {
  --tqg-hero-line-strong: 1.5px;
  --tqg-hero-line-primary: 1.25px;
  --tqg-hero-line-secondary: 1px;
  --tqg-hero-line-fine: .8px;

  --tqg-hero-gold-strong: rgba(216,180,107,.92);
  --tqg-hero-gold-primary: rgba(216,180,107,.72);
  --tqg-hero-gold-secondary: rgba(216,180,107,.38);
  --tqg-hero-gold-construction: rgba(216,180,107,.18);
  --tqg-hero-white-secondary: rgba(255,255,255,.78);
  --tqg-hero-white-muted: rgba(255,255,255,.56);
  --tqg-hero-glow: 0 0 12px rgba(199,155,75,.22);
}

/* ---------------------------------------------------------
   ABOUT — Intentional Organization Blueprint
   Preserve the layered-plane concept; harmonize its drafting language.
   --------------------------------------------------------- */
#tqg-about-page .tqg-intentional-blueprint {
  color: var(--tqg-hero-gold-construction);
}

#tqg-about-page .tqg-ab-register,
#tqg-about-page .tqg-ab-axis {
  stroke-width: var(--tqg-hero-line-secondary);
  stroke: var(--tqg-hero-gold-secondary);
}

#tqg-about-page .tqg-ab-axis {
  stroke: var(--tqg-hero-gold-primary);
}

#tqg-about-page .tqg-ab-plane polygon {
  stroke: var(--tqg-hero-gold-primary);
  stroke-width: var(--tqg-hero-line-primary);
}

#tqg-about-page .tqg-ab-plane path {
  stroke: var(--tqg-hero-gold-secondary);
  stroke-width: var(--tqg-hero-line-fine);
}

#tqg-about-page .tqg-ab-plane .tqg-ab-plane-inner {
  stroke: rgba(216,180,107,.28);
}

#tqg-about-page .tqg-ab-projections,
#tqg-about-page .tqg-ab-plane-centerlines,
#tqg-about-page .tqg-ab-dimension,
#tqg-about-page .tqg-ab-dimension-ticks {
  stroke: var(--tqg-hero-gold-construction);
  stroke-width: var(--tqg-hero-line-fine);
}

#tqg-about-page .tqg-ab-foreground-edges,
#tqg-about-page .tqg-ab-foreground-capability,
#tqg-about-page .tqg-ab-foreground-alignment,
#tqg-about-page .tqg-ab-foreground-evidence {
  stroke-width: var(--tqg-hero-line-secondary);
}

#tqg-about-page .tqg-intentional-blueprint[data-active-layer] .tqg-ab-plane polygon {
  filter: drop-shadow(0 0 5px rgba(199,155,75,.22));
}

/* ---------------------------------------------------------
   APPROACH — TQ Method Precision Blueprint
   Preserve six-step method and live navigation; clean line hierarchy.
   --------------------------------------------------------- */
#tqg-approach-page .tqg-method-blueprint {
  border-color: rgba(216,180,107,.09);
  background-image:
    linear-gradient(rgba(216,180,107,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,180,107,.055) 1px, transparent 1px),
    linear-gradient(rgba(216,180,107,.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,180,107,.026) 1px, transparent 1px);
}

#tqg-approach-page .tqg-method-blueprint::before {
  border-top-color: var(--tqg-hero-gold-construction);
  border-bottom-color: rgba(216,180,107,.12);
}

#tqg-approach-page .tqg-method-blueprint::after {
  background: var(--tqg-hero-gold-construction);
}

#tqg-approach-page .tqg-method-blueprint .tqg-svg-hex-outer {
  stroke-width: var(--tqg-hero-line-strong);
  stroke: var(--tqg-hero-gold-strong);
}

#tqg-approach-page .tqg-method-blueprint .tqg-svg-hex-inner {
  stroke-width: var(--tqg-hero-line-fine);
  stroke: var(--tqg-hero-gold-secondary);
}

#tqg-approach-page .tqg-method-blueprint .tqg-svg-badge::before {
  border-color: var(--tqg-hero-gold-secondary);
  opacity: .62;
}

#tqg-approach-page .tqg-method-blueprint .tqg-svg-badge::after {
  border-left-color: var(--tqg-hero-gold-construction);
}

#tqg-approach-page .tqg-method-blueprint .tqg-svg-step:not(:last-child)::after {
  height: 2px;
  border-top: var(--tqg-hero-line-secondary) solid var(--tqg-hero-gold-primary);
  border-bottom: 0;
}

#tqg-approach-page .tqg-svg-step:not(:last-child)::before {
  border-width: var(--tqg-hero-line-primary);
}

#tqg-approach-page .tqg-blueprint-register {
  border-color: var(--tqg-hero-gold-secondary);
}

#tqg-approach-page .tqg-blueprint-register::before,
#tqg-approach-page .tqg-blueprint-register::after,
#tqg-approach-page .tqg-blueprint-scale span::before {
  background: var(--tqg-hero-gold-secondary);
}

#tqg-approach-page .tqg-blueprint-arc {
  border-color: var(--tqg-hero-gold-construction);
}

#tqg-approach-page .tqg-blueprint-scale {
  border-top-color: var(--tqg-hero-gold-secondary);
  color: var(--tqg-hero-white-muted);
}

#tqg-approach-page .tqg-svg-badge,
#tqg-approach-page .tqg-method-blueprint .tqg-svg-step:first-child .tqg-svg-badge {
  filter: drop-shadow(0 5px 8px rgba(0,0,0,.14));
}

#tqg-approach-page .tqg-method-blueprint .tqg-svg-step:hover .tqg-svg-badge,
#tqg-approach-page .tqg-method-blueprint .tqg-svg-step:focus-visible .tqg-svg-badge {
  filter: drop-shadow(0 0 7px rgba(216,180,107,.30)) drop-shadow(0 5px 8px rgba(0,0,0,.14));
}

/* ---------------------------------------------------------
   SOLUTIONS — Solutions Architecture
   Preserve arches, pillars, bays, doors, links, and hover states.
   --------------------------------------------------------- */
#tqg-solutions-page .tqg-architecture-stage {
  border-top-color: var(--tqg-hero-gold-construction);
  border-bottom-color: var(--tqg-hero-gold-construction);
}

#tqg-solutions-page .tqg-blueprint-guides {
  opacity: .13;
  background-image:
    linear-gradient(rgba(216,180,107,.28) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,180,107,.28) 1px, transparent 1px);
}

#tqg-solutions-page .tqg-architecture-facade path,
#tqg-solutions-page .tqg-architecture-facade circle {
  stroke-width: 1.1;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-bay-lines {
  opacity: .72;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-shared-columns {
  opacity: .72;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-arcade {
  opacity: .82;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-dentils {
  opacity: .34;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-door {
  opacity: .62;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-entablature,
#tqg-solutions-page .tqg-architecture-facade .tqg-svg-foundation {
  opacity: .76;
}

#tqg-solutions-page .tqg-architecture-cornice {
  border-top-color: var(--tqg-hero-gold-primary);
  border-bottom-color: var(--tqg-hero-gold-secondary);
}

#tqg-solutions-page .tqg-architecture-foundation {
  border-top-color: rgba(216,180,107,.64);
  border-bottom-color: rgba(216,180,107,.32);
}

#tqg-solutions-page .tqg-bay-pillar {
  border-right-color: rgba(216,180,107,.58);
  border-left-color: rgba(216,180,107,.58);
}

#tqg-solutions-page .tqg-bay-pillar::before,
#tqg-solutions-page .tqg-bay-pillar::after {
  border-top-color: rgba(216,180,107,.64);
  border-bottom-color: rgba(216,180,107,.38);
}

/* ---------------------------------------------------------
   WHY TQG — Transformation Bridge
   Preserve bridge geometry, bidirectional mapping, and route interactions.
   --------------------------------------------------------- */
#tqg-why-page .tqg-bridge-drafting {
  stroke: var(--tqg-hero-gold-construction);
  stroke-width: var(--tqg-hero-line-fine);
  stroke-dasharray: 3 5;
}

#tqg-why-page .tqg-bridge-mesh {
  stroke: var(--tqg-hero-gold-secondary);
  stroke-width: var(--tqg-hero-line-secondary);
}

#tqg-why-page .tqg-bridge-shell {
  stroke: rgba(216,180,107,.48);
  stroke-width: 1.1;
}

#tqg-why-page .tqg-bridge-mesh .tqg-bridge-contour {
  stroke: var(--tqg-hero-gold-strong);
  stroke-width: var(--tqg-hero-line-strong);
  filter: drop-shadow(0 0 2px rgba(199,155,75,.18));
}

#tqg-why-page .tqg-bridge-mesh .tqg-bridge-entrance,
#tqg-why-page .tqg-bridge-mesh .tqg-bridge-exit {
  stroke: rgba(216,180,107,.84);
  stroke-width: 1.35;
}

#tqg-why-page .tqg-bridge-mesh .tqg-bridge-rim-back {
  stroke: var(--tqg-hero-gold-secondary);
  stroke-width: var(--tqg-hero-line-secondary);
}

#tqg-why-page .tqg-bridge-route path,
#tqg-why-page .tqg-bridge-outcome path {
  stroke-width: var(--tqg-hero-line-primary);
  opacity: .68;
}

#tqg-why-page .tqg-bridge-route .tqg-bridge-talent-path {
  stroke-width: var(--tqg-hero-line-primary);
}

#tqg-why-page .tqg-bridge-route text,
#tqg-why-page .tqg-bridge-outcome text {
  fill: var(--tqg-hero-white-secondary);
}

/* Active bridge interactions stay clearly stronger than resting geometry. */
#tqg-why-page .tqg-bridge-route:is(:hover,:focus-visible,.is-active) path,
#tqg-why-page .tqg-bridge-outcome.is-active path {
  filter: drop-shadow(0 0 5px rgba(216,180,107,.28));
}

/* ---------------------------------------------------------
   INSIGHTS — Editorial Folio
   Image-based hero already uses the approved premium artwork.
   Do not alter the asset or interaction coordinates; only keep its edge clean.
   --------------------------------------------------------- */
#tqg-insights-page .tqg-insights-folio {
  filter: none;
}

/* ---------------------------------------------------------
   HOME — BENCHMARK PRESERVATION
   Explicitly preserve the approved visual hierarchy.
   --------------------------------------------------------- */
#tqg-home-page .tqg-home-network-svg .network-line {
  stroke-width: 1.35;
}

#tqg-home-page .tqg-home-network-point {
  border-width: 1.5px;
}



/* =========================================================
   v1.1.120 — ABOUT HERO VISUAL HARMONIZATION PASS
   Deliberately more visible than v1.1.119.
   Concept, copy, geometry, SVG markup, and interactions remain unchanged.
   Home hero remains the visual benchmark.
   ========================================================= */

/* Make the About drafting field quieter so the principal architecture reads first. */
#tqg-about-page .tqg-intentional-blueprint {
  background:
    radial-gradient(circle at 50% 46%, rgba(216,180,107,.045), transparent 43%),
    linear-gradient(rgba(216,180,107,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,180,107,.028) 1px, transparent 1px);
  background-size: auto, 32px 32px, 32px 32px;
}

#tqg-about-page .tqg-ab-grid {
  opacity: .34;
}

#tqg-about-page .tqg-ab-register {
  opacity: .46;
}

#tqg-about-page .tqg-ab-axis {
  opacity: .58;
}

#tqg-about-page .tqg-ab-projections,
#tqg-about-page .tqg-ab-plane-centerlines,
#tqg-about-page .tqg-ab-plane-diagonal,
#tqg-about-page .tqg-ab-dimension,
#tqg-about-page .tqg-ab-dimension-ticks {
  opacity: .34;
}

/* Establish a clearer three-level line hierarchy. */
#tqg-about-page .tqg-ab-plane polygon {
  fill: rgba(7,26,51,.72);
  stroke: rgba(216,180,107,.78);
  stroke-width: 1.35;
}

#tqg-about-page .tqg-ab-plane .tqg-ab-plane-inner {
  fill: rgba(16,42,68,.24);
  stroke: rgba(216,180,107,.24);
  stroke-width: .8;
}

#tqg-about-page .tqg-ab-plane path {
  stroke: rgba(216,180,107,.24);
  stroke-width: .75;
}

/* Foreground operating-system geometry becomes the visual anchor. */
#tqg-about-page .tqg-ab-foreground-edges {
  opacity: .92;
  stroke: rgba(216,180,107,.78);
  stroke-width: 1.35;
}

#tqg-about-page .tqg-ab-foreground-capability,
#tqg-about-page .tqg-ab-foreground-alignment,
#tqg-about-page .tqg-ab-foreground-evidence {
  opacity: .94;
  stroke: rgba(216,180,107,.86);
  stroke-width: 1.45;
}

/* Targets use the same restrained node hierarchy as the Home system graphic. */
#tqg-about-page .tqg-ab-target-ring {
  fill: rgba(7,26,51,.92);
  stroke: rgba(216,180,107,.86);
  stroke-width: 1.4;
}

#tqg-about-page .tqg-ab-target-core {
  fill: rgba(216,180,107,.92);
}

#tqg-about-page .tqg-ab-target-pulse {
  fill: none;
  stroke: rgba(216,180,107,.26);
  stroke-width: .9;
  opacity: .58;
}

/* Annotation hierarchy: useful, but secondary to the diagram itself. */
#tqg-about-page .tqg-ab-note,
#tqg-about-page .tqg-ab-scale,
#tqg-about-page .tqg-ab-microcopy {
  opacity: .62;
}

#tqg-about-page .tqg-ab-layer-number {
  opacity: .78;
}

#tqg-about-page .tqg-ab-leaders {
  opacity: .54;
  stroke: rgba(216,180,107,.46);
  stroke-width: .9;
}

/* Reduce resting glow. Interaction still provides a clear premium response. */
#tqg-about-page .tqg-ab-plane {
  filter: none;
}

#tqg-about-page .tqg-ab-plane:hover polygon,
#tqg-about-page .tqg-ab-plane:focus polygon {
  fill: rgba(216,180,107,.075);
  stroke: rgba(216,180,107,.96);
  filter: drop-shadow(0 0 5px rgba(216,180,107,.22));
  transform: translateY(-2px);
}

#tqg-about-page .tqg-ab-plane:hover path,
#tqg-about-page .tqg-ab-plane:focus path {
  stroke: rgba(216,180,107,.52);
  transform: translateY(-2px);
}

/* Callouts are visually tied back to the blueprint rather than reading as a second design language. */
#tqg-about-page .tqg-intentional-callout {
  border-color: rgba(216,180,107,.22);
  background: rgba(7,26,51,.48);
  box-shadow: none;
}

#tqg-about-page .tqg-intentional-callout:hover,
#tqg-about-page .tqg-intentional-callout:focus-within {
  border-color: rgba(216,180,107,.54);
  background: rgba(7,26,51,.68);
  box-shadow: 0 0 0 1px rgba(216,180,107,.06);
}

/* Keep small-screen rendering crisp rather than overly dense. */
@media (max-width: 900px) {
  #tqg-about-page .tqg-ab-grid,
  #tqg-about-page .tqg-ab-projections,
  #tqg-about-page .tqg-ab-plane-centerlines,
  #tqg-about-page .tqg-ab-plane-diagonal {
    opacity: .22;
  }
}


/* =========================================================
   v1.1.121 — ABOUT HERO DECLUTTER PASS
   Principle: complexity in the concept, simplicity in the drawing.
   About only. No geometry, content, markup, or interaction changes.
   ========================================================= */

/* Remove/suppress nonessential drafting apparatus. */
#tqg-about-page .tqg-ab-grid {
  opacity: .12;
}

#tqg-about-page .tqg-ab-register,
#tqg-about-page .tqg-ab-dimension,
#tqg-about-page .tqg-ab-dimension-ticks,
#tqg-about-page .tqg-ab-scale {
  opacity: .10;
}

#tqg-about-page .tqg-ab-projections,
#tqg-about-page .tqg-ab-plane-centerlines,
#tqg-about-page .tqg-ab-plane-diagonal {
  opacity: .14;
}

/* Keep axes as a subtle blueprint cue rather than a competing layer. */
#tqg-about-page .tqg-ab-axis {
  opacity: .28;
}

/* Secondary internal construction detail recedes significantly. */
#tqg-about-page .tqg-ab-plane path {
  opacity: .28;
  stroke: rgba(216,180,107,.18);
  stroke-width: .7;
}

#tqg-about-page .tqg-ab-plane .tqg-ab-plane-inner {
  opacity: .48;
  stroke: rgba(216,180,107,.20);
}

/* Primary planes remain crisp and readable. */
#tqg-about-page .tqg-ab-plane polygon {
  opacity: .96;
  fill: rgba(7,26,51,.76);
  stroke: rgba(216,180,107,.72);
  stroke-width: 1.3;
}

/* Reduce annotation noise while retaining useful orientation. */
#tqg-about-page .tqg-ab-note,
#tqg-about-page .tqg-ab-microcopy {
  opacity: .42;
}

#tqg-about-page .tqg-ab-layer-number {
  opacity: .68;
}

#tqg-about-page .tqg-ab-leaders {
  opacity: .30;
}

/* Preserve the meaningful foreground system and target nodes. */
#tqg-about-page .tqg-ab-foreground-edges {
  opacity: .86;
}

#tqg-about-page .tqg-ab-foreground-capability,
#tqg-about-page .tqg-ab-foreground-alignment,
#tqg-about-page .tqg-ab-foreground-evidence {
  opacity: .92;
}

#tqg-about-page .tqg-ab-target-ring {
  opacity: .94;
}

#tqg-about-page .tqg-ab-target-pulse {
  opacity: .34;
}

/* Cleaner background field: blueprint texture should be perceived, not read. */
#tqg-about-page .tqg-intentional-blueprint {
  background:
    radial-gradient(circle at 50% 46%, rgba(216,180,107,.032), transparent 45%),
    linear-gradient(rgba(216,180,107,.014) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,180,107,.014) 1px, transparent 1px);
  background-size: auto, 40px 40px, 40px 40px;
}

/* On smaller screens, simplify the drafting layer even further. */
@media (max-width: 900px) {
  #tqg-about-page .tqg-ab-grid,
  #tqg-about-page .tqg-ab-register,
  #tqg-about-page .tqg-ab-dimension,
  #tqg-about-page .tqg-ab-dimension-ticks,
  #tqg-about-page .tqg-ab-scale,
  #tqg-about-page .tqg-ab-projections,
  #tqg-about-page .tqg-ab-plane-centerlines,
  #tqg-about-page .tqg-ab-plane-diagonal {
    opacity: .06;
  }

  #tqg-about-page .tqg-ab-note,
  #tqg-about-page .tqg-ab-microcopy,
  #tqg-about-page .tqg-ab-leaders {
    opacity: .24;
  }
}


/* =========================================================
   v1.1.122 — ABOUT HERO: RECOMMENDED ALIGNED VERSION
   IMPORTANT: ABOUT PAGE ONLY. HOME PAGE IS UNCHANGED.
   Aligns the existing About layered-system graphic to the approved
   recommended comparison concept: cleaner, more distinguished, less clutter.
   ========================================================= */

/* Remove the large editorial heading above the diagram.
   The three-layer system itself becomes the hero graphic. */
#tqg-about-page .tqg-intentional-blueprint > h2,
#tqg-about-page .tqg-intentional-blueprint .tqg-intentional-title,
#tqg-about-page .tqg-intentional-blueprint .tqg-blueprint-title {
  display: none !important;
}

/* If the heading is generated as the first textual child rather than a named class,
   suppress the known heading treatment without touching layer labels. */
#tqg-about-page .tqg-intentional-blueprint > .tqg-eyebrow + h2 {
  display: none !important;
}

/* Give the graphic more negative space, similar to Home's disciplined composition. */
#tqg-about-page .tqg-intentional-blueprint {
  padding-top: 12px;
  background: none;
}

/* Blueprint apparatus becomes nearly invisible; concept stays intact. */
#tqg-about-page .tqg-ab-grid,
#tqg-about-page .tqg-ab-register,
#tqg-about-page .tqg-ab-dimension,
#tqg-about-page .tqg-ab-dimension-ticks,
#tqg-about-page .tqg-ab-scale,
#tqg-about-page .tqg-ab-projections,
#tqg-about-page .tqg-ab-plane-centerlines,
#tqg-about-page .tqg-ab-plane-diagonal {
  opacity: .035;
}

#tqg-about-page .tqg-ab-axis {
  opacity: .16;
}

/* The three planes are the distinguished visual signature. */
#tqg-about-page .tqg-ab-plane polygon {
  fill: rgba(8,29,55,.86);
  stroke: rgba(216,180,107,.86);
  stroke-width: 1.45;
}

#tqg-about-page .tqg-ab-plane .tqg-ab-plane-inner {
  opacity: .34;
  fill: rgba(19,48,76,.20);
  stroke: rgba(216,180,107,.22);
  stroke-width: .75;
}

#tqg-about-page .tqg-ab-plane path {
  opacity: .18;
  stroke: rgba(216,180,107,.17);
  stroke-width: .65;
}

/* Center targets become the equivalent of Home's gold solution nodes. */
#tqg-about-page .tqg-ab-target-ring {
  fill: rgba(8,29,55,.96);
  stroke: rgba(216,180,107,.92);
  stroke-width: 1.45;
}

#tqg-about-page .tqg-ab-target-core {
  fill: rgba(216,180,107,.96);
}

#tqg-about-page .tqg-ab-target-pulse {
  opacity: .24;
  stroke: rgba(216,180,107,.34);
}

/* Keep only enough vertical reference to communicate 03 / 02 / 01. */
#tqg-about-page .tqg-ab-layer-number {
  opacity: .86;
  fill: rgba(216,180,107,.92);
}

#tqg-about-page .tqg-ab-note,
#tqg-about-page .tqg-ab-microcopy,
#tqg-about-page .tqg-ab-leaders {
  opacity: .18;
}

/* Layer labels remain crisp and are the primary explanatory content. */
#tqg-about-page .tqg-intentional-callout {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding-top: 8px;
  padding-bottom: 8px;
}

#tqg-about-page .tqg-intentional-callout:hover,
#tqg-about-page .tqg-intentional-callout:focus-within {
  border: 0;
  background: transparent;
  box-shadow: none;
}

/* Restrain interaction to the actual layer rather than lighting the entire drafting field. */
#tqg-about-page .tqg-ab-plane:hover polygon,
#tqg-about-page .tqg-ab-plane:focus polygon {
  fill: rgba(216,180,107,.065);
  stroke: rgba(216,180,107,1);
  filter: drop-shadow(0 0 4px rgba(216,180,107,.20));
}

/* Bottom system notation replaces the removed large top title as a subtle graphic signature. */
#tqg-about-page .tqg-intentional-blueprint::after {
  content: "EVIDENCE  •  ALIGNMENT  •  CAPABILITY";
  display: block;
  margin: 10px auto 0;
  width: max-content;
  max-width: 100%;
  font-family: Inter, Arial, sans-serif;
  font-size: 8px;
  line-height: 1;
  letter-spacing: .22em;
  color: rgba(216,180,107,.50);
  white-space: nowrap;
}

/* Small screens: preserve the same simplified hierarchy. */
@media (max-width: 900px) {
  #tqg-about-page .tqg-ab-grid,
  #tqg-about-page .tqg-ab-register,
  #tqg-about-page .tqg-ab-dimension,
  #tqg-about-page .tqg-ab-dimension-ticks,
  #tqg-about-page .tqg-ab-scale,
  #tqg-about-page .tqg-ab-projections,
  #tqg-about-page .tqg-ab-plane-centerlines,
  #tqg-about-page .tqg-ab-plane-diagonal {
    opacity: .02;
  }

  #tqg-about-page .tqg-ab-note,
  #tqg-about-page .tqg-ab-microcopy,
  #tqg-about-page .tqg-ab-leaders {
    opacity: .10;
  }
}


/* =========================================================
   v1.1.123 — ABOUT HERO APPROVED ALIGNED COMPOSITION
   Matches the approved comparison mockup more faithfully.
   ABOUT ONLY. HOME REMAINS UNCHANGED.
   ========================================================= */

/* The old editorial graphic title remains accessible but is not visible. */
#tqg-about-page .tqg-intentional-blueprint > figcaption {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#tqg-about-page .tqg-intentional-blueprint > figcaption::before,
#tqg-about-page .tqg-intentional-blueprint > figcaption::after {
  display: none !important;
}

/* Overall graphic proportions now mirror the approved aligned mockup. */
#tqg-about-page .tqg-intentional-blueprint {
  position: relative !important;
  display: block !important;
  width: min(100%, 760px) !important;
  height: 490px !important;
  min-height: 490px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

/* Allocate most of the field to the clean layer stack, with labels at right. */
#tqg-about-page .tqg-intentional-svg {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  width: 72% !important;
  height: 100% !important;
  overflow: visible !important;
}

#tqg-about-page .tqg-intentional-callouts {
  position: absolute !important;
  z-index: 9 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  display: block !important;
  width: 34% !important;
  height: 100% !important;
  pointer-events: none !important;
}

/* Strip the drawing down to the approved essentials. */
#tqg-about-page .tqg-ab-grid,
#tqg-about-page .tqg-ab-register,
#tqg-about-page .tqg-ab-annotations,
#tqg-about-page .tqg-ab-projections,
#tqg-about-page .tqg-ab-axis,
#tqg-about-page .tqg-ab-plane-centerlines,
#tqg-about-page .tqg-ab-plane-diagonal,
#tqg-about-page .tqg-ab-microcopy,
#tqg-about-page .tqg-ab-note {
  display: none !important;
}

/* Keep only the vertical 03/02/01 measurement concept. */
#tqg-about-page .tqg-ab-dimension {
  display: none !important;
}

#tqg-about-page .tqg-ab-dimension:first-of-type {
  display: block !important;
  opacity: .48 !important;
  stroke: rgba(216,180,107,.70) !important;
  stroke-width: .9 !important;
}

#tqg-about-page .tqg-ab-dimension-ticks {
  display: block !important;
  opacity: .40 !important;
  stroke: rgba(216,180,107,.58) !important;
  stroke-width: .8 !important;
}

#tqg-about-page .tqg-ab-layer-number {
  display: block !important;
  opacity: 1 !important;
  fill: rgba(216,180,107,.98) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
}

/* Plane hierarchy: crisp gold outlines, quiet interiors, no visual noise. */
#tqg-about-page .tqg-ab-plane {
  opacity: 1 !important;
  filter: none !important;
}

#tqg-about-page .tqg-ab-plane polygon,
#tqg-about-page .tqg-ab-plane polyline {
  fill: rgba(8,29,55,.95) !important;
  stroke: rgba(216,180,107,.92) !important;
  stroke-width: 1.45 !important;
  vector-effect: non-scaling-stroke !important;
}

#tqg-about-page .tqg-ab-plane .tqg-ab-plane-face {
  fill: rgba(10,35,62,.88) !important;
  stroke: rgba(216,180,107,.88) !important;
}

#tqg-about-page .tqg-ab-plane .tqg-ab-plane-inner,
#tqg-about-page .tqg-ab-plane .tqg-ab-plane-inset {
  fill: rgba(10,35,62,.46) !important;
  stroke: rgba(216,180,107,.38) !important;
  stroke-width: .8 !important;
}

/* Hide most internal hatchwork; retain only enough depth to read as blueprint planes. */
#tqg-about-page .tqg-ab-plane > path:not(.tqg-ab-plane-centerlines):not(.tqg-ab-plane-diagonal) {
  opacity: .18 !important;
  stroke: rgba(216,180,107,.28) !important;
  stroke-width: .65 !important;
}

/* Foreground perimeter becomes the precise visual edge. */
#tqg-about-page .tqg-ab-foreground-edges {
  display: block !important;
  opacity: .94 !important;
}

#tqg-about-page .tqg-ab-foreground-edges path {
  fill: none !important;
  stroke: rgba(216,180,107,.96) !important;
  stroke-width: 1.35 !important;
  vector-effect: non-scaling-stroke !important;
}

/* Center node treatment aligned to the Home hero's restrained gold nodes. */
#tqg-about-page .tqg-ab-target-ring {
  fill: rgba(8,29,55,.98) !important;
  stroke: rgba(216,180,107,.96) !important;
  stroke-width: 1.25 !important;
  filter: none !important;
}

#tqg-about-page .tqg-ab-target-core {
  fill: rgba(216,180,107,1) !important;
  filter: drop-shadow(0 0 3px rgba(216,180,107,.28)) !important;
}

#tqg-about-page .tqg-ab-target-pulse {
  opacity: .18 !important;
  fill: none !important;
  stroke: rgba(216,180,107,.34) !important;
  stroke-width: .8 !important;
}

/* Leaders are clean, horizontal, and end in small gold points like the mockup. */
#tqg-about-page .tqg-ab-leaders {
  display: block !important;
  opacity: .76 !important;
}

#tqg-about-page .tqg-ab-leaders path {
  stroke: rgba(216,180,107,.72) !important;
  stroke-width: .9 !important;
  fill: none !important;
}

#tqg-about-page .tqg-ab-leaders circle {
  fill: rgba(216,180,107,.94) !important;
}

/* Right-side label system mirrors the approved mockup exactly in hierarchy. */
#tqg-about-page .tqg-intentional-callout {
  position: absolute !important;
  right: 0 !important;
  width: 100% !important;
  min-height: 78px !important;
  padding: 0 0 0 18px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
  text-align: left !important;
  pointer-events: auto !important;
}

#tqg-about-page .tqg-intentional-callout:nth-child(1) { top: 16.5% !important; }
#tqg-about-page .tqg-intentional-callout:nth-child(2) { top: 43.5% !important; }
#tqg-about-page .tqg-intentional-callout:nth-child(3) { top: 70% !important; }

#tqg-about-page .tqg-intentional-callout::before {
  top: 16px !important;
  right: calc(100% - 8px) !important;
  width: 42px !important;
  height: 1px !important;
  background: rgba(216,180,107,.76) !important;
}

#tqg-about-page .tqg-intentional-callout::after {
  top: 13px !important;
  left: 7px !important;
  width: 6px !important;
  height: 6px !important;
  background: rgba(216,180,107,.96) !important;
  box-shadow: none !important;
}

#tqg-about-page .tqg-intentional-callout strong {
  margin-bottom: 7px !important;
  color: rgba(255,255,255,.96) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .10em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

#tqg-about-page .tqg-intentional-keywords {
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
  color: rgba(216,180,107,.94) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 8px !important;
  font-weight: 650 !important;
  letter-spacing: .09em !important;
  line-height: 1.45 !important;
  text-transform: uppercase !important;
}

/* Keep explanations available on interaction without disturbing resting composition. */
#tqg-about-page .tqg-intentional-explanation {
  font-size: 9px !important;
  line-height: 1.35 !important;
}

#tqg-about-page .tqg-intentional-callout:hover::before,
#tqg-about-page .tqg-intentional-callout:focus-visible::before,
#tqg-about-page .tqg-intentional-callout.is-active::before {
  width: 50px !important;
}

/* Active state remains refined, not glowy. */
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="capability"] .tqg-ab-plane-capability polygon,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="alignment"] .tqg-ab-plane-alignment polygon,
#tqg-about-page .tqg-intentional-blueprint[data-active-layer="evidence"] .tqg-ab-plane-evidence polygon {
  fill: rgba(216,180,107,.07) !important;
  stroke: rgba(230,193,121,1) !important;
  filter: drop-shadow(0 0 4px rgba(216,180,107,.18)) !important;
}

/* Use the existing SVG notation, not a duplicate CSS-generated line. */
#tqg-about-page .tqg-intentional-blueprint::after {
  content: none !important;
}

#tqg-about-page .tqg-ab-scale {
  display: block !important;
  opacity: .62 !important;
  fill: rgba(216,180,107,.62) !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: .18em !important;
}

/* Responsive: retain composition but stack labels below when space gets tight. */
@media (max-width: 900px) {
  #tqg-about-page .tqg-intentional-blueprint {
    height: 620px !important;
    min-height: 620px !important;
  }

  #tqg-about-page .tqg-intentional-svg {
    position: relative !important;
    width: 100% !important;
    height: 445px !important;
  }

  #tqg-about-page .tqg-intentional-callouts {
    position: absolute !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: grid !important;
    width: 100% !important;
    height: 145px !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 10px !important;
  }

  #tqg-about-page .tqg-intentional-callout {
    position: relative !important;
    top: auto !important;
    min-height: 110px !important;
    padding: 10px 8px !important;
    text-align: center !important;
  }

  #tqg-about-page .tqg-intentional-callout::before,
  #tqg-about-page .tqg-intentional-callout::after {
    display: none !important;
  }
}


/* =========================================================
   v1.1.124 — ABOUT HERO MEASURED SVG REBUILD
   Approved mockup translated into explicit SVG geometry.
   HOME PAGE UNCHANGED.
   ========================================================= */

#tqg-about-page .tqg-about-hero-system {
  width: min(100%, 760px);
  height: auto;
  min-height: 0;
  margin: 0;
  justify-self: end;
  background: none !important;
}

#tqg-about-page .tqg-about-system-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

/* Reference scale */
#tqg-about-page .tqg-about-scale line {
  stroke: rgba(216,180,107,.32);
  stroke-width: .8;
  vector-effect: non-scaling-stroke;
}
#tqg-about-page .tqg-about-scale text {
  fill: rgba(216,180,107,.82);
  font-family: var(--tqg-font-sans);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .10em;
}

/* Primary plane geometry */
#tqg-about-page .tqg-about-plane-face {
  fill: url(#tqgAboutPlaneFill);
  stroke: rgba(216,180,107,.94);
  stroke-width: 1.4;
  vector-effect: non-scaling-stroke;
}
#tqg-about-page .tqg-about-plane-depth {
  fill: rgba(8,24,43,.96);
  stroke: rgba(216,180,107,.78);
  stroke-width: 1.0;
  vector-effect: non-scaling-stroke;
}
#tqg-about-page .tqg-about-plane-grid,
#tqg-about-page .tqg-about-plane-centerline {
  fill: none;
  stroke: rgba(216,180,107,.12);
  stroke-width: .7;
  vector-effect: non-scaling-stroke;
}
#tqg-about-page .tqg-about-plane-centerline {
  stroke: rgba(216,180,107,.17);
}

/* Gold target nodes */
#tqg-about-page .tqg-about-target-glow {
  fill: rgba(216,180,107,.18);
  filter: url(#tqgAboutNodeGlow);
}
#tqg-about-page .tqg-about-target-ring {
  fill: rgba(7,26,51,.95);
  stroke: rgba(216,180,107,.98);
  stroke-width: 1.2;
  vector-effect: non-scaling-stroke;
}
#tqg-about-page .tqg-about-target-ring-inner {
  fill: none;
  stroke: rgba(216,180,107,.86);
  stroke-width: 1.0;
  vector-effect: non-scaling-stroke;
}
#tqg-about-page .tqg-about-target-core {
  fill: rgba(216,180,107,.98);
}

/* Tight label relationship */
#tqg-about-page .tqg-about-label-line {
  stroke: rgba(216,180,107,.58);
  stroke-width: .9;
  vector-effect: non-scaling-stroke;
}
#tqg-about-page .tqg-about-label-node {
  fill: rgba(216,180,107,.90);
}
#tqg-about-page .tqg-about-label-title {
  fill: rgba(255,255,255,.94);
  font-family: var(--tqg-font-sans);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .10em;
}
#tqg-about-page .tqg-about-label-copy {
  fill: rgba(216,180,107,.88);
  font-family: var(--tqg-font-sans);
  font-size: 8.5px;
  font-weight: 600;
  letter-spacing: .05em;
}

/* Minimal construction relationship */
#tqg-about-page .tqg-about-stack-guides line {
  stroke: rgba(216,180,107,.17);
  stroke-width: .75;
  stroke-dasharray: 2 4;
  vector-effect: non-scaling-stroke;
}

#tqg-about-page .tqg-about-bottom-note {
  fill: rgba(216,180,107,.48);
  font-family: var(--tqg-font-sans);
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .22em;
}

/* Premium, restrained interaction */
#tqg-about-page .tqg-about-plane {
  outline: none;
  cursor: default;
}
#tqg-about-page .tqg-about-plane .tqg-about-plane-face,
#tqg-about-page .tqg-about-plane .tqg-about-plane-depth,
#tqg-about-page .tqg-about-plane .tqg-about-label-line,
#tqg-about-page .tqg-about-plane .tqg-about-label-node,
#tqg-about-page .tqg-about-plane .tqg-about-target-ring,
#tqg-about-page .tqg-about-plane .tqg-about-target-ring-inner {
  transition: stroke .22s ease, fill .22s ease, opacity .22s ease, filter .22s ease;
}
#tqg-about-page .tqg-about-plane:hover .tqg-about-plane-face,
#tqg-about-page .tqg-about-plane:focus-visible .tqg-about-plane-face {
  stroke: rgba(229,194,120,1);
  fill: rgba(13,39,66,.98);
}
#tqg-about-page .tqg-about-plane:hover .tqg-about-target-ring,
#tqg-about-page .tqg-about-plane:focus-visible .tqg-about-target-ring {
  filter: drop-shadow(0 0 4px rgba(216,180,107,.30));
}

/* Hide obsolete About-specific decoration from earlier versions if any remains in CSS. */
#tqg-about-page .tqg-intentional-blueprint::after {
  content: none !important;
}

@media (max-width: 900px) {
  #tqg-about-page .tqg-about-hero-system {
    width: min(100%, 720px);
    justify-self: center;
  }
}

@media (max-width: 640px) {
  #tqg-about-page .tqg-about-label-title {
    font-size: 12px;
  }
  #tqg-about-page .tqg-about-label-copy,
  #tqg-about-page .tqg-about-scale text,
  #tqg-about-page .tqg-about-bottom-note {
    font-size: 7px;
  }
}


/* =========================================================
   v1.1.125 — ABOUT HERO INTERACTION + FIDELITY RESTORE
   HOME PAGE UNCHANGED.
   ========================================================= */

/* Slightly enlarge the rebuilt figure and center it against the left hero copy. */
#tqg-about-page .tqg-about-hero-system {
  width: min(100%, 820px);
  align-self: center;
  justify-self: center;
  transform: translateY(2px);
}

#tqg-about-page .tqg-about-system-svg {
  max-height: 520px;
}

/* Stronger, cleaner 03/02/01 scale; contained to the layer stack. */
#tqg-about-page .tqg-about-scale line {
  stroke: rgba(216,180,107,.52);
  stroke-width: .95;
}
#tqg-about-page .tqg-about-scale text {
  fill: rgba(216,180,107,.96);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
}

/* More distinguished plane silhouette, still restrained. */
#tqg-about-page .tqg-about-plane-face {
  stroke-width: 1.6;
}
#tqg-about-page .tqg-about-plane-depth {
  stroke-width: 1.15;
}

/* Restore the clear vertical line through the center of all three layers. */
#tqg-about-page .tqg-about-center-spine line {
  stroke: rgba(216,180,107,.52);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

/* Pulsating / growing target rings restored. */
@keyframes tqgAboutTargetPulse {
  0%   { opacity: .34; transform: scale(.82); }
  55%  { opacity: .10; transform: scale(1.48); }
  100% { opacity: 0; transform: scale(1.78); }
}
@keyframes tqgAboutTargetCoreGlow {
  0%,100% { opacity: .78; }
  50%     { opacity: 1; }
}

#tqg-about-page .tqg-about-target {
  transform-box: fill-box;
  transform-origin: center;
}

#tqg-about-page .tqg-about-target-glow {
  transform-box: fill-box;
  transform-origin: center;
  animation: tqgAboutTargetPulse 2.8s ease-out infinite;
}

#tqg-about-page .tqg-about-plane-alignment .tqg-about-target-glow {
  animation-delay: .55s;
}
#tqg-about-page .tqg-about-plane-capability .tqg-about-target-glow {
  animation-delay: 1.1s;
}

#tqg-about-page .tqg-about-target-core {
  animation: tqgAboutTargetCoreGlow 2.2s ease-in-out infinite;
}

/* Hover language is present but invisible until the associated layer is active. */
#tqg-about-page .tqg-about-hover-copy {
  fill: rgba(255,255,255,.82);
  font-family: var(--tqg-font-sans);
  font-size: 10.5px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: .01em;
  opacity: 0;
  transform: translateY(5px);
  transition: opacity .22s ease, transform .22s ease;
  pointer-events: none;
}

/* Restore the richer hover/focus behavior without changing the clean resting state. */
#tqg-about-page .tqg-about-plane:hover .tqg-about-plane-face,
#tqg-about-page .tqg-about-plane:focus-visible .tqg-about-plane-face {
  fill: rgba(17,47,78,.98);
  stroke: rgba(232,197,125,1);
  filter: drop-shadow(0 0 7px rgba(216,180,107,.20));
}

#tqg-about-page .tqg-about-plane:hover .tqg-about-plane-grid,
#tqg-about-page .tqg-about-plane:focus-visible .tqg-about-plane-grid {
  stroke: rgba(216,180,107,.22);
}

#tqg-about-page .tqg-about-plane:hover .tqg-about-target-ring,
#tqg-about-page .tqg-about-plane:focus-visible .tqg-about-target-ring,
#tqg-about-page .tqg-about-plane:hover .tqg-about-target-ring-inner,
#tqg-about-page .tqg-about-plane:focus-visible .tqg-about-target-ring-inner {
  stroke: rgba(240,206,137,1);
  filter: drop-shadow(0 0 6px rgba(216,180,107,.38));
}

#tqg-about-page .tqg-about-plane:hover .tqg-about-label-line,
#tqg-about-page .tqg-about-plane:focus-visible .tqg-about-label-line {
  stroke: rgba(216,180,107,.96);
}

#tqg-about-page .tqg-about-plane:hover .tqg-about-label-node,
#tqg-about-page .tqg-about-plane:focus-visible .tqg-about-label-node {
  fill: rgba(240,206,137,1);
  filter: drop-shadow(0 0 5px rgba(216,180,107,.46));
}

#tqg-about-page .tqg-about-plane:hover .tqg-about-hover-copy,
#tqg-about-page .tqg-about-plane:focus-visible .tqg-about-hover-copy {
  opacity: 1;
  transform: translateY(0);
}

/* The active layer slightly lifts visually, but the stack geometry does not move. */
#tqg-about-page .tqg-about-plane:hover .tqg-about-label-title,
#tqg-about-page .tqg-about-plane:focus-visible .tqg-about-label-title {
  fill: #fff;
}

@media (prefers-reduced-motion: reduce) {
  #tqg-about-page .tqg-about-target-glow,
  #tqg-about-page .tqg-about-target-core {
    animation: none;
  }
}

@media (max-width: 900px) {
  #tqg-about-page .tqg-about-hero-system {
    width: min(100%, 760px);
    transform: none;
  }
}


/* =========================================================
   v1.1.126 — ABOUT HERO / HOME VISUAL LANGUAGE ALIGNMENT
   ABOUT PAGE ONLY. HOME REMAINS THE BENCHMARK AND IS UNCHANGED.
   ========================================================= */

/* Match Home's contained visual footprint while making About more distinguished. */
#tqg-about-page .tqg-about-hero-system {
  width: min(100%, 860px);
  justify-self: center;
  align-self: center;
  transform: translate(-10px, 0);
}

#tqg-about-page .tqg-about-system-svg {
  width: 100%;
  max-height: 540px;
}

/* Home-like hierarchy: primary architecture, secondary system lines, quiet construction detail. */
#tqg-about-page .tqg-about-plane-face {
  fill: rgba(9,31,55,.94);
  stroke: rgba(216,180,107,.90);
  stroke-width: 1.45;
}

#tqg-about-page .tqg-about-plane-depth {
  fill: rgba(6,23,42,.98);
  stroke: rgba(216,180,107,.68);
  stroke-width: 1;
}

#tqg-about-page .tqg-about-plane-grid {
  stroke: rgba(216,180,107,.095);
  stroke-width: .65;
}

#tqg-about-page .tqg-about-plane-centerline {
  stroke: rgba(216,180,107,.22);
  stroke-width: .8;
}

/* Faint system web uses the same solid/secondary relationship seen on Home. */
#tqg-about-page .tqg-about-system-line {
  fill: none;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}
#tqg-about-page .tqg-about-system-line-primary {
  stroke: rgba(216,180,107,.22);
  stroke-width: 1.1;
}
#tqg-about-page .tqg-about-system-line-secondary {
  stroke: rgba(216,180,107,.105);
  stroke-width: .9;
}

/* Concentric target nodes explicitly echo the Home network nodes. */
#tqg-about-page .tqg-about-target-ring {
  fill: rgba(7,26,51,.97);
  stroke: rgba(216,180,107,.94);
  vector-effect: non-scaling-stroke;
}
#tqg-about-page .tqg-about-target-ring-outer {
  stroke-width: 1.35;
}
#tqg-about-page .tqg-about-target-ring-dashed {
  fill: none;
  stroke: rgba(216,180,107,.50);
  stroke-width: .9;
  stroke-dasharray: 2 2;
}
#tqg-about-page .tqg-about-target-core {
  fill: var(--tqg-gold);
  filter: drop-shadow(0 0 4px rgba(199,155,75,.28));
}

/* Pulsing rings: restrained at rest, stronger on interaction. */
@keyframes tqgAboutNodePulseOuter {
  0%   { opacity: .30; transform: scale(.82); }
  65%  { opacity: .07; transform: scale(1.42); }
  100% { opacity: 0; transform: scale(1.62); }
}
@keyframes tqgAboutNodePulseInner {
  0%   { opacity: .24; transform: scale(.90); }
  70%  { opacity: .05; transform: scale(1.28); }
  100% { opacity: 0; transform: scale(1.42); }
}
#tqg-about-page .tqg-about-target-pulse {
  fill: none;
  stroke: rgba(216,180,107,.54);
  stroke-width: .8;
  transform-box: fill-box;
  transform-origin: center;
  vector-effect: non-scaling-stroke;
}
#tqg-about-page .tqg-about-target-pulse-outer {
  animation: tqgAboutNodePulseOuter 3s ease-out infinite;
}
#tqg-about-page .tqg-about-target-pulse-inner {
  animation: tqgAboutNodePulseInner 3s .24s ease-out infinite;
}
#tqg-about-page .tqg-about-plane-alignment .tqg-about-target-pulse {
  animation-delay: .65s;
}
#tqg-about-page .tqg-about-plane-capability .tqg-about-target-pulse {
  animation-delay: 1.3s;
}

/* Stronger 03/02/01 hierarchy — compact, distinguished, and contained. */
#tqg-about-page .tqg-about-scale line {
  stroke: rgba(216,180,107,.44);
  stroke-width: .85;
}
#tqg-about-page .tqg-about-scale text {
  fill: rgba(216,180,107,.98);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}

/* Main vertical datum is visible but does not dominate. */
#tqg-about-page .tqg-about-center-spine line {
  stroke: rgba(216,180,107,.40);
  stroke-width: .95;
}

/* Labels are visually tighter to the diagram, mirroring Home's node/label relationship. */
#tqg-about-page .tqg-about-label-line {
  stroke: rgba(216,180,107,.50);
  stroke-width: .9;
}
#tqg-about-page .tqg-about-label-node {
  fill: rgba(216,180,107,.88);
}
#tqg-about-page .tqg-about-label-title {
  fill: rgba(255,255,255,.94);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .085em;
}
#tqg-about-page .tqg-about-label-copy {
  fill: rgba(216,180,107,.84);
  font-size: 8.5px;
  font-weight: 650;
  letter-spacing: .045em;
}

/* Hover/focus: reveal context and activate the associated architecture, not the entire figure. */
#tqg-about-page .tqg-about-plane:hover .tqg-about-plane-face,
#tqg-about-page .tqg-about-plane:focus-visible .tqg-about-plane-face {
  fill: rgba(14,43,72,.99);
  stroke: rgba(232,198,128,1);
  filter: drop-shadow(0 0 5px rgba(216,180,107,.18));
}

#tqg-about-page .tqg-about-plane:hover .tqg-about-target-ring-outer,
#tqg-about-page .tqg-about-plane:focus-visible .tqg-about-target-ring-outer {
  stroke: rgba(244,213,151,1);
  filter: drop-shadow(0 0 6px rgba(216,180,107,.32));
}

#tqg-about-page .tqg-about-plane:hover .tqg-about-target-core,
#tqg-about-page .tqg-about-plane:focus-visible .tqg-about-target-core {
  filter: drop-shadow(0 0 8px rgba(216,180,107,.52));
}

#tqg-about-page .tqg-about-plane:hover .tqg-about-hover-copy,
#tqg-about-page .tqg-about-plane:focus-visible .tqg-about-hover-copy {
  opacity: 1;
  transform: translateY(0);
}

/* Give the hover explanation enough contrast while keeping it secondary. */
#tqg-about-page .tqg-about-hover-copy {
  fill: rgba(255,255,255,.76);
  font-size: 10px;
  font-style: italic;
  letter-spacing: .005em;
}

/* Bottom notation gets the same quiet technical-meta feel as Home's OE / 01. */
#tqg-about-page .tqg-about-bottom-note {
  fill: rgba(216,180,107,.46);
  font-size: 7.5px;
  font-weight: 600;
  letter-spacing: .22em;
}

@media (prefers-reduced-motion: reduce) {
  #tqg-about-page .tqg-about-target-pulse {
    animation: none !important;
  }
}

@media (max-width: 900px) {
  #tqg-about-page .tqg-about-hero-system {
    width: min(100%, 780px);
    transform: none;
  }
}


/* =========================================================
   v1.1.127 — ABOUT HERO HYBRID IMAGE + LIVE OVERLAY
   Exact approved artwork + transparent background + live interaction.
   HOME PAGE UNCHANGED.
   ========================================================= */

#tqg-about-page .tqg-about-image-system {
  width: min(100%, 790px);
  min-width: 0;
  margin: 0;
  justify-self: center;
  align-self: center;
}

#tqg-about-page .tqg-about-image-stage {
  position: relative;
  width: 100%;
  aspect-ratio: 925 / 730;
  isolation: isolate;
}

#tqg-about-page .tqg-about-image-art {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
  pointer-events: none;
}

/* Invisible accessible interaction regions mapped to the three actual planes. */
#tqg-about-page .tqg-about-layer-hotspot {
  position: absolute;
  z-index: 5;
  left: 11.5%;
  width: 47%;
  height: 24%;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  cursor: pointer;
  clip-path: polygon(50% 0, 100% 36%, 100% 64%, 50% 100%, 0 64%, 0 36%);
}

#tqg-about-page .tqg-about-layer-hotspot-capability { top: 3.5%; }
#tqg-about-page .tqg-about-layer-hotspot-alignment  { top: 29.5%; }
#tqg-about-page .tqg-about-layer-hotspot-evidence   { top: 55.5%; }

#tqg-about-page .tqg-about-layer-hotspot::after {
  content: "";
  position: absolute;
  inset: 5%;
  opacity: 0;
  border: 1px solid rgba(216,180,107,.68);
  background: rgba(216,180,107,.025);
  clip-path: inherit;
  transition: opacity .2s ease, filter .2s ease;
}

#tqg-about-page .tqg-about-layer-hotspot:hover::after,
#tqg-about-page .tqg-about-layer-hotspot:focus-visible::after {
  opacity: 1;
  filter: drop-shadow(0 0 7px rgba(216,180,107,.18));
}

/* Live pulsing rings sit directly over the static gold nodes in the artwork. */
#tqg-about-page .tqg-about-live-pulse {
  position: absolute;
  z-index: 4;
  left: 35.05%;
  width: 4.8%;
  aspect-ratio: 1;
  border: 1px solid rgba(216,180,107,.72);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(.72);
  opacity: 0;
  animation: tqgAboutHybridPulse 2.9s ease-out infinite;
}

#tqg-about-page .tqg-about-live-pulse::after {
  content: "";
  position: absolute;
  inset: 24%;
  border: 1px dashed rgba(216,180,107,.52);
  border-radius: 50%;
}

#tqg-about-page .tqg-about-live-pulse-capability { top: 19.2%; animation-delay: 1.2s; }
#tqg-about-page .tqg-about-live-pulse-alignment  { top: 45.0%; animation-delay: .6s; }
#tqg-about-page .tqg-about-live-pulse-evidence   { top: 70.9%; animation-delay: 0s; }

@keyframes tqgAboutHybridPulse {
  0%   { opacity: .38; transform: translate(-50%, -50%) scale(.68); }
  58%  { opacity: .10; transform: translate(-50%, -50%) scale(1.62); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(2.02); }
}

/* Contextual language appears beside the exact baked-in labels. */
#tqg-about-page .tqg-about-layer-note {
  position: absolute;
  z-index: 6;
  left: 67.4%;
  width: 30%;
  margin: 0;
  color: rgba(255,255,255,.80);
  font-family: var(--tqg-font-sans);
  font-size: clamp(10px, .72vw, 12px);
  font-style: italic;
  font-weight: 400;
  line-height: 1.38;
  opacity: 0;
  pointer-events: none;
  transform: translateY(5px);
  transition: opacity .2s ease, transform .2s ease;
}

#tqg-about-page .tqg-about-layer-note-capability { top: 23.5%; }
#tqg-about-page .tqg-about-layer-note-alignment  { top: 49.3%; }
#tqg-about-page .tqg-about-layer-note-evidence   { top: 75.2%; }

/* Reveal the corresponding note through hover or keyboard focus. */
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-capability:hover) .tqg-about-layer-note-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-capability:focus-visible) .tqg-about-layer-note-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-alignment:hover) .tqg-about-layer-note-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-alignment:focus-visible) .tqg-about-layer-note-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-evidence:hover) .tqg-about-layer-note-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-evidence:focus-visible) .tqg-about-layer-note-evidence {
  opacity: 1;
  transform: translateY(0);
}

/* Active layer also strengthens its associated live pulse. */
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-capability:hover) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-capability:focus-visible) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-alignment:hover) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-alignment:focus-visible) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-evidence:hover) .tqg-about-live-pulse-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-evidence:focus-visible) .tqg-about-live-pulse-evidence {
  border-color: rgba(240,207,141,1);
  animation-duration: 1.8s;
}

/* Keep the visual centered against the hero copy rather than top-aligned. */
#tqg-about-page .tqg-hero-grid {
  align-items: center;
}

@media (prefers-reduced-motion: reduce) {
  #tqg-about-page .tqg-about-live-pulse {
    animation: none;
    opacity: .22;
    transform: translate(-50%, -50%) scale(1);
  }
}

@media (max-width: 980px) {
  #tqg-about-page .tqg-about-image-system {
    width: min(100%, 760px);
  }
}

@media (max-width: 720px) {
  #tqg-about-page .tqg-about-layer-note {
    display: none;
  }

  #tqg-about-page .tqg-about-layer-hotspot {
    left: 10%;
    width: 52%;
  }
}


/* =========================================================
   v1.1.128 — ABOUT HYBRID BALANCE + HOTSPOT + PULSE FIX
   ABOUT PAGE ONLY. HOME UNCHANGED.
   ========================================================= */

/* Rebalance the visual against the left hero copy. */
#tqg-about-page .tqg-about-image-system {
  width: min(100%, 700px);
  justify-self: center;
  align-self: center;
}

#tqg-about-page .tqg-about-image-stage {
  aspect-ratio: 925 / 730;
}

/* Map plane hotspots more tightly to the actual three planes. */
#tqg-about-page .tqg-about-layer-hotspot {
  left: 12.4%;
  width: 44.5%;
  height: 21.5%;
}
#tqg-about-page .tqg-about-layer-hotspot-capability { top: 5.2%; }
#tqg-about-page .tqg-about-layer-hotspot-alignment  { top: 31.2%; }
#tqg-about-page .tqg-about-layer-hotspot-evidence   { top: 57.0%; }

/* Add dedicated hotspots over the baked-in label groups. */
#tqg-about-page .tqg-about-label-hotspot {
  position: absolute;
  z-index: 7;
  left: 64.5%;
  width: 31%;
  height: 14%;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  cursor: pointer;
}
#tqg-about-page .tqg-about-label-hotspot-capability { top: 11.5%; }
#tqg-about-page .tqg-about-label-hotspot-alignment  { top: 37.5%; }
#tqg-about-page .tqg-about-label-hotspot-evidence   { top: 63.5%; }

/* Isometric pulse rings: elliptical and rotated to match the plane angle. */
#tqg-about-page .tqg-about-live-pulse {
  left: 35.05%;
  width: 5.4%;
  height: 2.4%;
  aspect-ratio: auto;
  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(-19deg) scale(.72);
  transform-origin: center;
}

#tqg-about-page .tqg-about-live-pulse::after {
  inset: 22%;
  border-radius: 50%;
}

#tqg-about-page .tqg-about-live-pulse-capability { top: 19.1%; }
#tqg-about-page .tqg-about-live-pulse-alignment  { top: 45.0%; }
#tqg-about-page .tqg-about-live-pulse-evidence   { top: 70.8%; }

@keyframes tqgAboutHybridPulseIso {
  0%   { opacity: .34; transform: translate(-50%, -50%) rotate(-19deg) scale(.72); }
  58%  { opacity: .10; transform: translate(-50%, -50%) rotate(-19deg) scale(1.56); }
  100% { opacity: 0; transform: translate(-50%, -50%) rotate(-19deg) scale(1.92); }
}

#tqg-about-page .tqg-about-live-pulse {
  animation-name: tqgAboutHybridPulseIso;
}

/* Move hover language below the baked-in supporting labels, never on top of them. */
#tqg-about-page .tqg-about-layer-note {
  left: 67.1%;
  width: 28.8%;
  font-size: clamp(9px, .62vw, 11px);
  line-height: 1.34;
  color: rgba(255,255,255,.82);
}

#tqg-about-page .tqg-about-layer-note-capability { top: 25.6%; }
#tqg-about-page .tqg-about-layer-note-alignment  { top: 51.6%; }
#tqg-about-page .tqg-about-layer-note-evidence   { top: 77.6%; }

/* Reveal notes from either the plane or the text-label hotspot. */
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-capability:hover) .tqg-about-layer-note-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-capability:focus-visible) .tqg-about-layer-note-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-alignment:hover) .tqg-about-layer-note-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-alignment:focus-visible) .tqg-about-layer-note-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-evidence:hover) .tqg-about-layer-note-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-evidence:focus-visible) .tqg-about-layer-note-evidence {
  opacity: 1;
  transform: translateY(0);
}

/* Strengthen pulse when hovering either corresponding zone. */
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-capability:hover) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-capability:focus-visible) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-alignment:hover) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-alignment:focus-visible) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-evidence:hover) .tqg-about-live-pulse-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-evidence:focus-visible) .tqg-about-live-pulse-evidence {
  border-color: rgba(240,206,137,1);
  animation-duration: 1.75s;
}

/* Keyboard-visible focus for text-side hotspots without drawing a box over the artwork. */
#tqg-about-page .tqg-about-label-hotspot:focus-visible {
  outline: 1px solid rgba(216,180,107,.72);
  outline-offset: 2px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  #tqg-about-page .tqg-about-live-pulse {
    animation: none;
    opacity: .20;
    transform: translate(-50%, -50%) rotate(-19deg) scale(1);
  }
}

@media (max-width: 980px) {
  #tqg-about-page .tqg-about-image-system {
    width: min(100%, 670px);
  }
}

@media (max-width: 720px) {
  #tqg-about-page .tqg-about-label-hotspot {
    left: 63%;
    width: 34%;
  }
}


/* =========================================================
   v1.1.129 — ABOUT HYBRID INTERACTION PRECISION FIX
   ABOUT PAGE ONLY. HOME UNCHANGED.
   Fixes note collision, mismatched hover glow, and pulse perspective.
   ========================================================= */

/* 1. Remove the polygon overlay glow entirely.
      The approved artwork remains visually untouched on hover. */
#tqg-about-page .tqg-about-layer-hotspot::after {
  display: none !important;
}

#tqg-about-page .tqg-about-layer-hotspot:hover::after,
#tqg-about-page .tqg-about-layer-hotspot:focus-visible::after {
  display: none !important;
  opacity: 0 !important;
  filter: none !important;
}

/* 2. Match the live pulse to the baked-in target rings:
      horizontal isometric ellipses, no rotation. */
#tqg-about-page .tqg-about-live-pulse {
  left: 35.05%;
  width: 5.8%;
  height: 2.05%;
  aspect-ratio: auto;
  border: 1px solid rgba(216,180,107,.70);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(.78);
  transform-origin: center;
}

#tqg-about-page .tqg-about-live-pulse::after {
  inset: 22% 20%;
  border: 1px dashed rgba(216,180,107,.46);
  border-radius: 50%;
}

#tqg-about-page .tqg-about-live-pulse-capability { top: 19.10%; }
#tqg-about-page .tqg-about-live-pulse-alignment  { top: 45.02%; }
#tqg-about-page .tqg-about-live-pulse-evidence   { top: 70.82%; }

@keyframes tqgAboutHybridPulseFlat {
  0% {
    opacity: .34;
    transform: translate(-50%, -50%) scale(.74);
  }
  58% {
    opacity: .10;
    transform: translate(-50%, -50%) scale(1.48);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.80);
  }
}

#tqg-about-page .tqg-about-live-pulse {
  animation-name: tqgAboutHybridPulseFlat !important;
}

/* 3. Put hover explanations into dedicated clear space under each baked-in
      label group, rather than on top of the gold support text. */
#tqg-about-page .tqg-about-layer-note {
  left: 66.8%;
  width: 30.5%;
  padding: 6px 0 0;
  margin: 0;
  color: rgba(255,255,255,.82);
  font-family: var(--tqg-font-sans);
  font-size: clamp(9px, .58vw, 10.5px);
  font-style: italic;
  font-weight: 400;
  line-height: 1.38;
  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

/* These are intentionally well below the baked-in gold copy. */
#tqg-about-page .tqg-about-layer-note-capability { top: 27.2%; }
#tqg-about-page .tqg-about-layer-note-alignment  { top: 53.0%; }
#tqg-about-page .tqg-about-layer-note-evidence   { top: 78.8%; }

/* 4. Keep both interaction zones active: plane AND corresponding text block. */
#tqg-about-page .tqg-about-label-hotspot {
  left: 64%;
  width: 33%;
  height: 15%;
}

#tqg-about-page .tqg-about-label-hotspot-capability { top: 10.2%; }
#tqg-about-page .tqg-about-label-hotspot-alignment  { top: 36.0%; }
#tqg-about-page .tqg-about-label-hotspot-evidence   { top: 61.8%; }

/* 5. Hover/focus response is now limited to:
      - contextual note
      - correctly aligned node pulse
      This avoids any fake geometry over the static artwork. */
#tqg-about-page .tqg-about-layer-hotspot:hover,
#tqg-about-page .tqg-about-layer-hotspot:focus-visible,
#tqg-about-page .tqg-about-label-hotspot:hover,
#tqg-about-page .tqg-about-label-hotspot:focus-visible {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Stronger pulse from either the plane or its label. */
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-capability:hover) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-capability:focus-visible) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-capability:hover) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-capability:focus-visible) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-alignment:hover) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-alignment:focus-visible) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-alignment:hover) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-alignment:focus-visible) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-evidence:hover) .tqg-about-live-pulse-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-evidence:focus-visible) .tqg-about-live-pulse-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-evidence:hover) .tqg-about-live-pulse-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-evidence:focus-visible) .tqg-about-live-pulse-evidence {
  border-color: rgba(240,206,137,.96);
  animation-duration: 1.72s;
}

/* Keyboard focus remains visible only around the text-area hotspot,
   not over the plane artwork. */
#tqg-about-page .tqg-about-layer-hotspot:focus-visible {
  outline: none !important;
}

#tqg-about-page .tqg-about-label-hotspot:focus-visible {
  outline: 1px solid rgba(216,180,107,.58);
  outline-offset: 2px;
  border-radius: 3px;
}

/* Keep the visual balanced with the left hero copy. */
#tqg-about-page .tqg-about-image-system {
  width: min(100%, 685px);
}

@media (prefers-reduced-motion: reduce) {
  #tqg-about-page .tqg-about-live-pulse {
    animation: none !important;
    opacity: .20;
    transform: translate(-50%, -50%) scale(1);
  }
}

@media (max-width: 980px) {
  #tqg-about-page .tqg-about-image-system {
    width: min(100%, 655px);
  }
}



/* =========================================================
   v1.1.130 — ABOUT HOVER SPACING + STATIC TARGET CLEANUP
   ABOUT PAGE ONLY. HOME UNCHANGED.
   ========================================================= */

/* Remove live pulse rings completely. The approved baked-in target
   artwork now carries the visual emphasis on its own. */
#tqg-about-page .tqg-about-live-pulse,
#tqg-about-page .tqg-about-live-pulse::after {
  display: none !important;
  animation: none !important;
}

/* Keep hover/focus behavior informational only; no artificial glow geometry. */
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-capability:hover) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-capability:focus-visible) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-capability:hover) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-capability:focus-visible) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-alignment:hover) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-alignment:focus-visible) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-alignment:hover) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-alignment:focus-visible) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-evidence:hover) .tqg-about-live-pulse-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-evidence:focus-visible) .tqg-about-live-pulse-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-evidence:hover) .tqg-about-live-pulse-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-evidence:focus-visible) .tqg-about-live-pulse-evidence {
  display: none !important;
}

/* Give hover explanations dedicated clear space below the baked-in copy.
   Capability was already close; Alignment and Evidence need more separation. */
#tqg-about-page .tqg-about-layer-note {
  left: 66.9%;
  width: 30.2%;
  padding: 0;
  font-size: clamp(9px, .56vw, 10.25px);
  line-height: 1.34;
}

#tqg-about-page .tqg-about-layer-note-capability {
  top: 27.4%;
}

#tqg-about-page .tqg-about-layer-note-alignment {
  top: 54.6%;
}

#tqg-about-page .tqg-about-layer-note-evidence {
  top: 81.3%;
}

/* Nudge label interaction regions upward so the hover target covers the
   visible label group without occupying the note area beneath it. */
#tqg-about-page .tqg-about-label-hotspot-capability {
  top: 9.8%;
  height: 14.2%;
}

#tqg-about-page .tqg-about-label-hotspot-alignment {
  top: 35.5%;
  height: 14.2%;
}

#tqg-about-page .tqg-about-label-hotspot-evidence {
  top: 61.3%;
  height: 14.2%;
}

/* Keep hover notes crisp and subtle. */
#tqg-about-page .tqg-about-layer-note {
  color: rgba(255,255,255,.78);
  text-shadow: none;
}

@media (max-width: 980px) {
  #tqg-about-page .tqg-about-layer-note-alignment {
    top: 55.0%;
  }

  #tqg-about-page .tqg-about-layer-note-evidence {
    top: 81.6%;
  }
}


/* =========================================================
   v1.1.131 — SOLUTIONS HERO ARCHITECTURE REFINEMENT
   SOLUTIONS PAGE ONLY. HOME + ABOUT UNCHANGED.
   Aligns visual discipline with the approved About hero while
   preserving the six-bay Solutions concept and functionality.
   ========================================================= */

#tqg-solutions-page .tqg-solutions-hero {
  padding: 70px 0 64px;
}

#tqg-solutions-page .tqg-solutions-hero > .tqg-container {
  width: min(100%, 1500px);
  max-width: 1500px;
  grid-template-columns: minmax(0, .86fr) minmax(620px, 1.14fr);
  gap: clamp(56px, 5vw, 86px);
  align-items: center;
}

#tqg-solutions-page .tqg-solution-architecture {
  width: min(100%, 760px);
  justify-self: center;
  align-self: center;
}

#tqg-solutions-page .tqg-architecture-heading {
  grid-template-columns: 56px auto 56px;
  justify-content: center;
  gap: 14px;
  margin: 0 auto 16px;
}

#tqg-solutions-page .tqg-architecture-heading h2 {
  color: rgba(216,180,107,.82);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .24em;
}

#tqg-solutions-page .tqg-architecture-heading span {
  opacity: .72;
}

/* Cleaner blueprint field: less scaffolding, more negative space. */
#tqg-solutions-page .tqg-architecture-stage {
  min-height: 356px;
  padding: 54px 16px 28px;
  border-top-color: rgba(216,180,107,.12);
  border-bottom-color: rgba(216,180,107,.12);
}

#tqg-solutions-page .tqg-blueprint-guides {
  opacity: .055;
  background-size: 46px 46px;
  mask-image: radial-gradient(ellipse at center, #000 28%, rgba(0,0,0,.72) 60%, transparent 92%);
}

#tqg-solutions-page .tqg-architecture-facade path,
#tqg-solutions-page .tqg-architecture-facade circle {
  stroke-width: .86;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-entablature,
#tqg-solutions-page .tqg-architecture-facade .tqg-svg-foundation {
  opacity: .62;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-shared-columns {
  opacity: .58;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-arcade {
  opacity: .72;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-door {
  opacity: .42;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-dentils {
  opacity: .18;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-construction {
  opacity: .045;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-annotations {
  opacity: .16;
}

#tqg-solutions-page .tqg-architecture-facade .tqg-svg-centerlines,
#tqg-solutions-page .tqg-architecture-facade .tqg-svg-projection {
  opacity: .20;
}

/* The six bays become the primary readable architecture. */
#tqg-solutions-page .tqg-architecture-bays {
  filter: none;
}

#tqg-solutions-page .tqg-architecture-bay {
  height: 270px;
  padding: 73px 10px 20px;
  border-top-color: transparent;
  border-radius: 62px 62px 0 0;
  background: transparent;
}

#tqg-solutions-page .tqg-architecture-bay:hover,
#tqg-solutions-page .tqg-architecture-bay:focus-visible,
#tqg-solutions-page .tqg-architecture-bay.is-active {
  border-color: rgba(216,180,107,.46);
  background:
    radial-gradient(ellipse at 50% 22%, rgba(216,180,107,.085), transparent 48%),
    linear-gradient(180deg, rgba(216,180,107,.035), transparent 70%);
}

#tqg-solutions-page .tqg-bay-ornament {
  top: 52px;
  width: 30px;
  height: 12px;
  opacity: .78;
}

#tqg-solutions-page .tqg-bay-number {
  color: rgba(216,180,107,.88);
  font-size: 20px;
}

#tqg-solutions-page .tqg-bay-number::after {
  width: 22px;
  margin-top: 7px;
  opacity: .78;
}

#tqg-solutions-page .tqg-bay-name {
  min-height: 40px;
  margin-top: 8px;
  color: rgba(255,255,255,.86);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: .035em;
  line-height: 1.42;
}

/* Connections remain, but read as secondary systems logic. */
#tqg-solutions-page .tqg-architecture-connections path {
  stroke: rgba(216,180,107,.34);
  stroke-width: 1;
}

#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay:hover) .tqg-architecture-connections path,
#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay:focus-visible) .tqg-architecture-connections path {
  stroke: rgba(216,180,107,.56);
}

/* Premium selected-solution readout: compact, quiet, aligned. */
#tqg-solutions-page .tqg-architecture-detail {
  width: calc(100% / 6);
  height: 82px;
  padding: 10px 4px 0;
}

#tqg-solutions-page .tqg-architecture-detail p {
  height: 43px;
  margin-bottom: 3px;
  color: rgba(216,180,107,.82);
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .075em;
  line-height: 1.35;
}

#tqg-solutions-page .tqg-architecture-detail a {
  color: rgba(255,255,255,.82);
  font-size: 8px;
  letter-spacing: .14em;
}

/* Subtle drafting datum, echoing About's restrained measurement language. */
#tqg-solutions-page .tqg-architecture-stage::after {
  content: "01 — 06  /  CONNECTED SOLUTION ARCHITECTURE";
  position: absolute;
  right: 18px;
  bottom: 8px;
  z-index: 2;
  color: rgba(216,180,107,.30);
  font-family: var(--tqg-font-sans);
  font-size: 5.5px;
  font-weight: 600;
  letter-spacing: .18em;
  pointer-events: none;
}

/* Keep the left/right hero balance comparable to About. */
#tqg-solutions-page .tqg-page-hero-copy {
  max-width: 610px;
}

#tqg-solutions-page .tqg-page-hero-copy .tqg-h1 {
  max-width: 610px;
  font-size: clamp(42px, 3.05vw, 56px);
}

@media (max-width: 1180px) {
  #tqg-solutions-page .tqg-solutions-hero > .tqg-container {
    grid-template-columns: minmax(0, .82fr) minmax(570px, 1.18fr);
    gap: 42px;
  }
  #tqg-solutions-page .tqg-solution-architecture {
    width: min(100%, 700px);
  }
}

@media (max-width: 980px) {
  #tqg-solutions-page .tqg-solution-architecture {
    width: min(100%, 760px);
  }
}

@media (max-width: 720px) {
  #tqg-solutions-page .tqg-architecture-stage::after {
    display: none;
  }
}


/* =========================================================
   v1.1.132 — SOLUTIONS HERO VISUAL MATCH TO ABOUT
   SOLUTIONS PAGE ONLY. HOME + ABOUT UNCHANGED.
   ========================================================= */

/* Remove the architecture title/header entirely. */
#tqg-solutions-page .tqg-architecture-heading {
  display: none !important;
}

/* Preserve About-like vertical balance after removing heading. */
#tqg-solutions-page .tqg-architecture-stage {
  margin-top: 0;
  padding-top: 46px;
}

/* ---------------------------------------------------------
   ABOUT-PAGE VISUAL LANGUAGE
   Gold = restrained warm drafting gold
   Navy = shared hero field
   White = quiet labels
   Glow = localized only; never a broad neon effect
   --------------------------------------------------------- */

#tqg-solutions-page .tqg-architecture-facade path,
#tqg-solutions-page .tqg-architecture-facade circle,
#tqg-solutions-page .tqg-architecture-connections path {
  vector-effect: non-scaling-stroke;
}

/* Primary architectural geometry: same visual weight family as About. */
#tqg-solutions-page .tqg-architecture-facade .tqg-svg-arcade,
#tqg-solutions-page .tqg-architecture-facade .tqg-svg-entablature,
#tqg-solutions-page .tqg-architecture-facade .tqg-svg-foundation {
  stroke: rgba(216,180,107,.82);
  stroke-width: 1.05;
  opacity: .88;
}

/* Secondary shared structure. */
#tqg-solutions-page .tqg-architecture-facade .tqg-svg-shared-columns,
#tqg-solutions-page .tqg-architecture-facade .tqg-svg-projection {
  stroke: rgba(216,180,107,.48);
  stroke-width: .82;
  opacity: .68;
}

/* Tertiary blueprint construction details. */
#tqg-solutions-page .tqg-architecture-facade .tqg-svg-construction,
#tqg-solutions-page .tqg-architecture-facade .tqg-svg-centerlines,
#tqg-solutions-page .tqg-architecture-facade .tqg-svg-annotations,
#tqg-solutions-page .tqg-architecture-facade .tqg-svg-dentils {
  stroke: rgba(216,180,107,.30);
  stroke-width: .62;
  opacity: .28;
}

/* Door/detail lines remain readable but clearly subordinate. */
#tqg-solutions-page .tqg-architecture-facade .tqg-svg-door {
  stroke: rgba(216,180,107,.58);
  stroke-width: .82;
  opacity: .58;
}

/* Connection system: quiet by default, precise on interaction. */
#tqg-solutions-page .tqg-architecture-connections path {
  stroke: rgba(216,180,107,.34);
  stroke-width: .88;
  opacity: .74;
  filter: none;
  transition:
    stroke .22s ease,
    opacity .22s ease,
    filter .22s ease;
}

#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay:hover) .tqg-architecture-connections path,
#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay:focus-visible) .tqg-architecture-connections path,
#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay.is-active) .tqg-architecture-connections path {
  stroke: rgba(216,180,107,.66);
  opacity: .92;
  filter: drop-shadow(0 0 3px rgba(216,180,107,.16));
}

/* Six solution bays: remove boxy glow and use the About page's
   restrained center-emphasis / drafting-light behavior. */
#tqg-solutions-page .tqg-architecture-bay {
  box-shadow: none !important;
  filter: none !important;
  transition:
    border-color .22s ease,
    background .22s ease,
    transform .22s ease;
}

#tqg-solutions-page .tqg-architecture-bay:hover,
#tqg-solutions-page .tqg-architecture-bay:focus-visible,
#tqg-solutions-page .tqg-architecture-bay.is-active {
  transform: translateY(-1px);
  border-color: rgba(216,180,107,.44);
  background:
    radial-gradient(circle at 50% 30%,
      rgba(216,180,107,.105) 0,
      rgba(216,180,107,.055) 18%,
      rgba(216,180,107,.018) 37%,
      transparent 61%);
  box-shadow: none !important;
  filter: none !important;
}

/* Ornament/node treatment mirrors About's localized gold focal rings. */
#tqg-solutions-page .tqg-bay-ornament {
  border-color: rgba(216,180,107,.76);
  opacity: .86;
  box-shadow: none;
}

#tqg-solutions-page .tqg-bay-ornament::before,
#tqg-solutions-page .tqg-bay-ornament::after {
  border-color: rgba(216,180,107,.58);
}

#tqg-solutions-page .tqg-architecture-bay:hover .tqg-bay-ornament,
#tqg-solutions-page .tqg-architecture-bay:focus-visible .tqg-bay-ornament,
#tqg-solutions-page .tqg-architecture-bay.is-active .tqg-bay-ornament {
  border-color: rgba(216,180,107,.96);
  box-shadow:
    0 0 5px rgba(216,180,107,.20),
    0 0 12px rgba(216,180,107,.09);
}

/* Numbering and typography use the same restrained contrast hierarchy. */
#tqg-solutions-page .tqg-bay-number {
  color: rgba(216,180,107,.92);
  text-shadow: none;
}

#tqg-solutions-page .tqg-bay-number::after {
  background: rgba(216,180,107,.74);
  box-shadow: none;
}

#tqg-solutions-page .tqg-bay-name {
  color: rgba(255,255,255,.86);
  text-shadow: none;
}

#tqg-solutions-page .tqg-architecture-bay:hover .tqg-bay-name,
#tqg-solutions-page .tqg-architecture-bay:focus-visible .tqg-bay-name,
#tqg-solutions-page .tqg-architecture-bay.is-active .tqg-bay-name {
  color: rgba(255,255,255,.98);
}

/* Dynamic supporting copy follows About's gold/white hierarchy. */
#tqg-solutions-page .tqg-architecture-detail p {
  color: rgba(216,180,107,.84);
  text-shadow: none;
}

#tqg-solutions-page .tqg-architecture-detail a {
  color: rgba(255,255,255,.84);
  text-shadow: none;
}

#tqg-solutions-page .tqg-architecture-detail a:hover,
#tqg-solutions-page .tqg-architecture-detail a:focus-visible {
  color: rgba(255,255,255,1);
}

/* Blueprint grid should sit at essentially the same visual depth as About. */
#tqg-solutions-page .tqg-blueprint-guides {
  opacity: .045;
}

/* Keep the datum extremely quiet now that the top title is removed. */
#tqg-solutions-page .tqg-architecture-stage::after {
  color: rgba(216,180,107,.26);
  letter-spacing: .20em;
}


/* =========================================================
   v1.1.134 — SOLUTIONS GRAPHIC IMAGE OVERLAY ONLY
   Baseline: v1.1.132
   Scope: Solutions architecture visual only.
   ========================================================= */

#tqg-solutions-page .tqg-architecture-stage {
  position: relative;
}

/* Exact approved architecture image; no visual reconstruction. */
#tqg-solutions-page .tqg-solutions-approved-architecture-image {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}

/* Hide only the old generated architecture artwork.
   Keep its interaction layer, dynamic copy and Explore Solution behavior intact. */
#tqg-solutions-page .tqg-architecture-stage > .tqg-blueprint-guides,
#tqg-solutions-page .tqg-architecture-stage > .tqg-architecture-facade,
#tqg-solutions-page .tqg-architecture-stage > .tqg-architecture-cornice,
#tqg-solutions-page .tqg-architecture-stage > .tqg-architecture-connections,
#tqg-solutions-page .tqg-architecture-stage > .tqg-architecture-foundation {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Existing six v1.1.132 bay controls become transparent hit areas over the image. */
#tqg-solutions-page .tqg-architecture-bays {
  position: absolute;
  inset: 0;
  z-index: 4;
}

#tqg-solutions-page .tqg-architecture-bay {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Hide generated bay artwork/text so it does not duplicate the exact image.
   The button itself remains live and continues to drive the existing JS. */
#tqg-solutions-page .tqg-architecture-bay > * {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* No glow in this test. */
#tqg-solutions-page .tqg-architecture-bay:hover,
#tqg-solutions-page .tqg-architecture-bay:focus-visible,
#tqg-solutions-page .tqg-architecture-bay.is-active {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Preserve keyboard accessibility without adding a glow treatment. */
#tqg-solutions-page .tqg-architecture-bay:focus-visible {
  outline: 1px solid rgba(216,180,107,.55);
  outline-offset: -3px;
}


/* =========================================================
   v1.1.135 — SOLUTIONS TRANSPARENCY + ABOUT VISUAL CALIBRATION
   Baseline: v1.1.134
   Scope: Solutions hero graphic only.
   ========================================================= */

/* Transparent approved architecture sits on the live navy hero field. */
#tqg-solutions-page .tqg-solutions-approved-architecture-image {
  mix-blend-mode: normal;
  filter: none;
}

/* Transparent interaction layer remains invisible at rest. */
#tqg-solutions-page .tqg-architecture-bay {
  position: relative;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Localized About-style illumination: no broad panel glow, no outline box.
   Only a very restrained warm center emphasis within the selected bay. */
#tqg-solutions-page .tqg-architecture-bay::after {
  content: "";
  position: absolute;
  inset: 8% 10% 10%;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(
      ellipse at 50% 58%,
      rgba(216,180,107,.085) 0%,
      rgba(216,180,107,.040) 28%,
      rgba(216,180,107,.015) 48%,
      transparent 68%
    );
  transition: opacity .20s ease;
}

#tqg-solutions-page .tqg-architecture-bay:hover::after,
#tqg-solutions-page .tqg-architecture-bay:focus-visible::after,
#tqg-solutions-page .tqg-architecture-bay.is-active::after {
  opacity: 1;
}

/* Keep keyboard accessibility without introducing a visual box around the bay. */
#tqg-solutions-page .tqg-architecture-bay:focus-visible {
  outline: none !important;
}

/* Dynamic copy under the architecture follows About's gold/white hierarchy. */
#tqg-solutions-page .tqg-architecture-detail p {
  color: rgba(216,180,107,.88) !important;
  text-shadow: none !important;
}

#tqg-solutions-page .tqg-architecture-detail a {
  color: rgba(247,247,244,.92) !important;
  text-shadow: none !important;
}

#tqg-solutions-page .tqg-architecture-detail a:hover,
#tqg-solutions-page .tqg-architecture-detail a:focus-visible {
  color: rgba(216,180,107,.98) !important;
}

/* Keep the graphic crisp and unfiltered. */
#tqg-solutions-page .tqg-solutions-approved-architecture-image {
  image-rendering: auto;
  opacity: 1;
}


/* =========================================================
   v1.1.136 — SOLUTIONS CRISPNESS + HOVER GEOMETRY REMOVAL
   Baseline: v1.1.135
   Scope: Solutions hero graphic only.
   ========================================================= */

/* Use high-resolution transparent artwork at or below its intended display size. */
#tqg-solutions-page .tqg-solutions-approved-architecture-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  image-rendering: auto;
  transform: translateZ(0);
  filter: none !important;
  opacity: 1 !important;
}

/* Remove every legacy/generated hover shape, arch, border, glow, or pseudo-element.
   The approved image itself must never change shape on hover. */
#tqg-solutions-page .tqg-architecture-bay::before,
#tqg-solutions-page .tqg-architecture-bay::after,
#tqg-solutions-page .tqg-architecture-bay:hover::before,
#tqg-solutions-page .tqg-architecture-bay:hover::after,
#tqg-solutions-page .tqg-architecture-bay:focus-visible::before,
#tqg-solutions-page .tqg-architecture-bay:focus-visible::after,
#tqg-solutions-page .tqg-architecture-bay.is-active::before,
#tqg-solutions-page .tqg-architecture-bay.is-active::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Transparent bay controls remain functional but visually inert. */
#tqg-solutions-page .tqg-architecture-bay,
#tqg-solutions-page .tqg-architecture-bay:hover,
#tqg-solutions-page .tqg-architecture-bay:focus-visible,
#tqg-solutions-page .tqg-architecture-bay.is-active {
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* No visual hover treatment on architecture itself.
   Only the existing dynamic copy and Explore Solution link respond. */
#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay:hover),
#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay:focus-visible),
#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay.is-active) {
  filter: none !important;
  box-shadow: none !important;
}

/* Avoid fractional scaling where possible to protect drafting-line clarity. */
#tqg-solutions-page .tqg-solution-architecture {
  width: min(100%, 780px);
}

@media (max-width: 1180px) {
  #tqg-solutions-page .tqg-solution-architecture {
    width: min(100%, 740px);
  }
}


/* =========================================================
   v1.1.137 — SOLUTIONS SCALE + BAY-ALIGNED DETAIL
   Baseline: v1.1.136
   Scope: Solutions hero graphic/detail only.
   ========================================================= */

/* Increase architecture presence slightly while preserving hero balance. */
#tqg-solutions-page .tqg-solution-architecture {
  width: min(100%, 835px);
  justify-self: center;
}

/* Keep the approved image crisp at the larger intended size. */
#tqg-solutions-page .tqg-solutions-approved-architecture-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* The dynamic promise + Explore Solution now belong to the selected bay,
   rather than floating under the center of the full architecture. */
#tqg-solutions-page .tqg-solution-architecture {
  position: relative;
}

#tqg-solutions-page .tqg-architecture-detail {
  position: relative;
  width: 16.6667% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 62px;
  margin: 10px 0 0 !important;
  padding: 0 5px !important;
  text-align: center;
  transform: translateX(0);
  transition: transform .22s ease;
}

#tqg-solutions-page .tqg-architecture-detail p {
  width: 100% !important;
  height: auto !important;
  min-height: 34px;
  margin: 0 0 5px !important;
  font-size: 7.4px !important;
  line-height: 1.28 !important;
  letter-spacing: .075em !important;
  text-align: center;
}

#tqg-solutions-page .tqg-architecture-detail a {
  display: inline-flex !important;
  justify-content: center;
  width: 100%;
  font-size: 7px !important;
  line-height: 1.2;
  white-space: nowrap;
  letter-spacing: .11em !important;
}

/* Align the detail block to the currently selected architecture bay.
   Each shift is one-sixth of the architecture width. */
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(1).is-active) .tqg-architecture-detail {
  transform: translateX(0%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(2).is-active) .tqg-architecture-detail {
  transform: translateX(100%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(3).is-active) .tqg-architecture-detail {
  transform: translateX(200%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(4).is-active) .tqg-architecture-detail {
  transform: translateX(300%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(5).is-active) .tqg-architecture-detail {
  transform: translateX(400%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(6).is-active) .tqg-architecture-detail {
  transform: translateX(500%);
}

/* Hover/focus should temporarily align the detail beneath the bay being explored,
   before click/selection, while existing JS continues updating the text/link. */
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(1):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(1):focus-visible) .tqg-architecture-detail {
  transform: translateX(0%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(2):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(2):focus-visible) .tqg-architecture-detail {
  transform: translateX(100%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(3):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(3):focus-visible) .tqg-architecture-detail {
  transform: translateX(200%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(4):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(4):focus-visible) .tqg-architecture-detail {
  transform: translateX(300%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(5):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(5):focus-visible) .tqg-architecture-detail {
  transform: translateX(400%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(6):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(6):focus-visible) .tqg-architecture-detail {
  transform: translateX(500%);
}

/* Preserve no-glow architecture behavior from v1.1.136. */
#tqg-solutions-page .tqg-architecture-bay,
#tqg-solutions-page .tqg-architecture-bay:hover,
#tqg-solutions-page .tqg-architecture-bay:focus-visible,
#tqg-solutions-page .tqg-architecture-bay.is-active {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

@media (max-width: 1180px) {
  #tqg-solutions-page .tqg-solution-architecture {
    width: min(100%, 790px);
  }
}

@media (max-width: 980px) {
  #tqg-solutions-page .tqg-solution-architecture {
    width: min(100%, 760px);
  }
}

/* On compact layouts, return detail to a centered full-width treatment
   rather than creating six tiny moving columns. */
@media (max-width: 720px) {
  #tqg-solutions-page .tqg-architecture-detail {
    width: min(100%, 420px) !important;
    margin: 10px auto 0 !important;
    transform: none !important;
  }

  #tqg-solutions-page .tqg-architecture-detail p {
    font-size: 8px !important;
  }

  #tqg-solutions-page .tqg-architecture-detail a {
    font-size: 7.5px !important;
  }
}


/* =========================================================
   v1.1.138 — SOLUTIONS DETAIL CENTER CALIBRATION
   Baseline: v1.1.137
   Scope: Solutions hero hover/detail positioning only.
   ========================================================= */

/*
  The approved architecture image includes outer structural margins/columns,
  so the visual centers of 01–06 are NOT located at 8.33%, 25%, 41.67%...
  of the full image. Calibrated bay centers from the rendered architecture:
  01 13.0% | 02 28.0% | 03 43.0% | 04 58.0% | 05 73.0% | 06 88.0%

  Use a fixed 15% detail width and position its CENTER beneath each actual bay.
*/
#tqg-solutions-page .tqg-architecture-detail {
  position: relative;
  left: 0;
  width: 15% !important;
  margin: 10px 0 0 !important;
  transform: translateX(36.67%);
  transition: transform .22s ease;
}

/* Selected solution positions */
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(1).is-active) .tqg-architecture-detail {
  transform: translateX(36.67%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(2).is-active) .tqg-architecture-detail {
  transform: translateX(136.67%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(3).is-active) .tqg-architecture-detail {
  transform: translateX(236.67%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(4).is-active) .tqg-architecture-detail {
  transform: translateX(336.67%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(5).is-active) .tqg-architecture-detail {
  transform: translateX(436.67%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(6).is-active) .tqg-architecture-detail {
  transform: translateX(536.67%);
}

/* Hover/focus positions */
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(1):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(1):focus-visible) .tqg-architecture-detail {
  transform: translateX(36.67%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(2):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(2):focus-visible) .tqg-architecture-detail {
  transform: translateX(136.67%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(3):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(3):focus-visible) .tqg-architecture-detail {
  transform: translateX(236.67%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(4):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(4):focus-visible) .tqg-architecture-detail {
  transform: translateX(336.67%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(5):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(5):focus-visible) .tqg-architecture-detail {
  transform: translateX(436.67%);
}
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(6):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(6):focus-visible) .tqg-architecture-detail {
  transform: translateX(536.67%);
}

/* Center both lines on the same bay axis. */
#tqg-solutions-page .tqg-architecture-detail p,
#tqg-solutions-page .tqg-architecture-detail a {
  box-sizing: border-box;
  width: 100% !important;
  text-align: center !important;
  justify-content: center !important;
}

/* Keep compact layouts centered as before. */
@media (max-width: 720px) {
  #tqg-solutions-page .tqg-architecture-detail {
    left: auto;
    width: min(100%, 420px) !important;
    margin: 10px auto 0 !important;
    transform: none !important;
  }
}


/* =========================================================
   v1.1.139 — TQG SITE VISUAL STANDARD NORMALIZATION
   Typography, CTA geometry, gold hierarchy, and interaction restraint.
   ========================================================= */

/* ---------------------------------------------------------
   TYPOGRAPHY
   Playfair = headings/editorial serif
   Inter    = body/UI/navigation/buttons
   --------------------------------------------------------- */
.tqg-site {
  font-family: var(--tqg-font-body);
}

.tqg-site .tqg-h1,
.tqg-site .tqg-h2,
.tqg-site .tqg-h3,
.tqg-site .tqg-serif,
.tqg-site .tqg-quote,
.tqg-site .tqg-sub,
.tqg-insight-publication h1,
.tqg-insight-publication h2,
.tqg-insight-publication h3,
#tqg-insights-page .tqg-insight-tile h3 {
  font-family: var(--tqg-font-heading);
}

.tqg-site p,
.tqg-site a,
.tqg-site button,
.tqg-site input,
.tqg-site textarea,
.tqg-site select,
.tqg-site .tqg-btn,
#tqg-insights-page .tqg-insight-filter {
  font-family: var(--tqg-font-body);
}

/* About's approved editorial hero statement remains serif intentionally,
   but now comes from the shared token instead of a page-specific font name. */
#tqg-about-page .tqg-hero .tqg-sub,
#tqg-about-page .tqg-hero-copy > p {
  font-family: var(--tqg-font-heading) !important;
}

/* ---------------------------------------------------------
   HERO CTA STANDARD
   Same geometry across Home / About / Approach / Solutions / Why.
   Header CTA remains a documented shell variant.
   --------------------------------------------------------- */
#tqg-approach-page .tqg-hero-copy .tqg-btn,
#tqg-solutions-page .tqg-page-hero-copy .tqg-btn,
#tqg-why-page .tqg-page-hero-copy .tqg-btn {
  width: auto !important;
  min-width: 240px !important;
  height: 50px !important;
  padding-inline: 28px !important;
  border-width: 1.5px !important;
  border-radius: 999px !important;
  font-family: var(--tqg-font-body) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
}

/* Contact preview CTA uses the same visual component while remaining
   intentionally non-functional until the actual form is connected. */
#tqg-contact-page .tqg-contact-form-action {
  margin-top: 34px;
}

#tqg-contact-page .tqg-contact-form-action .tqg-btn[disabled] {
  min-width: 240px;
  height: 50px;
  opacity: 1;
  cursor: default;
  pointer-events: none;
}

/* ---------------------------------------------------------
   SHARED GOLD / LINE HIERARCHY
   Primary:   #D8B46B / stronger
   Secondary: #C79B4B / quieter
   Construction: low-opacity gold
   --------------------------------------------------------- */

/* Insights folio interaction colors */
#tqg-insights-page .tqg-folio-topics button::after,
#tqg-insights-page .tqg-folio-callout::after {
  background: rgba(199,155,75,0);
  box-shadow: 0 0 0 rgba(199,155,75,0);
}

#tqg-insights-page .tqg-folio-topics button:hover::after,
#tqg-insights-page .tqg-folio-topics button:focus-visible::after,
#tqg-insights-page .tqg-folio-callout:hover::after,
#tqg-insights-page .tqg-folio-callout:focus-visible::after {
  border-color: rgba(216,180,107,.72);
  background: rgba(199,155,75,.075);
  box-shadow: 0 0 14px rgba(216,180,107,.14);
}

#tqg-insights-page .tqg-folio-highlight {
  border-color: rgba(216,180,107,.76);
  background: linear-gradient(135deg, rgba(199,155,75,.025), rgba(216,180,107,.085));
  box-shadow: 0 0 16px rgba(216,180,107,.14), inset 0 0 12px rgba(199,155,75,.05);
}

/* Why TQG Transformation Bridge: keep the concept, normalize the visual intensity. */
#tqg-why-page .tqg-bridge-drafting,
#tqg-why-page .tqg-bridge-mesh {
  stroke: rgba(199,155,75,.22);
  stroke-width: .9;
}

#tqg-why-page .tqg-bridge-shell {
  fill: rgba(199,155,75,.035);
  stroke: rgba(216,180,107,.38);
  stroke-width: 1.05;
}

#tqg-why-page .tqg-bridge-mesh .tqg-bridge-contour {
  stroke: rgba(216,180,107,.88);
  stroke-width: 1.55;
  filter: drop-shadow(0 0 2px rgba(216,180,107,.12));
}

#tqg-why-page .tqg-bridge-mesh .tqg-bridge-entrance,
#tqg-why-page .tqg-bridge-mesh .tqg-bridge-exit {
  stroke: rgba(216,180,107,.82);
  stroke-width: 1.45;
}

#tqg-why-page .tqg-bridge-route path,
#tqg-why-page .tqg-bridge-outcome path {
  stroke-width: 1.05;
  opacity: .62;
}

#tqg-why-page .tqg-bridge-route:hover path,
#tqg-why-page .tqg-bridge-route:focus path,
#tqg-why-page .tqg-bridge-route.is-active path,
#tqg-why-page .tqg-bridge-outcome.is-active path {
  opacity: .94;
  stroke-width: 1.7;
  filter: drop-shadow(0 0 3px rgba(216,180,107,.22));
}

#tqg-why-page .tqg-bridge-route.is-active .tqg-bridge-talent-path,
#tqg-why-page .tqg-bridge-route:hover .tqg-bridge-talent-path,
#tqg-why-page .tqg-bridge-route:focus .tqg-bridge-talent-path {
  stroke: var(--tqg-gold-light);
  stroke-width: 1.9;
}

#tqg-why-page .tqg-bridge-outcome.is-secondary path {
  opacity: .76;
  stroke-width: 1.4;
  filter: drop-shadow(0 0 2px rgba(216,180,107,.14));
}

#tqg-why-page .tqg-bridge-route:hover circle,
#tqg-why-page .tqg-bridge-route:focus circle,
#tqg-why-page .tqg-bridge-route.is-active circle,
#tqg-why-page .tqg-bridge-outcome.is-active circle {
  opacity: 1;
  filter: drop-shadow(0 0 3px rgba(216,180,107,.30));
}

#tqg-why-page .tqg-bridge-intersection-glow {
  opacity: .42;
}

/* ---------------------------------------------------------
   SHELL CTA VARIANT
   Intentionally narrower than page hero CTAs because it lives in navigation.
   Visual construction remains identical.
   --------------------------------------------------------- */
.tqg-global-header .tqg-shell-consultation-button {
  height: 50px;
  border-width: 1.5px;
  border-radius: 999px;
  font-family: var(--tqg-font-body);
}

/* ---------------------------------------------------------
   MOBILE: preserve existing full-width button behavior.
   --------------------------------------------------------- */
@media (max-width: 700px) {
  #tqg-approach-page .tqg-hero-copy .tqg-btn,
  #tqg-solutions-page .tqg-page-hero-copy .tqg-btn,
  #tqg-why-page .tqg-page-hero-copy .tqg-btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* =========================================================
   v1.1.140 — SITEWIDE GOLD TEXT STANDARDIZATION
   TEXT GOLD = #C79B4B
   LINE/TECHNICAL GOLD = #D8B46B
   ========================================================= */

/* Global labels and eyebrow/kicker text */
.tqg-site .tqg-label,
.tqg-site .tqg-kicker,
.tqg-site .tqg-eyebrow {
  color: var(--tqg-gold-text) !important;
}

/* HOME hero gold text */
#tqg-home-page .tqg-hero-copy .tqg-accent,
#tqg-home-page .tqg-hero-copy .tqg-gold,
#tqg-home-page .tqg-hero-copy .tqg-hero-accent-copy,
#tqg-home-page .tqg-hero-copy strong,
#tqg-home-page .tqg-hero-copy em {
  color: var(--tqg-gold-text) !important;
}

/* ABOUT hero gold text */
#tqg-about-page .tqg-hero .tqg-label,
#tqg-about-page .tqg-hero-copy .tqg-accent,
#tqg-about-page .tqg-hero-copy .tqg-gold,
#tqg-about-page .tqg-hero-copy > p,
#tqg-about-page .tqg-hero .tqg-sub,
#tqg-about-page .tqg-hero-copy strong,
#tqg-about-page .tqg-hero-copy em {
  color: var(--tqg-gold-text) !important;
}

/* APPROACH hero gold text */
#tqg-approach-page .tqg-hero-copy .tqg-label,
#tqg-approach-page .tqg-hero-copy .tqg-accent,
#tqg-approach-page .tqg-hero-copy .tqg-gold,
#tqg-approach-page .tqg-hero-copy strong,
#tqg-approach-page .tqg-hero-copy em {
  color: var(--tqg-gold-text) !important;
}

/* SOLUTIONS hero + dynamic solution text */
#tqg-solutions-page .tqg-page-hero-copy .tqg-label,
#tqg-solutions-page .tqg-page-hero-copy .tqg-accent,
#tqg-solutions-page .tqg-page-hero-copy .tqg-gold,
#tqg-solutions-page .tqg-page-hero-copy strong,
#tqg-solutions-page .tqg-page-hero-copy em,
#tqg-solutions-page .tqg-architecture-detail p {
  color: var(--tqg-gold-text) !important;
}

/* WHY TQG hero gold text */
#tqg-why-page .tqg-page-hero-copy .tqg-label,
#tqg-why-page .tqg-page-hero-copy .tqg-accent,
#tqg-why-page .tqg-page-hero-copy .tqg-gold,
#tqg-why-page .tqg-page-hero-copy strong,
#tqg-why-page .tqg-page-hero-copy em {
  color: var(--tqg-gold-text) !important;
}

/* CONTACT hero gold text */
#tqg-contact-page .tqg-page-hero-copy .tqg-label,
#tqg-contact-page .tqg-page-hero-copy .tqg-accent,
#tqg-contact-page .tqg-page-hero-copy .tqg-gold,
#tqg-contact-page .tqg-page-hero-copy strong,
#tqg-contact-page .tqg-page-hero-copy em {
  color: var(--tqg-gold-text) !important;
}

/* INSIGHTS hero/category/article gold text */
#tqg-insights-page .tqg-page-hero-copy .tqg-label,
#tqg-insights-page .tqg-insight-category,
#tqg-insights-page .tqg-insight-label,
.tqg-insight-publication .tqg-insight-label,
.tqg-insight-publication .tqg-insight-category,
.tqg-insight-publication .tqg-article-kicker {
  color: var(--tqg-gold-text) !important;
}

/* Technical rule/line color remains the lighter gold */
.tqg-site .tqg-kicker-rule,
.tqg-site .tqg-gold-rule,
.tqg-site .tqg-divider-gold {
  border-color: var(--tqg-gold-line) !important;
  background-color: var(--tqg-gold-line) !important;
}

/* Shared dark-button treatment remains consistent */
.tqg-site .tqg-btn-dark {
  border-color: var(--tqg-gold-text) !important;
}



/* =========================================================
   v1.1.141 — SITEWIDE GRAPHIC GOLD NORMALIZATION
   Single gold hue: #C79B4B
   Hierarchy is created with opacity, not alternate gold hues.
   ========================================================= */

:root {
  --tqg-gold: #C79B4B;
  --tqg-gold-text: #C79B4B;
  --tqg-gold-light: #C79B4B;
  --tqg-gold-line: #C79B4B;
}

/* HOME graphic */
#tqg-home-page svg [stroke="#D8B46B"],
#tqg-home-page svg [stroke="#C79B4B"],
#tqg-home-page svg [fill="#D8B46B"],
#tqg-home-page svg [fill="#C79B4B"] {
  stroke: var(--tqg-gold-line);
  fill: var(--tqg-gold-line);
}

/* ABOUT hybrid overlay + any remaining live SVG/detail */
#tqg-about-page .tqg-about-label-line,
#tqg-about-page .tqg-about-center-spine line,
#tqg-about-page .tqg-about-system-line,
#tqg-about-page .tqg-about-target-ring,
#tqg-about-page .tqg-about-target-pulse,
#tqg-about-page .tqg-about-scale line {
  stroke: var(--tqg-gold-line) !important;
}

#tqg-about-page .tqg-about-label-node,
#tqg-about-page .tqg-about-target-core,
#tqg-about-page .tqg-about-scale text,
#tqg-about-page .tqg-about-label-copy,
#tqg-about-page .tqg-about-bottom-note {
  fill: var(--tqg-gold-line) !important;
}

/* SOLUTIONS graphic interaction + detail */
#tqg-solutions-page .tqg-architecture-connections path,
#tqg-solutions-page .tqg-architecture-facade path,
#tqg-solutions-page .tqg-architecture-facade circle {
  stroke: var(--tqg-gold-line) !important;
}

#tqg-solutions-page .tqg-architecture-detail p {
  color: var(--tqg-gold-text) !important;
}

/* WHY TQG bridge */
#tqg-why-page .tqg-bridge-drafting,
#tqg-why-page .tqg-bridge-mesh,
#tqg-why-page .tqg-bridge-shell,
#tqg-why-page .tqg-bridge-mesh .tqg-bridge-contour,
#tqg-why-page .tqg-bridge-mesh .tqg-bridge-entrance,
#tqg-why-page .tqg-bridge-mesh .tqg-bridge-exit,
#tqg-why-page .tqg-bridge-route path,
#tqg-why-page .tqg-bridge-outcome path {
  stroke: var(--tqg-gold-line) !important;
}

/* INSIGHTS folio / blueprint graphic */
#tqg-insights-page .tqg-folio-highlight,
#tqg-insights-page .tqg-folio-topics button::after,
#tqg-insights-page .tqg-folio-callout::after {
  border-color: rgba(199,155,75,.72) !important;
}

/* Technical rules across all page graphics */
.tqg-site .tqg-kicker-rule,
.tqg-site .tqg-gold-rule,
.tqg-site .tqg-divider-gold {
  background-color: var(--tqg-gold-line) !important;
  border-color: var(--tqg-gold-line) !important;
}

/* Use alpha only for visual hierarchy. */
.tqg-site .tqg-graphic-primary {
  color: rgba(199,155,75,.92);
  stroke: rgba(199,155,75,.92);
}
.tqg-site .tqg-graphic-secondary {
  color: rgba(199,155,75,.56);
  stroke: rgba(199,155,75,.56);
}
.tqg-site .tqg-graphic-construction {
  color: rgba(199,155,75,.24);
  stroke: rgba(199,155,75,.24);
}


/* =========================================================
   v1.1.142 — HERO GRAPHIC SYSTEM CORRECTION
   Restores Home logo integrity and locks one shared graphic hierarchy.
   ========================================================= */

/* ---------------------------------------------------------
   SHARED HERO GRAPHIC STANDARD
   One hue; hierarchy only by opacity.
   --------------------------------------------------------- */
.tqg-site .tqg-system-hero {
  --tqg-hero-gold-strong: rgba(199,155,75,.92);
  --tqg-hero-gold-primary: rgba(199,155,75,.72);
  --tqg-hero-gold-secondary: rgba(199,155,75,.38);
  --tqg-hero-gold-construction: rgba(199,155,75,.18);

  --tqg-hero-white-primary: rgba(255,255,255,.94);
  --tqg-hero-white-secondary: rgba(255,255,255,.78);
  --tqg-hero-white-muted: rgba(255,255,255,.56);

  --tqg-hero-line-strong: 1.5px;
  --tqg-hero-line-primary: 1.25px;
  --tqg-hero-line-secondary: 1px;
  --tqg-hero-line-fine: .8px;

  --tqg-hero-glow: 0 0 8px rgba(199,155,75,.18);
}

/* ---------------------------------------------------------
   HOME — network graphic
   --------------------------------------------------------- */
#tqg-home-page .tqg-home-network {
  --network-gold: #C79B4B;
  --network-line: rgba(199,155,75,.38);
  --network-line-muted: rgba(199,155,75,.18);
}

/* Construction field */
#tqg-home-page .tqg-home-network-grid {
  background-image:
    linear-gradient(rgba(199,155,75,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(199,155,75,.055) 1px, transparent 1px);
}

#tqg-home-page .tqg-home-network-ring {
  border-color: rgba(199,155,75,.38);
}

#tqg-home-page .tqg-home-network-ring::before {
  border-color: rgba(199,155,75,.12);
}

#tqg-home-page .tqg-home-network-ring::after {
  border-color: rgba(199,155,75,.18);
}

#tqg-home-page .tqg-home-network-axis-x,
#tqg-home-page .tqg-home-network-axis-y {
  border-color: rgba(199,155,75,.24);
}

#tqg-home-page .tqg-home-network-dimensions {
  color: rgba(199,155,75,.58);
}

/* Network connections */
#tqg-home-page .tqg-home-network-svg .network-line {
  stroke: var(--network-line) !important;
  fill: none !important;
  stroke-width: var(--tqg-hero-line-primary);
}

#tqg-home-page .tqg-home-network-svg .network-line-secondary {
  stroke: var(--network-line-muted) !important;
  fill: none !important;
  stroke-width: var(--tqg-hero-line-secondary);
}

/* Center ring */
#tqg-home-page .tqg-home-network-center::before {
  border-color: rgba(199,155,75,.72);
  box-shadow:
    0 0 8px rgba(199,155,75,.18),
    inset 0 0 6px rgba(199,155,75,.08);
}

#tqg-home-page .tqg-home-network-center-orbit {
  border-color: rgba(199,155,75,.22);
}

/* Nodes */
#tqg-home-page .tqg-home-network-point {
  border-color: rgba(199,155,75,.92);
}

#tqg-home-page .tqg-home-network-point::before {
  border-color: rgba(199,155,75,.38);
}

#tqg-home-page .tqg-home-network-point::after {
  background: #C79B4B;
}

#tqg-home-page .tqg-home-network-label {
  color: var(--tqg-hero-white-primary);
}

/* Active Home connection remains restrained, like About/Solutions */
#tqg-home-page .tqg-home-network-svg .network-line.is-active,
#tqg-home-page .tqg-home-network-svg .network-line.active-route {
  stroke: rgba(199,155,75,.82) !important;
  filter: drop-shadow(0 0 3px rgba(199,155,75,.18));
}

/* ---------------------------------------------------------
   ABOUT — live overlay language around the raster graphic
   --------------------------------------------------------- */
#tqg-about-page .tqg-about-layer-note {
  color: var(--tqg-hero-white-secondary) !important;
}

#tqg-about-page .tqg-about-label-hotspot:focus-visible {
  outline-color: rgba(199,155,75,.58) !important;
}

/* ---------------------------------------------------------
   SOLUTIONS — raster graphic + live interaction
   --------------------------------------------------------- */
#tqg-solutions-page .tqg-architecture-detail p {
  color: #C79B4B !important;
}

#tqg-solutions-page .tqg-architecture-detail a {
  color: var(--tqg-hero-white-primary) !important;
}

#tqg-solutions-page .tqg-architecture-detail a:hover,
#tqg-solutions-page .tqg-architecture-detail a:focus-visible {
  color: #C79B4B !important;
}

/* ---------------------------------------------------------
   WHY TQG — same graphic hierarchy
   --------------------------------------------------------- */
#tqg-why-page .tqg-bridge-drafting,
#tqg-why-page .tqg-bridge-mesh {
  stroke: var(--tqg-hero-gold-construction) !important;
}

#tqg-why-page .tqg-bridge-shell {
  stroke: var(--tqg-hero-gold-secondary) !important;
}

#tqg-why-page .tqg-bridge-mesh .tqg-bridge-contour,
#tqg-why-page .tqg-bridge-mesh .tqg-bridge-entrance,
#tqg-why-page .tqg-bridge-mesh .tqg-bridge-exit {
  stroke: var(--tqg-hero-gold-primary) !important;
}

#tqg-why-page .tqg-bridge-route path,
#tqg-why-page .tqg-bridge-outcome path {
  stroke: var(--tqg-hero-gold-secondary) !important;
}

#tqg-why-page .tqg-bridge-route:hover path,
#tqg-why-page .tqg-bridge-route:focus path,
#tqg-why-page .tqg-bridge-route.is-active path,
#tqg-why-page .tqg-bridge-outcome.is-active path {
  stroke: var(--tqg-hero-gold-strong) !important;
  filter: drop-shadow(0 0 3px rgba(199,155,75,.18));
}

/* ---------------------------------------------------------
   INSIGHTS — same restrained blueprint hierarchy
   --------------------------------------------------------- */
#tqg-insights-page .tqg-folio-highlight,
#tqg-insights-page .tqg-folio-topics button::after,
#tqg-insights-page .tqg-folio-callout::after {
  border-color: var(--tqg-hero-gold-primary) !important;
}

#tqg-insights-page .tqg-folio-highlight {
  box-shadow:
    0 0 10px rgba(199,155,75,.12),
    inset 0 0 8px rgba(199,155,75,.04) !important;
}

/* ---------------------------------------------------------
   IMPORTANT SAFETY:
   Do not globally assign both fill and stroke to arbitrary gold SVG nodes.
   SVG geometry retains its authored fill/stroke semantics.
   --------------------------------------------------------- */
#tqg-home-page svg [fill="none"] {
  fill: none !important;
}


/* =========================================================
   v1.1.143 — TQG HERO STANDARD v1.0
   Home is the visual reference for all primary site heroes.
   ========================================================= */

:root {
  --tqg-hero-max-width: 1600px;
  --tqg-hero-gap: clamp(48px, 5vw, 84px);
  --tqg-hero-visual-width: 720px;
  --tqg-hero-visual-height: 500px;
  --tqg-hero-headline-size: clamp(50px, 3.65vw, 64px);
  --tqg-hero-body-size: 16px;
  --tqg-hero-body-line: 1.65;
  --tqg-hero-rule-width: min(100%, 550px);
}

#tqg-home-page .tqg-home-hero-grid,
#tqg-about-page .tqg-hero-grid,
#tqg-approach-page .tqg-hero-grid,
#tqg-solutions-page .tqg-page-hero > .tqg-container,
#tqg-why-page .tqg-page-hero > .tqg-container,
#tqg-contact-page .tqg-page-hero > .tqg-container,
#tqg-insights-page .tqg-page-hero > .tqg-container {
  width: min(calc(100% - 64px), var(--tqg-hero-max-width)) !important;
  max-width: var(--tqg-hero-max-width) !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  gap: var(--tqg-hero-gap) !important;
  align-items: center !important;
}

#tqg-home-page .tqg-home-hero-copy,
#tqg-about-page .tqg-hero-copy,
#tqg-approach-page .tqg-hero-copy,
#tqg-solutions-page .tqg-page-hero-copy,
#tqg-why-page .tqg-page-hero-copy,
#tqg-contact-page .tqg-page-hero-copy,
#tqg-insights-page .tqg-page-hero-copy {
  width:100% !important;
  max-width:660px !important;
  justify-self:start !important;
}

#tqg-home-page .tqg-home-hero-copy .tqg-eyebrow,
#tqg-about-page .tqg-hero-copy .tqg-eyebrow,
#tqg-approach-page .tqg-hero-copy .tqg-eyebrow,
#tqg-solutions-page .tqg-page-hero-copy .tqg-eyebrow,
#tqg-why-page .tqg-page-hero-copy .tqg-eyebrow,
#tqg-contact-page .tqg-page-hero-copy .tqg-eyebrow,
#tqg-insights-page .tqg-page-hero-copy .tqg-eyebrow {
  margin-bottom:24px !important;
  color:#C79B4B !important;
  font-family:var(--tqg-font-body) !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
}

#tqg-home-page .tqg-home-hero-copy h1,
#tqg-about-page .tqg-hero-copy .tqg-h1,
#tqg-approach-page .tqg-hero-copy .tqg-h1,
#tqg-solutions-page .tqg-page-hero-copy .tqg-h1,
#tqg-why-page .tqg-page-hero-copy .tqg-h1,
#tqg-contact-page .tqg-page-hero-copy .tqg-h1,
#tqg-insights-page .tqg-page-hero-copy .tqg-h1 {
  margin:0 !important;
  max-width:660px !important;
  color:#fff !important;
  font-family:var(--tqg-font-heading) !important;
  font-size:var(--tqg-hero-headline-size) !important;
  font-weight:500 !important;
  line-height:.96 !important;
  letter-spacing:-.035em !important;
}

#tqg-home-page .tqg-home-hero-emphasis,
.tqg-site .tqg-hero-emphasis {
  color:#C79B4B !important;
  font-family:inherit !important;
  font-style:normal !important;
  font-weight:inherit !important;
}

.tqg-site .tqg-hero-rule,
#tqg-home-page .tqg-home-hero-rule,
#tqg-insights-page .tqg-insights-hero-rule {
  position:relative !important;
  display:block !important;
  width:var(--tqg-hero-rule-width) !important;
  max-width:100% !important;
  height:1px !important;
  margin:24px 0 20px !important;
  border:0 !important;
  background:linear-gradient(90deg,rgba(199,155,75,.96),rgba(199,155,75,.74) 62%,rgba(199,155,75,.16)) !important;
  box-shadow:0 0 8px rgba(199,155,75,.08) !important;
}
.tqg-site .tqg-hero-rule::before,
#tqg-home-page .tqg-home-hero-rule::before,
#tqg-insights-page .tqg-insights-hero-rule::before {
  content:"";
  position:absolute;
  left:-1px; top:50%;
  width:5px; height:5px;
  border-radius:50%;
  background:#C79B4B;
  transform:translateY(-50%);
  box-shadow:0 0 6px rgba(199,155,75,.20);
}

#tqg-home-page .tqg-home-hero-copy > p,
#tqg-about-page .tqg-hero-copy > p,
#tqg-approach-page .tqg-hero-copy > p,
#tqg-solutions-page .tqg-page-hero-copy > p,
#tqg-why-page .tqg-page-hero-copy > p,
#tqg-contact-page .tqg-page-hero-copy > p,
#tqg-insights-page .tqg-page-hero-copy > p {
  margin:0 !important;
  max-width:620px !important;
  color:rgba(255,255,255,.88) !important;
  font-family:var(--tqg-font-body) !important;
  font-size:var(--tqg-hero-body-size) !important;
  font-style:normal !important;
  font-weight:400 !important;
  line-height:var(--tqg-hero-body-line) !important;
  letter-spacing:0 !important;
}

#tqg-home-page .tqg-home-hero-copy .tqg-btn-group,
#tqg-about-page .tqg-hero-copy .tqg-btn-group,
#tqg-approach-page .tqg-hero-copy .tqg-btn-group,
#tqg-solutions-page .tqg-page-hero-copy .tqg-btn-group,
#tqg-why-page .tqg-page-hero-copy .tqg-btn-group,
#tqg-contact-page .tqg-page-hero-copy .tqg-btn-group,
#tqg-insights-page .tqg-page-hero-copy .tqg-btn-group {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:16px !important;
  margin-top:30px !important;
}
#tqg-home-page .tqg-home-hero-copy .tqg-btn,
#tqg-about-page .tqg-hero-copy .tqg-btn,
#tqg-approach-page .tqg-hero-copy .tqg-btn,
#tqg-solutions-page .tqg-page-hero-copy .tqg-btn,
#tqg-why-page .tqg-page-hero-copy .tqg-btn,
#tqg-contact-page .tqg-page-hero-copy .tqg-btn,
#tqg-insights-page .tqg-page-hero-copy .tqg-btn {
  min-width:240px !important;
  height:50px !important;
  padding:0 28px !important;
  border-width:1.5px !important;
  border-radius:999px !important;
  font-family:var(--tqg-font-body) !important;
  font-size:10px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

#tqg-home-page .tqg-home-network,
#tqg-about-page .tqg-about-image-system,
#tqg-approach-page .tqg-method-visual,
#tqg-solutions-page .tqg-solution-architecture,
#tqg-why-page .tqg-transformation-bridge,
#tqg-contact-page .tqg-hero-statement,
#tqg-insights-page .tqg-insights-folio {
  box-sizing:border-box !important;
  width:min(100%,var(--tqg-hero-visual-width)) !important;
  max-width:var(--tqg-hero-visual-width) !important;
  min-width:0 !important;
  height:var(--tqg-hero-visual-height) !important;
  max-height:var(--tqg-hero-visual-height) !important;
  margin:0 !important;
  justify-self:center !important;
  align-self:center !important;
}

#tqg-about-page .tqg-about-image-stage,
#tqg-solutions-page .tqg-architecture-stage,
#tqg-insights-page .tqg-insights-folio {width:100% !important;}
#tqg-about-page .tqg-about-image-art,
#tqg-solutions-page .tqg-solutions-approved-architecture-image,
#tqg-insights-page .tqg-insights-folio > img {object-fit:contain !important;}

#tqg-solutions-page .tqg-solution-architecture {
  display:flex !important; flex-direction:column !important; justify-content:center !important;
}
#tqg-solutions-page .tqg-architecture-stage {height:400px !important;min-height:0 !important;}
#tqg-about-page .tqg-about-image-stage {height:100% !important;}
#tqg-approach-page .tqg-method-visual,
#tqg-why-page .tqg-transformation-bridge {
  display:flex !important;flex-direction:column !important;justify-content:center !important;
}
#tqg-contact-page .tqg-hero-statement {
  display:flex !important;flex-direction:column !important;justify-content:center !important;
  padding:clamp(44px,5vw,72px) !important;
}
#tqg-insights-page .tqg-insights-folio {
  display:flex !important;align-items:center !important;justify-content:center !important;
}

#tqg-home-page .tqg-home-hero,
#tqg-about-page .tqg-hero,
#tqg-approach-page .tqg-hero,
#tqg-solutions-page .tqg-page-hero,
#tqg-why-page .tqg-page-hero,
#tqg-contact-page .tqg-page-hero,
#tqg-insights-page .tqg-page-hero {
  min-height:650px !important;
  padding-top:56px !important;
  padding-bottom:56px !important;
}

@media(max-width:1050px){
  #tqg-home-page .tqg-home-hero-grid,
  #tqg-about-page .tqg-hero-grid,
  #tqg-approach-page .tqg-hero-grid,
  #tqg-solutions-page .tqg-page-hero > .tqg-container,
  #tqg-why-page .tqg-page-hero > .tqg-container,
  #tqg-contact-page .tqg-page-hero > .tqg-container,
  #tqg-insights-page .tqg-page-hero > .tqg-container {
    grid-template-columns:1fr !important;row-gap:44px !important;
  }
  #tqg-home-page .tqg-home-network,
  #tqg-about-page .tqg-about-image-system,
  #tqg-approach-page .tqg-method-visual,
  #tqg-solutions-page .tqg-solution-architecture,
  #tqg-why-page .tqg-transformation-bridge,
  #tqg-contact-page .tqg-hero-statement,
  #tqg-insights-page .tqg-insights-folio {
    height:auto !important;max-height:none !important;min-height:420px !important;
  }
}
@media(max-width:700px){
  :root{--tqg-hero-headline-size:clamp(42px,12vw,54px);}
  #tqg-home-page .tqg-home-hero-grid,
  #tqg-about-page .tqg-hero-grid,
  #tqg-approach-page .tqg-hero-grid,
  #tqg-solutions-page .tqg-page-hero > .tqg-container,
  #tqg-why-page .tqg-page-hero > .tqg-container,
  #tqg-contact-page .tqg-page-hero > .tqg-container,
  #tqg-insights-page .tqg-page-hero > .tqg-container {
    width:min(calc(100% - 32px),var(--tqg-hero-max-width)) !important;
  }
  #tqg-home-page .tqg-home-hero-copy .tqg-btn,
  #tqg-about-page .tqg-hero-copy .tqg-btn,
  #tqg-approach-page .tqg-hero-copy .tqg-btn,
  #tqg-solutions-page .tqg-page-hero-copy .tqg-btn,
  #tqg-why-page .tqg-page-hero-copy .tqg-btn,
  #tqg-contact-page .tqg-page-hero-copy .tqg-btn,
  #tqg-insights-page .tqg-page-hero-copy .tqg-btn {
    width:100% !important;min-width:0 !important;
  }
}


/* =========================================================
   v1.1.144 — GRAPHICS RESET TO v1.1.142
   Keeps v1.1.143 hero text/CTA standard.
   Restores only hero graphic sizing/position behavior.
   ========================================================= */

/* Remove the forced common 720x500 graphic box introduced in v1.1.143.
   Each visual returns to its page-specific v1.1.142 dimensions. */
#tqg-home-page .tqg-home-network,
#tqg-about-page .tqg-about-image-system,
#tqg-approach-page .tqg-method-visual,
#tqg-solutions-page .tqg-solution-architecture,
#tqg-why-page .tqg-transformation-bridge,
#tqg-contact-page .tqg-hero-statement,
#tqg-insights-page .tqg-insights-folio {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
}

/* HOME — restore v1.1.142 network footprint */
#tqg-home-page .tqg-home-network {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  justify-self: center !important;
  align-self: center !important;
}

/* ABOUT — restore v1.1.142 hybrid graphic footprint */
#tqg-about-page .tqg-about-image-system {
  width: min(100%, 685px) !important;
  max-width: 685px !important;
  margin: 0 !important;
  justify-self: center !important;
  align-self: center !important;
}

#tqg-about-page .tqg-about-image-stage {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 925 / 730 !important;
}

/* APPROACH — release v1.1.143 forced common dimensions */
#tqg-approach-page .tqg-method-visual {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  display: block !important;
}

/* SOLUTIONS — restore the approved v1.1.142-era/v1.1.138 architecture scale
   carried forward before the v1.1.143 forced hero box. */
#tqg-solutions-page .tqg-solution-architecture {
  width: min(100%, 835px) !important;
  max-width: 835px !important;
  height: auto !important;
  display: block !important;
  margin: 0 !important;
  justify-self: center !important;
  align-self: center !important;
}

#tqg-solutions-page .tqg-architecture-stage {
  height: auto !important;
  min-height: 0 !important;
}

/* WHY — restore page-specific bridge proportions */
#tqg-why-page .tqg-transformation-bridge {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  display: block !important;
}

/* CONTACT — restore its statement card rather than forcing graphic dimensions */
#tqg-contact-page .tqg-hero-statement {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
}

/* INSIGHTS — restore folio's own authored dimensions */
#tqg-insights-page .tqg-insights-folio {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  display: block !important;
}

/* Undo v1.1.143 mobile min-height imposed on every graphic. */
@media (max-width: 1050px) {
  #tqg-home-page .tqg-home-network,
  #tqg-about-page .tqg-about-image-system,
  #tqg-approach-page .tqg-method-visual,
  #tqg-solutions-page .tqg-solution-architecture,
  #tqg-why-page .tqg-transformation-bridge,
  #tqg-contact-page .tqg-hero-statement,
  #tqg-insights-page .tqg-insights-folio {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
  }
}

/* HOME headline: exact three-line lock.
   Stronger Organizations. and Extraordinary Impact. cannot wrap internally. */
#tqg-home-page .tqg-home-hero-title {
  max-width: none !important;
  width: max-content !important;
}

#tqg-home-page .tqg-home-hero-line {
  display: block !important;
  white-space: nowrap !important;
}

/* Give Home the same usable left-column width as the other standardized heroes
   without shrinking its headline through a narrower legacy max-width. */
#tqg-home-page .tqg-home-hero-copy {
  max-width: 720px !important;
}

@media (max-width: 1180px) {
  #tqg-home-page .tqg-home-hero-title {
    width: 100% !important;
  }

  #tqg-home-page .tqg-home-hero-line {
    white-space: normal !important;
  }
}


/* =========================================================
   v1.1.145 — EXACT GRAPHIC RESTORE FROM v1.1.142
   Graphic-specific rules below are copied from v1.1.142.
   Hero text/divider/buttons remain from v1.1.144.
   ========================================================= */

#tqg-insights-page .tqg-insights-folio {
  position: relative;
  width: 100%;
  max-width: 920px;
  aspect-ratio: 1599 / 875;
  justify-self: end;
  isolation: isolate;
  overflow: hidden;
  background: transparent;
}

#tqg-insights-page .tqg-insights-folio > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: normal;
  user-select: none;
  pointer-events: none;
}

#tqg-insights-page .tqg-insights-folio[data-tqg-folio-focus="evidence"] .tqg-folio-highlight-evidence,
#tqg-insights-page .tqg-insights-folio[data-tqg-folio-focus="pattern"] .tqg-folio-highlight-pattern,
#tqg-insights-page .tqg-insights-folio[data-tqg-folio-focus="implication"] .tqg-folio-highlight-implication,
#tqg-insights-page .tqg-insights-folio[data-tqg-folio-focus="question"] .tqg-folio-highlight-question {
  opacity: 1;
  transform: translateY(0);
}

#tqg-solutions-page .tqg-solution-architecture {
  --tqg-active-column: 1;
  width: 100%;
  min-width: 0;
  color: var(--tqg-white);
}

#tqg-solutions-page .tqg-architecture-stage {
  position: relative;
  min-height: 380px;
  padding: 58px 14px 32px;
  border-top: 1px solid rgba(216,180,107,.22);
  border-bottom: 1px solid rgba(216,180,107,.22);
}

#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay:hover) .tqg-architecture-connections path,
#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay:focus-visible) .tqg-architecture-connections path {
  stroke: rgba(216,180,107,.88);
}

#tqg-why-page .tqg-transformation-bridge {
  width: 100%;
  max-width: 690px;
  min-width: 0;
  margin: 0 auto;
  color: var(--tqg-white);
}

#tqg-why-page .tqg-transformation-bridge figcaption {
  margin: 0 0 22px;
  color: var(--tqg-gold-light);
  font-family: var(--tqg-font-serif);
  font-size: clamp(27px, 2.25vw, 38px);
  font-weight: 400;
  line-height: 1.08;
  text-align: center;
}

/* ---------------------------------------------------------
   SOLUTIONS — Solutions Architecture
   Preserve arches, pillars, bays, doors, links, and hover states.
   --------------------------------------------------------- */
#tqg-solutions-page .tqg-architecture-stage {
  border-top-color: var(--tqg-hero-gold-construction);
  border-bottom-color: var(--tqg-hero-gold-construction);
}

/* ---------------------------------------------------------
   INSIGHTS — Editorial Folio
   Image-based hero already uses the approved premium artwork.
   Do not alter the asset or interaction coordinates; only keep its edge clean.
   --------------------------------------------------------- */
#tqg-insights-page .tqg-insights-folio {
  filter: none;
}

/* ---------------------------------------------------------
   HOME — BENCHMARK PRESERVATION
   Explicitly preserve the approved visual hierarchy.
   --------------------------------------------------------- */
#tqg-home-page .tqg-home-network-svg .network-line {
  stroke-width: 1.35;
}

#tqg-home-page .tqg-home-network-point {
  border-width: 1.5px;
}

/* =========================================================
   v1.1.127 — ABOUT HERO HYBRID IMAGE + LIVE OVERLAY
   Exact approved artwork + transparent background + live interaction.
   HOME PAGE UNCHANGED.
   ========================================================= */

#tqg-about-page .tqg-about-image-system {
  width: min(100%, 790px);
  min-width: 0;
  margin: 0;
  justify-self: center;
  align-self: center;
}

#tqg-about-page .tqg-about-image-stage {
  position: relative;
  width: 100%;
  aspect-ratio: 925 / 730;
  isolation: isolate;
}

#tqg-about-page .tqg-about-image-art {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
  pointer-events: none;
}

/* Reveal the corresponding note through hover or keyboard focus. */
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-capability:hover) .tqg-about-layer-note-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-capability:focus-visible) .tqg-about-layer-note-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-alignment:hover) .tqg-about-layer-note-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-alignment:focus-visible) .tqg-about-layer-note-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-evidence:hover) .tqg-about-layer-note-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-evidence:focus-visible) .tqg-about-layer-note-evidence {
  opacity: 1;
  transform: translateY(0);
}

/* Active layer also strengthens its associated live pulse. */
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-capability:hover) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-capability:focus-visible) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-alignment:hover) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-alignment:focus-visible) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-evidence:hover) .tqg-about-live-pulse-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-evidence:focus-visible) .tqg-about-live-pulse-evidence {
  border-color: rgba(240,207,141,1);
  animation-duration: 1.8s;
}

/* =========================================================
   v1.1.128 — ABOUT HYBRID BALANCE + HOTSPOT + PULSE FIX
   ABOUT PAGE ONLY. HOME UNCHANGED.
   ========================================================= */

/* Rebalance the visual against the left hero copy. */
#tqg-about-page .tqg-about-image-system {
  width: min(100%, 700px);
  justify-self: center;
  align-self: center;
}

#tqg-about-page .tqg-about-image-stage {
  aspect-ratio: 925 / 730;
}

/* Reveal notes from either the plane or the text-label hotspot. */
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-capability:hover) .tqg-about-layer-note-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-capability:focus-visible) .tqg-about-layer-note-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-alignment:hover) .tqg-about-layer-note-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-alignment:focus-visible) .tqg-about-layer-note-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-evidence:hover) .tqg-about-layer-note-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-evidence:focus-visible) .tqg-about-layer-note-evidence {
  opacity: 1;
  transform: translateY(0);
}

/* Strengthen pulse when hovering either corresponding zone. */
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-capability:hover) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-capability:focus-visible) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-alignment:hover) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-alignment:focus-visible) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-evidence:hover) .tqg-about-live-pulse-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-evidence:focus-visible) .tqg-about-live-pulse-evidence {
  border-color: rgba(240,206,137,1);
  animation-duration: 1.75s;
}

/* Stronger pulse from either the plane or its label. */
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-capability:hover) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-capability:focus-visible) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-capability:hover) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-capability:focus-visible) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-alignment:hover) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-alignment:focus-visible) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-alignment:hover) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-alignment:focus-visible) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-evidence:hover) .tqg-about-live-pulse-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-evidence:focus-visible) .tqg-about-live-pulse-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-evidence:hover) .tqg-about-live-pulse-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-evidence:focus-visible) .tqg-about-live-pulse-evidence {
  border-color: rgba(240,206,137,.96);
  animation-duration: 1.72s;
}

/* Keep the visual balanced with the left hero copy. */
#tqg-about-page .tqg-about-image-system {
  width: min(100%, 685px);
}

/* Keep hover/focus behavior informational only; no artificial glow geometry. */
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-capability:hover) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-capability:focus-visible) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-capability:hover) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-capability:focus-visible) .tqg-about-live-pulse-capability,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-alignment:hover) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-alignment:focus-visible) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-alignment:hover) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-alignment:focus-visible) .tqg-about-live-pulse-alignment,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-evidence:hover) .tqg-about-live-pulse-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-layer-hotspot-evidence:focus-visible) .tqg-about-live-pulse-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-evidence:hover) .tqg-about-live-pulse-evidence,
#tqg-about-page .tqg-about-image-stage:has(.tqg-about-label-hotspot-evidence:focus-visible) .tqg-about-live-pulse-evidence {
  display: none !important;
}

#tqg-solutions-page .tqg-solution-architecture {
  width: min(100%, 760px);
  justify-self: center;
  align-self: center;
}

/* Cleaner blueprint field: less scaffolding, more negative space. */
#tqg-solutions-page .tqg-architecture-stage {
  min-height: 356px;
  padding: 54px 16px 28px;
  border-top-color: rgba(216,180,107,.12);
  border-bottom-color: rgba(216,180,107,.12);
}

#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay:hover) .tqg-architecture-connections path,
#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay:focus-visible) .tqg-architecture-connections path {
  stroke: rgba(216,180,107,.56);
}

/* Subtle drafting datum, echoing About's restrained measurement language. */
#tqg-solutions-page .tqg-architecture-stage::after {
  content: "01 — 06  /  CONNECTED SOLUTION ARCHITECTURE";
  position: absolute;
  right: 18px;
  bottom: 8px;
  z-index: 2;
  color: rgba(216,180,107,.30);
  font-family: var(--tqg-font-sans);
  font-size: 5.5px;
  font-weight: 600;
  letter-spacing: .18em;
  pointer-events: none;
}

/* Preserve About-like vertical balance after removing heading. */
#tqg-solutions-page .tqg-architecture-stage {
  margin-top: 0;
  padding-top: 46px;
}

#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay:hover) .tqg-architecture-connections path,
#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay:focus-visible) .tqg-architecture-connections path,
#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay.is-active) .tqg-architecture-connections path {
  stroke: rgba(216,180,107,.66);
  opacity: .92;
  filter: drop-shadow(0 0 3px rgba(216,180,107,.16));
}

/* Keep the datum extremely quiet now that the top title is removed. */
#tqg-solutions-page .tqg-architecture-stage::after {
  color: rgba(216,180,107,.26);
  letter-spacing: .20em;
}

/* =========================================================
   v1.1.134 — SOLUTIONS GRAPHIC IMAGE OVERLAY ONLY
   Baseline: v1.1.132
   Scope: Solutions architecture visual only.
   ========================================================= */

#tqg-solutions-page .tqg-architecture-stage {
  position: relative;
}

/* Exact approved architecture image; no visual reconstruction. */
#tqg-solutions-page .tqg-solutions-approved-architecture-image {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}

/* Hide only the old generated architecture artwork.
   Keep its interaction layer, dynamic copy and Explore Solution behavior intact. */
#tqg-solutions-page .tqg-architecture-stage > .tqg-blueprint-guides,
#tqg-solutions-page .tqg-architecture-stage > .tqg-architecture-facade,
#tqg-solutions-page .tqg-architecture-stage > .tqg-architecture-cornice,
#tqg-solutions-page .tqg-architecture-stage > .tqg-architecture-connections,
#tqg-solutions-page .tqg-architecture-stage > .tqg-architecture-foundation {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* =========================================================
   v1.1.135 — SOLUTIONS TRANSPARENCY + ABOUT VISUAL CALIBRATION
   Baseline: v1.1.134
   Scope: Solutions hero graphic only.
   ========================================================= */

/* Transparent approved architecture sits on the live navy hero field. */
#tqg-solutions-page .tqg-solutions-approved-architecture-image {
  mix-blend-mode: normal;
  filter: none;
}

/* Keep the graphic crisp and unfiltered. */
#tqg-solutions-page .tqg-solutions-approved-architecture-image {
  image-rendering: auto;
  opacity: 1;
}

/* =========================================================
   v1.1.136 — SOLUTIONS CRISPNESS + HOVER GEOMETRY REMOVAL
   Baseline: v1.1.135
   Scope: Solutions hero graphic only.
   ========================================================= */

/* Use high-resolution transparent artwork at or below its intended display size. */
#tqg-solutions-page .tqg-solutions-approved-architecture-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  image-rendering: auto;
  transform: translateZ(0);
  filter: none !important;
  opacity: 1 !important;
}

/* No visual hover treatment on architecture itself.
   Only the existing dynamic copy and Explore Solution link respond. */
#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay:hover),
#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay:focus-visible),
#tqg-solutions-page .tqg-architecture-stage:has(.tqg-architecture-bay.is-active) {
  filter: none !important;
  box-shadow: none !important;
}

/* Avoid fractional scaling where possible to protect drafting-line clarity. */
#tqg-solutions-page .tqg-solution-architecture {
  width: min(100%, 780px);
}

/* =========================================================
   v1.1.137 — SOLUTIONS SCALE + BAY-ALIGNED DETAIL
   Baseline: v1.1.136
   Scope: Solutions hero graphic/detail only.
   ========================================================= */

/* Increase architecture presence slightly while preserving hero balance. */
#tqg-solutions-page .tqg-solution-architecture {
  width: min(100%, 835px);
  justify-self: center;
}

/* Keep the approved image crisp at the larger intended size. */
#tqg-solutions-page .tqg-solutions-approved-architecture-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* The dynamic promise + Explore Solution now belong to the selected bay,
   rather than floating under the center of the full architecture. */
#tqg-solutions-page .tqg-solution-architecture {
  position: relative;
}

/* Align the detail block to the currently selected architecture bay.
   Each shift is one-sixth of the architecture width. */
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(1).is-active) .tqg-architecture-detail {
  transform: translateX(0%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(2).is-active) .tqg-architecture-detail {
  transform: translateX(100%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(3).is-active) .tqg-architecture-detail {
  transform: translateX(200%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(4).is-active) .tqg-architecture-detail {
  transform: translateX(300%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(5).is-active) .tqg-architecture-detail {
  transform: translateX(400%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(6).is-active) .tqg-architecture-detail {
  transform: translateX(500%);
}

/* Hover/focus should temporarily align the detail beneath the bay being explored,
   before click/selection, while existing JS continues updating the text/link. */
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(1):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(1):focus-visible) .tqg-architecture-detail {
  transform: translateX(0%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(2):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(2):focus-visible) .tqg-architecture-detail {
  transform: translateX(100%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(3):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(3):focus-visible) .tqg-architecture-detail {
  transform: translateX(200%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(4):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(4):focus-visible) .tqg-architecture-detail {
  transform: translateX(300%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(5):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(5):focus-visible) .tqg-architecture-detail {
  transform: translateX(400%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(6):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(6):focus-visible) .tqg-architecture-detail {
  transform: translateX(500%);
}

/* Selected solution positions */
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(1).is-active) .tqg-architecture-detail {
  transform: translateX(36.67%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(2).is-active) .tqg-architecture-detail {
  transform: translateX(136.67%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(3).is-active) .tqg-architecture-detail {
  transform: translateX(236.67%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(4).is-active) .tqg-architecture-detail {
  transform: translateX(336.67%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(5).is-active) .tqg-architecture-detail {
  transform: translateX(436.67%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(6).is-active) .tqg-architecture-detail {
  transform: translateX(536.67%);
}

/* Hover/focus positions */
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(1):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(1):focus-visible) .tqg-architecture-detail {
  transform: translateX(36.67%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(2):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(2):focus-visible) .tqg-architecture-detail {
  transform: translateX(136.67%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(3):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(3):focus-visible) .tqg-architecture-detail {
  transform: translateX(236.67%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(4):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(4):focus-visible) .tqg-architecture-detail {
  transform: translateX(336.67%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(5):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(5):focus-visible) .tqg-architecture-detail {
  transform: translateX(436.67%);
}

#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(6):hover) .tqg-architecture-detail,
#tqg-solutions-page .tqg-solution-architecture:has(.tqg-architecture-bay:nth-child(6):focus-visible) .tqg-architecture-detail {
  transform: translateX(536.67%);
}

/* ---------------------------------------------------------
   HOME — network graphic
   --------------------------------------------------------- */
#tqg-home-page .tqg-home-network {
  --network-gold: #C79B4B;
  --network-line: rgba(199,155,75,.38);
  --network-line-muted: rgba(199,155,75,.18);
}

/* Construction field */
#tqg-home-page .tqg-home-network-grid {
  background-image:
    linear-gradient(rgba(199,155,75,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(199,155,75,.055) 1px, transparent 1px);
}

#tqg-home-page .tqg-home-network-ring {
  border-color: rgba(199,155,75,.38);
}

#tqg-home-page .tqg-home-network-ring::before {
  border-color: rgba(199,155,75,.12);
}

#tqg-home-page .tqg-home-network-ring::after {
  border-color: rgba(199,155,75,.18);
}

#tqg-home-page .tqg-home-network-axis-x,
#tqg-home-page .tqg-home-network-axis-y {
  border-color: rgba(199,155,75,.24);
}

#tqg-home-page .tqg-home-network-dimensions {
  color: rgba(199,155,75,.58);
}

/* Network connections */
#tqg-home-page .tqg-home-network-svg .network-line {
  stroke: var(--network-line) !important;
  fill: none !important;
  stroke-width: var(--tqg-hero-line-primary);
}

#tqg-home-page .tqg-home-network-svg .network-line-secondary {
  stroke: var(--network-line-muted) !important;
  fill: none !important;
  stroke-width: var(--tqg-hero-line-secondary);
}

/* Center ring */
#tqg-home-page .tqg-home-network-center::before {
  border-color: rgba(199,155,75,.72);
  box-shadow:
    0 0 8px rgba(199,155,75,.18),
    inset 0 0 6px rgba(199,155,75,.08);
}

#tqg-home-page .tqg-home-network-center-orbit {
  border-color: rgba(199,155,75,.22);
}

/* Nodes */
#tqg-home-page .tqg-home-network-point {
  border-color: rgba(199,155,75,.92);
}

#tqg-home-page .tqg-home-network-point::before {
  border-color: rgba(199,155,75,.38);
}

#tqg-home-page .tqg-home-network-point::after {
  background: #C79B4B;
}

#tqg-home-page .tqg-home-network-label {
  color: var(--tqg-hero-white-primary);
}

/* Active Home connection remains restrained, like About/Solutions */
#tqg-home-page .tqg-home-network-svg .network-line.is-active,
#tqg-home-page .tqg-home-network-svg .network-line.active-route {
  stroke: rgba(199,155,75,.82) !important;
  filter: drop-shadow(0 0 3px rgba(199,155,75,.18));
}

/* Remove only later universal graphic-box properties that did not exist in v1.1.142. */
#tqg-home-page .tqg-home-network,
#tqg-about-page .tqg-about-image-system,
#tqg-approach-page .tqg-method-visual,
#tqg-solutions-page .tqg-solution-architecture,
#tqg-why-page .tqg-transformation-bridge,
#tqg-contact-page .tqg-hero-statement,
#tqg-insights-page .tqg-insights-folio {
  max-height: initial !important;
  min-height: initial !important;
}

/* HOME headline remains locked to three desktop lines from v1.1.144. */
#tqg-home-page .tqg-home-hero-title {
  width: max-content !important;
  max-width: none !important;
}
#tqg-home-page .tqg-home-hero-line {
  display: block !important;
  white-space: nowrap !important;
}

@media (max-width: 1180px) {
  #tqg-home-page .tqg-home-hero-title {
    width: 100% !important;
  }
  #tqg-home-page .tqg-home-hero-line {
    white-space: normal !important;
  }
}


/* =========================================================
   v1.1.146 — HERO GRAPHIC CASCADE CORRECTION
   Fixes lingering !important conflicts from v1.1.143/v1.1.144.
   ========================================================= */

/* HOME
   v1.1.142 desktop network footprint was 470px.
   Explicit !important is required here because v1.1.144 introduced
   a 760px !important override that survived the later restore. */
#tqg-home-page .tqg-home-network {
  width: min(100%, 470px) !important;
  max-width: 470px !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-inline: auto !important;
  justify-self: center !important;
  align-self: center !important;
}

/* Preserve the v1.1.142 breakpoint behavior. */
@media (max-width: 1180px) and (min-width: 981px) {
  #tqg-home-page .tqg-home-network {
    width: min(100%, 450px) !important;
    max-width: 450px !important;
  }
}

/* SOLUTIONS
   The approved raster is absolutely positioned inside the stage.
   v1.1.144's min-height:0 !important collapsed that stage.
   Restore a real canvas matching the approved architecture aspect ratio. */
#tqg-solutions-page .tqg-solution-architecture {
  width: min(100%, 835px) !important;
  max-width: 835px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  justify-self: center !important;
  align-self: center !important;
  display: block !important;
}

#tqg-solutions-page .tqg-architecture-stage {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 356px !important;
  aspect-ratio: 858 / 371 !important;
  padding: 0 !important;
  overflow: visible !important;
}

#tqg-solutions-page .tqg-solutions-approved-architecture-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* Keep the six transparent interaction bays filling the restored image canvas. */
#tqg-solutions-page .tqg-architecture-bays {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* Preserve the calibrated hover copy under its corresponding bay. */
#tqg-solutions-page .tqg-architecture-detail {
  margin-top: 10px !important;
}

/* Responsive solution scale from the approved pre-standardization state. */
@media (max-width: 1180px) and (min-width: 981px) {
  #tqg-solutions-page .tqg-solution-architecture {
    width: min(100%, 790px) !important;
    max-width: 790px !important;
  }
}

@media (max-width: 980px) {
  #tqg-solutions-page .tqg-solution-architecture {
    width: min(100%, 760px) !important;
    max-width: 760px !important;
  }

  #tqg-solutions-page .tqg-architecture-stage {
    min-height: 328px !important;
  }
}


/* =========================================================
   v1.1.147 — HERO CTA RESPONSIVE LOCK
   Keep paired hero CTAs side-by-side through laptop/tablet widths.
   ========================================================= */

/* Primary hero CTA groups remain a single horizontal row on desktop/laptop. */
#tqg-home-page .tqg-home-hero-copy .tqg-btn-group,
#tqg-about-page .tqg-hero-copy .tqg-btn-group,
#tqg-approach-page .tqg-hero-copy .tqg-btn-group,
#tqg-solutions-page .tqg-page-hero-copy .tqg-btn-group,
#tqg-why-page .tqg-page-hero-copy .tqg-btn-group,
#tqg-contact-page .tqg-page-hero-copy .tqg-btn-group,
#tqg-insights-page .tqg-page-hero-copy .tqg-btn-group {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  width: 100% !important;
}

/* Prevent individual buttons from growing to full width at laptop/tablet sizes. */
#tqg-home-page .tqg-home-hero-copy .tqg-btn,
#tqg-about-page .tqg-hero-copy .tqg-btn,
#tqg-approach-page .tqg-hero-copy .tqg-btn,
#tqg-solutions-page .tqg-page-hero-copy .tqg-btn,
#tqg-why-page .tqg-page-hero-copy .tqg-btn,
#tqg-contact-page .tqg-page-hero-copy .tqg-btn,
#tqg-insights-page .tqg-page-hero-copy .tqg-btn {
  flex: 0 0 240px !important;
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
}

/* Override the earlier <=700px full-width hero button rule.
   Keep the pair side-by-side down to 560px when there is still enough room. */
@media (max-width: 700px) and (min-width: 560px) {
  #tqg-home-page .tqg-home-hero-copy .tqg-btn,
  #tqg-about-page .tqg-hero-copy .tqg-btn,
  #tqg-approach-page .tqg-hero-copy .tqg-btn,
  #tqg-solutions-page .tqg-page-hero-copy .tqg-btn,
  #tqg-why-page .tqg-page-hero-copy .tqg-btn,
  #tqg-contact-page .tqg-page-hero-copy .tqg-btn,
  #tqg-insights-page .tqg-page-hero-copy .tqg-btn {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* Only true phone widths stack the CTA pair. */
@media (max-width: 559px) {
  #tqg-home-page .tqg-home-hero-copy .tqg-btn-group,
  #tqg-about-page .tqg-hero-copy .tqg-btn-group,
  #tqg-approach-page .tqg-hero-copy .tqg-btn-group,
  #tqg-solutions-page .tqg-page-hero-copy .tqg-btn-group,
  #tqg-why-page .tqg-page-hero-copy .tqg-btn-group,
  #tqg-contact-page .tqg-page-hero-copy .tqg-btn-group,
  #tqg-insights-page .tqg-page-hero-copy .tqg-btn-group {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #tqg-home-page .tqg-home-hero-copy .tqg-btn,
  #tqg-about-page .tqg-hero-copy .tqg-btn,
  #tqg-approach-page .tqg-hero-copy .tqg-btn,
  #tqg-solutions-page .tqg-page-hero-copy .tqg-btn,
  #tqg-why-page .tqg-page-hero-copy .tqg-btn,
  #tqg-contact-page .tqg-page-hero-copy .tqg-btn,
  #tqg-insights-page .tqg-page-hero-copy .tqg-btn {
    flex: 0 0 50px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}


/* =========================================================
   v1.1.148 — ABOUT HERO REFINEMENT
   Scope: About hero only.
   ========================================================= */

/* Three-line headline with deliberate balance */
#tqg-about-page .tqg-hero-copy .tqg-h1 {
  display: block !important;
}

#tqg-about-page .tqg-hero-copy .tqg-h1 > span {
  display: block !important;
  white-space: nowrap !important;
}

/* Supporting sentence is always white, never gold */
#tqg-about-page .tqg-hero-copy > p,
#tqg-about-page .tqg-hero .tqg-sub {
  color: rgba(255,255,255,.88) !important;
  font-family: var(--tqg-font-body) !important;
  font-style: normal !important;
}

/* Match Home's secondary CTA treatment exactly */
#tqg-about-page .tqg-hero-copy .tqg-btn-secondary {
  color: rgba(255,255,255,.96) !important;
  border-color: rgba(255,255,255,.78) !important;
  background: transparent !important;
}

#tqg-about-page .tqg-hero-copy .tqg-btn-secondary:hover,
#tqg-about-page .tqg-hero-copy .tqg-btn-secondary:focus-visible {
  color: #FFFFFF !important;
  border-color: #C79B4B !important;
  background: rgba(199,155,75,.08) !important;
  box-shadow: 0 0 10px rgba(199,155,75,.10) !important;
}

/* Slightly reduce the graphic so it balances the left copy */
#tqg-about-page .tqg-about-image-system {
  width: min(100%, 640px) !important;
  max-width: 640px !important;
  justify-self: center !important;
  align-self: center !important;
}

/* Improve readability of live label/hover copy */
#tqg-about-page .tqg-about-layer-note {
  font-size: 13px !important;
  line-height: 1.35 !important;
  letter-spacing: .01em !important;
  color: rgba(255,255,255,.92) !important;
  max-width: 190px !important;
  text-shadow: 0 1px 2px rgba(3,18,35,.78) !important;
}

#tqg-about-page .tqg-about-label-copy,
#tqg-about-page .tqg-about-label-hotspot {
  font-size: 14px !important;
  line-height: 1.25 !important;
}

/* Strengthen the raster-adjacent text overlay without making the graphic louder */
#tqg-about-page .tqg-about-image-system .tqg-about-label-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  color: rgba(255,255,255,.96) !important;
}

#tqg-about-page .tqg-about-image-system .tqg-about-label-meta {
  font-size: 10px !important;
  line-height: 1.35 !important;
  color: rgba(199,155,75,.92) !important;
}

/* Keep the three-line lock only where desktop width can support it. */
@media (max-width: 1180px) {
  #tqg-about-page .tqg-hero-copy .tqg-h1 > span {
    white-space: normal !important;
  }

  #tqg-about-page .tqg-about-image-system {
    width: min(100%, 610px) !important;
    max-width: 610px !important;
  }
}


/* =========================================================
   v1.1.149 — ABOUT HERO HOME-PARITY FIX
   Exact Home parity for secondary CTA + description typography.
   ========================================================= */

/* ABOUT DESCRIPTION = HOME DESCRIPTION
   Same font family, size, weight, line-height, and white color. */
#tqg-about-page .tqg-hero-copy > p {
  margin: 0 !important;
  max-width: 620px !important;
  color: rgba(255,255,255,.88) !important;
  font-family: var(--tqg-font-body) !important;
  font-size: var(--tqg-hero-body-size) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: var(--tqg-hero-body-line) !important;
  letter-spacing: 0 !important;
}

/* ABOUT EXPLORE SOLUTIONS = HOME EXPLORE SOLUTIONS
   Match both resting and hover/focus states exactly. */
#tqg-about-page .tqg-hero-copy .tqg-btn-secondary {
  color: rgba(255,255,255,.96) !important;
  border-color: rgba(255,255,255,.78) !important;
  background: transparent !important;
  box-shadow: none !important;
}

#tqg-about-page .tqg-hero-copy .tqg-btn-secondary:hover,
#tqg-about-page .tqg-hero-copy .tqg-btn-secondary:focus-visible {
  color: #071B31 !important;
  border-color: #FFFFFF !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Keep Home and About CTA transition behavior identical. */
#tqg-about-page .tqg-hero-copy .tqg-btn-secondary {
  transition:
    color .18s ease,
    background-color .18s ease,
    border-color .18s ease !important;
}


/* =========================================================
   v1.1.150 — ABOUT HERO DESCRIPTION COLOR CORRECTION
   Force literal white after all About-specific legacy rules.
   ========================================================= */
#tqg-about-page .tqg-hero-copy > p,
#tqg-about-page .tqg-hero-copy > p *,
#tqg-about-page .tqg-hero .tqg-sub,
#tqg-about-page .tqg-hero .tqg-sub * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}


/* =========================================================
   v1.1.151 — GLOBAL HERO DESCRIPTION TYPOGRAPHY STANDARD
   One shared supporting-copy size across all page heroes.
   About hero is the visual benchmark.
   ========================================================= */
:root {
  --tqg-hero-description-size: 18px;
  --tqg-hero-description-line-height: 1.55;
}

.tqg-hero .tqg-sub,
.tqg-hero .tqg-sub *,
.tqg-hero-copy > p,
.tqg-hero-copy > p *,
#tqg-home-page .tqg-hero-copy > p,
#tqg-home-page .tqg-hero-copy > p *,
#tqg-about-page .tqg-hero-copy > p,
#tqg-about-page .tqg-hero-copy > p *,
#tqg-solutions-page .tqg-hero-copy > p,
#tqg-solutions-page .tqg-hero-copy > p *,
#tqg-insights-page .tqg-hero-copy > p,
#tqg-insights-page .tqg-hero-copy > p * {
  font-size: var(--tqg-hero-description-size) !important;
  line-height: var(--tqg-hero-description-line-height) !important;
}

/* Hero supporting copy remains white across the system. */
.tqg-hero .tqg-sub,
.tqg-hero .tqg-sub *,
.tqg-hero-copy > p,
.tqg-hero-copy > p * {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}


/* =========================================================
   v1.1.152 — GLOBAL HERO SUPPORTING DESCRIPTION LOCK
   Explicit page-ID selectors eliminate page-to-page drift.
   ========================================================= */

:root {
  --tqg-hero-description-size: 18px;
  --tqg-hero-description-line-height: 1.55;
  --tqg-hero-description-weight: 400;
  --tqg-hero-description-color: #FFFFFF;
}

/* HOME */
#tqg-home-page .tqg-home-hero-copy > p,
#tqg-home-page .tqg-home-hero-copy > .tqg-sub,

/* ABOUT */
#tqg-about-page .tqg-hero-copy > p,
#tqg-about-page .tqg-hero-copy > .tqg-sub,

/* APPROACH */
#tqg-approach-page .tqg-hero-copy > p,
#tqg-approach-page .tqg-hero-copy > .tqg-sub,
#tqg-approach-page .tqg-hero-copy > .tqg-hero-description,

/* SOLUTIONS */
#tqg-solutions-page .tqg-page-hero-copy > p,
#tqg-solutions-page .tqg-page-hero-copy > .tqg-sub,
#tqg-solutions-page .tqg-page-hero-copy > .tqg-hero-description,

/* WHY TALENT QUOTIENT GROUP */
#tqg-why-page .tqg-page-hero-copy > p,
#tqg-why-page .tqg-page-hero-copy > .tqg-sub,
#tqg-why-page .tqg-page-hero-copy > .tqg-hero-description,

/* CONTACT */
#tqg-contact-page .tqg-page-hero-copy > p,
#tqg-contact-page .tqg-page-hero-copy > .tqg-sub,
#tqg-contact-page .tqg-page-hero-copy > .tqg-hero-description,

/* INSIGHTS */
#tqg-insights-page .tqg-page-hero-copy > p,
#tqg-insights-page .tqg-page-hero-copy > .tqg-sub,
#tqg-insights-page .tqg-page-hero-copy > .tqg-hero-description {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-width: 620px !important;

  font-family: var(--tqg-font-body) !important;
  font-size: var(--tqg-hero-description-size) !important;
  font-style: normal !important;
  font-weight: var(--tqg-hero-description-weight) !important;
  line-height: var(--tqg-hero-description-line-height) !important;
  letter-spacing: 0 !important;

  color: var(--tqg-hero-description-color) !important;
  -webkit-text-fill-color: var(--tqg-hero-description-color) !important;
}

/* Force any nested spans/emphasis inside the supporting-description area
   to inherit the same white body treatment. */
#tqg-home-page .tqg-home-hero-copy > p *,
#tqg-home-page .tqg-home-hero-copy > .tqg-sub *,
#tqg-about-page .tqg-hero-copy > p *,
#tqg-about-page .tqg-hero-copy > .tqg-sub *,
#tqg-approach-page .tqg-hero-copy > p *,
#tqg-approach-page .tqg-hero-copy > .tqg-sub *,
#tqg-approach-page .tqg-hero-copy > .tqg-hero-description *,
#tqg-solutions-page .tqg-page-hero-copy > p *,
#tqg-solutions-page .tqg-page-hero-copy > .tqg-sub *,
#tqg-solutions-page .tqg-page-hero-copy > .tqg-hero-description *,
#tqg-why-page .tqg-page-hero-copy > p *,
#tqg-why-page .tqg-page-hero-copy > .tqg-sub *,
#tqg-why-page .tqg-page-hero-copy > .tqg-hero-description *,
#tqg-contact-page .tqg-page-hero-copy > p *,
#tqg-contact-page .tqg-page-hero-copy > .tqg-sub *,
#tqg-contact-page .tqg-page-hero-copy > .tqg-hero-description *,
#tqg-insights-page .tqg-page-hero-copy > p *,
#tqg-insights-page .tqg-page-hero-copy > .tqg-sub *,
#tqg-insights-page .tqg-page-hero-copy > .tqg-hero-description * {
  font-family: inherit !important;
  font-size: inherit !important;
  font-style: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}


/* =========================================================
   v1.1.153 — CANONICAL HERO DESCRIPTION COMPONENT
   One HTML class. One CSS rule. All primary page heroes.
   ========================================================= */
.tqg-site .tqg-hero-description {
  display: block !important;
  margin: 0 !important;
  max-width: 620px !important;
  font-family: var(--tqg-font-body) !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

.tqg-site .tqg-hero-description * {
  font-family: inherit !important;
  font-size: inherit !important;
  font-style: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}


/* =========================================================
   v1.1.154 — ABOUT HERO DESCRIPTION TRUE HOME PARITY
   Root cause: legacy About serif hero-copy exception.
   ========================================================= */

/* The About supporting description must be the SAME component as Home.
   This selector intentionally outranks the old About serif exception. */
#tqg-about-page .tqg-hero .tqg-hero-copy > p.tqg-hero-description {
  display: block !important;
  margin: 0 !important;
  max-width: 620px !important;

  font-family: Inter, Arial, sans-serif !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;

  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Explicit Home parity reference so both descriptions resolve to identical
   computed typography, independent of page-specific legacy CSS. */
#tqg-home-page .tqg-home-hero-copy > p.tqg-hero-description,
#tqg-about-page .tqg-hero .tqg-hero-copy > p.tqg-hero-description {
  font-family: Inter, Arial, sans-serif !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}


/* =========================================================
   v1.1.157 — SOLUTIONS HERO HEADLINE BALANCE
   Keeps the shared Home/About hero structure unchanged.
   Removes the unnecessary fourth headline line on desktop.
   ========================================================= */
@media (min-width: 1181px) {
  #tqg-solutions-page .tqg-page-hero-copy .tqg-h1 {
    max-width: 660px !important;
  }
  #tqg-solutions-page .tqg-page-hero-copy .tqg-h1 > span:nth-of-type(3),
  #tqg-solutions-page .tqg-page-hero-copy .tqg-h1 > span:nth-of-type(4) {
    white-space: nowrap !important;
  }
}

/* v1.1.158 — Solutions hero exact 3-line desktop composition; shared font size unchanged */
@media (min-width: 1181px) {
  #tqg-solutions-page .tqg-page-hero-copy .tqg-h1 { max-width: 680px !important; }
  #tqg-solutions-page .tqg-page-hero-copy .tqg-h1 > span { white-space: nowrap !important; }
}


/* =========================================================
   v1.1.159 — SOLUTIONS HERO INTERACTION + READABILITY
   Scope: Solutions hero only.
   ========================================================= */

/* Increase visual gutter without shrinking the approved architecture. */
@media (min-width: 1181px) {
  #tqg-solutions-page .tqg-solution-architecture {
    transform: translateX(38px) !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  #tqg-solutions-page .tqg-solution-architecture {
    transform: translateX(20px) !important;
  }
}

@media (max-width: 980px) {
  #tqg-solutions-page .tqg-solution-architecture {
    transform: none !important;
  }
}

/* Entire bay is the link target. */
#tqg-solutions-page .tqg-architecture-bay {
  cursor: pointer !important;
  text-decoration: none !important;
  color: inherit !important;
}

/* Restrained interaction cue only. */
#tqg-solutions-page .tqg-architecture-bay:hover,
#tqg-solutions-page .tqg-architecture-bay:focus-visible,
#tqg-solutions-page .tqg-architecture-bay.is-active {
  outline: none !important;
}

#tqg-solutions-page .tqg-architecture-bay:hover .tqg-bay-number,
#tqg-solutions-page .tqg-architecture-bay:focus-visible .tqg-bay-number,
#tqg-solutions-page .tqg-architecture-bay.is-active .tqg-bay-number,
#tqg-solutions-page .tqg-architecture-bay:hover .tqg-bay-door,
#tqg-solutions-page .tqg-architecture-bay:focus-visible .tqg-bay-door,
#tqg-solutions-page .tqg-architecture-bay.is-active .tqg-bay-door {
  filter: brightness(1.16) drop-shadow(0 0 3px rgba(199,155,75,.14)) !important;
}

/* Larger, readable hover statement; existing calibrated bay positioning remains untouched. */
#tqg-solutions-page .tqg-architecture-detail {
  min-height: 74px !important;
  padding: 8px 7px 0 !important;
}

#tqg-solutions-page .tqg-architecture-detail p {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  color: #D8B46B !important;
  font-family: var(--tqg-font-body) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.42 !important;
  letter-spacing: .045em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

/* Separate Explore Solution line intentionally removed. */
#tqg-solutions-page .tqg-architecture-detail a {
  display: none !important;
}

/* Keyboard focus remains visible but restrained. */
#tqg-solutions-page .tqg-architecture-bay:focus-visible {
  box-shadow: inset 0 0 0 1px rgba(199,155,75,.45) !important;
}

@media (max-width: 720px) {
  #tqg-solutions-page .tqg-architecture-detail p {
    font-size: 10.5px !important;
    line-height: 1.4 !important;
  }
}


/* =========================================================
   v1.1.160 — SOLUTIONS HERO STABLE CENTRAL HOVER MESSAGE
   ========================================================= */

/* Lock all architecture geometry. Hover/focus may change only visual emphasis. */
#tqg-solutions-page .tqg-solution-architecture,
#tqg-solutions-page .tqg-architecture-stage,
#tqg-solutions-page .tqg-architecture-bays,
#tqg-solutions-page .tqg-architecture-bay,
#tqg-solutions-page .tqg-solutions-approved-architecture-image {
  transition-property: opacity, filter, color, box-shadow !important;
}

#tqg-solutions-page .tqg-architecture-bay,
#tqg-solutions-page .tqg-architecture-bay:hover,
#tqg-solutions-page .tqg-architecture-bay:focus-visible,
#tqg-solutions-page .tqg-architecture-bay.is-active {
  transform: none !important;
  translate: none !important;
  scale: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-width: 0 !important;
}

/* Fixed central message region below the entire architecture.
   Its dimensions do not change when the hovered solution changes. */
#tqg-solutions-page .tqg-architecture-detail {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;

  width: 100% !important;
  max-width: 835px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 8px auto 0 !important;
  padding: 6px 28px 0 !important;

  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

#tqg-solutions-page .tqg-architecture-detail p {
  width: 100% !important;
  max-width: 780px !important;
  margin: 0 auto !important;

  color: #D8B46B !important;
  font-family: var(--tqg-font-body) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: .015em !important;
  text-align: center !important;
  text-transform: none !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Keep the clickable bay focus cue restrained and non-geometric. */
#tqg-solutions-page .tqg-architecture-bay:focus-visible {
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(199,155,75,.45) !important;
}

@media (max-width: 980px) {
  #tqg-solutions-page .tqg-architecture-detail {
    max-width: 760px !important;
    height: 60px !important;
    min-height: 60px !important;
    padding-inline: 20px !important;
  }

  #tqg-solutions-page .tqg-architecture-detail p {
    white-space: normal !important;
    font-size: 11.5px !important;
    line-height: 1.4 !important;
  }
}


/* =========================================================
   v1.1.161 — SOLUTIONS HERO FINAL POLISH
   Scope locked to:
   1) hover message readability/spacing
   2) supporting-description usable width
   3) exact Home parity for primary CTA interaction states
   ========================================================= */

/* 1) Hover message: larger, clearer, and slightly farther from the architecture.
      Keep one centered line and fixed geometry so the graphic never moves. */
#tqg-solutions-page .tqg-architecture-detail {
  height: 54px !important;
  min-height: 54px !important;
  margin-top: 14px !important;
  padding-top: 7px !important;
}

#tqg-solutions-page .tqg-architecture-detail p {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .012em !important;
  white-space: nowrap !important;
  text-align: center !important;
}

/* 2) Give supporting description a little more usable width so the approved
      copy resolves closer to four lines without reducing the global 18px size. */
@media (min-width: 1181px) {
  #tqg-solutions-page .tqg-page-hero-copy > p.tqg-hero-description {
    max-width: 660px !important;
  }
}

/* 3) Primary CTA = Home primary CTA in every interaction state.
      This intentionally overrides any legacy Solutions-specific dimming. */
#tqg-solutions-page .tqg-page-hero-copy .tqg-btn:not(.tqg-btn-secondary) {
  color: #FFFFFF !important;
  background: transparent !important;
  border-color: #C79B4B !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
}

#tqg-solutions-page .tqg-page-hero-copy .tqg-btn:not(.tqg-btn-secondary):hover,
#tqg-solutions-page .tqg-page-hero-copy .tqg-btn:not(.tqg-btn-secondary):focus-visible,
#tqg-solutions-page .tqg-page-hero-copy .tqg-btn:not(.tqg-btn-secondary):active {
  color: #071B31 !important;
  background: #C79B4B !important;
  border-color: #C79B4B !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

#tqg-solutions-page .tqg-page-hero-copy .tqg-btn:not(.tqg-btn-secondary) {
  transition:
    color .18s ease,
    background-color .18s ease,
    border-color .18s ease !important;
}


/* =========================================================
   v1.1.162 — APPROACH HERO METHOD INFINITY BLUEPRINT
   ========================================================= */
#tqg-approach-page .tqg-approach-method-visual {
  width:min(100%,820px)!important;
  max-width:820px!important;
  justify-self:center!important;
  align-self:center!important;
  transform:translateX(24px)!important;
}
#tqg-approach-page .tqg-approach-method-stage {
  position:relative!important;
  width:100%!important;
  aspect-ratio:1110/515!important;
  overflow:visible!important;
}
#tqg-approach-page .tqg-approach-method-image {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  pointer-events:none!important;
  transform:none!important;
  transition:none!important;
}
#tqg-approach-page .tqg-approach-method-hotspots {
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  z-index:3!important;
}
#tqg-approach-page .tqg-approach-method-hotspot {
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  margin:0!important;
  padding:0!important;
  cursor:pointer!important;
  position:relative!important;
  transform:none!important;
  transition:none!important;
}
#tqg-approach-page .tqg-approach-method-hotspot::after {
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:47%!important;
  width:72%!important;
  aspect-ratio:1/1!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
#tqg-approach-page .tqg-approach-method-hotspot:hover::after,
#tqg-approach-page .tqg-approach-method-hotspot:focus-visible::after,
#tqg-approach-page .tqg-approach-method-hotspot.is-active::after {
  border-color:rgba(199,155,75,.34)!important;
  box-shadow:0 0 16px rgba(199,155,75,.10), inset 0 0 12px rgba(199,155,75,.06)!important;
}
#tqg-approach-page .tqg-approach-method-hotspot:focus-visible {outline:none!important;}

#tqg-approach-page .tqg-approach-method-message {
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  margin-top:6px!important;
  padding-top:6px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
}
#tqg-approach-page .tqg-approach-method-message p {
  margin:0 auto!important;
  max-width:780px!important;
  font-family:var(--tqg-font-body)!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.4!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  color:#D8B46B!important;
  white-space:nowrap!important;
}
#tqg-approach-page .tqg-approach-method-visual[data-active-stage="measure"] .tqg-approach-method-image {
  filter:brightness(1.04) saturate(1.03)!important;
}

@media (max-width:1180px) and (min-width:981px) {
  #tqg-approach-page .tqg-approach-method-visual {
    width:min(100%,760px)!important;
    max-width:760px!important;
    transform:translateX(12px)!important;
  }
  #tqg-approach-page .tqg-approach-method-message p {font-size:12px!important;}
}
@media (max-width:980px) {
  #tqg-approach-page .tqg-approach-method-visual {
    width:min(100%,760px)!important;
    max-width:760px!important;
    transform:none!important;
  }
  #tqg-approach-page .tqg-approach-method-message {
    height:64px!important;
    min-height:64px!important;
  }
  #tqg-approach-page .tqg-approach-method-message p {
    white-space:normal!important;
    font-size:11.5px!important;
  }
}


/* =========================================================
   v1.1.163 — APPROACH HERO STRUCTURE CORRECTION
   Corrects v1.1.162 placement only.
   ========================================================= */
#tqg-approach-page .tqg-hero-copy .tqg-h1 > span {
  display:block !important;
  white-space:nowrap !important;
}
#tqg-approach-page .tqg-method-visual {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
}
#tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
  width:min(100%,820px) !important;
  max-width:820px !important;
  margin:0 auto !important;
  transform:none !important;
}
#tqg-approach-page .tqg-hero-copy > .tqg-approach-method-visual {
  display:none !important;
}
@media (max-width:1180px) and (min-width:981px) {
  #tqg-approach-page .tqg-hero-copy .tqg-h1 > span {
    white-space:normal !important;
  }
}


/* =========================================================
   v1.1.164 — APPROACH HERO CIRCULAR BLUEPRINT METHOD
   ========================================================= */

/* Circular blueprint asset replaces the infinity-loop artwork. */
#tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
  width:min(100%,840px)!important;
  max-width:840px!important;
  margin:0 auto!important;
  transform:none!important;
}

#tqg-approach-page .tqg-approach-method-stage {
  position:relative!important;
  width:100%!important;
  aspect-ratio:890/290!important;
  overflow:visible!important;
}

#tqg-approach-page .tqg-approach-method-image {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  transition:none!important;
  pointer-events:none!important;
}

/* Six full-width stage links sit directly over the six circular nodes. */
#tqg-approach-page .tqg-approach-method-hotspots {
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  z-index:4!important;
}

#tqg-approach-page .tqg-approach-method-hotspot {
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transform:none!important;
  transition:none!important;
}

/* Restrained circular hover emphasis only; never changes layout. */
#tqg-approach-page .tqg-approach-method-hotspot::after {
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:52%!important;
  width:72%!important;
  aspect-ratio:1/1!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
}

#tqg-approach-page .tqg-approach-method-hotspot:hover::after,
#tqg-approach-page .tqg-approach-method-hotspot:focus-visible::after,
#tqg-approach-page .tqg-approach-method-hotspot.is-active::after {
  border-color:rgba(199,155,75,.42)!important;
  box-shadow:0 0 14px rgba(199,155,75,.10), inset 0 0 12px rgba(199,155,75,.05)!important;
}

#tqg-approach-page .tqg-approach-method-hotspot:focus-visible {
  outline:none!important;
}

/* One stable explanatory sentence beneath the complete method graphic. */
#tqg-approach-page .tqg-approach-method-message {
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  margin-top:10px!important;
  padding-top:6px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
}

#tqg-approach-page .tqg-approach-method-message p {
  margin:0 auto!important;
  width:100%!important;
  max-width:800px!important;
  color:#D8B46B!important;
  font-family:var(--tqg-font-body)!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.4!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  white-space:nowrap!important;
}

/* Approach section anchors: smooth and offset-aware navigation. */
#tqg-approach-page #discover,
#tqg-approach-page #assess,
#tqg-approach-page #diagnose,
#tqg-approach-page #align,
#tqg-approach-page #transform,
#tqg-approach-page #measure {
  scroll-margin-top:110px!important;
}

html {
  scroll-behavior:smooth;
}

@media (max-width:1180px) and (min-width:981px) {
  #tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
    width:min(100%,780px)!important;
    max-width:780px!important;
  }
}

@media (max-width:980px) {
  #tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
    width:min(100%,760px)!important;
    max-width:760px!important;
  }

  #tqg-approach-page .tqg-approach-method-message {
    height:64px!important;
    min-height:64px!important;
  }

  #tqg-approach-page .tqg-approach-method-message p {
    white-space:normal!important;
    font-size:11.5px!important;
  }
}


/* =========================================================
   v1.1.165 — APPROACH BLUEPRINT AESTHETIC + CLEAN HOVER
   ========================================================= */

/* Remove the generated circular hover treatment completely. */
#tqg-approach-page .tqg-approach-method-hotspot::after,
#tqg-approach-page .tqg-approach-method-hotspot:hover::after,
#tqg-approach-page .tqg-approach-method-hotspot:focus-visible::after,
#tqg-approach-page .tqg-approach-method-hotspot.is-active::after {
  content:none !important;
  display:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Technical blueprint field sits behind the approved circular-node artwork. */
#tqg-approach-page .tqg-approach-blueprint-field {
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:.72 !important;

  background-image:
    linear-gradient(rgba(95,142,181,.085) 1px, transparent 1px),
    linear-gradient(90deg, rgba(95,142,181,.085) 1px, transparent 1px),
    linear-gradient(rgba(199,155,75,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(199,155,75,.035) 1px, transparent 1px) !important;
  background-size:
    24px 24px,
    24px 24px,
    96px 96px,
    96px 96px !important;

  border-top:1px solid rgba(199,155,75,.16) !important;
  border-bottom:1px solid rgba(199,155,75,.12) !important;
}

/* Horizontal and vertical construction guides. */
#tqg-approach-page .tqg-approach-blueprint-field::before,
#tqg-approach-page .tqg-approach-blueprint-field::after {
  content:"" !important;
  position:absolute !important;
  pointer-events:none !important;
}

#tqg-approach-page .tqg-approach-blueprint-field::before {
  left:0 !important;
  right:0 !important;
  top:52% !important;
  border-top:1px dashed rgba(199,155,75,.13) !important;
}

#tqg-approach-page .tqg-approach-blueprint-field::after {
  top:0 !important;
  bottom:0 !important;
  left:50% !important;
  border-left:1px dashed rgba(95,142,181,.12) !important;
}

/* Blueprint micro-labels. */
#tqg-approach-page .tqg-approach-blueprint-meta {
  position:absolute !important;
  top:10px !important;
  z-index:1 !important;
  font-family:var(--tqg-font-body) !important;
  font-size:8px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:rgba(151,190,221,.58) !important;
  white-space:nowrap !important;
}

#tqg-approach-page .tqg-approach-blueprint-meta-left {
  left:18px !important;
}

#tqg-approach-page .tqg-approach-blueprint-meta-right {
  right:18px !important;
}

/* Architectural registration marks in the four corners. */
#tqg-approach-page .tqg-approach-register {
  position:absolute !important;
  width:16px !important;
  height:16px !important;
  opacity:.55 !important;
}

#tqg-approach-page .tqg-approach-register::before,
#tqg-approach-page .tqg-approach-register::after {
  content:"" !important;
  position:absolute !important;
  background:rgba(199,155,75,.46) !important;
}

#tqg-approach-page .tqg-approach-register::before {
  left:7px !important;
  top:0 !important;
  width:1px !important;
  height:16px !important;
}

#tqg-approach-page .tqg-approach-register::after {
  left:0 !important;
  top:7px !important;
  width:16px !important;
  height:1px !important;
}

#tqg-approach-page .tqg-approach-register-tl { left:4px !important; top:4px !important; }
#tqg-approach-page .tqg-approach-register-tr { right:4px !important; top:4px !important; }
#tqg-approach-page .tqg-approach-register-bl { left:4px !important; bottom:4px !important; }
#tqg-approach-page .tqg-approach-register-br { right:4px !important; bottom:4px !important; }

/* Ensure artwork and interaction remain above the blueprint field. */
#tqg-approach-page .tqg-approach-method-image {
  z-index:2 !important;
}

#tqg-approach-page .tqg-approach-method-hotspots {
  z-index:4 !important;
}

/* Hover/focus uses no generated shape. Keep geometry perfectly stationary. */
#tqg-approach-page .tqg-approach-method-hotspot,
#tqg-approach-page .tqg-approach-method-hotspot:hover,
#tqg-approach-page .tqg-approach-method-hotspot:focus-visible,
#tqg-approach-page .tqg-approach-method-hotspot.is-active {
  transform:none !important;
  translate:none !important;
  scale:1 !important;
  border:0 !important;
  box-shadow:none !important;
  outline:none !important;
  background:transparent !important;
}

/* A thin fixed guide at the bottom of the active stage gives a restrained
   interaction cue without introducing circles, glows, or layout movement. */
#tqg-approach-page .tqg-approach-method-hotspot::before {
  content:"" !important;
  position:absolute !important;
  left:24% !important;
  right:24% !important;
  bottom:5% !important;
  height:1px !important;
  background:transparent !important;
  pointer-events:none !important;
}

#tqg-approach-page .tqg-approach-method-hotspot:hover::before,
#tqg-approach-page .tqg-approach-method-hotspot:focus-visible::before,
#tqg-approach-page .tqg-approach-method-hotspot.is-active::before {
  background:rgba(199,155,75,.72) !important;
  box-shadow:0 0 5px rgba(199,155,75,.14) !important;
}

/* Preserve the centered fixed message behavior. */
#tqg-approach-page .tqg-approach-method-message {
  margin-top:12px !important;
}


/* =========================================================
   v1.1.166 — APPROACH HERO SUBTLE BLUEPRINT + CLEAN INTERACTION
   ========================================================= */
#tqg-approach-page .tqg-approach-blueprint-field {
  opacity:.42 !important;
  background-image:
    linear-gradient(rgba(95,142,181,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(95,142,181,.045) 1px, transparent 1px),
    linear-gradient(rgba(199,155,75,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(199,155,75,.018) 1px, transparent 1px) !important;
  border-top-color:rgba(199,155,75,.10) !important;
  border-bottom-color:rgba(199,155,75,.08) !important;
}
#tqg-approach-page .tqg-approach-blueprint-field::before {
  border-top-color:rgba(199,155,75,.08) !important;
}
#tqg-approach-page .tqg-approach-blueprint-field::after {
  border-left-color:rgba(95,142,181,.08) !important;
}
#tqg-approach-page .tqg-approach-blueprint-meta {
  color:rgba(151,190,221,.42) !important;
}
#tqg-approach-page .tqg-approach-register {
  opacity:.38 !important;
}

/* No hover-generated circles or overlays. */
#tqg-approach-page .tqg-approach-method-hotspot::after,
#tqg-approach-page .tqg-approach-method-hotspot:hover::after,
#tqg-approach-page .tqg-approach-method-hotspot:focus-visible::after,
#tqg-approach-page .tqg-approach-method-hotspot.is-active::after {
  content:none !important;
  display:none !important;
}

#tqg-approach-page .tqg-approach-method-hotspot,
#tqg-approach-page .tqg-approach-method-hotspot:hover,
#tqg-approach-page .tqg-approach-method-hotspot:focus-visible,
#tqg-approach-page .tqg-approach-method-hotspot.is-active {
  transform:none !important;
  translate:none !important;
  scale:1 !important;
  border:0 !important;
  box-shadow:none !important;
  outline:none !important;
  background:transparent !important;
}

/* Restrained stage cue only. */
#tqg-approach-page .tqg-approach-method-hotspot::before {
  content:"" !important;
  position:absolute !important;
  left:30% !important;
  right:30% !important;
  bottom:4% !important;
  height:1px !important;
  background:transparent !important;
  pointer-events:none !important;
}
#tqg-approach-page .tqg-approach-method-hotspot:hover::before,
#tqg-approach-page .tqg-approach-method-hotspot:focus-visible::before,
#tqg-approach-page .tqg-approach-method-hotspot.is-active::before {
  background:rgba(199,155,75,.62) !important;
  box-shadow:0 0 4px rgba(199,155,75,.10) !important;
}

#tqg-approach-page .tqg-approach-method-message {
  height:54px !important;
  min-height:54px !important;
  margin-top:12px !important;
  padding-top:7px !important;
}
#tqg-approach-page .tqg-approach-method-message p {
  max-width:800px !important;
  font-size:13px !important;
  line-height:1.4 !important;
  letter-spacing:.01em !important;
  text-align:center !important;
  white-space:nowrap !important;
  color:#D8B46B !important;
}
#tqg-approach-page .tqg-approach-method-static-descriptions,
#tqg-approach-page .tqg-approach-method-stage-copy {
  display:none !important;
}


/* =========================================================
   v1.1.167 — APPROACH HERO: CLEAN STAGES + FIXED HOVER MESSAGE
   ========================================================= */

/* New cropped artwork ratio: the baked Evidence Feedback loop is gone. */
#tqg-approach-page .tqg-approach-method-stage {
  aspect-ratio:892/210 !important;
}

/* Subtle executive blueprint field; technical language supports rather than dominates. */
#tqg-approach-page .tqg-approach-blueprint-field {
  opacity:.30 !important;
}
#tqg-approach-page .tqg-approach-blueprint-meta {
  color:rgba(151,190,221,.38) !important;
}
#tqg-approach-page .tqg-approach-register {
  opacity:.28 !important;
}

/* Align the six hit areas to the six actual circles in the artwork. */
#tqg-approach-page .tqg-approach-method-hotspots {
  inset:0 17px !important;
  grid-template-columns:repeat(6,1fr) !important;
}

/* Absolutely no geometry movement. */
#tqg-approach-page .tqg-approach-method-hotspot,
#tqg-approach-page .tqg-approach-method-hotspot:hover,
#tqg-approach-page .tqg-approach-method-hotspot:focus-visible,
#tqg-approach-page .tqg-approach-method-hotspot.is-active {
  transform:none !important;
  translate:none !important;
  scale:1 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Remove the previous bottom guide cue. */
#tqg-approach-page .tqg-approach-method-hotspot::before,
#tqg-approach-page .tqg-approach-method-hotspot:hover::before,
#tqg-approach-page .tqg-approach-method-hotspot:focus-visible::before,
#tqg-approach-page .tqg-approach-method-hotspot.is-active::before {
  content:none !important;
  display:none !important;
}

/* Restrained hover: brighten only the circular boundary.
   Ring is precisely centered over the baked stage circle and never changes size. */
#tqg-approach-page .tqg-approach-method-hotspot::after {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:61.5% !important;
  width:91% !important;
  aspect-ratio:1/1 !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
  pointer-events:none !important;
  transition:border-color .16s ease, box-shadow .16s ease !important;
}
#tqg-approach-page .tqg-approach-method-hotspot:hover::after,
#tqg-approach-page .tqg-approach-method-hotspot:focus-visible::after,
#tqg-approach-page .tqg-approach-method-hotspot.is-active::after {
  border-color:rgba(216,180,107,.78) !important;
  box-shadow:
    0 0 9px rgba(216,180,107,.16),
    inset 0 0 8px rgba(216,180,107,.05) !important;
}

/* Connector-point emphasis: a tiny fixed point on the right edge of each stage.
   The final stage suppresses the point because there is no next connector. */
#tqg-approach-page .tqg-approach-method-hotspot span.tqg-method-connector {
  display:none !important;
}
#tqg-approach-page .tqg-approach-method-hotspot:hover {
  cursor:pointer !important;
}

/* Restrained evidence principle under the stages, no loop/restart implication. */
#tqg-approach-page .tqg-approach-evidence-line {
  width:100% !important;
  margin-top:9px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  color:rgba(216,180,107,.72) !important;
  font-family:var(--tqg-font-body) !important;
  font-size:9px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
#tqg-approach-page .tqg-approach-evidence-line::before,
#tqg-approach-page .tqg-approach-evidence-line::after {
  content:"" !important;
  width:68px !important;
  height:1px !important;
  background:rgba(216,180,107,.24) !important;
}

/* One fixed line of hover copy, same location for all six stages. */
#tqg-approach-page .tqg-approach-method-message {
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  margin-top:4px !important;
  padding-top:7px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  overflow:hidden !important;
}
#tqg-approach-page .tqg-approach-method-message p {
  margin:0 auto !important;
  max-width:820px !important;
  font-family:var(--tqg-font-body) !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  letter-spacing:.005em !important;
  text-align:center !important;
  color:#D8B46B !important;
  white-space:nowrap !important;
}

/* No descriptive paragraphs under individual circles. */
#tqg-approach-page .tqg-approach-method-static-descriptions,
#tqg-approach-page .tqg-approach-method-stage-copy {
  display:none !important;
}

@media (max-width:1180px) and (min-width:981px) {
  #tqg-approach-page .tqg-approach-method-message p {
    font-size:12px !important;
  }
}


/* =========================================================
   v1.1.168 — APPROACH HERO REFERENCE-LOCKED VISUAL
   ========================================================= */
#tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
  width:min(112%, 920px) !important;
  max-width:920px !important;
  margin:0 auto !important;
  transform:translateX(10px) !important;
}
#tqg-approach-page .tqg-approach-method-stage {
  position:relative !important;
  width:100% !important;
  aspect-ratio:1035/675 !important;
  overflow:visible !important;
}
#tqg-approach-page .tqg-approach-method-image {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  transition:none !important;
  pointer-events:none !important;
}

/* Reference already contains the intended subtle blueprint aesthetic. */
#tqg-approach-page .tqg-approach-blueprint-field { opacity:.08 !important; }
#tqg-approach-page .tqg-approach-blueprint-meta,
#tqg-approach-page .tqg-approach-register { opacity:.10 !important; }

/* Six full-stage clickable hit areas aligned to the reference circles. */
#tqg-approach-page .tqg-approach-method-hotspots {
  position:absolute !important;
  left:1.5% !important;
  right:1.5% !important;
  top:8% !important;
  bottom:24% !important;
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  z-index:4 !important;
}
#tqg-approach-page .tqg-approach-method-hotspot {
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  transition:none !important;
  cursor:pointer !important;
}

/* No generated hover circle or geometry. */
#tqg-approach-page .tqg-approach-method-hotspot::before,
#tqg-approach-page .tqg-approach-method-hotspot::after {
  content:none !important;
  display:none !important;
}

/* Fixed hover sentence directly beneath the complete graphic. */
#tqg-approach-page .tqg-approach-method-message {
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  margin-top:5px !important;
  padding-top:4px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  overflow:hidden !important;
}
#tqg-approach-page .tqg-approach-method-message p {
  margin:0 auto !important;
  max-width:850px !important;
  font-family:var(--tqg-font-body) !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  letter-spacing:.005em !important;
  text-align:center !important;
  color:#D8B46B !important;
  white-space:nowrap !important;
}

/* No duplicate CSS evidence line; it is part of the reference artwork. */
#tqg-approach-page .tqg-approach-evidence-line { display:none !important; }

@media (max-width:1180px) and (min-width:981px) {
  #tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
    width:min(110%, 860px) !important;
    max-width:860px !important;
    transform:translateX(4px) !important;
  }
}
@media (max-width:980px) {
  #tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
    width:min(100%, 820px) !important;
    max-width:820px !important;
    transform:none !important;
  }
}


/* =========================================================
   v1.1.169 — APPROACH HERO SCALE + LEGIBILITY CORRECTION
   ========================================================= */

/* Keep the graphic comfortably inside the right 50% hero column.
   Do NOT enlarge beyond its natural hero region. */
#tqg-approach-page .tqg-method-visual {
  overflow:visible !important;
}

#tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
  width:100% !important;
  max-width:760px !important;
  margin:0 auto !important;
  transform:none !important;
}

/* Crop the asset to the clean methodology band:
   header + six circles + Evidence & Learning treatment.
   This prevents the partially-erased paragraph text from showing. */
#tqg-approach-page .tqg-approach-method-stage {
  aspect-ratio:801/500 !important;
  overflow:hidden !important;
}

#tqg-approach-page .tqg-approach-method-image {
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  top:0 !important;
  left:0 !important;
  right:auto !important;
  bottom:auto !important;
  object-fit:initial !important;
  object-position:initial !important;
}

/* Re-align clickable regions to the six circles in the cropped composition. */
#tqg-approach-page .tqg-approach-method-hotspots {
  left:1.5% !important;
  right:1.5% !important;
  top:9% !important;
  bottom:28% !important;
}

/* Hover sentence stays fixed and readable below the graphic. */
#tqg-approach-page .tqg-approach-method-message {
  height:44px !important;
  min-height:44px !important;
  margin-top:8px !important;
}
#tqg-approach-page .tqg-approach-method-message p {
  max-width:760px !important;
  font-size:14px !important;
  line-height:1.35 !important;
  white-space:normal !important;
}

/* Laptop: retain two-column hero and scale the graphic rather than allowing
   it to overflow or become cropped by the viewport. */
@media (max-width:1366px) and (min-width:981px) {
  #tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
    width:96% !important;
    max-width:700px !important;
  }
  #tqg-approach-page .tqg-approach-method-message p {
    font-size:13px !important;
  }
}

@media (max-width:980px) {
  #tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
    width:100% !important;
    max-width:760px !important;
  }
}


/* =========================================================
   v1.1.170 — APPROACH HERO CLEAN VECTOR METHOD GRAPHIC
   ========================================================= */

#tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
  width:100% !important;
  max-width:800px !important;
  margin:0 auto !important;
  transform:none !important;
}

#tqg-approach-page .tqg-approach-method-stage {
  position:relative !important;
  width:100% !important;
  aspect-ratio:960/420 !important;
  overflow:visible !important;
}

#tqg-approach-page .tqg-approach-method-svg {
  display:block !important;
  width:100% !important;
  height:100% !important;
  overflow:visible !important;
}

#tqg-approach-page .tqg-svg-meta {
  fill:rgba(152,190,221,.62) !important;
  font-family:var(--tqg-font-body) !important;
  font-size:8px !important;
  font-weight:600 !important;
  letter-spacing:.12em !important;
}

#tqg-approach-page .tqg-svg-reg {
  fill:none !important;
  stroke:rgba(199,155,75,.30) !important;
  stroke-width:.8 !important;
}

#tqg-approach-page .tqg-svg-spine {
  stroke:rgba(199,155,75,.46) !important;
  stroke-width:1.1 !important;
}

#tqg-approach-page .tqg-svg-num {
  fill:#D6A33D !important;
  font-family:var(--tqg-font-body) !important;
  font-size:18px !important;
  font-weight:600 !important;
}

#tqg-approach-page .tqg-svg-label {
  fill:#FFFFFF !important;
  font-family:var(--tqg-font-body) !important;
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:.03em !important;
}

#tqg-approach-page .tqg-svg-guide {
  stroke:#C79B4B !important;
  stroke-width:1 !important;
  stroke-dasharray:4 4 !important;
  opacity:.85 !important;
}

#tqg-approach-page .tqg-svg-ring-outer,
#tqg-approach-page .tqg-svg-ring-main,
#tqg-approach-page .tqg-svg-construction {
  fill:none !important;
}

#tqg-approach-page .tqg-svg-ring-main {
  stroke:#C79B4B !important;
  stroke-width:1.45 !important;
}

#tqg-approach-page .tqg-svg-ring-outer {
  stroke:rgba(126,167,201,.42) !important;
  stroke-width:.7 !important;
}

#tqg-approach-page .tqg-svg-construction {
  stroke:rgba(126,167,201,.18) !important;
  stroke-width:.6 !important;
  stroke-dasharray:4 4 !important;
}

#tqg-approach-page .tqg-svg-icon circle,
#tqg-approach-page .tqg-svg-gridnodes circle,
#tqg-approach-page .tqg-svg-target-dot,
#tqg-approach-page .tqg-svg-bars rect {
  fill:#D6A33D !important;
}

#tqg-approach-page .tqg-svg-gridicon path,
#tqg-approach-page .tqg-svg-target circle,
#tqg-approach-page .tqg-svg-target path,
#tqg-approach-page .tqg-svg-alignicon circle,
#tqg-approach-page .tqg-svg-chevron path,
#tqg-approach-page .tqg-svg-bars line {
  fill:none !important;
  stroke:#D6A33D !important;
  stroke-width:1.25 !important;
}

#tqg-approach-page .tqg-svg-target path {
  stroke:#FFFFFF !important;
  opacity:.8 !important;
}

#tqg-approach-page .tqg-svg-align-center {
  stroke:rgba(255,255,255,.55) !important;
}

#tqg-approach-page .tqg-svg-chevron path {
  stroke-width:1.7 !important;
}

#tqg-approach-page .tqg-svg-connectors circle {
  fill:#D6A33D !important;
  filter:url(#tqg-node-glow) !important;
}

#tqg-approach-page .tqg-svg-evidence-line,
#tqg-approach-page .tqg-svg-evidence-arrow {
  fill:none !important;
  stroke:#C79B4B !important;
  stroke-width:1 !important;
  stroke-dasharray:5 4 !important;
  opacity:.82 !important;
}

#tqg-approach-page .tqg-svg-evidence-text {
  fill:#D6A33D !important;
  font-family:var(--tqg-font-body) !important;
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:.11em !important;
}

/* Six clean hit areas exactly over the six stages */
#tqg-approach-page .tqg-approach-method-hotspots {
  position:absolute !important;
  left:3.2% !important;
  right:3.2% !important;
  top:14% !important;
  bottom:24% !important;
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  z-index:5 !important;
}

#tqg-approach-page .tqg-approach-method-hotspot {
  position:relative !important;
  display:block !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  transition:none !important;
  cursor:pointer !important;
}

/* Hover brightens only the matching vector ring + nearby connector through stage-state classes */
#tqg-approach-page .tqg-svg-stage {
  transition:opacity .16s ease !important;
}
#tqg-approach-page .tqg-approach-method-visual[data-active-stage] .tqg-svg-stage {
  opacity:.72 !important;
}
#tqg-approach-page .tqg-approach-method-visual[data-active-stage="discover"] [data-svg-stage="discover"],
#tqg-approach-page .tqg-approach-method-visual[data-active-stage="assess"] [data-svg-stage="assess"],
#tqg-approach-page .tqg-approach-method-visual[data-active-stage="diagnose"] [data-svg-stage="diagnose"],
#tqg-approach-page .tqg-approach-method-visual[data-active-stage="align"] [data-svg-stage="align"],
#tqg-approach-page .tqg-approach-method-visual[data-active-stage="transform"] [data-svg-stage="transform"],
#tqg-approach-page .tqg-approach-method-visual[data-active-stage="measure"] [data-svg-stage="measure"] {
  opacity:1 !important;
}
#tqg-approach-page .tqg-approach-method-visual[data-active-stage="discover"] [data-svg-stage="discover"] .tqg-svg-ring-main,
#tqg-approach-page .tqg-approach-method-visual[data-active-stage="assess"] [data-svg-stage="assess"] .tqg-svg-ring-main,
#tqg-approach-page .tqg-approach-method-visual[data-active-stage="diagnose"] [data-svg-stage="diagnose"] .tqg-svg-ring-main,
#tqg-approach-page .tqg-approach-method-visual[data-active-stage="align"] [data-svg-stage="align"] .tqg-svg-ring-main,
#tqg-approach-page .tqg-approach-method-visual[data-active-stage="transform"] [data-svg-stage="transform"] .tqg-svg-ring-main,
#tqg-approach-page .tqg-approach-method-visual[data-active-stage="measure"] [data-svg-stage="measure"] .tqg-svg-ring-main {
  stroke:#E4B85C !important;
  stroke-width:2 !important;
  filter:url(#tqg-node-glow) !important;
}

/* One fixed hover message below, no layout motion */
#tqg-approach-page .tqg-approach-method-message {
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  margin-top:8px !important;
  padding-top:3px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  overflow:hidden !important;
}
#tqg-approach-page .tqg-approach-method-message p {
  margin:0 auto !important;
  max-width:800px !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  text-align:center !important;
  color:#D8B46B !important;
  white-space:nowrap !important;
}

@media (max-width:1366px) and (min-width:981px) {
  #tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
    max-width:720px !important;
  }
  #tqg-approach-page .tqg-approach-method-message p {
    font-size:12px !important;
  }
}

@media (max-width:980px) {
  #tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
    max-width:760px !important;
  }
  #tqg-approach-page .tqg-approach-method-message p {
    white-space:normal !important;
  }
}


/* =========================================================
   v1.1.171 — APPROACH IMAGE-BASE OVERLAY RESTORE
   ========================================================= */

/* Match the image-overlay pattern used on other hero graphics. */
#tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
  width:100% !important;
  max-width:760px !important;
  margin:0 auto !important;
  transform:none !important;
}

#tqg-approach-page .tqg-approach-method-stage {
  position:relative !important;
  width:100% !important;
  aspect-ratio:1060/660 !important;
  overflow:visible !important;
}

#tqg-approach-page .tqg-approach-method-image {
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  transition:none !important;
  filter:none !important;
  pointer-events:none !important;
}

/* Exact six interactive columns over the authored artwork. */
#tqg-approach-page .tqg-approach-method-hotspots {
  position:absolute !important;
  left:3% !important;
  right:3% !important;
  top:8% !important;
  bottom:24% !important;
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  z-index:4 !important;
}

#tqg-approach-page .tqg-approach-method-hotspot {
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
  transform:none !important;
  transition:none !important;
  cursor:pointer !important;
}

/* No synthetic circles, rings, or geometry on hover.
   The base artwork stays visually intact. */
#tqg-approach-page .tqg-approach-method-hotspot::before,
#tqg-approach-page .tqg-approach-method-hotspot::after {
  content:none !important;
  display:none !important;
}

/* Fixed hover copy below the graphic, never reflows the image. */
#tqg-approach-page .tqg-approach-method-message {
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  margin-top:8px !important;
  padding-top:4px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  overflow:hidden !important;
}

#tqg-approach-page .tqg-approach-method-message p {
  margin:0 auto !important;
  max-width:760px !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  letter-spacing:.005em !important;
  text-align:center !important;
  color:#D8B46B !important;
  white-space:nowrap !important;
}

/* Hide all old vector-specific layers/rules. */
#tqg-approach-page .tqg-approach-method-svg,
#tqg-approach-page .tqg-approach-blueprint-field,
#tqg-approach-page .tqg-approach-blueprint-meta,
#tqg-approach-page .tqg-approach-register {
  display:none !important;
}

@media (max-width:1366px) and (min-width:981px) {
  #tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
    max-width:700px !important;
  }
  #tqg-approach-page .tqg-approach-method-message p {
    font-size:12px !important;
  }
}

@media (max-width:980px) {
  #tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
    max-width:760px !important;
  }
  #tqg-approach-page .tqg-approach-method-message p {
    white-space:normal !important;
  }
}


/* =========================================================
   v1.1.172 — APPROACH SELECTED IMAGE BASE + OVERLAY
   ========================================================= */

/* Use the exact selected six-circle image as the base artwork. */
#tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
  width:100% !important;
  max-width:760px !important;
  margin:0 auto !important;
  transform:none !important;
}

#tqg-approach-page .tqg-approach-method-stage {
  position:relative !important;
  width:100% !important;
  aspect-ratio:730/381 !important;
  overflow:visible !important;
}

#tqg-approach-page .tqg-approach-method-image {
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  transition:none !important;
  filter:none !important;
  pointer-events:none !important;
}

/* Six invisible hit areas sit over the six existing circles.
   No visible overlay geometry is generated. */
#tqg-approach-page .tqg-approach-method-hotspots {
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:18% !important;
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  z-index:4 !important;
}

#tqg-approach-page .tqg-approach-method-hotspot,
#tqg-approach-page .tqg-approach-method-hotspot:hover,
#tqg-approach-page .tqg-approach-method-hotspot:focus-visible,
#tqg-approach-page .tqg-approach-method-hotspot.is-active {
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
  transform:none !important;
  transition:none !important;
  cursor:pointer !important;
}

/* Explicitly suppress all prior generated hover shapes/rings/guide lines. */
#tqg-approach-page .tqg-approach-method-hotspot::before,
#tqg-approach-page .tqg-approach-method-hotspot::after,
#tqg-approach-page .tqg-approach-method-hotspot:hover::before,
#tqg-approach-page .tqg-approach-method-hotspot:hover::after,
#tqg-approach-page .tqg-approach-method-hotspot:focus-visible::before,
#tqg-approach-page .tqg-approach-method-hotspot:focus-visible::after,
#tqg-approach-page .tqg-approach-method-hotspot.is-active::before,
#tqg-approach-page .tqg-approach-method-hotspot.is-active::after {
  content:none !important;
  display:none !important;
}

/* Fixed hover sentence below the base graphic. */
#tqg-approach-page .tqg-approach-method-message {
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  margin-top:8px !important;
  padding-top:3px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  overflow:hidden !important;
}

#tqg-approach-page .tqg-approach-method-message p {
  margin:0 auto !important;
  max-width:760px !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  letter-spacing:.005em !important;
  text-align:center !important;
  color:#D8B46B !important;
  white-space:nowrap !important;
}

/* Hide any legacy blueprint/vector layers. The selected image carries the design. */
#tqg-approach-page .tqg-approach-method-svg,
#tqg-approach-page .tqg-approach-blueprint-field,
#tqg-approach-page .tqg-approach-blueprint-meta,
#tqg-approach-page .tqg-approach-register {
  display:none !important;
}

@media (max-width:1366px) and (min-width:981px) {
  #tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
    max-width:700px !important;
  }
  #tqg-approach-page .tqg-approach-method-message p {
    font-size:12px !important;
  }
}

@media (max-width:980px) {
  #tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
    max-width:760px !important;
  }
  #tqg-approach-page .tqg-approach-method-message p {
    white-space:normal !important;
  }
}


/* =========================================================
   v1.1.173 — APPROACH HERO BUTTON RESTORE
   ========================================================= */
#tqg-approach-page .tqg-hero-actions {
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:16px !important;
  visibility:visible !important;
  opacity:1 !important;
  width:auto !important;
  height:auto !important;
  overflow:visible !important;
}

#tqg-approach-page .tqg-hero-actions .tqg-btn {
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  flex:0 0 auto !important;
}

/* Keep buttons side-by-side through laptop widths. */
@media (max-width:980px) {
  #tqg-approach-page .tqg-hero-actions {
    flex-direction:row !important;
    flex-wrap:nowrap !important;
  }
}


/* =========================================================
   v1.1.174 — APPROACH HERO SURGICAL BALANCE CORRECTION
   Only requested Approach hero changes.
   ========================================================= */

/* LEFT COLUMN: return to shared hero-system rhythm.
   Do not use Approach-specific button sizing or spacing. */
#tqg-approach-page .tqg-hero-copy {
  padding-left:0 !important;
  padding-right:0 !important;
}

#tqg-approach-page .tqg-hero-actions {
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:16px !important;
  margin-top:28px !important;
  width:auto !important;
}

#tqg-approach-page .tqg-hero-actions .tqg-btn {
  flex:0 0 auto !important;
  width:auto !important;
  min-width:240px !important;
}

/* RIGHT GRAPHIC: reduce slightly for better hero balance. */
#tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
  width:100% !important;
  max-width:700px !important;
  margin:0 auto !important;
  transform:none !important;
}

/* Preserve the selected image's exact native proportion.
   This prevents vertical/horizontal stretching of the circles. */
#tqg-approach-page .tqg-approach-method-stage {
  position:relative !important;
  width:100% !important;
  aspect-ratio:731/380 !important;
  overflow:visible !important;
}

#tqg-approach-page .tqg-approach-method-image {
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:unset !important;
  object-position:unset !important;
  transform:none !important;
  transition:none !important;
  filter:none !important;
}

/* Keep existing six hover/click regions aligned over the native image. */
#tqg-approach-page .tqg-approach-method-hotspots {
  position:absolute !important;
  inset:0 0 18% 0 !important;
  grid-template-columns:repeat(6,1fr) !important;
}

/* HOVER SENTENCE: move closer to the Evidence & Learning treatment
   so it reads as part of the same interaction system. */
#tqg-approach-page .tqg-approach-method-message {
  height:36px !important;
  min-height:36px !important;
  margin-top:-6px !important;
  padding-top:0 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  overflow:hidden !important;
}

#tqg-approach-page .tqg-approach-method-message p {
  margin:0 auto !important;
  max-width:700px !important;
  font-size:13px !important;
  line-height:1.3 !important;
  text-align:center !important;
  white-space:nowrap !important;
}

/* Laptop: preserve the same proportion and only scale down. */
@media (max-width:1366px) and (min-width:981px) {
  #tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
    max-width:650px !important;
  }

  #tqg-approach-page .tqg-hero-actions {
    gap:14px !important;
  }

  #tqg-approach-page .tqg-hero-actions .tqg-btn {
    min-width:220px !important;
  }
}


/* =========================================================
   v1.1.175 — APPROACH HOVER PROXIMITY + DIAGNOSE COLOR FIX
   ========================================================= */

/* Pull the fixed hover sentence into the same visual group as the
   Evidence & Learning line. No other hero geometry changes. */
#tqg-approach-page .tqg-approach-method-message {
  margin-top:-30px !important;
  height:32px !important;
  min-height:32px !important;
}

#tqg-approach-page .tqg-approach-method-message p {
  margin:0 auto !important;
  padding:0 !important;
}


/* =========================================================
   v1.1.176 — WHY TQG APPROVED BRIDGE IMAGE + RELATIONSHIP OVERLAY
   ========================================================= */

/* Image-base pattern mirrors the Approach implementation. */
#tqg-why-page .tqg-bridge-image-system {
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
}

#tqg-why-page .tqg-bridge-image-stage {
  position:relative !important;
  width:100% !important;
  aspect-ratio:1015/700 !important;
}

#tqg-why-page .tqg-bridge-base-image {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  pointer-events:none !important;
  transform:none !important;
  filter:none !important;
}

#tqg-why-page .tqg-bridge-overlay {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:visible !important;
  z-index:4 !important;
}

/* All relationship routes are invisible until a source is hovered/focused. */
#tqg-why-page .tqg-map-path {
  fill:none !important;
  stroke:#D8B46B !important;
  stroke-width:2.1 !important;
  vector-effect:non-scaling-stroke !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .14s ease !important;
}

#tqg-why-page .tqg-map-path.tqg-map-solid {
  stroke-dasharray:none !important;
}

#tqg-why-page .tqg-map-path.tqg-map-dashed {
  stroke-dasharray:7 5 !important;
  stroke-width:1.7 !important;
}

#tqg-why-page .tqg-map-path.is-active {
  opacity:.96 !important;
  filter:url(#tqgWhyRouteGlow) !important;
}

/* Invisible source hit zones. */
#tqg-why-page .tqg-bridge-hotspot rect {
  fill:transparent !important;
  pointer-events:all !important;
}

#tqg-why-page .tqg-bridge-hotspot {
  cursor:pointer !important;
  outline:none !important;
}

/* Endpoint and center emphasis when a mapping is active. */
#tqg-why-page .tqg-bridge-map-endpoints circle {
  fill:#D8B46B !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .14s ease !important;
}

#tqg-why-page .tqg-bridge-map-endpoints circle.is-active,
#tqg-why-page .tqg-bridge-image-stage[data-active-source]:not([data-active-source=""]) .tqg-bridge-map-center {
  opacity:1 !important;
  filter:drop-shadow(0 0 5px rgba(216,180,107,.85)) !important;
}

/* Retire the old generated bridge SVG/figcaption styles on this hero only. */
#tqg-why-page .tqg-transformation-bridge > figcaption,
#tqg-why-page .tqg-bridge-state-labels,
#tqg-why-page .tqg-bridge-svg,
#tqg-why-page .tqg-bridge-caption {
  display:none !important;
}

@media (max-width:1366px) and (min-width:981px) {
  #tqg-why-page .tqg-bridge-image-system {
    max-width:760px !important;
  }
}

@media (max-width:980px) {
  #tqg-why-page .tqg-bridge-image-system {
    max-width:820px !important;
  }
}

/* =========================================================
   v1.1.177 — WHY TQG TRANSFORMATION BRIDGE
   7 present factors -> 4 future capabilities
   Static image base; hover changes relationship paths only.
   ========================================================= */
#tqg-why-page .tqg-bridge-v177 {
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
}
#tqg-why-page .tqg-bridge-v177-stage {
  position:relative !important;
  width:100% !important;
  aspect-ratio:1000/660 !important;
  overflow:visible !important;
}
#tqg-why-page .tqg-bridge-v177-base {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  filter:none !important;
  pointer-events:none !important;
}
#tqg-why-page .tqg-bridge-v177-overlay {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:3 !important;
  overflow:visible !important;
}
#tqg-why-page .tqg-map-path {
  fill:none !important;
  stroke:#d7a33d !important;
  vector-effect:non-scaling-stroke !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .12s ease !important;
}
#tqg-why-page .tqg-map-path.tqg-map-solid {
  stroke-width:2px !important;
  stroke-dasharray:none !important;
}
#tqg-why-page .tqg-map-path.tqg-map-dashed {
  stroke-width:1.6px !important;
  stroke-dasharray:6 5 !important;
}
#tqg-why-page .tqg-map-path.is-active {
  opacity:.98 !important;
  filter:url(#tqgV177Glow) !important;
}
#tqg-why-page .tqg-v177-hotspots rect {
  fill:transparent !important;
  pointer-events:all !important;
}
#tqg-why-page .tqg-bridge-hotspot {
  cursor:pointer !important;
  outline:none !important;
}
#tqg-why-page .tqg-v177-endpoints circle {
  fill:#d7a33d !important;
  opacity:0 !important;
  pointer-events:none !important;
}
#tqg-why-page .tqg-v177-endpoints circle.is-active,
#tqg-why-page .tqg-bridge-v177-stage[data-active-source] .tqg-v177-center {
  opacity:1 !important;
  filter:drop-shadow(0 0 4px rgba(215,163,61,.8)) !important;
}
/* Explicitly retire old v176 overlay pieces so no stray artifact remains. */
#tqg-why-page .tqg-bridge-image-system,
#tqg-why-page .tqg-bridge-image-stage,
#tqg-why-page .tqg-bridge-overlay:not(.tqg-bridge-v177-overlay) {
  display:none !important;
}
@media (max-width:1366px) and (min-width:981px) {
  #tqg-why-page .tqg-bridge-v177 { max-width:760px !important; }
}

/* =========================================================
   v1.1.178 — WHY TQG CLEAN FOUR-CAPABILITY BRIDGE
   ========================================================= */
#tqg-why-page .tqg-bridge-v178 {
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
}
#tqg-why-page .tqg-bridge-v178-stage {
  position:relative !important;
  width:100% !important;
  aspect-ratio:1010/515 !important;
  overflow:visible !important;
}
#tqg-why-page .tqg-bridge-v178-base {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  transition:none !important;
  filter:none !important;
  pointer-events:none !important;
}
#tqg-why-page .tqg-bridge-v178-overlay {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:visible !important;
  z-index:4 !important;
}
#tqg-why-page .tqg-bridge-v178 .tqg-map-path {
  fill:none !important;
  stroke:#D8B46B !important;
  vector-effect:non-scaling-stroke !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .12s ease !important;
}
#tqg-why-page .tqg-bridge-v178 .tqg-map-solid {
  stroke-width:1.9px !important;
  stroke-dasharray:none !important;
}
#tqg-why-page .tqg-bridge-v178 .tqg-map-dashed {
  stroke-width:1.55px !important;
  stroke-dasharray:6 5 !important;
}
#tqg-why-page .tqg-bridge-v178 .tqg-map-path.is-active {
  opacity:.94 !important;
  filter:url(#tqgV178Glow) !important;
}
#tqg-why-page .tqg-bridge-v178 .tqg-bridge-hotspot rect {
  fill:transparent !important;
  pointer-events:all !important;
}
#tqg-why-page .tqg-bridge-v178 .tqg-bridge-hotspot {
  cursor:pointer !important;
  outline:none !important;
}
#tqg-why-page .tqg-v178-endpoints circle {
  fill:#D8B46B !important;
  opacity:0 !important;
  pointer-events:none !important;
}
#tqg-why-page .tqg-v178-endpoints circle.is-active,
#tqg-why-page .tqg-bridge-v178-stage[data-active-source] .tqg-v178-center {
  opacity:1 !important;
  filter:drop-shadow(0 0 4px rgba(216,180,107,.75)) !important;
}
#tqg-why-page .tqg-bridge-v178-caption {
  width:max-content !important;
  max-width:92% !important;
  margin:10px auto 0 !important;
  padding:11px 24px 10px !important;
  border:1px solid rgba(199,155,75,.72) !important;
  background:transparent !important;
  text-align:center !important;
  color:#D8B46B !important;
}
#tqg-why-page .tqg-bridge-v178-name {
  display:block !important;
  font-family:var(--tqg-font-heading) !important;
  font-size:18px !important;
  line-height:1.15 !important;
  text-transform:none !important;
}
#tqg-why-page .tqg-bridge-v178-tagline {
  display:block !important;
  margin-top:5px !important;
  font-family:var(--tqg-font-heading) !important;
  font-size:15px !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}
#tqg-why-page .tqg-bridge-v177,
#tqg-why-page .tqg-bridge-image-system,
#tqg-why-page .tqg-bridge-image-stage,
#tqg-why-page .tqg-bridge-overlay:not(.tqg-bridge-v178-overlay),
#tqg-why-page .tqg-bridge-svg,
#tqg-why-page .tqg-bridge-caption {
  display:none !important;
}
@media (max-width:1366px) and (min-width:981px) {
  #tqg-why-page .tqg-bridge-v178 { max-width:760px !important; }
}

/* =========================================================
   v1.1.179 — WHY TQG APPROVED BRIDGE RESTORATION
   Only requested delta: 4 capabilities + hover relationship overlay.
   ========================================================= */
#tqg-why-page .tqg-bridge-v179 {
  width:100% !important;
  margin:0 !important;
}
#tqg-why-page .tqg-bridge-v179-stage {
  position:relative !important;
  width:100% !important;
  overflow:visible !important;
}
#tqg-why-page .tqg-bridge-v179-base {
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
  transition:none !important;
  pointer-events:none !important;
}
#tqg-why-page .tqg-bridge-v179-overlay {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:3 !important;
  pointer-events:none !important;
}
#tqg-why-page .tqg-v179-retired-capabilities rect {
  fill:#071d35 !important;
  opacity:1 !important;
}
#tqg-why-page .tqg-v179-hotspots rect {
  fill:transparent !important;
  pointer-events:all !important;
  cursor:pointer !important;
}
#tqg-why-page .tqg-v179-route {
  fill:none !important;
  stroke:#D6A13B !important;
  vector-effect:non-scaling-stroke !important;
  pointer-events:none !important;
}
#tqg-why-page .tqg-v179-route.is-direct {
  stroke-width:2px !important;
  stroke-dasharray:none !important;
}
#tqg-why-page .tqg-v179-route.is-partial {
  stroke-width:1.6px !important;
  stroke-dasharray:6 5 !important;
}
#tqg-why-page .tqg-bridge-v178,
#tqg-why-page .tqg-bridge-v177,
#tqg-why-page .tqg-bridge-image-system,
#tqg-why-page .tqg-bridge-svg {
  display:none !important;
}

/* v1.1.180 — WHY TQG APPROVED IMAGE RESTORE */
#tqg-why-page .tqg-bridge-v180{width:100%!important;max-width:820px!important;margin:0 auto!important;}
#tqg-why-page .tqg-bridge-v180-stage{position:relative!important;width:100%!important;aspect-ratio:1050/699!important;overflow:visible!important;}
#tqg-why-page .tqg-bridge-v180-base{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;transition:none!important;filter:none!important;opacity:1!important;pointer-events:none!important;}
#tqg-why-page .tqg-bridge-v180-overlay{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:4!important;overflow:visible!important;}
#tqg-why-page .tqg-v180-route{fill:none!important;stroke:#D8B46B!important;vector-effect:non-scaling-stroke!important;opacity:0!important;pointer-events:none!important;}
#tqg-why-page .tqg-v180-route.tqg-map-solid{stroke-width:1.9px!important;stroke-dasharray:none!important;}
#tqg-why-page .tqg-v180-route.tqg-map-dashed{stroke-width:1.55px!important;stroke-dasharray:6 5!important;}
#tqg-why-page .tqg-v180-route.is-active{opacity:.95!important;filter:url(#tqgV180Glow)!important;}
#tqg-why-page .tqg-v180-hotspot rect{fill:transparent!important;pointer-events:all!important;}
#tqg-why-page .tqg-v180-hotspot{cursor:pointer!important;outline:none!important;}
#tqg-why-page .tqg-bridge-v179,#tqg-why-page .tqg-bridge-v178,#tqg-why-page .tqg-bridge-v177,#tqg-why-page .tqg-bridge-image-system,#tqg-why-page .tqg-bridge-svg{display:none!important;}
@media (max-width:1366px) and (min-width:981px){#tqg-why-page .tqg-bridge-v180{max-width:760px!important;}}


/* =========================================================
   v1.1.181 — WHY TQG TRANSFORMATION BRIDGE SURGICAL CORRECTION
   Scope locked to Why TQG bridge overlay only.
   Base hero copy, buttons, spacing, bridge dimensions, labels,
   and all other site-system standards remain unchanged.
   ========================================================= */
#tqg-why-page .tqg-bridge-v180 {
  transform: translateY(-5px) !important;
}
#tqg-why-page .tqg-v180-route {
  stroke: rgba(216,180,107,.86) !important;
  filter: none !important;
}
#tqg-why-page .tqg-v180-route.tqg-map-solid {
  stroke-width: 1.25px !important;
  stroke-dasharray: none !important;
}
#tqg-why-page .tqg-v180-route.tqg-map-dashed {
  stroke-width: 1.05px !important;
  stroke-dasharray: 5 5 !important;
}
#tqg-why-page .tqg-v180-route.is-active {
  opacity: .78 !important;
  filter: none !important;
}
#tqg-why-page .tqg-bridge-v180-base,
#tqg-why-page .tqg-bridge-v180-stage,
#tqg-why-page .tqg-bridge-v180-overlay {
  transition: none !important;
}


/* =========================================================
   v1.1.182 — WHY TQG BRIDGE ALIGNMENT PASS
   Only the bridge presentation/overlay is adjusted.
   Existing hero copy, CTA buttons, left-column spacing,
   typography, and all other site-system standards are locked.
   ========================================================= */

/* Hide the baked-in top-right FUTURE CAPABILITY heading only.
   A positioned overlay replaces it at the bridge's vertical center. */
#tqg-why-page .tqg-bridge-v180 {
  position: relative;
}

/* Mask only the original top-right heading zone; preserve the bridge below it. */
#tqg-why-page .tqg-bridge-v180::after {
  content: "";
  position: absolute;
  left: 63.5%;
  top: 2.2%;
  width: 28%;
  height: 8.2%;
  background: #071b33;
  pointer-events: none;
  z-index: 2;
}

/* Center FUTURE CAPABILITY on the right bridge opening. */
#tqg-why-page .tqg-v182-future-label {
  position: absolute;
  left: 82.1%;
  top: 42.8%;
  transform: translate(-50%, -50%);
  z-index: 5;
  color: rgba(246,244,239,.94);
  font-family: "Inter", Arial, sans-serif;
  font-size: clamp(8px, .64vw, 11px);
  font-weight: 600;
  letter-spacing: .055em;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}

/* Keep the relationship overlay visually subordinate to the approved base art. */
#tqg-why-page .tqg-v180-route.tqg-map-solid {
  stroke-width: 1.05px !important;
}
#tqg-why-page .tqg-v180-route.tqg-map-dashed {
  stroke-width: .9px !important;
  stroke-dasharray: 4 5 !important;
}
#tqg-why-page .tqg-v180-route.is-active {
  opacity: .68 !important;
}

/* Ensure the bridge remains stationary on hover. */
#tqg-why-page .tqg-bridge-v180,
#tqg-why-page .tqg-bridge-v180:hover,
#tqg-why-page .tqg-bridge-v180-stage,
#tqg-why-page .tqg-bridge-v180-stage:hover {
  scale: 1 !important;
}


/* =========================================================
   v1.1.183 — WHY TQG ENDPOINT SIMPLIFICATION
   Scope: bridge endpoint graphic + route registration only.
   ========================================================= */

/* Restore FUTURE CAPABILITY to the approved baked-in top position.
   Disable the v1.1.182 mask and replacement label. */
#tqg-why-page .tqg-bridge-v180::after {
  content: none !important;
  display: none !important;
}
#tqg-why-page .tqg-v182-future-label {
  display: none !important;
}

/* Keep the approved base graphic fully static. */
#tqg-why-page .tqg-bridge-v180,
#tqg-why-page .tqg-bridge-v180:hover,
#tqg-why-page .tqg-bridge-v180-stage,
#tqg-why-page .tqg-bridge-v180-stage:hover,
#tqg-why-page .tqg-bridge-v180-base,
#tqg-why-page .tqg-bridge-v180-base:hover {
  transform: none !important;
  scale: 1 !important;
  transition: none !important;
}

/* =========================================================
   v1.1.184 — WHY TQG NATIVE TRANSFORMATION BRIDGE
   Scope locked to right-side Why TQG bridge only.
   ========================================================= */
#tqg-why-page .tqg-bridge-v184{width:100%!important;max-width:820px!important;margin:0 auto!important;transform:none!important;}
#tqg-why-page .tqg-bridge-v184-stage{position:relative!important;width:100%!important;aspect-ratio:1000/610!important;}
#tqg-why-page .tqg-bridge-v184-svg{display:block!important;width:100%!important;height:100%!important;overflow:visible!important;}
#tqg-why-page .tqg-bridge-outline{fill:none!important;stroke:#D5A03A!important;stroke-width:1.45!important;opacity:.92!important;vector-effect:non-scaling-stroke!important;}
#tqg-why-page .tqg-bridge-mesh{fill:none!important;stroke:#D5A03A!important;stroke-width:.82!important;opacity:.46!important;vector-effect:non-scaling-stroke!important;}
#tqg-why-page .tqg-bridge-lane{fill:none!important;stroke:#D5A03A!important;stroke-width:.9!important;opacity:.54!important;vector-effect:non-scaling-stroke!important;}
#tqg-why-page .tqg-bridge-cross{stroke-dasharray:2.5 2.5!important;opacity:.36!important;}
#tqg-why-page .tqg-bridge-heading{fill:rgba(248,247,244,.92)!important;font-family:Inter,Arial,sans-serif!important;font-size:13px!important;font-weight:600!important;letter-spacing:.065em!important;}
#tqg-why-page .tqg-bridge-side-label{fill:rgba(248,247,244,.91)!important;font-family:Inter,Arial,sans-serif!important;font-size:11px!important;font-weight:600!important;letter-spacing:.01em!important;}
#tqg-why-page .tqg-bridge-rim-node{fill:#D5A03A!important;stroke:#D5A03A!important;stroke-width:1!important;filter:url(#tqgBridgeNodeGlow)!important;vector-effect:non-scaling-stroke!important;}
#tqg-why-page .tqg-bridge-center-ring{fill:none!important;stroke:#D5A03A!important;stroke-width:.85!important;opacity:.42!important;vector-effect:non-scaling-stroke!important;}
#tqg-why-page .tqg-bridge-center-ring-inner{opacity:.6!important;}
#tqg-why-page .tqg-bridge-center-node{fill:#D5A03A!important;filter:url(#tqgBridgeNodeGlow)!important;}
#tqg-why-page .tqg-bridge-hover-route{fill:none!important;stroke:#E0B65D!important;opacity:0!important;pointer-events:none!important;vector-effect:non-scaling-stroke!important;transition:opacity .12s ease!important;}
#tqg-why-page .tqg-bridge-hover-route.tqg-map-solid{stroke-width:1.45!important;stroke-dasharray:none!important;}
#tqg-why-page .tqg-bridge-hover-route.tqg-map-dashed{stroke-width:1.15!important;stroke-dasharray:5 5!important;}
#tqg-why-page .tqg-bridge-hover-route.is-active{opacity:.88!important;}
#tqg-why-page .tqg-bridge-node-group.is-active .tqg-bridge-rim-node{r:5!important;}
#tqg-why-page .tqg-bridge-v184-hotspot rect{fill:transparent!important;pointer-events:all!important;cursor:pointer!important;}
#tqg-why-page .tqg-bridge-v184-caption{width:max-content!important;max-width:88%!important;margin:-8px auto 0!important;padding:10px 28px 9px!important;border:1px solid rgba(213,160,58,.48)!important;background:transparent!important;text-align:center!important;color:#D5A03A!important;}
#tqg-why-page .tqg-bridge-v184-title{display:block!important;font-family:var(--tqg-font-heading,"Playfair Display",serif)!important;font-size:18px!important;line-height:1.12!important;text-transform:none!important;}
#tqg-why-page .tqg-bridge-v184-subtitle{display:block!important;margin-top:5px!important;font-family:var(--tqg-font-heading,"Playfair Display",serif)!important;font-size:15px!important;line-height:1.12!important;white-space:nowrap!important;}
#tqg-why-page .tqg-bridge-v180,#tqg-why-page .tqg-bridge-v179,#tqg-why-page .tqg-bridge-v178,#tqg-why-page .tqg-bridge-v177,#tqg-why-page .tqg-bridge-image-system,#tqg-why-page .tqg-bridge-svg{display:none!important;}
@media (max-width:1366px) and (min-width:981px){#tqg-why-page .tqg-bridge-v184{max-width:760px!important;}}


/* =========================================================
   v1.1.185 — WHY TQG BRIDGE REFINEMENT
   Only requested changes:
   1) complete both opening rims with subtle dashed back halves
   2) reduce bridge scale slightly
   3) enlarge Present Complexity / Future Capability item labels
   ========================================================= */

/* Slightly smaller bridge for better hero balance. */
#tqg-why-page .tqg-bridge-v184 {
  max-width:750px !important;
}

/* Opposite/back side of each opening: dashed to preserve tunnel depth. */
#tqg-why-page .tqg-bridge-rim-back {
  fill:none !important;
  stroke:#D5A03A !important;
  stroke-width:.9 !important;
  stroke-dasharray:3 4 !important;
  opacity:.46 !important;
  vector-effect:non-scaling-stroke !important;
}

/* Increase only the endpoint/item labels for readability. */
#tqg-why-page .tqg-bridge-side-label {
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:.005em !important;
}

/* Keep the two category headings readable with the reduced figure. */
#tqg-why-page .tqg-bridge-heading {
  font-size:14px !important;
}

@media (max-width:1366px) and (min-width:981px) {
  #tqg-why-page .tqg-bridge-v184 {
    max-width:700px !important;
  }
}


/* =========================================================
   v1.1.186 — WHY TQG EXTERNAL ENDPOINT ANCHORS
   ========================================================= */

/* Preserve the v1.1.185 bridge scale. */
#tqg-why-page .tqg-bridge-v184 {
  max-width:750px !important;
}

/* New endpoint/label positions intentionally extend beyond the rim. */
#tqg-why-page .tqg-bridge-v184-stage,
#tqg-why-page .tqg-bridge-v184-svg {
  overflow:visible !important;
}

/* =========================================================
   v1.1.188 — WHY TQG TRANSFORMATION BRIDGE DEPTH PASS
   Rebuilt directly from v1.1.186. Geometry/mappings locked.
   ========================================================= */
#tqg-why-page .tqg-bridge-v184{max-width:760px!important;}
#tqg-why-page .tqg-bridge-heading{
 font-size:14px!important;font-weight:650!important;letter-spacing:.065em!important;
 fill:rgba(248,247,244,.96)!important;
}
#tqg-why-page .tqg-bridge-outline{
 stroke:#D8A53D!important;stroke-width:1.35!important;opacity:.90!important;
}
#tqg-why-page .tqg-bridge-lane{
 stroke:#D5A03A!important;stroke-width:.82!important;opacity:.58!important;
}
#tqg-why-page .tqg-bridge-mesh{
 stroke:#D5A03A!important;stroke-width:.68!important;opacity:.38!important;
}
#tqg-why-page .tqg-bridge-cross{opacity:.34!important;}
#tqg-why-page .tqg-bridge-rim-back{
 stroke:#D5A03A!important;stroke-width:.78!important;stroke-dasharray:3 4!important;opacity:.43!important;
}
#tqg-why-page .tqg-bridge-rim-node{
 fill:#D8A53D!important;stroke:#E0B458!important;stroke-width:.85!important;opacity:.98!important;
 filter:drop-shadow(0 0 3px rgba(216,165,61,.34))!important;
}
#tqg-why-page .tqg-bridge-center-ring{
 stroke:#D8A53D!important;stroke-width:.82!important;opacity:.34!important;
}
#tqg-why-page .tqg-bridge-center-ring-inner{stroke:#D8A53D!important;opacity:.48!important;}
#tqg-why-page .tqg-bridge-center-node{
 fill:#D8A53D!important;opacity:.96!important;filter:drop-shadow(0 0 5px rgba(216,165,61,.52))!important;
}
#tqg-why-page .tqg-bridge-side-label{
 font-size:13px!important;font-weight:650!important;letter-spacing:.005em!important;
 fill:rgba(248,247,244,.96)!important;
}
#tqg-why-page .tqg-bridge-hover-route{
 stroke:#E4B95E!important;filter:drop-shadow(0 0 2px rgba(216,165,61,.28))!important;
}
#tqg-why-page .tqg-bridge-hover-route.tqg-map-solid{stroke-width:1.45!important;}
#tqg-why-page .tqg-bridge-hover-route.tqg-map-dashed{
 stroke-width:1.15!important;stroke-dasharray:5 5!important;
}
#tqg-why-page .tqg-bridge-v184-caption{
 width:max-content!important;max-width:88%!important;margin:8px auto 0!important;padding:9px 26px 10px!important;
 border:1px solid rgba(213,160,58,.40)!important;background:rgba(7,27,51,.10)!important;
 text-align:center!important;color:#D8A53D!important;
}
#tqg-why-page .tqg-bridge-v184-title{
 display:block!important;font-family:var(--tqg-font-heading,"Playfair Display",serif)!important;
 font-size:18px!important;line-height:1.15!important;text-transform:none!important;
}
#tqg-why-page .tqg-bridge-v184-subtitle{display:none!important;}


/* =========================================================
   v1.1.189 — WHY TQG HERO ILLUSTRATION HIERARCHY PASS
   Approved geometry, labels, endpoints and hover mappings locked.
   Adds only dimensional rendering layers and visual hierarchy.
   ========================================================= */
#tqg-why-page .tqg-bridge-surface{stroke:none!important;pointer-events:none!important;}
#tqg-why-page .tqg-bridge-surface-left{fill:url(#tqgBridgeLeftWash)!important;}
#tqg-why-page .tqg-bridge-surface-right{fill:url(#tqgBridgeRightWash)!important;}
#tqg-why-page .tqg-bridge-opening-atmosphere{fill:url(#tqgBridgeOpeningWash)!important;opacity:.72!important;pointer-events:none!important;}
#tqg-why-page .tqg-bridge-throat-atmosphere{fill:url(#tqgBridgeThroatLight)!important;opacity:1!important;pointer-events:none!important;}
#tqg-why-page .tqg-bridge-depth-spine{fill:none!important;stroke:#D5A03A!important;stroke-width:.42!important;opacity:.14!important;vector-effect:non-scaling-stroke!important;}

/* Primary silhouette: strongest structural read. */
#tqg-why-page .tqg-bridge-outline{stroke:#D9A63D!important;stroke-width:1.42!important;opacity:.94!important;}
/* Secondary routing geometry. */
#tqg-why-page .tqg-bridge-lane{stroke:#D5A03A!important;stroke-width:.78!important;opacity:.50!important;}
/* Tertiary blueprint construction recedes behind the silhouette. */
#tqg-why-page .tqg-bridge-mesh{stroke:#C99534!important;stroke-width:.58!important;opacity:.25!important;}
#tqg-why-page .tqg-bridge-cross{stroke-dasharray:2.4 3.8!important;opacity:.23!important;}
#tqg-why-page .tqg-bridge-rim-back{stroke:#C99534!important;stroke-width:.62!important;stroke-dasharray:2.5 4.5!important;opacity:.31!important;}

/* Controlled illumination: openings restrained, throat dominant. */
#tqg-why-page .tqg-bridge-center-ring{stroke:#DDB04D!important;opacity:.46!important;}
#tqg-why-page .tqg-bridge-center-ring-inner{stroke:#E0B65D!important;opacity:.68!important;}
#tqg-why-page .tqg-bridge-center-node{fill:#E0B65D!important;filter:drop-shadow(0 0 7px rgba(224,182,93,.58))!important;}
#tqg-why-page .tqg-bridge-rim-node{filter:drop-shadow(0 0 2.5px rgba(216,165,61,.28))!important;}

/* Text hierarchy: category headings lead; endpoints stay crisp but do not overpower the illustration. */
#tqg-why-page .tqg-bridge-heading{fill:rgba(248,247,244,.97)!important;font-weight:650!important;}
#tqg-why-page .tqg-bridge-side-label{fill:rgba(248,247,244,.90)!important;font-weight:600!important;}

/* Hover remains an overlay on the exact approved route system. */
#tqg-why-page .tqg-bridge-hover-route.is-active{opacity:.96!important;filter:drop-shadow(0 0 3px rgba(224,182,93,.34))!important;}

/* v1.1.192 — canonical MailPoet/TQG Insights subscription integration */
.tqg-insights-subscription-module {
  padding: clamp(56px, 6vw, 86px) 0;
  background: #f5f6f7;
  border-top: 1px solid rgba(8, 30, 52, .08);
  border-bottom: 1px solid rgba(8, 30, 52, .08);
}

.tqg-insights-subscription-module__inner {
  display: flex;
  justify-content: center;
}

.tqg-insights-subscription-module__form {
  width: min(100%, 760px);
}

.tqg-insights-subscription-module .mailpoet_form,
.tqg-home-connect-panel-mailpoet .mailpoet_form {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.tqg-insights-subscription-module input[type="email"],
.tqg-insights-subscription-module input[type="text"],
.tqg-home-connect-panel-mailpoet input[type="email"],
.tqg-home-connect-panel-mailpoet input[type="text"] {
  min-height: 50px;
  border-radius: 0 !important;
}

.tqg-insights-subscription-module input[type="submit"],
.tqg-insights-subscription-module button[type="submit"],
.tqg-home-connect-panel-mailpoet input[type="submit"],
.tqg-home-connect-panel-mailpoet button[type="submit"] {
  min-height: 50px;
  border-radius: 0 !important;
}

.tqg-home-connect-panel-mailpoet .tqg-home-subscribe {
  display: block;
  margin-top: 0;
}

.tqg-home-connect-panel-mailpoet .mailpoet_form {
  color: var(--tqg-navy);
}

@media (max-width: 720px) {
  .tqg-insights-subscription-module {
    padding: 48px 0;
  }
}

/* v1.1.194 — canonical MailPoet visual integration repair
   v1.1.193 was packaged with its CSS block escaped as literal \\n text.
   This release restores the rules as valid CSS and deliberately neutralizes
   MailPoet editor dimensions/borders inside TQG-controlled placements. */

.tqg-insights-subscription-module {
  padding: clamp(72px, 7vw, 104px) 0;
  background:
    linear-gradient(180deg, rgba(8,30,52,.022), rgba(8,30,52,0) 38%),
    #f6f7f8;
  border-top: 1px solid rgba(8,30,52,.07);
  border-bottom: 1px solid rgba(8,30,52,.07);
}

.tqg-insights-subscription-module__inner {
  display: flex;
  justify-content: center;
}

.tqg-insights-subscription-module__form {
  position: relative;
  width: min(100%, 860px);
}

.tqg-insights-subscription-module__form::before {
  content: "";
  display: block;
  width: 58px;
  height: 2px;
  margin: 0 0 18px;
  background: var(--tqg-gold, #c6a15b);
}

/* MailPoet root. Inline editor presentation must not dictate the TQG article module. */
.tqg-insights-subscription-module .mailpoet_form,
.tqg-insights-subscription-module form.mailpoet_form,
.tqg-home-connect-panel-mailpoet .mailpoet_form,
.tqg-home-connect-panel-mailpoet form.mailpoet_form {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--tqg-navy, #0b2341) !important;
  font-family: Inter, Arial, sans-serif !important;
}

.tqg-insights-subscription-module .mailpoet_form {
  padding: clamp(34px, 4.4vw, 52px) !important;
  background: #fff !important;
  box-shadow: 0 22px 54px rgba(8,30,52,.075) !important;
  border-left: 3px solid var(--tqg-gold, #c6a15b) !important;
}

/* Neutralize structural wrappers created by the MailPoet block editor. */
.tqg-insights-subscription-module .mailpoet_form_columns,
.tqg-insights-subscription-module .mailpoet_form_column,
.tqg-insights-subscription-module .mailpoet_paragraph,
.tqg-insights-subscription-module .mailpoet_form_paragraph,
.tqg-home-connect-panel-mailpoet .mailpoet_form_columns,
.tqg-home-connect-panel-mailpoet .mailpoet_form_column,
.tqg-home-connect-panel-mailpoet .mailpoet_paragraph,
.tqg-home-connect-panel-mailpoet .mailpoet_form_paragraph {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

.tqg-insights-subscription-module .mailpoet_paragraph,
.tqg-insights-subscription-module .mailpoet_form_paragraph {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

/* Editorial hierarchy. */
.tqg-insights-subscription-module .mailpoet_form h1,
.tqg-insights-subscription-module .mailpoet_form h2,
.tqg-insights-subscription-module .mailpoet_form h3,
.tqg-home-connect-panel-mailpoet .mailpoet_form h1,
.tqg-home-connect-panel-mailpoet .mailpoet_form h2,
.tqg-home-connect-panel-mailpoet .mailpoet_form h3 {
  margin: 0 0 20px !important;
  color: var(--tqg-navy, #0b2341) !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: -.022em !important;
}

.tqg-insights-subscription-module .mailpoet_form h1 {
  font-size: clamp(32px, 4vw, 46px) !important;
}

.tqg-insights-subscription-module .mailpoet_form p,
.tqg-insights-subscription-module .mailpoet_form label,
.tqg-home-connect-panel-mailpoet .mailpoet_form p,
.tqg-home-connect-panel-mailpoet .mailpoet_form label {
  color: rgba(8,30,52,.82) !important;
  font-family: Inter, Arial, sans-serif !important;
  line-height: 1.62 !important;
}

/* The form's first text block is the TQG INSIGHTS eyebrow. */
.tqg-insights-subscription-module .mailpoet_form p:first-of-type,
.tqg-home-connect-panel-mailpoet .mailpoet_form p:first-of-type {
  margin: 0 0 14px !important;
  color: var(--tqg-gold, #c6a15b) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .17em !important;
  text-transform: uppercase !important;
}

/* Inputs. Target both semantic type and MailPoet's generated field class. */
.tqg-insights-subscription-module .mailpoet_form input[type="email"],
.tqg-insights-subscription-module .mailpoet_form input[type="text"],
.tqg-insights-subscription-module .mailpoet_form .mailpoet_text,
.tqg-home-connect-panel-mailpoet .mailpoet_form input[type="email"],
.tqg-home-connect-panel-mailpoet .mailpoet_form input[type="text"],
.tqg-home-connect-panel-mailpoet .mailpoet_form .mailpoet_text {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 56px !important;
  padding: 0 17px !important;
  border: 1px solid rgba(8,30,52,.24) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--tqg-navy, #0b2341) !important;
  font: 400 15px/1.4 Inter, Arial, sans-serif !important;
  outline: 0 !important;
  box-shadow: none !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
}

.tqg-insights-subscription-module .mailpoet_form input[type="email"]:focus,
.tqg-insights-subscription-module .mailpoet_form input[type="text"]:focus,
.tqg-insights-subscription-module .mailpoet_form .mailpoet_text:focus,
.tqg-home-connect-panel-mailpoet .mailpoet_form input[type="email"]:focus,
.tqg-home-connect-panel-mailpoet .mailpoet_form input[type="text"]:focus,
.tqg-home-connect-panel-mailpoet .mailpoet_form .mailpoet_text:focus {
  border-color: var(--tqg-gold, #c6a15b) !important;
  box-shadow: 0 0 0 3px rgba(198,161,91,.15) !important;
}

/* CTA. */
.tqg-insights-subscription-module .mailpoet_form input[type="submit"],
.tqg-insights-subscription-module .mailpoet_form button[type="submit"],
.tqg-insights-subscription-module .mailpoet_form .mailpoet_submit,
.tqg-home-connect-panel-mailpoet .mailpoet_form input[type="submit"],
.tqg-home-connect-panel-mailpoet .mailpoet_form button[type="submit"],
.tqg-home-connect-panel-mailpoet .mailpoet_form .mailpoet_submit {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 56px !important;
  padding: 0 26px !important;
  border: 1px solid var(--tqg-navy, #0b2341) !important;
  border-radius: 0 !important;
  background: var(--tqg-navy, #0b2341) !important;
  color: #fff !important;
  font: 700 12px/1 Inter, Arial, sans-serif !important;
  letter-spacing: .085em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease !important;
}

.tqg-insights-subscription-module .mailpoet_form input[type="submit"]:hover,
.tqg-insights-subscription-module .mailpoet_form button[type="submit"]:hover,
.tqg-insights-subscription-module .mailpoet_form .mailpoet_submit:hover,
.tqg-home-connect-panel-mailpoet .mailpoet_form input[type="submit"]:hover,
.tqg-home-connect-panel-mailpoet .mailpoet_form button[type="submit"]:hover,
.tqg-home-connect-panel-mailpoet .mailpoet_form .mailpoet_submit:hover {
  border-color: var(--tqg-gold, #c6a15b) !important;
  background: var(--tqg-gold, #c6a15b) !important;
  color: var(--tqg-navy, #0b2341) !important;
}

.tqg-insights-subscription-module .mailpoet_form input[type="submit"]:focus-visible,
.tqg-insights-subscription-module .mailpoet_form button[type="submit"]:focus-visible,
.tqg-insights-subscription-module .mailpoet_form .mailpoet_submit:focus-visible,
.tqg-home-connect-panel-mailpoet .mailpoet_form input[type="submit"]:focus-visible,
.tqg-home-connect-panel-mailpoet .mailpoet_form button[type="submit"]:focus-visible,
.tqg-home-connect-panel-mailpoet .mailpoet_form .mailpoet_submit:focus-visible {
  outline: 3px solid rgba(198,161,91,.46) !important;
  outline-offset: 3px !important;
}

/* Tertiary opt-in note. */
.tqg-insights-subscription-module .mailpoet_form p:last-of-type,
.tqg-home-connect-panel-mailpoet .mailpoet_form p:last-of-type {
  margin: 18px 0 0 !important;
  color: rgba(8,30,52,.58) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

/* Confirmation state. MailPoet may keep the form root dimensions while toggling
   a message node, so reset both the message and the surrounding form geometry. */
.tqg-insights-subscription-module .mailpoet_form:has(.mailpoet_message),
.tqg-home-connect-panel-mailpoet .mailpoet_form:has(.mailpoet_message) {
  height: auto !important;
  min-height: 0 !important;
}

.tqg-insights-subscription-module .mailpoet_message,
.tqg-home-connect-panel-mailpoet .mailpoet_message {
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(30px, 4vw, 44px) !important;
  border: 0 !important;
  border-left: 3px solid var(--tqg-gold, #c6a15b) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--tqg-navy, #0b2341) !important;
  box-shadow: 0 18px 42px rgba(8,30,52,.07) !important;
  font: 500 15px/1.6 Inter, Arial, sans-serif !important;
  text-align: center !important;
}

.tqg-insights-subscription-module .mailpoet_validate_success,
.tqg-home-connect-panel-mailpoet .mailpoet_validate_success {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--tqg-navy, #0b2341) !important;
  font: 600 15px/1.6 Inter, Arial, sans-serif !important;
}

/* Homepage preserves its surrounding TQG panel; only MailPoet internals are normalized. */
.tqg-home-connect-panel-mailpoet .mailpoet_form {
  padding: 0 !important;
}

@media (max-width: 720px) {
  .tqg-insights-subscription-module {
    padding: 54px 0;
  }

  .tqg-insights-subscription-module .mailpoet_form {
    padding: 28px 22px !important;
  }

  .tqg-insights-subscription-module .mailpoet_form h1 {
    font-size: 31px !important;
  }
}


/* v1.1.195 — TQG Insights subscription section composition + empty response cleanup
   The functional MailPoet form remains unchanged. This release makes the module
   occupy the editorial section with deliberate proportions and suppresses the
   dormant MailPoet response panel until it contains a real message. */
.tqg-insights-subscription-module {
  padding: clamp(38px, 4.2vw, 58px) 0 !important;
}

.tqg-insights-subscription-module__inner {
  width: 100%;
}

.tqg-insights-subscription-module__form {
  width: min(100%, 1100px) !important;
}

.tqg-insights-subscription-module__form::before {
  width: 54px;
  margin-bottom: 14px;
}

.tqg-insights-subscription-module .mailpoet_form {
  padding: clamp(42px, 5vw, 64px) clamp(40px, 6vw, 74px) !important;
  box-shadow: 0 18px 44px rgba(8,30,52,.065) !important;
}

/* Keep the editorial copy readable as the card widens. */
.tqg-insights-subscription-module .mailpoet_form h1,
.tqg-insights-subscription-module .mailpoet_form h2,
.tqg-insights-subscription-module .mailpoet_form h3,
.tqg-insights-subscription-module .mailpoet_form > p:not(:last-of-type),
.tqg-insights-subscription-module .mailpoet_form > .mailpoet_paragraph:not(:has(input)):not(:last-of-type),
.tqg-insights-subscription-module .mailpoet_form > .mailpoet_form_paragraph:not(:has(input)):not(:last-of-type) {
  max-width: 760px;
}

/* Give the action controls a strong but proportionate line length on desktop. */
.tqg-insights-subscription-module .mailpoet_form input[type="email"],
.tqg-insights-subscription-module .mailpoet_form input[type="text"],
.tqg-insights-subscription-module .mailpoet_form .mailpoet_text,
.tqg-insights-subscription-module .mailpoet_form input[type="submit"],
.tqg-insights-subscription-module .mailpoet_form button[type="submit"],
.tqg-insights-subscription-module .mailpoet_form .mailpoet_submit {
  max-width: 820px !important;
}

/* MailPoet includes a response node before it has anything to say. Do not let
   that dormant node reserve white space or inherit the success-card treatment. */
.tqg-insights-subscription-module .mailpoet_message:empty,
.tqg-home-connect-panel-mailpoet .mailpoet_message:empty,
.tqg-insights-subscription-module .mailpoet_message.tqg-mailpoet-message-empty,
.tqg-home-connect-panel-mailpoet .mailpoet_message.tqg-mailpoet-message-empty {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Real feedback is compact and aligned to the module rather than creating a
   second oversized card below the privacy statement. */
.tqg-insights-subscription-module .mailpoet_message:not(.tqg-mailpoet-message-empty),
.tqg-home-connect-panel-mailpoet .mailpoet_message:not(.tqg-mailpoet-message-empty) {
  margin-top: 22px !important;
  padding: 24px 28px !important;
  text-align: left !important;
}

@media (max-width: 900px) {
  .tqg-insights-subscription-module {
    padding: 42px 0 !important;
  }

  .tqg-insights-subscription-module__form {
    width: min(100%, 820px) !important;
  }

  .tqg-insights-subscription-module .mailpoet_form {
    padding: 38px 34px !important;
  }
}

@media (max-width: 720px) {
  .tqg-insights-subscription-module {
    padding: 32px 0 !important;
  }

  .tqg-insights-subscription-module .mailpoet_form {
    padding: 30px 22px !important;
  }

  .tqg-insights-subscription-module .mailpoet_form input[type="email"],
  .tqg-insights-subscription-module .mailpoet_form input[type="text"],
  .tqg-insights-subscription-module .mailpoet_form .mailpoet_text,
  .tqg-insights-subscription-module .mailpoet_form input[type="submit"],
  .tqg-insights-subscription-module .mailpoet_form button[type="submit"],
  .tqg-insights-subscription-module .mailpoet_form .mailpoet_submit {
    max-width: none !important;
  }
}


/* v1.1.196 — structural MailPoet response handling + canonical TQG CTA geometry
   Do not change the approved v1.1.195 module width/core composition. */

/* JS marks structurally empty MailPoet response wrappers, including wrappers
   whose markup is not .mailpoet_message. Empty feedback must occupy zero space. */
.tqg-insights-subscription-module .tqg-mailpoet-structural-empty,
.tqg-home-connect-panel-mailpoet .tqg-mailpoet-structural-empty {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: hidden !important;
}

/* When that same response wrapper receives meaningful content, restore it as
   a compact TQG feedback state rather than a second white card. */
.tqg-insights-subscription-module .tqg-mailpoet-structural-message,
.tqg-home-connect-panel-mailpoet .tqg-mailpoet-structural-message {
  display: block !important;
  visibility: visible !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 18px 0 0 !important;
  padding: 18px 22px !important;
  border: 0 !important;
  border-left: 3px solid var(--tqg-gold, #c6a15b) !important;
  background: rgba(198,161,91,.07) !important;
  color: var(--tqg-navy, #0b2341) !important;
  box-shadow: none !important;
  overflow: visible !important;
  font: 600 14px/1.55 Inter, Arial, sans-serif !important;
  text-align: left !important;
}

/* Match the canonical pill CTA used throughout the TQG site. The MailPoet
   submit remains full-width in its form row, but uses the same radius, type,
   border, hover lift, and gold interaction behavior as .tqg-btn. */
.tqg-insights-subscription-module .mailpoet_form input[type="submit"],
.tqg-insights-subscription-module .mailpoet_form button[type="submit"],
.tqg-insights-subscription-module .mailpoet_form .mailpoet_submit,
.tqg-home-connect-panel-mailpoet .mailpoet_form input[type="submit"],
.tqg-home-connect-panel-mailpoet .mailpoet_form button[type="submit"],
.tqg-home-connect-panel-mailpoet .mailpoet_form .mailpoet_submit {
  min-height: 50px !important;
  height: 50px !important;
  padding: 0 28px !important;
  border: 1.5px solid var(--tqg-gold, #c6a15b) !important;
  border-radius: 999px !important;
  background: var(--tqg-navy, #0b2341) !important;
  color: #fff !important;
  font-family: var(--tqg-font-body, Inter, Arial, sans-serif) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  transform: translateY(0) !important;
  transition: transform var(--tqg-motion, .2s ease), background var(--tqg-motion, .2s ease), color var(--tqg-motion, .2s ease), border-color var(--tqg-motion, .2s ease) !important;
}

.tqg-insights-subscription-module .mailpoet_form input[type="submit"]:hover,
.tqg-insights-subscription-module .mailpoet_form button[type="submit"]:hover,
.tqg-insights-subscription-module .mailpoet_form .mailpoet_submit:hover,
.tqg-home-connect-panel-mailpoet .mailpoet_form input[type="submit"]:hover,
.tqg-home-connect-panel-mailpoet .mailpoet_form button[type="submit"]:hover,
.tqg-home-connect-panel-mailpoet .mailpoet_form .mailpoet_submit:hover,
.tqg-insights-subscription-module .mailpoet_form input[type="submit"]:focus-visible,
.tqg-insights-subscription-module .mailpoet_form button[type="submit"]:focus-visible,
.tqg-insights-subscription-module .mailpoet_form .mailpoet_submit:focus-visible,
.tqg-home-connect-panel-mailpoet .mailpoet_form input[type="submit"]:focus-visible,
.tqg-home-connect-panel-mailpoet .mailpoet_form button[type="submit"]:focus-visible,
.tqg-home-connect-panel-mailpoet .mailpoet_form .mailpoet_submit:focus-visible {
  border-color: var(--tqg-gold, #c6a15b) !important;
  background: var(--tqg-gold, #c6a15b) !important;
  color: var(--tqg-navy, #0b2341) !important;
  transform: translateY(-2px) !important;
}

.tqg-insights-subscription-module .mailpoet_form input[type="submit"]:focus-visible,
.tqg-insights-subscription-module .mailpoet_form button[type="submit"]:focus-visible,
.tqg-insights-subscription-module .mailpoet_form .mailpoet_submit:focus-visible,
.tqg-home-connect-panel-mailpoet .mailpoet_form input[type="submit"]:focus-visible,
.tqg-home-connect-panel-mailpoet .mailpoet_form button[type="submit"]:focus-visible,
.tqg-home-connect-panel-mailpoet .mailpoet_form .mailpoet_submit:focus-visible {
  outline: 3px solid rgba(198,161,91,.38) !important;
  outline-offset: 3px !important;
}

/* Modest section-spacing refinement only; approved width remains untouched. */
.tqg-insights-subscription-module {
  padding-top: clamp(32px, 3.6vw, 48px) !important;
  padding-bottom: clamp(32px, 3.6vw, 48px) !important;
}

/* Article subscription CTA follows the site's standard intrinsic pill width
   rather than reading as a full-width form bar. */
.tqg-insights-subscription-module .mailpoet_form input[type="submit"],
.tqg-insights-subscription-module .mailpoet_form button[type="submit"],
.tqg-insights-subscription-module .mailpoet_form .mailpoet_submit {
  width: auto !important;
  min-width: 240px !important;
  max-width: 100% !important;
}

@media (max-width: 520px) {
  .tqg-insights-subscription-module .mailpoet_form input[type="submit"],
  .tqg-insights-subscription-module .mailpoet_form button[type="submit"],
  .tqg-insights-subscription-module .mailpoet_form .mailpoet_submit {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* v1.1.197 — rendered-state MailPoet feedback detection + exact TQG pill CTA
   Preserve the approved v1.1.195/196 width and composition. */

/* The JS classifier below uses actual user-visible text rather than HTML/child
   presence. This catches MailPoet placeholders that contain hidden loader or
   accessibility markup but no message the visitor can actually read. */
.tqg-insights-subscription-module .tqg-mailpoet-force-empty,
.tqg-home-connect-panel-mailpoet .tqg-mailpoet-force-empty {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: hidden !important;
}

.tqg-insights-subscription-module .tqg-mailpoet-force-message,
.tqg-home-connect-panel-mailpoet .tqg-mailpoet-force-message {
  display: block !important;
  visibility: visible !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 18px 0 0 !important;
  padding: 16px 20px !important;
  border: 0 !important;
  border-left: 3px solid var(--tqg-gold, #c6a15b) !important;
  background: rgba(198,161,91,.07) !important;
  color: var(--tqg-navy, #0b2341) !important;
  box-shadow: none !important;
  overflow: visible !important;
  font: 600 14px/1.55 var(--tqg-font-body, Inter, Arial, sans-serif) !important;
  text-align: left !important;
}

/* Match the established site CTA component exactly enough that MailPoet does
   not visually introduce a second button system. Normalize both the submit
   control and its MailPoet paragraph/wrapper. */
.tqg-insights-subscription-module .mailpoet_form :is(.mailpoet_paragraph,.mailpoet_form_paragraph):has(input[type="submit"],button[type="submit"],.mailpoet_submit) {
  width: max-content !important;
  max-width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.tqg-insights-subscription-module .mailpoet_form input[type="submit"],
.tqg-insights-subscription-module .mailpoet_form button[type="submit"],
.tqg-insights-subscription-module .mailpoet_form .mailpoet_submit {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 240px !important;
  max-width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 28px !important;
  margin: 0 !important;
  border: 1.5px solid var(--tqg-gold, #c6a15b) !important;
  border-radius: 999px !important;
  background: var(--tqg-navy, #0b2341) !important;
  background-image: none !important;
  color: #fff !important;
  font-family: var(--tqg-font-body, Inter, Arial, sans-serif) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.tqg-insights-subscription-module .mailpoet_form input[type="submit"]:hover,
.tqg-insights-subscription-module .mailpoet_form button[type="submit"]:hover,
.tqg-insights-subscription-module .mailpoet_form .mailpoet_submit:hover {
  background: var(--tqg-gold, #c6a15b) !important;
  color: var(--tqg-navy, #0b2341) !important;
  border-color: var(--tqg-gold, #c6a15b) !important;
  transform: translateY(-2px) !important;
}

/* Once the phantom MailPoet response panel is removed, the card should wrap
   its actual content rather than retaining an oversized lower third. */
.tqg-insights-subscription-module .mailpoet_form {
  padding-bottom: clamp(34px, 3.5vw, 46px) !important;
}

@media (max-width: 520px) {
  .tqg-insights-subscription-module .mailpoet_form :is(.mailpoet_paragraph,.mailpoet_form_paragraph):has(input[type="submit"],button[type="submit"],.mailpoet_submit),
  .tqg-insights-subscription-module .mailpoet_form input[type="submit"],
  .tqg-insights-subscription-module .mailpoet_form button[type="submit"],
  .tqg-insights-subscription-module .mailpoet_form .mailpoet_submit {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* v1.1.198 — live MailPoet feedback recovery + canonical CTA geometry.
   The JS now temporarily reveals our own hidden feedback wrapper before
   classifying it, allowing real post-submit messages to become visible. */
.tqg-insights-subscription-module :is(input[type="submit"],button[type="submit"],.mailpoet_submit),
.tqg-home-connect-panel-mailpoet :is(input[type="submit"],button[type="submit"],.mailpoet_submit) {
  border-radius: 999px !important;
  -webkit-border-radius: 999px !important;
  clip-path: inset(0 round 999px) !important;
}

.tqg-insights-subscription-module .mailpoet_form :is(.mailpoet_paragraph,.mailpoet_form_paragraph):has(input[type="submit"],button[type="submit"],.mailpoet_submit),
.tqg-home-connect-panel-mailpoet .mailpoet_form :is(.mailpoet_paragraph,.mailpoet_form_paragraph):has(input[type="submit"],button[type="submit"],.mailpoet_submit) {
  border-radius: 999px !important;
}

/* v1.1.199 — canonical MailPoet subscribe CTA alignment
   Final visual correction only: preserve the approved subscription layouts,
   feedback handling, widths, typography, and spacing. The submit action now
   uses the same 240 × 50 pill geometry as the established TQG CTA system on
   desktop, while remaining full-width on small screens. */
.tqg-insights-subscription-module .mailpoet_form :is(.mailpoet_paragraph,.mailpoet_form_paragraph):has(input[type="submit"],button[type="submit"],.mailpoet_submit),
.tqg-home-connect-panel-mailpoet .mailpoet_form :is(.mailpoet_paragraph,.mailpoet_form_paragraph):has(input[type="submit"],button[type="submit"],.mailpoet_submit) {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.tqg-insights-subscription-module .mailpoet_form input[type="submit"],
.tqg-insights-subscription-module .mailpoet_form button[type="submit"],
.tqg-insights-subscription-module .mailpoet_form .mailpoet_submit,
.tqg-home-connect-panel-mailpoet .mailpoet_form input[type="submit"],
.tqg-home-connect-panel-mailpoet .mailpoet_form button[type="submit"],
.tqg-home-connect-panel-mailpoet .mailpoet_form .mailpoet_submit {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 28px !important;
  margin: 0 !important;
  border: 1.5px solid var(--tqg-gold, #c6a15b) !important;
  border-radius: 999px !important;
  background: var(--tqg-navy, #0b2341) !important;
  background-image: none !important;
  color: #fff !important;
  font-family: var(--tqg-font-body, Inter, Arial, sans-serif) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  text-align: center !important;
  box-shadow: none !important;
  transform: translateY(0) !important;
  cursor: pointer !important;
  transition: transform var(--tqg-motion, .2s ease), background var(--tqg-motion, .2s ease), color var(--tqg-motion, .2s ease), border-color var(--tqg-motion, .2s ease) !important;
}

.tqg-insights-subscription-module .mailpoet_form input[type="submit"]:hover,
.tqg-insights-subscription-module .mailpoet_form button[type="submit"]:hover,
.tqg-insights-subscription-module .mailpoet_form .mailpoet_submit:hover,
.tqg-home-connect-panel-mailpoet .mailpoet_form input[type="submit"]:hover,
.tqg-home-connect-panel-mailpoet .mailpoet_form button[type="submit"]:hover,
.tqg-home-connect-panel-mailpoet .mailpoet_form .mailpoet_submit:hover {
  border-color: var(--tqg-gold, #c6a15b) !important;
  background: var(--tqg-gold, #c6a15b) !important;
  color: var(--tqg-navy, #0b2341) !important;
  transform: translateY(-2px) !important;
}

.tqg-insights-subscription-module .mailpoet_form input[type="submit"]:focus-visible,
.tqg-insights-subscription-module .mailpoet_form button[type="submit"]:focus-visible,
.tqg-insights-subscription-module .mailpoet_form .mailpoet_submit:focus-visible,
.tqg-home-connect-panel-mailpoet .mailpoet_form input[type="submit"]:focus-visible,
.tqg-home-connect-panel-mailpoet .mailpoet_form button[type="submit"]:focus-visible,
.tqg-home-connect-panel-mailpoet .mailpoet_form .mailpoet_submit:focus-visible {
  outline: 3px solid rgba(198,161,91,.38) !important;
  outline-offset: 3px !important;
}

@media (max-width: 520px) {
  .tqg-insights-subscription-module .mailpoet_form :is(.mailpoet_paragraph,.mailpoet_form_paragraph):has(input[type="submit"],button[type="submit"],.mailpoet_submit),
  .tqg-home-connect-panel-mailpoet .mailpoet_form :is(.mailpoet_paragraph,.mailpoet_form_paragraph):has(input[type="submit"],button[type="submit"],.mailpoet_submit),
  .tqg-insights-subscription-module .mailpoet_form input[type="submit"],
  .tqg-insights-subscription-module .mailpoet_form button[type="submit"],
  .tqg-insights-subscription-module .mailpoet_form .mailpoet_submit,
  .tqg-home-connect-panel-mailpoet .mailpoet_form input[type="submit"],
  .tqg-home-connect-panel-mailpoet .mailpoet_form button[type="submit"],
  .tqg-home-connect-panel-mailpoet .mailpoet_form .mailpoet_submit {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}


/* v1.1.201 — integrated TQG MailPoet confirmation state.
   The card remains intact after submit. The confirmation appears as restrained
   inline status copy beneath the persistent disclosure, not as a replacement
   alert panel or separate box. */
.tqg-insights-subscription-module .tqg-mailpoet-tqg-status,
.tqg-home-connect-panel-mailpoet .tqg-mailpoet-tqg-status {
  display: none;
}

.tqg-insights-subscription-module .tqg-mailpoet-tqg-status.is-visible,
.tqg-home-connect-panel-mailpoet .tqg-mailpoet-tqg-status.is-visible {
  display: block !important;
  box-sizing: border-box;
  width: 100%;
  margin: 14px 0 0;
  padding: 12px 0 0 18px;
  border: 0;
  border-left: 2px solid var(--tqg-gold, #c6a15b);
  background: transparent;
  color: var(--tqg-navy, #0b2341);
  font-family: var(--tqg-font-body, Inter, Arial, sans-serif);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
  text-align: left;
  box-shadow: none;
}

/* Never blank the approved editorial card after a successful submission. */
.tqg-insights-subscription-module .mailpoet_form.tqg-mailpoet-form-confirmed,
.tqg-home-connect-panel-mailpoet .mailpoet_form.tqg-mailpoet-form-confirmed {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* If MailPoet leaves controls behind after the success state, suppress only
   those controls while preserving heading, description and disclosure copy. */
.tqg-insights-subscription-module .mailpoet_form.tqg-mailpoet-form-confirmed :is(input:not([type="hidden"]),button,select,textarea),
.tqg-home-connect-panel-mailpoet .mailpoet_form.tqg-mailpoet-form-confirmed :is(input:not([type="hidden"]),button,select,textarea) {
  display: none !important;
}

.tqg-insights-subscription-module .mailpoet_form.tqg-mailpoet-form-confirmed :is(.mailpoet_paragraph,.mailpoet_form_paragraph):has(input:not([type="hidden"]),button,select,textarea),
.tqg-home-connect-panel-mailpoet .mailpoet_form.tqg-mailpoet-form-confirmed :is(.mailpoet_paragraph,.mailpoet_form_paragraph):has(input:not([type="hidden"]),button,select,textarea) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* v1.1.202 — persistent subscription shell and reliable post-submit state.
   The editorial copy/disclosure/status sit outside MailPoet's replaceable form
   markup. MailPoet owns only the actual controls and subscriber transaction. */
.tqg-insights-subscription-module .tqg-mailpoet-native-copy-hidden,
.tqg-home-connect-panel-mailpoet .tqg-mailpoet-native-copy-hidden {
  display: none !important;
}

.tqg-insights-subscription-module .tqg-mailpoet-persistent-shell,
.tqg-home-connect-panel-mailpoet .tqg-mailpoet-persistent-shell {
  display: block;
}

.tqg-insights-subscription-module .tqg-mailpoet-persistent-shell h2 {
  margin: 12px 0 14px !important;
  color: var(--tqg-navy, #0b2341) !important;
  font-family: var(--tqg-font-heading, "Playfair Display", Georgia, serif) !important;
  font-size: clamp(26px, 2.1vw, 34px) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: -.02em !important;
}

.tqg-insights-subscription-module .tqg-mailpoet-persistent-shell > p,
.tqg-home-connect-panel-mailpoet .tqg-mailpoet-persistent-shell > p {
  margin: 0 0 20px !important;
  color: var(--tqg-ink, #20344f) !important;
}

.tqg-mailpoet-persistent-disclosure {
  margin: 14px 0 0 !important;
  color: #718096 !important;
  font-family: var(--tqg-font-body, Inter, Arial, sans-serif) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

.tqg-insights-subscription-module .tqg-mailpoet-tqg-status,
.tqg-home-connect-panel-mailpoet .tqg-mailpoet-tqg-status {
  display: none;
}

.tqg-insights-subscription-module .tqg-mailpoet-tqg-status.is-visible,
.tqg-home-connect-panel-mailpoet .tqg-mailpoet-tqg-status.is-visible {
  display: block !important;
  width: 100% !important;
  margin: 14px 0 0 !important;
  padding: 10px 0 0 16px !important;
  border: 0 !important;
  border-left: 2px solid var(--tqg-gold, #c6a15b) !important;
  background: transparent !important;
  color: var(--tqg-navy, #0b2341) !important;
  font-family: var(--tqg-font-body, Inter, Arial, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  box-shadow: none !important;
}

/* Once confirmed, MailPoet's replaceable form region disappears completely;
   persistent TQG context and the inline confirmation remain. */
.tqg-mailpoet-confirmed .tqg-mailpoet-form-host,
.tqg-mailpoet-confirmed .mailpoet_form {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* The home/connect panel already supplies its own editorial spacing. */
.tqg-home-connect-panel-mailpoet .tqg-mailpoet-persistent-shell h2 {
  margin-top: 12px !important;
}

/* v1.1.203 — subscription composition + inline confirmation refinement.
   Presentation only. MailPoet submission/list/confirmation logic remains unchanged.
   The persistent TQG shell, controls, disclosure and status now read as one coherent
   editorial card: eyebrow → headline → description → controls → disclosure → status. */
.tqg-insights-subscription-module {
  padding: clamp(34px, 3.7vw, 52px) 0 !important;
}

.tqg-insights-subscription-module__form {
  box-sizing: border-box;
  width: min(100%, 1100px) !important;
  padding: clamp(42px, 4.5vw, 58px) clamp(42px, 5.5vw, 72px) clamp(38px, 4vw, 50px) !important;
  background: #fff;
  border-left: 2px solid var(--tqg-gold, #c6a15b);
  box-shadow: 0 18px 44px rgba(8,30,52,.065);
}

.tqg-insights-subscription-module__form::before {
  position: absolute;
  top: -16px;
  left: -2px;
  width: 54px !important;
  margin: 0 !important;
}

/* The card now belongs to the TQG shell, not MailPoet's replaceable form node. */
.tqg-insights-subscription-module .mailpoet_form,
.tqg-insights-subscription-module form.mailpoet_form {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tqg-insights-subscription-module .tqg-mailpoet-persistent-shell h2 {
  margin: 12px 0 14px !important;
}

.tqg-insights-subscription-module .tqg-mailpoet-persistent-shell > p {
  max-width: 900px;
  margin: 0 0 18px !important;
}

.tqg-insights-subscription-module .tqg-mailpoet-form-host {
  margin: 0 !important;
  padding: 0 !important;
}

/* Pull MailPoet's controls together so they read as one action group. */
.tqg-insights-subscription-module .mailpoet_paragraph,
.tqg-insights-subscription-module .mailpoet_form_paragraph {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

.tqg-insights-subscription-module .mailpoet_form :is(.mailpoet_paragraph,.mailpoet_form_paragraph):has(input[type="submit"],button[type="submit"],.mailpoet_submit) {
  margin: 14px 0 0 !important;
}

/* Keep the approved canonical TQG pill CTA. */
.tqg-insights-subscription-module .mailpoet_form input[type="submit"],
.tqg-insights-subscription-module .mailpoet_form button[type="submit"],
.tqg-insights-subscription-module .mailpoet_form .mailpoet_submit {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  height: 50px !important;
  min-height: 50px !important;
  border-radius: 999px !important;
}

/* Disclosure is explicitly part of the same white editorial card. */
.tqg-insights-subscription-module .tqg-mailpoet-persistent-disclosure {
  margin: 17px 0 0 !important;
  padding: 0 !important;
  color: #718096 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

/* Final success state: no browser/system alert box, no fill, no shadow.
   A short gold rule provides the only status accent. */
.tqg-insights-subscription-module .tqg-mailpoet-tqg-status,
.tqg-insights-subscription-module .tqg-mailpoet-tqg-status[hidden] {
  display: none !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tqg-insights-subscription-module .tqg-mailpoet-tqg-status.is-visible {
  position: relative;
  display: block !important;
  width: auto !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 16px 0 0 !important;
  padding: 2px 0 2px 16px !important;
  border: 0 !important;
  border-left: 2px solid var(--tqg-gold, #c6a15b) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--tqg-navy, #0b2341) !important;
  font-family: var(--tqg-font-body, Inter, Arial, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  text-align: left !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* MailPoet may leave its own success/error wrappers in the DOM. They must not
   create a second visual status panel in the persistent-shell architecture. */
.tqg-insights-subscription-module .tqg-mailpoet-confirmed .mailpoet_message,
.tqg-insights-subscription-module .tqg-mailpoet-confirmed .mailpoet_validate_success,
.tqg-insights-subscription-module .tqg-mailpoet-confirmed [class*="mailpoet_message"],
.tqg-insights-subscription-module .tqg-mailpoet-confirmed [class*="mailpoet_validate_success"] {
  display: none !important;
}

@media (max-width: 760px) {
  .tqg-insights-subscription-module {
    padding: 30px 0 36px !important;
  }

  .tqg-insights-subscription-module__form {
    padding: 36px 28px 34px !important;
  }
}

@media (max-width: 520px) {
  .tqg-insights-subscription-module__form {
    padding: 32px 22px 30px !important;
  }

  .tqg-insights-subscription-module .mailpoet_form :is(.mailpoet_paragraph,.mailpoet_form_paragraph):has(input[type="submit"],button[type="submit"],.mailpoet_submit),
  .tqg-insights-subscription-module .mailpoet_form input[type="submit"],
  .tqg-insights-subscription-module .mailpoet_form button[type="submit"],
  .tqg-insights-subscription-module .mailpoet_form .mailpoet_submit {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* v1.1.204 — MailPoet CTA left-edge clipping correction.
   Presentation only. Preserve the v1.1.203 subscription composition and
   MailPoet behavior. The earlier clip-path/overflow normalization could shave
   the pill's extreme left antialiased edge at some viewport/subpixel widths.
   Native border-radius is sufficient, so remove clipping and give the CTA one
   pixel of breathing room without changing its canonical 240 × 50 geometry. */
.tqg-insights-subscription-module .mailpoet_form input[type="submit"],
.tqg-insights-subscription-module .mailpoet_form button[type="submit"],
.tqg-insights-subscription-module .mailpoet_form .mailpoet_submit,
.tqg-home-connect-panel-mailpoet .mailpoet_form input[type="submit"],
.tqg-home-connect-panel-mailpoet .mailpoet_form button[type="submit"],
.tqg-home-connect-panel-mailpoet .mailpoet_form .mailpoet_submit {
  clip-path: none !important;
  -webkit-clip-path: none !important;
  overflow: visible !important;
  margin-left: 1px !important;
  border-radius: 999px !important;
  -webkit-border-radius: 999px !important;
}

@media (max-width: 520px) {
  .tqg-insights-subscription-module .mailpoet_form input[type="submit"],
  .tqg-insights-subscription-module .mailpoet_form button[type="submit"],
  .tqg-insights-subscription-module .mailpoet_form .mailpoet_submit,
  .tqg-home-connect-panel-mailpoet .mailpoet_form input[type="submit"],
  .tqg-home-connect-panel-mailpoet .mailpoet_form button[type="submit"],
  .tqg-home-connect-panel-mailpoet .mailpoet_form .mailpoet_submit {
    margin-left: 0 !important;
  }
}


/* =========================================================
   v1.1.206 — TQG CONTACT / WPFORMS INTEGRATION
   WPForms owns form mechanics. TQG owns the presentation.
   ========================================================= */
#tqg-contact-page .tqg-contact-form-panel {
  padding: clamp(34px, 4vw, 48px);
  border: 1px solid rgba(199,155,75,.65);
  background: #fff;
  box-shadow: 0 16px 38px rgba(7,31,59,.055);
}

#tqg-contact-page .tqg-contact-form-intro h3 {
  margin: 0 0 14px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-serif);
  font-size: clamp(28px, 2.4vw, 34px);
  font-weight: 500;
  line-height: 1.15;
}

#tqg-contact-page .tqg-contact-form-intro > p {
  max-width: 720px;
  margin: 0 0 28px;
  color: var(--tqg-muted);
  font-size: 15px;
  line-height: 1.7;
}

#tqg-contact-page .tqg-contact-form-fallback,
#tqg-contact-page .tqg-contact-admin-note {
  margin: 0;
  padding: 18px 20px;
  border-left: 3px solid var(--tqg-gold);
  background: var(--tqg-gray-light, #f4f5f6);
  color: var(--tqg-navy);
  font-size: 15px;
  line-height: 1.65;
}

#tqg-contact-page .tqg-contact-form-fallback a,
#tqg-contact-page .tqg-contact-admin-note a {
  color: var(--tqg-navy);
  font-weight: 600;
  text-decoration-color: var(--tqg-gold);
  text-underline-offset: 3px;
}

#tqg-contact-page .tqg-contact-form-host .wpforms-container {
  margin: 0 !important;
}

#tqg-contact-page .tqg-contact-form-host .wpforms-container .wpforms-field {
  padding: 0 0 20px !important;
}

#tqg-contact-page .tqg-contact-form-host .wpforms-field-label,
#tqg-contact-page .tqg-contact-form-host .wpforms-field-sublabel {
  color: var(--tqg-navy) !important;
  font-family: var(--tqg-font-body) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .025em !important;
  line-height: 1.4 !important;
}

#tqg-contact-page .tqg-contact-form-host .wpforms-required-label {
  color: var(--tqg-gold) !important;
}

#tqg-contact-page .tqg-contact-form-host input[type="text"],
#tqg-contact-page .tqg-contact-form-host input[type="email"],
#tqg-contact-page .tqg-contact-form-host input[type="tel"],
#tqg-contact-page .tqg-contact-form-host input[type="url"],
#tqg-contact-page .tqg-contact-form-host select,
#tqg-contact-page .tqg-contact-form-host textarea {
  width: 100% !important;
  max-width: none !important;
  min-height: 52px !important;
  padding: 13px 15px !important;
  border: 1px solid #bfc7d0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--tqg-navy) !important;
  font-family: var(--tqg-font-body) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  box-shadow: none !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
  box-sizing: border-box !important;
}

#tqg-contact-page .tqg-contact-form-host textarea {
  min-height: 150px !important;
  resize: vertical;
}

#tqg-contact-page .tqg-contact-form-host input:focus,
#tqg-contact-page .tqg-contact-form-host select:focus,
#tqg-contact-page .tqg-contact-form-host textarea:focus {
  border-color: var(--tqg-gold) !important;
  outline: 2px solid transparent !important;
  box-shadow: 0 0 0 2px rgba(199,155,75,.2) !important;
}

#tqg-contact-page .tqg-contact-form-host .wpforms-submit-container {
  margin: 8px 0 0 !important;
  padding: 0 !important;
}

#tqg-contact-page .tqg-contact-form-host button[type="submit"].wpforms-submit,
#tqg-contact-page .tqg-contact-form-host input[type="submit"].wpforms-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 240px !important;
  height: 50px !important;
  padding: 0 28px !important;
  border: 1.5px solid var(--tqg-gold) !important;
  border-radius: 999px !important;
  background: var(--tqg-navy) !important;
  color: #fff !important;
  font-family: var(--tqg-font-body) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
}

#tqg-contact-page .tqg-contact-form-host button[type="submit"].wpforms-submit:hover,
#tqg-contact-page .tqg-contact-form-host button[type="submit"].wpforms-submit:focus-visible,
#tqg-contact-page .tqg-contact-form-host input[type="submit"].wpforms-submit:hover,
#tqg-contact-page .tqg-contact-form-host input[type="submit"].wpforms-submit:focus-visible {
  background: #fff !important;
  color: var(--tqg-navy) !important;
  transform: translateY(-1px);
}

#tqg-contact-page .tqg-contact-form-host .wpforms-error,
#tqg-contact-page .tqg-contact-form-host label.wpforms-error {
  color: #8f2f2f !important;
  font-family: var(--tqg-font-body) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

#tqg-contact-page .tqg-contact-form-host .wpforms-confirmation-container,
#tqg-contact-page .tqg-contact-form-host .wpforms-confirmation-container-full {
  margin: 4px 0 0 !important;
  padding: 4px 0 4px 16px !important;
  border: 0 !important;
  border-left: 2px solid var(--tqg-gold) !important;
  background: transparent !important;
  color: var(--tqg-navy) !important;
  font-family: var(--tqg-font-body) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  box-shadow: none !important;
}

#tqg-contact-page .tqg-contact-form-host .wpforms-confirmation-container p,
#tqg-contact-page .tqg-contact-form-host .wpforms-confirmation-container-full p {
  margin: 0 !important;
}

#tqg-contact-page .tqg-contact-admin-note {
  margin: 0;
  padding: 14px 16px;
  border-left: 2px solid var(--tqg-gold);
  background: rgba(199,155,75,.08);
  color: var(--tqg-navy);
  font-size: 13px;
  line-height: 1.55;
}

@media (max-width: 640px) {
  #tqg-contact-page .tqg-contact-form-panel {
    padding: 30px 22px;
  }

  #tqg-contact-page .tqg-contact-form-host button[type="submit"].wpforms-submit,
  #tqg-contact-page .tqg-contact-form-host input[type="submit"].wpforms-submit {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* =========================================================
   v1.1.208 — TQG CONTACT / WPFORMS ACCESSIBILITY + RESPONSIVE QC
   Presentation hardening only. WPForms remains authoritative for
   submission, validation, anti-spam, notifications and confirmation.
   ========================================================= */

/* Keep validation and confirmation targets visible below the sticky shell. */
#tqg-contact-page .tqg-contact-form-host .wpforms-field,
#tqg-contact-page .tqg-contact-form-host .wpforms-error-container,
#tqg-contact-page .tqg-contact-form-host .wpforms-confirmation-container,
#tqg-contact-page .tqg-contact-form-host .wpforms-confirmation-container-full {
  scroll-margin-top: 120px;
}

/* Strong, consistent keyboard focus treatment across every real control. */
#tqg-contact-page .tqg-contact-form-host input:focus-visible,
#tqg-contact-page .tqg-contact-form-host select:focus-visible,
#tqg-contact-page .tqg-contact-form-host textarea:focus-visible,
#tqg-contact-page .tqg-contact-form-host button:focus-visible {
  outline: 2px solid var(--tqg-gold) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 3px rgba(199,155,75,.16) !important;
}

/* Make invalid fields themselves obvious; do not rely on red text alone. */
#tqg-contact-page .tqg-contact-form-host .wpforms-field.wpforms-has-error input,
#tqg-contact-page .tqg-contact-form-host .wpforms-field.wpforms-has-error select,
#tqg-contact-page .tqg-contact-form-host .wpforms-field.wpforms-has-error textarea,
#tqg-contact-page .tqg-contact-form-host input.wpforms-error,
#tqg-contact-page .tqg-contact-form-host select.wpforms-error,
#tqg-contact-page .tqg-contact-form-host textarea.wpforms-error,
#tqg-contact-page .tqg-contact-form-host [aria-invalid="true"] {
  border-color: #8f2f2f !important;
  box-shadow: inset 3px 0 0 #8f2f2f !important;
}

#tqg-contact-page .tqg-contact-form-host .wpforms-error,
#tqg-contact-page .tqg-contact-form-host label.wpforms-error {
  display: block !important;
  margin-top: 7px !important;
  font-weight: 600 !important;
}

/* Form-level validation summary, when WPForms emits one. */
#tqg-contact-page .tqg-contact-form-host .wpforms-error-container {
  margin: 0 0 20px !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-left: 2px solid #8f2f2f !important;
  background: rgba(143,47,47,.055) !important;
  color: var(--tqg-navy) !important;
  font-family: var(--tqg-font-body) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* Name subfields: controlled two-column rhythm on larger screens. */
#tqg-contact-page .tqg-contact-form-host .wpforms-field-name .wpforms-field-row {
  display: flex !important;
  gap: 14px !important;
  margin: 0 !important;
}

#tqg-contact-page .tqg-contact-form-host .wpforms-field-name .wpforms-field-row-block {
  flex: 1 1 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Preserve readable placeholder/choice contrast without competing with labels. */
#tqg-contact-page .tqg-contact-form-host input::placeholder,
#tqg-contact-page .tqg-contact-form-host textarea::placeholder {
  color: #66788b !important;
  opacity: 1 !important;
}

/* Busy/disabled submission stays visibly intentional and non-jarring. */
#tqg-contact-page .tqg-contact-form-host button[type="submit"].wpforms-submit:disabled,
#tqg-contact-page .tqg-contact-form-host input[type="submit"].wpforms-submit:disabled,
#tqg-contact-page .tqg-contact-form-host button[type="submit"].wpforms-submit.wpforms-disabled,
#tqg-contact-page .tqg-contact-form-host input[type="submit"].wpforms-submit.wpforms-disabled {
  opacity: .68 !important;
  cursor: wait !important;
  transform: none !important;
}

@media (max-width: 640px) {
  #tqg-contact-page .tqg-contact-grid {
    min-width: 0;
  }

  #tqg-contact-page .tqg-contact-form-panel,
  #tqg-contact-page .tqg-contact-form-host,
  #tqg-contact-page .tqg-contact-form-host .wpforms-container,
  #tqg-contact-page .tqg-contact-form-host form {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #tqg-contact-page .tqg-contact-form-host .wpforms-field-name .wpforms-field-row {
    flex-direction: column !important;
    gap: 12px !important;
  }

  #tqg-contact-page .tqg-contact-form-host .wpforms-field-name .wpforms-field-row-block {
    width: 100% !important;
  }

  #tqg-contact-page .tqg-contact-form-host input,
  #tqg-contact-page .tqg-contact-form-host select,
  #tqg-contact-page .tqg-contact-form-host textarea,
  #tqg-contact-page .tqg-contact-form-host button {
    max-width: 100% !important;
  }

  #tqg-contact-page .tqg-contact-form-host select {
    min-height: 54px !important;
  }
}

@media (max-width: 420px) {
  #tqg-contact-page .tqg-contact-form-panel {
    padding: 26px 18px;
  }

  #tqg-contact-page .tqg-contact-form-intro h3 {
    font-size: 27px;
  }
}

/* =========================================================
   v1.1.221 — MOBILE HOME NETWORK COMPOSITION RESTORE
   Preserve the integrated six-solution system on small screens.
   Reverses the old card-stack fallback without changing desktop.
   ========================================================= */
@media (max-width: 700px) {
  #tqg-home-page .tqg-home-network {
    display: block !important;
    position: relative !important;
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    margin: 34px auto 6px !important;
    padding: 0 !important;
  }

  #tqg-home-page .tqg-home-network-grid,
  #tqg-home-page .tqg-home-network-ring,
  #tqg-home-page .tqg-home-network-axis,
  #tqg-home-page .tqg-home-network-svg {
    display: block !important;
  }

  /* Dimension annotations are desktop drafting detail and become too dense
     at phone widths; the actual integrated network remains visible. */
  #tqg-home-page .tqg-home-network-dimensions {
    display: none !important;
  }

  #tqg-home-page .tqg-home-network-center {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 122px !important;
    height: 122px !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
  }

  #tqg-home-page .tqg-home-network-center-copy {
    max-width: 112px !important;
    margin: 0 !important;
    font-size: 7.2px !important;
    line-height: 1.38 !important;
    letter-spacing: .06em !important;
  }

  #tqg-home-page .tqg-home-network-center-copy-line {
    display: block !important;
    white-space: nowrap !important;
  }

  #tqg-home-page .tqg-home-network-node {
    display: block !important;
    position: absolute !important;
    width: 94px !important;
    height: 56px !important;
    padding: 0 !important;
    border: 0 !important;
    transform: translate(-50%, -50%) !important;
  }

  #tqg-home-page .tqg-home-network .node-talent { top: 18% !important; left: 50% !important; }
  #tqg-home-page .tqg-home-network .node-design { top: 33% !important; left: 78% !important; }
  #tqg-home-page .tqg-home-network .node-performance { top: 67% !important; left: 78% !important; }
  #tqg-home-page .tqg-home-network .node-experience { top: 82% !important; left: 50% !important; }
  #tqg-home-page .tqg-home-network .node-leadership { top: 67% !important; left: 22% !important; }
  #tqg-home-page .tqg-home-network .node-workforce { top: 33% !important; left: 22% !important; }

  #tqg-home-page .tqg-home-network-point {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 28px !important;
    height: 28px !important;
    transform: translate(-50%, -50%) !important;
  }

  #tqg-home-page .tqg-home-network-point::before {
    inset: 5px !important;
  }

  #tqg-home-page .tqg-home-network-point::after {
    width: 8px !important;
    height: 8px !important;
  }

  #tqg-home-page .tqg-home-network-label,
  #tqg-home-page .tqg-home-network .node-talent .tqg-home-network-label,
  #tqg-home-page .tqg-home-network .node-design .tqg-home-network-label,
  #tqg-home-page .tqg-home-network .node-performance .tqg-home-network-label,
  #tqg-home-page .tqg-home-network .node-experience .tqg-home-network-label,
  #tqg-home-page .tqg-home-network .node-leadership .tqg-home-network-label,
  #tqg-home-page .tqg-home-network .node-workforce .tqg-home-network-label {
    position: absolute !important;
    width: 80px !important;
    color: rgba(255,255,255,.94) !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    line-height: 1.18 !important;
    letter-spacing: .035em !important;
    text-align: center !important;
    transform: none !important;
  }

  #tqg-home-page .tqg-home-network .node-talent .tqg-home-network-label {
    top: auto !important;
    right: auto !important;
    bottom: 42px !important;
    left: 7px !important;
  }

  #tqg-home-page .tqg-home-network .node-experience .tqg-home-network-label {
    top: 42px !important;
    right: auto !important;
    bottom: auto !important;
    left: 7px !important;
  }

  #tqg-home-page .tqg-home-network .node-design .tqg-home-network-label,
  #tqg-home-page .tqg-home-network .node-performance .tqg-home-network-label {
    right: auto !important;
    bottom: auto !important;
    left: 47px !important;
  }

  #tqg-home-page .tqg-home-network .node-design .tqg-home-network-label {
    top: 0 !important;
  }

  #tqg-home-page .tqg-home-network .node-performance .tqg-home-network-label {
    top: 31px !important;
  }

  #tqg-home-page .tqg-home-network .node-workforce .tqg-home-network-label,
  #tqg-home-page .tqg-home-network .node-leadership .tqg-home-network-label {
    right: 47px !important;
    bottom: auto !important;
    left: auto !important;
  }

  #tqg-home-page .tqg-home-network .node-workforce .tqg-home-network-label {
    top: 0 !important;
  }

  #tqg-home-page .tqg-home-network .node-leadership .tqg-home-network-label {
    top: 31px !important;
  }
}


/* =========================================================
   v1.1.224 — APPROACH MOBILE HERO REMEDIATION
   Preserve the approved desktop/tablet hero while allowing the
   phone composition to reflow inside the viewport.
   ========================================================= */
@media (max-width: 700px) {
  #tqg-approach-page .tqg-hero,
  #tqg-approach-page .tqg-hero > .tqg-container,
  #tqg-approach-page .tqg-hero-grid,
  #tqg-approach-page .tqg-hero-copy,
  #tqg-approach-page .tqg-method-visual {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #tqg-approach-page .tqg-hero > .tqg-container,
  #tqg-approach-page .tqg-hero-grid {
    width: min(calc(100% - 36px), 760px) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 34px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-inline: auto !important;
  }

  #tqg-approach-page .tqg-hero-copy {
    width: 100% !important;
    margin-inline: 0 !important;
    overflow: visible !important;
  }

  /* Earlier desktop composition intentionally kept each headline span on
     one line. At phone widths that creates horizontal clipping. */
  #tqg-approach-page .tqg-hero-copy .tqg-h1,
  #tqg-approach-page .tqg-hero-copy .tqg-h1 > span {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  #tqg-approach-page .tqg-hero-copy .tqg-h1 {
    font-size: clamp(42px, 11.4vw, 54px) !important;
    line-height: 1.01 !important;
  }

  #tqg-approach-page .tqg-hero-copy > p,
  #tqg-approach-page .tqg-hero-copy > .tqg-hero-description {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Phone CTA treatment: one complete touch target per row. */
  #tqg-approach-page .tqg-hero-actions {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 26px !important;
    overflow: visible !important;
  }

  #tqg-approach-page .tqg-hero-actions .tqg-btn {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding-inline: 20px !important;
  }

  /* Keep the selected six-stage Method artwork proportional and contained. */
  #tqg-approach-page .tqg-method-visual {
    width: 100% !important;
    min-height: 0 !important;
    margin-top: 8px !important;
    overflow: visible !important;
  }

  #tqg-approach-page .tqg-method-visual > .tqg-approach-method-visual {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: auto !important;
  }

  #tqg-approach-page .tqg-approach-method-stage,
  #tqg-approach-page .tqg-approach-method-image {
    max-width: 100% !important;
  }

  #tqg-approach-page .tqg-approach-method-message {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ================================================================
   v1.1.226 — UNIFIED PREMIUM PRINT ARCHITECTURE
   Mobile no longer overlays a print workspace on the live article.
   The article Print control opens the same canonical premium print
   document used by desktop, in a dedicated browser view. Print-preview
   styling lives inside that generated document, not the public page CSS.
   ================================================================ */

/* =========================================================
   v1.1.239 — WHY TQG CLIENT CLARITY + HERO IMAGE PASS
   - Replaces the hero bridge with a blended photographic bridge image.
   - Relocates the approved Transformation Bridge intact to a dedicated
     From Complexity to Capability section below the hero.
   - Adds explanatory system-to-capability messaging without changing
     bridge geometry, mappings, or interactions.
   ========================================================= */

#tqg-why-page .tqg-why-hero-image {
  position: relative;
  box-sizing: border-box;
  width: min(100%, 760px);
  height: var(--tqg-hero-visual-height);
  margin: 0;
  justify-self: stretch;
  align-self: center;
  overflow: hidden;
  background: var(--tqg-navy);
  isolation: isolate;
}

#tqg-why-page .tqg-why-hero-image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg,
      var(--tqg-navy) 0%,
      rgba(7,27,51,.92) 7%,
      rgba(7,27,51,.62) 18%,
      rgba(7,27,51,.22) 34%,
      rgba(7,27,51,0) 56%),
    linear-gradient(180deg,
      rgba(7,27,51,.32) 0%,
      rgba(7,27,51,0) 25%,
      rgba(7,27,51,0) 72%,
      rgba(7,27,51,.30) 100%);
}

#tqg-why-page .tqg-why-hero-image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(7,27,51,.22), transparent 42%);
  box-shadow: inset 26px 0 42px -30px rgba(7,27,51,.95);
}

#tqg-why-page .tqg-why-hero-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 58% center;
  transform: scale(1.015);
}

#tqg-why-page .tqg-why-complexity {
  position: relative;
  padding-top: 92px;
  padding-bottom: 96px;
  border-top: 1px solid rgba(199,155,75,.24);
  overflow: hidden;
}

#tqg-why-page .tqg-why-complexity::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: min(900px, 76vw);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(199,155,75,.72), transparent);
  pointer-events: none;
}

#tqg-why-page .tqg-why-complexity > .tqg-container {
  width: min(calc(100% - 64px), 1320px);
  max-width: 1320px;
}

#tqg-why-page .tqg-why-complexity-intro {
  max-width: 940px;
  margin: 0 auto 36px;
  text-align: center;
}

#tqg-why-page .tqg-why-complexity-intro .tqg-label {
  margin-bottom: 16px;
  color: var(--tqg-gold);
}

#tqg-why-page .tqg-why-complexity-intro .tqg-h2 {
  max-width: 900px;
  margin: 0 auto 22px;
  color: var(--tqg-white);
}

#tqg-why-page .tqg-why-complexity-intro p {
  max-width: 880px;
  margin: 0 auto;
  color: rgba(255,255,255,.82);
  font-size: 16px;
  line-height: 1.72;
}

#tqg-why-page .tqg-why-complexity-intro p + p {
  margin-top: 14px;
}

/* The approved v184 SVG remains unchanged; only its section placement/scale changes. */
#tqg-why-page .tqg-why-complexity .tqg-transformation-bridge {
  width: 100% !important;
  max-width: 980px !important;
  height: auto !important;
  max-height: none !important;
  margin: 14px auto 0 !important;
  justify-self: center !important;
  align-self: auto !important;
}

#tqg-why-page .tqg-why-complexity .tqg-bridge-v184 {
  max-width: 980px !important;
}

#tqg-why-page .tqg-why-system-focus {
  position: relative;
  max-width: 930px;
  margin: 52px auto 0;
  padding: 30px 34px 0;
  border-top: 1px solid rgba(199,155,75,.46);
  text-align: center;
}

#tqg-why-page .tqg-why-system-focus::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tqg-gold);
  transform: translateX(-50%);
  box-shadow: 0 0 8px rgba(199,155,75,.28);
}

#tqg-why-page .tqg-why-system-focus h3 {
  margin: 0 0 12px;
  color: var(--tqg-white);
  font-family: var(--tqg-font-heading);
  font-size: clamp(26px, 2.2vw, 36px);
  font-weight: 500;
  line-height: 1.15;
}

#tqg-why-page .tqg-why-system-focus p {
  max-width: 860px;
  margin: 0 auto;
  color: rgba(255,255,255,.82);
  font-size: 16px;
  line-height: 1.72;
}

@media (max-width: 1050px) {
  #tqg-why-page .tqg-why-hero-image {
    width: 100%;
    max-width: 760px;
    height: 430px;
    justify-self: center;
  }

  #tqg-why-page .tqg-why-complexity > .tqg-container {
    width: min(calc(100% - 48px), 980px);
  }

  #tqg-why-page .tqg-why-complexity .tqg-transformation-bridge,
  #tqg-why-page .tqg-why-complexity .tqg-bridge-v184 {
    max-width: 860px !important;
  }
}

@media (max-width: 700px) {
  #tqg-why-page .tqg-why-hero-image {
    height: auto;
    aspect-ratio: 16 / 10;
    margin-top: 14px;
  }

  #tqg-why-page .tqg-why-hero-image::before {
    background:
      linear-gradient(180deg, rgba(7,27,51,.34), rgba(7,27,51,0) 38%, rgba(7,27,51,.24)),
      linear-gradient(90deg, rgba(7,27,51,.58), rgba(7,27,51,0) 36%);
  }

  #tqg-why-page .tqg-why-complexity {
    padding-top: 68px;
    padding-bottom: 72px;
  }

  #tqg-why-page .tqg-why-complexity > .tqg-container {
    width: min(calc(100% - 32px), 650px);
  }

  #tqg-why-page .tqg-why-complexity-intro {
    margin-bottom: 26px;
    text-align: left;
  }

  #tqg-why-page .tqg-why-complexity-intro .tqg-h2,
  #tqg-why-page .tqg-why-complexity-intro p {
    margin-left: 0;
    margin-right: 0;
  }

  #tqg-why-page .tqg-why-complexity .tqg-transformation-bridge,
  #tqg-why-page .tqg-why-complexity .tqg-bridge-v184 {
    max-width: 100% !important;
  }

  #tqg-why-page .tqg-why-system-focus {
    margin-top: 34px;
    padding: 25px 0 0;
    text-align: left;
  }

  #tqg-why-page .tqg-why-system-focus::before {
    left: 0;
    transform: none;
  }
}

/* =========================================================
   v1.1.240 — WHY TQG FULL-BLEED PHOTOGRAPHIC HERO
   The approved bridge photograph now fills the complete hero shell.
   Copy overlays the image on the left while a controlled navy veil
   protects legibility and lets the image remain crisp and dominant
   on the right. The image always matches the hero section height.
   ========================================================= */

#tqg-why-page .tqg-why-hero {
  position: relative !important;
  min-height: var(--tqg-system-hero-height, 622px) !important;
  overflow: hidden !important;
  isolation: isolate;
  background: var(--tqg-navy) !important;
}

#tqg-why-page .tqg-why-hero > .tqg-container {
  position: static !important;
  z-index: auto;
}

#tqg-why-page .tqg-why-hero .tqg-page-hero-copy {
  position: relative !important;
  z-index: 4 !important;
  grid-column: 1 / 2;
  max-width: 640px !important;
  padding: 18px 0;
}

#tqg-why-page .tqg-why-hero-image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: var(--tqg-navy) !important;
  isolation: isolate;
  pointer-events: none;
}

#tqg-why-page .tqg-why-hero-image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: 72% center !important;
  transform: none !important;
  filter: contrast(1.035) saturate(.96);
}

/* Primary left-to-right integration: fully protects the copy while
   allowing the bridge/city photograph to emerge naturally on the right. */
#tqg-why-page .tqg-why-hero-image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg,
      rgba(7,27,51,1) 0%,
      rgba(7,27,51,.995) 24%,
      rgba(7,27,51,.96) 36%,
      rgba(7,27,51,.78) 46%,
      rgba(7,27,51,.46) 57%,
      rgba(7,27,51,.16) 69%,
      rgba(7,27,51,.03) 80%,
      rgba(7,27,51,0) 100%);
}

/* Subtle cinematic finishing veil; no blur so the image stays crisp. */
#tqg-why-page .tqg-why-hero-image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(180deg,
      rgba(7,27,51,.24) 0%,
      rgba(7,27,51,.02) 24%,
      rgba(7,27,51,.02) 70%,
      rgba(7,27,51,.30) 100%),
    linear-gradient(90deg,
      rgba(7,27,51,.14) 0%,
      rgba(7,27,51,0) 66%,
      rgba(7,27,51,.08) 100%);
}

@media (max-width: 1050px) {
  #tqg-why-page .tqg-why-hero {
    min-height: var(--tqg-system-hero-height, 622px) !important;
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }

  #tqg-why-page .tqg-why-hero > .tqg-container {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #tqg-why-page .tqg-why-hero .tqg-page-hero-copy {
    grid-column: 1;
    max-width: 625px !important;
  }

  #tqg-why-page .tqg-why-hero-image {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    aspect-ratio: auto !important;
  }

  #tqg-why-page .tqg-why-hero-image img {
    object-position: 67% center !important;
  }

  #tqg-why-page .tqg-why-hero-image::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,.995) 0%,
        rgba(7,27,51,.98) 32%,
        rgba(7,27,51,.84) 52%,
        rgba(7,27,51,.46) 70%,
        rgba(7,27,51,.16) 86%,
        rgba(7,27,51,.08) 100%);
  }
}

@media (max-width: 700px) {
  #tqg-why-page .tqg-why-hero {
    min-height: 0 !important;
    padding-top: 62px !important;
    padding-bottom: 62px !important;
  }

  #tqg-why-page .tqg-why-hero .tqg-page-hero-copy {
    max-width: 100% !important;
    padding: 0;
  }

  #tqg-why-page .tqg-why-hero-image {
    height: 100% !important;
    margin-top: 0 !important;
    aspect-ratio: auto !important;
  }

  #tqg-why-page .tqg-why-hero-image img {
    object-position: 68% center !important;
  }

  #tqg-why-page .tqg-why-hero-image::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,.98) 0%,
        rgba(7,27,51,.93) 42%,
        rgba(7,27,51,.72) 72%,
        rgba(7,27,51,.50) 100%);
  }

  #tqg-why-page .tqg-why-hero-image::after {
    background:
      linear-gradient(180deg,
        rgba(7,27,51,.30) 0%,
        rgba(7,27,51,.08) 34%,
        rgba(7,27,51,.12) 70%,
        rgba(7,27,51,.42) 100%);
  }
}

/* =========================================================
   v1.1.241 — WHY TQG PRODUCTION HERO IMAGE
   Uses the native high-resolution panoramic bridge source without
   upscaling or image filters. The wide composition fills the hero,
   remains dominant on the right, and preserves substantially more of
   the original photograph while the left navy veil supports copy.
   ========================================================= */

#tqg-why-page .tqg-why-hero-image img {
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
  image-rendering: auto;
}

#tqg-why-page .tqg-why-hero-image::before {
  background:
    linear-gradient(90deg,
      rgba(7,27,51,1) 0%,
      rgba(7,27,51,.99) 22%,
      rgba(7,27,51,.92) 34%,
      rgba(7,27,51,.68) 45%,
      rgba(7,27,51,.34) 56%,
      rgba(7,27,51,.10) 67%,
      rgba(7,27,51,.02) 76%,
      rgba(7,27,51,0) 86%);
}

#tqg-why-page .tqg-why-hero-image::after {
  background:
    linear-gradient(180deg,
      rgba(7,27,51,.14) 0%,
      rgba(7,27,51,0) 25%,
      rgba(7,27,51,0) 73%,
      rgba(7,27,51,.18) 100%);
}

@media (max-width: 1050px) {
  #tqg-why-page .tqg-why-hero-image img {
    object-position: 60% center !important;
  }
}

@media (max-width: 760px) {
  #tqg-why-page .tqg-why-hero-image img {
    object-position: 66% center !important;
  }
}

/* =========================================================
   v1.1.242 — WHY TQG COMPACT COMPLEXITY-TO-CAPABILITY SECTION
   White section with explanatory copy left, approved interactive
   Transformation Bridge right, and whole-system clarification below.
   Restores white/gray alternating section rhythm below the hero.
   ========================================================= */
#tqg-why-page .tqg-why-complexity {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
  border-top: 0 !important;
  overflow: hidden;
  background: #fff !important;
}

#tqg-why-page .tqg-why-complexity::before {
  display: none !important;
}

#tqg-why-page .tqg-why-complexity > .tqg-container {
  width: min(calc(100% - 64px), 1320px) !important;
  max-width: 1320px !important;
}

#tqg-why-page .tqg-why-complexity-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: clamp(38px, 4.5vw, 72px);
  align-items: center;
}

#tqg-why-page .tqg-why-complexity-intro {
  max-width: 570px !important;
  margin: 0 !important;
  text-align: left !important;
}

#tqg-why-page .tqg-why-complexity-intro .tqg-label {
  margin-bottom: 14px !important;
  color: var(--tqg-gold) !important;
}

#tqg-why-page .tqg-why-complexity-intro .tqg-h2 {
  max-width: 570px !important;
  margin: 0 0 18px !important;
  color: var(--tqg-navy) !important;
}

#tqg-why-page .tqg-why-complexity-intro p {
  max-width: 570px !important;
  margin: 0 !important;
  color: var(--tqg-text) !important;
  font-size: 16px !important;
  line-height: 1.68 !important;
}

#tqg-why-page .tqg-why-complexity-intro p + p {
  margin-top: 13px !important;
}

#tqg-why-page .tqg-why-complexity .tqg-transformation-bridge,
#tqg-why-page .tqg-why-complexity .tqg-bridge-v184 {
  width: 100% !important;
  max-width: 650px !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto !important;
  justify-self: end !important;
  align-self: center !important;
}

/* Preserve approved bridge geometry/interactions while adapting its labels
   from the former navy field to the new white section. */
#tqg-why-page .tqg-why-complexity .tqg-bridge-heading,
#tqg-why-page .tqg-why-complexity .tqg-bridge-side-label {
  fill: var(--tqg-navy) !important;
}

#tqg-why-page .tqg-why-complexity .tqg-bridge-v184-caption {
  background: rgba(255,255,255,.72) !important;
}

#tqg-why-page .tqg-why-system-focus {
  position: relative;
  max-width: 1080px !important;
  margin: 30px auto 0 !important;
  padding: 24px 32px 0 !important;
  border-top: 1px solid rgba(199,155,75,.38) !important;
  text-align: center !important;
}

#tqg-why-page .tqg-why-system-focus h3 {
  max-width: 760px;
  margin: 0 auto 10px !important;
  color: var(--tqg-navy) !important;
  font-size: clamp(25px, 2vw, 34px) !important;
}

#tqg-why-page .tqg-why-system-focus p {
  max-width: 940px !important;
  margin: 0 auto !important;
  color: var(--tqg-text) !important;
  font-size: 16px !important;
  line-height: 1.68 !important;
}

@media (max-width: 1050px) {
  #tqg-why-page .tqg-why-complexity > .tqg-container {
    width: min(calc(100% - 48px), 980px) !important;
  }

  #tqg-why-page .tqg-why-complexity-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  #tqg-why-page .tqg-why-complexity-intro {
    max-width: 760px !important;
  }

  #tqg-why-page .tqg-why-complexity-intro .tqg-h2,
  #tqg-why-page .tqg-why-complexity-intro p {
    max-width: 760px !important;
  }

  #tqg-why-page .tqg-why-complexity .tqg-transformation-bridge,
  #tqg-why-page .tqg-why-complexity .tqg-bridge-v184 {
    max-width: 720px !important;
    justify-self: center !important;
  }
}

@media (max-width: 700px) {
  #tqg-why-page .tqg-why-complexity {
    padding-top: 52px !important;
    padding-bottom: 54px !important;
  }

  #tqg-why-page .tqg-why-complexity > .tqg-container {
    width: min(calc(100% - 32px), 650px) !important;
  }

  #tqg-why-page .tqg-why-complexity-grid {
    gap: 22px;
  }

  #tqg-why-page .tqg-why-system-focus {
    margin-top: 24px !important;
    padding: 22px 0 0 !important;
    text-align: left !important;
  }

  #tqg-why-page .tqg-why-system-focus::before {
    left: 0 !important;
    transform: none !important;
  }

  #tqg-why-page .tqg-why-system-focus h3,
  #tqg-why-page .tqg-why-system-focus p {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* =========================================================
   v1.1.243 — WHY TQG WIDE COMPLEXITY-TO-CAPABILITY LAYOUT
   Uses more desktop canvas so the primary heading holds to two lines,
   supporting copy runs wider, the bridge gains visual presence, and
   the whole-system heading remains on one line when space permits.
   ========================================================= */
@media (min-width: 1051px) {
  #tqg-why-page .tqg-why-complexity > .tqg-container {
    width: min(calc(100% - 80px), 1540px) !important;
    max-width: 1540px !important;
  }

  #tqg-why-page .tqg-why-complexity-grid {
    grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr) !important;
    gap: clamp(48px, 4vw, 76px) !important;
    align-items: center !important;
  }

  #tqg-why-page .tqg-why-complexity-intro {
    max-width: 760px !important;
  }

  #tqg-why-page .tqg-why-complexity-intro .tqg-h2 {
    max-width: 760px !important;
    font-size: clamp(36px, 2.45vw, 48px) !important;
    line-height: 1.08 !important;
    text-wrap: balance;
  }

  #tqg-why-page .tqg-why-complexity-intro p {
    max-width: 740px !important;
  }

  #tqg-why-page .tqg-why-complexity .tqg-transformation-bridge,
  #tqg-why-page .tqg-why-complexity .tqg-bridge-v184 {
    max-width: 720px !important;
  }

  #tqg-why-page .tqg-why-system-focus {
    max-width: 1380px !important;
    margin-top: 28px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  #tqg-why-page .tqg-why-system-focus h3 {
    max-width: none !important;
    white-space: nowrap !important;
    font-size: clamp(25px, 1.8vw, 32px) !important;
  }

  #tqg-why-page .tqg-why-system-focus p {
    max-width: 1240px !important;
  }
}

@media (min-width: 1320px) {
  #tqg-why-page .tqg-why-complexity-intro .tqg-h2 {
    max-width: 780px !important;
  }
}

/* =========================================================
   v1.1.245 — WHY TQG BRIDGE LEGIBILITY + FOCUS COPY WIDTH
   Keeps the approved Complexity-to-Capability composition while
   strengthening the bridge's dimensional mesh, making its title
   explicit beneath the SVG, and allowing the whole-system copy to
   resolve in two lines on wide desktop displays.
   ========================================================= */
@media (min-width: 1051px) {
  #tqg-why-page .tqg-why-system-focus {
    max-width: 1500px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #tqg-why-page .tqg-why-system-focus p {
    max-width: 1440px !important;
    font-size: 15.5px !important;
    line-height: 1.58 !important;
  }
}

/* Increase contrast of the bridge construction mesh so the cone/tunnel
   depth remains visible against the white section without competing with
   the gold structural routes. */
#tqg-why-page .tqg-why-complexity .tqg-bridge-mesh,
#tqg-why-page .tqg-why-complexity .tqg-bridge-cross {
  stroke: rgba(8,30,52,.48) !important;
  stroke-width: .72 !important;
  opacity: .62 !important;
}

#tqg-why-page .tqg-why-complexity .tqg-bridge-cross {
  stroke-dasharray: 3.2 4.2 !important;
}

#tqg-why-page .tqg-why-complexity .tqg-bridge-rim-back {
  stroke: rgba(8,30,52,.50) !important;
  stroke-width: .72 !important;
  stroke-dasharray: 3 4 !important;
  opacity: .66 !important;
}

/* Clear, centered figure identity beneath the existing interactive bridge. */
#tqg-why-page .tqg-why-complexity .tqg-bridge-v184-caption {
  width: 100% !important;
  max-width: none !important;
  margin: 4px auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: center !important;
  color: var(--tqg-navy) !important;
}

#tqg-why-page .tqg-why-complexity .tqg-bridge-v184-title {
  display: block !important;
  color: var(--tqg-navy) !important;
  font-family: var(--tqg-font-body, Inter, Arial, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}


/* =========================================================
   v1.1.246 — WHY TQG TRANSFORMATION BRIDGE TITLE VISIBILITY
   Places the bridge identity inside the SVG canvas so it remains
   visibly centered beneath the bridge at all desktop scales.
   ========================================================= */
#tqg-why-page .tqg-why-complexity .tqg-bridge-figure-title {
  fill: var(--tqg-navy) !important;
  font-family: var(--tqg-font-body, Inter, Arial, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
}

#tqg-why-page .tqg-why-complexity .tqg-bridge-v184-caption.tqg-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* =========================================================
   v1.1.250 — APPROACH HERO BLEND REFINEMENT
   Replaces the former interactive hero-side Method artwork with a
   native high-resolution executive-workspace photograph. The image
   fills the hero height, preserves its right-weighted composition,
   and blends beneath the left hero copy using a controlled navy veil.
   ========================================================= */
#tqg-approach-page .tqg-hero {
  position: relative !important;
  min-height: 650px !important;
  overflow: hidden !important;
  isolation: isolate;
  background: var(--tqg-navy) !important;
}

#tqg-approach-page .tqg-hero > .tqg-container,
#tqg-approach-page .tqg-hero-grid {
  position: static !important;
  z-index: auto;
}

#tqg-approach-page .tqg-hero-copy {
  position: relative !important;
  z-index: 4 !important;
  grid-column: 1 / 2;
  max-width: 660px !important;
  padding: 18px 0;
}

#tqg-approach-page .tqg-approach-hero-image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: var(--tqg-navy) !important;
  isolation: isolate;
  pointer-events: none;
}

#tqg-approach-page .tqg-approach-hero-image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center 52% !important;
  transform: none !important;
  filter: none !important;
  image-rendering: auto;
}

/* Protect the hero copy while retaining the deliberately open desk
   space on the left and keeping the detailed Method workspace crisp. */
#tqg-approach-page .tqg-approach-hero-image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg,
      rgba(7,27,51,.995) 0%,
      rgba(7,27,51,.97) 18%,
      rgba(7,27,51,.90) 30%,
      rgba(7,27,51,.72) 41%,
      rgba(7,27,51,.46) 51%,
      rgba(7,27,51,.22) 60%,
      rgba(7,27,51,.07) 69%,
      rgba(7,27,51,0) 78%);
}

#tqg-approach-page .tqg-approach-hero-image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(180deg,
      rgba(7,27,51,.12) 0%,
      rgba(7,27,51,0) 26%,
      rgba(7,27,51,0) 74%,
      rgba(7,27,51,.20) 100%);
}

@media (max-width: 1050px) {
  #tqg-approach-page .tqg-hero {
    min-height: 650px !important;
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }

  #tqg-approach-page .tqg-hero-copy {
    max-width: 625px !important;
  }

  #tqg-approach-page .tqg-approach-hero-image img {
    object-position: center 50% !important;
  }

  #tqg-approach-page .tqg-approach-hero-image::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,.995) 0%,
        rgba(7,27,51,.98) 30%,
        rgba(7,27,51,.84) 49%,
        rgba(7,27,51,.52) 66%,
        rgba(7,27,51,.20) 83%,
        rgba(7,27,51,.08) 100%);
  }
}

@media (max-width: 700px) {
  #tqg-approach-page .tqg-hero {
    min-height: 0 !important;
    padding-top: 62px !important;
    padding-bottom: 62px !important;
  }

  #tqg-approach-page .tqg-hero-copy {
    max-width: 100% !important;
    padding: 0 !important;
  }

  #tqg-approach-page .tqg-approach-hero-image img {
    object-position: 66% center !important;
  }

  #tqg-approach-page .tqg-approach-hero-image::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,.985) 0%,
        rgba(7,27,51,.95) 42%,
        rgba(7,27,51,.76) 72%,
        rgba(7,27,51,.54) 100%);
  }

  #tqg-approach-page .tqg-approach-hero-image::after {
    background:
      linear-gradient(180deg,
        rgba(7,27,51,.26) 0%,
        rgba(7,27,51,.08) 34%,
        rgba(7,27,51,.12) 70%,
        rgba(7,27,51,.40) 100%);
  }
}

/* =========================================================
   v1.1.253 — APPROACH HERO DESKTOP SCALE + BLEND REFINEMENT
   Pulls the approved workspace photograph back on wide screens so
   the source reads closer to its natural scale, while fading the
   image into the navy copy field instead of creating a hard edge.
   ========================================================= */
@media (min-width: 1051px) {
  #tqg-approach-page .tqg-approach-hero-image img {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: 72% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: right center !important;
    transform: none !important;
    filter: none !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 5%, rgba(0,0,0,.72) 14%, #000 24%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 5%, rgba(0,0,0,.72) 14%, #000 24%, #000 100%);
  }

  #tqg-approach-page .tqg-approach-hero-image::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,.995) 0%,
        rgba(7,27,51,.98) 20%,
        rgba(7,27,51,.92) 31%,
        rgba(7,27,51,.72) 42%,
        rgba(7,27,51,.40) 51%,
        rgba(7,27,51,.16) 59%,
        rgba(7,27,51,.04) 66%,
        rgba(7,27,51,0) 72%) !important;
  }
}


/* =========================================================
   v1.1.254 — APPROACH HERO ARCHITECTURAL PATHWAY
   Restores the approved full-canvas v1.1.250 hero treatment and
   replaces the desk concept with the cinematic architectural pathway.
   ========================================================= */
@media (min-width: 1051px) {
  #tqg-approach-page .tqg-approach-hero-image img {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 52% !important;
    transform: none !important;
    filter: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  #tqg-approach-page .tqg-approach-hero-image::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,.995) 0%,
        rgba(7,27,51,.97) 18%,
        rgba(7,27,51,.90) 30%,
        rgba(7,27,51,.72) 41%,
        rgba(7,27,51,.46) 51%,
        rgba(7,27,51,.22) 60%,
        rgba(7,27,51,.07) 69%,
        rgba(7,27,51,0) 78%) !important;
  }
}


/* =========================================================
   v1.1.255 — APPROACH HERO CROP REFINEMENT
   Slightly reduces the architectural image scale on wide screens
   while preserving the full-canvas blend and hero composition.
   ========================================================= */
@media (min-width: 1051px) {
  #tqg-approach-page .tqg-approach-hero-image {
    background: #071b33 !important;
  }

  #tqg-approach-page .tqg-approach-hero-image img {
    width: 106% !important;
    height: 106% !important;
    top: -3% !important;
    right: -3% !important;
    bottom: auto !important;
    left: auto !important;
    object-fit: cover !important;
    object-position: center 48% !important;
    transform: scale(.94) !important;
    transform-origin: center center !important;
  }
}

/* =========================================================
   v1.1.256 — APPROACH HERO FULL-SOURCE INTEGRATION
   Uses the protected original architectural master from its full
   left edge so the trees, landscaping, curve, and colonnade remain
   part of one continuous photograph beneath a softer navy veil.
   ========================================================= */
@media (min-width: 1051px) {
  #tqg-approach-page .tqg-approach-hero-image img {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 50% !important;
    transform: none !important;
    transform-origin: center center !important;
    filter: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  #tqg-approach-page .tqg-approach-hero-image::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,.97) 0%,
        rgba(7,27,51,.94) 18%,
        rgba(7,27,51,.84) 30%,
        rgba(7,27,51,.64) 41%,
        rgba(7,27,51,.39) 51%,
        rgba(7,27,51,.17) 61%,
        rgba(7,27,51,.05) 70%,
        rgba(7,27,51,0) 78%) !important;
  }
}


/* =========================================================
   v1.1.257 — APPROACH HERO LEFT-BLEND ALIGNMENT
   Aligns the Approach hero treatment with Why TQG: the full source
   remains intact, but the navy field fully protects the left copy
   area and the photograph begins to emerge around mid-copy width.
   ========================================================= */
@media (min-width: 1051px) {
  #tqg-approach-page .tqg-approach-hero-image img {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    filter: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  #tqg-approach-page .tqg-approach-hero-image::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,1) 0%,
        rgba(7,27,51,.99) 22%,
        rgba(7,27,51,.92) 34%,
        rgba(7,27,51,.68) 45%,
        rgba(7,27,51,.34) 56%,
        rgba(7,27,51,.10) 67%,
        rgba(7,27,51,.02) 76%,
        rgba(7,27,51,0) 86%) !important;
  }

  #tqg-approach-page .tqg-approach-hero-image::after {
    background:
      linear-gradient(180deg,
        rgba(7,27,51,.14) 0%,
        rgba(7,27,51,0) 25%,
        rgba(7,27,51,0) 73%,
        rgba(7,27,51,.18) 100%) !important;
  }
}

/* =========================================================
   v1.1.258 — APPROACH HERO RIGHT-SHIFTED FULL SOURCE
   Keeps the architectural master at or below native display scale,
   shifts the complete photograph right to reveal the pathway origin
   and destination, and blends its left edge into the navy copy field.
   ========================================================= */
@media (min-width: 1051px) {
  #tqg-approach-page .tqg-approach-hero-image img {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: 94% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    filter: none !important;
    -webkit-mask-image: linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.30) 4%,
      rgba(0,0,0,.72) 9%,
      #000 16%,
      #000 100%) !important;
    mask-image: linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.30) 4%,
      rgba(0,0,0,.72) 9%,
      #000 16%,
      #000 100%) !important;
  }

  #tqg-approach-page .tqg-approach-hero-image::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,1) 0%,
        rgba(7,27,51,.995) 21%,
        rgba(7,27,51,.94) 31%,
        rgba(7,27,51,.74) 41%,
        rgba(7,27,51,.43) 51%,
        rgba(7,27,51,.18) 61%,
        rgba(7,27,51,.05) 71%,
        rgba(7,27,51,0) 82%) !important;
  }
}


/* =========================================================
   v1.1.259 — APPROACH HERO LEFT-SOURCE REVEAL
   Moves the protected architectural master significantly farther right
   without enlarging it, revealing nearly the full left-side landscape,
   curve, and destination while retaining a Why TQG-style navy blend.
   ========================================================= */
@media (min-width: 1051px) {
  #tqg-approach-page .tqg-approach-hero-image img {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: 82% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    filter: none !important;
    -webkit-mask-image: linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.22) 3%,
      rgba(0,0,0,.58) 7%,
      rgba(0,0,0,.88) 12%,
      #000 17%,
      #000 100%) !important;
    mask-image: linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.22) 3%,
      rgba(0,0,0,.58) 7%,
      rgba(0,0,0,.88) 12%,
      #000 17%,
      #000 100%) !important;
  }

  #tqg-approach-page .tqg-approach-hero-image::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,1) 0%,
        rgba(7,27,51,.995) 18%,
        rgba(7,27,51,.96) 26%,
        rgba(7,27,51,.82) 34%,
        rgba(7,27,51,.58) 42%,
        rgba(7,27,51,.32) 50%,
        rgba(7,27,51,.12) 58%,
        rgba(7,27,51,.03) 64%,
        rgba(7,27,51,0) 70%) !important;
  }
}

/* =========================================================
   v1.1.260 — APPROACH METHOD DENSITY REFINEMENT
   Tightens the six-stage desktop method sequence while
   strengthening stage-name hierarchy and preserving all content.
   ========================================================= */
@media (min-width: 1181px) {
  #tqg-approach-page .tqg-method-row {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  #tqg-approach-page .tqg-method-grid {
    min-height: 305px;
  }

  #tqg-approach-page .tqg-method-row .tqg-col {
    padding-top: 26px;
    padding-bottom: 26px;
  }

  #tqg-approach-page .tqg-method-row .tqg-sidecopy {
    padding-top: 32px;
  }

  #tqg-approach-page .tqg-method-row .tqg-main-col {
    padding-top: 22px;
    padding-bottom: 24px;
  }

  #tqg-approach-page .tqg-method-row .tqg-number-col {
    align-items: flex-start;
    padding-top: 24px;
  }

  #tqg-approach-page .tqg-method-row .tqg-num {
    margin-top: 4px;
    font-size: clamp(56px, 4.6vw, 76px);
    line-height: .86;
  }

  #tqg-approach-page .tqg-method-row .tqg-main-col > .tqg-h2 {
    font-size: clamp(34px, 3.1vw, 48px);
    line-height: 1;
  }

  #tqg-approach-page .tqg-method-row .tqg-main-col > .tqg-sub {
    margin-top: 2px;
    margin-bottom: 8px;
  }

  #tqg-approach-page .tqg-method-row .tqg-main-col > p {
    line-height: 1.55;
  }

  #tqg-approach-page .tqg-method-row .tqg-main-col .tqg-rule {
    margin-top: 11px;
    margin-bottom: 7px;
  }

  #tqg-approach-page .tqg-method-row .tqg-activities-title {
    margin-bottom: 8px;
  }

  #tqg-approach-page .tqg-method-row .tqg-activities {
    gap: 15px;
    margin-top: 12px;
  }

  #tqg-approach-page .tqg-method-row .tqg-activity i {
    margin-bottom: 7px;
  }
}

/* v1.1.262 — Solutions commercial clarity: add a concise How TQG Can Help layer inside each solution panel. */
#tqg-solutions-page .tqg-help-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tqg-solutions-page .tqg-help-list li {
  position: relative;
  min-width: 0;
  padding-left: 18px;
  color: var(--tqg-text);
  font-size: 13px;
  line-height: 1.45;
}

#tqg-solutions-page .tqg-help-list li::before {
  content: "";
  position: absolute;
  top: .68em;
  left: 0;
  width: 7px;
  height: 1px;
  background: var(--tqg-gold);
}

@media (max-width: 720px) {
  #tqg-solutions-page .tqg-help-list {
    grid-template-columns: 1fr;
  }
}

/* v1.1.263 — Solutions explorer hierarchy and balance refinement. */
#tqg-solutions-page .tqg-solution-panel {
  display: block;
  min-height: 0;
  padding: 38px clamp(30px, 3.4vw, 52px) 30px;
}

#tqg-solutions-page .tqg-panel-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  max-width: 860px;
  margin-bottom: 28px;
}

#tqg-solutions-page .tqg-panel-header .tqg-panel-title {
  margin-bottom: 14px;
}

#tqg-solutions-page .tqg-panel-header > p {
  max-width: 760px;
  color: var(--tqg-text);
  font-size: 14px;
  line-height: 1.7;
}

#tqg-solutions-page .tqg-panel-body-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid rgba(199,155,75,.48);
  border-bottom: 1px solid rgba(199,155,75,.32);
}

#tqg-solutions-page .tqg-panel-block {
  min-width: 0;
  padding: 22px 24px 20px;
}

#tqg-solutions-page .tqg-panel-block + .tqg-panel-block {
  border-left: 1px solid rgba(199,155,75,.28);
}

#tqg-solutions-page .tqg-panel-block.tqg-panel-help {
  background: linear-gradient(180deg, rgba(199,155,75,.07), rgba(199,155,75,.025));
}

#tqg-solutions-page .tqg-panel-block h4,
#tqg-solutions-page .tqg-solution-panel .tqg-panel-block h4 {
  margin: 0 0 15px;
}

#tqg-solutions-page .tqg-help-list {
  grid-template-columns: 1fr;
  gap: 11px;
}

#tqg-solutions-page .tqg-panel-outcomes > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#tqg-solutions-page .tqg-panel-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  padding-top: 20px;
}

#tqg-solutions-page .tqg-panel-footer .tqg-connected-considerations {
  flex: 1 1 auto;
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

#tqg-solutions-page .tqg-panel-footer > a.tqg-panel-explore-btn {
  display: inline-flex;
  flex: 0 0 auto;
  min-width: 190px;
  height: 42px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 22px;
  border: 1.5px solid var(--tqg-gold);
  border-radius: 999px;
  background: transparent;
  color: var(--tqg-navy);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .10em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  transition: background var(--tqg-motion), color var(--tqg-motion), border-color var(--tqg-motion), transform var(--tqg-motion);
}

#tqg-solutions-page .tqg-panel-footer > a.tqg-panel-explore-btn:hover,
#tqg-solutions-page .tqg-panel-footer > a.tqg-panel-explore-btn:focus-visible {
  border-color: var(--tqg-navy);
  background: var(--tqg-navy);
  color: var(--tqg-white);
  transform: translateY(-1px);
  outline: 2px solid var(--tqg-gold);
  outline-offset: 3px;
}

@media (max-width: 1180px) {
  #tqg-solutions-page .tqg-panel-body-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #tqg-solutions-page .tqg-panel-block.tqg-panel-outcomes {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(199,155,75,.28);
    border-left: 0;
  }
}

@media (max-width: 767px) {
  #tqg-solutions-page .tqg-panel-body-grid {
    grid-template-columns: 1fr;
  }

  #tqg-solutions-page .tqg-panel-block,
  #tqg-solutions-page .tqg-panel-block + .tqg-panel-block,
  #tqg-solutions-page .tqg-panel-block.tqg-panel-outcomes {
    grid-column: auto;
    border-left: 0;
  }

  #tqg-solutions-page .tqg-panel-block + .tqg-panel-block {
    border-top: 1px solid rgba(199,155,75,.28);
  }

  #tqg-solutions-page .tqg-panel-footer {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* =========================================================
   Talent Strategy solution detail — v1.1.264
   First reusable six-solution detail-page architecture.
   ========================================================= */
.tqg-solution-detail { background: var(--tqg-white); }
.tqg-solution-detail .tqg-sd-hero {
  min-height: 590px; display:flex; align-items:center; padding:76px 0; overflow:hidden; position:relative;
  background: radial-gradient(circle at 86% 22%, rgba(199,155,75,.13), transparent 28%), linear-gradient(115deg,#061a31 0%,#0a2440 62%,#071a2e 100%);
}
.tqg-solution-detail .tqg-sd-hero::after { content:""; position:absolute; inset:0 0 0 auto; width:52%; pointer-events:none; background-image:linear-gradient(rgba(199,155,75,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(199,155,75,.08) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(90deg,transparent,#000 42%); opacity:.45; }
.tqg-solution-detail .tqg-sd-hero-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(380px,.8fr); gap:88px; align-items:center; position:relative; z-index:1; }
.tqg-solution-detail .tqg-sd-hero-copy { max-width:690px; }
.tqg-solution-detail .tqg-sd-kicker { margin:12px 0 24px; color:rgba(255,255,255,.7); font-size:12px; text-transform:uppercase; letter-spacing:.14em; }
.tqg-solution-detail .tqg-sd-kicker a { color:inherit; text-decoration:none; }
.tqg-solution-detail .tqg-sd-hero .tqg-h1 { font-size:clamp(58px,5.2vw,82px); margin-bottom:8px; }
.tqg-solution-detail .tqg-sd-hero-sub { color:var(--tqg-gold); font-family:var(--tqg-font-serif); font-size:clamp(25px,2.2vw,34px); line-height:1.15; margin-bottom:24px; }
.tqg-solution-detail .tqg-sd-hero-description { max-width:670px; color:rgba(255,255,255,.92); font-size:16px; line-height:1.65; margin-top:22px; }
.tqg-solution-detail .tqg-sd-question-panel { border:1px solid rgba(199,155,75,.55); background:rgba(4,19,36,.7); backdrop-filter:blur(8px); padding:34px 36px 24px; }
.tqg-solution-detail .tqg-sd-question-panel .tqg-label { margin-bottom:18px; }
.tqg-solution-detail .tqg-sd-question-panel ol { margin:0; padding:0; list-style:none; }
.tqg-solution-detail .tqg-sd-question-panel li { display:grid; grid-template-columns:42px 1fr; gap:16px; align-items:start; padding:18px 0; border-top:1px solid rgba(199,155,75,.25); }
.tqg-solution-detail .tqg-sd-question-panel li span { color:var(--tqg-gold); font-family:var(--tqg-font-serif); font-size:20px; }
.tqg-solution-detail .tqg-sd-question-panel li p { color:rgba(255,255,255,.92); font-size:15px; line-height:1.45; }
.tqg-solution-detail .tqg-sd-section { padding:72px 0; }
.tqg-solution-detail .tqg-sd-intro { display:grid; grid-template-columns:30% 1fr; gap:70px; align-items:start; margin-bottom:40px; }
.tqg-solution-detail .tqg-sd-intro .tqg-h2 { max-width:920px; }
.tqg-solution-detail .tqg-sd-intro p { max-width:900px; margin-top:14px; font-size:15px; }
.tqg-solution-detail .tqg-sd-signal-grid,.tqg-solution-detail .tqg-sd-capability-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(199,155,75,.7); border-bottom:1px solid rgba(199,155,75,.7); }
.tqg-solution-detail .tqg-sd-signal-grid article,.tqg-solution-detail .tqg-sd-capability-grid article { padding:28px 28px 30px; border-left:1px solid rgba(199,155,75,.4); }
.tqg-solution-detail .tqg-sd-signal-grid article:first-child,.tqg-solution-detail .tqg-sd-capability-grid article:first-child { border-left:0; }
.tqg-solution-detail .tqg-sd-signal-grid article>span,.tqg-solution-detail .tqg-sd-number { display:block; margin-bottom:14px; color:var(--tqg-gold); font-family:var(--tqg-font-serif); font-size:26px; }
.tqg-solution-detail .tqg-sd-signal-grid h3,.tqg-solution-detail .tqg-sd-capability-grid h3,.tqg-solution-detail .tqg-sd-output-grid h3,.tqg-solution-detail .tqg-sd-evidence-list h3,.tqg-solution-detail .tqg-sd-start-grid h3 { margin:0 0 10px; color:var(--tqg-navy); font-family:var(--tqg-font-serif); font-size:22px; font-weight:500; line-height:1.2; }
.tqg-solution-detail .tqg-sd-signal-grid p,.tqg-solution-detail .tqg-sd-capability-grid p,.tqg-solution-detail .tqg-sd-output-grid p,.tqg-solution-detail .tqg-sd-evidence-list p,.tqg-solution-detail .tqg-sd-start-grid p { font-size:14px; line-height:1.58; }
.tqg-solution-detail .tqg-sd-evidence-layout { display:grid; grid-template-columns:minmax(320px,.8fr) minmax(0,1.25fr); gap:88px; align-items:start; }
.tqg-solution-detail .tqg-sd-evidence-copy .tqg-h2 { margin-top:16px; }
.tqg-solution-detail .tqg-sd-evidence-copy p { margin-top:18px; font-size:15px; }
.tqg-solution-detail .tqg-sd-evidence-list { border-top:1px solid rgba(199,155,75,.65); }
.tqg-solution-detail .tqg-sd-evidence-list article { display:grid; grid-template-columns:46px 1fr; gap:18px; padding:19px 0; border-bottom:1px solid rgba(199,155,75,.28); }
.tqg-solution-detail .tqg-sd-evidence-list article>span { color:var(--tqg-gold); font-family:var(--tqg-font-serif); font-size:20px; }
.tqg-solution-detail .tqg-sd-evidence-list h3 { font-size:19px; margin-bottom:5px; }
.tqg-solution-detail .tqg-sd-output-section .tqg-sd-intro { margin-bottom:28px; }
.tqg-solution-detail .tqg-sd-output-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; }
.tqg-solution-detail .tqg-sd-output-grid article { background:#fff; border:1px solid rgba(199,155,75,.45); padding:24px 24px 25px; min-height:142px; }
.tqg-solution-detail .tqg-sd-output-grid article:nth-child(-n+3) { grid-column:span 4; }
.tqg-solution-detail .tqg-sd-output-grid article:nth-child(n+4) { grid-column:span 3; }
.tqg-solution-detail .tqg-sd-outcome-row { display:grid; grid-template-columns:repeat(6,1fr); border-top:1px solid var(--tqg-gold); border-bottom:1px solid var(--tqg-gold); }
.tqg-solution-detail .tqg-sd-outcome-row div { min-height:122px; padding:24px 20px; border-left:1px solid rgba(199,155,75,.35); display:flex; flex-direction:column; gap:14px; }
.tqg-solution-detail .tqg-sd-outcome-row div:first-child { border-left:0; }
.tqg-solution-detail .tqg-sd-outcome-row strong { color:var(--tqg-gold); font-family:var(--tqg-font-serif); font-size:24px; font-weight:500; }
.tqg-solution-detail .tqg-sd-outcome-row span { color:var(--tqg-navy); font-family:var(--tqg-font-serif); font-size:18px; line-height:1.25; }
.tqg-solution-detail .tqg-sd-connected-grid,.tqg-solution-detail .tqg-sd-start-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.tqg-solution-detail .tqg-sd-connected-grid a { display:flex; flex-direction:column; height:100%; box-sizing:border-box; padding:28px; border:1px solid rgba(199,155,75,.5); background:#fff; text-decoration:none; color:var(--tqg-text); transition:transform .2s ease,border-color .2s ease; }
.tqg-solution-detail .tqg-sd-connected-grid a:hover,.tqg-solution-detail .tqg-sd-connected-grid a:focus-visible { transform:translateY(-3px); border-color:var(--tqg-gold); outline:none; }
.tqg-solution-detail .tqg-sd-connected-grid a>span { display:block; margin-bottom:10px; color:var(--tqg-navy); font-family:var(--tqg-font-serif); font-size:23px; }
.tqg-solution-detail .tqg-sd-connected-grid p { margin-bottom:20px; }
.tqg-solution-detail .tqg-sd-connected-grid em { display:inline-flex; align-self:flex-start; min-width:190px; height:42px; box-sizing:border-box; align-items:center; justify-content:center; margin-top:auto; padding:0 22px; border:1.5px solid var(--tqg-gold); border-radius:999px; background:transparent; color:var(--tqg-navy); font-style:normal; font-size:10px; font-weight:600; letter-spacing:.10em; line-height:1; text-transform:uppercase; transition:background var(--tqg-motion),color var(--tqg-motion),border-color var(--tqg-motion),transform var(--tqg-motion); }
.tqg-solution-detail .tqg-sd-connected-grid p + em { margin-top:auto; }
.tqg-solution-detail .tqg-sd-connected-grid a:hover em,.tqg-solution-detail .tqg-sd-connected-grid a:focus-visible em { border-color:var(--tqg-navy); background:var(--tqg-navy); color:var(--tqg-white); transform:translateY(-1px); }
.tqg-solution-detail .tqg-sd-start-grid article { padding:28px 30px 30px; border-top:2px solid var(--tqg-gold); background:#fff; }
.tqg-solution-detail .tqg-sd-start-grid article>span { color:var(--tqg-gold); font-family:var(--tqg-font-serif); font-size:26px; display:block; margin-bottom:14px; }
.tqg-solution-detail .tqg-sd-cta { padding:68px 0; background:var(--tqg-navy); }
.tqg-solution-detail .tqg-sd-cta-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }
.tqg-solution-detail .tqg-sd-cta h2 { margin:12px 0 0; color:#fff; font-family:var(--tqg-font-serif); font-size:clamp(36px,3.2vw,52px); font-weight:500; line-height:1.04; }
.tqg-solution-detail .tqg-sd-cta p { color:rgba(255,255,255,.88); font-size:15px; line-height:1.6; }
.tqg-solution-detail .tqg-sd-cta .tqg-btn { margin-top:24px; }
@media (max-width:1100px) {
  .tqg-solution-detail .tqg-sd-hero-grid { grid-template-columns:1fr; gap:42px; }
  .tqg-solution-detail .tqg-sd-question-panel { max-width:720px; }
  .tqg-solution-detail .tqg-sd-signal-grid,.tqg-solution-detail .tqg-sd-capability-grid { grid-template-columns:repeat(2,1fr); }
  .tqg-solution-detail .tqg-sd-signal-grid article:nth-child(3),.tqg-solution-detail .tqg-sd-capability-grid article:nth-child(3) { border-left:0; border-top:1px solid rgba(199,155,75,.35); }
  .tqg-solution-detail .tqg-sd-signal-grid article:nth-child(4),.tqg-solution-detail .tqg-sd-capability-grid article:nth-child(4) { border-top:1px solid rgba(199,155,75,.35); }
  .tqg-solution-detail .tqg-sd-outcome-row { grid-template-columns:repeat(3,1fr); }
  .tqg-solution-detail .tqg-sd-output-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tqg-solution-detail .tqg-sd-output-grid article:nth-child(n) { grid-column:auto; }
}
@media (max-width:760px) {
  .tqg-solution-detail .tqg-sd-hero { min-height:auto; padding:56px 0; }
  .tqg-solution-detail .tqg-sd-hero .tqg-h1 { font-size:clamp(44px,13vw,58px); }
  .tqg-solution-detail .tqg-sd-hero-grid,.tqg-solution-detail .tqg-sd-intro,.tqg-solution-detail .tqg-sd-evidence-layout,.tqg-solution-detail .tqg-sd-cta-grid { grid-template-columns:1fr; gap:28px; }
  .tqg-solution-detail .tqg-sd-section { padding:56px 0; }
  .tqg-solution-detail .tqg-sd-signal-grid,.tqg-solution-detail .tqg-sd-capability-grid,.tqg-solution-detail .tqg-sd-output-grid,.tqg-solution-detail .tqg-sd-outcome-row,.tqg-solution-detail .tqg-sd-connected-grid,.tqg-solution-detail .tqg-sd-start-grid { grid-template-columns:1fr; }
  .tqg-solution-detail .tqg-sd-signal-grid article,.tqg-solution-detail .tqg-sd-capability-grid article,.tqg-solution-detail .tqg-sd-outcome-row div { border-left:0; border-top:1px solid rgba(199,155,75,.35); }
  .tqg-solution-detail .tqg-sd-signal-grid article:first-child,.tqg-solution-detail .tqg-sd-capability-grid article:first-child,.tqg-solution-detail .tqg-sd-outcome-row div:first-child { border-top:0; }
  .tqg-solution-detail .tqg-btn-group { flex-wrap:wrap; }
}


/* v1.1.267 — Talent Strategy compact capability explorer. */
.tqg-solution-detail .tqg-sd-capability-explorer { border-top:1px solid rgba(199,155,75,.7); border-bottom:1px solid rgba(199,155,75,.7); background:#fff; }
.tqg-solution-detail .tqg-sd-capability-tabs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-bottom:1px solid rgba(199,155,75,.4); }
.tqg-solution-detail .tqg-sd-capability-tabs button { appearance:none; border:0; border-left:1px solid rgba(199,155,75,.32); background:#fff; min-height:112px; padding:20px 18px 18px; text-align:left; cursor:pointer; color:var(--tqg-navy); transition:background .2s ease,box-shadow .2s ease,color .2s ease; }
.tqg-solution-detail .tqg-sd-capability-tabs button:first-child { border-left:0; }
.tqg-solution-detail .tqg-sd-capability-tabs button span { display:block; color:var(--tqg-gold); font-family:var(--tqg-font-serif); font-size:20px; line-height:1; margin-bottom:10px; }
.tqg-solution-detail .tqg-sd-capability-tabs button strong { display:block; font-family:var(--tqg-font-serif); font-size:17px; line-height:1.25; font-weight:500; }
.tqg-solution-detail .tqg-sd-capability-tabs button:hover,.tqg-solution-detail .tqg-sd-capability-tabs button:focus-visible { background:rgba(199,155,75,.065); outline:none; }
.tqg-solution-detail .tqg-sd-capability-tabs button.is-active { background:rgba(199,155,75,.095); box-shadow:inset 0 -3px 0 var(--tqg-gold); }
.tqg-solution-detail .tqg-sd-capability-panels article { padding:30px 34px 32px; }
.tqg-solution-detail .tqg-sd-capability-panels article[hidden] { display:none; }
.tqg-solution-detail .tqg-sd-capability-summary { display:grid; grid-template-columns:54px minmax(0,1fr); gap:20px; align-items:start; max-width:1040px; }
.tqg-solution-detail .tqg-sd-capability-summary .tqg-sd-number { margin:1px 0 0; }
.tqg-solution-detail .tqg-sd-capability-summary h3 { margin:0 0 8px; color:var(--tqg-navy); font-family:var(--tqg-font-serif); font-size:28px; font-weight:500; line-height:1.15; }
.tqg-solution-detail .tqg-sd-capability-summary p { max-width:900px; font-size:15px; line-height:1.55; }
.tqg-solution-detail .tqg-sd-capability-detail { display:grid; grid-template-columns:1fr 1fr; gap:0; margin:25px 0 0 74px; border-top:1px solid rgba(199,155,75,.35); }
.tqg-solution-detail .tqg-sd-capability-detail>div { padding:20px 28px 0 0; }
.tqg-solution-detail .tqg-sd-capability-detail>div+div { padding-left:28px; border-left:1px solid rgba(199,155,75,.3); }
.tqg-solution-detail .tqg-sd-capability-detail h4 { margin:0 0 8px; color:var(--tqg-navy); font-size:11px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.tqg-solution-detail .tqg-sd-capability-detail p { margin:0; font-size:14px; line-height:1.55; color:var(--tqg-text); }
@media (max-width:1100px) {
  .tqg-solution-detail .tqg-sd-capability-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tqg-solution-detail .tqg-sd-capability-tabs button:nth-child(odd) { border-left:0; }
  .tqg-solution-detail .tqg-sd-capability-tabs button { border-top:1px solid rgba(199,155,75,.28); }
  .tqg-solution-detail .tqg-sd-capability-tabs button:nth-child(-n+2) { border-top:0; }
  .tqg-solution-detail .tqg-sd-capability-tabs button:last-child { grid-column:1/-1; min-height:88px; }
}
@media (max-width:760px) {
  .tqg-solution-detail .tqg-sd-capability-tabs { display:flex; overflow-x:auto; scroll-snap-type:x proximity; }
  .tqg-solution-detail .tqg-sd-capability-tabs button { min-width:220px; min-height:96px; flex:0 0 72%; border-left:1px solid rgba(199,155,75,.28)!important; border-top:0!important; scroll-snap-align:start; }
  .tqg-solution-detail .tqg-sd-capability-tabs button:first-child { border-left:0!important; }
  .tqg-solution-detail .tqg-sd-capability-tabs button:last-child { grid-column:auto; }
  .tqg-solution-detail .tqg-sd-capability-panels article { padding:26px 22px 28px; }
  .tqg-solution-detail .tqg-sd-capability-summary { grid-template-columns:42px minmax(0,1fr); gap:14px; }
  .tqg-solution-detail .tqg-sd-capability-summary h3 { font-size:24px; }
  .tqg-solution-detail .tqg-sd-capability-detail { grid-template-columns:1fr; margin-left:56px; }
  .tqg-solution-detail .tqg-sd-capability-detail>div { padding:18px 0 0; }
  .tqg-solution-detail .tqg-sd-capability-detail>div+div { padding-left:0; border-left:0; }
}


/* v1.1.269 — Talent Strategy full-page hierarchy polish. */
.tqg-solution-detail .tqg-sd-output-section .tqg-sd-output-grid article {
  position:relative;
  border-top:2px solid rgba(199,155,75,.72);
  box-shadow:0 8px 22px rgba(6,26,49,.035);
}
.tqg-solution-detail .tqg-sd-output-section .tqg-sd-output-grid article::before {
  content:"Potential output";
  display:block;
  margin-bottom:12px;
  color:var(--tqg-gold-text);
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.tqg-solution-detail .tqg-sd-outcome-row {
  background:rgba(199,155,75,.025);
}
.tqg-solution-detail .tqg-sd-start-section {
  padding-bottom:46px;
}
.tqg-solution-detail .tqg-sd-start-section + .tqg-sd-cta {
  padding-top:54px;
}
@media (max-width:760px) {
  .tqg-solution-detail .tqg-sd-start-section { padding-bottom:38px; }
  .tqg-solution-detail .tqg-sd-start-section + .tqg-sd-cta { padding-top:48px; }
}

/* v1.1.271 — Solutions + Talent Strategy typography normalization.
   Canonical TQG roles: Playfair Display for editorial headings/titles;
   Inter for body copy, labels, sequence numbers, metadata, and UI support text. */
#tqg-solutions-page,
.tqg-solution-detail {
  font-family: var(--tqg-font-body);
}

/* Main Solutions explorer: solution names remain editorial titles; UI numbers use Inter. */
#tqg-solutions-page .tqg-solution-tab {
  font-family: var(--tqg-font-heading);
}
#tqg-solutions-page .tqg-solution-tab span,
#tqg-solutions-page .tqg-panel-title > span {
  font-family: var(--tqg-font-body);
  font-variant-numeric: tabular-nums;
}
#tqg-solutions-page .tqg-panel-title h3,
#tqg-solutions-page .tqg-panel-promise {
  font-family: var(--tqg-font-heading);
}
#tqg-solutions-page .tqg-solution-panel h4,
#tqg-solutions-page .tqg-connected-considerations,
#tqg-solutions-page .tqg-panel-footer > a,
#tqg-solutions-page .tqg-help-list,
#tqg-solutions-page .tqg-signal-list,
#tqg-solutions-page .tqg-panel-outcomes {
  font-family: var(--tqg-font-body);
}

/* Talent Strategy: canonical heading token for editorial display text. */
.tqg-solution-detail .tqg-sd-hero-sub,
.tqg-solution-detail .tqg-sd-signal-grid h3,
.tqg-solution-detail .tqg-sd-capability-grid h3,
.tqg-solution-detail .tqg-sd-output-grid h3,
.tqg-solution-detail .tqg-sd-evidence-list h3,
.tqg-solution-detail .tqg-sd-start-grid h3,
.tqg-solution-detail .tqg-sd-outcome-row span,
.tqg-solution-detail .tqg-sd-connected-grid a > span,
.tqg-solution-detail .tqg-sd-cta h2,
.tqg-solution-detail .tqg-sd-capability-tabs button strong,
.tqg-solution-detail .tqg-sd-capability-summary h3 {
  font-family: var(--tqg-font-heading);
}

/* Talent Strategy: sequence/step numbers and functional labels use Inter. */
.tqg-solution-detail .tqg-sd-question-panel li span,
.tqg-solution-detail .tqg-sd-signal-grid article > span,
.tqg-solution-detail .tqg-sd-number,
.tqg-solution-detail .tqg-sd-evidence-list article > span,
.tqg-solution-detail .tqg-sd-outcome-row strong,
.tqg-solution-detail .tqg-sd-start-grid article > span,
.tqg-solution-detail .tqg-sd-capability-tabs button span,
.tqg-solution-detail .tqg-sd-capability-detail h4 {
  font-family: var(--tqg-font-body);
  font-variant-numeric: tabular-nums;
}

/* Explicitly keep functional/UI copy on the body face. */
.tqg-solution-detail .tqg-sd-kicker,
.tqg-solution-detail .tqg-sd-question-panel,
.tqg-solution-detail .tqg-sd-capability-tabs button,
.tqg-solution-detail .tqg-sd-capability-detail,
.tqg-solution-detail .tqg-sd-output-section .tqg-sd-output-grid article::before,
.tqg-solution-detail .tqg-sd-connected-grid em {
  font-family: var(--tqg-font-body);
}


/* v1.1.272 — Talent Strategy hero, capability explorer, integrated outputs, and canonical final CTA. */
.tqg-solution-detail .tqg-sd-hero-copy > .tqg-eyebrow { margin-bottom:18px; }
.tqg-solution-detail .tqg-sd-capability-panels article { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(34px,4vw,64px); align-items:start; padding:36px 38px 38px; }
.tqg-solution-detail .tqg-sd-capability-panels article[hidden] { display:none; }
.tqg-solution-detail .tqg-sd-capability-summary { grid-template-columns:52px minmax(0,1fr); gap:18px; max-width:none; padding:2px 0; }
.tqg-solution-detail .tqg-sd-capability-summary h3 { margin:0 0 12px; font-size:clamp(28px,2.2vw,34px); }
.tqg-solution-detail .tqg-sd-capability-summary p { max-width:540px; font-size:15px; line-height:1.65; }
.tqg-solution-detail .tqg-sd-capability-detail { display:flex; flex-direction:column; gap:0; margin:0; border-top:0; border-left:1px solid rgba(199,155,75,.38); padding-left:clamp(28px,3vw,46px); }
.tqg-solution-detail .tqg-sd-capability-detail>div, .tqg-solution-detail .tqg-sd-capability-detail>div+div { padding:0 0 20px; border-left:0; }
.tqg-solution-detail .tqg-sd-capability-detail>div+div { padding-top:20px; border-top:1px solid rgba(199,155,75,.3); }
.tqg-solution-detail .tqg-sd-capability-detail h4 { margin:0 0 9px; color:var(--tqg-gold-text); }
.tqg-solution-detail .tqg-sd-capability-detail p { font-size:14px; line-height:1.65; }
.tqg-solution-detail .tqg-sd-capability-output p { color:var(--tqg-navy); font-weight:500; }
.tqg-solution-detail .tqg-sd-start-section { padding-bottom:72px; }
.tqg-solution-detail .tqg-sd-start-section + .tqg-ts-cta { padding-top:78px; }
.tqg-solution-detail .tqg-ts-cta { padding:78px 0 88px; background:#fff; }
.tqg-solution-detail .tqg-ts-cta .tqg-container { padding-top:42px; border-top:1px solid var(--tqg-gold); }
.tqg-solution-detail .tqg-ts-cta-grid { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr); gap:clamp(54px,8vw,120px); align-items:center; }
.tqg-solution-detail .tqg-ts-cta h2 { max-width:720px; margin:16px 0 0; color:var(--tqg-navy); font-family:var(--tqg-font-heading); font-size:clamp(40px,4.2vw,62px); font-weight:500; line-height:1.04; }
.tqg-solution-detail .tqg-ts-cta-action p { max-width:590px; margin:0 0 30px; color:var(--tqg-muted); font-size:16px; line-height:1.75; }
.tqg-solution-detail .tqg-ts-cta .tqg-btn { min-width:260px; border-color:var(--tqg-navy); background:var(--tqg-navy); color:var(--tqg-white); }
.tqg-solution-detail .tqg-ts-cta .tqg-btn:hover, .tqg-solution-detail .tqg-ts-cta .tqg-btn:focus-visible { border-color:var(--tqg-gold); background:var(--tqg-gold); color:var(--tqg-navy); }
@media (max-width:980px) { .tqg-solution-detail .tqg-sd-capability-panels article { grid-template-columns:1fr; gap:26px; } .tqg-solution-detail .tqg-sd-capability-detail { border-left:0; border-top:1px solid rgba(199,155,75,.38); padding:24px 0 0 70px; } .tqg-solution-detail .tqg-ts-cta-grid { grid-template-columns:1fr; gap:32px; } }
@media (max-width:760px) { .tqg-solution-detail .tqg-sd-capability-panels article { padding:28px 22px 30px; } .tqg-solution-detail .tqg-sd-capability-detail { padding-left:56px; } .tqg-solution-detail .tqg-sd-start-section { padding-bottom:54px; } .tqg-solution-detail .tqg-sd-start-section + .tqg-ts-cta { padding-top:58px; } .tqg-solution-detail .tqg-ts-cta { padding:58px 0 68px; } .tqg-solution-detail .tqg-ts-cta .tqg-container { padding-top:32px; } }


/* v1.1.273 — Talent Strategy capability explorer final visual refinement. */
.tqg-solution-detail .tqg-sd-capability-tabs button {
  min-height:124px;
  padding:22px 18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.tqg-solution-detail .tqg-sd-capability-tabs button span {
  margin-bottom:10px;
}
.tqg-solution-detail .tqg-sd-capability-detail>div,
.tqg-solution-detail .tqg-sd-capability-detail>div+div {
  padding-bottom:25px;
}
.tqg-solution-detail .tqg-sd-capability-detail>div+div {
  padding-top:25px;
}
.tqg-solution-detail .tqg-sd-capability-detail>div:last-child {
  padding-bottom:0;
}
.tqg-solution-detail .tqg-sd-capability-output strong {
  font-weight:650;
}
@media (max-width:980px) {
  .tqg-solution-detail .tqg-sd-capability-tabs button { min-height:104px; }
}
@media (max-width:760px) {
  .tqg-solution-detail .tqg-sd-capability-tabs button { min-height:100px; }
}


/* v1.1.277 — Talent Strategy final alignment refinements. */
.tqg-solution-detail .tqg-sd-examine-grid {
  grid-template-columns:minmax(0,0.84fr) minmax(0,1.16fr);
}
.tqg-solution-detail .tqg-sd-examine-grid > :first-child h2 {
  max-width:590px;
  font-size:clamp(42px,4.15vw,58px);
  line-height:1.045;
}
.tqg-solution-detail .tqg-sd-examine-grid > :first-child p {
  max-width:600px;
}
@media (max-width:980px) {
  .tqg-solution-detail .tqg-sd-examine-grid {
    grid-template-columns:1fr;
  }
  .tqg-solution-detail .tqg-sd-examine-grid > :first-child h2 {
    max-width:760px;
  }
}


/* v1.1.281 — Leadership & Capability final visual refinement. */
#tqg-leadership-capability-page .tqg-sd-examine-grid > :first-child h2,
#tqg-leadership-capability-page .tqg-sd-evidence-copy h2 {
  max-width:620px;
  font-size:clamp(40px,3.75vw,54px);
  line-height:1.035;
}
@media (max-width:980px) {
  #tqg-leadership-capability-page .tqg-sd-examine-grid > :first-child h2,
  #tqg-leadership-capability-page .tqg-sd-evidence-copy h2 {
    max-width:760px;
  }
}


/* =========================================================
   v1.1.285 — SOLUTION DETAIL HERO SYSTEM ALIGNMENT
   Bring all dedicated solution-page heroes back into the
   canonical TQG Site System hero dimensions and typography.
   ========================================================= */
.tqg-solution-detail .tqg-sd-hero {
  height: 622px;
  min-height: 622px;
  padding: 58px 0;
  background: var(--tqg-navy);
}

/* Remove the solution-detail-only decorative gradient/grid treatment so
   the hero background matches the established Site System navy field. */
.tqg-solution-detail .tqg-sd-hero::after {
  display: none;
}

/* Use the canonical TQG hero proportions. */
.tqg-solution-detail .tqg-sd-hero-grid {
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 62px;
}

/* Match the established hero copy width and display-title scale. */
.tqg-solution-detail .tqg-sd-hero-copy {
  max-width: 560px;
}

.tqg-solution-detail .tqg-sd-hero .tqg-h1 {
  margin-bottom: 14px;
  font-size: clamp(44px, 4.6vw, 68px);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1;
}

/* Solution subtitle now follows the standard hero subhead scale. */
.tqg-solution-detail .tqg-sd-hero-sub {
  margin: 4px 0 18px;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.25;
}

/* Match canonical hero body typography. */
.tqg-solution-detail .tqg-sd-hero-description {
  max-width: 650px;
  margin-top: 18px;
  font-size: 15px;
  line-height: 1.55;
}

/* Keep the question panel as the solution-specific right-side content,
   but size it within the canonical hero shell. */
.tqg-solution-detail .tqg-sd-question-panel {
  width: min(100%, 610px);
  justify-self: end;
  padding: 30px 34px 22px;
  background: rgba(4,19,36,.78);
  backdrop-filter: none;
}

.tqg-solution-detail .tqg-sd-question-panel li {
  padding: 16px 0;
}

@media (max-width: 1050px) {
  .tqg-solution-detail .tqg-sd-hero {
    height: auto;
    min-height: 622px;
    padding: 58px 0;
  }

  .tqg-solution-detail .tqg-sd-hero-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .tqg-solution-detail .tqg-sd-question-panel {
    width: 100%;
    justify-self: stretch;
  }
}

@media (max-width: 700px) {
  .tqg-solution-detail .tqg-sd-hero {
    min-height: 0;
    padding: 48px 0;
  }
}


/* v1.1.286 — Allow solution H1s to wrap naturally within the shared hero system.
   The typography, width, and spacing remain standardized; line count is content-led. */
.tqg-solution-detail .tqg-sd-hero .tqg-h1 {
  width: auto;
  max-width: 100%;
  text-wrap: balance;
}


/* =========================================================
   v1.1.288 — SOLUTION HERO DENSITY REBALANCE
   Approach is the visual-density reference: same 622px shell,
   but more breathing room around the copy and CTA group.
   ========================================================= */
.tqg-solution-detail .tqg-sd-hero-grid {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(44px, 4vw, 68px);
}

.tqg-solution-detail .tqg-sd-hero-copy {
  width: 100%;
  max-width: 590px;
  align-self: center;
}

.tqg-solution-detail .tqg-sd-hero .tqg-eyebrow {
  margin-bottom: 18px;
}

.tqg-solution-detail .tqg-sd-hero .tqg-h1 {
  max-width: 590px;
  margin-bottom: 10px;
  font-size: clamp(42px, 3.45vw, 58px);
  line-height: 1.02;
}

.tqg-solution-detail .tqg-sd-hero-sub {
  max-width: 560px;
  margin: 0;
  font-size: clamp(18px, 1.35vw, 22px);
  line-height: 1.25;
}

.tqg-solution-detail .tqg-sd-hero .tqg-hero-rule {
  width: min(100%, 550px) !important;
  margin: 18px 0 16px !important;
}

.tqg-solution-detail .tqg-sd-hero-description {
  max-width: 560px;
  margin: 0;
  font-size: 14.5px;
  line-height: 1.5;
}

.tqg-solution-detail .tqg-sd-hero .tqg-btn-group {
  gap: 14px;
  margin-top: 26px;
}

.tqg-solution-detail .tqg-sd-hero .tqg-btn {
  min-width: 215px;
  height: 48px;
  padding-inline: 23px;
}

.tqg-solution-detail .tqg-sd-question-panel {
  width: min(100%, 600px);
  padding: 28px 34px 20px;
}

.tqg-solution-detail .tqg-sd-question-panel li {
  padding: 14px 0;
}

@media (max-width: 1050px) {
  .tqg-solution-detail .tqg-sd-hero-copy {
    max-width: 680px;
  }

  .tqg-solution-detail .tqg-sd-hero .tqg-h1,
  .tqg-solution-detail .tqg-sd-hero-sub,
  .tqg-solution-detail .tqg-sd-hero-description {
    max-width: 680px;
  }
}


/* =========================================================
   v1.1.296 — SOLUTIONS ARCHITECTURAL PHOTO HERO
   Approved six-arch dusk architectural image using the same
   full-height navy-blend language established on Approach and Why TQG.
   ========================================================= */

#tqg-solutions-page .tqg-solutions-hero {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  background: var(--tqg-navy) !important;
}

#tqg-solutions-page .tqg-solutions-hero > .tqg-container {
  position: static !important;
  z-index: auto;
}

#tqg-solutions-page .tqg-solutions-hero .tqg-page-hero-copy {
  position: relative !important;
  z-index: 4 !important;
  grid-column: 1 / 2;
  max-width: 660px !important;
}

#tqg-solutions-page .tqg-solutions-hero-image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: var(--tqg-navy) !important;
  isolation: isolate;
  pointer-events: none;
}

#tqg-solutions-page .tqg-solutions-hero-image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  filter: none !important;
  image-rendering: auto;
}

#tqg-solutions-page .tqg-solutions-hero-image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg,
      rgba(7,27,51,1) 0%,
      rgba(7,27,51,.995) 22%,
      rgba(7,27,51,.93) 34%,
      rgba(7,27,51,.72) 45%,
      rgba(7,27,51,.42) 56%,
      rgba(7,27,51,.16) 67%,
      rgba(7,27,51,.03) 78%,
      rgba(7,27,51,0) 88%);
}

#tqg-solutions-page .tqg-solutions-hero-image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(180deg,
      rgba(7,27,51,.10) 0%,
      rgba(7,27,51,0) 24%,
      rgba(7,27,51,0) 75%,
      rgba(7,27,51,.16) 100%);
}

@media (max-width: 1050px) {
  #tqg-solutions-page .tqg-solutions-hero > .tqg-container {
    grid-template-columns: minmax(0,1fr) !important;
  }

  #tqg-solutions-page .tqg-solutions-hero .tqg-page-hero-copy {
    grid-column: 1;
    max-width: 625px !important;
  }

  #tqg-solutions-page .tqg-solutions-hero-image img {
    object-position: 58% center !important;
  }

  #tqg-solutions-page .tqg-solutions-hero-image::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,.995) 0%,
        rgba(7,27,51,.98) 32%,
        rgba(7,27,51,.84) 52%,
        rgba(7,27,51,.46) 70%,
        rgba(7,27,51,.16) 86%,
        rgba(7,27,51,.08) 100%);
  }
}

@media (max-width: 700px) {
  #tqg-solutions-page .tqg-solutions-hero-image img {
    object-position: 62% center !important;
  }

  #tqg-solutions-page .tqg-solutions-hero-image::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,.98) 0%,
        rgba(7,27,51,.93) 42%,
        rgba(7,27,51,.72) 72%,
        rgba(7,27,51,.50) 100%);
  }

  #tqg-solutions-page .tqg-solutions-hero-image::after {
    background:
      linear-gradient(180deg,
        rgba(7,27,51,.24) 0%,
        rgba(7,27,51,.06) 34%,
        rgba(7,27,51,.10) 70%,
        rgba(7,27,51,.34) 100%);
  }
}


/* =========================================================
   v1.1.297 — SOLUTIONS HERO: REVEAL MORE ARCHES
   Desktop refinement only. Keeps the approved photo and copy field,
   but scales the architectural image into the right side so more of
   the six-arch composition remains visible.
   ========================================================= */

@media (min-width: 1051px) {
  #tqg-solutions-page .tqg-solutions-hero-image img {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: 78% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  #tqg-solutions-page .tqg-solutions-hero-image::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,1) 0%,
        rgba(7,27,51,1) 20%,
        rgba(7,27,51,.97) 29%,
        rgba(7,27,51,.82) 38%,
        rgba(7,27,51,.56) 47%,
        rgba(7,27,51,.28) 56%,
        rgba(7,27,51,.08) 66%,
        rgba(7,27,51,0) 76%) !important;
  }
}


/* =========================================================
   v1.1.298 — SOLUTIONS HERO: LEFTMOST ARCH REVEAL
   Small desktop-only framing adjustment from the v1.1.297 baseline.
   Shifts the architectural photograph slightly to the right so more of
   the leftmost arch remains visible beneath the hero copy.
   ========================================================= */

@media (min-width: 1051px) {
  #tqg-solutions-page .tqg-solutions-hero-image img {
    object-position: 53% center !important;
  }
}


/* =========================================================
   v1.1.299 — SOLUTIONS HERO: SLIGHT ZOOM-OUT
   Desktop-only refinement from v1.1.298. Reduces the photo field
   slightly so more of the six-arch composition is visible while
   preserving the established navy copy field and fade.
   ========================================================= */

@media (min-width: 1051px) {
  #tqg-solutions-page .tqg-solutions-hero-image img {
    width: 74% !important;
    right: 0 !important;
    left: auto !important;
    object-position: center center !important;
  }
}


/* =========================================================
   v1.1.300 — ABOUT ARCHITECTURAL PHOTO HERO
   Replaces the former Evidence / Alignment / Capability illustration
   with the approved Option 4 architectural direction. Uses the same
   full-height, right-dominant navy-blend treatment established across
   Approach, Why TQG, and Solutions.
   ========================================================= */

#tqg-about-page .tqg-system-hero {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  background: var(--tqg-navy) !important;
}

#tqg-about-page .tqg-system-hero > .tqg-container {
  position: static !important;
  z-index: auto;
}

#tqg-about-page .tqg-system-hero .tqg-hero-copy {
  position: relative !important;
  z-index: 4 !important;
  grid-column: 1 / 2;
}

#tqg-about-page .tqg-about-hero-photo {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: var(--tqg-navy) !important;
  isolation: isolate;
  pointer-events: none;
}

#tqg-about-page .tqg-about-hero-photo img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: 64% center !important;
  filter: none !important;
  transform: none !important;
}

/* Protect the About copy while allowing the sweeping architectural
   curve and staircase to emerge from the center into the right side. */
#tqg-about-page .tqg-about-hero-photo::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg,
      rgba(7,27,51,1) 0%,
      rgba(7,27,51,.995) 23%,
      rgba(7,27,51,.94) 34%,
      rgba(7,27,51,.74) 45%,
      rgba(7,27,51,.44) 56%,
      rgba(7,27,51,.17) 67%,
      rgba(7,27,51,.04) 78%,
      rgba(7,27,51,0) 88%);
}

#tqg-about-page .tqg-about-hero-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(180deg,
      rgba(7,27,51,.12) 0%,
      rgba(7,27,51,0) 26%,
      rgba(7,27,51,0) 74%,
      rgba(7,27,51,.16) 100%);
}

@media (max-width: 980px) {
  #tqg-about-page .tqg-system-hero > .tqg-container {
    grid-template-columns: minmax(0,1fr) !important;
  }

  #tqg-about-page .tqg-system-hero .tqg-hero-copy {
    grid-column: 1;
    max-width: 650px;
  }

  #tqg-about-page .tqg-about-hero-photo img {
    object-position: 68% center !important;
  }

  #tqg-about-page .tqg-about-hero-photo::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,.99) 0%,
        rgba(7,27,51,.97) 34%,
        rgba(7,27,51,.82) 55%,
        rgba(7,27,51,.45) 73%,
        rgba(7,27,51,.14) 90%,
        rgba(7,27,51,.08) 100%);
  }
}

@media (max-width: 767px) {
  #tqg-about-page .tqg-about-hero-photo img {
    object-position: 70% center !important;
  }

  #tqg-about-page .tqg-about-hero-photo::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,.98) 0%,
        rgba(7,27,51,.94) 44%,
        rgba(7,27,51,.75) 72%,
        rgba(7,27,51,.52) 100%);
  }

  #tqg-about-page .tqg-about-hero-photo::after {
    background:
      linear-gradient(180deg,
        rgba(7,27,51,.24) 0%,
        rgba(7,27,51,.07) 34%,
        rgba(7,27,51,.12) 72%,
        rgba(7,27,51,.34) 100%);
  }
}


/* =========================================================
   v1.1.302 — INSIGHTS ARCHITECTURAL LIBRARY HERO
   Replaces the editorial-folio illustration with the approved
   premium research-library photograph while preserving the established
   Insights hero copy, dimensions, typography, CTAs, and navy blend.
   ========================================================= */

#tqg-insights-page .tqg-insights-hero {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  background: var(--tqg-navy) !important;
}

#tqg-insights-page .tqg-insights-hero > .tqg-container {
  position: static !important;
  z-index: auto;
}

#tqg-insights-page .tqg-insights-hero .tqg-page-hero-copy {
  position: relative !important;
  z-index: 4 !important;
  grid-column: 1 / 2;
}

#tqg-insights-page .tqg-insights-hero-photo {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: var(--tqg-navy) !important;
  isolation: isolate;
  pointer-events: none;
}

#tqg-insights-page .tqg-insights-hero-photo img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: 61% center !important;
  filter: none !important;
  transform: none !important;
}

/* Keep the editorial copy field calm while allowing the library,
   skyline, and Perspectives-to-Impact wall sequence to emerge on the right. */
#tqg-insights-page .tqg-insights-hero-photo::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg,
      rgba(7,27,51,1) 0%,
      rgba(7,27,51,.995) 24%,
      rgba(7,27,51,.95) 34%,
      rgba(7,27,51,.78) 44%,
      rgba(7,27,51,.50) 54%,
      rgba(7,27,51,.23) 64%,
      rgba(7,27,51,.07) 74%,
      rgba(7,27,51,0) 84%);
}

#tqg-insights-page .tqg-insights-hero-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(180deg,
      rgba(7,27,51,.12) 0%,
      rgba(7,27,51,0) 28%,
      rgba(7,27,51,0) 72%,
      rgba(7,27,51,.18) 100%);
}

@media (max-width: 980px) {
  #tqg-insights-page .tqg-insights-hero > .tqg-container {
    grid-template-columns: minmax(0,1fr) !important;
  }

  #tqg-insights-page .tqg-insights-hero .tqg-page-hero-copy {
    grid-column: 1;
    max-width: 650px;
  }

  #tqg-insights-page .tqg-insights-hero-photo img {
    object-position: 67% center !important;
  }

  #tqg-insights-page .tqg-insights-hero-photo::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,.99) 0%,
        rgba(7,27,51,.97) 36%,
        rgba(7,27,51,.83) 56%,
        rgba(7,27,51,.48) 74%,
        rgba(7,27,51,.14) 91%,
        rgba(7,27,51,.08) 100%);
  }
}

@media (max-width: 767px) {
  #tqg-insights-page .tqg-insights-hero-photo img {
    object-position: 70% center !important;
  }

  #tqg-insights-page .tqg-insights-hero-photo::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,.98) 0%,
        rgba(7,27,51,.95) 44%,
        rgba(7,27,51,.78) 72%,
        rgba(7,27,51,.54) 100%);
  }

  #tqg-insights-page .tqg-insights-hero-photo::after {
    background:
      linear-gradient(180deg,
        rgba(7,27,51,.24) 0%,
        rgba(7,27,51,.07) 34%,
        rgba(7,27,51,.12) 72%,
        rgba(7,27,51,.34) 100%);
  }
}


/* =========================================================
   v1.1.303 — INSIGHTS HERO FRAMING REFINEMENT
   Reduces the effective crop of the Insights library image on desktop
   by narrowing and right-aligning the photographic field. This reveals
   more of the architecture without changing the approved hero copy,
   navy blend, typography, buttons, or hero height.
   ========================================================= */

@media (min-width: 1051px) {
  #tqg-insights-page .tqg-insights-hero-photo img {
    inset: 0 0 0 auto !important;
    width: 76% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 58% center !important;
  }
}


/* =========================================================
   v1.1.304 — CONTACT ARCHITECTURAL PHOTO HERO
   Replaces the previous Contact hero visual with the approved
   warm architectural entrance/reception image. Uses the established
   full-height photographic treatment with a progressive navy copy field.
   ========================================================= */

#tqg-contact-page .tqg-system-hero,
#tqg-contact-page .tqg-contact-hero,
body.tqg-contact-page .tqg-system-hero,
body.tqg-contact-page .tqg-contact-hero {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;
  background: var(--tqg-navy) !important;
}

#tqg-contact-page .tqg-system-hero > .tqg-container,
#tqg-contact-page .tqg-contact-hero > .tqg-container,
body.tqg-contact-page .tqg-system-hero > .tqg-container,
body.tqg-contact-page .tqg-contact-hero > .tqg-container {
  position: relative !important;
  z-index: 4 !important;
}

#tqg-contact-page .tqg-contact-hero-photo,
body.tqg-contact-page .tqg-contact-hero-photo {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: var(--tqg-navy) !important;
  pointer-events: none;
}

#tqg-contact-page .tqg-contact-hero-photo img,
body.tqg-contact-page .tqg-contact-hero-photo img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: 62% center !important;
  transform: none !important;
  filter: none !important;
}

/* Keep the invitation copy legible while letting the entrance and
   warmly lit reception remain visually dominant on the right. */
#tqg-contact-page .tqg-contact-hero-photo::before,
body.tqg-contact-page .tqg-contact-hero-photo::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg,
      rgba(7,27,51,1) 0%,
      rgba(7,27,51,.995) 24%,
      rgba(7,27,51,.94) 35%,
      rgba(7,27,51,.76) 46%,
      rgba(7,27,51,.46) 58%,
      rgba(7,27,51,.18) 70%,
      rgba(7,27,51,.04) 82%,
      rgba(7,27,51,0) 92%);
}

#tqg-contact-page .tqg-contact-hero-photo::after,
body.tqg-contact-page .tqg-contact-hero-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(180deg,
      rgba(7,27,51,.10) 0%,
      rgba(7,27,51,0) 28%,
      rgba(7,27,51,0) 72%,
      rgba(7,27,51,.16) 100%);
}

@media (max-width: 980px) {
  #tqg-contact-page .tqg-contact-hero-photo img,
  body.tqg-contact-page .tqg-contact-hero-photo img {
    object-position: 66% center !important;
  }

  #tqg-contact-page .tqg-contact-hero-photo::before,
  body.tqg-contact-page .tqg-contact-hero-photo::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,.99) 0%,
        rgba(7,27,51,.96) 38%,
        rgba(7,27,51,.80) 58%,
        rgba(7,27,51,.44) 76%,
        rgba(7,27,51,.12) 92%,
        rgba(7,27,51,.06) 100%);
  }
}

@media (max-width: 767px) {
  #tqg-contact-page .tqg-contact-hero-photo img,
  body.tqg-contact-page .tqg-contact-hero-photo img {
    object-position: 69% center !important;
  }

  #tqg-contact-page .tqg-contact-hero-photo::before,
  body.tqg-contact-page .tqg-contact-hero-photo::before {
    background:
      linear-gradient(90deg,
        rgba(7,27,51,.98) 0%,
        rgba(7,27,51,.94) 46%,
        rgba(7,27,51,.74) 74%,
        rgba(7,27,51,.48) 100%);
  }
}


/* =========================================================
   v1.1.305 — CONTACT HERO OPEN-DOOR FRAMING
   Uses the approved premium open-door entrance image and reduces
   effective crop so most of the architecture remains visible.
   ========================================================= */

@media (min-width: 1051px) {
  #tqg-contact-page .tqg-contact-hero-photo img,
  body.tqg-contact-page .tqg-contact-hero-photo img {
    inset: 0 0 0 auto !important;
    width: 86% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 58% center !important;
    transform: none !important;
  }
}

/* Slightly widen the visible photo field on large screens so the steps,
   both open doors, exterior landscaping, and reception remain in frame. */
@media (min-width: 1450px) {
  #tqg-contact-page .tqg-contact-hero-photo img,
  body.tqg-contact-page .tqg-contact-hero-photo img {
    width: 90% !important;
    object-position: 56% center !important;
  }
}


/* =========================================================
   v1.1.306 — CONTACT HERO CLEAN IMAGE COMPOSITION
   Removes the right-side hero callout and pulls the approved
   entrance image back so the architecture reads as a full scene.
   ========================================================= */

#tqg-contact-page .tqg-contact-hero-panel,
#tqg-contact-page .tqg-contact-hero-card,
#tqg-contact-page .tqg-contact-hero-message,
#tqg-contact-page .tqg-contact-hero-callout,
body.tqg-contact-page .tqg-contact-hero-panel,
body.tqg-contact-page .tqg-contact-hero-card,
body.tqg-contact-page .tqg-contact-hero-message,
body.tqg-contact-page .tqg-contact-hero-callout {
  display: none !important;
}

@media (min-width: 1051px) {
  #tqg-contact-page .tqg-contact-hero-photo img,
  body.tqg-contact-page .tqg-contact-hero-photo img {
    inset: 0 0 0 auto !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: right center !important;
    transform: none !important;
  }

  #tqg-contact-page .tqg-contact-hero-photo,
  body.tqg-contact-page .tqg-contact-hero-photo {
    background: #071d34 !important;
  }
}

/* =========================================================
   v1.1.307 — ABOUT: EXPERIENCE BEHIND THE PERSPECTIVE
   ========================================================= */
#tqg-about-page .tqg-about-leadership{position:relative;overflow:hidden}
#tqg-about-page .tqg-about-leadership::before{content:"";position:absolute;top:0;left:50%;width:min(1180px,86vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(179,138,67,.42),transparent)}
#tqg-about-page .tqg-about-leadership-intro{max-width:980px;margin:0 auto 54px;text-align:center}
#tqg-about-page .tqg-about-leadership-intro .tqg-rule-short{margin-left:auto;margin-right:auto}
#tqg-about-page .tqg-about-leadership-intro .tqg-h2{margin:16px 0 22px}
#tqg-about-page .tqg-about-leadership-intro p{max-width:900px;margin:0 auto 14px;color:#566575;line-height:1.78}
#tqg-about-page .tqg-about-leadership-kicker{margin:0 0 22px;padding-bottom:12px;border-bottom:1px solid #dfe4e8;color:#b38a43;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
#tqg-about-page .tqg-about-leader-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,58px);align-items:stretch}
#tqg-about-page .tqg-about-leader{position:relative;display:flex;flex-direction:column;min-width:0;padding:0 0 4px}
#tqg-about-page .tqg-about-leader+.tqg-about-leader{border-left:1px solid #e1e5e8;padding-left:clamp(28px,4vw,58px)}
#tqg-about-page .tqg-about-leader-portrait{position:relative;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;margin-bottom:25px;overflow:hidden;border:1px solid #d9dfe4;background:radial-gradient(circle at 50% 32%,rgba(179,138,67,.11),transparent 27%),linear-gradient(145deg,#f4f5f6 0%,#e8ebee 100%);box-shadow:0 18px 42px rgba(7,27,51,.08)}
#tqg-about-page .tqg-about-leader-portrait::after{content:"";position:absolute;inset:9px;border:1px solid rgba(179,138,67,.28);pointer-events:none}
#tqg-about-page .tqg-about-leader-portrait>span{position:relative;z-index:2;color:#718091;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
#tqg-about-page .tqg-about-portrait-mark{position:relative;z-index:2;width:92px;height:106px}
#tqg-about-page .tqg-about-portrait-head{position:absolute;top:0;left:50%;width:43px;height:43px;border-radius:50%;transform:translateX(-50%);background:#aeb7c0}
#tqg-about-page .tqg-about-portrait-body{position:absolute;left:50%;bottom:0;width:88px;height:56px;border-radius:48px 48px 10px 10px;transform:translateX(-50%);background:#aeb7c0}
#tqg-about-page .tqg-about-leader-identity{min-height:88px;padding-bottom:18px;border-bottom:2px solid #b38a43}
#tqg-about-page .tqg-about-leader-identity h3{margin:0 0 7px;color:#10253f;font-family:var(--tqg-font-display);font-size:clamp(24px,2vw,31px);line-height:1.14;font-weight:500}
#tqg-about-page .tqg-about-leader-role{color:#697787;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
#tqg-about-page .tqg-about-leader-bio{min-height:238px;margin:23px 0 28px;color:#536272;line-height:1.76}
#tqg-about-page .tqg-about-leader-evidence{display:grid;gap:0;margin-top:auto;border-top:1px solid #e1e5e8}
#tqg-about-page .tqg-about-evidence-block{padding:22px 0 20px;border-bottom:1px solid #e1e5e8}
#tqg-about-page .tqg-about-evidence-block h4{margin:0 0 13px;color:#b38a43;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
#tqg-about-page .tqg-about-evidence-block ul{display:grid;grid-template-columns:1fr;gap:8px;margin:0;padding:0;list-style:none}
#tqg-about-page .tqg-about-evidence-block li{position:relative;padding-left:15px;color:#24384d;font-size:14px;line-height:1.48}
#tqg-about-page .tqg-about-evidence-block li::before{content:"";position:absolute;top:.68em;left:0;width:5px;height:5px;border-radius:50%;background:#b38a43}
#tqg-about-page .tqg-about-credential-note{margin:13px 0 0;color:#7b8794;font-size:11px;font-style:italic}
@media(max-width:900px){#tqg-about-page .tqg-about-leader-grid{grid-template-columns:1fr;gap:54px}#tqg-about-page .tqg-about-leader+.tqg-about-leader{border-left:0;border-top:1px solid #dfe4e8;padding-left:0;padding-top:54px}#tqg-about-page .tqg-about-leader-bio{min-height:0}}
@media(max-width:600px){#tqg-about-page .tqg-about-leadership-intro{margin-bottom:40px;text-align:left}#tqg-about-page .tqg-about-leadership-intro .tqg-rule-short{margin-left:0}#tqg-about-page .tqg-about-leader-portrait{aspect-ratio:4/3}}


/* =========================================================
   v1.1.308 — ABOUT LEADERSHIP COMPACT EXECUTIVE PROFILES
   Replaces the long two-column resume layout with two premium
   horizontal executive profiles and compact proof bands.
   ========================================================= */

#tqg-about-page .tqg-about-leadership-v2 .tqg-about-leadership-intro {
  max-width: 900px;
  margin: 0 auto 46px;
}

#tqg-about-page .tqg-about-leadership-v2 .tqg-about-leadership-intro p {
  max-width: 860px;
  font-size: 16px;
  line-height: 1.75;
}

#tqg-about-page .tqg-about-leader-stack {
  display: grid;
  gap: 34px;
}

#tqg-about-page .tqg-about-leader-row {
  border: 1px solid #e0e4e8;
  background: #fff;
  box-shadow: 0 16px 34px rgba(7,27,51,.055);
}

#tqg-about-page .tqg-about-leader-main {
  display: grid;
  grid-template-columns: 205px minmax(0, 1fr);
  gap: 30px;
  align-items: center;
  padding: 28px 30px 25px;
}

#tqg-about-page .tqg-about-leader-portrait-small {
  width: 205px !important;
  height: 205px !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  flex: 0 0 205px;
}

#tqg-about-page .tqg-about-leader-portrait-small .tqg-about-portrait-mark {
  width: 72px;
  height: 82px;
}

#tqg-about-page .tqg-about-leader-portrait-small .tqg-about-portrait-head {
  width: 35px;
  height: 35px;
}

#tqg-about-page .tqg-about-leader-portrait-small .tqg-about-portrait-body {
  width: 70px;
  height: 44px;
}

#tqg-about-page .tqg-about-leader-portrait-small > span {
  font-size: 10px;
  letter-spacing: .11em;
}

#tqg-about-page .tqg-about-leader-copy {
  min-width: 0;
}

#tqg-about-page .tqg-about-leadership-v2 .tqg-about-leader-identity {
  min-height: 0;
  padding: 0 0 14px;
  border-bottom: 1px solid rgba(179,138,67,.65);
}

#tqg-about-page .tqg-about-leadership-v2 .tqg-about-leader-identity h3 {
  font-size: clamp(27px, 2.2vw, 34px);
  line-height: 1.1;
}

#tqg-about-page .tqg-about-leadership-v2 .tqg-about-leader-role {
  font-size: 12px;
}

#tqg-about-page .tqg-about-leadership-v2 .tqg-about-leader-bio {
  min-height: 0;
  margin: 18px 0 0;
  color: #4d5d6d;
  font-size: 16px;
  line-height: 1.72;
}

#tqg-about-page .tqg-about-leader-proofgrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #e0e4e8;
  background: #f8f9fa;
}

#tqg-about-page .tqg-about-proof {
  min-width: 0;
  padding: 21px 24px 22px;
}

#tqg-about-page .tqg-about-proof + .tqg-about-proof {
  border-left: 1px solid #e0e4e8;
}

#tqg-about-page .tqg-about-proof h4 {
  margin: 0 0 10px;
  color: #b38a43;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

#tqg-about-page .tqg-about-proof p {
  margin: 0;
  color: #263b50;
  font-size: 14px;
  line-height: 1.62;
}

#tqg-about-page .tqg-about-proof .tqg-about-credential-note {
  margin-top: 8px;
  color: #7c8792;
  font-size: 11px;
  font-style: italic;
}

@media (max-width: 980px) {
  #tqg-about-page .tqg-about-leader-main {
    grid-template-columns: 165px minmax(0, 1fr);
    gap: 24px;
    padding: 24px;
  }

  #tqg-about-page .tqg-about-leader-portrait-small {
    width: 165px !important;
    height: 165px !important;
    flex-basis: 165px;
  }

  #tqg-about-page .tqg-about-leader-proofgrid {
    grid-template-columns: 1fr;
  }

  #tqg-about-page .tqg-about-proof + .tqg-about-proof {
    border-left: 0;
    border-top: 1px solid #e0e4e8;
  }
}

@media (max-width: 680px) {
  #tqg-about-page .tqg-about-leadership-v2 .tqg-about-leadership-intro {
    text-align: left;
    margin-bottom: 38px;
  }

  #tqg-about-page .tqg-about-leadership-v2 .tqg-about-leadership-intro .tqg-rule-short {
    margin-left: 0;
  }

  #tqg-about-page .tqg-about-leader-main {
    grid-template-columns: 1fr;
    align-items: start;
  }

  #tqg-about-page .tqg-about-leader-portrait-small {
    width: 160px !important;
    height: 160px !important;
    justify-self: start;
  }

  #tqg-about-page .tqg-about-leadership-v2 .tqg-about-leader-identity h3 {
    font-size: 26px;
  }

  #tqg-about-page .tqg-about-leadership-v2 .tqg-about-leader-bio {
    font-size: 15.5px;
  }
}


/* =========================================================
   v1.1.309 — ABOUT LEADERSHIP SIDE-BY-SIDE EXECUTIVE PANELS
   Premium two-principal layout with compact portraits and
   equal side-by-side visual hierarchy.
   ========================================================= */

#tqg-about-page .tqg-about-leadership-v3 .tqg-about-leadership-intro {
  max-width: 900px;
  margin: 0 auto 44px;
}

#tqg-about-page .tqg-about-leadership-v3 .tqg-about-leadership-intro p {
  max-width: 860px;
  font-size: 16px;
  line-height: 1.74;
}

#tqg-about-page .tqg-about-leader-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 34px;
  align-items: stretch;
}

#tqg-about-page .tqg-about-leader-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 28px 30px 30px;
  background: #fff;
  border-top: 1px solid rgba(179,138,67,.52);
  border-bottom: 1px solid #e1e5e8;
}

#tqg-about-page .tqg-about-leader-panel + .tqg-about-leader-panel {
  border-left: 1px solid #e1e5e8;
}

#tqg-about-page .tqg-about-leader-top {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  padding-bottom: 22px;
  border-bottom: 1px solid #e3e7ea;
}

#tqg-about-page .tqg-about-leader-portrait-compact {
  width: 150px !important;
  height: 150px !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  box-shadow: none !important;
  background:
    radial-gradient(circle at 50% 31%, rgba(179,138,67,.09), transparent 28%),
    linear-gradient(145deg,#f4f5f6 0%,#e8ebee 100%) !important;
}

#tqg-about-page .tqg-about-leader-portrait-compact::after {
  inset: 7px !important;
}

#tqg-about-page .tqg-about-leader-portrait-compact .tqg-about-portrait-mark {
  width: 62px;
  height: 72px;
}

#tqg-about-page .tqg-about-leader-portrait-compact .tqg-about-portrait-head {
  width: 31px;
  height: 31px;
}

#tqg-about-page .tqg-about-leader-portrait-compact .tqg-about-portrait-body {
  width: 61px;
  height: 38px;
}

#tqg-about-page .tqg-about-leader-portrait-compact > span {
  font-size: 9px;
  letter-spacing: .09em;
}

#tqg-about-page .tqg-about-leader-heading {
  min-width: 0;
}

#tqg-about-page .tqg-about-leader-heading h3 {
  margin: 0 0 9px;
  color: #10253f;
  font-family: var(--tqg-font-display);
  font-size: clamp(27px, 2vw, 33px);
  line-height: 1.12;
  font-weight: 500;
}

#tqg-about-page .tqg-about-leader-role {
  color: #b38a43;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

#tqg-about-page .tqg-about-leadership-v3 .tqg-about-leader-bio {
  min-height: 0;
  margin: 22px 0 26px;
  color: #4e5e6e;
  font-size: 16px;
  line-height: 1.73;
}

#tqg-about-page .tqg-about-panel-proofgrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: auto;
  border-top: 1px solid #e1e5e8;
}

#tqg-about-page .tqg-about-panel-proof {
  padding: 18px 0 17px;
  border-bottom: 1px solid #e1e5e8;
}

#tqg-about-page .tqg-about-panel-proof h4 {
  margin: 0 0 10px;
  color: #b38a43;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

#tqg-about-page .tqg-about-panel-proof ul {
  columns: 2;
  column-gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tqg-about-page .tqg-about-panel-proof li {
  break-inside: avoid;
  position: relative;
  margin: 0 0 7px;
  padding-left: 13px;
  color: #263b50;
  font-size: 14px;
  line-height: 1.46;
}

#tqg-about-page .tqg-about-panel-proof li::before {
  content: "";
  position: absolute;
  top: .65em;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #b38a43;
}

#tqg-about-page .tqg-about-panel-proof .tqg-about-credential-note {
  margin-top: 8px;
  color: #7c8792;
  font-size: 11px;
  font-style: italic;
}

@media (max-width: 1180px) {
  #tqg-about-page .tqg-about-leader-top {
    grid-template-columns: 125px minmax(0, 1fr);
    gap: 20px;
  }

  #tqg-about-page .tqg-about-leader-portrait-compact {
    width: 125px !important;
    height: 125px !important;
  }

  #tqg-about-page .tqg-about-panel-proof ul {
    columns: 1;
  }
}

@media (max-width: 900px) {
  #tqg-about-page .tqg-about-leader-columns {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  #tqg-about-page .tqg-about-leader-panel + .tqg-about-leader-panel {
    border-left: 0;
  }

  #tqg-about-page .tqg-about-panel-proof ul {
    columns: 2;
  }
}

@media (max-width: 600px) {
  #tqg-about-page .tqg-about-leadership-v3 .tqg-about-leadership-intro {
    text-align: left;
    margin-bottom: 36px;
  }

  #tqg-about-page .tqg-about-leadership-v3 .tqg-about-leadership-intro .tqg-rule-short {
    margin-left: 0;
  }

  #tqg-about-page .tqg-about-leader-panel {
    padding: 24px 0 26px;
  }

  #tqg-about-page .tqg-about-leader-top {
    grid-template-columns: 105px minmax(0, 1fr);
    gap: 17px;
  }

  #tqg-about-page .tqg-about-leader-portrait-compact {
    width: 105px !important;
    height: 105px !important;
  }

  #tqg-about-page .tqg-about-leader-heading h3 {
    font-size: 24px;
  }

  #tqg-about-page .tqg-about-leadership-v3 .tqg-about-leader-bio {
    font-size: 15.5px;
  }

  #tqg-about-page .tqg-about-panel-proof ul {
    columns: 1;
  }
}


/* =========================================================
   v1.1.310 — ABOUT LEADERSHIP EDITORIAL PROFILE SYSTEM
   Premium side-by-side leadership treatment with fewer rules,
   smaller portraits, larger typography, and concise proof points.
   ========================================================= */

#tqg-about-page .tqg-about-leadership-v4 .tqg-about-leadership-intro{
  max-width:1480px;
  margin:0 auto 50px;
}
#tqg-about-page .tqg-about-leadership-v4 .tqg-about-leadership-intro p{
  max-width:1400px;
  font-size:16.5px;
  line-height:1.76;
}
#tqg-about-page .tqg-about-editorial-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  border-top:1px solid rgba(179,138,67,.5);
}
#tqg-about-page .tqg-about-editorial-profile{
  min-width:0;
  padding:34px 38px 10px;
}
#tqg-about-page .tqg-about-editorial-profile + .tqg-about-editorial-profile{
  border-left:1px solid #e4e7ea;
}
#tqg-about-page .tqg-about-editorial-head{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:24px;
  align-items:center;
  margin-bottom:24px;
}
#tqg-about-page .tqg-about-leader-portrait-editorial{
  width:120px !important;
  height:120px !important;
  aspect-ratio:1/1 !important;
  margin:0 !important;
  border:0 !important;
  background:linear-gradient(145deg,#f3f5f6 0%,#e8ecef 100%) !important;
  box-shadow:none !important;
}
#tqg-about-page .tqg-about-leader-portrait-editorial::after{
  inset:0 !important;
  border:1px solid rgba(179,138,67,.36) !important;
}
#tqg-about-page .tqg-about-leader-portrait-editorial .tqg-about-portrait-mark{
  width:56px;
  height:64px;
}
#tqg-about-page .tqg-about-leader-portrait-editorial .tqg-about-portrait-head{
  width:28px;
  height:28px;
}
#tqg-about-page .tqg-about-leader-portrait-editorial .tqg-about-portrait-body{
  width:55px;
  height:34px;
}
#tqg-about-page .tqg-about-editorial-name h3{
  margin:0 0 8px;
  color:#10253f;
  font-family:var(--tqg-font-display);
  font-size:clamp(28px,2.15vw,34px);
  line-height:1.1;
  font-weight:500;
}
#tqg-about-page .tqg-about-leadership-v4 .tqg-about-leader-role{
  color:#b38a43;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
#tqg-about-page .tqg-about-editorial-bio{
  margin:0;
  color:#4e5e6e;
  font-size:16.5px;
  line-height:1.76;
}
#tqg-about-page .tqg-about-editorial-proof{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid #e4e7ea;
}
#tqg-about-page .tqg-about-editorial-proof > div{
  min-width:0;
  padding:0 18px 0 0;
}
#tqg-about-page .tqg-about-editorial-proof > div + div{
  padding-left:18px;
  border-left:1px solid #eceeef;
}
#tqg-about-page .tqg-about-editorial-proof h4{
  margin:0 0 10px;
  color:#b38a43;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
#tqg-about-page .tqg-about-editorial-proof p{
  margin:0;
  color:#263b50;
  font-size:13.5px;
  line-height:1.62;
}
#tqg-about-page .tqg-about-editorial-proof .tqg-about-credential-note{
  margin-top:7px;
  color:#7d8791;
  font-size:10.5px;
  font-style:italic;
}
@media(max-width:1180px){
  #tqg-about-page .tqg-about-editorial-head{
    grid-template-columns:105px minmax(0,1fr);
    gap:18px;
  }
  #tqg-about-page .tqg-about-leader-portrait-editorial{
    width:105px !important;
    height:105px !important;
  }
  #tqg-about-page .tqg-about-editorial-proof{
    grid-template-columns:1fr;
  }
  #tqg-about-page .tqg-about-editorial-proof > div{
    padding:14px 0;
  }
  #tqg-about-page .tqg-about-editorial-proof > div + div{
    padding-left:0;
    border-left:0;
    border-top:1px solid #eceeef;
  }
}
@media(max-width:900px){
  #tqg-about-page .tqg-about-editorial-grid{
    grid-template-columns:1fr;
  }
  #tqg-about-page .tqg-about-editorial-profile + .tqg-about-editorial-profile{
    border-left:0;
    border-top:1px solid #e4e7ea;
  }
  #tqg-about-page .tqg-about-editorial-profile{
    padding:32px 0 8px;
  }
  #tqg-about-page .tqg-about-editorial-proof{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  #tqg-about-page .tqg-about-editorial-proof > div{
    padding:0 18px 0 0;
  }
  #tqg-about-page .tqg-about-editorial-proof > div + div{
    padding-left:18px;
    border-left:1px solid #eceeef;
    border-top:0;
  }
}
@media(max-width:650px){
  #tqg-about-page .tqg-about-leadership-v4 .tqg-about-leadership-intro{
    text-align:left;
    margin-bottom:38px;
  }
  #tqg-about-page .tqg-about-leadership-v4 .tqg-about-leadership-intro .tqg-rule-short{
    margin-left:0;
  }
  #tqg-about-page .tqg-about-editorial-head{
    grid-template-columns:92px minmax(0,1fr);
    gap:16px;
  }
  #tqg-about-page .tqg-about-leader-portrait-editorial{
    width:92px !important;
    height:92px !important;
  }
  #tqg-about-page .tqg-about-editorial-name h3{
    font-size:24px;
  }
  #tqg-about-page .tqg-about-editorial-bio{
    font-size:15.5px;
  }
  #tqg-about-page .tqg-about-editorial-proof{
    grid-template-columns:1fr;
  }
  #tqg-about-page .tqg-about-editorial-proof > div{
    padding:14px 0;
  }
  #tqg-about-page .tqg-about-editorial-proof > div + div{
    padding-left:0;
    border-left:0;
    border-top:1px solid #eceeef;
  }
}


/* =========================================================
   v1.1.312 — ABOUT WHY NARRATIVE + CTA BACKGROUND LOCK
   ========================================================= */
#tqg-about-page .tqg-about-cta,
#tqg-about-page .tqg-about-cta.tqg-section-white {
  background: #ffffff !important;
}


/* =========================================================
   v1.1.315 — WHY TQG: WHAT THIS CAN LOOK LIKE
   Editorial situational example showing how visible symptoms
   can originate in different organizational conditions.
   ========================================================= */

#tqg-why-page .tqg-why-example {
  padding-top: 34px;
  padding-bottom: 70px;
}

#tqg-why-page .tqg-why-example-grid {
  display: grid;
  grid-template-columns: minmax(190px, .72fr) minmax(0, 2.28fr);
  gap: clamp(42px, 6vw, 86px);
  align-items: start;
  padding-top: 28px;
  border-top: 1px solid rgba(179,138,67,.55);
}

#tqg-why-page .tqg-why-example-copy {
  max-width: 980px;
}

#tqg-why-page .tqg-why-example-lead {
  margin: 0 0 26px;
  color: #10253f;
  font-family: var(--tqg-font-display);
  font-size: clamp(27px, 2.4vw, 38px);
  line-height: 1.15;
}

#tqg-why-page .tqg-why-example-pairs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid #e1e5e8;
  border-bottom: 1px solid #e1e5e8;
}

#tqg-why-page .tqg-why-example-item {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 18px;
  padding: 24px 28px 24px 0;
}

#tqg-why-page .tqg-why-example-item + .tqg-why-example-item {
  border-left: 1px solid #e1e5e8;
  padding-left: 28px;
}

#tqg-why-page .tqg-why-example-number {
  color: #b38a43;
  font-family: var(--tqg-font-display);
  font-size: 24px;
  line-height: 1.1;
}

#tqg-why-page .tqg-why-example-item h3 {
  margin: 0 0 10px;
  color: #10253f;
  font-family: var(--tqg-font-display);
  font-size: 20px;
  line-height: 1.26;
  font-weight: 500;
}

#tqg-why-page .tqg-why-example-item p,
#tqg-why-page .tqg-why-example-close {
  margin: 0;
  color: #536272;
  font-size: 15px;
  line-height: 1.68;
}

#tqg-why-page .tqg-why-example-close {
  margin-top: 22px;
  max-width: 900px;
}

@media (max-width: 900px) {
  #tqg-why-page .tqg-why-example-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  #tqg-why-page .tqg-why-example-pairs {
    grid-template-columns: 1fr;
  }

  #tqg-why-page .tqg-why-example-item {
    padding: 22px 0;
  }

  #tqg-why-page .tqg-why-example-item + .tqg-why-example-item {
    border-left: 0;
    border-top: 1px solid #e1e5e8;
    padding-left: 0;
  }
}


/* =========================================================
   v1.1.316 — WHY TQG EXAMPLE HEADING REFINEMENT
   ========================================================= */
#tqg-why-page .tqg-why-example-grid {
  display: block;
}

#tqg-why-page .tqg-why-example-heading {
  margin-bottom: 28px;
}

#tqg-why-page .tqg-why-example-heading .tqg-label {
  text-align: left;
}

#tqg-why-page .tqg-why-example-heading .tqg-rule-short {
  margin-left: 0;
  margin-right: 0;
}

#tqg-why-page .tqg-why-example-lead {
  max-width: 820px;
  margin: 18px auto 0;
  text-align: center;
  font-size: clamp(25px, 2vw, 33px);
  line-height: 1.16;
}

#tqg-why-page .tqg-why-example-copy {
  max-width: none;
}

#tqg-why-page .tqg-why-example-close {
  margin: 22px auto 0;
  max-width: 900px;
  color: #33475b;
  font-weight: 500;
  text-align: center;
}


/* =========================================================
   v1.1.317 — WHY TQG TWO-COLUMN EDITORIAL EXAMPLE
   Left: label + proposition in one vertical column.
   Right: two examples stacked vertically.
   ========================================================= */
#tqg-why-page .tqg-why-example-grid {
  display: grid;
  grid-template-columns: minmax(260px, .9fr) minmax(0, 1.75fr);
  gap: clamp(48px, 6vw, 92px);
  align-items: start;
}

#tqg-why-page .tqg-why-example-heading {
  margin-bottom: 0;
  padding-right: 10px;
}

#tqg-why-page .tqg-why-example-lead {
  max-width: 390px;
  margin: 18px 0 0;
  text-align: left;
  font-size: clamp(25px, 2.05vw, 34px);
  line-height: 1.16;
}

#tqg-why-page .tqg-why-example-pairs-stacked {
  display: block;
  border-top: 1px solid #e1e5e8;
  border-bottom: 1px solid #e1e5e8;
}

#tqg-why-page .tqg-why-example-pairs-stacked .tqg-why-example-item {
  grid-template-columns: 42px minmax(0, 1fr);
  padding: 24px 0;
}

#tqg-why-page .tqg-why-example-pairs-stacked .tqg-why-example-item + .tqg-why-example-item {
  border-left: 0;
  border-top: 1px solid #e1e5e8;
  padding-left: 0;
}

#tqg-why-page .tqg-why-example-close {
  margin: 22px 0 0;
  max-width: none;
  text-align: left;
}

@media (max-width: 900px) {
  #tqg-why-page .tqg-why-example-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  #tqg-why-page .tqg-why-example-lead {
    max-width: 720px;
  }
}


/* =========================================================
   v1.1.331 — HERO RECOVERY / SUB-SOLUTION ISOLATION

   RECOVERY RULE
   ---------------------------------------------------------
   Primary page heroes remain exactly as they were in v1.1.318.
   This block is intentionally scoped ONLY to .tqg-solution-detail.

   The approved Main Solutions hero is used as the visual reference
   for the six sub-solution LEFT content fields without modifying
   the Main Solutions page or any other primary hero.
   ========================================================= */

@media (min-width: 1051px) {

  /* Preserve the already-established solution hero shell. */
  .tqg-solution-detail .tqg-sd-hero {
    height: 622px !important;
    min-height: 622px !important;
    padding: 58px 0 !important;
    background: var(--tqg-navy) !important;
    overflow: hidden !important;
  }

  .tqg-solution-detail .tqg-sd-hero::after {
    display: none !important;
  }

  /* Match the Main Solutions horizontal canvas and left inset:
     1600px hero field, 32px viewport clearance, 42px inner gutter. */
  .tqg-solution-detail .tqg-sd-hero-grid {
    box-sizing: border-box !important;
    width: min(100%, var(--tqg-system-hero-width, 1540px)) !important;
    max-width: var(--tqg-system-hero-width, 1540px) !important;
    height: 506px !important; /* 622 - 58 - 58 */
    margin: 0 auto !important;
    padding: 0 42px !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    gap: clamp(48px,5vw,84px) !important;
    align-items: stretch !important;
    position: relative !important;
    z-index: 1 !important;
  }

  /* Main Solutions eyebrow begins at ~90px from the hero top.
     58px shell padding + 32px inner offset = the same start.
     This is fixed rather than content-centered, so short subpage copy
     cannot move the eyebrow down. */
  .tqg-solution-detail .tqg-sd-hero-copy {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 660px !important;
    margin: 32px 0 0 !important;
    padding: 0 !important;
    align-self: start !important;
    justify-self: start !important;
  }

  .tqg-solution-detail .tqg-sd-hero .tqg-eyebrow {
    margin: 0 0 24px !important;
    color: #C79B4B !important;
    font-family: var(--tqg-font-body) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
  }

  .tqg-solution-detail .tqg-sd-eyebrow-sep {
    display: inline !important;
    margin: 0 .45em !important;
    color: inherit !important;
    font: inherit !important;
    letter-spacing: inherit !important;
  }

  /* Same primary-hero H1 typography. */
  .tqg-solution-detail .tqg-sd-hero .tqg-h1 {
    width: 100% !important;
    max-width: 660px !important;
    margin: 0 !important;
    color: #fff !important;
    font-family: var(--tqg-font-heading) !important;
    font-size: var(--tqg-hero-headline-size, clamp(50px,3.65vw,64px)) !important;
    font-weight: 500 !important;
    line-height: .96 !important;
    letter-spacing: -.035em !important;
    text-transform: none !important;
  }

  .tqg-solution-detail .tqg-hero-emphasis {
    color: #C79B4B !important;
    -webkit-text-fill-color: #C79B4B !important;
    font: inherit !important;
    text-transform: none !important;
  }

  .tqg-solution-detail .tqg-sd-hero .tqg-hero-rule {
    width: min(100%,550px) !important;
    max-width: 100% !important;
    margin: 24px 0 20px !important;
  }

  /* Main Solutions / primary hero body treatment.
     Explicitly normal case to prevent any inherited uppercase regression. */
  .tqg-solution-detail .tqg-sd-hero-description {
    max-width: 620px !important;
    margin: 0 !important;
    color: rgba(255,255,255,.88) !important;
    font-family: var(--tqg-font-body) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .tqg-solution-detail .tqg-sd-hero .tqg-btn-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin-top: 30px !important;
  }

  .tqg-solution-detail .tqg-sd-hero .tqg-btn {
    min-width: 240px !important;
    height: 50px !important;
    padding: 0 28px !important;
  }

  /* Right-side panel remains the permitted page-specific hero element.
     It cannot change the left copy origin. */
  .tqg-solution-detail .tqg-sd-question-panel {
    grid-column: 2 !important;
    width: min(100%,600px) !important;
    max-width: 600px !important;
    margin: 0 !important;
    padding: 28px 34px 20px !important;
    align-self: center !important;
    justify-self: center !important;
    background: rgba(4,19,36,.78) !important;
    backdrop-filter: none !important;
  }

  .tqg-solution-detail .tqg-sd-question-panel li {
    padding: 14px 0 !important;
  }

  /* Explicitly requested three-line desktop headlines. */
  #tqg-talent-strategy-page .tqg-sd-headline-line,
  #tqg-performance-growth-page .tqg-sd-headline-line {
    display: block !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 1050px) {
  .tqg-solution-detail .tqg-sd-hero {
    height: auto !important;
    min-height: 622px !important;
    padding: 58px 0 !important;
  }

  .tqg-solution-detail .tqg-sd-hero-grid {
    width: min(100%,820px) !important;
    max-width: 820px !important;
    height: auto !important;
    padding: 0 28px !important;
    grid-template-columns: 1fr !important;
    gap: 38px !important;
    align-items: start !important;
  }

  .tqg-solution-detail .tqg-sd-hero-copy {
    max-width: 680px !important;
    margin-top: 0 !important;
  }

  .tqg-solution-detail .tqg-sd-question-panel {
    grid-column: auto !important;
    width: 100% !important;
    justify-self: stretch !important;
  }

  #tqg-talent-strategy-page .tqg-sd-headline-line,
  #tqg-performance-growth-page .tqg-sd-headline-line {
    display: inline !important;
    white-space: normal !important;
  }

  #tqg-talent-strategy-page .tqg-sd-headline-line + .tqg-sd-headline-line::before,
  #tqg-performance-growth-page .tqg-sd-headline-line + .tqg-sd-headline-line::before {
    content: " ";
  }
}

@media (max-width: 700px) {
  .tqg-solution-detail .tqg-sd-hero {
    min-height: 0 !important;
    padding: 48px 0 !important;
  }

  .tqg-solution-detail .tqg-sd-hero-grid {
    width: 100% !important;
    padding: 0 18px !important;
  }
}


/* =========================================================
   v1.1.332 — HERO HEADLINE EDITORIAL LINE LOCKS
   Headline-only refinement. No hero geometry or shared typography changes.
   ========================================================= */
@media (min-width: 1051px) {
  .tqg-solution-detail .tqg-sd-hero .tqg-h1 > .tqg-sd-headline-line {
    display: block !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 1050px) {
  .tqg-solution-detail .tqg-sd-hero .tqg-h1 > .tqg-sd-headline-line {
    display: inline !important;
    white-space: normal !important;
  }

  .tqg-solution-detail .tqg-sd-hero .tqg-h1 > .tqg-sd-headline-line + .tqg-sd-headline-line::before {
    content: " ";
  }
}


/* =========================================================
   v1.1.333 — INSIGHTS HERO HEADLINE LINE LOCK
   Headline-only fix. No hero geometry or shared styling changes.
   Desktop:
   1. Thinking That Moves
   2. Organizations Forward.
   ========================================================= */
@media (min-width: 1051px) {
  #tqg-insights-page .tqg-page-hero-copy .tqg-h1 > .tqg-insights-headline-line {
    display: block !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 1050px) {
  #tqg-insights-page .tqg-page-hero-copy .tqg-h1 > .tqg-insights-headline-line {
    display: inline !important;
    white-space: normal !important;
  }

  #tqg-insights-page .tqg-page-hero-copy .tqg-h1 > .tqg-insights-headline-line + .tqg-insights-headline-line::before {
    content: " ";
  }
}


/* =========================================================
   v1.1.334 — PRIMARY PAGE HERO EYEBROW STANDARD
   Main page eyebrow naming now follows:
   Talent Quotient Group | [Page Name]
   Home remains Talent Quotient Group.
   No hero geometry, typography, sizing, spacing, or layout changes.
   ========================================================= */
.tqg-site .tqg-eyebrow .tqg-sd-eyebrow-sep {
  display: inline;
  margin: 0 .45em;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
}


/* Insights library-to-CTA spacing: keep a deliberate transition without the previous oversized blank field. */
#tqg-insights-page.tqg-site .tqg-insights-library {
  padding-bottom: 40px;
}

/* =========================================================
   v1.1.335 — CANONICAL PAGE-END CTA STANDARD

   REFERENCE: approved bottom CTA on Why TQG.
   Applies to page-end CTA sections across the site except Home.
   Home CTA is explicitly untouched.

   Standard:
   - white full-width field
   - gold top rule inside the content container
   - two-column editorial composition
   - gold uppercase label
   - Playfair headline on the left
   - supporting copy + one dark primary pill on the right
   - identical spacing, type scale, button geometry, and hover behavior
   ========================================================= */

.tqg-site .tqg-standard-final-cta {
  padding: 90px 0 98px !important;
  background: #ffffff !important;
  color: var(--tqg-navy) !important;
  text-align: left !important;
}

.tqg-site .tqg-standard-final-cta > .tqg-container {
  display: block !important;
  padding-top: 48px !important;
  border-top: 1px solid var(--tqg-gold) !important;
}

.tqg-site .tqg-standard-final-cta-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr) !important;
  gap: clamp(56px, 8vw, 128px) !important;
  align-items: center !important;
}

.tqg-site .tqg-standard-final-cta .tqg-label {
  margin: 0 !important;
  color: var(--tqg-gold-text, var(--tqg-gold)) !important;
  font-family: var(--tqg-font-body) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

.tqg-site .tqg-standard-final-cta h2,
.tqg-site .tqg-standard-final-cta .tqg-h2 {
  max-width: 720px !important;
  margin: 16px 0 0 !important;
  color: var(--tqg-navy) !important;
  font-family: var(--tqg-font-heading) !important;
  font-size: clamp(40px, 4.2vw, 62px) !important;
  font-weight: 500 !important;
  line-height: 1.04 !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
}

.tqg-site .tqg-standard-final-cta-action {
  align-self: center !important;
}

.tqg-site .tqg-standard-final-cta-action p {
  max-width: 590px !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
  color: var(--tqg-muted) !important;
  font-family: var(--tqg-font-body) !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.tqg-site .tqg-standard-final-cta .tqg-btn,
.tqg-site .tqg-standard-final-cta .tqg-btn-dark {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 260px !important;
  max-width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 28px !important;
  border: 1.5px solid var(--tqg-gold-text, var(--tqg-gold)) !important;
  border-radius: 999px !important;
  background: var(--tqg-navy) !important;
  color: var(--tqg-white) !important;
  font-family: var(--tqg-font-body) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: translateY(0) !important;
  transition:
    transform var(--tqg-motion, .2s ease),
    background-color var(--tqg-motion, .2s ease),
    color var(--tqg-motion, .2s ease),
    border-color var(--tqg-motion, .2s ease) !important;
}

.tqg-site .tqg-standard-final-cta .tqg-btn:hover,
.tqg-site .tqg-standard-final-cta .tqg-btn:focus-visible,
.tqg-site .tqg-standard-final-cta .tqg-btn-dark:hover,
.tqg-site .tqg-standard-final-cta .tqg-btn-dark:focus-visible {
  border-color: var(--tqg-gold) !important;
  background: var(--tqg-gold) !important;
  color: var(--tqg-navy) !important;
  transform: translateY(-1px) !important;
}

/* Neutralize legacy page-specific CTA layout wrappers inside the
   standardized component without changing any non-CTA page sections. */
.tqg-site .tqg-standard-final-cta :is(
  .tqg-about-cta-inner,
  .tqg-about-cta-copy,
  .tqg-about-cta-actions,
  .tqg-cta-grid,
  .tqg-cta-content,
  .tqg-cta-action,
  .tqg-final-cta-grid,
  .tqg-solutions-cta-action,
  .tqg-why-cta-grid,
  .tqg-why-cta-heading,
  .tqg-why-cta-action,
  .tqg-ts-cta-grid,
  .tqg-ts-cta-action
) {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Explicitly suppress old Approach decorative topline when it appears
   inside the canonical CTA. The canonical container rule is the topline. */
.tqg-site .tqg-standard-final-cta .tqg-cta-topline {
  display: none !important;
}

/* Insights only: pull the gold CTA divider closer to the final row of article tiles. */
#tqg-insights-page.tqg-site .tqg-standard-final-cta.tqg-insights-cta {
  padding-top: 28px !important;
}

/* Insights only: match the From Insight to Action kicker size to Explore TQG Insights. */
#tqg-insights-page.tqg-site .tqg-standard-final-cta.tqg-insights-cta .tqg-label {
  font-size: 14px !important;
}

@media (max-width: 980px) {
  .tqg-site .tqg-standard-final-cta-grid {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
    align-items: start !important;
  }

  .tqg-site .tqg-standard-final-cta-action p {
    max-width: 720px !important;
  }
}

@media (max-width: 760px) {
  #tqg-insights-page.tqg-site .tqg-insights-library {
    padding-bottom: 32px;
  }

  #tqg-insights-page.tqg-site .tqg-standard-final-cta.tqg-insights-cta {
    padding-top: 24px !important;
  }

  .tqg-site .tqg-standard-final-cta {
    padding: 72px 0 78px !important;
  }

  .tqg-site .tqg-standard-final-cta > .tqg-container {
    padding-top: 36px !important;
  }

  .tqg-site .tqg-standard-final-cta h2,
  .tqg-site .tqg-standard-final-cta .tqg-h2 {
    font-size: clamp(38px, 11vw, 50px) !important;
  }

  .tqg-site .tqg-standard-final-cta-action p {
    font-size: 15px !important;
  }

  .tqg-site .tqg-standard-final-cta .tqg-btn,
  .tqg-site .tqg-standard-final-cta .tqg-btn-dark {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}


/* =========================================================
   v1.1.337 — PRIVACY POLICY PAGE
   Dedicated legal-page system. All rules are scoped to the Privacy Policy
   page or to the new privacy notices at existing collection points.
   ========================================================= */

#tqg-privacy-policy-page .tqg-legal-hero {
  background: var(--tqg-navy);
}

#tqg-privacy-policy-page .tqg-legal-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(440px, .82fr);
  gap: clamp(64px, 8vw, 128px);
  align-items: center;
}

#tqg-privacy-policy-page .tqg-legal-hero-copy {
  max-width: 690px;
}

#tqg-privacy-policy-page .tqg-legal-summary {
  width: min(100%, 590px);
  justify-self: end;
  padding: 34px 38px 26px;
  border: 1px solid rgba(199,155,75,.58);
  background: rgba(4,19,36,.76);
}

#tqg-privacy-policy-page .tqg-legal-summary > .tqg-label {
  margin-bottom: 14px;
  color: var(--tqg-gold);
}

#tqg-privacy-policy-page .tqg-legal-summary ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#tqg-privacy-policy-page .tqg-legal-summary li {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 18px;
  align-items: start;
  padding: 17px 0;
  border-top: 1px solid rgba(199,155,75,.26);
}

#tqg-privacy-policy-page .tqg-legal-summary li:first-child {
  border-top-color: rgba(199,155,75,.42);
}

#tqg-privacy-policy-page .tqg-legal-summary li > span {
  color: var(--tqg-gold);
  font-family: var(--tqg-font-heading);
  font-size: 22px;
  line-height: 1;
}

#tqg-privacy-policy-page .tqg-legal-summary li p {
  margin: 0;
  color: rgba(255,255,255,.9);
  font-size: 14px;
  line-height: 1.55;
}

#tqg-privacy-policy-page .tqg-legal-intro {
  padding: 72px 0;
}

#tqg-privacy-policy-page .tqg-legal-intro-grid {
  display: grid;
  grid-template-columns: minmax(180px, .34fr) minmax(0, 1fr);
  gap: clamp(48px, 8vw, 112px);
  max-width: 1180px;
}

#tqg-privacy-policy-page .tqg-legal-effective-date {
  margin: 10px 0 0;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-heading);
  font-size: 24px;
  line-height: 1.2;
}

#tqg-privacy-policy-page .tqg-legal-intro-grid > div:last-child p {
  max-width: 880px;
  margin: 0 0 16px;
  color: var(--tqg-muted);
  font-size: 17px;
  line-height: 1.78;
}

#tqg-privacy-policy-page .tqg-legal-body {
  padding: 86px 0 108px;
}

#tqg-privacy-policy-page .tqg-legal-layout {
  display: grid;
  grid-template-columns: 250px minmax(0, 900px);
  gap: clamp(64px, 8vw, 128px);
  justify-content: center;
  align-items: start;
}

#tqg-privacy-policy-page .tqg-legal-nav {
  position: sticky;
  top: 118px;
  padding: 24px 0;
  border-top: 1px solid var(--tqg-gold);
  border-bottom: 1px solid rgba(11,32,55,.16);
}

#tqg-privacy-policy-page .tqg-legal-nav .tqg-label {
  margin-bottom: 16px;
}

#tqg-privacy-policy-page .tqg-legal-nav a {
  display: block;
  padding: 8px 0;
  color: var(--tqg-muted);
  font-size: 13px;
  line-height: 1.35;
  text-decoration: none;
  transition: color var(--tqg-motion, .2s ease), transform var(--tqg-motion, .2s ease);
}

#tqg-privacy-policy-page .tqg-legal-nav a:hover,
#tqg-privacy-policy-page .tqg-legal-nav a:focus-visible {
  color: var(--tqg-gold-text);
  transform: translateX(3px);
}

#tqg-privacy-policy-page .tqg-legal-content {
  min-width: 0;
}

#tqg-privacy-policy-page .tqg-legal-section {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 26px;
  padding: 0 0 58px;
  margin: 0 0 58px;
  border-bottom: 1px solid rgba(11,32,55,.14);
  scroll-margin-top: 130px;
}

#tqg-privacy-policy-page .tqg-legal-section:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

#tqg-privacy-policy-page .tqg-legal-number {
  padding-top: 3px;
  color: var(--tqg-gold-text);
  font-family: var(--tqg-font-heading);
  font-size: 25px;
  line-height: 1;
}

#tqg-privacy-policy-page .tqg-legal-section .tqg-label {
  margin-bottom: 12px;
}

#tqg-privacy-policy-page .tqg-legal-section h2 {
  max-width: 790px;
  margin: 0 0 22px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-heading);
  font-size: clamp(32px, 3vw, 46px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.025em;
}

#tqg-privacy-policy-page .tqg-legal-section h3 {
  margin: 30px 0 9px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-body);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}

#tqg-privacy-policy-page .tqg-legal-section p,
#tqg-privacy-policy-page .tqg-legal-section li {
  color: var(--tqg-muted);
  font-size: 16px;
  line-height: 1.8;
}

#tqg-privacy-policy-page .tqg-legal-section p {
  margin: 0 0 16px;
}

#tqg-privacy-policy-page .tqg-legal-section ul {
  margin: 8px 0 20px;
  padding-left: 22px;
}

#tqg-privacy-policy-page .tqg-legal-section li {
  margin-bottom: 7px;
}

#tqg-privacy-policy-page .tqg-legal-section a {
  color: var(--tqg-navy);
  text-decoration-color: var(--tqg-gold);
  text-underline-offset: 3px;
}

#tqg-privacy-policy-page .tqg-legal-note {
  margin-top: 28px;
  padding: 22px 24px;
  border-left: 3px solid var(--tqg-gold);
  background: #fff;
}

#tqg-privacy-policy-page .tqg-legal-note strong {
  display: block;
  margin-bottom: 7px;
  color: var(--tqg-navy);
  font-size: 14px;
}

#tqg-privacy-policy-page .tqg-legal-note p {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}

#tqg-privacy-policy-page .tqg-legal-contact-card {
  display: flex;
  gap: 36px;
  align-items: end;
  justify-content: space-between;
  margin-top: 30px;
  padding: 26px 28px;
  border: 1px solid rgba(199,155,75,.58);
  background: #fff;
}

#tqg-privacy-policy-page .tqg-legal-contact-card h3 {
  margin: 8px 0 4px;
  font-family: var(--tqg-font-heading);
  font-size: 24px;
  font-weight: 500;
}

#tqg-privacy-policy-page .tqg-legal-contact-card p {
  margin: 0;
  font-size: 14px;
}

#tqg-privacy-policy-page .tqg-legal-contact-card > a {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
}

.tqg-form-privacy-note,
.tqg-mailpoet-persistent-disclosure {
  line-height: 1.55;
}

.tqg-form-privacy-note {
  margin: 16px 0 0;
  color: var(--tqg-muted);
  font-size: 12px;
}

.tqg-form-privacy-note a,
.tqg-mailpoet-persistent-disclosure a {
  color: inherit;
  text-decoration-color: var(--tqg-gold);
  text-underline-offset: 3px;
}

.tqg-form-privacy-note a:hover,
.tqg-form-privacy-note a:focus-visible,
.tqg-mailpoet-persistent-disclosure a:hover,
.tqg-mailpoet-persistent-disclosure a:focus-visible {
  color: var(--tqg-gold-text);
}

@media (max-width: 1050px) {
  #tqg-privacy-policy-page .tqg-legal-hero-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  #tqg-privacy-policy-page .tqg-legal-summary {
    justify-self: stretch;
    width: 100%;
    max-width: 720px;
  }

  #tqg-privacy-policy-page .tqg-legal-layout {
    grid-template-columns: 1fr;
    gap: 46px;
  }

  #tqg-privacy-policy-page .tqg-legal-nav {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
  }

  #tqg-privacy-policy-page .tqg-legal-nav .tqg-label {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  #tqg-privacy-policy-page .tqg-legal-intro {
    padding: 58px 0;
  }

  #tqg-privacy-policy-page .tqg-legal-intro-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  #tqg-privacy-policy-page .tqg-legal-body {
    padding: 64px 0 78px;
  }

  #tqg-privacy-policy-page .tqg-legal-summary {
    padding: 26px 22px 18px;
  }

  #tqg-privacy-policy-page .tqg-legal-summary li {
    grid-template-columns: 34px 1fr;
    gap: 12px;
  }

  #tqg-privacy-policy-page .tqg-legal-nav {
    grid-template-columns: 1fr;
  }

  #tqg-privacy-policy-page .tqg-legal-section {
    grid-template-columns: 1fr;
    gap: 14px;
    padding-bottom: 44px;
    margin-bottom: 44px;
  }

  #tqg-privacy-policy-page .tqg-legal-number {
    font-size: 20px;
  }

  #tqg-privacy-policy-page .tqg-legal-contact-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  #tqg-privacy-policy-page .tqg-legal-contact-card > a {
    white-space: normal;
  }
}


/* =========================================================
   v1.1.338 — TQG LEGAL & ACCESSIBILITY PAGE SYSTEM
   Extends the approved Privacy Policy design to Terms of Use and
   Accessibility without changing primary site page or hero governance.
   ========================================================= */

.tqg-legal-page .tqg-legal-hero {
  background: var(--tqg-navy);
}

.tqg-legal-page .tqg-legal-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(440px, .82fr);
  gap: clamp(64px, 8vw, 128px);
  align-items: center;
}

.tqg-legal-page .tqg-legal-hero-copy {
  max-width: 690px;
}

.tqg-legal-page .tqg-legal-summary {
  width: min(100%, 590px);
  justify-self: end;
  padding: 34px 38px 26px;
  border: 1px solid rgba(199,155,75,.58);
  background: rgba(4,19,36,.76);
}

.tqg-legal-page .tqg-legal-summary > .tqg-label {
  margin-bottom: 14px;
  color: var(--tqg-gold);
}

.tqg-legal-page .tqg-legal-summary ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tqg-legal-page .tqg-legal-summary li {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 18px;
  align-items: start;
  padding: 17px 0;
  border-top: 1px solid rgba(199,155,75,.26);
}

.tqg-legal-page .tqg-legal-summary li:first-child {
  border-top-color: rgba(199,155,75,.42);
}

.tqg-legal-page .tqg-legal-summary li > span {
  color: var(--tqg-gold);
  font-family: var(--tqg-font-heading);
  font-size: 22px;
  line-height: 1;
}

.tqg-legal-page .tqg-legal-summary li p {
  margin: 0;
  color: rgba(255,255,255,.9);
  font-size: 14px;
  line-height: 1.55;
}

.tqg-legal-page .tqg-legal-intro {
  padding: 72px 0;
}

.tqg-legal-page .tqg-legal-intro-grid {
  display: grid;
  grid-template-columns: minmax(180px, .34fr) minmax(0, 1fr);
  gap: clamp(48px, 8vw, 112px);
  max-width: 1180px;
}

.tqg-legal-page .tqg-legal-effective-date {
  margin: 10px 0 0;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-heading);
  font-size: 24px;
  line-height: 1.2;
}

.tqg-legal-page .tqg-legal-intro-grid > div:last-child p {
  max-width: 880px;
  margin: 0 0 16px;
  color: var(--tqg-muted);
  font-size: 17px;
  line-height: 1.78;
}

.tqg-legal-page .tqg-legal-intro-grid a,
.tqg-legal-page .tqg-legal-section a {
  color: var(--tqg-navy);
  text-decoration-color: var(--tqg-gold);
  text-underline-offset: 3px;
}

.tqg-legal-page .tqg-legal-body {
  padding: 86px 0 108px;
}

.tqg-legal-page .tqg-legal-layout {
  display: grid;
  grid-template-columns: 250px minmax(0, 900px);
  gap: clamp(64px, 8vw, 128px);
  justify-content: center;
  align-items: start;
}

.tqg-legal-page .tqg-legal-nav {
  position: sticky;
  top: 118px;
  padding: 24px 0;
  border-top: 1px solid var(--tqg-gold);
  border-bottom: 1px solid rgba(11,32,55,.16);
}

.tqg-legal-page .tqg-legal-nav .tqg-label {
  margin-bottom: 16px;
}

.tqg-legal-page .tqg-legal-nav a {
  display: block;
  padding: 8px 0;
  color: var(--tqg-muted);
  font-size: 13px;
  line-height: 1.35;
  text-decoration: none;
  transition: color var(--tqg-motion, .2s ease), transform var(--tqg-motion, .2s ease);
}

.tqg-legal-page .tqg-legal-nav a:hover,
.tqg-legal-page .tqg-legal-nav a:focus-visible {
  color: var(--tqg-gold-text);
  transform: translateX(3px);
}

.tqg-legal-page .tqg-legal-content {
  min-width: 0;
}

.tqg-legal-page .tqg-legal-section {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 26px;
  padding: 0 0 58px;
  margin: 0 0 58px;
  border-bottom: 1px solid rgba(11,32,55,.14);
  scroll-margin-top: 130px;
}

.tqg-legal-page .tqg-legal-section:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.tqg-legal-page .tqg-legal-number {
  padding-top: 3px;
  color: var(--tqg-gold-text);
  font-family: var(--tqg-font-heading);
  font-size: 25px;
  line-height: 1;
}

.tqg-legal-page .tqg-legal-section .tqg-label {
  margin-bottom: 12px;
}

.tqg-legal-page .tqg-legal-section h2 {
  max-width: 790px;
  margin: 0 0 22px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-heading);
  font-size: clamp(32px, 3vw, 46px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.025em;
}

.tqg-legal-page .tqg-legal-section h3 {
  margin: 30px 0 9px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-body);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}

.tqg-legal-page .tqg-legal-section p,
.tqg-legal-page .tqg-legal-section li {
  color: var(--tqg-muted);
  font-size: 16px;
  line-height: 1.8;
}

.tqg-legal-page .tqg-legal-section p {
  margin: 0 0 16px;
}

.tqg-legal-page .tqg-legal-section ul {
  margin: 8px 0 20px;
  padding-left: 22px;
}

.tqg-legal-page .tqg-legal-section li {
  margin-bottom: 7px;
}

.tqg-legal-page .tqg-legal-note {
  margin-top: 28px;
  padding: 22px 24px;
  border-left: 3px solid var(--tqg-gold);
  background: #fff;
}

.tqg-legal-page .tqg-legal-note strong {
  display: block;
  margin-bottom: 7px;
  color: var(--tqg-navy);
  font-size: 14px;
}

.tqg-legal-page .tqg-legal-note p {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
}

.tqg-legal-page .tqg-legal-contact-card {
  display: flex;
  gap: 36px;
  align-items: end;
  justify-content: space-between;
  margin-top: 30px;
  padding: 26px 28px;
  border: 1px solid rgba(199,155,75,.58);
  background: #fff;
}

.tqg-legal-page .tqg-legal-contact-card h3 {
  margin: 8px 0 4px;
  font-family: var(--tqg-font-heading);
  font-size: 24px;
  font-weight: 500;
}

.tqg-legal-page .tqg-legal-contact-card p {
  margin: 0;
  font-size: 14px;
}

.tqg-legal-page .tqg-legal-contact-card > a {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 1050px) {
  .tqg-legal-page .tqg-legal-hero-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .tqg-legal-page .tqg-legal-summary {
    justify-self: stretch;
    width: 100%;
    max-width: 720px;
  }

  .tqg-legal-page .tqg-legal-layout {
    grid-template-columns: 1fr;
    gap: 46px;
  }

  .tqg-legal-page .tqg-legal-nav {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 30px;
  }

  .tqg-legal-page .tqg-legal-nav .tqg-label {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  .tqg-legal-page .tqg-legal-intro {
    padding: 58px 0;
  }

  .tqg-legal-page .tqg-legal-intro-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .tqg-legal-page .tqg-legal-body {
    padding: 64px 0 78px;
  }

  .tqg-legal-page .tqg-legal-summary {
    padding: 26px 22px 18px;
  }

  .tqg-legal-page .tqg-legal-summary li {
    grid-template-columns: 34px 1fr;
    gap: 12px;
  }

  .tqg-legal-page .tqg-legal-nav {
    grid-template-columns: 1fr;
  }

  .tqg-legal-page .tqg-legal-section {
    grid-template-columns: 1fr;
    gap: 14px;
    padding-bottom: 44px;
    margin-bottom: 44px;
  }

  .tqg-legal-page .tqg-legal-number {
    font-size: 20px;
  }

  .tqg-legal-page .tqg-legal-contact-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .tqg-legal-page .tqg-legal-contact-card > a {
    white-space: normal;
  }
}


/* =========================================================
   v1.1.347 — LEGAL / GOVERNANCE HERO CONTENT TREATMENT

   Privacy Policy, Terms of Use, and Accessibility are now members
   of the SAME canonical .tqg-system-hero contract as Home and the
   other primary pages. No separate legal hero height, padding,
   canvas, grid, gutter, or breakpoint geometry is defined here.

   The rules below control only legal-page typography and the
   page-specific "At a Glance" visual.
   ========================================================= */

@media (min-width: 981px) {
  .tqg-legal-page .tqg-legal-hero-copy {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 660px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    justify-self: start !important;
  }

  .tqg-legal-page .tqg-legal-hero-copy .tqg-eyebrow {
    margin: 0 0 24px !important;
    color: #C79B4B !important;
    font-family: var(--tqg-font-body) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
  }

  .tqg-legal-page .tqg-legal-hero-copy .tqg-h1 {
    width: 100% !important;
    max-width: 660px !important;
    margin: 0 !important;
    color: #FFFFFF !important;
    font-family: var(--tqg-font-heading) !important;
    font-size: var(--tqg-hero-headline-size, clamp(50px, 3.65vw, 64px)) !important;
    font-weight: 500 !important;
    line-height: .96 !important;
    letter-spacing: -.035em !important;
    text-transform: none !important;
  }

  .tqg-legal-page .tqg-legal-hero-copy .tqg-hero-rule {
    width: min(100%, 550px) !important;
    max-width: 100% !important;
    margin: 24px 0 20px !important;
  }

  .tqg-legal-page .tqg-legal-hero-copy > .tqg-hero-description {
    max-width: 620px !important;
    margin: 0 !important;
    color: rgba(255,255,255,.88) !important;
    font-family: var(--tqg-font-body) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .tqg-legal-page .tqg-legal-summary {
    box-sizing: border-box !important;
    width: min(100%, 600px) !important;
    max-width: 600px !important;
    margin: 0 !important;
    padding: 34px 38px 26px !important;
    align-self: center !important;
    justify-self: center !important;
  }
}

@media (max-width: 980px) {
  .tqg-legal-page .tqg-legal-hero-copy {
    width: 100% !important;
    max-width: 720px !important;
    justify-self: start !important;
  }

  .tqg-legal-page .tqg-legal-summary {
    width: 100% !important;
    max-width: 720px !important;
    justify-self: stretch !important;
  }
}

@media (max-width: 767px) {
  .tqg-legal-page .tqg-legal-hero-copy .tqg-eyebrow {
    margin-bottom: 20px !important;
  }

  .tqg-legal-page .tqg-legal-hero-copy .tqg-h1 {
    font-size: clamp(42px, 12vw, 54px) !important;
  }

  .tqg-legal-page .tqg-legal-summary {
    padding: 28px 24px 20px !important;
  }
}


/* =========================================================
   v1.1.350 — ABOUT LEADERSHIP COLLAPSIBLE PROFILE SYSTEM
   Compact premium first impression: photo, name, role, LinkedIn,
   with native accessible disclosure for biography/proof details.
   ========================================================= */

#tqg-about-page .tqg-about-leadership-v4 .tqg-about-editorial-grid{
  align-items:start;
}

#tqg-about-page .tqg-about-profile-card{
  padding-top:34px;
  padding-bottom:24px;
}

#tqg-about-page .tqg-about-profile-identity{
  display:grid;
  grid-template-columns:168px minmax(0,1fr);
  gap:30px;
  align-items:center;
  min-height:210px;
}

#tqg-about-page .tqg-about-profile-photo{
  position:relative;
  width:168px;
  aspect-ratio:4/5;
  margin:0;
  overflow:hidden;
  background:#eef1f3;
  border:1px solid rgba(179,138,67,.48);
}

#tqg-about-page .tqg-about-profile-photo::after{
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(255,255,255,.50);
  pointer-events:none;
}

#tqg-about-page .tqg-about-profile-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

#tqg-about-page .tqg-about-profile-card:first-child .tqg-about-profile-photo img{
  object-position:center 24%;
}

#tqg-about-page .tqg-about-profile-card:last-child .tqg-about-profile-photo img{
  object-position:center 28%;
}

#tqg-about-page .tqg-about-profile-card .tqg-about-editorial-name h3{
  max-width:430px;
  margin:0 0 12px;
  font-size:clamp(29px,2.25vw,36px);
}

#tqg-about-page .tqg-about-profile-role-row{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  align-items:flex-start;
  gap:9px;
}

#tqg-about-page .tqg-about-linkedin{
  display:inline-flex;
  width:24px;
  height:24px;
  align-items:center;
  justify-content:center;
  padding:0;
  border:0;
  background:transparent;
  color:#0A66C2;
  text-decoration:none;
  line-height:1;
}

#tqg-about-page .tqg-about-linkedin svg{
  display:block;
  width:24px;
  height:24px;
  fill:#0A66C2;
}

#tqg-about-page .tqg-about-linkedin:hover,
#tqg-about-page .tqg-about-linkedin:focus-visible{
  background:transparent;
  border:0;
  color:#0A66C2;
  transform:none;
}

#tqg-about-page .tqg-about-profile-details{
  margin-top:24px;
  border-top:1px solid #e1e5e8;
}

#tqg-about-page .tqg-about-profile-details > summary{
  display:flex;
  width:100%;
  min-height:48px;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:13px 0 11px;
  color:#8f661a;
  cursor:pointer;
  list-style:none;
  font-family:var(--tqg-font-body);
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.16em;
  text-transform:uppercase;
}

#tqg-about-page .tqg-about-profile-details > summary::-webkit-details-marker{
  display:none;
}

#tqg-about-page .tqg-about-profile-close-label{
  display:none;
}

#tqg-about-page .tqg-about-profile-details[open] .tqg-about-profile-open-label{
  display:none;
}

#tqg-about-page .tqg-about-profile-details[open] .tqg-about-profile-close-label{
  display:inline;
}

#tqg-about-page .tqg-about-profile-disclosure-mark{
  position:relative;
  width:18px;
  height:18px;
  flex:0 0 18px;
}

#tqg-about-page .tqg-about-profile-disclosure-mark::before,
#tqg-about-page .tqg-about-profile-disclosure-mark::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:12px;
  height:1px;
  background:#8f661a;
  transform:translate(-50%,-50%);
  transition:transform .18s ease;
}

#tqg-about-page .tqg-about-profile-disclosure-mark::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

#tqg-about-page .tqg-about-profile-details[open] .tqg-about-profile-disclosure-mark::after{
  transform:translate(-50%,-50%) rotate(0deg);
}

#tqg-about-page .tqg-about-profile-expanded{
  padding:22px 0 8px;
}

#tqg-about-page .tqg-about-profile-expanded .tqg-about-editorial-bio{
  margin:0;
}

#tqg-about-page .tqg-about-profile-expanded .tqg-about-editorial-proof{
  margin-top:26px;
}

@media(max-width:1180px){
  #tqg-about-page .tqg-about-profile-identity{
    grid-template-columns:145px minmax(0,1fr);
    gap:22px;
    min-height:182px;
  }

  #tqg-about-page .tqg-about-profile-photo{
    width:145px;
  }
}

@media(max-width:900px){
  #tqg-about-page .tqg-about-profile-card{
    padding:30px 0 22px;
  }

  #tqg-about-page .tqg-about-profile-identity{
    grid-template-columns:160px minmax(0,1fr);
    gap:26px;
  }

  #tqg-about-page .tqg-about-profile-photo{
    width:160px;
  }
}

@media(max-width:650px){
  #tqg-about-page .tqg-about-profile-identity{
    grid-template-columns:118px minmax(0,1fr);
    gap:18px;
    min-height:148px;
  }

  #tqg-about-page .tqg-about-profile-photo{
    width:118px;
  }

  #tqg-about-page .tqg-about-profile-card .tqg-about-editorial-name h3{
    font-size:24px;
  }

  #tqg-about-page .tqg-about-linkedin{
    width:24px;
    height:24px;
  }

  #tqg-about-page .tqg-about-profile-details{
    margin-top:18px;
  }
}

/* v1.1.386 — Home-page-only finishing refinements. */
#tqg-home-page .tqg-home-connect-panel-mailpoet :is(input[type="submit"], button[type="submit"], .mailpoet_submit),
#tqg-home-page .tqg-home-connect-panel-mailpoet .mailpoet_form :is(.mailpoet_paragraph, .mailpoet_form_paragraph):has(input[type="submit"], button[type="submit"], .mailpoet_submit) {
  border-radius: 999px !important;
  -webkit-border-radius: 999px !important;
}

/* v1.1.404 — Insights subscription CTA pill correction.
   Final module-level override intentionally does not depend on MailPoet's
   internal .mailpoet_form wrapper, so the subscribe control retains the
   canonical TQG pill geometry regardless of MailPoet-rendered markup. */
.tqg-insights-subscription-module input[type="submit"],
.tqg-insights-subscription-module button[type="submit"],
.tqg-insights-subscription-module .mailpoet_submit {
  border-radius: 999px !important;
  -webkit-border-radius: 999px !important;
  background-clip: padding-box !important;
}


/* =========================================================
   RELATED INSIGHTS LIBRARY PARITY — v1.1.411
   Keep related cards on the same container, column geometry, and responsive
   breakpoints as the main Insights library.
   ========================================================= */
.tqg-insight-publication .tqg-related-insights {
  padding-right: 0;
  padding-left: 0;
}
.tqg-insight-publication .tqg-related-insights .tqg-container {
  width: min(100%, var(--tqg-container));
}
.tqg-insight-publication .tqg-related-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
}
.tqg-insight-publication .tqg-related-grid.is-empty {
  display: none;
}
.tqg-insight-publication .tqg-related-grid.is-empty + .tqg-related-action {
  margin-top: 0;
}
@media (max-width: 1080px) {
  .tqg-insight-publication .tqg-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .tqg-insight-publication .tqg-related-insights {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 680px) {
  .tqg-insight-publication .tqg-related-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* ===== END tqg-pages.css ===== */

/* ===== BEGIN tqg-shell.css ===== */
/* =========================================================
   TQG SITE SHELL v1.1.39
   Global header, navigation, logo, and footer
   ========================================================= */

body.tqg-shell-active {
  overflow-x: clip;
}

/* Hide the host theme's shell while preserving TQG's own landmarks. */
body.tqg-shell-active > header:not(.tqg-global-header),
body.tqg-shell-active .wp-site-blocks > header:not(.tqg-global-header),
body.tqg-shell-active header.site-header:not(.tqg-global-header),
body.tqg-shell-active #masthead:not(.tqg-global-header),
body.tqg-shell-active > footer:not(.tqg-global-footer),
body.tqg-shell-active .wp-site-blocks > footer:not(.tqg-global-footer),
body.tqg-shell-active footer.site-footer:not(.tqg-global-footer),
body.tqg-shell-active #colophon:not(.tqg-global-footer) {
  display: none !important;
}

/*
 * Some block themes render Site Title and Site Tagline as a loose group above
 * (rather than inside) their semantic header. The TQG shell owns the complete
 * masthead, so suppress both the blocks and their otherwise-empty wrapper.
 */
body.tqg-shell-active .wp-block-site-title,
body.tqg-shell-active .wp-block-site-tagline,
body.tqg-shell-active .wp-site-blocks > .wp-block-group:has(.wp-block-site-title),
body.tqg-shell-active .wp-site-blocks > .wp-block-group:has(.wp-block-site-tagline),
body.tqg-shell-active .site-branding:not(.tqg-global-brand),
body.tqg-shell-active .site-identity,
body.tqg-shell-active .site-title,
body.tqg-shell-active .site-description,
body.tqg-shell-active .site-tagline {
  display: none !important;
}

.tqg-skip-link {
  position: fixed;
  z-index: 100000;
  top: 10px;
  left: 12px;
  padding: 12px 18px;
  border-radius: 3px;
  background: var(--tqg-navy);
  color: var(--tqg-white);
  font-family: var(--tqg-font-sans);
  font-size: 14px;
  transform: translateY(-160%);
  transition: transform .2s ease;
}

.tqg-skip-link:focus {
  color: var(--tqg-white);
  transform: translateY(0);
}

.tqg-main-content-anchor {
  width: 1px;
  height: 1px;
  overflow: hidden;
}


/* v1.1.205 — real TQG main landmark fallback target for no-JS skip navigation. */
.tqg-skip-target {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.tqg-global-header,
.tqg-global-header *,
.tqg-global-footer,
.tqg-global-footer * {
  box-sizing: border-box;
}

.tqg-global-header {
  position: sticky;
  z-index: 9990;
  top: 0;
  width: 100%;
  border-bottom: 2px solid var(--tqg-gold);
  background: var(--tqg-white);
  color: var(--tqg-navy);
  font-family: var(--tqg-font-sans);
}

/* Keep the Home header divider consistent with the rest of the site. */
body.home .tqg-global-header {
  border-bottom-color: var(--tqg-gold);
}

/*
 * Remove host-theme page framing from the static front page. The TQG Home
 * template supplies its own full-width sections and contained inner grids.
 */
body.home .wp-site-blocks,
body.home main,
body.home .site-main,
body.home .site-content,
body.home .content-area,
body.home article.page,
body.home .entry-content,
body.home .wp-block-post-content,
body.home .wp-block-shortcode {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.admin-bar .tqg-global-header {
  top: 32px;
}

.tqg-global-header-inner {
  display: flex;
  width: min(100%, var(--tqg-container));
  min-height: 116px;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin: 0 auto;
  padding: 18px var(--tqg-gutter);
}

.tqg-global-brand,
.tqg-footer-brand {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  text-decoration: none;
}

.tqg-brand-logo {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  overflow: visible;
}

.tqg-brand-logo-header {
  width: clamp(286px, 20vw, 332px);
}

.tqg-global-header-actions {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(20px, 2vw, 34px);
}

.tqg-global-nav {
  display: flex;
  align-items: center;
  gap: clamp(17px, 1.55vw, 28px);
}

.tqg-global-nav-link {
  position: relative;
  padding: 14px 0;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .075em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.tqg-global-nav-link::after {
  position: absolute;
  right: 50%;
  bottom: 3px;
  left: 50%;
  height: 2px;
  background: var(--tqg-gold);
  content: "";
  transition: right var(--tqg-motion), left var(--tqg-motion);
}

.tqg-global-nav-link:hover,
.tqg-global-nav-link:focus-visible {
  color: var(--tqg-navy);
  outline: none;
}

.tqg-global-nav-link:hover::after,
.tqg-global-nav-link:focus-visible::after,
.tqg-global-nav-link.is-current::after {
  right: 22%;
  left: 22%;
}

/*
 * The consultation link shares the hero button geometry and interaction.
 * A navy surface is applied in the white header so its white label maintains
 * the same contrast it has over a navy hero.
 */
.tqg-global-header .tqg-shell-consultation-button,
.tqg-global-footer .tqg-shell-consultation-button {
  min-width: 226px;
  height: 50px;
  border: 1.5px solid var(--tqg-gold);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .06em;
  white-space: nowrap;
}

.tqg-global-header .tqg-shell-consultation-button {
  background: var(--tqg-navy);
  color: var(--tqg-white);
}

.tqg-global-header .tqg-shell-consultation-button:hover,
.tqg-global-header .tqg-shell-consultation-button:focus-visible,
.tqg-global-footer .tqg-shell-consultation-button:hover,
.tqg-global-footer .tqg-shell-consultation-button:focus-visible {
  border-color: var(--tqg-gold);
  background: var(--tqg-gold);
  color: var(--tqg-navy);
}

.tqg-menu-toggle,
.tqg-mobile-navigation {
  display: none;
}

/* Footer */
.tqg-global-footer {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0;
  padding: 76px max(var(--tqg-gutter), calc((100vw - var(--tqg-container)) / 2 + var(--tqg-gutter))) 0;
  overflow: hidden;
  border-top: 2px solid var(--tqg-gold);
  background: var(--tqg-navy);
  color: var(--tqg-white);
  font-family: var(--tqg-font-sans);
}

.tqg-global-footer::before {
  position: absolute;
  bottom: 72px;
  left: -82px;
  width: 330px;
  height: 210px;
  border: 1px solid rgba(216, 180, 107, .07);
  border-radius: 50% 50% 0 0;
  content: "";
  pointer-events: none;
}

.tqg-global-footer::after {
  position: absolute;
  bottom: 72px;
  left: 0;
  width: 230px;
  height: 170px;
  background-image:
    linear-gradient(rgba(216,180,107,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,180,107,.045) 1px, transparent 1px);
  background-size: 32px 32px;
  content: "";
  pointer-events: none;
}

.tqg-global-footer-inner {
  position: relative;
  z-index: 1;
  display: grid;
  width: min(100%, var(--tqg-container));
  grid-template-columns: minmax(270px, 1.35fr) minmax(130px, .62fr) minmax(240px, 1fr) minmax(260px, 1.08fr);
  gap: clamp(38px, 4vw, 74px);
  margin: 0 auto;
  padding-bottom: 68px;
}

.tqg-footer-brand-column {
  max-width: 390px;
}

.tqg-brand-logo-footer {
  width: min(100%, 422px);
  aspect-ratio: 1660 / 455;
  height: auto;
}

.tqg-footer-brand-column > p,
.tqg-footer-conversation > p {
  margin: 28px 0 0;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.7;
}

.tqg-footer-heading {
  margin: 5px 0 26px;
  color: var(--tqg-gold-light);
  font-family: var(--tqg-font-sans);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .2em;
  line-height: 1.3;
  text-transform: uppercase;
}

.tqg-footer-column nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 13px;
}

.tqg-footer-column nav a {
  color: rgba(255,255,255,.88);
  font-size: 13px;
  line-height: 1.35;
  text-decoration: none;
  transition: color var(--tqg-motion);
}

.tqg-footer-column nav a:hover,
.tqg-footer-column nav a:focus-visible,
.tqg-footer-legal a:hover,
.tqg-footer-legal a:focus-visible {
  color: var(--tqg-gold-light);
  outline: none;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.tqg-footer-conversation > p {
  max-width: 310px;
  margin-top: 0;
}

.tqg-global-footer .tqg-shell-consultation-button {
  margin-top: 28px;
  background: transparent;
  color: var(--tqg-white);
}

.tqg-footer-legal {
  position: relative;
  z-index: 1;
  display: flex;
  width: min(100%, var(--tqg-container));
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin: 0 auto;
  padding: 24px 0 28px;
  border-top: 1px solid rgba(216,180,107,.35);
}

.tqg-footer-legal p {
  margin: 0;
  color: rgba(255,255,255,.64);
  font-size: 11px;
  line-height: 1.5;
}

.tqg-footer-legal nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px 24px;
}

.tqg-footer-legal a {
  color: rgba(255,255,255,.74);
  font-size: 11px;
  line-height: 1.5;
  text-decoration: none;
}

@media (max-width: 1240px) {
  .tqg-global-header-inner {
    min-height: 104px;
  }

  .tqg-brand-logo-header {
    width: 272px;
  }

  .tqg-global-header-actions {
    gap: 18px;
  }

  .tqg-global-nav {
    gap: 15px;
  }

  .tqg-global-nav-link {
    font-size: 10px;
    letter-spacing: .045em;
  }

  .tqg-global-header .tqg-shell-consultation-button {
    min-width: 190px;
    padding-inline: 18px;
  }

  .tqg-global-footer-inner {
    grid-template-columns: minmax(260px, 1.25fr) minmax(120px, .6fr) minmax(220px, 1fr) minmax(235px, 1fr);
    gap: 32px;
  }
}

@media (max-width: 1050px) {
  .tqg-global-header-inner {
    min-height: 92px;
  }

  .tqg-brand-logo-header {
    width: 262px;
  }

  .tqg-global-header-actions {
    display: none;
  }

  .tqg-menu-toggle {
    display: inline-flex;
    min-width: 94px;
    height: 46px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 16px;
    border: 1.5px solid var(--tqg-gold);
    border-radius: 999px;
    background: var(--tqg-navy);
    color: var(--tqg-white);
    font-family: var(--tqg-font-sans);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .tqg-menu-toggle:focus-visible {
    outline: 3px solid rgba(199,155,75,.4);
    outline-offset: 3px;
  }

  .tqg-menu-toggle-lines {
    display: grid;
    width: 16px;
    gap: 3px;
  }

  .tqg-menu-toggle-lines span {
    display: block;
    width: 100%;
    height: 1px;
    background: currentColor;
    transition: transform var(--tqg-motion), opacity var(--tqg-motion);
  }

  .tqg-menu-toggle[aria-expanded="true"] .tqg-menu-toggle-lines span:first-child {
    transform: translateY(4px) rotate(45deg);
  }

  .tqg-menu-toggle[aria-expanded="true"] .tqg-menu-toggle-lines span:nth-child(2) {
    opacity: 0;
  }

  .tqg-menu-toggle[aria-expanded="true"] .tqg-menu-toggle-lines span:last-child {
    transform: translateY(-4px) rotate(-45deg);
  }

  .tqg-mobile-navigation {
    width: 100%;
    padding: 8px var(--tqg-gutter) 28px;
    border-top: 1px solid rgba(199,155,75,.22);
    background: var(--tqg-white);
  }

  .tqg-mobile-navigation:not([hidden]) {
    display: block;
  }

  .tqg-global-nav-mobile {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
    margin-bottom: 20px;
  }

  .tqg-global-nav-mobile .tqg-global-nav-link {
    padding: 16px 4px;
    border-bottom: 1px solid rgba(7,26,51,.1);
    font-size: 11px;
  }

  .tqg-global-nav-mobile .tqg-global-nav-link::after {
    display: none;
  }

  .tqg-mobile-navigation .tqg-shell-consultation-button {
    width: 100%;
    max-width: 320px;
  }

  .tqg-global-footer-inner {
    grid-template-columns: 1.15fr .85fr;
  }

  .tqg-footer-brand-column {
    max-width: 430px;
  }
}

@media (max-width: 782px) {
  .admin-bar .tqg-global-header {
    top: 46px;
  }
}

@media (max-width: 680px) {
  .tqg-global-header-inner {
    min-height: 80px;
    padding: 12px 20px;
  }

  .tqg-brand-logo-header {
    width: 214px;
  }

  .tqg-menu-toggle {
    min-width: 48px;
    width: 48px;
    padding: 0;
  }

  .tqg-menu-toggle-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
  }

  .tqg-mobile-navigation {
    padding-right: 20px;
    padding-left: 20px;
  }

  .tqg-global-nav-mobile {
    grid-template-columns: 1fr;
  }

  .tqg-global-footer {
    padding: 58px 20px 0;
  }

  .tqg-global-footer-inner {
    grid-template-columns: 1fr;
    gap: 42px;
    padding-bottom: 50px;
  }

  .tqg-footer-brand-column {
    max-width: 390px;
  }

  .tqg-brand-logo-footer {
    width: min(100%, 386px);
  }

  .tqg-footer-heading {
    margin-bottom: 18px;
  }

  .tqg-footer-solutions nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 22px;
  }

  .tqg-footer-legal {
    align-items: flex-start;
    flex-direction: column;
    padding: 22px 0 26px;
  }

  .tqg-footer-legal nav {
    justify-content: flex-start;
  }
}

@media (max-width: 420px) {
  .tqg-brand-logo-header {
    width: 190px;
  }

  .tqg-footer-solutions nav {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tqg-global-header *,
  .tqg-global-footer * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}


/* v1.1.82 remove host-theme spacing above the TQG shell. */
html:has(body.tqg-shell-active:not(.admin-bar)),
body.tqg-shell-active {
  margin-top: 0;
}
body.tqg-shell-active {
  padding-top: 0 !important;
}
body.tqg-shell-active > .wp-site-blocks,
body.tqg-shell-active .wp-site-blocks {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.tqg-shell-active .tqg-global-header {
  margin-top: 0 !important;
}
body.tqg-shell-active:not(.admin-bar) .tqg-global-header {
  top: 0 !important;
}

/* v1.1.86 eliminate pre-header and post-header layout gaps on first paint. */
body.tqg-shell-active {
  margin: 0 !important;
}

/*
 * Some legacy themes print an unclassed branding wrapper before wp_body_open.
 * Hide any direct body sibling that precedes the TQG header immediately, so it
 * never occupies space before the cleanup script removes it.
 */
body.tqg-shell-active > :not(#wpadminbar):not(.tqg-skip-link):not(.tqg-global-header):has(~ .tqg-global-header) {
  display: none !important;
}

body.tqg-shell-active .tqg-global-header {
  display: block;
  margin: 0 !important;
}

/* Keep the skip target available to assistive technology without adding a row. */
body.tqg-shell-active .tqg-main-content-anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Neutralize host-theme spacing between the TQG header and page content. */
body.tqg-shell-active .tqg-global-header + .tqg-main-content-anchor + .wp-site-blocks,
body.tqg-shell-active .tqg-global-header + .tqg-main-content-anchor + main,
body.tqg-shell-active .tqg-global-header + .tqg-main-content-anchor + .site-content,
body.tqg-shell-active .tqg-global-header + .tqg-main-content-anchor + .site-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* v1.1.87 ensure the shell itself cannot inherit a padded theme wrapper. */
body.tqg-shell-active > .tqg-global-header {
  margin-block: 0 !important;
  inset-block-start: 0;
}
body.admin-bar.tqg-shell-active > .tqg-global-header {
  inset-block-start: var(--wp-admin--admin-bar--height, 32px);
}
body.tqg-shell-active > .tqg-main-content-anchor + * {
  margin-block-start: 0 !important;
}
@media screen and (max-width: 782px) {
  body.admin-bar.tqg-shell-active > .tqg-global-header {
    inset-block-start: var(--wp-admin--admin-bar--height, 46px);
  }
}


/* v1.1.91 — publication shell edge correction.
 * Keep the approved site-wide gold divider on the TQG header. Remove only
 * host-theme framing/gaps between the header and the Insights publication.
 */
body.tqg-shell-active:has(.tqg-insight-publication) .tqg-global-header {
  border-bottom: 2px solid var(--tqg-gold) !important;
  box-shadow: none !important;
}

/* The header owns the gold transition; the article hero does not need a second top rule. */
body.tqg-shell-active .tqg-insight-publication .tqg-article-hero {
  margin-top: 0 !important;
  border-top: 0 !important;
}

/* Neutralize host-theme wrappers that contain an Insights publication. */
body.tqg-shell-active .wp-site-blocks:has(.tqg-insight-publication),
body.tqg-shell-active main:has(.tqg-insight-publication),
body.tqg-shell-active .site-main:has(.tqg-insight-publication),
body.tqg-shell-active .site-content:has(.tqg-insight-publication),
body.tqg-shell-active .content-area:has(.tqg-insight-publication),
body.tqg-shell-active article:has(.tqg-insight-publication),
body.tqg-shell-active .entry-content:has(.tqg-insight-publication),
body.tqg-shell-active .wp-block-post-content:has(.tqg-insight-publication) {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  outline: 0 !important;
}

/* Remove block-theme sibling spacing immediately before the publication. */
body.tqg-shell-active .tqg-insight-publication {
  margin-block-start: 0 !important;
}

body.tqg-shell-active .tqg-global-footer {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body.tqg-shell-active .tqg-global-footer + hr,
body.tqg-shell-active .tqg-global-footer ~ hr {
  display: none !important;
  margin: 0 !important;
  border: 0 !important;
}

/* v1.1.94 — Insight publication pre-content layer only.
 * The TQG header and hero are already correct. The remaining white band and
 * gray rule are contributed by the host theme's separator / logical block
 * spacing immediately before the publication. Scope this correction only to
 * the element(s) that sit directly before a TQG Insight publication.
 */
body.tqg-shell-active:has(.tqg-insight-publication)
  .wp-site-blocks > :has(.tqg-insight-publication) {
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
  border-block-start: 0 !important;
}

body.tqg-shell-active:has(.tqg-insight-publication)
  :is(hr, .wp-block-separator):has(+ :has(.tqg-insight-publication)),
body.tqg-shell-active:has(.tqg-insight-publication)
  .wp-site-blocks > :is(hr, .wp-block-separator):has(~ :has(.tqg-insight-publication)) {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Preserve the approved transition: header → one gold divider → hero. */
body.tqg-shell-active:has(.tqg-insight-publication) .tqg-global-header {
  margin-bottom: 0 !important;
  border-bottom: 2px solid var(--tqg-gold) !important;
}

body.tqg-shell-active:has(.tqg-insight-publication) .tqg-insight-publication,
body.tqg-shell-active:has(.tqg-insight-publication) .tqg-article-hero {
  margin-block-start: 0 !important;
}


/* v1.1.95 — exact root-wrapper transition fix.
 * DOM contract: TQG header -> accessibility anchor -> host-theme root content wrapper.
 * The host wrapper is the only node between the approved gold header divider and
 * page content. Remove only that node's top framing/spacing on Insight articles.
 */
body.tqg-shell-active:has(.tqg-insight-publication)
  > .tqg-main-content-anchor + * {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
  padding-top: 0 !important;
  padding-block-start: 0 !important;
  border-top: 0 !important;
  border-block-start: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Some themes draw the same top rule with a pseudo-element instead of a border. */
body.tqg-shell-active:has(.tqg-insight-publication)
  > .tqg-main-content-anchor + *::before,
body.tqg-shell-active:has(.tqg-insight-publication)
  > .tqg-main-content-anchor + *::after {
  border-top: 0 !important;
  border-block-start: 0 !important;
  box-shadow: none !important;
}

/* Do not alter the approved TQG header divider. */
body.tqg-shell-active:has(.tqg-insight-publication) > .tqg-global-header {
  border-bottom: 2px solid var(--tqg-gold) !important;
}


/* =========================================================
   v1.1.222 — mobile navigation cross-browser hardening
   The hidden attribute remains the source of truth. The body-class/aria fallbacks
   ensure Safari/Chrome mobile paints the menu even if a stale UA hidden rule or
   host-theme selector wins during the transition.
   ========================================================= */
@media (max-width: 1050px) {
  .tqg-global-header {
    overflow: visible;
  }

  .tqg-global-header .tqg-mobile-navigation[aria-hidden="false"],
  body.tqg-menu-open .tqg-global-header .tqg-mobile-navigation {
    display: block !important;
  }

  body.tqg-menu-open .tqg-global-header {
    box-shadow: 0 14px 30px rgba(7, 26, 51, .08);
  }
}


/* =========================================================
   v1.1.288 — SOLUTIONS SUBNAVIGATION
   Desktop: hover/focus dropdown.
   Mobile: visible nested solution links inside the open menu.
   ========================================================= */
.tqg-global-nav-item {
  position: relative;
  display: flex;
  align-items: center;
}

.tqg-global-nav-item-solutions > .tqg-global-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.tqg-nav-chevron {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform var(--tqg-motion);
}

.tqg-global-nav-desktop .tqg-solutions-subnav {
  position: absolute;
  z-index: 10020;
  top: 100%;
  left: 50%;
  width: 306px;
  padding: 10px 0;
  visibility: hidden;
  border-top: 2px solid var(--tqg-gold);
  background: var(--tqg-white);
  box-shadow: 0 18px 42px rgba(7,26,51,.16);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 8px);
  transition:
    opacity .18s ease,
    transform .18s ease,
    visibility .18s ease;
}

.tqg-global-nav-desktop .tqg-global-nav-item-solutions:hover .tqg-solutions-subnav,
.tqg-global-nav-desktop .tqg-global-nav-item-solutions:focus-within .tqg-solutions-subnav {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.tqg-global-nav-desktop .tqg-global-nav-item-solutions:hover .tqg-nav-chevron,
.tqg-global-nav-desktop .tqg-global-nav-item-solutions:focus-within .tqg-nav-chevron {
  transform: translateY(3px) rotate(225deg);
}

.tqg-solutions-subnav a {
  display: block;
  padding: 11px 20px;
  color: var(--tqg-navy);
  font-family: var(--tqg-font-sans);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .035em;
  line-height: 1.35;
  text-decoration: none;
  transition: color var(--tqg-motion), background var(--tqg-motion), padding-left var(--tqg-motion);
}

.tqg-solutions-subnav a:hover,
.tqg-solutions-subnav a:focus-visible {
  padding-left: 24px;
  background: rgba(199,155,75,.08);
  color: var(--tqg-navy);
  outline: none;
}

.tqg-solutions-subnav a:hover::before,
.tqg-solutions-subnav a:focus-visible::before {
  color: var(--tqg-gold);
  content: "— ";
}

@media (max-width: 1050px) {
  .tqg-global-nav-mobile .tqg-global-nav-item-solutions {
    display: block;
    grid-column: 1 / -1;
  }

  .tqg-global-nav-mobile .tqg-global-nav-item-solutions > .tqg-global-nav-link {
    width: 100%;
  }

  .tqg-global-nav-mobile .tqg-nav-chevron {
    display: none;
  }

  .tqg-global-nav-mobile .tqg-solutions-subnav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 4px 0 12px 16px;
    border-bottom: 1px solid rgba(7,26,51,.1);
  }

  .tqg-global-nav-mobile .tqg-solutions-subnav a {
    padding: 9px 10px 9px 0;
    color: rgba(7,26,51,.78);
    font-size: 10.5px;
    line-height: 1.35;
  }

  .tqg-global-nav-mobile .tqg-solutions-subnav a:hover,
  .tqg-global-nav-mobile .tqg-solutions-subnav a:focus-visible {
    padding-left: 0;
    background: transparent;
    color: var(--tqg-navy);
  }

  .tqg-global-nav-mobile .tqg-solutions-subnav a:hover::before,
  .tqg-global-nav-mobile .tqg-solutions-subnav a:focus-visible::before {
    content: none;
  }
}

@media (max-width: 680px) {
  .tqg-global-nav-mobile .tqg-solutions-subnav {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   v1.1.289 — PREMIUM SOLUTIONS DROPDOWN REFINEMENT
   Tight editorial panel aligned directly beneath Solutions.
   ========================================================= */
.tqg-global-nav-item-solutions > .tqg-global-nav-link {
  gap: 0;
}

/* No caret/chevron in the final navigation treatment. */
.tqg-nav-chevron {
  display: none !important;
}

.tqg-global-nav-desktop .tqg-solutions-subnav {
  left: 0;
  width: max-content;
  min-width: 246px;
  max-width: calc(100vw - 32px);
  padding: 8px 0;
  transform: translateY(6px);
}

.tqg-global-nav-desktop .tqg-global-nav-item-solutions:hover .tqg-solutions-subnav,
.tqg-global-nav-desktop .tqg-global-nav-item-solutions:focus-within .tqg-solutions-subnav {
  transform: translateY(0);
}

.tqg-solutions-subnav a {
  width: auto;
  padding: 10px 18px;
  white-space: nowrap;
}

.tqg-solutions-subnav a:hover,
.tqg-solutions-subnav a:focus-visible {
  padding-left: 18px;
  background: rgba(199,155,75,.07);
  color: var(--tqg-gold);
}

.tqg-solutions-subnav a::before,
.tqg-solutions-subnav a:hover::before,
.tqg-solutions-subnav a:focus-visible::before {
  content: none !important;
}

@media (max-width: 1050px) {
  .tqg-global-nav-mobile .tqg-solutions-subnav {
    width: auto;
    min-width: 0;
    max-width: none;
  }

  .tqg-global-nav-mobile .tqg-solutions-subnav a {
    white-space: normal;
  }
}


/* v1.1.290 — Tighten Solutions dropdown width. */
.tqg-global-nav-desktop .tqg-solutions-subnav {
  width: max-content;
  min-width: 0;
}

.tqg-global-nav-desktop .tqg-solutions-subnav a {
  padding-left: 14px;
  padding-right: 14px;
}

.tqg-global-nav-desktop .tqg-solutions-subnav a:hover,
.tqg-global-nav-desktop .tqg-solutions-subnav a:focus-visible {
  padding-left: 14px;
}

/* ===== END tqg-shell.css ===== */

/* ===== BEGIN tqg-accessibility.css ===== */
/*
 * TQG Site System — Accessibility Remediation Layer
 * v1.1.339
 *
 * Loads after the existing design, page, and shell styles.
 * It corrects accessibility states without redefining the approved desktop
 * hero, CTA, typography, or page-layout systems.
 *
 * Transformation Bridge uses a purpose-built SVG focus and relationship
 * treatment defined at the end of this file.
 */

:root {
  --tqg-gold-text-on-light: #8F661A;
  --tqg-focus-inner: #FFFFFF;
  --tqg-focus-outer: #071A33;
}

/* Accessible small gold text on white/light-gray surfaces. */
.tqg-site :is(
  .tqg-section-white,
  .tqg-section-gray,
  .tqg-white,
  .tqg-gray,
  .tqg-final-cta,
  .tqg-legal-intro,
  .tqg-legal-body
) {
  --tqg-gold-text: var(--tqg-gold-text-on-light);
}

.tqg-site :is(
  .tqg-section-white,
  .tqg-section-gray,
  .tqg-white,
  .tqg-gray,
  .tqg-final-cta,
  .tqg-legal-intro,
  .tqg-legal-body
) :is(
  .tqg-label,
  .tqg-article-kicker,
  .tqg-insight-category,
  .tqg-insight-label,
  .tqg-sd-kicker,
  .tqg-legal-number
) {
  color: var(--tqg-gold-text-on-light) !important;
}

#tqg-solutions-page :is(
  .tqg-solutions-positioning,
  .tqg-solution-explorer,
  .tqg-engagement-paths
) :is(
  .tqg-label,
  .tqg-panel-title > span,
  .tqg-solution-tab > span
) {
  color: var(--tqg-gold-text-on-light) !important;
}

/* Header Solutions dropdown is a white surface. */
.tqg-solutions-subnav a:hover,
.tqg-solutions-subnav a:focus-visible {
  color: var(--tqg-gold-text-on-light) !important;
}

/* Two-tone focus ring: visible on both light and dark surfaces. */
:where(
  .tqg-site,
  .tqg-global-header,
  .tqg-global-footer
) :where(
  a[href],
  button,
  input:not([type="hidden"]),
  select,
  textarea,
  summary,
  [role="button"],
  [role="tab"],
  [role="checkbox"],
  [role="radio"],
  [tabindex]:not([tabindex="-1"])
):focus-visible:not(.tqg-bridge-v184-hotspot) {
  outline: 2px solid var(--tqg-focus-inner) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px var(--tqg-focus-outer) !important;
}

.tqg-skip-link:focus-visible {
  outline: 2px solid #FFFFFF !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px #071A33 !important;
}

/* Insights search uses the parent control as its visible focus indicator.
 * Suppress the global two-tone input ring here so focus does not create a
 * second nested box inside the already-highlighted search control. */
#tqg-insights-page.tqg-site .tqg-insight-search input[type="search"]:focus,
#tqg-insights-page.tqg-site .tqg-insight-search input[type="search"]:focus-visible {
  border: 0 !important;
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

/* WPForms invalid state support; form layout remains unchanged. */
.tqg-contact-form-host :is(input, select, textarea)[aria-invalid="true"] {
  border-color: #9B1C1C !important;
  box-shadow: inset 0 0 0 1px #9B1C1C !important;
}

.tqg-contact-form-host :is(.wpforms-error, .wpforms-field-error) {
  color: #8B1717 !important;
}

/* Narrow reflow/text-spacing resilience; desktop geometry is untouched. */
@media (max-width: 400px) {
  .tqg-site :where(
    h1, h2, h3, h4, h5, h6,
    p, li, dt, dd, label, legend,
    a, button
  ) {
    max-width: 100%;
    overflow-wrap: break-word;
  }

  .tqg-site :where(pre, code) {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  .tqg-legal-page .tqg-legal-contact-card > a {
    overflow-wrap: anywhere;
  }
}

/* Screen-reader-only helper for Insight print/PDF format notice. */
.tqg-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


/* ---------------------------------------------------------
   v1.1.340 — Transformation Bridge accessibility
   Geometry and relationship mappings are unchanged.
   --------------------------------------------------------- */

/* Keep the hotspot visually transparent during pointer use. */
#tqg-why-page .tqg-bridge-v184-hotspot rect {
  fill: transparent !important;
  stroke: transparent !important;
  stroke-width: 0 !important;
  pointer-events: all !important;
  cursor: pointer !important;
}

/* Purpose-built focus treatment for sighted keyboard users.
   The subtle navy outline sits around the existing hotspot while the
   selected source node receives a white/navy ring and stronger label. */
#tqg-why-page .tqg-bridge-v184-hotspot:focus-visible {
  outline: none !important;
}

/* v1.1.341 — refined bridge keyboard focus.
   Keep the transparent interaction rectangle invisible. Focus is communicated
   through the source label, source node, and illuminated relationship routes. */
#tqg-why-page .tqg-bridge-v184-hotspot:focus-visible rect {
  fill: transparent !important;
  stroke: transparent !important;
  stroke-width: 0 !important;
}

#tqg-why-page .tqg-bridge-node-left.is-keyboard-focus .tqg-bridge-rim-node {
  r: 6.8 !important;
  fill: #C79B4B !important;
  stroke: #071A33 !important;
  stroke-width: 2.4 !important;
  vector-effect: non-scaling-stroke !important;
  filter: drop-shadow(0 0 3px rgba(7, 26, 51, .20)) !important;
}

#tqg-why-page .tqg-bridge-node-left.is-keyboard-focus .tqg-bridge-side-label {
  fill: #071A33 !important;
  font-weight: 800 !important;
}

/* Relationship legend: deliberately quiet so it explains the model
   without competing with the bridge. */
#tqg-why-page .tqg-bridge-relationship-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 24px;
  width: 100%;
  margin: -3px auto 0;
  color: #4B5A6A;
  font-family: Inter, Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .015em;
}

#tqg-why-page .tqg-bridge-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

#tqg-why-page .tqg-bridge-legend-line {
  display: inline-block;
  width: 34px;
  height: 0;
  border-top: 2px solid #8F661A;
}

#tqg-why-page .tqg-bridge-legend-line-supporting {
  border-top-style: dashed;
}

@media (max-width: 700px) {
  #tqg-why-page .tqg-bridge-relationship-legend {
    gap: 8px 18px;
    margin-top: 2px;
    font-size: 10px;
  }

  #tqg-why-page .tqg-bridge-legend-line {
    width: 28px;
  }
}

/* ===== END tqg-accessibility.css ===== */