/* Homepage mixed variant: green styling unchanged; color card thumbs + 5% zoom on hover */

body.portfolio-home-mixed .portfolio-featured-grid .portfolio-card__dual-stack {
  overflow: hidden;
}

body.portfolio-home-mixed .portfolio-featured-grid .portfolio-card__dual-stack picture.portfolio-card__thumb--base,
body.portfolio-home-mixed .portfolio-featured-grid .portfolio-card__dual-stack .portfolio-card__thumb--base {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.portfolio-home-mixed .portfolio-featured-grid .portfolio-card__dual-stack picture.portfolio-card__thumb--color,
body.portfolio-home-mixed .portfolio-featured-grid .portfolio-card__dual-stack .portfolio-card__thumb--color {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

body.portfolio-home-mixed .portfolio-featured-grid .portfolio-card__dual-stack picture.portfolio-card__thumb--color img,
body.portfolio-home-mixed .portfolio-featured-grid .portfolio-card__dual-stack .portfolio-card__thumb--color img {
  transition: transform 0.35s ease;
  transform: scale(1);
  transform-origin: center center;
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
  body.portfolio-home-mixed .portfolio-card--wide .portfolio-card__link:hover .portfolio-card__thumb--color,
  body.portfolio-home-mixed .portfolio-card--wide .portfolio-card__link:focus-visible .portfolio-card__thumb--color,
  body.portfolio-home-mixed .portfolio-card--wide .portfolio-card__link:hover picture.portfolio-card__thumb--color,
  body.portfolio-home-mixed .portfolio-card--wide .portfolio-card__link:focus-visible picture.portfolio-card__thumb--color {
    opacity: 1 !important;
  }

  body.portfolio-home-mixed .portfolio-card--wide .portfolio-card__link:hover .portfolio-card__dual-stack picture.portfolio-card__thumb--color img,
  body.portfolio-home-mixed .portfolio-card--wide .portfolio-card__link:focus-visible .portfolio-card__dual-stack picture.portfolio-card__thumb--color img,
  body.portfolio-home-mixed .portfolio-card--wide .portfolio-card__link:hover .portfolio-card__dual-stack .portfolio-card__thumb--color img,
  body.portfolio-home-mixed .portfolio-card--wide .portfolio-card__link:focus-visible .portfolio-card__dual-stack .portfolio-card__thumb--color img {
    transform: scale(1.05);
  }

  body.portfolio-home-mixed .portfolio-card--wide .portfolio-card__link:hover .portfolio-card__dual-stack::after,
  body.portfolio-home-mixed .portfolio-card--wide .portfolio-card__link:focus-visible .portfolio-card__dual-stack::after {
    opacity: 0;
  }
}

@media screen and (max-width: 870px) {
  body.portfolio-home-mixed.portfolio-home-alt-clients-logos .portfolio-featured-grid .portfolio-card__dual-stack picture.portfolio-card__thumb--base,
  body.portfolio-home-mixed.portfolio-home-alt-clients-logos .portfolio-featured-grid .portfolio-card__dual-stack .portfolio-card__thumb--base {
    display: none !important;
  }

  body.portfolio-home-mixed.portfolio-home-alt-clients-logos .portfolio-featured-grid .portfolio-card__dual-stack picture.portfolio-card__thumb--color,
  body.portfolio-home-mixed.portfolio-home-alt-clients-logos .portfolio-featured-grid .portfolio-card__dual-stack .portfolio-card__thumb--color {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
  }
}

/* Footer contact: same typography as gray variant, green underline accent */
body.portfolio-home-mixed .portfolio-home-close__title {
  font-weight: 400;
}

body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email,
body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email:link,
body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email:visited {
  color: #c3d23c !important;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 0.12em;
  text-decoration-color: #c3d23c;
}

body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email:hover,
body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email:focus-visible,
body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email:link:hover,
body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email:visited:hover,
body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email:link:focus-visible,
body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email:visited:focus-visible {
  color: #111111 !important;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 0.12em;
  text-decoration-color: #111111;
}

@media screen and (min-width: 769px) {
  body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email,
  body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email:link,
  body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email:visited,
  body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email:hover,
  body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email:focus-visible,
  body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email:link:hover,
  body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email:visited:hover,
  body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email:link:focus-visible,
  body.portfolio-home-mixed .portfolio-home-close .portfolio-home-close__email:visited:focus-visible {
    font-size: 48px;
    line-height: 1.1;
  }
}

/* —— EXPERIMENT (mixed only): card titles + CTA buttons — revert by removing this block —— */

/* Card titles: no underline (default or hover) */
body.portfolio-home-mixed.portfolio-home-alt-clients-logos .portfolio-featured-grid .portfolio-card__title--below-image .portfolio-card__title-line:first-child {
  text-decoration: none !important;
  background-image: none !important;
  padding-bottom: 0;
}

@media (hover: hover) and (pointer: fine) {
  body.portfolio-home-mixed.portfolio-home-alt-clients-logos .portfolio-card--wide .portfolio-card__link:hover .portfolio-card__title--below-image .portfolio-card__title-line:first-child,
  body.portfolio-home-mixed.portfolio-home-alt-clients-logos .portfolio-card--wide .portfolio-card__link:focus-visible .portfolio-card__title--below-image .portfolio-card__title-line:first-child {
    text-decoration: none !important;
    background-image: none !important;
  }
}

@media screen and (max-width: 870px) {
  body.portfolio-home-mixed.portfolio-home-alt-clients-logos .portfolio-card--wide .portfolio-card__link:hover .portfolio-card__title--below-image .portfolio-card__title-line:first-child,
  body.portfolio-home-mixed.portfolio-home-alt-clients-logos .portfolio-card--wide .portfolio-card__link:active .portfolio-card__title--below-image .portfolio-card__title-line:first-child,
  body.portfolio-home-mixed.portfolio-home-alt-clients-logos .portfolio-card--wide .portfolio-card__link:focus-visible .portfolio-card__title--below-image .portfolio-card__title-line:first-child {
    text-decoration: none !important;
  }
}

/* View profile / Explore the Archive: green + black text → black + white text, no border */
body.portfolio-home-mixed .portfolio-load-more,
body.portfolio-home-mixed a.portfolio-load-more,
body.portfolio-home-mixed a.portfolio-load-more:link,
body.portfolio-home-mixed a.portfolio-load-more:visited {
  color: #111111 !important;
  background-color: var(--portfolio-green);
  border: 0;
  font-size: 10px;
  padding: 8px 10px;
}

body.portfolio-home-mixed .portfolio-load-more:hover,
body.portfolio-home-mixed .portfolio-load-more:focus-visible,
body.portfolio-home-mixed a.portfolio-load-more:hover,
body.portfolio-home-mixed a.portfolio-load-more:focus-visible {
  color: #ffffff !important;
  background-color: #111111;
  border: 0;
  text-decoration: none;
  outline: none;
}

body.portfolio-home-mixed .portfolio-load-more:focus-visible {
  outline: 2px solid var(--portfolio-green);
  outline-offset: 2px;
}