@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf) format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf) format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https:@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Guardian Titlepiece;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@media (min-width: 71.25em){.content__main-column--interactive{margin-left:160px}}@media (min-width: 81.25em){.content__main-column--interactive{margin-left:240px}}.content__main-column--interactive .element-atom{max-width:620px}@media (max-width: 46.24em){.content__main-column--interactive .element-atom{max-width:100%}}.content__main-column--interactive .element-showcase{margin-left:0}@media (min-width: 46.25em){.content__main-column--interactive .element-showcase{max-width:620px}}@media (min-width: 71.25em){.content__main-column--interactive .element-showcase{max-width:860px}}.content__main-column--interactive .element-immersive{max-width:1100px}@media (max-width: 46.24em){.content__main-column--interactive .element-immersive{width:calc(100vw - var(--scrollbar-width, 0px));position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--half-scrollbar-width, 0px))!important;margin-right:calc(-50vw + var(--half-scrollbar-width, 0px))!important}}@media (min-width: 46.25em){.content__main-column--interactive .element-immersive{transform:translate(-20px);width:calc(100% + 60px)}}@media (max-width: 71.24em){.content__main-column--interactive .element-immersive{margin-left:0;margin-right:0}}@media (min-width: 71.25em){.content__main-column--interactive .element-immersive{transform:translate(0);width:auto}}@media (min-width: 81.25em){.content__main-column--interactive .element-immersive{max-width:1260px}}.content__main-column--interactive p,.content__main-column--interactive ul{max-width:620px}.content__main-column--interactive:before{position:absolute;top:0;height:calc(100% + 15px);min-height:100px;content:""}@media (min-width: 71.25em){Aqui está o CSS com o mesmo significado, escrito num estilo mais limpo e mais natural:
```css
.content__main-column--interactive:before {
border-left: 1px solid #dcdcdc;
z-index: -1;
left: -10px;
}
@media (min-width: 81.25em) {
.content__main-column--interactive:before {
border-left: 1px solid #dcdcdc;
left: -11px;
}
}
.content__main-column--interactive .element-atom {
margin-top: 0;
margin-bottom: 0;
padding-top: 12px;
padding-bottom: 12px;
}
.content__main-column--interactive p + .element-atom {
margin-top: 12px;
margin-bottom: 12px;
padding-top: 0;
padding-bottom: 0;
}
.content__main-column--interactive .element-inline {
max-width: 620px;
}
@media (min-width: 61.25em) {
figure[data-spacefinder-role="inline"].element {
max-width: 620px;
}
}
[data-gu-name="media"]:has(figure.loop) figure.loop figcaption:not(.hidden) {
z-index: 6;
}
[data-gu-name="media"]:has(figure.loop) figure.loop button[data-link-name*="gu-video-loop"] {
align-self: flex-end;
margin-bottom: 40px;
margin-right: 3px;
}
[data-gu-name="media"]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid="unmute-icon"]),
[data-gu-name="media"]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid="mute-icon"]) {
right: 0;
padding-left: 10px;
}
[data-gu-name="media"]:has(figure.loop) #caption-button {
z-index: 100;
}
@media (min-width: 61.25em) {
[data-gu-name="media"]:has(figure.loop) #caption-button {
bottom: 20px;
}
}
@media (min-width: 46.25em) {
[data-gu-name="media"]:has(figure.cinemagraph) .cinemagraph > div {
max-height: unset;
}
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] {
display: block;
width: 100%;
max-width: 620px;
margin-top: 12px;
margin-bottom: 12px;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] figure.loop,
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] figure.loop video {
width: 100%;
height: auto;
max-width: 620px;
margin: 0 auto;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
max-width: unset;
margin: 12px 0;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure.loop,
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure.loop video {
max-width: unset;
margin: 0;
}
@media (min-width: 71.25em) {
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
width: 1140px;
margin-left: -180px;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure figcaption {
margin-left: 20px;
}
}
@media (min-width: 81.25em) {
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
width: 1300px;
margin-left: -260px;
}
}
[data-article-theme="News"] {
--active-pillar-100: #660505;
--active-pillar-200: #8b0000;
--active-pillar-300: #ab0613;
--active-pillar-400: #c70000;
--active-pillar-500: #ff5943;
--active-pillar-600: #ffbac8;
}
[data-article-theme="Lifestyle"] {
--active-pillar-100: #510043;
--active-pillar-200: #650054;
--active-pillar-300: #7d0068;
--active-pillar-400: #bb3b80;
--active-pillar-500: #ffabdb;
--active-pillar-600: #fec8d3;
}
[data-article-theme="Culture"] {
--active-pillar-100: #3e3323;
--active-pillar-200: #574835;
--active-pillar-300: #6b5840;
--active-pillar-400: #866d50;
--active-pillar-500: #eacca0;
--active-pillar-600: #e7d4b9;
}
[data-article-theme="Sport"] {
--active-pillar-100: #003c60;
--active-pillar-200: #004e7c;
--active-pillar-300: #005689;
--active-pillar-400: #0077b6;
--active-pillar-500: #00b2ff;
--active-pillar-600: #90dcff;
}
[data-article-theme="Opinion"] {
--active-pillar-100: #4b2e2e;
--active-pillar-200: #6b3b3b;
--active-pillar-300: #8b4747;
--active-pillar-400: #ab5454;
--active-pillar-500: #cb6161;
--active-pillar-600: #eb6e6e;
}
:root[data-article-theme="Labs"] {
--active-pillar-100: #09615b;
--active-pillar-200: #0c7a73;
--active-pillar-300: #65a897;
--active-pillar-400: #69d1ca;
--active-pillar-500: #a8e3df;
--active-pillar-600: #dcf4f3;
--active-pillar-700: #f3fbfb;
}
:root[data-article-theme="SpecialReport"] {
--active-pillar-100: #222527;
--active-pillar-200: #303538;
--active-pillar-300: #3f464a;
--active-pillar-400: #595c5f;
--active-pillar-500: #abc2c9;
--active-pillar-700: #e4e5e8;
}
:root[data-article-theme="SpecialReportAlt"] {
--active-pillar-100: #2b2b2a;
--active-pillar-200: #b9300a;
--active-pillar-300: #ff663d;
--active-pillar-700: #ebe6e1;
--active-pillar-800: #f5;
}
```:root{--dateline: #606060;--headerBorder: #dcdcdc;--captionText: #999;--captionBackground: hsla(0, 0%, 7%, .72)}.furniture-wrapper{position:relative;display:grid;grid-template-areas:"portrait" "title" "headline" "standfirst" "mediacaption" "lines" "meta";margin-bottom:26px!important}@media (min-width: 61.25em){.furniture-wrapper{grid-column-gap:20px;grid-row-gap:0px;grid-template-areas:none;grid-template-columns:[title-start headline-start standfirst-start mediacaption-start meta-start] repeat(5,1fr) [title-end headline-end standfirst-end mediacaption-end meta-end portrait-start] repeat(5,1fr) [portrait-end];grid-template-rows:[title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start] .75fr [standfirst-end mediacaption-start] auto [mediacaption-end meta-start] auto [meta-end portrait-end];margin-bottom:0!important}}@media (min-width: 71.25em){.furniture-wrapper{grid-template-columns:[title-start headline-start meta-start] repeat(2,1fr) [meta-end standfirst-start] repeat(5,1fr) [title-end headline-end standfirst-end portrait-start] repeat(7,1fr) [portrait-end];grid-template-rows:[title-start portrait-start] 80px [title-end headline-start] auto [headline-end standfirst-start meta-start] auto [standfirst-end meta-end portrait-end]}}@media (min-width: 81.25em){.furniture-wrapper{grid-template-columns:[title-start headline-start meta-start] repeat(3,1fr) [meta-end standfirst-start] repeat(5,1fr) [title-end headline-end standfirst-end portrait-start] repeat(8,1fr) [portrait-end];grid-template-rows:[title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] .75fr [standfirst-end meta-end portrait-end]}}.furniture-wrapper .article-header .content__labels>div,.furniture-wrapper [data-gu-name=title] .content__labels>div{padding-top:2px}@media (min-width: 46.25em) and (max-width: 61.24em){.furniture-wrapper .article-header,.furniture-wrapper [data-gu-name=title]{max-width:738px}}@media (min-width: 46.25em) and (max-width: 61.24em){.furniture-wrapper #headline,.furniture-wrapper [data-gu-name=headline],.furniture-wrapper .headline{max-width:738px}}@media (min-width: 61.25em){.furniture-wrapper #headline>div:first-child,.furniture-wrapper [data-gu-name=headline]>div:first-child,.furniture-wrapper .headline>div:first-child{border-top:1px solid var(--headerBorder)}}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:600;max-width:620px;font-size:32px}@media (min-width: 71.25em){.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{max-width:540px;font-size:50px}}.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{width:100vw;margin-left:-10px;padding-left:10px;position:relative;background-color:#fff;margin-top:-1px;margin-bottom:-1px}@media (min-width: 30em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{margin-left:-20px}.furniture-wrapper .keyline-4>div>div,.furniture-wrapper [data-gu-name=lines]>div>div{padding:0 20px}}@media (min-width: 33.4375em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{padding-left:20px}}@media (min-width: 41.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{padding-left:0}}@media (min-width: 46.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{max-width:738px}}@media (min-width: 61.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{display:none}}.furniture-wrapper .keyline-4 svg,.furniture-wrapper [data-gu-name=lines] svg{stroke:var(--headerBorder)}.furniture-wrapper #meta,.furniture-wrapper [data-gu-name=meta]{width:100vw;margin-left:-10px;padding-left:10px;position:relative;background-color:#fff}@media (min-width: 46.25em){.furniture-wrapper #meta,.furniture-wrapper [data-gu-name=meta]{margin-right:0;width:auto;max-width:738px}}@media (min-width: 61.25em){.furniture-wrapper #meta,.furniture-wrapper [data-gu-name=meta]{margin-left:unset;padding-left:unSet padding-top to 2px. Em larguras de 71.25em e acima, adicione uma linha de 540px de largura e 1px de altura acima da secção meta usando a cor da borda do cabeçalho. Em 81.25em e acima, faça essa linha com 620px de largura. Os elementos sociais e de comentários na secção meta devem usar a cor da borda do cabeçalho para as suas bordas.
A secção standfirst deve ter uma margem esquerda de -10px, padding superior de 8px, padding lateral de 10px, padding inferior de 16px, um fundo branco e posicionamento relativo. Os seus parágrafos devem usar peso de fonte normal, tamanho de fonte de 20px e padding inferior de 14px. Em 46.25em e acima, adicione 2px de padding superior e limite a largura a 738px. Em 61.25em e acima, remova o limite de largura e a cor de fundo. O standfirst do conteúdo deve ter uma margem inferior de 4px. Os itens da lista devem usar tamanho de fonte de 20px. As ligações no standfirst não devem ter borda inferior nem imagem de fundo, mas devem estar sublinhadas com um deslocamento de 6px, usando a cor da borda do cabeçalho (ou #dcdcdc) com 1px de espessura. Ao passar o rato, a cor do sublinhado deve mudar para a cor do novo pilar. O primeiro parágrafo deve ter uma borda superior de 1px usando a cor da borda do cabeçalho e sem padding inferior. Em 71.25em e acima, remova a borda superior de todos os parágrafos, incluindo o primeiro, e adicione uma linha vertical de 1px de largura no lado esquerdo do standfirst, usando a cor da borda do cabeçalho, altura total, posicionada a 0.5px da esquerda. Em 81.25em e acima, desloque essa linha para -0.5px da esquerda.
A secção de media principal deve estar relativamente posicionada, com margem superior de 0, margem direita de 0, margem inferior de 2px, margem esquerda de -10px, colocada na área de grelha do retrato, e dimensionada à largura da viewport menos qualquer largura da barra de deslocamento. Os seus divs internos devem ter largura total sem margens inline, e o div externo não deve ter margem inferior. Em 30em e acima, altere a margem esquerda para -20px. Em 46.25em e acima, altere a margem esquerda para -10px e limite a largura a 738px. Em 61.25em e acima, [texto cortado].O texto que forneceu é código CSS, não prosa, por isso não há inglês natural para reescrever. Se pretendia enviar um texto diferente, por favor cole-o e eu reescrevo-o para si.Quando um espaço publicitário segue uma régua horizontal interativa na coluna principal de conteúdo, remova o padding superior. As citações destacadas em artigos interativos devem ser limitadas a 620 píxeis de largura. Os elementos imersivos devem abranger a largura total da viewport, com margens negativas que se ajustam em diferentes tamanhos de ecrã: -10px em ecrãs pequenos, -20px a partir de 30em, -160px a partir de 71.25em, e -240px a partir de 81.25em. As suas legendas devem ter padding inline de 20px a partir de 30em, depois sem padding a partir de 71.25em. As figuras de destaque também devem usar margens negativas de -160px a partir de 71.25em e -240px a partir de 81.25em. As suas legendas devem ser estáticas e de largura total até 620px em ecrãs mais pequenos, depois posicionadas absolutamente com uma largura máxima de 140px a partir de 71.25em e 220px a partir de 81.25em. Os elementos inline devem ser limitados a 630px de largura a partir de 61.25em. As figuras com a classe "will-fade-in" devem começar invisíveis e deslocadas 50px para baixo, depois aparecer e mover-se para cima quando a classe "fade-in" é adicionada. Os parágrafos de citação em bloco devem ser coloridos com #121212. Os cabeçalhos devem ser limitados a 620px de largura. Os parágrafos da caixa de créditos devem ter margens verticais de 2px e sem padding superior. Em ecrãs de 71.25em e mais largos, o pseudo-elemento da coluna principal interativa deve estar posicionado 12px mais alto e ser 24px mais alto. Em modo escuro, o fundo do corpo deve usar a variável de fundo escuro.e.portrait-layout-feature-dark gu-island[name=Branding] a img, :root:root:not([data-color-scheme=light]) article.content--interactive.portrait-layout-feature-dark-no-dropcap gu-island[name=Branding] a img { filter: invert(0) } } gu-island[name=UnsafeEmbedBlockComponent], iframe.js-embed__iframe { display: block; height: 0px !important } .element { margin: 0 } [data-rendering-target=apps] .content--interactive [data-gu-name=meta] .content__meta-container_dcr { margin-right: 0 } @media (max-width: 61.24em) { .furniture-wrapper [data-gu-name=media] { margin-bottom: -65px; position: sticky; top: 0; background: #1a1a1a; transition: opacity .5s ease-in-out; opacity: 1 } } @media (max-width: 61.24em) and (min-width: 30em) and (max-width: 61.24em) { .furniture-wrapper [data-gu-name=media] { margin-left: -20px; margin-right: -20px } } @media (max-width: 61.24em) { .furniture-wrapper [data-gu-name=media].fade-out { opacity: 0 } .furniture-wrapper [data-gu-name=title], .furniture-wrapper [data-gu-name=headline] { z-index: 10; margin-left: -10px; padding-left: 10px } } @media (max-width: 61.24em) and (min-width: 30em) and (max-width: 61.24em) { .furniture-wrapper [data-gu-name=title], .furniture-wrapper [data-gu-name=headline], .furniture-wrapper [data-gu-name=standfirst], .furniture-wrapper [data-gu-name=meta] { margin: 0 -20px !important; padding: 0 20px !important } } @media (max-width: 61.24em) { .furniture-wrapper [data-gu-name=headline] { position: relative } .furniture-wrapper [data-gu-name=headline] > div > div { padding-bottom: 32px } .furniture-wrapper [data-gu-name=headline] h1 { color: #fff; font-weight: 400 } .furniture-wrapper [data-gu-name=headline] .gradient-div { position: absolute; height: 135%; z-index: -1; width: 100%; bottom: -1px; left: 0; backdrop-filter: blur(12px); background: linear-gradient(180deg, #1a1a1a00, #1a1a1a 120px 100%); -webkit-mask-image: linear-gradient(180deg, rgba(26, 26, 26, 0) 0px, rgba(26, 26, 26, .0392156863) 8px, rgba(26, 26, 26, .1450980392) 16px, rgba(26, 26, 26, .3098039216) 24px, rgba(26, 26, 26, .5019607843) 32px, rgba(26, 26, 26, .6901960784) 40px, rgba(26, 26, 26, .8549019608) 48px, rgba(26, 26, 26, .9607843137) 56px, #1a1a1a 70px); mask-image: linear-gradient(180deg, #1a1a1a00, #1a1a1a0a, #1a1a1a25, #1a1a1a4f, #1a1a1a80, #1a1a1ab0, #1a1a1ada, #1a1a1af5 56px, #1a1a1a 70px) } } @media (max-width: 61.24em) and (min-width: 26.25em) { .furniture-wrapper [data-gu-name=headline] .gradient-div { height: 140% } } @media (max-width: 61.24em) { .furniture-wrapper [data-gu-name=title] { z-index: 11; padding-top: 8px; padding-bottom: 1px } .furniture-wrapper [data-gu-name=title] a { color: var(--active-pillar-400) } .furniture-wrapper [data-gu-name=standfirst] .content__standfirst { padding-bottom: 0 } .furniture-wrapper [data-gu-name=standfirst] .content__standfirst p { padding-bottom: 24px } .furniture-wrapper figcaption { grid-area: mediacaption; position: relative; background: unset; padding: 0 0 12px 10px !important; margin: 0 0 0 -10px !important; min-height: unset; width: 100vw; background-color: #fff } .furniture-wrapper figcaption span { color: var(--caption-main-media-text) } } @media (max-width: 61.24em) and (min-width: 30em) { .furniture-wrapper figcaption { margin-left: -20px !important; margin-top: -1px !important; padding-left
