/* Expertises page (loaded only where .expertise-page is used). */

.as-inner-page.expertise-page {
  background: var(--navy);
}

.as-inner-page.expertise-page .page-hero {
  gap: 12px;
  padding: 116px clamp(20px, 8vw, 128px) clamp(34px, 4vw, 58px);
  background: radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--wp--preset--color--accent-bright) 12%, transparent), transparent 32%), linear-gradient(145deg, var(--wp--preset--color--stage) 0%, var(--as-deep) 62%, var(--as-night) 100%);
  color: #fff;
}

.as-inner-page.expertise-page .page-hero :is(.eyebrow, .is-style-surtitre) {
  color: var(--accent-bright);
}

.as-inner-page.expertise-page .page-hero h1 {
  max-width: 900px;
  font-size: clamp(2.8rem, 6vw, 6.2rem);
  line-height: .94;
  letter-spacing: -.055em;
}

.as-inner-page.expertise-page .page-hero > p:last-child {
  color: rgba(255, 255, 255, .68);
}

.as-inner-page.expertise-page .page-hero {
  position: relative;
  overflow: hidden;
}

.as-inner-page.expertise-page .page-hero::after {
  position: absolute;
  right: 7%;
  bottom: 12%;
  width: 34vw;
  height: 22vw;
  max-width: 520px;
  max-height: 330px;
  border: 1px solid color-mix(in srgb, var(--wp--preset--color--glacier) 20%, transparent);
  background: repeating-linear-gradient(90deg, transparent 0 48px, color-mix(in srgb, var(--wp--preset--color--glacier) 8%, transparent) 49px 50px), repeating-linear-gradient(0deg, transparent 0 48px, color-mix(in srgb, var(--wp--preset--color--glacier) 8%, transparent) 49px 50px);
  content: "";
  opacity: .58;
  transform: skewX(-18deg) rotate(-8deg);
  pointer-events: none;
}

.as-inner-page.expertise-page .expertise-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(12px, 1.6vw, 22px);
}

.as-inner-page.expertise-page .expertise-list article,
.as-inner-page.expertise-page .expertise-list article:nth-child(even) {
  transition: transform 300ms cubic-bezier(.2, .72, .22, 1), border-color 300ms ease, box-shadow 300ms ease;
}

.as-inner-page.expertise-page .expertise-list article:hover,
.as-inner-page.expertise-page .expertise-list article:focus-within {
  border-color: color-mix(in srgb, var(--wp--preset--color--accent-bright) 64%, transparent);
  box-shadow: 0 24px 44px rgba(0, 0, 0, .28);
  transform: translateY(-6px);
}

.as-inner-page.expertise-page .expertise-list article img,
.as-inner-page.expertise-page .expertise-list article:nth-child(even) img {
  transition: transform 500ms ease, opacity 500ms ease;
}

.as-inner-page.expertise-page .expertise-list article::after {
  position: absolute;
  inset: 0;
  content: "";
}

.as-inner-page.expertise-page .expertise-list article > div {
  align-self: auto;
}

.as-inner-page.expertise-page .expertise-list article :is(.eyebrow, .is-style-surtitre) {
  color: var(--accent-bright);
}

.as-inner-page.expertise-page .expertise-list article h2 {
  color: #fff;
}

.as-inner-page.expertise-page .expertise-list article:hover img {
  opacity: .78;
  transform: scale(1.06);
}

@media (max-width: 700px) {
  .as-inner-page.expertise-page .expertise-list {
    grid-template-columns: 1fr;
  }
}

.as-inner-page.expertise-page .expertise-list {
  counter-reset: expertise-sequence;
}

.as-inner-page.expertise-page .expertise-list article,
.as-inner-page.expertise-page .expertise-list article:nth-child(even) {
  border-radius: 0;
  box-shadow: none;
  transform: none;
  counter-increment: expertise-sequence;
}

.as-inner-page.expertise-page .expertise-list article::before {
  position: absolute;
  content: "0" counter(expertise-sequence);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .12em;
}

.as-inner-page.expertise-page .expertise-list article img,
.as-inner-page.expertise-page .expertise-list article:nth-child(even) img {
  grid-row: 1;
  border-radius: 0;
}

