/* featured-posts */ :root { --button-background: var(--color-brand-orange); --button-color: var(--color-text-primary); --button-secondary-color: var(--color-text-primary); --button-secondary-hover-color: var(--color-text-secondary); --button-secondary-hover-background: var(--color-brand-black); --button-hover-color: var(--color-text-primary); } .block__anatomy-featured-posts { padding: var(--spacing-lg) 0; display: flex; justify-content: center; } .block__anatomy-featured-posts .wrapper { width: 100%; max-width: var(--container-xl-max-width); display: flex; flex-direction: column; align-items: center; gap: var(--spacing-lg); } .block__anatomy-featured-posts .wrapper .meta { width: 100%; padding: 0 var(--spacing-lg); display: flex; gap: var(--spacing-md); } .block__anatomy-featured-posts .wrapper .meta .titles { width: 100%; } .block__anatomy-featured-posts .wrapper .meta .titles h3 { font: var(--type-h4); margin-bottom: var(--spacing-md); transform-origin: 50% 100%; transform: translateY(25px) scale(0.9); opacity: 0; transition: transform 0.5s ease-out, opacity 0.5s ease-out; } .block__anatomy-featured-posts .wrapper .meta .titles h3.-scroll-visible { transform: translateY(0) scale(1); opacity: 1; } .block__anatomy-featured-posts .wrapper .meta .titles h2 { font: var(--type-h1); transform-origin: 50% 100%; transform: translateY(25px) scale(0.9); opacity: 0; transition: transform 0.5s ease-out, opacity 0.5s ease-out; } .block__anatomy-featured-posts .wrapper .meta .titles h2.-scroll-visible { transform: translateY(0) scale(1); opacity: 1; } .block__anatomy-featured-posts .wrapper .meta .description { width: 100%; display: flex; flex-direction: column; gap: var(--spacing-md); } .block__anatomy-featured-posts .wrapper .meta .description p { font: var(--type-b1); transform-origin: 50% 100%; transform: translateY(25px) scale(0.9); opacity: 0; transition: transform 0.5s ease-out, opacity 0.5s ease-out; } .block__anatomy-featured-posts .wrapper .meta .description p.-scroll-visible { transform: translateY(0) scale(1); opacity: 1; } .block__anatomy-featured-posts .wrapper .meta .description .ctas { display: flex; margin-top: auto; margin-left: auto; gap: var(--spacing-xs); align-items: start; flex-wrap: wrap; transform-origin: 50% 100%; transform: translateY(25px) scale(0.9); opacity: 0; transition: transform 0.5s ease-out, opacity 0.5s ease-out; } .block__anatomy-featured-posts .wrapper .meta .description .ctas.-scroll-visible { transform: translateY(0) scale(1); opacity: 1; } .block__anatomy-featured-posts .wrapper .meta .description .ctas a:first-child { padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd); display: inline-block; white-space: nowrap; font: var(--type-b1); background-color: var(--button-background); border-radius: 21px; border: 2px solid var(--button-background); color: var(--color-text-primary); transition: background 0.3s, color 0.3s, border-color 0.3s; font: var(--type-b2); } @media screen and (max-width: 768px) { .block__anatomy-featured-posts .wrapper .meta .description .ctas a:first-child { padding: calc(var(--spacing-xs)) var(--spacing-sm); border-radius: 12px; } } .block__anatomy-featured-posts .wrapper .meta .description .ctas a:first-child:hover { background-color: transparent; color: var(--button-hover-color); } .block__anatomy-featured-posts .wrapper .meta .description .ctas a:nth-child(n+2) { padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd); display: inline-block; white-space: nowrap; font: var(--type-b1); background-color: var(--button-background); border-radius: 21px; border: 2px solid var(--button-background); color: var(--color-text-primary); transition: background 0.3s, color 0.3s, border-color 0.3s; background-color: transparent; color: var(--button-secondary-color); border-color: var(--button-secondary-color); font: var(--type-b2); } @media screen and (max-width: 768px) { .block__anatomy-featured-posts .wrapper .meta .description .ctas a:nth-child(n+2) { padding: calc(var(--spacing-xs)) var(--spacing-sm); border-radius: 12px; } } .block__anatomy-featured-posts .wrapper .meta .description .ctas a:nth-child(n+2):hover { background-color: transparent; color: var(--button-hover-color); } .block__anatomy-featured-posts .wrapper .meta .description .ctas a:nth-child(n+2):hover { background-color: var(--button-secondary-hover-background); color: var(--button-secondary-hover-color); border-color: var(--button-secondary-hover-background); } .block__anatomy-featured-posts .wrapper .posts { width: 100%; display: flex; gap: var(--spacing-sm); overflow: hidden; } .block__anatomy-featured-posts .wrapper .posts .post { width: 100%; --width: calc((var(--container-xl-max-width) - var(--spacing-sm)*3) / 4); max-width: var(--width); min-width: var(--width); } .block__anatomy-featured-posts .wrapper .posts .post.has-thumb:nth-child(1 of .has-thumb), .block__anatomy-featured-posts .wrapper .posts .post.has-thumb:nth-child(1), .block__anatomy-featured-posts .wrapper .posts .post.has-thumb:nth-child(2) { --width: calc((var(--container-xl-max-width) - var(--spacing-sm)*3) / 4 * 2 + var(--spacing-sm)); } .block__anatomy-featured-posts .wrapper .posts .slick-dots { position: absolute; bottom: -40px; right: 50%; transform: translateX(50%); display: flex; gap: 16px; } .block__anatomy-featured-posts .wrapper .posts .slick-dots li button { font-size: 0; border: none; background: rgb(235, 235, 235); width: 13px; height: 13px; border-radius: 50%; transition: background 0.3s; } .block__anatomy-featured-posts .wrapper .posts .slick-dots li.slick-active button { background: var(--color-brand-orange); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post { aspect-ratio: 45/59; height: calc(var(--width) * 1.3111); display: block; position: relative; border-radius: 15px; overflow: hidden; padding: var(--spacing-smd); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .event-data, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .buttons { display: none; } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .media img, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .media video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: transform 0.3s ease-out; } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .info { z-index: 2; position: relative; height: 100%; width: 100%; display: flex; flex-direction: column; } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .info .terms .term { padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd); display: inline-block; white-space: nowrap; font: var(--type-b1); background-color: var(--button-background); border-radius: 21px; border: 2px solid var(--button-background); color: var(--color-text-primary); transition: background 0.3s, color 0.3s, border-color 0.3s; background-color: transparent; color: var(--button-secondary-color); border-color: var(--button-secondary-color); color: var(--button-secondary-color); border-color: var(--button-secondary-color); } @media screen and (max-width: 768px) { .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .info .terms .term { padding: calc(var(--spacing-xs)) var(--spacing-sm); border-radius: 12px; } } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .info .terms .term:hover { background-color: transparent; color: var(--button-hover-color); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .info .terms .term:hover { background-color: var(--button-secondary-hover-background); color: var(--button-secondary-hover-color); border-color: var(--button-secondary-hover-background); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .info .terms .term:hover { background-color: transparent; color: var(--button-secondary-color); border-color: var(--button-secondary-color); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .info .terms .term:nth-child(n+2) { display: none; } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .info h4 { margin-top: auto; font: var(--type-h2); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .info p { font: var(--type-b2); max-width: 80%; max-height: 2lh; margin-top: 40px; overflow: hidden; text-overflow: ellipsis; } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .info p:empty { display: none; } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .info svg { position: absolute; bottom: 0; right: 0; } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .info svg path { fill: var(--color-brand-white); transform: translateX(0); transition: 0.3s transform ease-out; } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .info svg circle { fill: var(--color-brand-black); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post:hover .media img, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post:hover .media video { transform: scale(1.1); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post:hover::before { transform: scale(2.2) rotate(-28deg) !important; } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post:hover .info svg path { transform: translateX(3px); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.holder-bg-0::before, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.holder-bg-1::before, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.holder-bg-2::before, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.holder-bg-3::before, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.holder-bg-4::before, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.holder-bg-5::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-position: center; background-repeat: no-repeat; transform: scale(2) rotate(-30deg); transition: transform 0.3s ease-out; } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.holder-bg-0::before { background-image: url("/wp-content/themes/huddle-theme/assets/img/wheel-combo-1.svg"); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.holder-bg-1::before { background-image: url("/wp-content/themes/huddle-theme/assets/img/wheel-combo-3.svg"); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.holder-bg-2::before { background-image: url("/wp-content/themes/huddle-theme/assets/img/wheel-combo-4.svg"); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.holder-bg-3::before { background-image: url("/wp-content/themes/huddle-theme/assets/img/wheel-combo-2.svg"); } @media screen and (max-width: 768px) { .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .info h4 { font: var(--type-h1); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post .info p { margin-top: var(--spacing-sm); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post svg { width: 33px; height: 33px; } } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1 of .has-thumb), .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1), .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(2) { aspect-ratio: 93/59; height: calc(var(--width) * 0.6344); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1 of .has-thumb) .info, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1) .info, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(2) .info { color: var(--color-text-secondary); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1 of .has-thumb) .info .terms .term, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1) .info .terms .term, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(2) .info .terms .term { --button-secondary-color: var(--color-text-secondary); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1 of .has-thumb) .info p, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1) .info p, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(2) .info p { max-width: 60%; } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1 of .has-thumb) .info svg path, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1) .info svg path, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(2) .info svg path { fill: var(--color-brand-black); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1 of .has-thumb) .info svg circle, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1) .info svg circle, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(2) .info svg circle { fill: var(--color-brand-orange); } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1 of .has-thumb)::before, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1)::before, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(2)::before { display: none; } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1 of .has-thumb) .media, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1) .media, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(2) .media { display: block; } .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1 of .has-thumb) .media::after, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1) .media::after, .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(2) .media::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(180deg, #fff 0%, #000 100%); mix-blend-mode: multiply; z-index: 1; } @media screen and (max-width: 768px) { .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1 of .has-thumb), .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(1), .block__anatomy-featured-posts:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb:nth-child(2) { aspect-ratio: 45/59; } } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) { padding: var(--spacing-sm) 0; padding-bottom: 0; padding-top: var(--spacing-lg); } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper { gap: var(--spacing-md); border-bottom: 1px solid var(--color-brand-black); padding-bottom: var(--spacing-sm); } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .posts { display: block; overflow: visible; } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .posts .post { margin-left: var(--spacing-sm); } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb { --width: calc((var(--container-xl-max-width) - var(--spacing-sm)*3) / 4 * 2 + var(--spacing-sm)); max-width: var(--width); min-width: var(--width); aspect-ratio: 93/59; height: calc(var(--width) * 0.6344); } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb .info { color: var(--color-text-secondary); } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb .info .terms .term { --button-secondary-color: var(--color-text-secondary); } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb .info p { max-width: 60%; } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb .info svg path { fill: var(--color-brand-black); } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb .info svg circle { fill: var(--color-brand-orange); } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb::before { display: none; } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb .media { display: block; } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb .media::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(180deg, #fff 0%, #000 100%); mix-blend-mode: multiply; z-index: 1; } @media screen and (max-width: 768px) { .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .posts .post.has-thumb { aspect-ratio: 45/59; } } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .posts .slick-dots { position: absolute; top: -60px; right: var(--spacing-sm); display: flex; gap: 16px; transform: none; } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .posts .slick-dots li button { font-size: 0; border: none; background: rgb(235, 235, 235); width: 13px; height: 13px; border-radius: 50%; transition: background 0.3s; } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .posts .slick-dots li.slick-active button { background: var(--color-brand-orange); } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .meta { padding: 0 var(--spacing-sm); align-items: center; gap: var(--spacing-smd); } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .meta .titles { display: block; width: auto; } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .meta .titles h2 { padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd); display: inline-block; white-space: nowrap; font: var(--type-b1); background-color: var(--button-background); border-radius: 21px; border: 2px solid var(--button-background); color: var(--color-text-primary); transition: background 0.3s, color 0.3s, border-color 0.3s; background-color: transparent; color: var(--button-secondary-color); border-color: var(--button-secondary-color); border-color: var(--color-brand-orange); } @media screen and (max-width: 768px) { .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .meta .titles h2 { padding: calc(var(--spacing-xs)) var(--spacing-sm); border-radius: 12px; } } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .meta .titles h2:hover { background-color: transparent; color: var(--button-hover-color); } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .meta .titles h2:hover { background-color: var(--button-secondary-hover-background); color: var(--button-secondary-hover-color); border-color: var(--button-secondary-hover-background); } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .meta .titles h2:hover { background-color: transparent; color: var(--button-secondary-color); border-color: var(--color-brand-orange); } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .meta .titles h3 { display: none; } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .meta .description .ctas { display: none; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .meta { display: none; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts { display: block; overflow: visible; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .slick-track { display: flex; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .slick-slide { height: inherit; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .slick-slide > div { height: 100%; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .slick-slide > div .post { height: 100%; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post { --width: var(--container-xl-max-width) !important; min-width: var(--width) !important; max-width: var(--width) !important; margin-right: var(--spacing-sm); padding: 95px; display: flex !important; position: relative; border-radius: 15px; overflow: hidden; gap: 150px; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info { margin-top: auto; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .buttons { position: relative; z-index: 3; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-position: center; background-repeat: no-repeat; transform: scale(2) rotate(-30deg); background-image: url("/wp-content/themes/huddle-theme/assets/img/wheel-combo-6.svg"); transition: transform 0.3s ease-out; z-index: -1; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post::after { content: ""; position: absolute; top: 60px; left: 60px; width: calc(100% - 120px); height: calc(100% - 120px); background: var(--color-brand-white); z-index: -1; border-radius: 15px; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .media { border-radius: 15px; aspect-ratio: 56/69; order: 1; height: 700px; max-height: 70vh; margin-left: auto; overflow: hidden; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .media img, .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .media video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info { max-width: 700px; display: flex; flex-direction: column; gap: var(--spacing-md); } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .terms { display: none; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .click-icon { display: none; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info h4 { font: var(--type-h1); margin-bottom: auto; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .buttons { display: flex; gap: var(--spacing-xs); } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .buttons .cta:first-child { padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd); display: inline-block; white-space: nowrap; font: var(--type-b1); background-color: var(--button-background); border-radius: 21px; border: 2px solid var(--button-background); color: var(--color-text-primary); transition: background 0.3s, color 0.3s, border-color 0.3s; } @media screen and (max-width: 768px) { .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .buttons .cta:first-child { padding: calc(var(--spacing-xs)) var(--spacing-sm); border-radius: 12px; } } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .buttons .cta:first-child:hover { background-color: transparent; color: var(--button-hover-color); } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .buttons .cta:nth-child(n+2) { padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd); display: inline-block; white-space: nowrap; font: var(--type-b1); background-color: var(--button-background); border-radius: 21px; border: 2px solid var(--button-background); color: var(--color-text-primary); transition: background 0.3s, color 0.3s, border-color 0.3s; background-color: transparent; color: var(--button-secondary-color); border-color: var(--button-secondary-color); } @media screen and (max-width: 768px) { .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .buttons .cta:nth-child(n+2) { padding: calc(var(--spacing-xs)) var(--spacing-sm); border-radius: 12px; } } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .buttons .cta:nth-child(n+2):hover { background-color: transparent; color: var(--button-hover-color); } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .buttons .cta:nth-child(n+2):hover { background-color: var(--button-secondary-hover-background); color: var(--button-secondary-hover-color); border-color: var(--button-secondary-hover-background); } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info > p { font: var(--type-b2); } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .event-data { display: flex; flex-direction: column; gap: 10px; font: var(--type-b1); } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .event-data .date, .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .event-data .fixture-information, .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .event-data .location { display: flex; align-items: center; gap: var(--spacing-sm); } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .event-data .date:empty, .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .event-data .fixture-information:empty, .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .event-data .location:empty { display: none; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .event-data .date::before, .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .event-data .fixture-information::before, .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .event-data .location::before { content: ""; width: 28px; height: 28px; display: inline-block; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .event-data .date::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIyOSIgdmlld0JveD0iMCAwIDI5IDI5IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNOC44NDA0OSAxMy4xNjhIMTEuMTczOFYxNS41MDEzSDguODQwNDlWMTMuMTY4Wk04Ljg0MDQ5IDE3LjgzNDZIMTEuMTczOFYyMC4xNjhIOC44NDA0OVYxNy44MzQ2Wk0xMy41MDcyIDEzLjE2OEgxNS44NDA1VjE1LjUwMTNIMTMuNTA3MlYxMy4xNjhaTTEzLjUwNzIgMTcuODM0NkgxNS44NDA1VjIwLjE2OEgxMy41MDcyVjE3LjgzNDZaTTE4LjE3MzggMTMuMTY4SDIwLjUwNzJWMTUuNTAxM0gxOC4xNzM4VjEzLjE2OFpNMTguMTczOCAxNy44MzQ2SDIwLjUwNzJWMjAuMTY4SDE4LjE3MzhWMTcuODM0NloiIGZpbGw9ImJsYWNrIi8+CiAgPHBhdGggZD0iTTYuNTA3MTYgMjYuMDAxM0gyMi44NDA1QzI0LjEyNzMgMjYuMDAxMyAyNS4xNzM4IDI0Ljk1NDggMjUuMTczOCAyMy42NjhWNy4zMzQ2NEMyNS4xNzM4IDYuMDQ3OCAyNC4xMjczIDUuMDAxMyAyMi44NDA1IDUuMDAxM0gyMC41MDcyVjIuNjY3OTdIMTguMTczOFY1LjAwMTNIMTEuMTczOFYyLjY2Nzk3SDguODQwNDlWNS4wMDEzSDYuNTA3MTZDNS4yMjAzMyA1LjAwMTMgNC4xNzM4MyA2LjA0NzggNC4xNzM4MyA3LjMzNDY0VjIzLjY2OEM0LjE3MzgzIDI0Ljk1NDggNS4yMjAzMyAyNi4wMDEzIDYuNTA3MTYgMjYuMDAxM1pNMjIuODQwNSA5LjY2Nzk3TDIyLjg0MTcgMjMuNjY4SDYuNTA3MTZWOS42Njc5N0gyMi44NDA1WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+"); } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .event-data .fixture-information::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIyOSIgdmlld0JveD0iMCAwIDI5IDI5IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjQuNjQ4NyAxMC4yNDg3TDI1Ljk1MTEgOS41OTY5M0MyNi4xMDU3IDkuNTIwMDUgMjYuMjQxNSA5LjQxMDA2IDI2LjM0ODkgOS4yNzQ3N0MyNi40NTYyIDkuMTM5NDggMjYuNTMyNSA4Ljk4MjIxIDI2LjU3MjIgOC44MTQxNEMyNi42MTE5IDguNjQ2MDYgMjYuNjE0MSA4LjQ3MTMgMjYuNTc4NyA4LjMwMjI3QzI2LjU0MzIgOC4xMzMyNSAyNi40NzEgNy45NzQxIDI2LjM2NzEgNy44MzYxM0wyMi44MzE0IDMuMTIxODJDMjIuNzIxNiAyLjk3NTQ1IDIyLjU3OTIgMi44NTY2NCAyMi40MTU2IDIuNzc0ODJDMjIuMjUxOSAyLjY5Mjk5IDIyLjA3MTUgMi42NTAzOSAyMS44ODg1IDIuNjUwMzlINy43NDU1NkM3LjU2MjU5IDIuNjUwMzkgNy4zODIxNCAyLjY5Mjk5IDcuMjE4NDggMi43NzQ4MkM3LjA1NDgzIDIuODU2NjQgNi45MTI0OCAyLjk3NTQ1IDYuODAyNyAzLjEyMTgyTDMuMjY2OTcgNy44MzYxM0MzLjE2MzQ1IDcuOTc0MTcgMy4wOTE1IDguMTMzMjQgMy4wNTYyIDguMzAyMTNDMy4wMjA5IDguNDcxMDIgMy4wMjMxMSA4LjY0NTYgMy4wNjI2OCA4LjgxMzUzQzMuMTAyMjUgOC45ODE0NyAzLjE3ODIxIDkuMTM4NjggMy4yODUxOSA5LjI3NDA0QzMuMzkyMTcgOS40MDk0IDMuNTI3NTcgOS41MTk2MyAzLjY4MTgyIDkuNTk2OTNMNC45ODQxNSAxMC4yNDg3TDMuNjUxMTggMTIuOTE0NkMzLjI0NTEgMTMuNzMzNCAzLjAzMjk4IDE0LjYzNDggMy4wMzEyNSAxNS41NDg3VjE2LjI0NTNDMy4wMzU5NCAxNy42ODM4IDMuNDc3MiAxOS4wODcgNC4yOTY2OSAyMC4yNjkzQzUuMTE2MTcgMjEuNDUxNiA2LjI3NTI2IDIyLjM1NzMgNy42MjA2MyAyMi44NjY1TDExLjY2NDMgMjQuMzgyMkMxMi41MzY0IDI0LjcwNzYgMTMuMzI4IDI1LjIxNzMgMTMuOTg1IDI1Ljg3NjZDMTQuMDk0MSAyNS45ODYzIDE0LjIyMzkgMjYuMDczMyAxNC4zNjY4IDI2LjEzMjZDMTQuNTA5NyAyNi4xOTIgMTQuNjYyOSAyNi4yMjI2IDE0LjgxNzYgMjYuMjIyNkMxNC45NzI0IDI2LjIyMjYgMTUuMTI1NiAyNi4xOTIgMTUuMjY4NSAyNi4xMzI2QzE1LjQxMTMgMjYuMDczMyAxNS41NDExIDI1Ljk4NjMgMTUuNjUwMyAyNS44NzY2QzE2LjMwNzQgMjUuMjE3NyAxNy4wOTg5IDI0LjcwODMgMTcuOTcwOSAyNC4zODM0TDIyLjAxNTggMjIuODY2NUMyMy4zNjA1IDIyLjM1NjYgMjQuNTE4OSAyMS40NTA3IDI1LjMzNzkgMjAuMjY4NUMyNi4xNTY5IDE5LjA4NjMgMjYuNTk4IDE3LjY4MzUgMjYuNjAyOCAxNi4yNDUzVjE1LjU0ODdDMjYuNjAyOCAxNC42NDAxIDI2LjM4NzEgMTMuNzI3OCAyNS45ODE3IDEyLjkxMzRMMjQuNjQ4NyAxMC4yNDg3Wk0yNC4yNDU2IDE2LjI0NTNDMjQuMjQyNCAxNy4yMDQyIDIzLjk0ODIgMTguMTM5NiAyMy40MDE4IDE4LjkyNzdDMjIuODU1NSAxOS43MTU4IDIyLjA4MjkgMjAuMzE5NSAyMS4xODYxIDIwLjY1OTFMMTcuMTQyNCAyMi4xNzU5QzE2LjMwNTggMjIuNDg4NCAxNS41MjEzIDIyLjkyNTkgMTQuODE1OCAyMy40NzM1QzE0LjExMDMgMjIuOTI1NyAxMy4zMjU5IDIyLjQ4NzggMTIuNDg5MyAyMi4xNzQ3TDguNDQ3OTkgMjAuNjU5MUM3LjU1MTE3IDIwLjMxOTUgNi43Nzg1MiAxOS43MTU4IDYuMjMyMjEgMTguOTI3N0M1LjY4NTkgMTguMTM5NiA1LjM5MTY2IDE3LjIwNDIgNS4zODg0MSAxNi4yNDUzVjE1LjU0ODdDNS4zODg0MSAxNS4wMDMxIDUuNTE2ODcgMTQuNDU1IDUuNzYwODQgMTMuOTY3MUw3LjA5MzgxIDExLjMwMjNDNy4zNzI2NCAxMC43NDI4IDcuNDE4MTggMTAuMDk1NiA3LjIyMDQzIDkuNTAyNTlDNy4wMjI2OCA4LjkwOTU3IDYuNTk3OCA4LjQxOTE5IDYuMDM4OTggOC4xMzkwM0w2LjAwMDA5IDguMTIxMzVMOC4zMzQ4NSA1LjAwNzU1SDIxLjI5OTJMMjMuNjM0IDguMTIxMzVMMjMuNTkzOSA4LjE0MTM4QzIzLjAzNTMgOC40MjE3OSAyMi42MTA2IDguOTEyMTcgMjIuNDEyOSA5LjUwNTFDMjIuMjE1MiAxMC4wOTggMjIuMjYwNiAxMC43NDUxIDIyLjUzOTEgMTEuMzA0N0wyMy44NzIgMTMuOTY4M0MyNC4xMTcyIDE0LjQ1NjIgMjQuMjQ1NiAxNS4wMDMxIDI0LjI0NTYgMTUuNTQ4N1YxNi4yNDUzWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+"); } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .event-data .location::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIyOSIgdmlld0JveD0iMCAwIDI5IDI5IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTQuODE3NCAxNy4wMzk0QzE3LjQxNzMgMTcuMDM5NCAxOS41MzE3IDE0LjkyNTEgMTkuNTMxNyAxMi4zMjUxQzE5LjUzMTcgOS43MjUxNiAxNy40MTczIDcuNjEwOCAxNC44MTc0IDcuNjEwOEMxMi4yMTc0IDcuNjEwOCAxMC4xMDMxIDkuNzI1MTYgMTAuMTAzMSAxMi4zMjUxQzEwLjEwMzEgMTQuOTI1MSAxMi4yMTc0IDE3LjAzOTQgMTQuODE3NCAxNy4wMzk0Wk0xNC44MTc0IDkuOTY3OTVDMTYuMTE3MyA5Ljk2Nzk1IDE3LjE3NDUgMTEuMDI1MSAxNy4xNzQ1IDEyLjMyNTFDMTcuMTc0NSAxMy42MjUxIDE2LjExNzMgMTQuNjgyMyAxNC44MTc0IDE0LjY4MjNDMTMuNTE3NCAxNC42ODIzIDEyLjQ2MDIgMTMuNjI1MSAxMi40NjAyIDEyLjMyNTFDMTIuNDYwMiAxMS4wMjUxIDEzLjUxNzQgOS45Njc5NSAxNC44MTc0IDkuOTY3OTVaIiBmaWxsPSJibGFjayIvPgogIDxwYXRoIGQ9Ik0xNC4xMzM4IDI2LjI0ODhDMTQuMzMzMyAyNi4zOTEzIDE0LjU3MjMgMjYuNDY3OSAxNC44MTc0IDI2LjQ2NzlDMTUuMDYyNSAyNi40Njc5IDE1LjMwMTUgMjYuMzkxMyAxNS41MDEgMjYuMjQ4OEMxNS44NTkzIDI1Ljk5NTQgMjQuMjgwMiAxOS45MTUxIDI0LjI0NiAxMi4zMjUxQzI0LjI0NiA3LjEyNjQgMjAuMDE2MSAyLjg5NjQ4IDE0LjgxNzQgMi44OTY0OEM5LjYxODY5IDIuODk2NDggNS4zODg3OCA3LjEyNjQgNS4zODg3OCAxMi4zMTkyQzUuMzU0NiAxOS45MTUxIDEzLjc3NTUgMjUuOTk1NCAxNC4xMzM4IDI2LjI0ODhaTTE0LjgxNzQgNS4yNTM2NEMxOC43MTczIDUuMjUzNjQgMjEuODg4OSA4LjQyNTE5IDIxLjg4ODkgMTIuMzMxQzIxLjkxMzYgMTcuNTYxNSAxNi43MTczIDIyLjI1ODIgMTQuODE3NCAyMy43OTg2QzEyLjkxODcgMjIuMjU3IDcuNzIxMTggMTcuNTU5MiA3Ljc0NTkzIDEyLjMyNTFDNy43NDU5MyA4LjQyNTE5IDEwLjkxNzUgNS4yNTM2NCAxNC44MTc0IDUuMjUzNjRaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4="); } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info .event-data .sport::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjQyMDggMTYuNTI0NkMyNS4zMzEgMTUuNDEzOCAyNi42NzE0IDEzLjY4NjggMjcuMzM3OCAxMS43MzQ4QzI3LjM1NDcgMTEuNjk5NSAyNy4zNjggMTEuNjYzMSAyNy4zNzY1IDExLjYyM0MyNy4zNzY1IDExLjYyMDUgMjcuMzc3NyAxMS42MTY5IDI3LjM3NzcgMTEuNjE0NUMyOC4xMjk5IDkuMzAyODYgMjcuOTQyNyA2LjY5MTE0IDI2LjY0MzUgNC40MjQ1NkMyNS4zNDMxIDIuMTU3OTIgMjMuMTkwMiAwLjY4OTc1NiAyMC44MjYxIDAuMTkwMzkzQzIwLjgyMjUgMC4xODkxNzggMjAuODIgMC4xODc5NjIgMjAuODE2NCAwLjE4Njc0N0MyMC43Nzc4IDAuMTczMzc4IDIwLjczOTEgMC4xNjczMDEgMjAuNzAwNSAwLjE2NDg3MUMxOC42ODg5IC0wLjIzMDEwOSAxNi41MzI1IDAuMDc0OTM1MyAxNC42MjIyIDEuMTg0NTRDMTMuMjY1IDEuOTczMzEgMTIuMTUyOSAzLjEwMjM3IDExLjM4MjcgNC40NjEwNUMxMC41NjUzIDQuMjA4MjUgOS42OTgzMSA0LjA3MDkyIDguNzk5OTUgNC4wNzA5MkM3Ljc3NDgxIDQuMDcwOTIgNi43OTA3MyA0LjI0ODM2IDUuODc1NDkgNC41NzQwOEM1Ljg0NzcyIDQuNTgxMzcgNS44MjExNiA0LjU5MTA5IDUuNzk0NTkgNC42MDMyNUM0LjgyMjYgNC45NTkzNCAzLjkzMDI5IDUuNDg0MzcgMy4xNTE0NiA2LjE0MTg4QzMuMTIxMjcgNi4xNjI1NCAzLjA5MzUgNi4xODU2MyAzLjA2ODE0IDYuMjEyMzdDMS41NzIxMSA3LjUwNjczIDAuNTEzMTY3IDkuMjk4MTUgMC4xNDM2ODggMTEuMzI4OUMwLjE0MTI3MyAxMS4zMzc0IDAuMTQwMDY2IDExLjM0NTkgMC4xMzg4NTggMTEuMzU1NkMwLjA0NzA4OTggMTEuODY2MSAwIDEyLjM5MTEgMCAxMi45MjcxQzAgMTQuODQ0OSAwLjU5ODkgMTYuNjY5MSAxLjczMTUxIDE4LjIwNDJDMi43MDcxMiAxOS41MjY1IDQuMDAwMzEgMjAuNTMxNiA1LjQ5NzcgMjEuMTM5MkM1LjAyODAxIDIxLjczMjMgNS4wMzQwMyAyMi41Nzk0IDUuNTE5NDMgMjMuMTY2NEM2LjY0MTE2IDI0LjUyNTIgOC4wODc3IDI1LjYzNzIgOS43MzQ3NiAyNi40NTE3QzkuNzcyMTkgMjYuNDc3MiA5LjgxMzI1IDI2LjQ5NzggOS44NTc5MiAyNi41MTI0QzExLjg0OSAyNy40NzI1IDE0LjEyNzMgMjggMTYuNDg1NSAyOEMxOC45NzY1IDI4IDIxLjM4MDYgMjcuNDExOCAyMy40NTAxIDI2LjM0NDdDMjMuNDg3NSAyNi4zMzEzIDIzLjUyMjUgMjYuMzExOSAyMy41NTUxIDI2LjI5QzI1LjA3MDUgMjUuNDkyNyAyNi40MDIzIDI0LjQzNzggMjcuNDUxNSAyMy4xNjc4QzI3LjQ1MTUgMjMuMTY3OCAyNy40NTE1IDIzLjE2NjYgMjcuNDUyNyAyMy4xNjY2QzI3Ljk0MTcgMjIuNTY5OSAyNy45NDE3IDIxLjcwNyAyNy40NTE1IDIxLjExMTRDMjYuNDAyMiAxOS44NDAyIDI1LjA3MDQgMTguNzg2NSAyMy41NTUxIDE3Ljk4OTJDMjMuNTIyNSAxNy45NjYyIDIzLjQ4NzUgMTcuOTQ3OSAyMy40NTAxIDE3LjkzNDZDMjIuOTQxOCAxNy42NzIgMjIuNDE0MSAxNy40Mzk5IDIxLjg2ODMgMTcuMjM2OUMyMi40MDQ0IDE3LjA1MjIgMjIuOTIzNiAxNi44MTQgMjMuNDIyMyAxNi41MjQ3TDIzLjQyMDggMTYuNTI0NlpNMjMuNzQ0NCAxOS4xMjc5QzI0LjkwNDggMTkuODIwNyAyNS45Mjg3IDIwLjY4MjMgMjYuNzYwNiAyMS42ODg3QzI2Ljk3OTIgMjEuOTUzNiAyNi45NzkyIDIyLjMyNDMgMjYuNzYwNiAyMi41OTA0QzI1LjkyODcgMjMuNTk4IDI0LjkwMzUgMjQuNDU5NyAyMy43NDQ0IDI1LjE1MjRWMTkuMTI3OVpNMjYuNjIxOCAxMS4wMTkyQzI0Ljc5NDkgMTAuNzM2MSAyMi45MjgyIDExLjAzOTkgMjEuMjggMTEuODg4MkwxOS42MzQzIDkuMDE4NzdMMjYuMDc5OCA1LjI3MzA4QzI2Ljk5OTkgNy4xMDk0NiAyNy4xNDQ2IDkuMTU3MTMgMjYuNjIxOCAxMS4wMTkyWk0xNC4yMDE3IDE1LjU0NzdMMTIuMDYwOSAxNC4zMDQ0VjExLjU1NDFMMTQuMjAxNyAxMC4zMTA4TDE2LjYwODIgMTEuNzA5N0MxNi42Njk4IDEyLjEwNzEgMTYuNzAxMiAxMi41MTU0IDE2LjcwMTIgMTIuOTI5OUMxNi43MDEyIDEzLjM0MzEgMTYuNjY5OCAxMy43NDkgMTYuNjA5NCAxNC4xNTAxTDE0LjIwMTcgMTUuNTQ5VjE1LjU0NzdaTTE2LjMyNjkgMTUuMzU0NUMxNi4yMjU0IDE1LjY3MTcgMTYuMTA0NyAxNS45ODQgMTUuOTYyMiAxNi4yODkxQzE1LjUyMTUgMTYuMzAzNyAxNS4wODMyIDE2LjMzNjUgMTQuNjQ5NyAxNi4zODc1VjE2LjMyOTJMMTYuMzI2OSAxNS4zNTQ1Wk0xNC42NTA5IDkuNTI3OTdWNy41ODgyNkMxNS4zOTk1IDguNDE4MzYgMTUuOTc2NyA5LjQwODg3IDE2LjMyNTcgMTAuNTAxNUwxNC42NTA5IDkuNTI3OTdaTTE0Ljg4MDMgNi41MzIxM0MxNS41MzM2IDYuMzY5MjcgMTYuMTYzOCA2LjEzMTA2IDE2Ljc2NCA1LjgyMTE0TDE4LjQwODUgOC42ODgxNEwxNi45MzE4IDkuNTQ2MTdDMTYuNDU5NyA4LjQwMTMxIDE1Ljc1NjkgNy4zNzY3OSAxNC44ODAzIDYuNTMyMTNaTTE3LjQ1OTUgMTEuMzU1OUMxNy40NTgzIDExLjM0NzQgMTcuNDU1OSAxMS4zMzg5IDE3LjQ1NDYgMTEuMzI5MkMxNy4zOTc5IDExLjAxNjggMTcuMzI0MiAxMC43MTE3IDE3LjIzNjEgMTAuNDExNkwxOC44NTY1IDkuNDY5NjhMMjAuNTAyMyAxMi4zMzkxQzE5LjAzNTIgMTMuMjk1NiAxNy44NzcyIDE0LjY3ODcgMTcuMTkxNCAxNi4yOTY0QzE3LjEwODEgMTYuMjkyOCAxNy4wMjYgMTYuMjg5MSAxNi45NDI3IDE2LjI4NjdDMTcuMzc3MyAxNS4yMjMyIDE3LjU5ODMgMTQuMDk2NiAxNy41OTgzIDEyLjkyODdDMTcuNTk4MyAxMi4zOTI3IDE3LjU1MTIgMTEuODY2MyAxNy40NTk1IDExLjM1NTlaTTIwLjk1ODYgMS4xNDcxQzIyLjgyMDUgMS42MjEwNyAyNC41MTA5IDIuNzcyMDMgMjUuNjMwMiA0LjQ5MTc0TDE5LjE4NDYgOC4yMzc0NEwxNy41NDAxIDUuMzY5MTlDMTkuMDk0IDQuMzU4MDIgMjAuMjg5NSAyLjg4MTMgMjAuOTU4NiAxLjE0NzFaTTIwLjA2MTUgMC45NzMzMDNDMTkuNDU2NSAyLjQ0OTk2IDE4LjQyMTcgMy43MDkwNyAxNy4wOTExIDQuNTg2NDVMMTUuNDY0NyAxLjc1MTAzQzE2LjkyOTMgMS4wMDcyNSAxOC41MzA0IDAuNzY2NjgxIDIwLjA2MTUgMC45NzMzMDNaTTE0LjY4OTUgMi4yMDMyM0wxNi4zMTU5IDUuMDM3NDRDMTUuNTg3OCA1LjQwODEyIDE0LjgxMzggNS42NjA5MSAxNC4wMDYgNS43OTA5NkMxMy40NjE1IDUuMzg3NDYgMTIuODY4NiA1LjA0NDc1IDEyLjIzODMgNC43NzQ5NEMxMi44NTA1IDMuNzQxODkgMTMuNjg2IDIuODY0NDEgMTQuNjkwNiAyLjIwMzI2TDE0LjY4OTUgMi4yMDMyM1pNMTEuNjUyNyA1LjUxMTQ3QzEyLjQxODIgNS44MTA0NSAxMy4xMjQ2IDYuMjI2MTEgMTMuNzUzNyA2LjczNjU1VjkuNTI4MjJMMTEuNjE0MSAxMC43NzE1TDkuMjQ4NjYgOS4zOTY5NlY2LjkwOTEzTDExLjY1MzkgNS41MTE0N0gxMS42NTI3Wk0xMS4xNjQ5IDExLjU1M1YxNC4zMDMzTDguNzk4MjkgMTUuNjgwM0w2LjQzMDQ1IDE0LjMwMzNWMTEuNTUzTDguNzk4MjkgMTAuMTc4NEwxMS4xNjQ5IDExLjU1M1pNOC43OTk0OSA0Ljk3NDE1QzkuMzc0MjUgNC45NzQxNSA5LjkzMzMxIDUuMDM2MTQgMTAuNDczIDUuMTU0MDJMOC43OTk0OSA2LjEyNjNMNy4xMjQ3NCA1LjE1NDAyQzcuNjY0NDcgNS4wMzYxMyA4LjIyNDczIDQuOTc0MTUgOC43OTk0OSA0Ljk3NDE1Wk0zLjg0NDE2IDYuNzM2NDJDNC40NzIwMiA2LjIyNTk4IDUuMTc5NiA1LjgxMDMxIDUuOTQzOTQgNS41MTEzNUw4LjM1MDQyIDYuOTA5MDFWOS4zOTY4M0w1Ljk4MjU4IDEwLjc3MTRMMy44NDQxNiA5LjUyODFWNi43MzY0MlpNMi45NDgyMyA3LjU4ODM5VjkuNTI4MUwxLjI3MzQ4IDEwLjUwMTZDMS42MjI0MyA5LjQwOSAyLjE5ODQgOC40MTg0OSAyLjk0ODIzIDcuNTg4MzlaTTIuOTQ4MjMgMTguMjg2QzIuMTg5OTYgMTcuNDQ2MiAxLjYxMzk5IDE2LjQ0ODQgMS4yNjg2NiAxNS4zNTMzTDIuOTQ4MjMgMTYuMzI5MlYxOC4yODZaTTAuOTg4NTQxIDE0LjE0ODlDMC45MjgxNjkgMTMuNzUwMyAwLjg5Njc3MyAxMy4zNDMxIDAuODk2NzczIDEyLjkyODdDMC44OTY3NzMgMTIuNTE0MiAwLjkyODE2NiAxMi4xMDU5IDAuOTg5NzQ3IDExLjcwODRMMy4zOTYyMyAxMC4zMDk2TDUuNTM0NjUgMTEuNTUyOVYxNC4zMDMyTDMuMzk2MjMgMTUuNTQ2NUwwLjk4ODU0MSAxNC4xNDc2VjE0LjE0ODlaTTMuODQ0MTkgMTkuMTM0MVYxNi4zMjkxTDUuOTgyNjEgMTUuMDg1OEw4LjM1MDQ1IDE2LjQ2MjhWMTguNjEyN0M3LjUzOTA0IDE5LjEzNzggNi43OTY0NiAxOS43NDQyIDYuMTM5NiAyMC40MjI0QzUuMjkwNzYgMjAuMTE4NiA0LjUxOTE5IDE5LjY3OTggMy44NDQyMiAxOS4xMzU0TDMuODQ0MTkgMTkuMTM0MVpNOS41Mzk4NCAyNS4zMzQ5QzguMjUwMjcgMjQuNjEzIDcuMTE1MjUgMjMuNjg5MyA2LjIwODU3IDIyLjU5MTlDNS45ODg4MSAyMi4zMjU3IDUuOTg4ODEgMjEuOTU1IDYuMjA4NTcgMjEuNjkwMUM3LjExNDE2IDIwLjU5MjcgOC4yNTAzOSAxOS42Njc4IDkuNTM5ODQgMTguOTQ3MVYyNS4zMzYxVjI1LjMzNDlaTTkuODU2MTggMTcuNzY3QzkuODExNTEgMTcuNzgwNCA5Ljc3MDQ1IDE3LjgwMSA5LjczNDIzIDE3LjgyNjZDOS41NzAwMiAxNy45MDggOS40MDgyMSAxNy45OTA2IDkuMjQ3NjMgMTguMDc4MVYxNi40NjE3TDExLjYxNDIgMTUuMDg0N0wxMy43NTM5IDE2LjMyOFYxNi41MTc2QzEyLjM3OTggMTYuNzYwNyAxMS4wNjQ5IDE3LjE4MzYgOS44NTYzIDE3Ljc2NThMOS44NTYxOCAxNy43NjdaTTIyLjg0NzEgMTguNjM5NlYyNS42NDEzQzIwLjk0NzggMjYuNTgwOCAxOC43NTY0IDI3LjA5ODUgMTYuNDgzOCAyNy4wOTg1QzE0LjMzNjkgMjcuMDk4NSAxMi4yNjE0IDI2LjYzNjcgMTAuNDM3IDI1Ljc5MlYxOC40ODc2QzEyLjI2MTUgMTcuNjQzIDE0LjMzNyAxNy4xODExIDE2LjQ4MzggMTcuMTgxMUMxOC43NTYzIDE3LjE4MTEgMjAuOTQ3NyAxNy42OTg5IDIyLjg0NzEgMTguNjM4M1YxOC42Mzk2Wk0yMC4xODcxIDE2LjcyM0MxOS41MjA2IDE2LjU2MDIgMTguODM4MyAxNi40NDEgMTguMTQyOSAxNi4zNjY5QzE4Ljc2MzUgMTUuMDUwNyAxOS43Mzc5IDEzLjkyMjggMjAuOTUxNCAxMy4xMjE4TDIyLjU3NzggMTUuOTU3M0MyMS44MjMyIDE2LjM0MTMgMjEuMDIxNCAxNi41OTc4IDIwLjE4NzEgMTYuNzIzWk0yMS43MjkgMTIuNjcxMkMyMy4xNTAyIDExLjk1MDUgMjQuNzUwMSAxMS42NzcgMjYuMzIzMyAxMS44ODg1QzI1LjczNTMgMTMuMzI2MiAyNC43MjgyIDE0LjYwMTIgMjMuMzU1NCAxNS41MDY2TDIxLjcyODkgMTIuNjcyNEwyMS43MjkgMTIuNjcxMloiIGZpbGw9InJnYmEoMjU1LCA4NywgMCwgMSkiLz4KPHBhdGggZD0iTTE2LjAzNTggMTkuMzQ4MVYyMS42OTAxSDE0LjU2MTVWMjAuNjI3OUMxNC41NjE1IDIwLjM3ODcgMTQuMzYxMSAyMC4xNzcgMTQuMTEzNiAyMC4xNzdDMTMuODY2MSAyMC4xNzcgMTMuNjY1NiAyMC4zNzg3IDEzLjY2NTYgMjAuNjI3OVYyMS42OTAxSDEyLjUwNTNDMTIuMjU3NyAyMS42OTAxIDEyLjA1NzMgMjEuODkxOCAxMi4wNTczIDIyLjE0MUMxMi4wNTczIDIyLjM5MDEgMTIuMjU3NyAyMi41OTE5IDEyLjUwNTMgMjIuNTkxOUgxMy42NjU2VjIzLjY1NDFDMTMuNjY1NiAyMy45MDMzIDEzLjg2NjEgMjQuMTA1IDE0LjExMzYgMjQuMTA1QzE0LjM2MTEgMjQuMTA1IDE0LjU2MTUgMjMuOTAzMiAxNC41NjE1IDIzLjY1NDFWMjIuNTkxOUgxNi4wMzU4VjI0LjkzMTRDMTYuMDM1OCAyNS4xODA2IDE2LjIzNjMgMjUuMzgyMyAxNi40ODM4IDI1LjM4MjNDMTYuNzMxMyAyNS4zODIzIDE2LjkzMTggMjUuMTgwNiAxNi45MzE4IDI0LjkzMTRWMjIuNTkxOUgxOC40MDYxVjIzLjY1NDFDMTguNDA2MSAyMy45MDMzIDE4LjYwNjUgMjQuMTA1IDE4Ljg1NCAyNC4xMDVDMTkuMTAxNiAyNC4xMDUgMTkuMzAyIDIzLjkwMzIgMTkuMzAyIDIzLjY1NDFWMjIuNTkxOUgyMC40NjQ4QzIwLjcxMjMgMjIuNTkxOSAyMC45MTI3IDIyLjM5MDEgMjAuOTEyNyAyMi4xNDFDMjAuOTEyNyAyMS44OTE4IDIwLjcxMjMgMjEuNjkwMSAyMC40NjQ4IDIxLjY5MDFIMTkuMzAyVjIwLjYyNzlDMTkuMzAyIDIwLjM3ODcgMTkuMTAxNSAyMC4xNzcgMTguODU0IDIwLjE3N0MxOC42MDY1IDIwLjE3NyAxOC40MDYxIDIwLjM3ODcgMTguNDA2MSAyMC42Mjc5VjIxLjY5MDFIMTYuOTMxOFYxOS4zNDgxQzE2LjkzMTggMTkuMDk5IDE2LjczMTMgMTguODk3MiAxNi40ODM4IDE4Ljg5NzJDMTYuMjM2MyAxOC44OTcyIDE2LjAzNTggMTkuMDk5IDE2LjAzNTggMTkuMzQ4MVoiIGZpbGw9InJnYmEoMjU1LCA4NywgMCwgMSkiLz4KPC9zdmc+Cg=="); } @media screen and (max-width: 768px) { .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post { padding: var(--spacing-md); flex-direction: column; gap: var(--spacing-sm); } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info { order: 2; gap: var(--spacing-sm); } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .info p:empty { display: none; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post .media { width: 100%; aspect-ratio: 16/11; max-height: 100vh; height: auto; } .block__anatomy-featured-posts.full-width-carousel-1 .wrapper .posts .post::after { top: var(--spacing-sm); left: var(--spacing-sm); width: calc(100% - var(--spacing-sm) * 2); height: calc(100% - var(--spacing-sm) * 2); } } .block__anatomy-featured-posts.has-taxonomy-limit .wrapper .posts .post .info .terms { display: none; } .block__anatomy-featured-posts.has-taxonomy-limit .wrapper .posts .post:not(:has(.media)) h4 { margin-top: 0; } @media screen and (max-width: 768px) { .block__anatomy-featured-posts { padding: var(--spacing-md) 0; } .block__anatomy-featured-posts .wrapper { gap: var(--spacing-md); } .block__anatomy-featured-posts .wrapper .meta { padding: 0; flex-direction: column; gap: var(--spacing-sm); } .block__anatomy-featured-posts .wrapper .meta > * { max-width: 100%; } .block__anatomy-featured-posts .wrapper .meta .titles h3 { margin-bottom: var(--spacing-sm); } .block__anatomy-featured-posts .wrapper .meta .titles h2 { margin-bottom: 0; } .block__anatomy-featured-posts .wrapper .meta .description .ctas { margin-left: 0; } .block__anatomy-featured-posts .wrapper .posts { overflow: visible; } .block__anatomy-featured-posts .wrapper .posts .post { --width: var(--container-width) !important; min-width: var(--width) !important; margin-right: var(--spacing-sm); } .block__anatomy-featured-posts .wrapper .posts .slick-dots { bottom: -30px; } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper { gap: var(--spacing-sm); padding-bottom: 50px; } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .meta { padding: 0; align-items: start; gap: var(--spacing-sm); } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .meta .titles h2 { margin-bottom: 0; } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .posts .slick-dots { top: auto; right: 50%; transform: translateX(50%); } .block__anatomy-featured-posts.show-carousel-1:not(.full-width-carousel-1) .wrapper .posts .post { margin-left: 0; margin-right: var(--spacing-sm); } } /* full-width-media */ :root { --button-background: var(--color-brand-orange); --button-color: var(--color-text-primary); --button-secondary-color: var(--color-text-primary); --button-secondary-hover-color: var(--color-text-secondary); --button-secondary-hover-background: var(--color-brand-black); --button-hover-color: var(--color-text-primary); } .block__huddle-full-width-media { display: flex; justify-content: center; padding: var(--spacing-lg) 0; } .block__huddle-full-width-media .wrapper { max-width: var(--container-xl-max-width); width: 100%; padding: var(--spacing-md); position: relative; overflow: hidden; border-radius: 14px; } .block__huddle-full-width-media .wrapper .bg-wheel { position: absolute; top: -10%; left: -10%; width: 120%; height: 120%; z-index: 0; display: flex; align-items: center; } .block__huddle-full-width-media .wrapper .bg-wheel svg { width: 100%; height: 100%; } .block__huddle-full-width-media .wrapper .bg-wheel svg .fill-primary { fill: var(--color-brand-cream); } .block__huddle-full-width-media .wrapper .bg-wheel svg .fill-bg { fill: var(--color-brand-orange); } .block__huddle-full-width-media .wrapper .media { aspect-ratio: 16/9; width: 100%; border-radius: 14px; overflow: hidden; position: relative; z-index: 1; } .block__huddle-full-width-media .wrapper .media img, .block__huddle-full-width-media .wrapper .media video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 768px) { .block__huddle-full-width-media { padding: var(--spacing-sm) 0; } .block__huddle-full-width-media .wrapper { padding: var(--spacing-sm); } .block__huddle-full-width-media .wrapper .bg-wheel { width: 200%; height: 200%; top: -60%; } .block__huddle-full-width-media .wrapper .media { aspect-ratio: 29/36; } } /* partners */ :root { --button-background: var(--color-brand-orange); --button-color: var(--color-text-primary); --button-secondary-color: var(--color-text-primary); --button-secondary-hover-color: var(--color-text-secondary); --button-secondary-hover-background: var(--color-brand-black); --button-hover-color: var(--color-text-primary); } .block__huddle-partners { display: flex; justify-content: center; padding: var(--spacing-sm) 0; } .block__huddle-partners .wrapper { max-width: var(--container-xl-max-width); width: 100%; } .block__huddle-partners.layout-two-rows .wrapper { display: flex; gap: var(--spacing-sm); align-items: start; } .block__huddle-partners.layout-two-rows .wrapper .meta { width: 100%; max-width: calc(50% - var(--spacing-sm) / 2); background: var(--color-brand-orange); padding: var(--spacing-md); border-radius: 20px; } .block__huddle-partners.layout-two-rows .wrapper .meta h4 { font: var(--type-h4); margin-bottom: var(--spacing-md); } .block__huddle-partners.layout-two-rows .wrapper .meta h2 { font: var(--type-h1); margin-bottom: var(--spacing-xl); } .block__huddle-partners.layout-two-rows .wrapper .meta .description { display: flex; gap: var(--spacing-md); align-items: end; } .block__huddle-partners.layout-two-rows .wrapper .meta .description p { font: var(--type-b1); max-width: 555px; } .block__huddle-partners.layout-two-rows .wrapper .meta .description .cta { --button-background: var(--color-brand-white); --button-color: var(--color-text-primary); --button-hover-color: var(--color-text-secondary); margin-left: auto; padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd); display: inline-block; white-space: nowrap; font: var(--type-b1); background-color: var(--button-background); border-radius: 21px; border: 2px solid var(--button-background); color: var(--color-text-primary); transition: background 0.3s, color 0.3s, border-color 0.3s; } @media screen and (max-width: 768px) { .block__huddle-partners.layout-two-rows .wrapper .meta .description .cta { padding: calc(var(--spacing-xs)) var(--spacing-sm); border-radius: 12px; } } .block__huddle-partners.layout-two-rows .wrapper .meta .description .cta:hover { background-color: transparent; color: var(--button-hover-color); } .block__huddle-partners.layout-two-rows .wrapper .partners { width: 100%; max-width: calc(50% - var(--spacing-sm) / 2); background: var(--color-brand-neutral-light); border-radius: 20px; padding: var(--spacing-xl) 0; display: flex; flex-direction: column; gap: var(--spacing-sm); } .block__huddle-partners.layout-two-rows .wrapper .partners .row { display: flex; gap: var(--spacing-sm); width: 100%; } .block__huddle-partners.layout-two-rows .wrapper .partners .row .partner { min-width: 250px; min-height: 250px; max-width: 250px; max-height: 250px; background: var(--color-brand-white); border-radius: 29px; padding: var(--spacing-md); display: flex; align-items: center; margin-right: var(--spacing-sm); } .block__huddle-partners.layout-two-rows .wrapper .partners .row .partner img { -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } .block__huddle-partners.layout-one-row .wrapper { display: flex; flex-direction: column; align-items: center; background: var(--color-brand-neutral-light); border-radius: 20px; padding: var(--spacing-xl) 0; } .block__huddle-partners.layout-one-row .wrapper .meta { text-align: center; max-width: 800px; margin-bottom: var(--spacing-lg); } .block__huddle-partners.layout-one-row .wrapper .meta h4 { font: var(--type-h4); margin-bottom: var(--spacing-md); } .block__huddle-partners.layout-one-row .wrapper .meta h2 { font: var(--type-h1); margin-bottom: var(--spacing-md); } .block__huddle-partners.layout-one-row .wrapper .meta .cta { padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd); display: inline-block; white-space: nowrap; font: var(--type-b1); background-color: var(--button-background); border-radius: 21px; border: 2px solid var(--button-background); color: var(--color-text-primary); transition: background 0.3s, color 0.3s, border-color 0.3s; } @media screen and (max-width: 768px) { .block__huddle-partners.layout-one-row .wrapper .meta .cta { padding: calc(var(--spacing-xs)) var(--spacing-sm); border-radius: 12px; } } .block__huddle-partners.layout-one-row .wrapper .meta .cta:hover { background-color: transparent; color: var(--button-hover-color); } .block__huddle-partners.layout-one-row .wrapper .partners { width: 100%; } .block__huddle-partners.layout-one-row .wrapper .partners .row { display: flex; gap: var(--spacing-sm); width: 100%; } .block__huddle-partners.layout-one-row .wrapper .partners .row .partner { min-width: 360px; min-height: 360px; max-width: 360px; max-height: 360px; background: var(--color-brand-white); border-radius: 29px; padding: var(--spacing-md); display: flex; align-items: center; margin-right: var(--spacing-sm); } .block__huddle-partners.layout-one-row .wrapper .partners .row .partner img { -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } @media screen and (max-width: 768px) { .block__huddle-partners.layout-two-rows { padding: var(--spacing-sm) 0; } .block__huddle-partners.layout-two-rows .wrapper { flex-direction: column; gap: var(--spacing-sm); } .block__huddle-partners.layout-two-rows .wrapper > * { max-width: 100% !important; width: 100% !important; } .block__huddle-partners.layout-two-rows .wrapper .meta { padding: var(--spacing-sm); text-align: center; } .block__huddle-partners.layout-two-rows .wrapper .meta h4 { margin-bottom: 20px; } .block__huddle-partners.layout-two-rows .wrapper .meta h2 { margin-bottom: 20px; } .block__huddle-partners.layout-two-rows .wrapper .meta .description { flex-direction: column; gap: var(--spacing-sm); align-items: center; } .block__huddle-partners.layout-two-rows .wrapper .meta .description p { max-width: 100%; } .block__huddle-partners.layout-two-rows .wrapper .meta .description .cta { margin-left: 0; } .block__huddle-partners.layout-two-rows .wrapper .partners { padding: var(--spacing-md) 0; gap: 10px; } .block__huddle-partners.layout-two-rows .wrapper .partners .row .partner { min-width: 100px; min-height: 100px; max-width: 100px; max-height: 100px; margin-right: 10px; border-radius: 10px; padding: 10px; } .block__huddle-partners.layout-one-row { padding: var(--spacing-sm) 0; } .block__huddle-partners.layout-one-row .wrapper { padding: var(--spacing-md) 0; } .block__huddle-partners.layout-one-row .wrapper .meta { padding: 0 var(--spacing-sm); margin-bottom: var(--spacing-md); } .block__huddle-partners.layout-one-row .wrapper .meta h4 { margin-bottom: var(--spacing-sm); } .block__huddle-partners.layout-one-row .wrapper .meta h2 { margin-bottom: var(--spacing-sm); } .block__huddle-partners.layout-one-row .wrapper .partners .row .partner { min-width: 183px; min-height: 183px; max-width: 183px; max-height: 183px; margin-right: 10px; border-radius: 10px; padding: 20px; } } /* post-list */ :root { --button-background: var(--color-brand-orange); --button-color: var(--color-text-primary); --button-secondary-color: var(--color-text-primary); --button-secondary-hover-color: var(--color-text-secondary); --button-secondary-hover-background: var(--color-brand-black); --button-hover-color: var(--color-text-primary); } .block__anatomy-post-list { padding: var(--spacing-lg) 0; padding-top: var(--spacing-xl); display: flex; justify-content: center; } .block__anatomy-post-list .wrapper { width: 100%; max-width: var(--container-xl-max-width); padding: 0 calc(var(--spacing-lg) - var(--container-padding)); } .block__anatomy-post-list .wrapper .top { display: flex; gap: var(--spacing-lg); margin-bottom: var(--spacing-lg); align-items: end; } .block__anatomy-post-list .wrapper .top .titles { max-width: 940px; width: 100%; gap: 32px; display: flex; flex-direction: column; } .block__anatomy-post-list .wrapper .top .titles h2 { font: var(--type-h1); } .block__anatomy-post-list .wrapper .top .titles h4 { font: var(--type-h4); } .block__anatomy-post-list .wrapper .top .titles p { font: var(--type-b1); } .block__anatomy-post-list .wrapper .top .cta { margin-left: auto; padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd); display: inline-block; white-space: nowrap; font: var(--type-b1); background-color: var(--button-background); border-radius: 21px; border: 2px solid var(--button-background); color: var(--color-text-primary); transition: background 0.3s, color 0.3s, border-color 0.3s; } @media screen and (max-width: 768px) { .block__anatomy-post-list .wrapper .top .cta { padding: calc(var(--spacing-xs)) var(--spacing-sm); border-radius: 12px; } } .block__anatomy-post-list .wrapper .top .cta:hover { background-color: transparent; color: var(--button-hover-color); } .block__anatomy-post-list .wrapper .top .taxonomies { margin-left: auto; width: 100%; max-width: 100%; display: flex; } .block__anatomy-post-list .wrapper .top .taxonomies .taxonomy { margin-left: auto; } .block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul { display: flex; flex-wrap: wrap; gap: var(--spacing-xs); } .block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul li a.active { padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd); display: inline-block; white-space: nowrap; font: var(--type-b1); background-color: var(--button-background); border-radius: 21px; border: 2px solid var(--button-background); color: var(--color-text-primary); transition: background 0.3s, color 0.3s, border-color 0.3s; } @media screen and (max-width: 768px) { .block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul li a.active { padding: calc(var(--spacing-xs)) var(--spacing-sm); border-radius: 12px; } } .block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul li a.active:hover { background-color: transparent; color: var(--button-hover-color); } .block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul li a:not(.active) { padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd); display: inline-block; white-space: nowrap; font: var(--type-b1); background-color: var(--button-background); border-radius: 21px; border: 2px solid var(--button-background); color: var(--color-text-primary); transition: background 0.3s, color 0.3s, border-color 0.3s; background-color: transparent; color: var(--button-secondary-color); border-color: var(--button-secondary-color); } @media screen and (max-width: 768px) { .block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul li a:not(.active) { padding: calc(var(--spacing-xs)) var(--spacing-sm); border-radius: 12px; } } .block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul li a:not(.active):hover { background-color: transparent; color: var(--button-hover-color); } .block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul li a:not(.active):hover { background-color: var(--button-secondary-hover-background); color: var(--button-secondary-hover-color); border-color: var(--button-secondary-hover-background); } .block__anatomy-post-list .wrapper .posts { display: flex; flex-direction: column; gap: var(--spacing-sm); } .block__anatomy-post-list .wrapper .posts .post { display: block; border-radius: 10px; border: 1px solid var(--color-brand-black); min-height: 158px; } .block__anatomy-post-list .wrapper .posts .post:hover { background: var(--color-brand-neutral-light); } .block__anatomy-post-list .wrapper .posts .post .wrapper { display: flex; padding: var(--spacing-sm); padding-left: var(--spacing-md); min-height: 158px; height: 100%; } .block__anatomy-post-list .wrapper .posts .post .wrapper:has(.date-abbr) { padding-left: 0; } .block__anatomy-post-list .wrapper .posts .post .wrapper .date-abbr { margin-left: -1px; background: var(--color-brand-orange); margin-top: calc(var(--spacing-sm) * -1 - 1px); margin-bottom: calc(var(--spacing-sm) * -1 - 1px); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--spacing-sm); border-radius: 10px 0 0 10px; min-height: 100%; width: 158px; margin-right: var(--spacing-sm); } .block__anatomy-post-list .wrapper .posts .post .wrapper .date-abbr .month { font: var(--type-h2); text-transform: uppercase; } .block__anatomy-post-list .wrapper .posts .post .wrapper .date-abbr .year { font: var(--type-b2); } .block__anatomy-post-list .wrapper .posts .post .wrapper .h4-holder { display: flex; align-items: center; max-width: calc(50% - var(--spacing-sm) - 158px); width: 100%; padding-right: 80px; border-right: 1px solid var(--color-brand-black); margin-right: var(--spacing-md); } .block__anatomy-post-list .wrapper .posts .post .wrapper .h4-holder h4 { font: var(--type-h2); } .block__anatomy-post-list .wrapper .posts .post .wrapper .info { display: flex; flex-direction: column; justify-content: center; gap: var(--spacing-xs); font: var(--type-b2); } .block__anatomy-post-list .wrapper .posts .post .wrapper .info > * { display: flex; align-items: center; gap: var(--spacing-sm); } .block__anatomy-post-list .wrapper .posts .post .wrapper .info > *:empty { display: none; } .block__anatomy-post-list .wrapper .posts .post .wrapper .info > *::before { content: ""; width: 28px; height: 28px; display: inline-block; } .block__anatomy-post-list .wrapper .posts .post .wrapper .info .date::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIyOSIgdmlld0JveD0iMCAwIDI5IDI5IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNOC4yMzMwNyAxMy41NDY5SDEwLjU2NjRWMTUuODgwMkg4LjIzMzA3VjEzLjU0NjlaTTguMjMzMDcgMTguMjEzNUgxMC41NjY0VjIwLjU0NjlIOC4yMzMwN1YxOC4yMTM1Wk0xMi44OTk3IDEzLjU0NjlIMTUuMjMzMVYxNS44ODAySDEyLjg5OTdWMTMuNTQ2OVpNMTIuODk5NyAxOC4yMTM1SDE1LjIzMzFWMjAuNTQ2OUgxMi44OTk3VjE4LjIxMzVaTTE3LjU2NjQgMTMuNTQ2OUgxOS44OTk3VjE1Ljg4MDJIMTcuNTY2NFYxMy41NDY5Wk0xNy41NjY0IDE4LjIxMzVIMTkuODk5N1YyMC41NDY5SDE3LjU2NjRWMTguMjEzNVoiIGZpbGw9IiNGRjU3MDAiLz4KICA8cGF0aCBkPSJNNS44OTk3NCAyNi4zODAySDIyLjIzMzFDMjMuNTE5OSAyNi4zODAyIDI0LjU2NjQgMjUuMzMzNyAyNC41NjY0IDI0LjA0NjlWNy43MTM1NEMyNC41NjY0IDYuNDI2NzEgMjMuNTE5OSA1LjM4MDIxIDIyLjIzMzEgNS4zODAyMUgxOS44OTk3VjMuMDQ2ODhIMTcuNTY2NFY1LjM4MDIxSDEwLjU2NjRWMy4wNDY4OEg4LjIzMzA3VjUuMzgwMjFINS44OTk3NEM0LjYxMjkxIDUuMzgwMjEgMy41NjY0MSA2LjQyNjcxIDMuNTY2NDEgNy43MTM1NFYyNC4wNDY5QzMuNTY2NDEgMjUuMzMzNyA0LjYxMjkxIDI2LjM4MDIgNS44OTk3NCAyNi4zODAyWk0yMi4yMzMxIDEwLjA0NjlMMjIuMjM0MiAyNC4wNDY5SDUuODk5NzRWMTAuMDQ2OUgyMi4yMzMxWiIgZmlsbD0iI0ZGNTcwMCIvPgo8L3N2Zz4="); } .block__anatomy-post-list .wrapper .posts .post .wrapper .info .location::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIyOSIgdmlld0JveD0iMCAwIDI5IDI5IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTQuMDY1OCAxNy4wNDY5QzE2LjYzOTUgMTcuMDQ2OSAxOC43MzI1IDE0Ljk1MzkgMTguNzMyNSAxMi4zODAyQzE4LjczMjUgOS44MDY1NCAxNi42Mzk1IDcuNzEzNTQgMTQuMDY1OCA3LjcxMzU0QzExLjQ5MjIgNy43MTM1NCA5LjM5OTE2IDkuODA2NTQgOS4zOTkxNiAxMi4zODAyQzkuMzk5MTYgMTQuOTUzOSAxMS40OTIyIDE3LjA0NjkgMTQuMDY1OCAxNy4wNDY5Wk0xNC4wNjU4IDEwLjA0NjlDMTUuMzUyNyAxMC4wNDY5IDE2LjM5OTIgMTEuMDkzNCAxNi4zOTkyIDEyLjM4MDJDMTYuMzk5MiAxMy42NjcgMTUuMzUyNyAxNC43MTM1IDE0LjA2NTggMTQuNzEzNUMxMi43NzkgMTQuNzEzNSAxMS43MzI1IDEzLjY2NyAxMS43MzI1IDEyLjM4MDJDMTEuNzMyNSAxMS4wOTM0IDEyLjc3OSAxMC4wNDY5IDE0LjA2NTggMTAuMDQ2OVoiIGZpbGw9IiNGRjU3MDAiLz4KICA8cGF0aCBkPSJNMTMuMzg5MiAyNi4xNjMyQzEzLjU4NjYgMjYuMzA0MiAxMy44MjMyIDI2LjM4IDE0LjA2NTkgMjYuMzhDMTQuMzA4NSAyNi4zOCAxNC41NDUxIDI2LjMwNDIgMTQuNzQyNSAyNi4xNjMyQzE1LjA5NzIgMjUuOTEyNCAyMy40MzMgMTkuODkzNSAyMy4zOTkyIDEyLjM4MDJDMjMuMzk5MiA3LjIzNDA0IDE5LjIxMiAzLjA0Njg4IDE0LjA2NTkgMy4wNDY4OEM4LjkxOTY5IDMuMDQ2ODggNC43MzI1MiA3LjIzNDA0IDQuNzMyNTIgMTIuMzc0NEM0LjY5ODY5IDE5Ljg5MzUgMTMuMDM0NSAyNS45MTI0IDEzLjM4OTIgMjYuMTYzMlpNMTQuMDY1OSA1LjM4MDIxQzE3LjkyNjQgNS4zODAyMSAyMS4wNjU5IDguNTE5NzEgMjEuMDY1OSAxMi4zODZDMjEuMDkwNCAxNy41NjM3IDE1Ljk0NjUgMjIuMjEyOSAxNC4wNjU5IDIzLjczNzdDMTIuMTg2NCAyMi4yMTE3IDcuMDQxMzYgMTcuNTYxNCA3LjA2NTg2IDEyLjM4MDJDNy4wNjU4NiA4LjUxOTcxIDEwLjIwNTQgNS4zODAyMSAxNC4wNjU5IDUuMzgwMjFaIiBmaWxsPSIjRkY1NzAwIi8+Cjwvc3ZnPg=="); } .block__anatomy-post-list .wrapper .posts .post .wrapper .info .sport.ski::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyOSAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjY3NSA2Ljk1MTIyQzIwLjY3NSA4LjAyNDM5IDE5LjgyIDguOTAyNDQgMTguNzc1IDguOTAyNDRDMTcuNzMgOC45MDI0NCAxNi44NzUgOC4wMjQzOSAxNi44NzUgNi45NTEyMkMxNi44NzUgNS44NzgwNSAxNy43MyA1IDE4Ljc3NSA1QzE5LjgyIDUgMjAuNjc1IDUuODc4MDUgMjAuNjc1IDYuOTUxMjJaTTE4LjA5MSAyMi45NTEyTDE4LjgxMyAyMy4yMTQ2QzIwLjE1ODMgMjMuNjk2OCAyMS42MzE1IDIzLjYzNzUgMjIuOTM2IDIzLjA0ODhMMjQgMjQuMTUxMkMyMy4wMDI1IDI0LjY4NzggMjEuODcyIDI1IDIwLjY3NSAyNUMxOS44NTggMjUgMTkuMDc5IDI0Ljg2MzQgMTguMzQ3NSAyNC42TDUgMTkuNjA0OUw1LjQ3NSAxOC4yMjkzTDEyLjAzIDIwLjY3OEwxMy42NjQgMTYuMzQ2M0wxMC4yNzI1IDEyLjcwNzNDOS40MjcgMTEuNzkwMiA5LjYzNiAxMC4yOTc2IDEwLjcgOS42NjM0MUwxNC4wMDYgNy43MDI0NEMxNS4wNTEgNy4wNzgwNSAxNi40IDcuNjA0ODggMTYuNzcwNSA4Ljc4NTM3TDE3LjA4NCA5LjgzOTAyQzE3LjI4ODMgMTAuNTE5NyAxNy42MzQ2IDExLjE0NjQgMTguMDk5IDExLjY3NTVDMTguNTYzMyAxMi4yMDQ2IDE5LjEzNDQgMTIuNjIzMyAxOS43NzI1IDEyLjkwMjRMMjAuMjY2NSAxMS4zNDE1TDIxLjYyNSAxMS43OTAyTDIwLjU2MSAxNS4xNTYxQzE5LjQyODIgMTQuOTY0IDE4LjM2MjcgMTQuNDc1MyAxNy40Njc0IDEzLjczN0MxNi41NzIxIDEyLjk5ODcgMTUuODc3MyAxMi4wMzU5IDE1LjQ1IDEwLjk0MTVMMTMuMDQ2NSAxMi4zNTYxTDE1LjkyNSAxNS43MzE3TDEzLjgxNiAyMS4zNTEyTDE2Ljc1MTUgMjIuNDQzOUwxOC43NDY1IDE2LjE2MUMxOS4xODM1IDE2LjMzNjYgMTkuNjM5NSAxNi40NjM0IDIwLjExNDUgMTYuNTYxTDE4LjA5MSAyMi45NTEyWiIgZmlsbD0iI0ZGNTcwMCIvPgo8L3N2Zz4K"); } .block__anatomy-post-list .wrapper .posts .post .wrapper .info .sport.football::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyOSAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjUgNC4zNzVDOC45MTEgNC4zNzUgNC4zNzUgOC45MTEgNC4zNzUgMTQuNUM0LjM3NSAyMC4wODkgOC45MTEgMjQuNjI1IDE0LjUgMjQuNjI1QzIwLjA4OSAyNC42MjUgMjQuNjI1IDIwLjA4OSAyNC42MjUgMTQuNUMyNC42MjUgOC45MTEgMjAuMDg5IDQuMzc1IDE0LjUgNC4zNzVaTTE1LjUxMjUgNy43MTYyNUwxNi44Nzk0IDYuNzU0MzdDMTguNzExMyA3LjMyMTE0IDIwLjI4MjggOC41MTk0NyAyMS4zMTQxIDEwLjEzNjFMMjAuOTE5MyAxMS40OTI5TDE5LjU1MjQgMTEuOTU4NkwxNS41MTI1IDkuMTMzNzVWNy43MTYyNVpNMTIuMTIwNiA2Ljc1NDM3TDEzLjQ4NzUgNy43MTYyNVY5LjEzMzc1TDkuNDQ3NjMgMTEuOTU4Nkw4LjA4MDc1IDExLjQ5MjlMNy42ODU4OCAxMC4xMzYxQzguNzIzNjkgOC41MjU0MyAxMC4yOTI3IDcuMzI4OTYgMTIuMTIwNiA2Ljc1NDM3Wk05LjUxODUgMTkuNjczOUw4LjM2NDI1IDE5Ljc3NTFDNy4wOTUxOSAxOC4zMTA5IDYuMzk3NjUgMTYuNDM3NiA2LjQgMTQuNUM2LjQgMTQuMzc4NSA2LjQxMDEzIDE0LjI2NzEgNi40MjAyNSAxNC4xNDU2TDcuNDMyNzUgMTMuNDA2NUw4LjgzIDEzLjg5MjVMMTAuMzA4MyAxOC4yODY4TDkuNTE4NSAxOS42NzM5Wk0xNy4wMzEzIDIyLjE4NDlDMTYuMjMxNCAyMi40NDgxIDE1LjM4MDkgMjIuNiAxNC41IDIyLjZDMTMuNjE5MSAyMi42IDEyLjc2ODYgMjIuNDQ4MSAxMS45Njg4IDIyLjE4NDlMMTEuMjcwMSAyMC42NzYzTDExLjkxODEgMTkuNTYyNUgxNy4wOTJMMTcuNzQgMjAuNjg2NEwxNy4wMzEzIDIyLjE4NDlaTTE2Ljc5ODQgMTcuNTM3NUgxMi4yMDE2TDEwLjgzNDggMTMuNDY3MkwxNC41IDEwLjg5NTVMMTguMTc1NCAxMy40NjcyTDE2Ljc5ODQgMTcuNTM3NVpNMjAuNjM1NyAxOS43NzUxTDE5LjQ4MTUgMTkuNjczOUwxOC42ODE2IDE4LjI4NjhMMjAuMTU5OSAxMy44OTI1TDIxLjU2NzMgMTMuNDE2NkwyMi41Nzk4IDE0LjE1NThDMjIuNTg5OSAxNC4yNjcxIDIyLjYgMTQuMzc4NSAyMi42IDE0LjVDMjIuNiAxNi41MTQ5IDIxLjg2MDkgMTguMzU3NiAyMC42MzU3IDE5Ljc3NTFaIiBmaWxsPSIjRkY1NzAwIi8+Cjwvc3ZnPgo="); } .block__anatomy-post-list .wrapper .posts .post .wrapper .info .sport.golf::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyOSAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjQzMzIgMjUuMzY5OEMyMi4zNjQ5IDI1LjM2OTggMjMuMTIwMiAyNC42MTQ0IDIzLjEyMDIgMjMuNjgyN0MyMy4xMjAyIDIyLjc1MDkgMjIuMzY0OSAyMS45OTU2IDIxLjQzMzIgMjEuOTk1NkMyMC41MDE0IDIxLjk5NTYgMTkuNzQ2MSAyMi43NTA5IDE5Ljc0NjEgMjMuNjgyN0MxOS43NDYxIDI0LjYxNDQgMjAuNTAxNCAyNS4zNjk4IDIxLjQzMzIgMjUuMzY5OFoiIGZpbGw9IiNGRjU3MDAiLz4KPHBhdGggZD0iTTE4LjYyMTMgOC40MDg4OEw5LjYyMzU4IDRWMjQuMjQ0OUg3LjM3NDE1VjIyLjI5OTFDNS4zNjA5MSAyMi42OTI4IDQgMjMuNDEyNiA0IDI0LjI0NDlDNCAyNS40ODIxIDcuMDI1NDggMjYuNDk0MyAxMC43NDgzIDI2LjQ5NDNDMTQuNDcxMSAyNi40OTQzIDE3LjQ5NjYgMjUuNDgyMSAxNy40OTY2IDI0LjI0NDlDMTcuNDk2NiAyMy4xMzE0IDE1LjA2NzIgMjIuMjA5MSAxMS44NzMgMjIuMDI5MlYxMS44NTA1TDE4LjYyMTMgOC40MDg4OFoiIGZpbGw9IiNGRjU3MDAiLz4KPC9zdmc+Cg=="); } .block__anatomy-post-list .wrapper .posts .post .wrapper .info .sport.rugby::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyOSAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjk4MzcgNi4wMjUzN0MyMi4zOTExIDUuNDMzNCAyMC43MDg3IDUgMTguNTgxOCA1QzE1LjMyMjcgNSAxMS4wMTYgNi4wMTQ4IDguMDIxNDUgOS4wMDYzNEMzLjA1ODcyIDEzLjk3NDYgMy41MjQzIDIyLjQ3MzYgNS4wMTYzIDIzLjk3NDZDNS42MDg4NiAyNC41NjY2IDcuMjkxMzIgMjUgOS40MTgyMSAyNUMxMi42NzczIDI1IDE2Ljk4NCAyMy45ODUyIDE5Ljk3ODYgMjAuOTkzN0MyNC45NDEzIDE2LjAyNTQgMjQuNDc1NyA3LjUyNjQzIDIyLjk4MzcgNi4wMjUzN1pNNy4zNDQyMyAyMS42NDkxQzguMDEwODYgMTkuNjUxMiA5LjYyOTg0IDE2LjM3NDIgMTIuNDk3NCAxMy41MDk1QzE1LjMzMzMgMTAuNjc2NSAxOC42MTM1IDkuMDM4MDYgMjAuNjQ1MiA4LjM1MDk1QzE5Ljk3ODYgMTAuMzQ4OCAxOC4zNTk2IDEzLjYyNTggMTUuNDgxNCAxNi40OTA1QzEyLjY2NjcgMTkuMzIzNSA5LjM4NjQ2IDIwLjk2MTkgNy4zNDQyMyAyMS42NDkxWk05LjUxMzQ0IDEwLjUxOEMxMi4zMDcgNy43MjcyNyAxNi4yMjIxIDcuMjE5ODcgMTguMDEwNCA3LjE0NTg4QzE1Ljg0MTIgOC4xMzk1NCAxMy4yOTEgOS43NDYzIDExLjAxNiAxMi4wMTlDOC45OTIzOCAxNC4wNTIzIDcuMzQxMzUgMTYuNDI0NCA2LjEzNzk0IDE5LjAyNzVDNi4yMzMxNyAxNi40MDU5IDcuMDU4NTMgMTIuOTU5OCA5LjUxMzQ0IDEwLjUxOFpNMTguNDg2NiAxOS40ODJDMTUuNjkzIDIyLjI3MjcgMTEuNzc3OSAyMi43ODAxIDkuOTg5NjEgMjIuODU0MUMxMi4xNTg4IDIxLjg2MDUgMTQuNzA5IDIwLjI1MzcgMTYuOTg0IDE3Ljk4MUMxOS4yNjk2IDE1LjY5NzcgMjAuODY3NCAxMy4xMzk1IDIxLjg3MjYgMTAuOTcyNUMyMS43NjY4IDEzLjU5NDEgMjAuOTQxNSAxNy4wNDAyIDE4LjQ4NjYgMTkuNDgyWiIgZmlsbD0iI0ZGNTcwMCIvPgo8L3N2Zz4K"); } .block__anatomy-post-list .wrapper .posts .post .wrapper .info .sport.netball::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyOSAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjUgNC41QzguOTggNC41IDQuNSA4Ljk4IDQuNSAxNC41QzQuNSAyMC4wMiA4Ljk4IDI0LjUgMTQuNSAyNC41QzIwLjAyIDI0LjUgMjQuNSAyMC4wMiAyNC41IDE0LjVDMjQuNSA4Ljk4IDIwLjAyIDQuNSAxNC41IDQuNVpNMTUuNSA2LjU3QzE4LjU3IDYuOTUgMjEuMDcgOS4wOSAyMi4wNCAxMS45M0wxNS41IDguMTVWNi41N1pNMTAuNSA3LjU4QzExLjY4IDYuODkgMTMuODMgNi41MiAxMy41IDYuNTZWMTMuOTFMMTAuNSAxNS42NFY3LjU4Wk03LjEzIDE3LjZDNi43MyAxNi42NCA2LjUgMTUuNiA2LjUgMTQuNUM2LjUgMTIuNDggNy4yNiAxMC42NCA4LjUgOS4yM1YxNi44MUw3LjEzIDE3LjZaTTguMTQgMTkuMzNMMTQuNSAxNS42NUwxNy41IDE3LjM4TDEwLjUyIDIxLjQxQzkuNTkzMDMgMjAuODg2NCA4Ljc4MzA3IDIwLjE3ODUgOC4xNCAxOS4zM1pNMTQuNSAyMi41QzEzLjk2IDIyLjUgMTMuNDMgMjIuNDQgMTIuOTIgMjIuMzRMMTkuNSAxOC41NEwyMC44NiAxOS4zMkMxOS40IDIxLjI1IDE3LjEgMjIuNSAxNC41IDIyLjVaTTE1LjUgMTMuOTJWMTAuNDZMMjIuNSAxNC41MUMyMi41IDE1LjYxIDIyLjI3IDE2LjY1IDIxLjg3IDE3LjZMMTUuNSAxMy45MloiIGZpbGw9IiNGRjU3MDAiLz4KPC9zdmc+Cg=="); } .block__anatomy-post-list .wrapper .posts .post .wrapper .cta { margin-left: auto; align-self: center; padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd); display: inline-block; white-space: nowrap; font: var(--type-b1); background-color: var(--button-background); border-radius: 21px; border: 2px solid var(--button-background); color: var(--color-text-primary); transition: background 0.3s, color 0.3s, border-color 0.3s; background-color: transparent; color: var(--button-secondary-color); border-color: var(--button-secondary-color); border-color: var(--color-brand-orange); display: flex; align-items: center; gap: var(--spacing-sm); } @media screen and (max-width: 768px) { .block__anatomy-post-list .wrapper .posts .post .wrapper .cta { padding: calc(var(--spacing-xs)) var(--spacing-sm); border-radius: 12px; } } .block__anatomy-post-list .wrapper .posts .post .wrapper .cta:hover { background-color: transparent; color: var(--button-hover-color); } .block__anatomy-post-list .wrapper .posts .post .wrapper .cta:hover { background-color: var(--button-secondary-hover-background); color: var(--button-secondary-hover-color); border-color: var(--button-secondary-hover-background); } .block__anatomy-post-list .wrapper .posts .post .wrapper .cta::after { content: ""; width: 15.5px; height: 15.5px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE1IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTQuMDY1OSA3LjcwNDY5TDAuNjk3MjY2IDE1LjQyNzdMMC42OTcyNjUgLTAuMDAyOTEyNTJMMTQuMDU4MSA3LjcwNDY5TDE0LjA2NTkgNy43MDQ2OVoiIGZpbGw9IiNGRjU3MDAiLz4KPC9zdmc+") no-repeat center center; transition: transform 0.3s; } .block__anatomy-post-list .wrapper .posts .post .wrapper .cta:hover { background-color: var(--button-secondary-hover-background); color: var(--button-secondary-hover-color); border-color: var(--button-secondary-hover-background); } .block__anatomy-post-list .wrapper .posts .post .wrapper .cta:hover::after { transform: translateX(5px); } .block__anatomy-post-list .wrapper .posts .post:hover .wrapper .cta { background-color: var(--button-secondary-hover-background); color: var(--button-secondary-hover-color); border-color: var(--button-secondary-hover-background); } .block__anatomy-post-list .wrapper .posts .post:hover .wrapper .cta::after { transform: translateX(5px); } @media screen and (max-width: 768px) { .block__anatomy-post-list .wrapper .posts .post { min-height: 0px; } .block__anatomy-post-list .wrapper .posts .post .wrapper { min-height: 0px; padding: var(--spacing-sm); } .block__anatomy-post-list .wrapper .posts .post .wrapper .h4-holder { max-width: 100% !important; padding-right: 0; border-right: none; margin-right: 0; } .block__anatomy-post-list .wrapper .posts .post .wrapper .info { display: none; } .block__anatomy-post-list .wrapper .posts .post .wrapper .cta { font-size: 0; width: 26px; height: 26px; max-width: 26px; max-height: 26px; min-width: 26px; min-height: 26px; padding: 0; border-radius: 7px; border: none; background: var(--color-brand-orange); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDE0IDExIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguNDg2ODcgMTAuNDI3MUM4LjIyMTE3IDEwLjE0NzcgOC4yMjExNyA5LjY5NDU4IDguNDg2ODcgOS40MTUxM0wxMS40MDc2IDYuMzQzMTZMMC44MDM2MzkgNi4zNDMxN0MwLjQyNzg4OCA2LjM0MzE3IDAuMTIzMjggNi4wMjI3OCAwLjEyMzI4IDUuNjI3NTdDMC4xMjMyOCA1LjIzMjM2IDAuNDI3ODg3IDQuOTExOTggMC44MDM2MzkgNC45MTE5OEwxMS40MDc2IDQuOTExOThMOC40ODY4NyAxLjg0MDAyQzguMjIxMTcgMS41NjA1NiA4LjIyMTE3IDEuMTA3NDcgOC40ODY4NyAwLjgyODAxOEM4Ljc1MjU2IDAuNTQ4NTYxIDkuMTgzMzQgMC41NDg1NjEgOS40NDkwNCAwLjgyODAxOEwxMy41MzEyIDUuMTIxNTdDMTMuNzk2OSA1LjQwMTAzIDEzLjc5NjkgNS44NTQxMiAxMy41MzEyIDYuMTMzNTdMOS40NDkwNCAxMC40MjcxQzkuMTgzMzQgMTAuNzA2NiA4Ljc1MjU2IDEwLjcwNjYgOC40ODY4NyAxMC40MjcxWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+"); background-repeat: no-repeat; background-position: center; } .block__anatomy-post-list .wrapper .posts .post .wrapper .cta:hover { background-color: var(--color-brand-orange) !important; } .block__anatomy-post-list .wrapper .posts .post .wrapper .cta::after { display: none; } .block__anatomy-post-list .wrapper .posts .post .wrapper:hover .cta:hover { background-color: var(--color-brand-orange) !important; } .block__anatomy-post-list .wrapper .posts .post:hover { background: none; } } .block__anatomy-post-list.hide-date-1 .wrapper .posts .post { padding-left: var(--spacing-md); } .block__anatomy-post-list.hide-date-1 .wrapper .posts .post .date-abbr { display: none; } .block__anatomy-post-list.hide-date-1 .wrapper .posts .post .h4-holder { max-width: 50%; } @media screen and (max-width: 768px) { .block__anatomy-post-list { padding: var(--spacing-md) 0; padding-bottom: var(--spacing-lg); } .block__anatomy-post-list.hide-date-1 .wrapper .posts .post { padding-left: var(--spacing-sm); } .block__anatomy-post-list .wrapper { gap: var(--spacing-md); padding: 0; } .block__anatomy-post-list .wrapper .top { padding: 0; flex-direction: column; gap: var(--spacing-sm); align-items: center; margin-bottom: var(--spacing-md); } .block__anatomy-post-list .wrapper .top > * { max-width: 100%; } .block__anatomy-post-list .wrapper .top .titles { text-align: center; gap: var(--spacing-sm); } .block__anatomy-post-list .wrapper .top .cta { margin-left: 0; } .block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul { justify-content: center; } } /* sections */ :root { --button-background: var(--color-brand-orange); --button-color: var(--color-text-primary); --button-secondary-color: var(--color-text-primary); --button-secondary-hover-color: var(--color-text-secondary); --button-secondary-hover-background: var(--color-brand-black); --button-hover-color: var(--color-text-primary); } .block__huddle-sections { display: flex; justify-content: center; padding: var(--spacing-sm) 0; } .block__huddle-sections .wrapper { width: 100%; max-width: var(--container-xl-max-width); display: flex; gap: var(--spacing-sm); } .block__huddle-sections .wrapper .card { padding: var(--spacing-sm); border-radius: 15px; display: flex !important; flex-direction: column; gap: var(--spacing-md); min-height: 500px; width: 100%; } .block__huddle-sections .wrapper .card.bg-cream { background: var(--color-brand-cream); } .block__huddle-sections .wrapper .card.bg-orange { background: var(--color-brand-yellow); } .block__huddle-sections .wrapper .card.bg-red { background: var(--color-brand-orange); } .block__huddle-sections .wrapper .card .top-notes, .block__huddle-sections .wrapper .card .bottom-notes { display: flex; font: 800 20px/normal "PP Right Grotesk", sans-serif; text-transform: uppercase; align-items: center; } .block__huddle-sections .wrapper .card .top-notes .right, .block__huddle-sections .wrapper .card .bottom-notes .right { margin-left: auto; font-size: 25px; } .block__huddle-sections .wrapper .card .middle { text-align: center; height: 100%; display: flex; flex-direction: column; } .block__huddle-sections .wrapper .card .middle h3 { font: var(--type-h2); margin-bottom: var(--spacing-md); } .block__huddle-sections .wrapper .card .middle p { margin-top: auto; margin-bottom: auto; font: var(--type-b1); } .block__huddle-sections .wrapper .card .top-notes { margin-bottom: auto; } .block__huddle-sections .wrapper .card .bottom-notes { margin-top: auto; } @media screen and (max-width: 1279px) { .block__huddle-sections { padding-bottom: 60px; } .block__huddle-sections .wrapper { display: block; } .block__huddle-sections .wrapper .card { margin-right: var(--spacing-sm); width: var(--container-width) !important; } .block__huddle-sections .wrapper .card .middle h3 { font: var(--type-h1); font-size: 44px; line-height: 44px; padding: 0 var(--spacing-sm); } .block__huddle-sections .wrapper .slick-dots { position: absolute; bottom: -40px; right: 50%; transform: translateX(50%); display: flex; gap: 16px; } .block__huddle-sections .wrapper .slick-dots li button { font-size: 0; border: none; background: rgb(235, 235, 235); width: 13px; height: 13px; border-radius: 50%; transition: background 0.3s; } .block__huddle-sections .wrapper .slick-dots li.slick-active button { background: var(--color-brand-orange); } } /* title */ :root { --button-background: var(--color-brand-orange); --button-color: var(--color-text-primary); --button-secondary-color: var(--color-text-primary); --button-secondary-hover-color: var(--color-text-secondary); --button-secondary-hover-background: var(--color-brand-black); --button-hover-color: var(--color-text-primary); } .block__anatomy-title { display: flex; justify-content: center; padding: var(--spacing-lg) 0; } .block__anatomy-title .wrapper { width: 100%; max-width: var(--container-width); display: flex; flex-direction: column; gap: var(--spacing-md); align-items: center; } .block__anatomy-title .wrapper > * { max-width: 800px; text-align: center; } .block__anatomy-title .wrapper h4 { font: var(--type-h4); letter-spacing: -0.24px; transform-origin: 50% 100%; transform: translateY(25px) scale(0.9); opacity: 0; transition: transform 0.5s ease-out, opacity 0.5s ease-out; } .block__anatomy-title .wrapper h4.-scroll-visible { transform: translateY(0) scale(1); opacity: 1; } .block__anatomy-title .wrapper h2 { max-width: 1025px; font: var(--type-h1); transform-origin: 50% 100%; transform: translateY(25px) scale(0.9); opacity: 0; transition: transform 0.5s ease-out, opacity 0.5s ease-out; } .block__anatomy-title .wrapper h2.-scroll-visible { transform: translateY(0) scale(1); opacity: 1; } .block__anatomy-title .wrapper .description { font: var(--type-b2); transform-origin: 50% 100%; transform: translateY(25px) scale(0.9); opacity: 0; transition: transform 0.5s ease-out, opacity 0.5s ease-out; } .block__anatomy-title .wrapper .description.-scroll-visible { transform: translateY(0) scale(1); opacity: 1; } .block__anatomy-title .wrapper .ctas { display: flex; gap: var(--spacing-xs); max-width: var(--container-width); flex-wrap: wrap; transform-origin: 50% 100%; transform: translateY(25px) scale(0.9); opacity: 0; transition: transform 0.5s ease-out, opacity 0.5s ease-out; } .block__anatomy-title .wrapper .ctas.-scroll-visible { transform: translateY(0) scale(1); opacity: 1; } .block__anatomy-title .wrapper .ctas .cta:first-child { padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd); display: inline-block; white-space: nowrap; font: var(--type-b1); background-color: var(--button-background); border-radius: 21px; border: 2px solid var(--button-background); color: var(--color-text-primary); transition: background 0.3s, color 0.3s, border-color 0.3s; } @media screen and (max-width: 768px) { .block__anatomy-title .wrapper .ctas .cta:first-child { padding: calc(var(--spacing-xs)) var(--spacing-sm); border-radius: 12px; } } .block__anatomy-title .wrapper .ctas .cta:first-child:hover { background-color: transparent; color: var(--button-hover-color); } .block__anatomy-title .wrapper .ctas .cta:nth-child(n+2) { padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd); display: inline-block; white-space: nowrap; font: var(--type-b1); background-color: var(--button-background); border-radius: 21px; border: 2px solid var(--button-background); color: var(--color-text-primary); transition: background 0.3s, color 0.3s, border-color 0.3s; background-color: transparent; color: var(--button-secondary-color); border-color: var(--button-secondary-color); } @media screen and (max-width: 768px) { .block__anatomy-title .wrapper .ctas .cta:nth-child(n+2) { padding: calc(var(--spacing-xs)) var(--spacing-sm); border-radius: 12px; } } .block__anatomy-title .wrapper .ctas .cta:nth-child(n+2):hover { background-color: transparent; color: var(--button-hover-color); } .block__anatomy-title .wrapper .ctas .cta:nth-child(n+2):hover { background-color: var(--button-secondary-hover-background); color: var(--button-secondary-hover-color); border-color: var(--button-secondary-hover-background); } .block__anatomy-title .wrapper .ctas .cta[href*="facebook.com"], .block__anatomy-title .wrapper .ctas .cta[href*="linkedin.com"], .block__anatomy-title .wrapper .ctas .cta[href*="x.com"], .block__anatomy-title .wrapper .ctas .cta[href*="twitter.com"], .block__anatomy-title .wrapper .ctas .cta[href*="instagram.com"] { width: 63px; height: 63px; border-radius: 14px; background: var(--color-brand-orange); background-repeat: no-repeat; background-position: center; background-size: 40px 40px; font-size: 0; border: none; transition: background-color 0.3s ease-in-out, filter 0.3s ease-in-out; } .block__anatomy-title .wrapper .ctas .cta[href*="facebook.com"]:hover, .block__anatomy-title .wrapper .ctas .cta[href*="linkedin.com"]:hover, .block__anatomy-title .wrapper .ctas .cta[href*="x.com"]:hover, .block__anatomy-title .wrapper .ctas .cta[href*="twitter.com"]:hover, .block__anatomy-title .wrapper .ctas .cta[href*="instagram.com"]:hover { background-color: white; filter: invert(1); } .block__anatomy-title .wrapper .ctas .cta[href*="instagram.com"] { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI2LjcwNyA1Ljg0NTdIMTMuNzc4QzkuMzE1MTIgNS44NDU3IDUuNjk3MjcgOS40NjM1NiA1LjY5NzI3IDEzLjkyNjRWMjYuODU1NUM1LjY5NzI3IDMxLjMxODMgOS4zMTUxMiAzNC45MzYyIDEzLjc3OCAzNC45MzYySDI2LjcwN0MzMS4xNjk4IDM0LjkzNjIgMzQuNzg3NyAzMS4zMTgzIDM0Ljc4NzcgMjYuODU1NVYxMy45MjY0QzM0Ljc4NzcgOS40NjM1NiAzMS4xNjk4IDUuODQ1NyAyNi43MDcgNS44NDU3Wk0zMS45NTk1IDI2Ljg1NTVDMzEuOTUwNiAyOS43NTI2IDI5LjYwNDEgMzIuMDk5IDI2LjcwNyAzMi4xMDc5SDEzLjc3OEMxMC44ODA4IDMyLjA5OSA4LjUzNDM4IDI5Ljc1MjYgOC41MjU1MSAyNi44NTU1VjEzLjkyNjRDOC41MzQzOCAxMS4wMjkyIDEwLjg4MDggOC42ODI4MiAxMy43NzggOC42NzM5NEgyNi43MDdDMjkuNjA0MSA4LjY4MjgyIDMxLjk1MDYgMTEuMDI5MiAzMS45NTk1IDEzLjkyNjRWMjYuODU1NVpNMjcuOTE5MSAxNC4zMzA0QzI4LjgxMTcgMTQuMzMwNCAyOS41MzUzIDEzLjYwNjggMjkuNTM1MyAxMi43MTQzQzI5LjUzNTMgMTEuODIxNyAyOC44MTE3IDExLjA5ODEgMjcuOTE5MSAxMS4wOTgxQzI3LjAyNjYgMTEuMDk4MSAyNi4zMDMgMTEuODIxNyAyNi4zMDMgMTIuNzE0M0MyNi4zMDMgMTMuNjA2OCAyNy4wMjY2IDE0LjMzMDQgMjcuOTE5MSAxNC4zMzA0Wk0yMC4yNDI1IDEzLjExODNDMTYuMjI1OSAxMy4xMTgzIDEyLjk2OTkgMTYuMzc0NCAxMi45Njk5IDIwLjM5MDlDMTIuOTY5OSAyNC40MDc1IDE2LjIyNTkgMjcuNjYzNiAyMC4yNDI1IDI3LjY2MzZDMjQuMjU5MSAyNy42NjM2IDI3LjUxNTEgMjQuNDA3NSAyNy41MTUxIDIwLjM5MDlDMjcuNTE5NSAxOC40NjA4IDI2Ljc1NDYgMTYuNjA4NSAyNS4zODk3IDE1LjI0MzdDMjQuMDI0OSAxMy44Nzg5IDIyLjE3MjcgMTMuMTE0IDIwLjI0MjUgMTMuMTE4M1pNMTUuNzk4MSAyMC4zOTA5QzE1Ljc5ODEgMjIuODQ1NSAxNy43ODc5IDI0LjgzNTMgMjAuMjQyNSAyNC44MzUzQzIyLjY5NzEgMjQuODM1MyAyNC42ODY5IDIyLjg0NTUgMjQuNjg2OSAyMC4zOTA5QzI0LjY4NjkgMTcuOTM2MyAyMi42OTcxIDE1Ljk0NjYgMjAuMjQyNSAxNS45NDY2QzE3Ljc4NzkgMTUuOTQ2NiAxNS43OTgxIDE3LjkzNjMgMTUuNzk4MSAyMC4zOTA5WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+") !important; } .block__anatomy-title .wrapper .ctas .cta[href*="facebook.com"] { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIyOSIgdmlld0JveD0iMCAwIDI5IDI5IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjYuMjQwMiAxNC45MTJDMjYuMjQwMiA4LjQ0MTA0IDIxLjAyNjQgMy4xOTUzMSAxNC41OTQ3IDMuMTk1MzFDOC4xNjMwOSAzLjE5NTMxIDIuOTQ5MjIgOC40NDEwNCAyLjk0OTIyIDE0LjkxMkMyLjk0OTIyIDIwLjc2IDcuMjA3NzkgMjUuNjA3MyAxMi43NzUxIDI2LjQ4NjNWMTguMjk4OEg5LjgxODI1VjE0LjkxMkgxMi43NzUxVjEyLjMzMDdDMTIuNzc1MSA5LjM5NDE3IDE0LjUxMzggNy43NzIxNCAxNy4xNzM3IDcuNzcyMTRDMTguNDQ4IDcuNzcyMTQgMTkuNzgwNiA4LjAwMDk4IDE5Ljc4MDYgOC4wMDA5OFYxMC44ODQ0SDE4LjMxMjJDMTYuODY1NiAxMC44ODQ0IDE2LjQxNDMgMTEuNzg3NiAxNi40MTQzIDEyLjcxNDJWMTQuOTEySDE5LjY0NDFMMTkuMTI3OSAxOC4yOTg4SDE2LjQxNDNWMjYuNDg2M0MyMS45ODE3IDI1LjYwNzMgMjYuMjQwMiAyMC43NjAyIDI2LjI0MDIgMTQuOTEyWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+") !important; } .block__anatomy-title .wrapper .ctas .cta[href*="linkedin.com"] { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIyOSIgdmlld0JveD0iMCAwIDI5IDI5IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuMDkyNTMgNC4zNTkzOEM1LjEyNzc4IDQuMzU5MzggNC4zNDU3IDUuMTQxNDUgNC4zNDU3IDYuMTA2MlYyMy41NzQ1QzQuMzQ1NyAyNC41MzkyIDUuMTI3NzggMjUuMzIxMyA2LjA5MjUzIDI1LjMyMTNIMjMuNTYwOEMyNC41MjU1IDI1LjMyMTMgMjUuMzA3NiAyNC41MzkyIDI1LjMwNzYgMjMuNTc0NVY2LjEwNjJDMjUuMzA3NiA1LjE0MTQ1IDI0LjUyNTUgNC4zNTkzOCAyMy41NjA4IDQuMzU5MzhINi4wOTI1M1pNMTAuNzc0OSA5LjAyMDc1QzEwLjc4MTUgMTAuMTM0MyA5Ljk0NzkgMTAuODIwNSA4Ljk1ODc2IDEwLjgxNTZDOC4wMjY5MyAxMC44MTA3IDcuMjE0NjYgMTAuMDY4OCA3LjIxOTU3IDkuMDIyMzlDNy4yMjQ0OCA4LjAzODE2IDguMDAyMzcgNy4yNDcxNyA5LjAxMjggNy4yNzAxQzEwLjAzOCA3LjI5MzAzIDEwLjc4MTUgOC4wNDQ3MSAxMC43NzQ5IDkuMDIwNzVaTTE1LjE1MjQgMTIuMjMzOEgxMi4yMTc3SDEyLjIxNjFWMjIuMjAyMkgxNS4zMTc4VjIxLjk2OTZDMTUuMzE3OCAyMS41MjcyIDE1LjMxNzQgMjEuMDg0NyAxNS4zMTcxIDIwLjY0MkMxNS4zMTYxIDE5LjQ2MTQgMTUuMzE1MSAxOC4yNzk1IDE1LjMyMTEgMTcuMDk5MkMxNS4zMjI4IDE2LjgxMjYgMTUuMzM1OCAxNi41MTQ2IDE1LjQwOTUgMTYuMjQxMUMxNS42ODYyIDE1LjIxOTIgMTYuNjA1IDE0LjU1OTIgMTcuNjMwMiAxNC43MjE0QzE4LjI4ODUgMTQuODI0NSAxOC43MjQxIDE1LjIwNjEgMTguOTA3NSAxNS44MjY4QzE5LjAyMDYgMTYuMjE0OSAxOS4wNzEzIDE2LjYzMjUgMTkuMDc2MiAxNy4wMzdDMTkuMDg5NSAxOC4yNTcgMTkuMDg3NiAxOS40NzcgMTkuMDg1OCAyMC42OTcxQzE5LjA4NTEgMjEuMTI3NyAxOS4wODQ0IDIxLjU1ODYgMTkuMDg0NCAyMS45ODkzVjIyLjIwMDVIMjIuMTk1OVYyMS45NjE0QzIyLjE5NTkgMjEuNDM1MSAyMi4xOTU3IDIwLjkwODggMjIuMTk1NCAyMC4zODI1QzIyLjE5NDggMTkuMDY3MiAyMi4xOTQxIDE3Ljc1MTggMjIuMTk3NiAxNi40MzZDMjIuMTk5MiAxNS44NDE1IDIyLjEzNTQgMTUuMjU1MyAyMS45ODk2IDE0LjY4MDRDMjEuNzcxOCAxMy44MjU1IDIxLjMyMTUgMTMuMTE4MSAyMC41ODk0IDEyLjYwNzJDMjAuMDcwMyAxMi4yNDM2IDE5LjUwMDQgMTIuMDA5NCAxOC44NjMzIDExLjk4MzJDMTguNzkwOCAxMS45ODAyIDE4LjcxNzcgMTEuOTc2MyAxOC42NDQyIDExLjk3MjNDMTguMzE4NCAxMS45NTQ3IDE3Ljk4NzQgMTEuOTM2OCAxNy42NzYgMTEuOTk5NkMxNi43ODUxIDEyLjE3ODEgMTYuMDAyNCAxMi41ODU5IDE1LjQxMTEgMTMuMzA0OEMxNS4zNDI0IDEzLjM4NzIgMTUuMjc1MiAxMy40NzA5IDE1LjE3NSAxMy41OTU5TDE1LjE1MjQgMTMuNjI0MlYxMi4yMzM4Wk03LjQ2ODYxIDIyLjIwNTRIMTAuNTU1NlYxMi4yNDAzSDcuNDY4NjFWMjIuMjA1NFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPg==") !important; } .block__anatomy-title .wrapper .ctas .cta[href*="x.com"], .block__anatomy-title .wrapper .ctas .cta[href*="twitter.com"] { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIyOSIgdmlld0JveD0iMCAwIDI5IDI5IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjAuOTY5NyA1LjUyMzQ0SDI0LjE4NEwxNy4xNjE2IDEzLjQxNjFMMjUuNDIyOSAyNC4xNTYySDE4Ljk1NDVMMTMuODg4MSAxNy42NDI1TDguMDkxMTEgMjQuMTU2Mkg0Ljg3NDg3TDEyLjM4NTkgMTUuNzE0Mkw0LjQ2MDk0IDUuNTIzNDRIMTEuMDkzNkwxNS42NzMxIDExLjQ3NzNMMjAuOTY5NyA1LjUyMzQ0Wk0xOS44NDE1IDIyLjI2NDNIMjEuNjIyN0wxMC4xMjU4IDcuMzE2MDFIOC4yMTQ1MkwxOS44NDE1IDIyLjI2NDNaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4=") !important; } .block__anatomy-title.layout-media { position: relative; padding: 300px 0; } .block__anatomy-title.layout-media .wrapper { padding: var(--spacing-lg) var(--spacing-md); background: var(--color-brand-white); z-index: 1; border-radius: 15px; } .block__anatomy-title.layout-media .media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .block__anatomy-title.layout-media .media img, .block__anatomy-title.layout-media .media video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 768px) { .block__anatomy-title { padding-top: var(--spacing-md); padding-bottom: var(--spacing-smd); } .block__anatomy-title .wrapper { gap: var(--spacing-sm); } .block__anatomy-title .ctas { justify-content: center; } .block__anatomy-title.layout-media { padding: var(--spacing-xl) 0; } }