/* A large, direct view of the work, paired with its client's own words. */
#results.client-showcase.section {
  position: relative; isolation: isolate; overflow: clip; color: #f1efe6;
  padding: 48px 0 36px; background: #101913;
}
/* Match the scorched artwork at both boundaries without changing section flow. */
.showcase-entry-seam { position: relative; z-index: 1; height: 0; pointer-events: none; }
.showcase-entry-seam::before, .showcase-entry-seam::after,
#results.client-showcase + #pricing.service-intro::before,
#results.client-showcase + #pricing.service-intro::after {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  top: -16px; left: 0; width: 100%; height: clamp(48px, 6vw, 104px);
}
.showcase-entry-seam::before,
#results.client-showcase + #pricing.service-intro::before {
  background: #101913;
  mask: url("../assets/img/seam-burn-1280.webp?v=20260803") center / 100% 100% no-repeat;
  filter: drop-shadow(0 5px 5px #17150f66);
}
.showcase-entry-seam::after,
#results.client-showcase + #pricing.service-intro::after {
  background: url("../assets/img/seam-burn-1280.webp?v=20260803") center / 100% 100% no-repeat;
  mask-image: linear-gradient(to bottom, transparent, #000 60%);
}
.showcase-entry-seam::before, .showcase-entry-seam::after {
  top: auto; bottom: -16px; transform: scaleY(-1);
}
@media (max-width: 1100px), (max-height: 500px), (pointer: coarse) {
  .showcase-entry-seam::before, .showcase-entry-seam::after,
  #results.client-showcase + #pricing.service-intro::before,
  #results.client-showcase + #pricing.service-intro::after { height: 48px; }
}
@media print {
  .showcase-entry-seam { display: none; }
  #results.client-showcase + #pricing.service-intro::before,
  #results.client-showcase + #pricing.service-intro::after { display: none; }
}
#results .case { display: block; max-width: 1680px; width: calc(100% - 32px); padding-inline: 0; }
#results .case__copy { max-width: none; padding-inline: 64px; text-align: left; }
#results.client-showcase .section__title {
  position: static; width: auto; height: auto; overflow: visible; clip-path: none; margin: 0;
  color: #f1efe6; font-size: clamp(2rem, 3.4vw, 3.2rem); line-height: 1;
  -webkit-text-stroke: 0; filter: none; transform: none;
}
#results .section__title .mp { display: inline-block; color: #f1efe6; filter: none; }
#results .growth__l2 { display: inline-block; color: #a0dd71; }
.growth--reviews { margin-top: 32px; min-width: 0; }
.review-slider__frame { position: relative; }
.review-slider__stage { position: relative; width: 100%; overflow: clip; }
/* Suspend native snapping while the two whole stories make one weighted slide. */
.growth__chips--reviews[data-sliding="true"] { scroll-snap-type: none; }
.growth__chips--reviews[data-sliding="true"] .review-slide { visibility: hidden; }
.growth__chips--reviews[data-sliding="true"] .review-slide[aria-hidden="false"],
.growth__chips--reviews[data-sliding="true"] .review-slide[data-slide-outgoing="true"] { visibility: visible; will-change: transform; }
.growth__chips--reviews {
  --reviews-visible: 1; position: relative; display: grid;
  grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 100%;
  max-width: none; gap: 160px; align-items: start; margin: 0;
  padding: 6px 64px 16px; overflow-x: auto; overflow-y: hidden;
  scroll-snap-type: x mandatory; scroll-padding-inline-start: 64px;
  overscroll-behavior-x: contain; scrollbar-width: none; overflow-anchor: none;
}
.growth__chips--reviews::-webkit-scrollbar { display: none; }
.review-slide {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 320px);
  gap: clamp(28px, 3vw, 48px); align-items: center; min-width: 0; position: relative;
  padding: 0; scroll-snap-align: start; scroll-snap-stop: always;
}
.review-project { grid-column: 1; grid-row: 1; min-width: 0; position: relative; display: flex; align-self: stretch; }
.review-preview { display: block; position: relative; width: 100%; aspect-ratio: 1280 / 684; background: #f1efe6; }
.review-preview__screen { position: absolute; inset: 0; overflow: hidden; }
.review-preview__screen > img, .review-preview__screen > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: left top; background: #f1efe6; }
.review-preview__screen > video[hidden] { display: none; }
.review-copy { grid-column: 2; grid-row: 1; min-width: 0; padding-block: 10px; }
.review-slide__heading { margin-bottom: 22px; }
.review-project__services { margin: 0 0 10px; color: #a0dd71; font: 600 .75rem/1.5 "Archivo", sans-serif; }
.review-project__title { margin: 0; color: #f1efe6; font: 800 clamp(1.45rem, 2.5vw, 2.25rem)/1.08 "Archivo", sans-serif; letter-spacing: -.025em; }
.review-project__status { margin: 10px 0 0; color: #c8d1c4; font-size: .75rem; }
.home-review { min-width: 0; margin: 0; padding-top: 22px; border-top: 1px solid #3c493a; }
.home-review__pullquote { margin: 0 0 18px; color: #f1efe6; font: 500 clamp(1rem, 1.3vw, 1.2rem)/1.5 "Archivo", sans-serif; }
.home-review__pullquote em { font-style: normal; }
.home-review__full[hidden] { display: none; }
.home-review figcaption strong { display: block; color: #c8d1c4; font-size: .8rem; font-weight: 600; }
.home-review__company { display: none; }
.home-review__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 18px; margin-top: 24px; }
.home-review__project { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; border: 1px solid #a0dd71; color: #101913; background: #a0dd71; font: 700 .8rem/1.3 "Archivo", sans-serif; text-decoration: none; }
.home-review__project:hover { background: #b6e894; border-color: #b6e894; }
.home-review__read { min-height: 44px; padding: 10px 0; border: 0; background: none; color: #c8d1c4; font: 600 .75rem/1.3 "Archivo", sans-serif; text-decoration: underline; text-underline-offset: 5px; cursor: pointer; }
.home-review__read[hidden] { display: none; }
.review-slider__controls { position: absolute; z-index: 4; display: flex; align-items: center; justify-content: space-between; pointer-events: none; }
.review-slider__controls[hidden] { display: none; }
.review-slider__arrow { display: grid; place-items: center; flex: 0 0 auto; width: 52px; height: 52px; padding: 0; border: 1px solid #a0dd71; border-radius: 50%; background: #101913; color: #f1efe6; font: 400 1.5rem/1 "Archivo", sans-serif; cursor: pointer; pointer-events: auto; }
.review-slider__arrow[data-review-prev] { transform: translateX(-50%); }
.review-slider__arrow[data-review-next] { transform: translateX(50%); }
.review-slider__arrow:hover:not([aria-disabled="true"]) { color: #101913; border-color: #a0dd71; background: #a0dd71; }
.review-slider__arrow[aria-disabled="true"] { color: #71816b; border-color: #71816b; cursor: default; }
.review-slider__count { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.review-more { display: block; width: fit-content; margin: 44px auto 0; padding: 10px 0; color: #f1efe6; font-size: .9rem; font-weight: 600; text-decoration: underline; text-underline-offset: 5px; }
.client-showcase button:focus-visible, .client-showcase a:focus-visible, .growth__chips--reviews:focus-visible { outline: 3px solid #ffb22e; outline-offset: 4px; }
.growth__chips--reviews:focus-visible { outline-offset: -3px; }
.review-preview:focus-visible { outline-offset: -4px; }
.review-dialog { width: min(640px, calc(100% - 36px)); max-height: calc(100svh - 48px); margin: auto; padding: 32px; overflow: auto; overscroll-behavior: contain; border: 2px solid #a0dd71; color: #f1efe6; background: #101913; box-shadow: 0 24px 80px #000; }
.review-dialog::backdrop { background: rgba(0,0,0,.82); }
.review-dialog__close { position: sticky; top: 0; z-index: 1; display: block; margin: 0 0 28px auto; padding: 10px 16px; border: 1px solid #a0dd71; color: #a0dd71; background: #101913; font: 700 .9rem "Archivo", sans-serif; cursor: pointer; }
.review-dialog h2 { color: #f1efe6; font: 800 1.6rem/1.2 "Archivo", sans-serif; }
.review-dialog blockquote { margin: 24px 0; }
.review-dialog blockquote p { color: #f1efe6; font-size: 1.1rem; line-height: 1.6; }
.review-dialog__author { font-weight: 700; }
.review-dialog a { color: #a0dd71; text-underline-offset: 4px; }
.review-dialog :focus-visible { outline: 3px solid #ffb22e; outline-offset: 4px; }
@media (max-width: 1200px) {
  #results .case { width: calc(100% - 48px); }
  #results .case__copy { padding-inline: 4px; }
  .review-slider__frame { display: flex; flex-direction: column; }
  .growth__chips--reviews { padding: 6px 4px 12px; gap: 32px; scroll-padding-inline-start: 4px; }
  .review-slide { gap: 28px; grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr); }
  .review-project__title { font-size: 1.6rem; }
  .home-review__pullquote { font-size: 1rem; }
  .review-slider__arrow { width: 48px; height: 48px; }
  .review-slider__arrow[data-review-prev] { transform: translateX(-12px); }
  .review-slider__arrow[data-review-next] { transform: translateX(12px); }
  .review-more { margin-top: 14px; }
}
@media (max-width: 1000px) {
  #results.client-showcase.section { padding: 32px 0; }
  #results .case { width: calc(100% - 32px); }
  #results .case__copy { text-align: center; }
  #results.client-showcase .section__title { font-size: clamp(1.55rem, 6.7vw, 2.3rem); }
  .growth--reviews { margin-top: 24px; }
  .review-slide { grid-template-columns: minmax(0, 1fr); gap: 0; text-align: center; align-content: start; }
  .review-copy { display: contents; }
  .review-slide__heading { grid-column: 1; grid-row: 1; margin: 0 0 18px; }
  .review-project__services { margin-bottom: 5px; font-size: .7rem; }
  .review-project__title { font-size: 1.55rem; }
  .review-project__status { margin-top: 6px; font-size: .7rem; }
  .review-project { grid-column: 1; grid-row: 2; width: 100%; justify-self: center; }
  .home-review { grid-column: 1; grid-row: 3; width: min(100%, 480px); justify-self: center; margin-top: 20px; padding-top: 0; border: 0; }
  .home-review__pullquote { font-size: 1rem; line-height: 1.45; margin-bottom: 10px; }
  .home-review figcaption strong { font-size: .75rem; }
  .home-review__actions { justify-content: center; margin-top: 12px; gap: 8px 20px; }
  .review-dialog { padding: 24px; }
}
@media (min-width: 601px) and (max-height: 500px) {
  #results.client-showcase.section { padding-block: 24px; }
  #results.client-showcase .section__title { font-size: 1.8rem; }
  .growth--reviews { margin-top: 16px; }
  .review-slide { grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr); align-items: center; text-align: left; }
  .review-copy { display: block; grid-column: 2; grid-row: 1; padding: 0; }
  .review-slide__heading { margin-bottom: 12px; }
  .review-project { grid-column: 1; grid-row: 1; width: 100%; align-self: center; }
  .review-project__title { font-size: 1.3rem; }
  .review-project__services { font-size: .65rem; }
  .home-review { padding-top: 12px; margin-top: 0; border-top: 1px solid #3c493a; }
  .home-review__pullquote { font-size: .9rem; margin-bottom: 10px; }
  .home-review__actions { margin-top: 8px; gap: 4px 18px; justify-content: flex-start; }
  .home-review__project, .home-review__read { font-size: .7rem; }
  .review-more { margin-top: 4px; }
}
@media print {
  #results.client-showcase.section { color: #0f1712; background: #fff; padding: 20px 0; }
  #results.client-showcase .section__title, #results .growth__l2, .review-project__title, .review-project__services, .home-review figcaption strong, .home-review__project { color: #0f1712; }
  #results .section__title .mp, .review-more { color: #0f1712; }
  .review-slider__stage { overflow: visible; }
  .review-slider__frame { display: block; }
  .growth__chips--reviews { display: block; overflow: visible; height: auto !important; padding: 0; }
  .review-slide { min-height: 0 !important; margin-block: 40px; break-inside: avoid; }
  .home-review__full[hidden] { display: block !important; margin: 0 0 20px; }
  .home-review__full p { color: #0f1712; font-size: 1rem; line-height: 1.5; }
  .home-review__pullquote, .review-slider__controls, .home-review__read, .review-preview video { display: none; }
}