.as-inner-page.expertise-page .expertise-list article > div {
  flex-direction: column;
  justify-content: center;
}

.as-inner-page.expertise-page .expertise-list article:nth-child(even) > div {
  order: 1;
}

.as-inner-page.expertise-page .expertise-list article:hover,
.as-inner-page.expertise-page .expertise-list article:focus-within {
  border-color: color-mix(in srgb, var(--wp--preset--color--glacier) 12%, transparent);
  box-shadow: none;
  transform: none;
}

.as-inner-page.expertise-page .expertise-list article:hover img {
  opacity: .9;
  transform: scale(1.025);
}

.as-inner-page.expertise-page .expertise-list article:nth-child(1) > div {
  padding-inline: clamp(42px, 9vw, 150px);
}

.as-inner-page.expertise-page .expertise-list article:nth-child(2) img,
.as-inner-page.expertise-page .expertise-list article:nth-child(5) img {
  filter: saturate(.78) contrast(1.08);
}

.as-inner-page.expertise-page .expertise-list article img,
.as-inner-page.expertise-page .expertise-list article:nth-child(even) img {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .52;
  filter: saturate(.86) contrast(1.08);
}

.as-inner-page.expertise-page .expertise-list article::after {
  display: block;
  z-index: 1;
  background: linear-gradient(90deg, color-mix(in srgb, var(--as-night) 92%, transparent) 0%, color-mix(in srgb, var(--as-night) 55%, transparent) 42%, color-mix(in srgb, var(--as-night) 12%, transparent) 100%);
}

.as-inner-page.expertise-page .expertise-list article:nth-child(even)::after {
  background: linear-gradient(270deg, color-mix(in srgb, var(--as-night) 92%, transparent) 0%, color-mix(in srgb, var(--as-night) 55%, transparent) 42%, color-mix(in srgb, var(--as-night) 12%, transparent) 100%);
}

.as-inner-page.expertise-page .expertise-list article > div,
.as-inner-page.expertise-page .expertise-list article:nth-child(even) > div {
  display: block;
  min-height: 0;
}

@media (max-width: 700px) {
  .as-inner-page.expertise-page .expertise-list article,
  .as-inner-page.expertise-page .expertise-list article:nth-child(even) {
    flex-direction: column;
  }
  .as-inner-page.expertise-page .expertise-list article img,
  .as-inner-page.expertise-page .expertise-list article:nth-child(even) img {
    order: 0;
  }
  .as-inner-page.expertise-page .expertise-list article > div,
  .as-inner-page.expertise-page .expertise-list article:nth-child(even) > div {
    order: 1;
    min-height: 0;
  }
}

.as-inner-page.expertise-page .expertise-list article > div,
.as-inner-page.expertise-page .expertise-list article:nth-child(even) > div {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: clamp(28px, 9vw, 160px);
  max-width: calc(100% - 56px);
  padding: 0;
  background: transparent;
  text-align: left;
  transform: translateY(-42%);
}

.as-inner-page.expertise-page .expertise-list article :is(.eyebrow, .is-style-surtitre) {
  color: var(--accent-bright);
}

.as-inner-page.expertise-page .expertise-list article h2 {
  margin: 10px 0 16px;
  font-size: clamp(2.4rem, 5.2vw, 6.2rem);
  line-height: .91;
  letter-spacing: -.06em;
}

.as-inner-page.expertise-page .expertise-list article div > p:last-child {
  max-width: 510px;
  color: rgba(255, 255, 255, .7);
  font-size: clamp(1rem, 1.35vw, 1.22rem);
  line-height: 1.45;
}

@media (max-width: 760px) {
  .as-inner-page.expertise-page .expertise-list article > div,
  .as-inner-page.expertise-page .expertise-list article:nth-child(even) > div {
    right: 24px;
    left: 24px;
    text-align: left;
    transform: none;
    top: auto;
    bottom: 44px;
  }
}

.as-inner-page.expertise-page .expertise-copy :is(.eyebrow, .is-style-surtitre) {
  color: var(--accent-bright);
}

.as-inner-page.expertise-page .expertise-list article:not(.is-active) .expertise-visual {
  clip-path: inset(0 0 0 13%);
  filter: saturate(.62) brightness(.72);
  transform: scale(.96);
}

