/* Actual product captures keep their proportions, including narrow settings panels. */
.feature-evidence { margin: 2rem 0 0; min-width: 0; }
.feature-evidence__image { display: flex; justify-content: center; align-items: center; padding: clamp(1rem, 3vw, 2rem); border: 1px solid var(--line-2); border-radius: 1rem; background: #0b0f11; overflow: hidden; cursor: zoom-in; }
.feature-evidence__image img { display: block; width: auto; max-width: 100%; max-height: 620px; height: auto; object-fit: contain; border-radius: .5rem; }
.feature-evidence figcaption { margin-top: .8rem; color: var(--fg-2); font-size: .85rem; line-height: 1.5; }
.feature-evidence .sample-note { color: var(--fg-3); }
.enlarge-note { white-space: nowrap; margin-left: .4rem; color: var(--fg-3); font-size: .75rem; }
.feature-evidence__image:focus-visible { outline: 3px solid var(--accent); outline-offset: 5px; }
.feature-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.4rem; align-items: start; }
.feature-gallery .feature-evidence { margin: 0; }
.feature-gallery .feature-evidence__image { height: 480px; padding: 1rem; }
.feature-gallery img { max-height: 448px; }
.how-visual img[data-product-shot] { width: 100%; max-height: 350px; object-fit: contain; background: #0b0f11; }
.how-visual .fig { background: #0b0f11; }
.deck__media img[data-product-shot] { object-fit: contain; object-position: center; padding: 1rem; background: #0b0f11; }
.mfig img[data-product-shot] { object-fit: contain; background: #0b0f11; }
.job .th img[data-product-shot] { object-fit: contain; background: #0b0f11; }
.storage-record { display: flex; flex-direction: column; justify-content: flex-end; gap: .3rem; padding: 1rem; aspect-ratio: 16 / 9; color: var(--fg); background: var(--ink-1); border-top: 3px solid var(--accent); }
.storage-record__mark { margin-bottom: auto; color: var(--accent); font-size: 1.6rem; }
.storage-record b { font-size: .85rem; font-weight: 500; }
.storage-record small { font-family: var(--mono); color: var(--fg-3); font-size: .6rem; }
.policy-frame { display: flex; min-height: 150px; align-items: center; justify-content: center; padding: 2.2rem 1.2rem; text-align: center; font-family: var(--disp); font-size: 1.2rem; line-height: 1.3; color: var(--fg); background: var(--ink-1); }
@media (max-width: 760px) {
 .feature-evidence__image { padding: .65rem; }
 .feature-evidence__image img { max-height: 540px; }
 .feature-gallery { grid-template-columns: 1fr; gap: 2rem; }
 .feature-gallery .feature-evidence__image { height: auto; }
 .feature-gallery img { max-height: 520px; }
 .feature-evidence figcaption { font-size: .8rem; }
 .storage-record { padding: .5rem; }
 .storage-record b { font-size: .6rem; }
 .storage-record__mark { font-size: 1.1rem; }
 .storage-record small { font-size: .48rem; }
}