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; }
}
في غضون نحو أسبوعين، سيجتمع العمال، وأصحاب العمل، والحكومات في منظمة العمل الدولية في جنيف لاستكمال المفاوضات المتعلقة بوضع تنظيم عالمي للعمل عبر المنصات الرقمية. وبالنسبة للملايين من عمال النقل، يمكن
يتواجد العمال ذوو الإعاقة في جميع أرجاء قطاع السكك الحديدية في كل بلد حول العالم، وهم يتوجهون يومياً إلى العمل ويساهمون في إدارة الخدمات العامة والتجارية الحيوية التي تساعد على استمرارية حركة النقل في