/* Logger-specific artwork; layout comes from the shared project-page styles. */
.logger-hero__artwork { background: var(--logger-green); }
.logger-hero__artwork > img { width: auto; max-width: none; height: 100%; margin-inline: auto; object-fit: contain; }
.logger-hero__icon { position: absolute; z-index: 2; top: 435px; right: 76px; width: 184px; height: 184px; border-radius: calc(100vw / 35); max-width: none; object-fit: cover; transform: rotate(10.41deg); transform-origin: center; }
.logger-hero__spacer { display: block; width: 285px; height: 48px; justify-self: end; opacity: 0; }

.detail-card--logger-onboarding .detail-card__media img, .detail-card--logger-onboarding .detail-card__media video { width: 500px; max-width: 90%; height: 376px; max-height: none; object-fit: cover; }
.detail-card--logger-prompt .detail-card__media { position: relative; }
.detail-card--logger-prompt .detail-card__media img, .detail-card--logger-prompt .detail-card__media video { position: absolute; top: 0; left: 50%; width: auto; max-width: none; height: 100%; max-height: none; object-fit: contain; transform: translateX(-50%); }

.logger-comparison--final .comparison__media img { width: 100%; max-width: none; height: 100%; max-height: none; object-fit: cover; }
.logger-comparison--entry .comparison__media img { width: 100%; max-width: 100%; height: 100%; max-height: 100%; object-fit: contain; mix-blend-mode: normal; }
.logger-comparison--review .comparison__media img { width: 85%; max-width: 85%; height: auto; mix-blend-mode: normal; }
.logger-comparison--review .comparison__media { background: var(--logger-yellow); }

.logger-page .selected-work .comparison__media :is(img, video) { position: absolute; top: 0; left: 50%; width: auto; max-width: none; height: 100%; max-height: none; object-fit: contain; transform: translateX(-50%); }

@media (max-width:1000px) {
  .logger-hero__spacer { display: none; }
  .logger-hero__icon { top: 36%; right: 6%; width: 13%; height: auto; aspect-ratio: 1; }
}

@media (max-width:680px) {
  .logger-hero__icon { display: none; }
}