.portfolio-project__content .eyezon-case h2 { font-size: var(--font-size-title); }
.portfolio-project__content .eyezon-case h3 { font-size: var(--font-size-subheading); }
.eyezon-case__row {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: start;
  margin-top: 32px;
}
.eyezon-case__row + .eyezon-case__row { margin-top: clamp(48px, 6vw, 80px); }
.eyezon-case .portfolio-site-comparison { position: static; min-width: 0; }
.eyezon-case .portfolio-process__steps { min-width: 0; }
.eyezon-case .portfolio-site-shot__viewport { height: 540px; }
.portfolio-project__content .eyezon-case__sources { margin-top: 24px; color: #b4b5b0; font-size: 14px; }
.eyezon-case__sources a { color: #f5f5f3; text-underline-offset: 4px; }
.eyezon-case .ect-video video { aspect-ratio: 811 / 360; }
.eyezon-case .ect-video__seek { accent-color: #ff2859; }
.eyezon-case .ect-video__button:focus-visible,
.eyezon-case .ect-video__seek:focus-visible { outline-color: #ff2859; }
@media (max-width: 1050px) {
  .eyezon-case__row { grid-template-columns: 1fr; }
  .eyezon-case .portfolio-site-shot__viewport { height: 500px; }
}
@media (max-width: 820px) {
  .eyezon-case .portfolio-site-comparison { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .portfolio-project__content .eyezon-case h2 { font-size: var(--font-size-title); }
  .eyezon-case .portfolio-site-comparison { grid-template-columns: 1fr; gap: 20px; }
  .eyezon-case .portfolio-site-shot__viewport { height: 480px; }
}