.as-inner-page.expertise-page .expertise-list article:nth-child(even):not(.is-active) .expertise-visual {
  clip-path: inset(0 13% 0 0);
}

.as-inner-page.expertise-page .expertise-list article.is-active .expertise-visual img {
  transform: scale(1);
}

@media (max-width: 760px) {
  .as-inner-page.expertise-page .expertise-list article:not(.is-active) .expertise-visual,
  .as-inner-page.expertise-page .expertise-list article:nth-child(even):not(.is-active) .expertise-visual {
    clip-path: inset(8% 0 0 0);
    transform: scale(.98);
  }
}

.as-inner-page.expertise-page .expertise-copy,
.as-inner-page.expertise-page .expertise-list article:nth-child(even) > .expertise-copy {
  display: block;
}

.as-inner-page.expertise-page .expertise-copy :is(.eyebrow, .is-style-surtitre) {
  margin: 0;
  color: var(--accent-bright);
}

.as-inner-page.expertise-page .page-hero {
  min-height: min(58svh, 640px);
  align-content: end;
  padding-top: 150px;
  padding-bottom: clamp(52px, 7vw, 104px);
}

.as-inner-page.expertise-page .expertise-list {
  display: block;
  padding: 0;
}

.as-inner-page.expertise-page .expertise-list article,
.as-inner-page.expertise-page .expertise-list article:nth-child(even) {
  position: relative;
  display: grid;
  grid-template-columns: minmax(320px, .88fr) minmax(400px, 1.12fr);
  align-items: stretch;
  gap: 0;
  min-height: 100svh;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--glacier) 12%, transparent);
}

.as-inner-page.expertise-page .expertise-list article::before {
  z-index: 5;
  top: 34px;
  left: clamp(28px, 5vw, 86px);
  color: color-mix(in srgb, var(--wp--preset--color--glacier) 48%, transparent);
}

.as-inner-page.expertise-page .expertise-copy,
.as-inner-page.expertise-page .expertise-list article:nth-child(even) > .expertise-copy {
  position: relative;
  inset: auto;
  z-index: 2;
  grid-area: copy;
  align-self: center;
  width: min(100% - 64px, 610px);
  min-height: 0;
  max-width: none;
  margin: 0;
  padding: clamp(76px, 10vw, 150px) 0;
  background: transparent;
  transform: none;
}

.as-inner-page.expertise-page .expertise-copy :is(.eyebrow, .is-style-surtitre) {
  margin: 0;
  color: var(--accent-bright);
}

.as-inner-page.expertise-page .expertise-visual img {
  display: block;
}

.as-inner-page.expertise-page .expertise-list article:not(.is-active) .expertise-visual {
  clip-path: inset(0 0 0 13%);
  filter: saturate(.62) brightness(.72);
  transform: scale(.96);
}

.as-inner-page.expertise-page .expertise-list article:nth-child(even):not(.is-active) .expertise-visual {
  clip-path: inset(0 13% 0 0);
}

.as-inner-page.expertise-page .expertise-list article.is-active .expertise-visual img {
  transform: scale(1);
}

@media (max-width: 760px) {
  .as-inner-page.expertise-page .page-hero {
    min-height: 54svh;
    padding-top: 128px;
  }
  .as-inner-page.expertise-page .expertise-list article,
  .as-inner-page.expertise-page .expertise-list article:nth-child(even) {
    grid-template-rows: minmax(44svh, 58svh) auto;
    min-height: auto;
  }
  .as-inner-page.expertise-page .expertise-list article::before {
    top: 24px;
    left: 24px;
  }
  .as-inner-page.expertise-page .expertise-copy,
  .as-inner-page.expertise-page .expertise-list article:nth-child(even) > .expertise-copy {
    padding: 72px 28px 76px;
  }
  .as-inner-page.expertise-page .expertise-visual::after,
  .as-inner-page.expertise-page .expertise-list article:nth-child(even) .expertise-visual::after {
    background: linear-gradient(0deg, color-mix(in srgb, var(--as-night) 55%, transparent), transparent 58%);
  }
  .as-inner-page.expertise-page .expertise-list article:not(.is-active) .expertise-visual,
  .as-inner-page.expertise-page .expertise-list article:nth-child(even):not(.is-active) .expertise-visual {
    clip-path: inset(8% 0 0 0);
    transform: scale(.98);
  }
}

