/* =========================================================
   ABOUT HERO
   GrantCardone.com
========================================================= */


/* =========================================================
   VARIABLES / BASE
========================================================= */

.gc-about-hero-content {
  --gc-about-ink: #101820;
  --gc-about-copy: #4c5359;

  --gc-about-red: #cf1733;
  --gc-about-red-dark: #a90f27;

  width: 100%;
  max-width: 720px;

  font-family:
    "Inter",
    sans-serif;

  color:
    var(--gc-about-ink);
}


.gc-about-hero-content *,
.gc-about-hero-content *::before,
.gc-about-hero-content *::after {
  box-sizing: border-box;
}


/* =========================================================
   EYEBROW
========================================================= */

.gc-about-hero-content__eyebrow {
  margin:
    0
    0
    18px !important;

  padding:
    0 !important;

  color:
    #65717a;

  font-family:
    "Inter",
    sans-serif !important;

  font-size:
    9px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    0.42em;

  text-transform:
    uppercase;
}


/* =========================================================
   TITLE
========================================================= */

.gc-about-hero-content__title {
  margin:
    0
    0
    26px !important;

  padding:
    0 !important;

  color:
    var(--gc-about-ink);

  font-family:
    "Inter",
    sans-serif !important;

  font-size:
    52px !important;

  font-weight:
    800;

  line-height:
    0.92 !important;

  letter-spacing:
    -2.8px;
}


/* Main line */

.gc-about-hero-content__title-line {
  display:
    block;

  font-family:
    "Inter",
    sans-serif !important;

  font-size:
    1em;

  font-weight:
    800;

  font-style:
    normal;

  line-height:
    0.92;

  white-space:
    nowrap;
}


/* Editorial line */

