:root{--grid-video-button-color:#fff;--grid-video-play-size:90px;--grid-video-pause-size:48px;--grid-video-button-hover-color:#c81e1e}.grid{container:grid/inline-size;position:relative}.grid__container{display:grid;gap:20px;grid-template-areas:"text-media" "socials-icons" "teasers";grid-template-columns:1fr}.grid__kicker{font-size:var(--text-font-size);font-weight:400;grid-row:1;margin-bottom:1rem;text-transform:uppercase}.grid__text-media{grid-area:text-media}.grid__socials-icons{grid-area:socials-icons}.grid__teasers{grid-area:teasers}.grid__video-container{aspect-ratio:9/16;position:relative}.grid__video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.grid__play{border:2px solid var(--grid-video-button-color);border-radius:50%;height:var(--grid-video-play-size);left:50%;padding:20px;position:absolute;top:50%;translate:-50% -50%;width:var(--grid-video-play-size)}.grid__pause{border:2px solid var(--grid-video-button-color);border-radius:4px;bottom:8px;height:var(--grid-video-pause-size);padding:10px;right:8px;width:var(--grid-video-pause-size)}.grid__pause,.grid__play{align-items:center;display:flex;justify-content:center;position:absolute;transition:background-color .35s cubic-bezier(.25,.46,.45,.94),scale .35s cubic-bezier(.25,.46,.45,.94)}.grid__pause.is-hidden,.grid__play.is-hidden{display:none}.grid__pause .icon,.grid__play .icon{color:var(--grid-video-button-color)}.grid__pause:focus-visible,.grid__pause:hover,.grid__play:focus-visible,.grid__play:hover{background-color:var(--grid-video-button-hover-color);scale:1.2}.grid__socials{padding:20px}@container grid (width >= 500px){.grid__container{grid-template-areas:"text-media socials-icons" "teasers teasers";grid-template-columns:repeat(2,1fr);grid-template-rows:min-content 1fr}.grid__container:not(:has(.grid__socials-icons)){grid-template-areas:"text-media" "teasers";grid-template-columns:1fr}.grid__socials-icons,.grid__teasers,.grid__text-media{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}.grid__socials-icons .grid__social-video,.grid__socials-icons .icons,.grid__socials-icons .teasers,.grid__socials-icons .text-media,.grid__teasers .grid__social-video,.grid__teasers .icons,.grid__teasers .teasers,.grid__teasers .text-media,.grid__text-media .grid__social-video,.grid__text-media .icons,.grid__text-media .teasers,.grid__text-media .text-media{grid-row:2/-1}.grid__socials-icons{grid-row:1/span 2}}@container grid (width >= 700px){.grid__container{gap:40px 20px;grid-template-areas:"text-media text-media" "teasers socials-icons";grid-template-columns:repeat(2,1fr)}.grid__container:not(:has(.grid__socials-icons)){grid-template-areas:"text-media" "teasers";grid-template-columns:1fr;grid-template-rows:repeat(2,min-content)}.grid__container:not(:has(.grid__teasers)){grid-template-areas:"text-media socials-icons"}.grid__container:not(:has(.grid__teasers)) .grid__socials-icons{grid-row:1/span 2}.grid__socials-icons{grid-row:3/span 2}}@container grid (width >= 1000px){.grid__container{gap:60px 40px;grid-template-areas:"text-media text-media socials-icons" "teasers teasers socials-icons";grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,min-content) 1fr}.grid__container:not(:has(.grid__teasers)){grid-template-areas:"text-media text-media socials-icons";grid-template-rows:repeat(2,min-content)}.grid__socials-icons{grid-row:1/-1}}