.as-inner-page.expertise-page .expertise-list article:nth-child(2) .expertise-visual--light-overlay,
.as-inner-page.expertise-page .expertise-list article:nth-child(2):not(.is-active) .expertise-visual--light-overlay {
  inset: auto auto auto clamp(26px, 6vw, 120px);
  top: 50%;
  right: auto;
  bottom: auto;
  left: clamp(26px, 6vw, 120px);
  width: min(44vw, 760px);
  height: min(70vh, 620px);
  transform: translateY(-50%);
}

.as-inner-page.expertise-page .expertise-list article .expertise-visual--overlay,
.as-inner-page.expertise-page .expertise-list article:not(.is-active) .expertise-visual--overlay,
.as-inner-page.expertise-page .expertise-list article:nth-child(even):not(.is-active) .expertise-visual--overlay {
  inset: 0;
  grid-area: auto;
  place-self: stretch;
  width: 100%;
  height: 100%;
  min-height: 0;
  transform: none;
  clip-path: none;
  filter: none;
}

.as-inner-page.expertise-page .expertise-list article .expertise-visual--overlay,
.as-inner-page.expertise-page .expertise-list article:not(.is-active) .expertise-visual--overlay,
.as-inner-page.expertise-page .expertise-list article:nth-child(even):not(.is-active) .expertise-visual--overlay {
  inset: 0;
  grid-area: auto;
  place-self: stretch;
  width: 100%;
  height: 100%;
  min-height: 0;
  transform: none;
  clip-path: none;
  filter: none;
}

.as-inner-page.expertise-page .expertise-list article:nth-child(2) .expertise-copy {
  z-index: 3;
  text-shadow: 0 3px 22px color-mix(in srgb, var(--wp--preset--color--navy-deep) 80%, transparent);
}

.as-inner-page.expertise-page .expertise-list article:nth-child(2) .expertise-visual--light-overlay,
.as-inner-page.expertise-page .expertise-list article:nth-child(2):not(.is-active) .expertise-visual--light-overlay {
  position: absolute;
  inset: 0;
  grid-area: auto;
  place-self: stretch;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: visible;
  background: transparent;
  clip-path: none;
  filter: none;
  transform: none;
}

.as-inner-page.expertise-page .expertise-list article:nth-child(2) .expertise-visual--light-overlay::after {
  display: none;
}

.as-inner-page.expertise-page .expertise-list article:nth-child(2) .expertise-visual--light-overlay img {
  transform: none;
}

.as-inner-page.expertise-page .expertise-list article {
  isolation: isolate;
}

.as-inner-page.expertise-page .expertise-list article .expertise-copy {
  z-index: 3;
  text-shadow: 0 3px 22px color-mix(in srgb, var(--wp--preset--color--navy-deep) 80%, transparent);
}

.as-inner-page.expertise-page .expertise-list article .expertise-visual--overlay,
.as-inner-page.expertise-page .expertise-list article:not(.is-active) .expertise-visual--overlay,
.as-inner-page.expertise-page .expertise-list article:nth-child(even):not(.is-active) .expertise-visual--overlay {
  position: absolute;
  inset: 0;
  grid-area: auto;
  place-self: stretch;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: visible;
  background: transparent;
  clip-path: none;
  filter: none;
  transform: none;
}

.as-inner-page.expertise-page .expertise-list article .expertise-visual--overlay::after {
  display: none;
}

.as-inner-page.expertise-page .expertise-list article .expertise-visual--overlay img {
  transform: none;
}

.as-inner-page.expertise-page .expertise-list article,
.as-inner-page.expertise-page .expertise-list article:nth-child(even) {
  border-color: color-mix(in srgb, var(--wp--preset--color--glacier) 8%, transparent);
}

