body.about-master-page {
  background: #fff;
}

.about-master-main {
  padding-bottom: 0;
}

.about-section-inner {
  width: min(var(--reference-container), calc(100% - 144px));
  margin: 0 auto;
}

.about-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  margin: 0 0 18px;
  color: var(--reference-teal);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.about-eyebrow::before {
  content: "";
  width: 34px;
  height: 1px;
  background: var(--reference-gold);
}

.about-section-head {
  max-width: 790px;
  margin-bottom: 46px;
}

.about-section-head h2,
.about-identity-copy h2,
.about-team-copy h2,
.about-trust-section h2 {
  margin: 0;
  color: var(--reference-navy);
  font-size: 48px;
  font-weight: 760;
  line-height: 1.09;
}

.about-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .64fr) minmax(360px, .36fr);
  gap: 72px;
  align-items: center;
  min-height: 694px;
  margin: 27px 8px 68px;
  overflow: hidden;
  padding: 78px 70px;
  color: #fff;
  background: linear-gradient(135deg, #07111a 0%, #0b1824 52%, #07111a 100%);
  border: 1px solid var(--reference-hero-border);
  border-radius: var(--reference-radius);
  box-shadow: var(--reference-shadow);
}

.about-hero::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(100deg, var(--reference-cyan) 0%, var(--reference-teal-button) 46%, var(--reference-gold-button) 100%);
  opacity: .72;
}

.about-hero-copy,
.about-hero-panel {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.about-identity-layout > *,
.about-team-layout > *,
.about-pillars-grid > *,
.about-trust-grid > *,
.about-approach-section .decision-editorial-inner > * {
  min-width: 0;
}

.about-hero h1 {
  max-width: 890px;
  margin: 0 0 28px;
  color: #fff;
  font-size: 56px;
  font-weight: 730;
  line-height: 1.1;
}

.about-brand-h1 {
  display: inline-block;
  white-space: nowrap;
}

.about-hero-lead,
.about-hero-support {
  max-width: 820px;
  margin: 0;
  color: var(--reference-lead);
  font-size: 18px;
  line-height: 1.68;
}

.about-hero-support {
  max-width: 760px;
  margin-top: 18px;
  color: rgba(215, 224, 231, .82);
}

.about-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  margin-top: 34px;
}

.about-hero-actions .calculator-button-secondary {
  width: auto;
  min-width: 326px;
}

.about-trust-line {
  max-width: 760px;
  margin: 18px 0 0 4px;
  color: var(--reference-gold-text);
  font-size: 12px;
  font-weight: 760;
  line-height: 1.55;
}

.about-hero-panel {
  padding: 32px;
  color: rgba(247, 251, 255, .84);
  background: linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .028));
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 24px;
  box-shadow: 0 24px 65px rgba(0, 0, 0, .22);
}