.gc-about-hero-content__title-accent {
  display:
    block;

  margin-top:
    4px;

  color:
    var(--gc-about-red);

  font-family:
    "Playfair Display",
    serif !important;

  font-size:
    1.02em;

  font-weight:
    400;

  font-style:
    italic;

  line-height:
    0.94;

  letter-spacing:
    -0.035em;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.gc-about-hero-content__description {
  width:
    100%;

  max-width:
    600px;

  margin:
    0 !important;

  padding:
    0 !important;

  color:
    var(--gc-about-copy);

  font-family:
    "Inter",
    sans-serif !important;

  font-size:
    16px !important;

  font-weight:
    400;

  line-height:
    1.65;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

  .gc-about-hero-content {
    max-width:
      820px;

    transform:
      translateY(-8px);
  }


  .gc-about-hero-content__eyebrow {
    margin-bottom:
      22px !important;

    font-size:
      10px;
  }


  .gc-about-hero-content__title {
    margin-bottom:
      32px !important;

    font-size:
      72px !important;

    line-height:
      0.9 !important;

    letter-spacing:
      -4px;
  }


  .gc-about-hero-content__title-accent {
    margin-top:
      5px;

    line-height:
      0.92;
  }


  .gc-about-hero-content__description {
    max-width:
      690px;

    font-size:
      17px !important;

    line-height:
      1.65;
  }

}


/* =========================================================
   EXTRA LARGE DESKTOP
========================================================= */

@media (min-width: 1800px) {

  .gc-about-hero-content {
    max-width:
      900px;
  }


  .gc-about-hero-content__title {
    font-size:
      78px !important;
  }


  .gc-about-hero-content__description {
    max-width:
      720px;

    font-size:
      18px !important;
  }

}


/* =========================================================
   TABLET / IPAD
========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

  .gc-about-hero-content {
    width:
      100%;

    max-width:
      520px;
  }


  .gc-about-hero-content__title {
    font-size:
      50px !important;
  }


  .gc-about-hero-content__description {
    max-width:
      470px;

    font-size:
      15px !important;

    line-height:
      1.6;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .gc-about-hero-content {
    position:
      relative;

    width:
      100%;

    max-width:
      100%;

    padding:
      58px
      24px;

    text-align:
      left;
  }


  .gc-about-hero-content__eyebrow {
    margin-bottom:
      14px !important;

    font-size:
      8px;

    letter-spacing:
      0.36em;
  }


  .gc-about-hero-content__title {
    width:
      100%;

    margin:
      0
      0
      24px !important;

    font-size:
      clamp(
        42px,
        12vw,
        54px
      ) !important;

    line-height:
      0.92 !important;

    letter-spacing:
      -2.6px;
  }


  .gc-about-hero-content__title-line {
    width:
      max-content;

    max-width:
      100%;

    white-space:
      nowrap;
  }


  .gc-about-hero-content__title-accent {
    width:
      max-content;

    max-width:
      100%;

    margin-top:
      5px;

    font-size:
      0.96em;

    line-height:
      0.96;

    white-space:
      nowrap;
  }


  .gc-about-hero-content__description {
    width:
      100%;

    max-width:
      390px;

    font-size:
      15px !important;

    line-height:
      1.6;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 374px) {

  .gc-about-hero-content {
    padding-right:
      20px;

    padding-left:
      20px;
  }


  .gc-about-hero-content__title {
    font-size:
      clamp(
        39px,
        12vw,
        47px
      ) !important;
  }


  .gc-about-hero-content__description {
    font-size:
      14px !important;
  }

}

/* =========================================================
   ABOUT HERO — DARK BACKGROUND TEXT
========================================================= */

.gc-about-hero-content {
  --gc-about-ink: #ffffff;
  --gc-about-copy: rgba(255, 255, 255, 0.82);
}


/* Eyebrow */

.gc-about-hero-content__eyebrow {
  color:
    rgba(255, 255, 255, 0.62) !important;
}


/* Main title */

.gc-about-hero-content__title,
.gc-about-hero-content__title-line {
  color:
    #ffffff !important;
}


/* Playfair accent */

.gc-about-hero-content__title-accent {
  color:
    #ffffff !important;
}


/* Description */

.gc-about-hero-content__description {
  color:
    rgba(255, 255, 255, 0.82) !important;
}

/* =========================================================
   ABOUT — IN HIS OWN WORDS
========================================================= */
/* =========================================================
   ABOUT — IN HIS OWN WORDS
========================================================= */
/* =========================================================
   ABOUT — IN HIS OWN WORDS
========================================================= */

.gc-about-words {
  --gc-about-words-ink: #101820;
  --gc-about-words-copy: #444b51;
  --gc-about-words-muted: #737b81;
  --gc-about-words-red: #cf1733;

  position: relative;

  width: 100%;

  font-family:
    "Inter",
    sans-serif;

  color:
    var(--gc-about-words-ink);
}


.gc-about-words *,
.gc-about-words *::before,
.gc-about-words *::after {
  box-sizing: border-box;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.gc-about-words__inner {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 0.92fr);

  align-items: start;

  gap:
    clamp(
      70px,
      7vw,
      120px
    );

  width: 100%;
  max-width: 1280px;

  margin:
    0 auto;

  padding:
    90px
    40px
    0;
}


/* =========================================================
   LEFT FEATURE
========================================================= */

.gc-about-words__feature {
  position: relative;

  min-height: 500px;

  padding-bottom:
    145px;
}


/* =========================================================
   EYEBROW
========================================================= */

.gc-about-words__eyebrow {
  position: relative;
  z-index: 4;

  display: flex;

  align-items: center;

  gap: 11px;

  margin:
    0
    0
    20px;

  color:
    #70777d;

  font-family:
    "Inter",
    sans-serif;

  font-size:
    9px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    0.34em;

  text-transform:
    uppercase;
}


.gc-about-words__eyebrow-dot {
  flex:
    0 0 auto;

  width: 6px;
  height: 6px;

  border-radius:
    50%;

  background:
    var(--gc-about-words-red);
}


/* =========================================================
   QUOTE
========================================================= */

.gc-about-words__quote-wrap {
  position: relative;
  z-index: 4;

  width: 100%;
  max-width: 485px;

  padding:
    0
    0
    0
    24px;

  border-left:
    2px solid
    var(--gc-about-words-red);
}


.gc-about-words__quote {
  position: relative;

  width: 100%;
  max-width: 460px;

  margin: 0;
  padding: 0;

  color:
    var(--gc-about-words-ink);

  font-family:
    "Playfair Display",
    serif !important;

  font-size:
    clamp(
      24px,
      1.75vw,
      29px
    );

  font-weight:
    400;

  font-style:
    italic;

  line-height:
    1.42;

  letter-spacing:
    -0.025em;
}


/* =========================================================
   AUTHOR
========================================================= */

.gc-about-words__author {
  position: relative;
  z-index: 4;

  margin:
    20px
    0
    0
    26px;

  color:
    var(--gc-about-words-muted);

  font-family:
    "Inter",
    sans-serif;

  font-size:
    9px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    0.3em;

  text-transform:
    uppercase;
}


/* =========================================================
   GRANT IMAGE
========================================================= */

.gc-about-words__image {
  position: absolute;

  z-index: 2;

  left: 50%;
  bottom: 0;

  width: 205px;

  transform:
    translateX(-50%);

  line-height: 0;

  pointer-events: none;
}


.gc-about-words__image img {
  display: block;

  width: 100%;
  max-width: none;

  height: auto;

  margin: 0;
  padding: 0;
}


/* =========================================================
   RIGHT CONTENT
========================================================= */

.gc-about-words__content {
  width: 100%;
  max-width: 510px;

  padding-top:
    2px;
}


.gc-about-words__content p {
  margin:
    0
    0
    22px !important;

  padding:
    0 !important;

  color:
    var(--gc-about-words-copy);

  font-family:
    "Inter",
    sans-serif !important;

  font-size:
    15px !important;

  font-weight:
    400;

  line-height:
    1.72;
}


.gc-about-words__content p:last-child {
  margin-bottom:
    0 !important;
}


.gc-about-words__content strong {
  color:
    var(--gc-about-words-ink);

  font-weight:
    750;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

  .gc-about-words__inner {
    max-width: 1320px;

    grid-template-columns:
      minmax(0, 1.04fr)
      minmax(0, 0.96fr);

    gap: 115px;

    padding-top:
      95px;
  }


  .gc-about-words__feature {
    min-height:
      525px;

    padding-bottom:
      150px;
  }


  .gc-about-words__quote-wrap {
    max-width:
      500px;
  }


  .gc-about-words__quote {
    max-width:
      475px;

    font-size:
      30px;
  }


  .gc-about-words__image {
    width:
      215px;

    left:
      50%;
  }


  .gc-about-words__content {
    max-width:
      525px;
  }


  .gc-about-words__content p {
    font-size:
      16px !important;

    line-height:
      1.66;
  }

}


/* =========================================================
   EXTRA LARGE DESKTOP
========================================================= */

@media (min-width: 1800px) {

  .gc-about-words__inner {
    max-width:
      1380px;
  }


  .gc-about-words__feature {
    min-height:
      545px;
  }


  .gc-about-words__quote {
    font-size:
      31px;
  }


  .gc-about-words__image {
    width:
      225px;
  }


  .gc-about-words__content p {
    font-size:
      16px !important;
  }

}


/* =========================================================
   TABLET / IPAD
========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

  .gc-about-words__inner {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 0.92fr);

    gap:
      42px;

    padding:
      70px
      30px
      0;
  }


  .gc-about-words__feature {
    min-height:
      440px;

    padding-bottom:
      115px;
  }


  .gc-about-words__eyebrow {
    font-size:
      8px;

    letter-spacing:
      0.3em;
  }


  .gc-about-words__quote-wrap {
    max-width:
      355px;

    padding-left:
      18px;
  }


  .gc-about-words__quote {
    max-width:
      335px;

    font-size:
      22px;

    line-height:
      1.42;
  }


  .gc-about-words__author {
    margin-left:
      20px;

    font-size:
      8px;
  }


  .gc-about-words__image {
    width:
      165px;

    left:
      52%;
  }


  .gc-about-words__content {
    max-width:
      100%;

    padding-top:
      0;
  }


  .gc-about-words__content p {
    margin-bottom:
      18px !important;

    font-size:
      14px !important;

    line-height:
      1.65;
  }

}


/* =========================================================
   MOBILE
========================================================= */

/* =========================================================
   ABOUT — IN HIS OWN WORDS
   MOBILE
========================================================= */

/* =========================================================
   ABOUT — IN HIS OWN WORDS
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .gc-about-words__inner {
    display: flex;
    flex-direction: column;

    width: 100%;
    max-width: 100%;

    padding: 62px 24px 0;
  }


  /*
   * Remove desktop wrappers from the mobile flow
   * so we can reorder their children.
   */
  .gc-about-words__feature,
  .gc-about-words__content {
    display: contents;
  }


  /* =====================================================
     1. MAIN TEXT — ALL THREE PARAGRAPHS FIRST
  ===================================================== */

  .gc-about-words__content p {
     margin: 0 !important;

  font-size: 15px !important;
  line-height: 1.60;
  }


/* Paragraph 1 */

.gc-about-words__content p:nth-child(1) {
  order: 1;

  margin-bottom: 12px !important;
}


/* Paragraph 2 */

.gc-about-words__content p:nth-child(2) {
  order: 2;

  margin-bottom: 12px !important;
}


/* Paragraph 3 */

.gc-about-words__content p:nth-child(3) {
  order: 3;

  /* More space only before the quote section */
  margin-bottom: 28px !important;
}
.gc-about-words__inner {
  display: flex;
  flex-direction: column;

  gap: 0 !important; /* THIS WAS THE PROBLEM */

  width: 100%;
  max-width: 100%;

  padding: 62px 24px 0;
}

  /* =====================================================
     2. IN HIS OWN WORDS
  ===================================================== */

  .gc-about-words__eyebrow {
    order: 4;

    margin:
      0
      0
      18px;

    font-size: 8px;
    letter-spacing: 0.31em;
  }


  .gc-about-words__eyebrow-dot {
    width: 5px;
    height: 5px;
  }


  /* =====================================================
     QUOTE
  ===================================================== */

  .gc-about-words__quote-wrap {
    order: 5;

    width: 100%;
    max-width: 100%;

    padding-left: 18px;
  }


  .gc-about-words__quote {
    width: 100%;
    max-width: 100%;

    font-size:
      clamp(
        24px,
        6.7vw,
        30px
      );

    line-height: 1.38;
  }


  /* =====================================================
     AUTHOR
  ===================================================== */

  .gc-about-words__author {
    order: 6;

    margin:
      19px
      0
      0
      20px;

    font-size: 8px;
  }


  /* =====================================================
     3. GRANT IMAGE — LAST
  ===================================================== */

  .gc-about-words__image {
    order: 7;

    position: relative;

    left: auto;
    bottom: auto;

    width:
      min(
        58vw,
        240px
      );

    margin:
      34px
      auto
      0;

    transform: none;

    line-height: 0;
  }


  .gc-about-words__image img {
    display: block;

    width: 100%;
    max-width: none;

    height: auto;

    margin: 0;
    padding: 0;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 374px) {

  .gc-about-words__inner {
    padding-right: 20px;
    padding-left: 20px;
  }


  .gc-about-words__content p {
    font-size: 14px !important;
  }


  .gc-about-words__quote {
    font-size: 23px;
  }


  .gc-about-words__image {
    width:
      min(
        60vw,
        220px
      );
  }

}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .gc-about-words *,
  .gc-about-words *::before,
  .gc-about-words *::after {
    scroll-behavior:
      auto !important;

    transition:
      none !important;

    animation:
      none !important;
  }

}
/* =========================================================
   REMOVE ELEMENTOR DEFAULT COLUMN PADDING
   ABOUT WORDS SECTION
========================================================= */

