/* cases-page.css: component-owned rules. Shared priority order is declared in tokens.css. */
@layer presentation {
/* cases-page */
.cases-copy-page .page-heading .lead {
  max-width: 54ch;
}

.cases-copy-page .case-feature>div>p:not(.kicker) {
  font-size: var(--font-16);
  line-height: 1.9;
}

.cases-copy-page .case-feature>div>p+p {
  margin-top: var(--space-18);
}

.cases-copy-page .case-feature .kicker {
  font-size: var(--font-13);
  letter-spacing: .03em;
}

.cases-copy-page .case-feature dt {
  font-size: var(--font-14);
}

.cases-copy-page .page-consult>p:not(.kicker) {
  font-size: var(--font-16);
  line-height: 1.9;
}

.cases-copy-page .page-consult small {
  line-height: 1.9;
}

.cases-copy-page .case-feature h2 {
  letter-spacing: .02em;
}

/* cases-page */
@media(max-width:560px) {
.cases-copy-page .page-heading .lead {
  font-size: var(--font-16);
}

.cases-copy-page .case-feature h2 br {
  display: none;
}

.cases-copy-page .case-feature h2 {
  text-wrap: balance;
  max-width: 14em;
}

.cases-copy-page .case-feature-1>div,
.cases-copy-page .case-feature-2>div {
  margin-top: var(--space-24);
}

.cases-copy-page .case-feature .line-link {
  min-height: 44px;
}

.cases-copy-page .page-consult .solid-link {
  font-size: var(--font-16);
}
}

/* cases-page */
.cases-copy-page main {
  font-size: var(--font-16);
  line-height: 1.9;
  font-weight: 500;
}

.cases-copy-page .page-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 8%;
  padding: var(--space-38) 0 var(--space-36);
}

.cases-copy-page .page-heading>.kicker,
.cases-copy-page .page-heading h1 {
  grid-column: 1;
}

.cases-copy-page .page-heading h1 {
  grid-row: 2/4;
  margin: var(--space-15) 0 0;
}

.cases-copy-page .page-heading>.lead {
  grid-column: 2;
  max-width: 45ch;
  font-size: var(--font-16);
  line-height: 1.9;
}

.cases-copy-page .page-heading>.lead:first-of-type {
  grid-row: 2;
  margin-top: var(--space-16);
}

.cases-copy-page .page-heading>.lead:nth-of-type(3) {
  grid-row: 3;
  margin-top: var(--space-18);
}

.cases-copy-page .page-heading>.demo-note {
  grid-column: 2;
  margin: var(--space-22) 0 0;
  font-size: var(--font-14);
}

.cases-copy-page .kicker {
  font-size: var(--font-13);
}

.cases-copy-page .case-feature {
  padding-bottom: var(--space-95);
  gap: var(--space-28) 4%;
}

.cases-copy-page .case-feature img {
  height: auto;
}

.cases-copy-page .case-feature figcaption {
  font: var(--font-14)/1.8 var(--sans);
  letter-spacing: .02em;
}

.cases-copy-page .case-feature-0 figure {
  grid-column: 1/13;
}

.cases-copy-page .case-feature-0 figure img {
  aspect-ratio: 1.95;
  object-position: center;
}

.cases-copy-page .case-feature-0>div {
  grid-column: 2/13;
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 0 8%;
  padding: 0;
}

.cases-copy-page .case-feature-0 .kicker,
.cases-copy-page .case-feature-0 h2 {
  grid-column: 1;
}

.cases-copy-page .case-feature-0 h2 {
  grid-row: 2/4;
  font-size: var(--font-34);
  margin: var(--space-14) 0 0;
}

.cases-copy-page .case-feature-0>div>p:not(.kicker),
.cases-copy-page .case-feature-0 dl,
.cases-copy-page .case-feature-0 .line-link {
  grid-column: 2;
}

.cases-copy-page .case-feature-0>div>p:not(.kicker) {
  max-width: 46ch;
}

.cases-copy-page .case-feature-0>div>p:nth-of-type(2) {
  grid-row: 2;
  margin: var(--space-10) 0 0;
}

.cases-copy-page .case-feature-0>div>p:nth-of-type(3) {
  grid-row: 3;
}

.cases-copy-page .case-feature .line-link {
  justify-self: start;
  min-height: 44px;
  font-size: var(--font-15);
}