.as-inner-page.expertise-page .expertise-list article .expertise-visual--overlay,
.as-inner-page.expertise-page .expertise-list article:not(.is-active) .expertise-visual--overlay,
.as-inner-page.expertise-page .expertise-list article:nth-child(even):not(.is-active) .expertise-visual--overlay {
  top: 50%;
  right: clamp(26px, 6vw, 120px);
  bottom: auto;
  left: auto;
  width: min(44vw, 760px);
  height: min(70vh, 620px);
  place-self: auto;
  transform: translateY(-50%);
}

.as-inner-page.expertise-page .expertise-list article:nth-child(even) .expertise-visual--overlay,
.as-inner-page.expertise-page .expertise-list article:nth-child(even):not(.is-active) .expertise-visual--overlay {
  right: auto;
  left: clamp(26px, 6vw, 120px);
}

.as-inner-page.expertise-page .expertise-list article:nth-child(2) .expertise-visual--light-overlay,
.as-inner-page.expertise-page .expertise-list article:nth-child(2):not(.is-active) .expertise-visual--light-overlay {
  inset: auto auto auto clamp(26px, 6vw, 120px);
  top: 50%;
  right: auto;
  bottom: auto;
  left: clamp(26px, 6vw, 120px);
  width: min(44vw, 760px);
  height: min(70vh, 620px);
  transform: translateY(-50%);
}

.as-inner-page.expertise-page .expertise-list {
  background: var(--as-night);
}

.as-inner-page.expertise-page .expertise-list article,
.as-inner-page.expertise-page .expertise-list article:nth-child(even) {
  background: radial-gradient(circle at 76% 46%, rgba(91, 211, 247, .10), transparent 31%), #081a30;
}

.as-inner-page.expertise-page .expertise-list article:nth-child(even) {
  background: radial-gradient(circle at 24% 46%, color-mix(in srgb, var(--wp--preset--color--accent-bright) 9%, transparent), transparent 31%), #10182c;
}

.as-inner-page.expertise-page .expertise-list article:nth-child(3) {
  background: radial-gradient(circle at 76% 46%, rgba(65, 230, 245, .14), transparent 31%), #061b31;
}

.as-inner-page.expertise-page .expertise-list article:nth-child(4) {
  background: radial-gradient(circle at 24% 46%, color-mix(in srgb, var(--wp--preset--color--glacier) 10%, transparent), transparent 31%), #0e1826;
}

.as-inner-page.expertise-page .expertise-list article:nth-child(5) {
  background: radial-gradient(circle at 76% 46%, rgba(99, 193, 255, .14), transparent 31%), #07192d;
}

.as-inner-page.expertise-page .expertise-list article:nth-child(6) {
  background: radial-gradient(circle at 24% 46%, color-mix(in srgb, var(--wp--preset--color--accent-bright) 12%, transparent), transparent 31%), #10172c;
}

.as-inner-page.expertise-page .expertise-list article .expertise-visual--overlay,
.as-inner-page.expertise-page .expertise-list article:not(.is-active) .expertise-visual--overlay,
.as-inner-page.expertise-page .expertise-list article:nth-child(even):not(.is-active) .expertise-visual--overlay {
  inset: 0;
  grid-area: auto;
  place-self: stretch;
  width: 100%;
  height: 100%;
  min-height: 0;
  transform: none;
  clip-path: none;
  filter: none;
}

.as-inner-page.expertise-page .expertise-list article .expertise-visual--overlay img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center;
  mask-image: none;
  -webkit-mask-image: none;
}

.as-inner-page.expertise-page .expertise-list article .expertise-copy {
  width: min(100% - 64px, 610px);
}

.as-inner-page.expertise-page .expertise-list article:nth-child(2) .expertise-visual--light-overlay,
.as-inner-page.expertise-page .expertise-list article:nth-child(2):not(.is-active) .expertise-visual--light-overlay {
  position: absolute;
  inset: 0;
  grid-area: auto;
  place-self: stretch;
  width: 100%;
  height: 100%;
  min-height: 0;
  transform: none;
  clip-path: none;
  filter: none;
}

.as-inner-page.expertise-page .expertise-list article:nth-child(2) .expertise-visual--light-overlay img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center;
  mask-image: none;
  -webkit-mask-image: none;
}

.as-inner-page.expertise-page .expertise-list article:first-child {
  grid-template-areas: "visual copy";
}

