/* Dedicated Working With Joseph page composition. */
.ctg-recommendations-page{
  margin:0;
  background:var(--ctg-public-surface-dark);
  color:var(--ctg-public-body-dark);
  font-family:var(--ctg-public-font-body);
}
.ctg-recommendations-page *,
.ctg-recommendations-page *::before,
.ctg-recommendations-page *::after{box-sizing:border-box;}
.ctg-recommendations-page__shell{
  width:min(calc(100% - (2 * var(--ctg-public-gutter))),var(--ctg-public-content-max));
  margin-inline:auto;
}
.ctg-recommendations-page__eyebrow{
  margin:0;
  color:var(--ctg-public-eyebrow-primary);
  font-size:var(--ctg-public-type-eyebrow);
  font-weight:700;
  line-height:1.4;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.ctg-recommendations-hero{padding-block:clamp(5.5rem,9vw,9rem);}
.ctg-recommendations-hero h1{
  max-inline-size:var(--ctg-public-measure-display);
  margin:1.5rem 0 0;
  color:var(--ctg-public-heading-dark);
  font-family:var(--ctg-public-font-heading);
  font-size:var(--ctg-public-type-h1);
  font-weight:560;
  line-height:1.02;
  letter-spacing:-.06em;
  text-wrap:balance;
}
.ctg-recommendations-hero__body{
  max-inline-size:var(--ctg-public-measure-lede);
  margin:2rem 0 0;
  color:var(--ctg-public-body-dark);
  font-size:var(--ctg-public-type-body);
  line-height:1.7;
  text-wrap:pretty;
}
.ctg-recommendations-hero__context{
  max-inline-size:var(--ctg-public-measure-support);
  margin:1.5rem 0 0;
  color:var(--ctg-public-eyebrow-secondary);
  font-size:.8125rem;
  line-height:1.65;
  text-wrap:pretty;
}
.ctg-recommendations-hero__linkedin{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  gap:.35rem;
  margin-top:.625rem;
  color:var(--ctg-public-eyebrow-secondary);
  font-size:.8125rem;
  font-weight:500;
  line-height:1.5;
  text-decoration:none;
}
.ctg-recommendations-hero__linkedin:hover{
  color:var(--ctg-public-heading-dark);
  text-decoration:underline;
  text-underline-offset:.3em;
}
.ctg-recommendations-hero__linkedin:focus-visible{
  outline:2px solid var(--ctg-public-focus-ring);
  outline-offset:var(--ctg-public-focus-offset);
}
.ctg-recommendations-featured,
.ctg-recommendations-closing{
  background:var(--ctg-public-surface-light);
  color:var(--ctg-public-body-light);
}
.ctg-recommendations-featured,
.ctg-recommendations-supporting,
.ctg-recommendations-closing{padding-block:clamp(5rem,8vw,8rem);}
.ctg-recommendations-featured .ctg-recommendations-page__shell,
.ctg-recommendations-supporting .ctg-recommendations-page__shell{max-inline-size:68rem;}
.ctg-recommendations-featured .ctg-recommendations-page__eyebrow,
.ctg-recommendations-closing .ctg-recommendations-page__eyebrow{color:var(--ctg-public-eyebrow-tertiary);}
.ctg-recommendations-featured__grid{
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:clamp(3rem,7vw,7rem);
  margin-top:clamp(3.5rem,6vw,6rem);
}
.ctg-recommendations-featured__support{display:grid;gap:3rem;}
.ctg-recommendations-featured__support .ctg-recommendation+.ctg-recommendation{
  padding-top:3rem;
  border-top:1px solid color-mix(in srgb,var(--ctg-public-heading-light) 14%,transparent);
}
.ctg-recommendations-featured .ctg-recommendation__quote,
.ctg-recommendations-featured .ctg-recommendation__name{color:var(--ctg-public-heading-light);}
.ctg-recommendations-featured .ctg-recommendation__meta,
.ctg-recommendations-featured .ctg-recommendation__source{color:var(--ctg-public-body-light);}
.ctg-recommendations-featured .ctg-recommendation--primary .ctg-recommendation__quote{
  font-size:clamp(1.75rem,3vw,2.75rem);
  line-height:1.4;
}
.ctg-recommendations-supporting h2{
  max-inline-size:var(--ctg-public-measure-section);
  margin:1.25rem 0 0;
  color:var(--ctg-public-heading-dark);
  font-family:var(--ctg-public-font-heading);
  font-size:var(--ctg-public-type-h2);
  font-weight:560;
  line-height:1.1;
  letter-spacing:-.05em;
  text-wrap:balance;
}
.ctg-recommendations-supporting__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(3rem,7vw,7rem);
  margin-top:clamp(3.5rem,6vw,6rem);
}
.ctg-recommendations-supporting .ctg-recommendation{
  padding-block:clamp(2.5rem,4vw,4rem);
  border-top:1px solid var(--ctg-public-card-border);
}
.ctg-recommendations-supporting .ctg-recommendation--wide{grid-column:1/-1;}
.ctg-recommendations-supporting .ctg-recommendation--featured-rule{
  position:relative;
  width:90%;
  margin-inline:auto;
  margin-bottom:80px;
  padding-block:0;
  padding-left:clamp(1.5rem,3vw,2.5rem);
  border-top:0;
}
.ctg-recommendations-supporting .ctg-recommendation--featured-rule::before{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:1px;
  content:"";
  background:var(--ctg-public-card-border);
}
.ctg-recommendations-supporting .ctg-recommendation__quote,
.ctg-recommendations-supporting .ctg-recommendation__name{color:var(--ctg-public-heading-dark);}
.ctg-recommendations-supporting .ctg-recommendation__meta,
.ctg-recommendations-supporting .ctg-recommendation__source{color:var(--ctg-public-body-dark);}
.ctg-recommendations-closing{text-align:center;}
.ctg-recommendations-closing h2{
  max-inline-size:var(--ctg-public-measure-section);
  margin:1.25rem auto 0;
  color:var(--ctg-public-heading-light);
  font-family:var(--ctg-public-font-heading);
  font-size:var(--ctg-public-type-h2);
  font-weight:560;
  line-height:1.1;
  letter-spacing:-.05em;
  text-wrap:balance;
}
.ctg-recommendations-closing__body{
  max-inline-size:var(--ctg-public-measure-lede);
  margin:1.5rem auto 0;
  color:var(--ctg-public-body-light);
  font-size:var(--ctg-public-type-body);
  line-height:1.7;
  text-wrap:pretty;
}
.ctg-recommendations-closing .ctg-cta{margin-top:2.5rem;}
.ctg-recommendations-closing__support{
  margin:1.5rem 0 0;
  color:var(--ctg-public-body-light);
  font-size:.8125rem;
  line-height:1.6;
}
@media(max-width:1023px){
  .ctg-recommendations-featured__grid,
  .ctg-recommendations-supporting__grid{grid-template-columns:1fr;}
  .ctg-recommendations-featured__support{gap:0;}
  .ctg-recommendations-featured__grid>.ctg-recommendation,
  .ctg-recommendations-featured__support .ctg-recommendation{
    padding-block:2.75rem;
    border-top:1px solid color-mix(in srgb,var(--ctg-public-heading-light) 14%,transparent);
  }
  .ctg-recommendations-featured__support .ctg-recommendation+.ctg-recommendation{padding-top:2.75rem;}
  .ctg-recommendations-featured .ctg-recommendation--primary .ctg-recommendation__quote{
    font-size:clamp(1.5rem,4vw,2.25rem);
  }
  .ctg-recommendations-supporting .ctg-recommendation--wide{grid-column:auto;}
}
@media(max-width:767px){
  .ctg-recommendations-hero,
  .ctg-recommendations-featured,
  .ctg-recommendations-supporting,
  .ctg-recommendations-closing{padding-block:var(--ctg-public-section-block);}
  .ctg-recommendations-hero__body{margin-top:1.5rem;}
  .ctg-recommendations-featured__grid,
  .ctg-recommendations-supporting__grid{margin-top:2.25rem;}
  .ctg-recommendations-featured__grid{gap:0;}
  .ctg-recommendations-supporting .ctg-recommendation--featured-rule{
    margin-block:10px;
  }
  .ctg-recommendations-supporting .ctg-recommendation--featured-rule + .ctg-recommendation{
    border-top:0;
  }
}