<figure class="metro-dark-horse-special out-of-container-block hor-center vert-center" > <picture style="display: flex"> <source height="200px" width="534px" media="(max-width : 534px)" srcset="https://static.gazetametro.ru/special/2024-Q1/stil_v_kino/stil_v_kino_534x200.png" /> <source height="200px" width="700px" media="(max-width: 1122px)" srcset="https://static.gazetametro.ru/special/2024-Q1/stil_v_kino/stil_v_kino_700x200.png" /> <source height="200px" width="1060px" media="(min-width: 1123px)" srcset="https://static.gazetametro.ru/special/2024-Q1/stil_v_kino/stil_v_kino_1060x200.png" /> <img src="https://static.gazetametro.ru/special/2024-Q1/stil_v_kino/stil_v_kino_1060x200.png" style="height: auto" /> </picture> <figcaption><h1>Стиль в кино</h1></figcaption> </figure> <style> .metro-dark-horse-special { position: relative; margin-top: -40px !important; margin-bottom: -4px !important; @media (min-width: 820px) { margin-top: -20px !important; } } .metro-dark-horse-special picture img { border-radius: 0 !important; @media (min-width: 820px) { border-radius: 12px !important; } } .metro-dark-horse-special figcaption { position: absolute; margin: 0 !important; width: 100%; padding: 0 calc(4vw + 1px); @media (min-width: 820px) { padding: 0 16px; } } .metro-dark-horse-special figcaption h1 { margin: calc(4vw + 1px) 0; @media (min-width: 820px) { margin: 16px 0; } } /* вертикальные */ /* TOP */ figure.metro-dark-horse-special.top figcaption { top: 0; } figure.metro-dark-horse-special.top-mobile figcaption { top: 0; @media (min-width: 820px) { top: unset; } @media (min-width: 1060px) { top: unset; } } figure.metro-dark-horse-special.top-tablet figcaption { top: unset; @media (min-width: 820px) { top: 0; } @media (min-width: 1060px) { top: unset; } } figure.metro-dark-horse-special.top-desktop figcaption { top: unset; @media (min-width: 820px) { top: unset; } @media (min-width: 1060px) { top: 0; } } /* CENTER */ figure.metro-dark-horse-special.vert-center figcaption { top: 50%; transform: translateY(-50%); } figure.metro-dark-horse-special.vert-center-mobile figcaption { top: 50%; transform: translateY(-50%); @media (min-width: 820px) { top: unset; transform: unset; } @media (min-width: 1060px) { top: unset; transform: unset; } } figure.metro-dark-horse-special.vert-center-tablet figcaption { top: unset; transform: unset; @media (min-width: 820px) { top: 50%; transform: translateY(-50%); } @media (min-width: 1060px) { top: unset; transform: unset; } } figure.metro-dark-horse-special.vert-center-desktop figcaption { top: unset; transform: unset; @media (min-width: 820px) { top: unset; transform: unset; } @media (min-width: 1060px) { top: 50%; transform: translateY(-50%); } } /* BOTTOM */ figure.metro-dark-horse-special.bottom figcaption { bottom: 0; } figure.metro-dark-horse-special.bottom-mobile figcaption { bottom: 0; @media (min-width: 820px) { bottom: unset; } @media (min-width: 1060px) { bottom: unset; } } figure.metro-dark-horse-special.bottom-tablet figcaption { bottom: unset; @media (min-width: 820px) { bottom: 0; } @media (min-width: 1060px) { bottom: unset; } } figure.metro-dark-horse-special.bottom-desktop figcaption { bottom: unset; @media (min-width: 820px) { bottom: unset; } @media (min-width: 1060px) { bottom: 0; } } /* горизонтальные */ /* LEFT */ figure.metro-dark-horse-special.left figcaption { text-align: left; } figure.metro-dark-horse-special.left-mobile figcaption { text-align: left; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.left-tablet figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; text-align: left; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.left-desktop figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: left; } } /* CENTER */ figure.metro-dark-horse-special.hor-center figcaption { text-align: center; } figure.metro-dark-horse-special.hor-center-mobile figcaption { text-align: center; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.hor-center-tablet figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; text-align: center; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.hor-center-desktop figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: center; } } /* RIGHT */ figure.metro-dark-horse-special.right-mobile figcaption { text-align: right; } figure.metro-dark-horse-special.right-mobile figcaption { text-align: right; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.right-tablet figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; text-align: right; } @media (min-width: 1060px) { text-align: unset; } } figure.metro-dark-horse-special.right-desktop figcaption { text-align: unset; @media (min-width: 820px) { text-align: unset; } @media (min-width: 1060px) { text-align: right; } } </style>

Кадр из третьего сезона сериала "Белый лотос".

СТИЛЬ В КИНО

Ричард Гир и Джулия Робертс в фильме "Красотка" (1990).

Кадр из сериала "Игра в кальмара" (2021–...).

Селена Гомес в сериале "Убийства в одном здании".

Эмили показывает, что мода – это игра, в которой можно и нужно проявлять креативность.

Кейт Бланшетт в фильме "8 подруг Оушена".

Кадр из фильма "Бедные-несчастные".

Новый сезон сериала вышел на экраны 22 июня.

Персонаж Кулидж Таня Маккуойд очень полюбился фанатам сериала.

Главное

"Одеваемся в стиле персонажей третьего сезона сериала "Белый лотос", "5 самых стильных и романтичных образов из кино" и другие материалы в тематической рубрике Metro - Собираем курортные образы в стиле героев третьего сезона сериала "Белый лотос"