/* Captures réelles des huit projets, cadre de navigateur homogène. */
.folio-card:first-child,.folio-card:last-child{grid-column:auto}.folio-preview,.folio-card:first-child .folio-preview,.folio-card:last-child .folio-preview{aspect-ratio:1.66;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;background:#1c2024;box-shadow:0 14px 36px #0002}.folio-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;height:28px;flex-shrink:0;background:#1c2024;color:#c6cbd3;font:8px/1 monospace;border-bottom:1px solid #ffffff16;position:relative;z-index:2}.folio-browser-bar i{font:7px Arial;letter-spacing:3px;color:#8e91a0;font-style:normal}.folio-browser-bar b{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folio-browser-bar small{font-size:7px;color:#9297a4;white-space:nowrap}.folio-preview>img{display:block;flex:1;min-height:0;width:100%;height:calc(100% - 28px);object-fit:contain;object-position:top center;background:#1c2024;transform-origin:center;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.folio-preview:hover>img{transform:scale(1.025)}.folio-open{padding:11px 14px;font-size:10px;bottom:12px;right:12px;border-radius:3px;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}.folio-preview:hover .folio-open,.folio-preview:focus-visible .folio-open{opacity:1;transform:none}.folio-grid{gap:55px 32px}@media(hover:none){.folio-open{opacity:1;transform:none;font-size:9px;padding:8px 10px}}@media(max-width:700px){.folio-preview,.folio-card:first-child .folio-preview,.folio-card:last-child .folio-preview{aspect-ratio:1.6}.folio-browser-bar{height:25px;font-size:8px;padding-inline:10px}.folio-browser-bar small{font-size:6px}.folio-preview>img{height:calc(100% - 25px)}.folio-grid{gap:42px}.folio-card h2{margin-top:6px}}@media(prefers-reduced-motion:reduce){.folio-preview>img,.folio-open{transition:none}.folio-preview:hover>img{transform:none}}