.cases-copy-page .case-feature dd {
  font-family: var(--serif);
  font-size: var(--font-20);
}

.cases-copy-page .case-feature-1 figure {
  grid-column: 6/13;
  grid-row: 1;
}

.cases-copy-page .case-feature-1 figure img {
  aspect-ratio: 1.12;
  object-position: 72% center;
}

.cases-copy-page .case-feature-1>div {
  grid-column: 1/5;
  grid-row: 1;
  padding: 0;
}

.cases-copy-page .case-feature-1 h2 {
  font-size: var(--font-30);
}

.cases-copy-page .case-feature-2 figure {
  grid-column: 2/11;
}

.cases-copy-page .case-feature-2 figure img {
  aspect-ratio: 1.6;
  object-position: 75% center;
}

.cases-copy-page .case-feature-2>div {
  grid-column: 4/13;
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 0 7%;
  padding: 0;
}

.cases-copy-page .case-feature-2 .kicker,
.cases-copy-page .case-feature-2 h2 {
  grid-column: 1;
}

.cases-copy-page .case-feature-2 h2 {
  grid-row: 2/4;
  margin: var(--space-14) 0 0;
  font-size: var(--font-30);
}

.cases-copy-page .case-feature-2>div>p:not(.kicker),
.cases-copy-page .case-feature-2 dl,
.cases-copy-page .case-feature-2 .line-link {
  grid-column: 2;
}

.cases-copy-page .case-feature-2>div>p:nth-of-type(2) {
  grid-row: 2;
  margin: var(--space-10) 0 0;
}

.cases-copy-page .case-feature-2>div>p:nth-of-type(3) {
  grid-row: 3;
}

.cases-copy-page .demo-note,
.cases-copy-page .page-consult small {
  font-size: var(--font-14);
}

.cases-copy-page .page-consult h2 {
  margin: 0;
}

.cases-copy-page .page-consult .solid-link {
  font-size: var(--font-16);
  min-height: 68px;
}

/* cases-page */
@media(max-width:1024px) and (min-width:701px) {
.cases-copy-page .case-feature-1>div {
  grid-column: 1/6;
}

.cases-copy-page .case-feature-0 h2 {
  font-size: var(--font-29);
}

.cases-copy-page .case-feature-2>div {
  grid-column: 2/13;
}

.cases-copy-page .case-feature-2 h2 {
  font-size: var(--font-27);
}
}

/* cases-page */
@media(max-width:700px) {
.cases-copy-page .page-heading {
  display: block;
  padding: var(--space-30) 0 var(--space-29);
}

.cases-copy-page .page-heading h1 {
  margin: var(--space-17) 0 var(--space-24);
}

.cases-copy-page .page-heading>.lead:first-of-type {
  margin-top: 0;
}

.cases-copy-page .page-heading>.demo-note {
  margin-top: var(--space-20);
}

.cases-copy-page .page-heading .lead br {
  display: none;
}

.cases-copy-page .case-feature {
  display: block;
  padding-bottom: var(--space-58);
}

.cases-copy-page .case-feature-0 figure {
  margin: 0 -4vw;
}

.cases-copy-page .case-feature-0 figure img {
  aspect-ratio: 1.25;
  object-position: 53% center;
}

.cases-copy-page .case-feature-0 figcaption {
  margin-left: 4vw;
}

.cases-copy-page .case-feature-0>div,
.cases-copy-page .case-feature-2>div {
  display: block;
  padding: 0;
  margin-top: var(--space-27);
}

.cases-copy-page .case-feature-0 h2,
.cases-copy-page .case-feature-1 h2,
.cases-copy-page .case-feature-2 h2 {
  font-size: var(--font-28);
  margin: var(--space-14) 0 var(--space-22);
  max-width: none;
  text-wrap: balance;
}

.cases-copy-page .case-feature h2 br {
  display: block;
}

.cases-copy-page .case-feature-0>div>p:nth-of-type(2),
.cases-copy-page .case-feature-2>div>p:nth-of-type(2) {
  margin-top: 0;
}

.cases-copy-page .case-feature-1 {
  margin-left: 0;
}

.cases-copy-page .case-feature-1 figure {
  width: 91%;
  margin-left: auto;
}

.cases-copy-page .case-feature-1 figure img {
  aspect-ratio: 1.12;
  object-position: 72% center;
}

.cases-copy-page .case-feature-1>div {
  margin-top: var(--space-25);
}

.cases-copy-page .case-feature-2 {
  margin-right: 0;
}

.cases-copy-page .case-feature-2 figure {
  width: 95%;
  margin-right: auto;
}

.cases-copy-page .case-feature-2 figure img {
  aspect-ratio: 1.2;
  object-position: 78% center;
}

.cases-copy-page .case-feature dl {
  margin-top: var(--space-23);
}

.cases-copy-page .case-feature .line-link {
  margin-top: var(--space-16);
  font-size: var(--font-16);
}

.cases-copy-page .page-consult {
  padding-top: var(--space-34);
}

.cases-copy-page .page-consult h2 {
  font-size: var(--font-27);
  margin-bottom: var(--space-24);
}

.cases-copy-page .page-consult small {
  margin-top: var(--space-18);
}

.cases-copy-page .case-feature figcaption {
  font-size: var(--font-13);
}
}