.gc-about-words-section.elementor-section
> .elementor-container
> .elementor-column
> .elementor-element-populated {
  padding: 0 !important;
}

/* =========================================================
   ABOUT — THE RECORD
========================================================= */

.gc-about-record {
  --gc-record-ink: #101820;
  --gc-record-copy: #454c52;
  --gc-record-muted: #737a80;
  --gc-record-red: #cf1733;
  --gc-record-line: #dedbd7;

  position: relative;

  width: 100%;

  font-family:
    "Inter",
    sans-serif;

  color:
    var(--gc-record-ink);
}


.gc-about-record *,
.gc-about-record *::before,
.gc-about-record *::after {
  box-sizing: border-box;
}


/* =========================================================
   INNER
========================================================= */

.gc-about-record__inner {
  width: 100%;
  max-width: 1280px;

  margin:
    0 auto;

  padding:
    85px
    40px
    90px;
}


/* =========================================================
   HEADER
========================================================= */

.gc-about-record__header {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 0.95fr);

  align-items:
    end;

  gap:
    clamp(
      70px,
      9vw,
      150px
    );

  margin-bottom:
    58px;
}


/* =========================================================
   EYEBROW
========================================================= */

.gc-about-record__eyebrow {
  display: flex;

  align-items: center;

  gap:
    12px;

  margin:
    0
    0
    22px;

  color:
    #70777c;

  font-family:
    "Inter",
    sans-serif;

  font-size:
    9px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    0.34em;

  text-transform:
    uppercase;
}


