/* Galerie de films courts : le projet occupe la carte, sans commandes de lecteur. */
.projects .section-heading{margin-bottom:36px;align-items:flex-start}
.gallery-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px;color:#969c90;font-size:12px}
.gallery-hint{font-size:12px;color:#b8beb0}.touch-hint{display:none}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.project-card{min-width:0}
.project-preview{position:relative;display:block;width:100%;padding:0;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#252720;outline:1px solid #ffffff0e;transition:outline-color .2s}
.project-preview:hover{outline-color:#ffffff55}
.project-preview video,.project-poster{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.project-poster{z-index:1;opacity:1;transition:opacity .25s}.project-preview.is-playing .project-poster{opacity:0}.project-expand{z-index:2}
.project-expand{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:32px;height:32px;background:#171916cc;color:#fff;border:1px solid #ffffff35;border-radius:50%;font-size:17px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.project-preview:hover .project-expand,.project-preview:focus-visible .project-expand{opacity:1;transform:none}
.project-card .project-meta{display:block;position:relative;padding:15px 0 0}
.project-card .project-meta h3{font:500 17px/1.3 Geist,Arial,sans-serif;letter-spacing:-.3px;margin:0}
.project-name{padding:0;text-align:left;font:inherit}
.project-name:hover{text-decoration:underline;text-underline-offset:4px}
.project-card .project-meta p{font-size:12px;line-height:1.4;letter-spacing:1px;text-transform:uppercase;color:#949b8b;margin:7px 0 0}
.gallery-note{margin-top:35px;font-size:12px}
.preview-dialog{width:min(1160px,calc(100% - 56px));max-width:none;max-height:calc(100svh - 56px);padding:0;color:var(--paper);background:#1a1c17;border:1px solid #ffffff24;border-radius:12px;overflow:auto;box-shadow:0 35px 100px #0009}
.preview-dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}
.preview-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-bottom:1px solid #ffffff15}
.preview-dialog-header h2{font-size:18px;font-weight:500;letter-spacing:-.4px;margin:0}
.preview-close{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:#ffffff08;border-radius:50%;font-size:25px;line-height:1}
.preview-dialog-body{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:25px;padding:24px}
.preview-screen{min-width:0;align-self:start;background:#080a07;border-radius:5px;overflow:hidden}
.preview-screen video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}
.preview-info{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.preview-category{font-size:10px;color:#b0b7a7;letter-spacing:1.5px;text-transform:uppercase;margin:0}
.preview-description{font-size:15px;line-height:1.65;color:#d1d6ca;margin:0}
.preview-info .primary{width:100%;font-size:13px;gap:14px;padding:14px 16px;margin-top:auto}
.preview-caption{font-size:11px;line-height:1.6;color:#929a86;margin:0}
.preview-fallback{padding:15px;font-size:13px;line-height:1.5}
@media(max-width:1100px){.preview-dialog-body{grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:700px){.project-grid{grid-template-columns:1fr;gap:28px}.projects .section-heading{margin-bottom:24px}.gallery-tools{font-size:11px;gap:12px}.gallery-hint{font-size:11px}.hover-hint{display:none}.touch-hint{display:inline}.project-expand{opacity:1;transform:none}.project-card .project-meta h3{font-size:18px}.project-card .project-meta p{font-size:11px}.preview-dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px);border-radius:8px}.preview-dialog-header{padding:14px 16px;gap:12px}.preview-dialog-header h2{font-size:16px}.preview-dialog-body{display:block;padding:16px}.preview-info{gap:14px;margin-top:22px}.preview-description{font-size:14px}.preview-info .primary{margin-top:4px}.preview-caption{font-size:11px}.gallery-note{display:block}.gallery-note a{display:inline-block;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.project-expand,.project-preview{transition:none}}

html.preview-open{overflow:hidden}

@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.hover-hint{display:none}.touch-hint{display:inline}}
@media(prefers-reduced-motion:reduce){.project-poster{transition:none}}

.projects{padding-bottom:48px}.projects .section-heading{margin-bottom:26px}.projects .section-heading h2{font-size:clamp(34px,3.8vw,52px)}
.projects .more-projects{margin-top:28px}.projects .more-heading{padding:15px 0;font-size:14px;min-height:52px}
.extra-projects{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 0 28px;gap:28px 24px}
.projects .gallery-note{margin:18px 0 0;font-size:12px}
@media(max-width:700px){.projects{padding-top:38px;padding-bottom:35px}.projects .section-heading>p{margin-top:18px;font-size:14px}.projects .gallery-tools{gap:15px;align-items:flex-start}.gallery-tools>span:first-child{max-width:160px}.gallery-hint{white-space:nowrap}.project-grid,.extra-projects{grid-template-columns:1fr}.projects .more-heading{font-size:14px}.projects .section-heading h2{font-size:36px}}