.about-panel-label {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  color: var(--reference-gold-text);
  background: rgba(201, 162, 39, .12);
  border: 1px solid rgba(201, 162, 39, .34);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.about-entity-list {
  display: grid;
  gap: 0;
  margin-top: 24px;
}

.about-entity-row {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 14px;
  padding: 22px 0;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.about-entity-row:last-child {
  padding-bottom: 0;
}

.about-entity-row span {
  color: var(--reference-gold-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
}

.about-entity-row strong {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 820;
  line-height: 1.28;
}

.about-entity-row p {
  grid-column: 2;
  margin: 7px 0 0;
  color: #a9b6c1;
  font-size: 14px;
  line-height: 1.58;
}

.about-identity-section {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 108px 0 114px;
  color: var(--reference-navy);
  background: #fffdf8;
  overflow: hidden;
}

.about-identity-layout {
  display: grid;
  grid-template-columns: minmax(0, .62fr) minmax(330px, .38fr);
  gap: 74px;
  align-items: start;
}

.about-identity-copy p:not(.about-eyebrow),
.about-team-copy p,
.about-trust-block p,
.about-trust-block address,
.about-mini-copy p {
  margin: 0;
  color: #536170;
  font-size: 17px;
  line-height: 1.7;
}

.about-identity-copy h2 {
  max-width: 850px;
  margin-bottom: 28px;
}

.about-identity-copy p + p,
.about-team-copy p + p {
  margin-top: 16px;
}

.about-entity-map {
  display: grid;
  gap: 0;
  padding: 8px 0;
  border-top: 1px solid rgba(7, 17, 26, .13);
  border-bottom: 1px solid rgba(7, 17, 26, .13);
}

.about-entity-map-row {
  padding: 28px 0;
  border-bottom: 1px solid rgba(7, 17, 26, .11);
}

.about-entity-map-row:last-child {
  border-bottom: 0;
}

.about-entity-map-row span,
.about-trust-block span,
.about-team-points span,
.about-pillar-card span {
  display: block;
  margin-bottom: 13px;
  color: var(--reference-gold);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.about-entity-map-row span,
.about-trust-block span {
  font-family: "Manrope", sans-serif, Arial, sans-serif;
  color: var(--reference-teal);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.about-entity-map-row strong {
  display: block;
  color: var(--reference-navy);
  font-size: 22px;
  font-weight: 790;
  line-height: 1.2;
}

.about-entity-map-row p {
  margin: 10px 0 0;
  color: #536170;
  font-size: 15px;
  line-height: 1.62;
}

.about-expert-section {
  background: #fff;
}

.about-expert-section .legal-lead-section h2,
.about-expert-section h2 {
  max-width: 780px;
  font-size: 52px;
}

.about-expert-subhead {
  margin: -22px 0 28px;
  color: var(--reference-teal);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.35;
}

.about-expert-areas {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.about-expert-areas li {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  color: var(--reference-navy);
  background: rgba(12, 122, 138, .07);
  border: 1px solid rgba(12, 122, 138, .15);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 780;
  line-height: 1.2;
}

.about-team-section {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 106px 0 112px;
  color: var(--reference-navy);
  background: linear-gradient(180deg, #f8f5ef 0%, #fffdf8 100%);
  overflow: hidden;
}

.about-team-layout {
  display: grid;
  grid-template-columns: minmax(0, .42fr) minmax(0, .58fr);
  gap: 82px;
  align-items: start;
}

.about-team-copy {
  max-width: 540px;
}

.about-team-copy h2 {
  margin-bottom: 28px;
}

.about-team-points {
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(7, 17, 26, .13);
}

.about-team-points div {
  padding: 30px 0;
  border-bottom: 1px solid rgba(7, 17, 26, .13);
}

.about-team-points strong {
  display: block;
  color: var(--reference-navy);
  font-size: 23px;
  font-weight: 760;
  line-height: 1.18;
}

.about-team-points p {
  max-width: 650px;
  margin: 10px 0 0;
  color: #536170;
  font-size: 16px;
  line-height: 1.62;
}

.about-process-section .process-editorial-inner {
  grid-template-columns: minmax(0, .46fr) minmax(0, .54fr);
}

.about-specialization-section {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 106px 0 116px;
  color: var(--reference-navy);
  background:
    linear-gradient(180deg, rgba(246, 250, 250, .98), rgba(238, 246, 246, .92)),
    #f4f8f8;
  overflow: hidden;
}

.about-pillars-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.about-pillar-card {
  min-height: 304px;
  padding: 34px 30px 32px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(255, 253, 248, .86)) padding-box,
    linear-gradient(145deg, rgba(12, 122, 138, .16), rgba(201, 162, 39, .28)) border-box;
  border: 1px solid transparent;
  border-radius: 22px;
  box-shadow: 0 18px 44px rgba(7, 17, 26, .055);
}

.about-pillar-card h3 {
  margin: 0 0 16px;
  color: var(--reference-navy);
  font-size: 24px;
  font-weight: 760;
  line-height: 1.16;
  text-wrap: balance;
}

.about-pillar-card p {
  margin: 0;
  color: #536170;
  font-size: 16px;
  line-height: 1.62;
}

.about-approach-section .decision-editorial-inner {
  grid-template-columns: minmax(0, .46fr) minmax(0, .54fr);
  gap: 86px;
}

.about-approach-copy {
  padding-top: 7px;
}

.about-approach-copy p,
.about-approach-copy li {
  margin: 0;
  color: #bdcad4;
  font-size: 17px;
  line-height: 1.68;
}

.about-approach-copy p + p {
  margin-top: 20px;
}

.about-approach-copy ul {
  display: grid;
  gap: 12px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.about-approach-copy li {
  position: relative;
  padding-left: 26px;
  color: #d6e0e7;
}

.about-approach-copy li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .74em;
  width: 10px;
  height: 1px;
  background: var(--reference-gold-text);
}

.about-approach-final {
  max-width: 610px;
  margin-top: 26px !important;
  padding-top: 24px;
  color: #fff !important;
  border-top: 1px solid rgba(255, 255, 255, .16);
  font-weight: 780;
}

.about-trust-section {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 104px 0 112px;
  color: var(--reference-navy);
  background: #fffdf8;
  overflow: hidden;
}

.about-trust-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.about-trust-block {
  min-width: 0;
  min-height: 248px;
  padding: 30px 28px;
  background: rgba(255, 255, 255, .82);
  border: 1px solid rgba(7, 17, 26, .11);
  border-radius: 22px;
  box-shadow: 0 18px 44px rgba(7, 17, 26, .045);
}

.about-trust-block strong {
  display: block;
  color: var(--reference-navy);
  font-size: 21px;
  font-weight: 780;
  line-height: 1.32;
  overflow-wrap: anywhere;
}

.about-trust-block a {
  color: inherit;
  overflow-wrap: anywhere;
}

.about-trust-block a:hover,
.about-trust-block a:focus-visible {
  color: var(--reference-teal);
}

.about-trust-block p,
.about-trust-block address {
  margin-top: 16px;
  font-style: normal;
  font-size: 15px;
  line-height: 1.62;
}

.about-trust-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
}

.about-trust-links a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  color: var(--reference-teal);
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(12, 122, 138, .18);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}

.about-trust-links a:hover,
.about-trust-links a:focus-visible {
  color: var(--reference-navy);
  border-color: rgba(201, 162, 39, .42);
}

.about-faq-section {
  padding-top: 102px;
}

.about-mini-section {
  padding-bottom: 104px;
}

.about-mini-panel {
  grid-template-columns: minmax(0, .76fr) minmax(330px, .56fr);
}

.about-mini-copy p:not(.tail-eyebrow) {
  max-width: 590px;
  margin-top: 18px;
}

@media (max-width: 1120px) {
  .about-section-inner {
    width: min(100% - 56px, var(--reference-container));
  }

  .about-hero {
    grid-template-columns: 1fr;
    gap: 46px;
    min-height: 0;
    padding: 64px 54px;
  }

  .about-hero-panel {
    max-width: 720px;
  }

  .about-identity-layout,
  .about-team-layout,
  .about-process-section .process-editorial-inner,
  .about-approach-section .decision-editorial-inner {
    grid-template-columns: 1fr;
    gap: 52px;
  }

  .about-identity-copy,
  .about-team-copy,
  .about-trust-section .about-section-head {
    max-width: 780px;
  }

  .about-pillars-grid,
  .about-trust-grid {
    grid-template-columns: 1fr;
  }

  .about-pillar-card,
  .about-trust-block {
    min-height: 0;
  }

  .about-mini-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .about-hero h1 {
    font-size: 44px;
    line-height: 1.1;
  }

  .about-brand-h1 {
    display: block;
    font-size: .88em;
    line-height: 1.08;
  }
}

@media (max-width: 760px) {
  .about-section-inner {
    width: calc(100% - 28px);
  }

  .about-eyebrow {
    margin-bottom: 15px;
    font-size: 12px;
  }

  .about-eyebrow::before {
    width: 28px;
  }

  .about-section-head {
    margin-bottom: 28px;
  }

.about-section-head h2,
.about-identity-copy h2,
.about-team-copy h2,
.about-trust-section h2 {
    overflow-wrap: anywhere;
    font-size: 34px;
    line-height: 1.08;
  }

  .about-hero {
    margin: 14px 0 34px;
    padding: 42px 21px;
    gap: 34px;
    border-radius: var(--reference-radius-mobile);
  }

  .about-hero h1 {
    margin-bottom: 22px;
    font-size: 34px;
    line-height: 1.1;
  }

  .about-brand-h1 {
    display: block;
    font-size: .84em;
    line-height: 1.08;
  }

  .about-hero-lead,
  .about-hero-support {
    font-size: 16px;
    line-height: 1.62;
  }

  .about-hero-support {
    margin-top: 14px;
  }

  .about-hero-actions {
    gap: 12px;
    margin-top: 26px;
  }

  .about-hero-actions .calculator-button,
  .about-hero-actions .calculator-button-secondary {
    width: 100%;
    min-width: 0;
    white-space: normal;
    text-align: center;
  }

  .about-trust-line {
    margin-top: 14px;
    margin-left: 0;
  }

  .about-hero-panel {
    padding: 24px 20px;
    border-radius: 18px;
  }

  .about-entity-row {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    padding: 19px 0;
  }

  .about-entity-row p {
    font-size: 13px;
    line-height: 1.55;
  }

  .about-identity-section,
  .about-team-section,
  .about-specialization-section,
  .about-trust-section {
    padding: 62px 0 68px;
  }

  .about-identity-layout,
  .about-team-layout {
    gap: 34px;
  }

  .about-identity-copy h2,
  .about-team-copy h2 {
    margin-bottom: 20px;
  }

  .about-identity-copy p:not(.about-eyebrow),
  .about-team-copy p,
  .about-mini-copy p {
    font-size: 16px;
    line-height: 1.62;
  }

  .about-entity-map-row {
    padding: 22px 0;
  }

  .about-entity-map-row strong,
  .about-team-points strong,
  .about-trust-block strong {
    font-size: 20px;
  }

  .about-expert-subhead {
    margin: -12px 0 22px;
    font-size: 16px;
  }

  .about-expert-areas {
    gap: 8px;
    margin-top: 24px;
  }

  .about-expert-areas li {
    min-height: 34px;
    padding: 0 12px;
    font-size: 12px;
  }

  .about-team-points div {
    padding: 24px 0;
  }

  .about-team-points p,
  .about-pillar-card p,
  .about-trust-block p,
  .about-trust-block address {
    font-size: 15px;
    line-height: 1.58;
  }

  .about-pillar-card {
    padding: 26px 24px;
    border-radius: 18px;
  }

  .about-pillar-card h3 {
    margin-bottom: 12px;
    font-size: 22px;
  }

  .about-pillars-grid,
  .about-trust-grid {
    gap: 12px;
  }

  .about-approach-section .decision-editorial-inner {
    gap: 34px;
  }

  .about-approach-copy {
    padding-top: 0;
  }

  .about-approach-copy p,
  .about-approach-copy li {
    font-size: 16px;
    line-height: 1.62;
  }

  .about-approach-copy ul {
    gap: 10px;
    margin-top: 15px;
  }

  .about-approach-final {
    margin-top: 22px !important;
    padding-top: 20px;
  }

  .about-trust-block {
    padding: 24px 22px;
    border-radius: 18px;
  }

  .about-trust-links {
    display: grid;
    gap: 9px;
  }

  .about-trust-links a {
    justify-content: center;
    min-height: 44px;
    text-align: center;
  }

  .about-faq-section {
    padding-top: 56px;
  }

  .about-mini-section {
    padding-bottom: 42px;
  }

  .about-mini-copy p:not(.tail-eyebrow) {
    margin-top: 14px;
    font-size: 16px;
  }
}

@media (max-width: 430px) {
  .about-hero h1 {
    font-size: 32px;
  }

  .about-section-head h2,
  .about-identity-copy h2,
  .about-team-copy h2,
  .about-trust-section h2 {
    font-size: 32px;
  }
}

@media (max-width: 767px) {
  .about-brand-lock {
    display: block;
    width: max-content;
    max-width: 100%;
    color: inherit;
    font-size: 29px;
    line-height: 1.06;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
  }

  .about-identity-copy h2 {
    overflow-wrap: normal;
    word-break: normal;
  }

  .about-expert-section {
    padding-top: 58px;
    padding-bottom: 64px;
  }

  .about-expert-section h2 {
    max-width: 100%;
    font-size: 37px;
    line-height: 1.04;
    letter-spacing: 0;
  }

  .about-expert-areas {
    gap: 9px;
  }

  .about-expert-areas li {
    max-width: 100%;
    min-height: 0;
    padding: 9px 12px;
    font-size: 14px;
  }

  .about-team-section {
    padding-top: 54px;
  }

  .about-trust-section {
    padding-bottom: 56px;
  }

  .about-faq-section {
    padding-bottom: 48px;
  }
}

@media (max-width: 374px) {
  .about-hero {
    padding-right: 18px;
    padding-left: 18px;
  }

  .about-hero h1 {
    font-size: 30px;
  }

  .about-brand-h1 {
    font-size: .78em;
  }

  .about-section-head h2,
  .about-identity-copy h2,
  .about-team-copy h2,
  .about-trust-section h2,
  .about-mini-copy h2 {
    font-size: 30px;
  }

  .about-brand-lock {
    font-size: 27px;
  }

  .about-expert-section h2 {
    font-size: 35px;
  }

  .about-entity-row {
    grid-template-columns: 30px minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .about-hero,
  .about-hero::before,
  .about-pillar-card,
  .about-trust-block,
  .about-trust-links a {
    transition: none;
  }
}