.gc-about-record__eyebrow-line {
  display: block;

  width:
    22px;

  height:
    1px;

  background:
    var(--gc-record-red);
}


/* =========================================================
   MAIN TITLE
========================================================= */

.gc-about-record__title {
  margin:
    0 !important;

  padding:
    0 !important;

  color:
    var(--gc-record-ink);

  font-family:
    "Inter",
    sans-serif !important;

  font-size:
    clamp(
      42px,
      4vw,
      62px
    );

  font-weight:
    800;

  line-height:
    0.94;

  letter-spacing:
    -0.045em;
}


.gc-about-record__title span {
  display:
    block;
}


.gc-about-record__title em {
  display:
    block;

  margin-top:
    4px;

  color:
    var(--gc-record-red);

  font-family:
    "Playfair Display",
    serif !important;

  font-size:
    0.86em;

  font-weight:
    400;

  font-style:
    italic;

  line-height:
    1.02;

  letter-spacing:
    -0.025em;
}


/* =========================================================
   INTRO
========================================================= */

.gc-about-record__intro {
  width:
    100%;

  max-width:
    540px;

  padding-bottom:
    4px;
}


.gc-about-record__intro p {
  margin:
    0 !important;

  padding:
    0 !important;

  color:
    var(--gc-record-copy);

  font-family:
    "Inter",
    sans-serif !important;

  font-size:
    15px !important;

  font-weight:
    400;

  line-height:
    1.7;
}


/* =========================================================
   GRID
========================================================= */

