/* Homepage image pairs reveal the complete second image without zoom or drift. */
.f-site .f-products .f-project-image[data-work-image]{height:auto;aspect-ratio:1672/941;min-height:0;background:#cbd1d6}
.f-site .f-products .f-project-image[data-work-image]>img,.f-site.motion-enabled .f-products .f-project-image[data-work-image]>img{object-fit:cover;object-position:center;transform:none;transition:none}
.f-site .f-products .f-work-reel{width:var(--preview-width,84%);transform:none;transition:opacity .18s ease}
.f-site .f-products .f-work-reel-screen>img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;transform:none;animation:none}
.f-site.work-effects-enabled .f-products article.is-work-preview .f-work-reel{transform:none}
@media(hover:hover) and (pointer:fine){
 .f-site .f-products .f-project-image:is(:hover,:focus-visible) .f-work-shade{opacity:1;backdrop-filter:blur(2px)}
 .f-site .f-products .f-project-image:is(:hover,:focus-visible) .f-work-reel{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
 .f-site .f-products .f-project-image:focus-visible .f-work-reel{display:block!important;opacity:1;transition:none;transform:none}
 .f-site .f-products .f-project-image:focus-visible .f-work-shade{display:block!important;opacity:1;transition:none;backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){
 .f-site .f-products .f-project-image:hover .f-work-reel{display:block!important;opacity:1;transition:none;transform:none}
 .f-site .f-products .f-project-image:hover .f-work-shade{display:block!important;opacity:1;transition:none;backdrop-filter:none}
}
/* Supporting imagery stays within the article reading column. */
.f-media-collection{min-width:0;margin:30px 0 38px}
.f-media-figure{margin:0 0 24px;min-width:0}
.f-media-figure img{display:block;width:100%;height:auto;max-width:100%}
.f-media-figure figcaption{font-size:.8125rem;line-height:1.6;color:#45515d;margin-top:10px}
.f-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.f-media-grid .f-media-figure{margin:0}
.f-media-grid .f-media-figure:only-child{grid-column:1/-1}
.f-media-grid:empty{display:none}
.f-media-figure.is-logo{max-width:380px;padding:32px 22px;background:#d5dade}
.f-media-figure.is-mobile{width:min(100%,320px);margin-inline:auto}
.f-media-figure.is-poster{max-width:515px;margin-inline:auto}
.f-tool-media{width:calc(100% - 2 * var(--f-pad));max-width:1120px;margin:0 auto 42px}
.f-tool-media .f-media-collection{margin:0}
.f-tool-media .f-media-grid{gap:24px}
.f-product-page .f-case-body dt{color:#45515d}
.f-record-preview-body{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:24px;align-items:start;margin:20px 0 8px}
.f-record-preview-body>div{min-width:0}
.f-record-preview-media{margin:0;min-width:0}
.f-record-preview-media img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.f-record-preview-media.is-logo img{object-fit:contain;background:#cbd1d6;padding:18px}
.f-site .f-record-preview-body p{margin-top:0}
@media(max-width:650px){
 .f-media-grid{grid-template-columns:1fr;gap:24px}
 .f-tool-media{margin-bottom:28px}
 .f-record-preview-body{grid-template-columns:1fr;gap:20px}
 .f-record-preview-media{max-width:100%}
 .f-record-preview-media img{aspect-ratio:16/9}
}
.large-text .f-record-preview-body{grid-template-columns:1fr}
.large-text .f-record-preview-media{max-width:360px}
@media(prefers-reduced-motion:reduce){.f-products .f-work-reel-screen>img{animation:none!important}.f-site.motion-enabled .f-products .f-project-image[data-work-image]>img{transform:none!important}}