/* Photographic controls: all relief and lettering are baked into the WebP frames. */
.mcf-button { position: relative; touch-action: pan-y; -webkit-tap-highlight-color: transparent; user-select: none; }
#navigator .format-choice.mcf-button {
  display: block !important; width: min(280px, 100%) !important;
  min-height: 0 !important; height: auto !important; aspect-ratio: 1100 / 471;
  padding: 0 !important; border: 0 !important; border-radius: 12px !important;
  background: transparent !important; box-shadow: none !important;
  transform: none !important; filter: none !important; transition: none !important;
  overflow: visible !important; cursor: pointer;
}
#navigator .format-choice.mcf-button::before,
#navigator .format-choice.mcf-button::after,
#navigator .format-choice.mcf-button .clay-imprint { display: none !important; }
.mcf-visual { display: block; position: relative; width: 100%; height: 100%; aspect-ratio: 1100 / 471; transition: transform 150ms ease, filter 150ms ease; pointer-events: none; }
.mcf-poster, .mcf-canvas { display: block; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 12px 10px rgba(0, 34, 43, .23)); }
.mcf-canvas { position: absolute; inset: 0; visibility: hidden; }
.mcf-button[data-mcf-ready="true"] .mcf-canvas { visibility: visible; }
.mcf-button[data-mcf-ready="true"] .mcf-poster { visibility: hidden; }
.mcf-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#navigator .mcf-button:focus-visible { outline: 3px solid #e8f8cf !important; outline-offset: 5px !important; }
#navigator .format-choice.mcf-button[data-mcf-error="true"] .mcf-label { inset: 0; width: auto; height: auto; margin: 0; clip-path: none; display: grid; place-items: center; white-space: normal; color: #fffaf1; }
@media (hover: hover) and (pointer: fine) {
  .mcf-button:not(:disabled):not(.mcf-held):hover .mcf-visual { transform: translateY(-3px) scale(1.02); filter: drop-shadow(0 8px 9px rgba(0, 31, 42, .15)); }
}
@media (prefers-reduced-motion: reduce) {
  .mcf-visual { transition: none; }
  .mcf-button:hover .mcf-visual { transform: none !important; }
}