.gc-about-record__grid {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  column-gap:
    32px;

  row-gap:
    30px;
}


/* =========================================================
   CARD
========================================================= */

.gc-about-record-card {
  min-width:
    0;

  padding-bottom:
    28px;

  border-bottom:
    1px solid
    var(--gc-record-line);
}


/* =========================================================
   IMAGE
========================================================= */

.gc-about-record-card__visual {
  position: relative;

  width:
    100%;

  aspect-ratio:
    1.58 / 1;

  margin-bottom:
    20px;

  overflow:
    hidden;

  background:
    #d8d5d1;
}


.gc-about-record-card__visual img {
  display:
    block;

  width:
    100%;

  height:
    100%;

  object-fit:
    cover;

  object-position:
    center;

  transform:
    scale(1);

  transition:
    transform
    0.7s
    cubic-bezier(
      0.22,
      1,
      0.36,
      1
    );
}


/* =========================================================
   NUMBER TAB
========================================================= */

.gc-about-record-card__number {
  position:
    absolute;

  z-index:
    3;

  top:
    0;

  right:
    0;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  width:
    40px;

  height:
    30px;

  background:
    #ffffff;

  color:
    var(--gc-record-red);

  font-family:
    "Inter",
    sans-serif;

  font-size:
    9px;

  font-weight:
    800;

  line-height:
    1;

  letter-spacing:
    0.08em;
}


/* little notch effect */

.gc-about-record-card__number::before {
  content:
    "";

  position:
    absolute;

  top:
    0;

  right:
    100%;

  width:
    12px;

  height:
    30px;

  background:
    #ffffff;
}


/* =========================================================
   CONTENT
========================================================= */

.gc-about-record-card__content {
  width:
    100%;
}


.gc-about-record-card__title {
  margin:
    0
    0
    10px !important;

  padding:
    0 !important;

  color:
    var(--gc-record-ink);

  font-family:
    "Inter",
    sans-serif !important;

  font-size:
    15px !important;

  font-weight:
    800;

  line-height:
    1.2;

  letter-spacing:
    -0.02em;
}


.gc-about-record-card__description {
  margin:
    0 !important;

  padding:
    0 !important;

  color:
    var(--gc-record-copy);

  font-family:
    "Inter",
    sans-serif !important;

  font-size:
    13px !important;

  font-weight:
    400;

  line-height:
    1.62;
}


/* =========================================================
   HOVER
========================================================= */

@media (hover: hover) {

  .gc-about-record-card:hover
  .gc-about-record-card__visual img {
    transform:
      scale(1.045);
  }


  .gc-about-record-card__title {
    transition:
      color
      0.3s ease;
  }


  .gc-about-record-card:hover
  .gc-about-record-card__title {
    color:
      var(--gc-record-red);
  }

}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

  .gc-about-record__inner {
    max-width:
      1320px;

    padding-top:
      95px;

    padding-bottom:
      100px;
  }


  .gc-about-record__header {
    margin-bottom:
      62px;
  }


  .gc-about-record__intro {
    max-width:
      550px;
  }


  .gc-about-record__intro p {
    font-size:
      16px !important;

    line-height:
      1.65;
  }


  .gc-about-record__grid {
    column-gap:
      34px;

    row-gap:
      32px;
  }


  .gc-about-record-card__visual {
    margin-bottom:
      21px;
  }


  .gc-about-record-card__title {
    font-size:
      16px !important;
  }


  .gc-about-record-card__description {
    font-size:
      14px !important;

    line-height:
      1.65;
  }

}


/* =========================================================
   EXTRA LARGE DESKTOP
========================================================= */

@media (min-width: 1800px) {

  .gc-about-record__inner {
    max-width:
      1380px;
  }


  .gc-about-record__grid {
    column-gap:
      38px;
  }

}