.as-inner-page.expertise-page .expertise-list article:first-child .expertise-visual--overlay,
.as-inner-page.expertise-page .expertise-list article:first-child:not(.is-active) .expertise-visual--overlay {
  position: absolute;
  inset: auto auto auto clamp(26px, 6vw, 120px);
  top: 50%;
  left: clamp(26px, 6vw, 120px);
  width: min(44vw, 760px);
  height: min(70vh, 620px);
  transform: translateY(-50%);
}

.as-inner-page.expertise-page .expertise-list article:nth-child(2) {
  grid-template-areas: "copy visual";
}

.as-inner-page.expertise-page .expertise-list article:nth-child(2) > .expertise-copy {
  justify-self: start;
  margin-left: clamp(20px, 8vw, 128px);
  text-align: left;
}

.as-inner-page.expertise-page .expertise-list article:nth-child(4) {
  grid-template-areas: "copy visual";
}

.as-inner-page.expertise-page .expertise-list article:nth-child(4) > .expertise-copy {
  justify-self: start;
  margin-left: clamp(20px, 8vw, 128px);
  text-align: left;
}

.as-inner-page.expertise-page .expertise-list article:nth-child(4) > .expertise-copy :is(.eyebrow, .is-style-surtitre),
.as-inner-page.expertise-page .expertise-list article:nth-child(4) > .expertise-copy > p:last-child {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}

.as-inner-page.expertise-page .expertise-list article:first-child .expertise-visual--overlay,
.as-inner-page.expertise-page .expertise-list article:first-child:not(.is-active) .expertise-visual--overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  transform: none;
  clip-path: none;
  filter: none;
}

.as-inner-page.expertise-page .expertise-list article:first-child .expertise-visual--overlay img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  object-position: left center;
  transform: translateX(-28%) scale(.88);
  transform-origin: left center;
  mask-image: none;
  -webkit-mask-image: none;
}

.as-inner-page.expertise-page .expertise-list article:first-child {
  min-height: 108svh;
}

@media (max-width: 760px) {
  .as-inner-page.expertise-page .expertise-list article:first-child {
    min-height: auto;
  }
}

.as-inner-page.expertise-page .expertise-list article:first-child > .expertise-copy {
  width: min(calc(100% - 64px), 700px);
  margin-right: clamp(20px, 7vw, 112px);
  justify-self: end;
}

.as-inner-page.expertise-page .expertise-list article:first-child > .expertise-copy > p:last-child {
  max-width: 620px;
}

@media (max-width: 760px) {
  .as-inner-page.expertise-page .expertise-list article:first-child .expertise-visual--overlay img {
    object-position: center;
    transform: none;
  }
}

.as-inner-page.expertise-page .expertise-list article:nth-child(3) {
  min-height: 100svh;
}

.as-inner-page.expertise-page .expertise-list article:nth-child(3) .expertise-visual--overlay {
  clip-path: inset(0 100% 0 0);
  opacity: .35;
  transform: translateX(-7%);
  transition: clip-path 1.05s cubic-bezier(.2, .72, .22, 1), opacity .8s ease, transform 1.1s cubic-bezier(.2, .72, .22, 1);
}

.as-inner-page.expertise-page .expertise-list article:nth-child(3).is-active .expertise-visual--overlay {
  clip-path: inset(0);
  opacity: 1;
  transform: translateX(0);
}

.as-inner-page.expertise-page .expertise-list article:nth-child(3) .expertise-visual--overlay img {
  transform: translateX(-18%) scale(.84);
  transform-origin: left center;
  transition: transform 1.1s cubic-bezier(.2, .72, .22, 1);
}

.as-inner-page.expertise-page .expertise-list article:nth-child(3).is-active .expertise-visual--overlay img {
  transform: translateX(-18%) scale(.84);
}

.as-inner-page.expertise-page .expertise-list article:nth-child(3) {
  grid-template-areas: "visual copy";
}

.as-inner-page.expertise-page .expertise-list article:nth-child(3) > .expertise-copy {
  grid-area: copy;
  justify-self: end;
  margin-left: 0;
  margin-right: clamp(20px, 7vw, 112px);
  background: transparent;
  text-align: left;
}

