/* Cadrage vidéo dans la structure du premier média WORK 01. */
.iv-work-film { width: 100%; max-width: none; margin: 0; padding: clamp(40px, 6vw, 96px) clamp(16px, 1.67vw, 32px); min-width: 0; background: var(--iv-black); }
.iv-work-film.iv-grain { --iv-grain-opacity: var(--iv-grain-opacity-card); }
.iv-work-film__stage { width: 100%; position: relative; transform-origin: center center; will-change: transform; }
.iv-work-film__frame { position: relative; display: flex; width: 100%; aspect-ratio: 2.2; max-height: 90svh; border-radius: 3.5rem; overflow: hidden; background: var(--iv-black); }
.iv-work-film__media { display: block; width: 100%; height: 100%; object-fit: cover; transform-origin: center center; will-change: transform; }
@media(max-width: 991px) { .iv-work-film__frame { border-radius: 2rem; } }
@media(max-width: 767px) { .iv-work-film__frame { border-radius: 1.5rem; } }
@media(max-width: 600px) { .iv-work-film { padding-block: 32px; } .iv-work-film__frame { aspect-ratio: 16/9; } }
@media(max-width: 479px) { .iv-work-film__frame { border-radius: 1rem; } }
@media(prefers-reduced-motion: reduce) { .iv-work-film__stage,.iv-work-film__media { transform: none !important; will-change: auto; } }

/* Mobile : pleine largeur à la fin de l'agrandissement, sans bord arrondi. */
@media(max-width:600px) {
 .iv-transition > .story-panel, .story-panel > .home-discovery { overflow: visible; }
 .iv-work-film { width: calc(100% + 2 * var(--iv-shell-gap)); margin-inline: calc(-1 * var(--iv-shell-gap)); padding-inline: 0; }
 .iv-work-film .iv-work-film__frame { border-radius: 0; }
}
.iv-work-film__sound { position: absolute; z-index: 2; right: 16px; bottom: 16px; display: grid; place-items: center; width: 44px; height: 44px; padding: 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(0,0,0,.48); color: #fff; cursor: pointer; backdrop-filter: blur(6px); }
.iv-work-film__sound svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.iv-work-film__sound-on { display: none; }
.iv-work-film__sound[aria-pressed="true"] .iv-work-film__sound-on { display: initial; }
.iv-work-film__sound[aria-pressed="true"] .iv-work-film__sound-off { display: none; }
.iv-work-film__sound:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media(max-width:600px) { .iv-work-film__sound { right: 10px; bottom: 10px; } }

/* Accroche de création : sans attribution à un élève ou au professionnel. */
.iv-work-film__frame::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse at center, rgba(0,0,0,.25), transparent 75%); }
.iv-work-film__quote { position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 64px); margin: 0; color: var(--iv-white); text-align: center; font: 750 clamp(2rem, 4.6vw, 6rem)/1.04 var(--iv-font-text); letter-spacing: -.05em; text-shadow: 0 2px 20px rgba(0,0,0,.55); pointer-events: none; }
.iv-work-film__quote span { display: block; white-space: nowrap; }
@media(max-width:600px) { .iv-work-film__quote { width: calc(100% - 24px); font-size: 6.2vw; line-height: 1.12; } }

/* Parallaxe discrète des deux lignes ; lecture fixe sans animations. */
.iv-work-film__quote span { will-change: transform; }
.iv-work-film__quote span:first-child { font-weight: 550; }
.iv-work-film__quote span:last-child { font-weight: 800; }
@media(prefers-reduced-motion: reduce) { .iv-work-film__quote span { transform: none !important; will-change: auto; } }