/* =========================================================
   TABLET / IPAD
========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

  .gc-about-record__inner {
    padding:
      72px
      30px
      78px;
  }


  .gc-about-record__header {
    grid-template-columns:
      1fr
      0.9fr;

    gap:
      48px;

    margin-bottom:
      48px;
  }


  .gc-about-record__title {
    font-size:
      46px;
  }


  .gc-about-record__intro p {
    font-size:
      14px !important;

    line-height:
      1.65;
  }


  .gc-about-record__grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );

    gap:
      30px
      26px;
  }


  .gc-about-record-card {
    padding-bottom:
      25px;
  }


  .gc-about-record-card__description {
    font-size:
      13px !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .gc-about-record__inner {
    width:
      100%;

    max-width:
      100%;

    padding:
      64px
      24px
      68px;
  }


  /* Header */

  .gc-about-record__header {
    display:
      block;

    margin-bottom:
      42px;
  }


  .gc-about-record__eyebrow {
    margin-bottom:
      18px;

    font-size:
      8px;

    letter-spacing:
      0.32em;
  }


  .gc-about-record__eyebrow-line {
    width:
      18px;
  }


  .gc-about-record__title {
    font-size:
      38px;

    line-height:
      0.94;
  }


  .gc-about-record__title em {
    margin-top:
      4px;

    font-size:
      0.9em;
  }


  .gc-about-record__intro {
    max-width:
      100%;

    margin-top:
      26px;

    padding:
      0;
  }


  .gc-about-record__intro p {
    max-width:
      450px;

    font-size:
      15px !important;

    line-height:
      1.65;
  }


  /* Grid */

  .gc-about-record__grid {
    grid-template-columns:
      1fr;

    gap:
      30px;
  }


  .gc-about-record-card {
    padding-bottom:
      26px;
  }


  .gc-about-record-card__visual {
    aspect-ratio:
      1.52 / 1;

    margin-bottom:
      18px;
  }


  .gc-about-record-card__number {
    width:
      38px;

    height:
      29px;

    font-size:
      8px;
  }


  .gc-about-record-card__number::before {
    width:
      10px;

    height:
      29px;
  }


  .gc-about-record-card__title {
    margin-bottom:
      8px !important;

    font-size:
      16px !important;
  }


  .gc-about-record-card__description {
    max-width:
      520px;

    font-size:
      14px !important;

    line-height:
      1.65;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 374px) {

  .gc-about-record__inner {
    padding-right:
      20px;

    padding-left:
      20px;
  }


  .gc-about-record__title {
    font-size:
      36px;
  }


  .gc-about-record__intro p {
    font-size:
      14px !important;
  }


  .gc-about-record-card__description {
    font-size:
      13px !important;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .gc-about-record-card__visual img,
  .gc-about-record-card__title {
    transition:
      none !important;
  }

}

/* =========================================================
   ABOUT — THE COMPANIES
========================================================= */

.gc-about-companies {
  --gc-companies-white: #ffffff;
  --gc-companies-copy: rgba(255, 255, 255, 0.62);
  --gc-companies-muted: rgba(255, 255, 255, 0.58);
  --gc-companies-red: #cf1733;
  --gc-companies-red-soft: #e7a2ad;
  --gc-companies-line: rgba(255, 255, 255, 0.22);

  position: relative;

  width: 100%;

  font-family:
    "Inter",
    sans-serif;

  color:
    var(--gc-companies-white);
}


.gc-about-companies *,
.gc-about-companies *::before,
.gc-about-companies *::after {
  box-sizing: border-box;
}


/* =========================================================
   INNER
========================================================= */

.gc-about-companies__inner {
  width: 100%;
  max-width: 1280px;

  margin:
    0 auto;

  padding:
    90px
    40px
    100px;
}


/* =========================================================
   HEADER
========================================================= */

.gc-about-companies__header {
  margin-bottom:
    58px;
}


/* =========================================================
   EYEBROW
========================================================= */

.gc-about-companies__eyebrow {
  display: flex;

  align-items: center;

  gap:
    12px;

  margin:
    0
    0
    22px;

  color:
    var(--gc-companies-muted);

  font-family:
    "Inter",
    sans-serif;

  font-size:
    9px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    0.34em;

  text-transform:
    uppercase;
}


.gc-about-companies__eyebrow-line {
  display:
    block;

  width:
    22px;

  height:
    1px;

  background:
    var(--gc-companies-red);
}


/* =========================================================
   TITLE
========================================================= */

.gc-about-companies__title {
  margin:
    0 !important;

  padding:
    0 !important;

  color:
    var(--gc-companies-white);

  font-family:
    "Inter",
    sans-serif !important;

  font-size:
    clamp(
      42px,
      4vw,
      62px
    );

  font-weight:
    800;

  line-height:
    0.94;

  letter-spacing:
    -0.045em;
}


.gc-about-companies__title span {
  display:
    block;
}


.gc-about-companies__title em {
  display:
    block;

  margin-top:
    4px;

  color:
    var(--gc-companies-red-soft);

  font-family:
    "Playfair Display",
    serif !important;

  font-size:
    0.86em;

  font-weight:
    400;

  font-style:
    italic;

  line-height:
    1.02;

  letter-spacing:
    -0.025em;
}


/* =========================================================
   GRID
========================================================= */

.gc-about-companies__grid {
  display:
    grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  border-top:
    1px solid
    var(--gc-companies-line);

  border-left:
    1px solid
    var(--gc-companies-line);
}


/* =========================================================
   CARD
========================================================= */

.gc-about-company {
  position:
    relative;

  min-height:
    165px;

  padding:
    35px
    34px
    32px;

  overflow:
    hidden;

  border-right:
    1px solid
    var(--gc-companies-line);

  border-bottom:
    1px solid
    var(--gc-companies-line);

  isolation:
    isolate;
}


/* subtle hover layer */

.gc-about-company::before {
  content:
    "";

  position:
    absolute;

  inset:
    0;

  z-index:
    -1;

  background:
    rgba(255, 255, 255, 0.045);

  transform:
    scaleY(0);

  transform-origin:
    bottom;

  transition:
    transform
    0.5s
    cubic-bezier(
      0.22,
      1,
      0.36,
      1
    );
}


/* small red accent */

.gc-about-company::after {
  content:
    "";

  position:
    absolute;

  top:
    0;

  left:
    0;

  width:
    0;

  height:
    2px;

  background:
    var(--gc-companies-red);

  transition:
    width
    0.45s
    cubic-bezier(
      0.22,
      1,
      0.36,
      1
    );
}


/* =========================================================
   CATEGORY
========================================================= */

.gc-about-company__category {
  display:
    block;

  margin:
    0
    0
    15px;

  color:
    var(--gc-companies-red);

  font-family:
    "Inter",
    sans-serif;

  font-size:
    9px;

  font-weight:
    800;

  line-height:
    1;

  letter-spacing:
    0.2em;

  text-transform:
    uppercase;
}


/* =========================================================
   COMPANY TITLE
========================================================= */

.gc-about-company__title {
  margin:
    0
    0
    10px !important;

  padding:
    0 !important;

  color:
    var(--gc-companies-white);

  font-family:
    "Inter",
    sans-serif !important;

  font-size:
    16px !important;

  font-weight:
    750;

  line-height:
    1.2;

  letter-spacing:
    -0.025em;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.gc-about-company__description {
  max-width:
    300px;

  margin:
    0 !important;

  padding:
    0 !important;

  color:
    var(--gc-companies-copy);

  font-family:
    "Inter",
    sans-serif !important;

  font-size:
    13px !important;

  font-weight:
    400;

  line-height:
    1.6;
}


/* =========================================================
   HOVER
========================================================= */

@media (hover: hover) {

  .gc-about-company:hover::before {
    transform:
      scaleY(1);
  }


  .gc-about-company:hover::after {
    width:
      100%;
  }


  .gc-about-company {
    transition:
      transform
      0.45s
      cubic-bezier(
        0.22,
        1,
        0.36,
        1
      );
  }


  .gc-about-company:hover {
    transform:
      translateY(-3px);
  }

}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

  .gc-about-companies__inner {
    max-width:
      1320px;

    padding-top:
      100px;

    padding-bottom:
      110px;
  }


  .gc-about-companies__header {
    margin-bottom:
      62px;
  }


  .gc-about-company {
    min-height:
      175px;

    padding:
      38px
      36px
      34px;
  }


  .gc-about-company__title {
    font-size:
      17px !important;
  }


  .gc-about-company__description {
    max-width:
      315px;

    font-size:
      14px !important;
  }

}


/* =========================================================
   EXTRA LARGE DESKTOP
========================================================= */

@media (min-width: 1800px) {

  .gc-about-companies__inner {
    max-width:
      1380px;
  }


  .gc-about-company {
    min-height:
      180px;
  }

}


/* =========================================================
   TABLET / IPAD
========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

  .gc-about-companies__inner {
    padding:
      74px
      30px
      82px;
  }


  .gc-about-companies__header {
    margin-bottom:
      48px;
  }


  .gc-about-companies__title {
    font-size:
      46px;
  }


  .gc-about-companies__grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }


  .gc-about-company {
    min-height:
      165px;

    padding:
      31px
      28px;
  }


  .gc-about-company__description {
    max-width:
      310px;

    font-size:
      13px !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .gc-about-companies__inner {
    width:
      100%;

    max-width:
      100%;

    padding:
      64px
      24px
      70px;
  }


  /* Header */

  .gc-about-companies__header {
    margin-bottom:
      40px;
  }


  .gc-about-companies__eyebrow {
    margin-bottom:
      18px;

    font-size:
      8px;

    letter-spacing:
      0.32em;
  }


  .gc-about-companies__eyebrow-line {
    width:
      18px;
  }


  .gc-about-companies__title {
    font-size:
      38px;

    line-height:
      0.94;
  }


  .gc-about-companies__title em {
    margin-top:
      4px;

    font-size:
      0.9em;
  }


  /* Grid */

  .gc-about-companies__grid {
    grid-template-columns:
      1fr;
  }


  .gc-about-company {
    min-height:
      auto;

    padding:
      28px
      25px
      29px;
  }


  .gc-about-company__category {
    margin-bottom:
      13px;

    font-size:
      8px;
  }


  .gc-about-company__title {
    margin-bottom:
      9px !important;

    font-size:
      16px !important;
  }


  .gc-about-company__description {
    max-width:
      420px;

    font-size:
      14px !important;

    line-height:
      1.62;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 374px) {

  .gc-about-companies__inner {
    padding-right:
      20px;

    padding-left:
      20px;
  }


  .gc-about-companies__title {
    font-size:
      36px;
  }


  .gc-about-company {
    padding:
      26px
      22px;
  }


  .gc-about-company__description {
    font-size:
      13px !important;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .gc-about-company,
  .gc-about-company::before,
  .gc-about-company::after {
    transition:
      none !important;
  }

}

/* =========================================================
   ABOUT QUOTE
========================================================= */

.gc-about-quote {
  width: 100%;
  padding: 90px 24px;
  background: transparent;
  font-family: "Inter", sans-serif;
}

.gc-about-quote *,
.gc-about-quote *::before,
.gc-about-quote *::after {
  box-sizing: border-box;
}

.gc-about-quote__inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  text-align: center;
}

.gc-about-quote__mark {
  margin-bottom: 22px;
  color: #cf1733;
  font-family: "Inter", sans-serif;
  font-size: clamp(42px, 4vw, 64px);
  font-weight: 800;
  line-height: 1;
}

.gc-about-quote__text {
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  color: #171717;
  font-family: "Playfair Display", serif;
  font-size: clamp(34px, 3.2vw, 54px);
  font-style: italic;
  font-weight: 400;
  line-height: 1.34;
  letter-spacing: -0.02em;
}

.gc-about-quote__text span {
  color: #cf1733;
}

.gc-about-quote__author {
  margin: 34px 0 0 !important;
  padding: 0 !important;
  color: #7d7d7d;
  font-family: "Inter", sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {
  .gc-about-quote {
    padding: 80px 24px;
  }

  .gc-about-quote__text {
    max-width: 860px;
    line-height: 1.36;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
  .gc-about-quote {
    padding: 64px 20px;
  }

  .gc-about-quote__mark {
    margin-bottom: 16px;
    font-size: 40px;
  }

  .gc-about-quote__text {
    font-size: clamp(26px, 8.2vw, 36px);
    line-height: 1.38;
  }

  .gc-about-quote__author {
    margin-top: 26px !important;
    font-size: 10px;
    letter-spacing: 0.22em;
  }
}

/* =========================================================
   ABOUT — GLOBAL PAGE ALIGNMENT
   Same horizontal margin as Hero / Careers
========================================================= */

:root {
  --gc-about-page-width: 1540px;
}


/* =========================================================
   DESKTOP ALIGNMENT
========================================================= */

@media screen and (min-width: 1025px) {

  /*
   * IN HIS OWN WORDS
   */
  .gc-about-words__inner {
    width: 100%;
    max-width: var(--gc-about-page-width);

    margin-left: auto;
    margin-right: auto;

    padding-left: 0;
    padding-right: 0;
  }


  /*
   * THE RECORD
   */
  .gc-about-record__inner {
    width: 100%;
    max-width: var(--gc-about-page-width);

    margin-left: auto;
    margin-right: auto;

    padding-left: 0;
    padding-right: 0;
  }


  /*
   * THE COMPANIES
   */
  .gc-about-companies__inner {
    width: 100%;
    max-width: var(--gc-about-page-width);

    margin-left: auto;
    margin-right: auto;

    padding-left: 0;
    padding-right: 0;
  }


  /*
   * QUOTE SECTION
   */
  .gc-about-quote__inner {
    width: 100%;
    max-width: var(--gc-about-page-width);

    margin-left: auto;
    margin-right: auto;
  }

}


/* =========================================================
   RED TITLE ACCENTS
   Playfair → Inter
   Same weight / same color / still italic
========================================================= */


/* THE RECORD */
.gc-about-record__title em {
  font-family: "Inter", sans-serif !important;
  font-weight: 400;
  font-style: italic;

  color: var(--gc-record-red);
}


/* THE COMPANIES */
.gc-about-companies__title em {
  font-family: "Inter", sans-serif !important;
  font-weight: 400;
  font-style: italic;

  color: var(--gc-companies-red-soft);
}


/* =========================================================
   TABLET
   Keep safe horizontal breathing room
========================================================= */

@media screen and (min-width: 768px) and (max-width: 1024px) {

  .gc-about-words__inner,
  .gc-about-record__inner,
  .gc-about-companies__inner {
    max-width: 100%;
  }

}


/* =========================================================
   MOBILE
   Existing mobile margins stay intact
========================================================= */

@media screen and (max-width: 767px) {

  .gc-about-words__inner,
  .gc-about-record__inner,
  .gc-about-companies__inner,
  .gc-about-quote__inner {
    max-width: 100%;
  }

}