/* cases-page */
@media(max-width:360px) {
.cases-copy-page .case-feature h2 {
  font-size: var(--font-25);
}

.cases-copy-page .page-consult h2 {
  font-size: var(--font-24);
}
}

/* cases-page */
@media(min-width:701px) {
.cases-copy-page .page-heading>.demo-note {
  grid-row: 4;
}

.cases-copy-page .case-feature-0 .kicker,
.cases-copy-page .case-feature-2 .kicker {
  grid-row: 1;
}

.cases-copy-page .case-feature-0 dl,
.cases-copy-page .case-feature-2 dl {
  grid-row: 4;
}

.cases-copy-page .case-feature-0 .line-link,
.cases-copy-page .case-feature-2 .line-link {
  grid-row: 5;
}

.cases-copy-page .page-consult {
  grid-template-rows: auto auto auto;
}

.cases-copy-page .page-consult h2 {
  grid-column: 1;
  grid-row: 1;
}

.cases-copy-page .page-consult>p {
  grid-column: 1;
  grid-row: 2;
}

.cases-copy-page .page-consult .solid-link {
  grid-column: 2;
  grid-row: 1/3;
  align-self: center;
}

.cases-copy-page .page-consult small {
  grid-column: 2;
  grid-row: 3;
}
}

/* cases-page */
.cases-copy-page .cases-intro {
  max-width: none;
  align-self: start;
}

.cases-copy-page .cases-intro .lead {
  max-width: none;
  margin: 0;
}

.cases-copy-page .cases-intro .lead+.lead {
  margin-top: var(--space-16);
}

.cases-copy-page .cases-intro .demo-note {
  margin: var(--space-22) 0 0;
  max-width: none;
  font-size: var(--font-14);
}

.cases-copy-page .case-description {
  max-width: 46ch;
  align-self: start;
}

.cases-copy-page .case-description>p {
  font-size: var(--font-16);
  line-height: 1.9;
  margin: 0;
}

.cases-copy-page .case-description>p+p {
  margin-top: var(--space-18);
}

.cases-copy-page .case-description dl {
  margin-top: var(--space-24);
}

/* cases-page */
@media(min-width:701px) {
.cases-copy-page .page-heading {
  grid-template-rows: auto auto;
  row-gap: var(--space-20);
  align-items: start;
}

.cases-copy-page .page-heading>.kicker {
  grid-row: 1;
  margin: 0;
}

.cases-copy-page .page-heading h1 {
  grid-row: 2;
  margin: 0;
  font-size: clamp(var(--font-36),3.35vw,var(--font-48));
  line-height: 1.55;
  letter-spacing: .03em;
}

.cases-copy-page .cases-intro {
  grid-column: 2;
  grid-row: 2;
  padding-top: var(--space-5);
}

.cases-copy-page .case-feature-0>div,
.cases-copy-page .case-feature-2>div {
  grid-template-rows: auto auto;
  align-items: start;
}

.cases-copy-page .case-feature-0 h2,
.cases-copy-page .case-feature-2 h2 {
  grid-row: 2;
  margin-top: var(--space-10);
}

.cases-copy-page .case-description {
  grid-column: 2;
  grid-row: 2;
  margin-top: var(--space-10);
}
}

/* cases-page */
@media(max-width:700px) {
.cases-copy-page .cases-intro {
  max-width: none;
}

.cases-copy-page .case-description {
  max-width: none;
}

.cases-copy-page .cases-intro .demo-note {
  margin-top: var(--space-18);
}
}
}