@media (max-width: 760px) {
  .as-inner-page.expertise-page .expertise-list article:nth-child(3) {
    min-height: auto;
  }
  .as-inner-page.expertise-page .expertise-list article:nth-child(3) .expertise-visual--overlay img,
  .as-inner-page.expertise-page .expertise-list article:nth-child(3).is-active .expertise-visual--overlay img {
    transform: none;
  }
}

.as-inner-page.expertise-page .expertise-list article:nth-child(5) {
  min-height: 100svh;
  grid-template-areas: "visual copy";
}

.as-inner-page.expertise-page .expertise-list article:nth-child(5) .expertise-visual--overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: visible;
  background: transparent;
  clip-path: inset(0 100% 0 0);
  opacity: .35;
  transform: translateX(-7%);
  transition: clip-path 1.05s cubic-bezier(.2, .72, .22, 1), opacity .8s ease, transform 1.1s cubic-bezier(.2, .72, .22, 1);
}

.as-inner-page.expertise-page .expertise-list article:nth-child(5).is-active .expertise-visual--overlay {
  clip-path: inset(0);
  opacity: 1;
  transform: translateX(0);
}

.as-inner-page.expertise-page .expertise-list article:nth-child(5) .expertise-visual--overlay img,
.as-inner-page.expertise-page .expertise-list article:nth-child(5).is-active .expertise-visual--overlay img {
  position: absolute;
  top: -10%;
  left: 0;
  width: 120%;
  height: 120%;
  min-height: 0;
  object-fit: contain;
  object-position: left center;
  transform: none;
  mask-image: none;
  -webkit-mask-image: none;
}

.as-inner-page.expertise-page .expertise-list article:nth-child(5) > .expertise-copy {
  grid-area: copy;
  justify-self: end;
  margin-left: 0;
  margin-right: clamp(20px, 7vw, 112px);
  background: transparent;
  text-align: left;
}

@media (max-width: 760px) {
  .as-inner-page.expertise-page .expertise-list article:nth-child(5) {
    min-height: auto;
  }
  .as-inner-page.expertise-page .expertise-list article:nth-child(5) .expertise-visual--overlay {
    inset: 0 5% auto;
    width: 90%;
    height: 62svh;
    clip-path: none;
    opacity: 1;
    transform: none;
  }
  .as-inner-page.expertise-page .expertise-list article:nth-child(5) .expertise-visual--overlay img,
  .as-inner-page.expertise-page .expertise-list article:nth-child(5).is-active .expertise-visual--overlay img {
    position: static;
    width: 100%;
    height: 100%;
  }
}

.as-inner-page.expertise-page .expertise-list article:nth-child(6) {
  grid-template-areas: "copy visual";
}

.as-inner-page.expertise-page .expertise-list article:nth-child(6) .expertise-visual--overlay,
.as-inner-page.expertise-page .expertise-list article:nth-child(6):not(.is-active) .expertise-visual--overlay {
  right: auto;
  left: clamp(26px, 6vw, 120px);
}

.as-inner-page.expertise-page .expertise-list article:nth-child(6) > .expertise-copy {
  grid-area: copy;
  justify-self: start;
  margin-left: clamp(20px, 7vw, 112px);
  margin-right: 0;
  text-align: left;
}

.as-inner-page.expertise-page .expertise-list article:nth-child(6) > .expertise-copy > p:last-child {
  width: 100%;
  max-width: 620px;
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 760px) {
  .as-inner-page.expertise-page .expertise-list article:nth-child(6) .expertise-visual--overlay,
  .as-inner-page.expertise-page .expertise-list article:nth-child(6):not(.is-active) .expertise-visual--overlay {
    right: 5%;
    left: 5%;
  }
}

.editor-styles-wrapper .as-inner-page .expertise-visual {
  clip-path: none!important;
  opacity: 1!important;
}

/* Every expertise remains a single readable column on small screens. */

@media(max-width:760px) {
  .as-inner-page.expertise-page .expertise-list article,
  .as-inner-page.expertise-page .expertise-list article:nth-child(n) {
    grid-template-columns: minmax(0,1fr);
    grid-template-areas: "visual" "copy";
  }
  .as-inner-page.expertise-page .expertise-list article:nth-child(n) > .expertise-copy {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}