Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
/* ==== ITF YouTube Short (Cinema, no-crop) ==== */
.itf-ytshort {
--itf-max-width: 740px; /* matches story column */
--itf-radius: 16px;
--itf-bg-blur: 24px;
--itf-bg-brightness: 0.6;
margin: 1.75rem auto;
max-width: var(--itf-max-width);
}
.itf-ytshort__frame {
position: relative;
width: 100%;
aspect-ratio: 16/9; /* fixed mask */
background: #0f1216;
border-radius: var(--itf-radius);
overflow: hidden;
}
/* Background fill */
.itf-ytshort__bg {
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover;
object-position: 50% 20%; /* nudge if needed */
filter: blur(var(--itf-bg-blur)) brightness(var(--itf-bg-brightness));
transform: scale(1.1);
}
/* Center the phone and give a little breathing room from the rounded edges */
.itf-ytshort__phone {
position: absolute; inset: 0;
display: grid; place-items: center;
padding: 1rem; /* total vertical padding = 2rem */
}
/* ✅ Size-by-height so the phone NEVER exceeds the 16:9 mask */
.itf-ytshort__phone-inner {
height: calc(100% - 2rem); /* fit to the available frame height */
max-height: 92%; /* small safety margin */
aspect-ratio: 9/16; /* derive width from height */
width: auto; /* let aspect-ratio set width */
border-radius: calc(var(--itf-radius) + 2px);
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,.35);
background: #000;
}
/* Scoped iframe so global rules can't break it */
.itf-ytshort__iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
}
/* Optional caption */
.itf-ytshort__caption {
margin-top: .5rem;
font-size: .9375rem;
color: var(--itf-muted-foreground, #6b7280);
}
/* Fallback if aspect-ratio unsupported */
@supports not (aspect-ratio: 16/9) {
.itf-ytshort__frame { height: 0; padding-top: 56.25%; }
.itf-ytshort__bg, .itf-ytshort__phone { position: absolute; inset: 0; }
}
La Fédération internationale des ouvriers du transport (ITF) appelle le gouvernement du Mali à intervenir d’urgence pour protéger les chauffeurs routiers face aux attaques meurtrières qui visent les
De plus en plus, les dockers du monde entier se heurtent à l’introduction de nouvelles technologies numériques, y compris celles qui permettent l’automatisation ou le contrôle à distance des
