/* PT3 APEX showcase art direction. Kept separate from apex.css to stay below the C-Series editor cap. */
:root {
  --showcase-ink: var(--ax-brand, var(--apex-brand, #1b1a17));
  --showcase-ink-soft: color-mix(in srgb, var(--showcase-ink) 88%, var(--ax-elevated, var(--apex-elevated, #fff)));
  --showcase-paper: var(--ax-page, var(--apex-page-bg, #f4f1ea));
  --showcase-white: var(--ax-elevated, var(--apex-elevated, #fff));
  --showcase-graphite: var(--ax-text, var(--apex-text, #171714));
  --showcase-muted: var(--ax-muted, var(--apex-muted, #6e6961));
  --showcase-line: color-mix(in srgb, var(--ax-border, var(--apex-border, #ded9cf)) 86%, transparent);
  --showcase-accent: var(--ax-brand-2, var(--apex-secondary-brand, #80562f));
  --showcase-accent-on-dark: var(--ax-accent-on-dark, color-mix(in srgb, var(--showcase-accent) 26%, #fff));
  --showcase-accent-dark: color-mix(in srgb, var(--showcase-accent) 86%, var(--showcase-ink));
  --showcase-radius: var(--ax-card-radius, var(--apex-card-radius, .375rem));
  --showcase-section: var(--ax-section, var(--apex-section-spacing, clamp(2.5rem, 4vw, 4.5rem)));
  --showcase-gap: var(--ax-gap, var(--apex-grid-gap, clamp(.9rem, 2vw, 1.5rem)));
  --showcase-display: var(--ax-font-heading, var(--apex-heading-font, "Montserrat", "Avenir Next", "Helvetica Neue", Arial, sans-serif));
  --showcase-body: var(--ax-font-body, var(--apex-body-font, "Karla", "Helvetica Neue", Arial, sans-serif));
}

body.apex-theme {
  background: var(--showcase-paper);
  color: var(--showcase-ink);
  font-family: var(--showcase-body);
}

body.apex-theme :where(h1, h2, h3, .product-card__title) {
  font-family: var(--showcase-display);
  letter-spacing: -.035em;
}

.apex-showcase-home {
  background: var(--showcase-paper);
  overflow: clip;
}

.apex-showcase-kicker {
  align-items: center;
  color: var(--showcase-muted);
  display: inline-flex;
  font-family: var(--showcase-display);
  font-size: .72rem;
  font-weight: 700;
  gap: .65rem;
  letter-spacing: .14em;
  line-height: 1.2;
  text-transform: uppercase;
}

.apex-showcase-kicker > span {
  background: var(--showcase-accent-dark);
  display: inline-block;
  height: 2px;
  width: 1.75rem;
}

.apex-showcase-kicker--light { color: rgba(255, 255, 255, .84); }
.apex-showcase-kicker--light > span { background: var(--showcase-accent); }

.apex-showcase-text-link {
  align-items: center;
  color: currentColor;
  display: inline-flex;
  font-weight: 700;
  gap: .55rem;
  min-height: 44px;
  position: relative;
  text-decoration: none;
}

.apex-showcase-text-link::after {
  background: currentColor;
  bottom: .35rem;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transform: scaleX(.26);
  transform-origin: left;
  transition: transform 180ms ease;
  width: calc(100% - 1.6rem);
}

.apex-showcase-text-link:hover::after,
.apex-showcase-text-link:focus-visible::after { transform: scaleX(1); }

/* Hero */
.apex-showcase-hero {
  background: var(--showcase-ink);
  color: var(--showcase-white);
  isolation: isolate;
  min-height: clamp(23rem, 36vw, 31rem);
  overflow: hidden;
  position: relative;
}

.apex-showcase-hero__media,
.apex-showcase-hero__media::after {
  inset: 0;
  position: absolute;
}

.apex-showcase-hero__media { z-index: -2; }
.apex-showcase-hero__media::after {
  background: linear-gradient(90deg, rgba(27, 26, 23, .89) 0%, rgba(27, 26, 23, .76) 31%, rgba(27, 26, 23, .16) 66%, rgba(27, 26, 23, .08) 100%), linear-gradient(0deg, rgba(27, 26, 23, .28), transparent 45%);
  content: "";
  z-index: 1;
}

.apex-showcase-hero__media img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.apex-showcase-hero__inner {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: inherit;
  padding-bottom: clamp(2.5rem, 5vw, 4rem);
  padding-top: clamp(2.75rem, 5vw, 4.25rem);
  position: relative;
}

.apex-showcase-hero__copy { max-width: 38rem; }
.apex-showcase-hero__copy .apex-showcase-kicker { color: rgba(255, 255, 255, .84); margin-bottom: .8rem; }
.apex-showcase-hero__copy h1 {
  color: #fff;
  font-size: clamp(2.55rem, 4.7vw, 4.65rem);
  font-weight: 700;
  line-height: .96;
  margin: 0;
  max-width: 12ch;
}

.apex-showcase-hero__copy p {
  color: rgba(255, 255, 255, .84);
  font-size: clamp(.94rem, 1.25vw, 1.05rem);
  line-height: 1.5;
  margin: .9rem 0 0;
  max-width: 36rem;
}

.apex-showcase-hero__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 1.25rem;
  margin-top: 1.25rem;
}

.apex-showcase-home .btn--primary {
  background: var(--ax-cta, var(--apex-cta, var(--showcase-ink)));
  border-color: var(--ax-cta, var(--apex-cta, var(--showcase-ink)));
  color: var(--ax-cta-text, var(--apex-cta-text, #fff));
  font-weight: 800;
}

.apex-showcase-home .btn--primary:hover,
.apex-showcase-home .btn--primary:focus-visible {
  background: var(--ax-cta-hover, var(--apex-cta-hover, var(--showcase-ink-soft)));
  border-color: var(--ax-cta-hover, var(--apex-cta-hover, var(--showcase-ink-soft)));
  color: var(--ax-cta-text, var(--apex-cta-text, #fff));
  transform: none;
}

.apex-showcase-hero__note {
  align-self: end;
  border-left: 1px solid rgba(255, 255, 255, .42);
  bottom: clamp(3rem, 7vw, 6.5rem);
  display: grid;
  gap: .45rem;
  justify-self: end;
  padding-left: 1.1rem;
  position: absolute;
  right: 0;
}

.apex-showcase-hero__note span { color: var(--showcase-accent-on-dark); font-size: .72rem; font-weight: 800; letter-spacing: .14em; }
.apex-showcase-hero__note strong { color: #fff; font-family: var(--showcase-display); font-size: 1.05rem; line-height: 1.25; }

.apex-showcase-hero--center .apex-showcase-hero__media::after {
  background: linear-gradient(90deg, rgba(27, 26, 23, .44), rgba(27, 26, 23, .7) 50%, rgba(27, 26, 23, .44)), linear-gradient(0deg, rgba(27, 26, 23, .3), transparent 48%);
}

.apex-showcase-hero--center .apex-showcase-hero__inner {
  grid-template-columns: minmax(0, 1fr);
}

.apex-showcase-hero--center .apex-showcase-hero__copy {
  justify-self: center;
  text-align: center;
}

.apex-showcase-hero--center .apex-showcase-hero__copy :where(h1, p) {
  margin-inline: auto;
}

.apex-showcase-hero--center .apex-showcase-hero__actions {
  justify-content: center;
}

.apex-showcase-hero--center .apex-showcase-hero__note {
  display: none;
}

.apex-showcase-hero--right .apex-showcase-hero__media::after {
  background: linear-gradient(270deg, rgba(27, 26, 23, .91) 0%, rgba(27, 26, 23, .76) 31%, rgba(27, 26, 23, .16) 66%, rgba(27, 26, 23, .08) 100%), linear-gradient(0deg, rgba(27, 26, 23, .28), transparent 45%);
}

.apex-showcase-hero--right .apex-showcase-hero__inner {
  grid-template-columns: minmax(16rem, .85fr) minmax(0, 1.15fr);
}

.apex-showcase-hero--right .apex-showcase-hero__copy {
  grid-column: 2;
  justify-self: end;
  text-align: right;
}

.apex-showcase-hero--right .apex-showcase-hero__copy :where(h1, p) {
  margin-left: auto;
}

.apex-showcase-hero--right .apex-showcase-hero__actions {
  justify-content: flex-end;
}

.apex-showcase-hero--right .apex-showcase-hero__note {
  right: auto;
  left: 0;
  padding-right: 1.1rem;
  padding-left: 0;
  border-right: 1px solid rgba(255, 255, 255, .42);
  border-left: 0;
  text-align: right;
}

/* USP ribbon */
.apex-showcase-usps { background: var(--showcase-white); border-bottom: 1px solid var(--showcase-line); }
.apex-showcase-usps ul { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 0; }
.apex-showcase-usps li {
  align-items: center;
  border-right: 1px solid var(--showcase-line);
  display: grid;
  gap: .95rem;
  grid-template-columns: auto 1fr;
  list-style: none;
  min-height: 4.6rem;
  padding: .8rem clamp(.8rem, 2vw, 1.5rem);
}
.apex-showcase-usps li:first-child { border-left: 1px solid var(--showcase-line); }
.apex-showcase-usps li > span { color: var(--showcase-muted); font-family: var(--showcase-display); font-size: .7rem; font-weight: 700; letter-spacing: .12em; }
.apex-showcase-usps strong, .apex-showcase-usps small { display: block; }
.apex-showcase-usps strong { font-size: .98rem; line-height: 1.25; }
.apex-showcase-usps small { color: var(--showcase-muted); font-size: .78rem; line-height: 1.3; margin-top: .25rem; }

/* Shared sections */
.apex-showcase-section { padding: var(--showcase-section) 0; }
.apex-showcase-section__header {
  align-items: end;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: minmax(0, 1.35fr) minmax(16rem, .65fr);
  margin-bottom: clamp(1.35rem, 2.5vw, 2rem);
}
.apex-showcase-section__header h2 {
  color: var(--showcase-ink);
  font-size: clamp(1.8rem, 3.3vw, 3.2rem);
  font-weight: 700;
  line-height: 1.02;
  margin: .55rem 0 0;
  max-width: 14ch;
}
.apex-showcase-section__header > p { color: var(--showcase-muted); font-size: 1.05rem; line-height: 1.6; margin: 0; max-width: 32rem; }
.apex-showcase-section__header--row { grid-template-columns: 1fr auto; }
.apex-showcase-section__header--row > .apex-showcase-text-link { align-self: end; }

/* Category mosaic */
.apex-showcase-categories { background: var(--showcase-paper); }
.apex-showcase-category-mosaic {
  display: grid;
  gap: clamp(.75rem, 1.5vw, 1.25rem);
  grid-auto-rows: minmax(9rem, 11vw);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  margin: 0;
  padding: 0;
}
.apex-showcase-category-mosaic__item { grid-column: span 4; list-style: none; min-width: 0; }
.apex-showcase-category-mosaic__item--1 { grid-column: span 7; grid-row: span 2; }
.apex-showcase-category-mosaic__item--2 { grid-column: span 5; grid-row: span 2; }
.apex-showcase-category-card { background: var(--showcase-ink); border-radius: var(--showcase-radius); color: #fff; display: block; height: 100%; isolation: isolate; overflow: hidden; position: relative; text-decoration: none; }
.apex-showcase-category-card img { filter: saturate(.72) sepia(.08) contrast(.98); height: 100%; inset: 0; object-fit: cover; position: absolute; transition: filter 220ms ease, transform 220ms ease; width: 100%; z-index: -2; }
.apex-showcase-category-card__shade { background: linear-gradient(0deg, rgba(27, 26, 23, .86), rgba(27, 26, 23, .02) 68%); inset: 0; position: absolute; z-index: -1; }
.apex-showcase-category-card__content { bottom: 0; display: grid; gap: .3rem; left: 0; padding: clamp(.9rem, 1.8vw, 1.35rem); position: absolute; right: 0; }
.apex-showcase-category-card__content small { color: rgba(255,255,255,.84); font-size: .69rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.apex-showcase-category-card__content strong { color: #fff; font-family: var(--showcase-display); font-size: clamp(1.05rem, 1.6vw, 1.55rem); letter-spacing: -.03em; line-height: 1.08; }
.apex-showcase-category-card__content > span { align-items: center; color: #fff; display: flex; font-size: .82rem; font-weight: 700; gap: .45rem; opacity: .82; }
.apex-showcase-category-card:hover img, .apex-showcase-category-card:focus-visible img { transform: scale(1.025); }

/* Product rails */
.apex-showcase-products { background: var(--showcase-white); }
.apex-showcase-products--tonal { background: var(--showcase-white); }
.apex-showcase-product-grid { row-gap: clamp(1.4rem, 3vw, 2.5rem) !important; }
.apex-showcase-products .prod-card {
  background: var(--showcase-white);
  border: 0;
  box-shadow: none;
  height: 100%;
}
.apex-showcase-products .prod-card__img-wrapper { background: color-mix(in srgb, var(--showcase-paper) 54%, var(--ax-surface, #eeeee9)); border-radius: var(--ax-image-radius, var(--apex-image-radius, 1rem)); overflow: hidden; }
.apex-showcase-products .prod-card__img { transition: transform 220ms ease; }
.apex-showcase-products .prod-card:hover .prod-card__img { transform: scale(1.018); }
.apex-showcase-products .prod-card__body { padding-left: .15rem; padding-right: .15rem; }

/* Dark professional feature */
.apex-showcase-editorial { background: var(--showcase-ink); color: #fff; padding: clamp(1.2rem, 2.5vw, 2.2rem) 0; }
.apex-showcase-editorial__grid { align-items: stretch; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(21rem, .85fr); min-height: 29rem; }
.apex-showcase-editorial__media { border-radius: var(--showcase-radius); overflow: hidden; }
.apex-showcase-editorial__media img { height: 100%; object-fit: cover; width: 100%; }
.apex-showcase-editorial__copy { align-self: center; padding: clamp(2rem, 4vw, 3.5rem); padding-right: 0; }
.apex-showcase-editorial__copy h2 { color: #fff; font-size: clamp(2rem, 3.6vw, 3.4rem); font-weight: 700; line-height: 1; margin: .7rem 0 1rem; max-width: 13ch; }
.apex-showcase-editorial__copy p { color: rgba(255,255,255,.84); font-size: .96rem; line-height: 1.55; margin: 0; max-width: 33rem; }

body.apex-theme .apex-showcase-hero :where(a, button, input, select, textarea):focus-visible,
body.apex-theme .apex-showcase-editorial :where(a, button, input, select, textarea):focus-visible {
  outline-color: var(--ax-focus-on-dark);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--ax-focus-on-dark) 28%, transparent);
}
.apex-showcase-editorial__copy ul { border-left: 1px solid rgba(255,255,255,.2); display: grid; gap: .45rem; margin: 1.25rem 0; padding-left: 1rem; }
.apex-showcase-editorial__copy li { color: rgba(255,255,255,.86); list-style: none; }

/* Applications */
.apex-showcase-applications { background: var(--showcase-white); }
.apex-showcase-application-grid { border-bottom: 1px solid var(--showcase-line); border-top: 1px solid var(--showcase-line); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; }
.apex-showcase-application-grid li { border-right: 1px solid var(--showcase-line); list-style: none; }
.apex-showcase-application-grid li:first-child { border-left: 1px solid var(--showcase-line); }
.apex-showcase-application-grid a { color: var(--showcase-ink); display: grid; gap: clamp(2rem, 4vw, 4.5rem); min-height: 19rem; padding: clamp(1.25rem, 2.7vw, 2.2rem); text-decoration: none; transition: background 180ms ease, color 180ms ease; }
.apex-showcase-application-grid a > span { color: var(--showcase-muted); font-family: var(--showcase-display); font-size: .72rem; font-weight: 700; letter-spacing: .12em; }
.apex-showcase-application-grid strong { align-self: end; font-family: var(--showcase-display); font-size: clamp(1.3rem, 2.2vw, 2rem); letter-spacing: -.04em; line-height: 1.05; }
.apex-showcase-application-grid small { font-weight: 700; }
.apex-showcase-application-grid a:hover, .apex-showcase-application-grid a:focus-visible { background: var(--showcase-ink); color: #fff; }
.apex-showcase-application-grid a:hover > span, .apex-showcase-application-grid a:focus-visible > span { color: var(--showcase-accent-on-dark); }

/* Expertise */
.apex-showcase-expertise { background: var(--showcase-paper); }
.apex-showcase-expertise__grid { align-items: center; display: grid; gap: clamp(2rem, 7vw, 7rem); grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr); }
.apex-showcase-expertise__copy h2 { font-size: clamp(2.4rem, 5vw, 5rem); font-weight: 620; line-height: .98; margin: 1rem 0 1.5rem; max-width: 11ch; }
.apex-showcase-expertise__copy p { color: var(--showcase-muted); font-size: 1.06rem; line-height: 1.7; max-width: 35rem; }
.apex-showcase-expertise__links { display: flex; flex-wrap: wrap; gap: .6rem 1.4rem; margin-top: 1.75rem; }
.apex-showcase-expertise__links a { color: var(--showcase-ink); font-weight: 800; min-height: 44px; padding-top: .7rem; text-decoration: none; }
.apex-showcase-expertise__media { border-radius: var(--showcase-radius); min-height: 38rem; overflow: hidden; position: relative; }
.apex-showcase-expertise__media::after { background: linear-gradient(0deg, rgba(27,26,23,.42), transparent 35%); content: ""; inset: 0; position: absolute; }
.apex-showcase-expertise__media img { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.apex-showcase-expertise__media span { background: rgba(27,26,23,.84); border: 1px solid rgba(255,255,255,.23); border-radius: 999px; bottom: 1.4rem; color: #fff; font-size: .75rem; font-weight: 700; padding: .65rem .9rem; position: absolute; z-index: 1; }
.apex-showcase-expertise__media span:first-of-type { left: 1.4rem; }
.apex-showcase-expertise__media span:last-of-type { left: 8.7rem; }

/* Brand and discovery */
.apex-showcase-brands { background: var(--ax-surface, #eee9e0); }
.apex-showcase-brand-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); margin: 0; padding: 0; }
.apex-showcase-brand-grid li { list-style: none; }
.apex-showcase-brand-grid a { align-items: center; background: var(--showcase-white); border: 1px solid var(--showcase-line); border-radius: var(--showcase-radius); color: var(--showcase-ink); display: grid; gap: .8rem; grid-template-columns: auto 1fr auto; min-height: 5.25rem; padding: 1rem; text-decoration: none; transition: border-color 180ms ease; }
.apex-showcase-brand-grid a:hover, .apex-showcase-brand-grid a:focus-visible { border-color: var(--showcase-ink); }
.apex-showcase-brand-grid__mark { align-items: center; background: var(--showcase-ink); border-radius: .3rem; color: var(--showcase-accent-on-dark); display: flex; font-family: var(--showcase-display); font-size: 1rem; font-weight: 800; height: 2.6rem; justify-content: center; width: 2.6rem; }
.apex-showcase-brand-grid strong, .apex-showcase-brand-grid small { display: block; }
.apex-showcase-brand-grid strong { font-family: var(--showcase-display); font-size: 1.1rem; }
.apex-showcase-brand-grid small { color: var(--showcase-muted); margin-top: .2rem; }

.apex-showcase-tags { background: var(--showcase-paper); padding-top: 0; }
.apex-showcase-tags ul { display: flex; flex-wrap: wrap; gap: .65rem; margin: 0; padding: 0; }
.apex-showcase-tags li { list-style: none; }
.apex-showcase-tags a { align-items: center; border-bottom: 1px solid var(--showcase-line); color: var(--showcase-ink); display: inline-flex; font-size: .82rem; font-weight: 700; gap: .45rem; min-height: 44px; padding: .5rem .2rem; text-decoration: none; }
.apex-showcase-tags a:hover, .apex-showcase-tags a:focus-visible { background: var(--showcase-ink); border-color: var(--showcase-ink); color: #fff; }

/* Newsletter and reassurance */
.apex-showcase-newsletter { background: var(--ax-surface, #eee9e0); color: var(--showcase-ink); padding: clamp(4rem, 8vw, 7rem) 0; }
.apex-showcase-newsletter__inner { align-items: end; display: grid; gap: clamp(2rem, 6vw, 6rem); grid-template-columns: minmax(0, 1fr) minmax(22rem, .72fr); }
.apex-showcase-newsletter .apex-showcase-kicker--light { color: var(--showcase-muted); }
.apex-showcase-newsletter h2 { color: var(--showcase-ink); font-size: clamp(2.3rem, 4.7vw, 4.6rem); font-weight: 620; line-height: 1; margin: .9rem 0 1rem; max-width: 12ch; }
.apex-showcase-newsletter p { color: var(--showcase-muted); margin: 0; max-width: 35rem; }
.apex-showcase-newsletter form { display: grid; grid-template-columns: 1fr auto; }
.apex-showcase-newsletter .form-control { background: transparent; border: 0; border-bottom: 1px solid var(--ax-border-strong); border-radius: 0; color: var(--showcase-ink); min-height: 3.6rem; padding-left: 0; }
.apex-showcase-newsletter .form-control::placeholder { color: var(--showcase-muted); }

.apex-showcase-reassurance { background: var(--showcase-white); padding: clamp(2.5rem, 4vw, 4rem) 0; }
.apex-showcase-reassurance > .container { display: grid; gap: clamp(2rem, 5vw, 5rem); grid-template-columns: minmax(15rem, .65fr) minmax(0, 1.35fr); }
.apex-showcase-reassurance h2 { font-size: clamp(1.75rem, 3vw, 2.75rem); font-weight: 700; line-height: 1.03; margin: .55rem 0 0; max-width: 12ch; }
.apex-showcase-reassurance__links { border-top: 1px solid var(--showcase-line); }
.apex-showcase-reassurance__links a { align-items: center; border-bottom: 1px solid var(--showcase-line); color: var(--showcase-ink); display: grid; gap: 1rem; grid-template-columns: 2rem 1fr auto; min-height: 5.25rem; padding: .8rem 0; text-decoration: none; }
.apex-showcase-reassurance__links small { color: var(--showcase-muted); font-family: var(--showcase-display); font-size: .7rem; font-weight: 700; }
.apex-showcase-reassurance__links strong { font-family: var(--showcase-display); font-size: 1rem; }
.apex-showcase-reassurance__links span { color: var(--showcase-muted); font-size: .8rem; font-weight: 700; }

@media (max-width: 63.999rem) {
  .apex-showcase-hero { min-height: 27rem; }
  .apex-showcase-hero__inner { grid-template-columns: 1fr; }
  .apex-showcase-hero__note { display: none; }
  .apex-showcase-category-mosaic { grid-auto-rows: 10rem; }
  .apex-showcase-category-mosaic__item--1 { grid-column: span 7; }
  .apex-showcase-category-mosaic__item--2 { grid-column: span 5; }
  .apex-showcase-editorial__grid { grid-template-columns: 1fr 1fr; min-height: 27rem; }
  .apex-showcase-editorial__copy { padding: 3rem; padding-right: 0; }
  .apex-showcase-application-grid { grid-template-columns: repeat(2, 1fr); }
  .apex-showcase-application-grid li:nth-child(2) { border-right: 0; }
  .apex-showcase-application-grid li:nth-child(-n+2) { border-bottom: 1px solid var(--showcase-line); }
  .apex-showcase-application-grid a { min-height: 14rem; }
  .apex-showcase-expertise__media { min-height: 32rem; }
}

@media (max-width: 47.999rem) {
  .apex-showcase-hero { min-height: 27.5rem; }
  .apex-showcase-hero__media::after,
  .apex-showcase-hero--center .apex-showcase-hero__media::after,
  .apex-showcase-hero--right .apex-showcase-hero__media::after { background: linear-gradient(0deg, rgba(27,26,23,.95) 0%, rgba(27,26,23,.78) 40%, rgba(27,26,23,.08) 78%); }
  .apex-showcase-hero__media img { object-position: 66% center; }
  .apex-showcase-hero__inner { align-items: end; padding-bottom: 1.6rem; padding-top: 8rem; }
  .apex-showcase-hero--center .apex-showcase-hero__inner,
  .apex-showcase-hero--right .apex-showcase-hero__inner { grid-template-columns: 1fr; }
  .apex-showcase-hero--center .apex-showcase-hero__copy,
  .apex-showcase-hero--right .apex-showcase-hero__copy { grid-column: auto; justify-self: stretch; text-align: left; }
  .apex-showcase-hero--center .apex-showcase-hero__copy :where(h1, p),
  .apex-showcase-hero--right .apex-showcase-hero__copy :where(h1, p) { margin-left: 0; }
  .apex-showcase-hero--center .apex-showcase-hero__actions,
  .apex-showcase-hero--right .apex-showcase-hero__actions { justify-content: flex-start; }
  .apex-showcase-hero__copy h1 { font-size: clamp(2.25rem, 10.5vw, 3.2rem); line-height: .98; max-width: 11ch; }
  .apex-showcase-hero__copy p { display: -webkit-box; overflow: hidden; font-size: .9rem; line-height: 1.42; max-width: 30rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .apex-showcase-hero__actions { align-items: center; flex-direction: row; gap: .65rem 1rem; }
  .apex-showcase-hero__actions .btn { justify-content: center; width: auto; }
  .apex-showcase-usps { overflow: visible; }
  .apex-showcase-usps ul { grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  .apex-showcase-usps li { min-height: 4.25rem; width: auto; padding: .65rem .35rem; grid-template-columns: 1fr; gap: .2rem; align-content: center; }
  .apex-showcase-usps strong { font-size: .7rem; letter-spacing: -.01em; }
  .apex-showcase-usps small { display: none; }
  .apex-showcase-section__header, .apex-showcase-section__header--row { align-items: start; grid-template-columns: 1fr; }
  .apex-showcase-section__header h2 { font-size: clamp(1.75rem, 8vw, 2.5rem); max-width: 14ch; }
  .apex-showcase-section__header > p { font-size: .96rem; }
  .apex-showcase-category-mosaic { grid-auto-rows: 8rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .apex-showcase-category-mosaic__item, .apex-showcase-category-mosaic__item--1, .apex-showcase-category-mosaic__item--2 { grid-column: span 1; grid-row: span 1; }
  .apex-showcase-category-mosaic__item--1 { grid-column: 1 / -1; grid-row: span 1; }
  .apex-showcase-category-mosaic__item--2 { grid-column: 1 / -1; }
  .apex-showcase-category-card__content { padding: 1rem; }
  .apex-showcase-category-card__content strong { font-size: 1.1rem; }
  .apex-showcase-category-mosaic__item--1 .apex-showcase-category-card__content strong { font-size: 1.65rem; }
  .apex-showcase-editorial { padding: .7rem 0; }
  .apex-showcase-editorial__grid { grid-template-columns: 1fr; min-height: 0; }
  .apex-showcase-editorial__media { aspect-ratio: 4 / 3; }
  .apex-showcase-editorial__copy { padding: 1.8rem .3rem 2rem; }
  .apex-showcase-editorial__copy h2 { font-size: clamp(1.9rem, 9vw, 2.7rem); }
  .apex-showcase-application-grid { grid-template-columns: 1fr; }
  .apex-showcase-application-grid li { border-bottom: 1px solid var(--showcase-line); border-left: 1px solid var(--showcase-line); border-right: 1px solid var(--showcase-line) !important; }
  .apex-showcase-application-grid li:last-child { border-bottom: 0; }
  .apex-showcase-application-grid a { gap: 1.1rem; grid-template-columns: auto 1fr auto; min-height: 5.25rem; padding: 1rem; }
  .apex-showcase-application-grid strong { align-self: center; font-size: 1.15rem; }
  .apex-showcase-application-grid small { align-self: center; font-size: 0; }
  .apex-showcase-application-grid small b { font-size: 1rem; }
  .apex-showcase-expertise__grid { grid-template-columns: 1fr; }
  .apex-showcase-expertise__copy h2 { font-size: clamp(2.3rem, 12vw, 3.6rem); }
  .apex-showcase-expertise__media { min-height: 28rem; order: -1; }
  .apex-showcase-brand-grid { grid-template-columns: 1fr; }
  .apex-showcase-brand-grid a { min-height: 4.8rem; }
  .apex-showcase-newsletter__inner { align-items: start; grid-template-columns: 1fr; }
  .apex-showcase-newsletter form { grid-template-columns: 1fr; gap: .8rem; }
  .apex-showcase-newsletter .btn { width: 100%; }
  .apex-showcase-reassurance > .container { grid-template-columns: 1fr; }
  .apex-showcase-reassurance__links a { grid-template-columns: 1.8rem 1fr auto; }
  .apex-showcase-reassurance__links span { font-size: 0; }
  .apex-showcase-reassurance__links span::after { content: "→"; font-size: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  .apex-showcase-home *, .apex-showcase-home *::before, .apex-showcase-home *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}