@media (max-width: 759px) {
:root {
--sc-mobile-touch-target: 2.85rem;
}
.site-header__inner {
gap: 0.85rem;
min-height: 4rem;
padding-block: 0.45rem;
}
.site-branding {
gap: 0.15rem;
max-width: calc(100% - 4.75rem);
}
.site-branding__identity {
gap: 0.55rem;
}
.site-branding--logo_title_vertical .site-branding__identity {
gap: 0.25rem;
}
.site-branding .custom-logo {
max-width: min(10.5rem, 58vw);
max-height: 2.45rem;
object-fit: contain;
}
.site-header--density-compact .site-branding .custom-logo {
max-height: 2rem;
}
.site-title {
font-size: clamp(0.95rem, 4.4vw, 1.2rem);
line-height: 1.05;
}
.site-branding__tagline {
font-size: 0.78rem;
line-height: 1.25;
}
.menu-toggle {
min-height: var(--sc-mobile-touch-target);
padding: 0.65rem 0.9rem;
font-size: 0.88rem;
}
.site-navigation.is-open {
padding-block: 1rem 1.35rem;
}
.site-navigation__menu {
gap: 0.85rem;
}
.site-social__menu {
gap: 0.55rem;
padding-top: 0.95rem;
margin-top: 0.25rem;
border-top: 1px solid var(--sc-color-border);
}
.site-social__link {
width: var(--sc-mobile-touch-target);
height: var(--sc-mobile-touch-target);
}
}
@media (max-width: 600px) {
:where(.wp-block-buttons) {
gap: 0.75rem;
}
:where(.wp-block-button__link, .wp-element-button, .wp-block-search__button, input[type="submit"], button[type="submit"]) {
min-width: 8.5rem;
min-height: var(--sc-mobile-touch-target, 2.85rem);
padding-inline: 1.35rem;
}
:where(.wp-block-buttons.is-content-justification-center .wp-block-button__link) {
min-width: 9rem;
}
:where(.wp-block-search) {
display: grid;
gap: 0.65rem;
}
:where(.wp-block-search__inside-wrapper) {
gap: 0.75rem;
}
:where(input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], select, .wp-block-search__input) {
min-height: var(--sc-mobile-touch-target, 2.85rem);
padding: 0.78rem 0.95rem;
}
:where(textarea) {
padding: 0.95rem;
}
:where(.wp-block-details, .wp-block-file, .wp-block-code, .wp-block-preformatted, .wp-block-verse) {
padding: 1.2rem;
}
:where(.wp-block-gallery) {
gap: 0.75rem;
}
:where(.wp-block-media-text.is-stacked-on-mobile) {
gap: 1.15rem;
}
:where(.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content) {
padding-block: 0.25rem 0;
}
:where(.wp-block-table th, .wp-block-table td, .wp-block-calendar th, .wp-block-calendar td) {
padding: 0.65rem 0.55rem;
}
:where(.wp-block-calendar tbody a) {
min-width: 1.75rem;
min-height: 1.75rem;
}
:where(.wp-block-query .wp-block-post > .wp-block-group, .wp-block-query .wp-block-post:not(:has(> .wp-block-group))) {
padding: 1.2rem;
}
:where(.wp-block-query .wp-block-post-featured-image) {
margin: -1.2rem -1.2rem 1rem;
}
}:where(.wp-block-calendar) {
color: var(--sc-color-text);
}
:where(.wp-block-calendar table) {
background: color-mix(in srgb, var(--sc-color-surface) 88%, var(--sc-color-background));
color: var(--sc-color-text);
}
:where(.wp-block-calendar caption) {
color: var(--sc-color-text);
}
:where(.wp-block-calendar th) {
background: color-mix(in srgb, var(--sc-color-surface) 92%, var(--sc-color-background));
color: var(--sc-color-text);
}
:where(.wp-block-calendar td) {
color: var(--sc-color-muted);
}
:where(.wp-block-calendar tbody a) {
color: var(--sc-color-on-accent) !important;
font-weight: 700;
}
:where(.wp-block-calendar .wp-calendar-nav a) {
color: var(--sc-color-text);
}
:where(.wp-block-calendar .wp-calendar-nav a:hover, .wp-block-calendar .wp-calendar-nav a:focus-visible) {
color: var(--sc-color-accent);
}
:where(.wp-block-table table) {
background: color-mix(in srgb, var(--sc-color-surface) 90%, var(--sc-color-background));
color: var(--sc-color-text);
}
:where(.wp-block-table th) {
background: color-mix(in srgb, var(--sc-color-contrast) 92%, var(--sc-color-surface));
color: var(--sc-color-on-contrast);
}
:where(.wp-block-table td) {
background: transparent;
color: var(--sc-color-text);
}
:where(.wp-block-table.is-style-stripes tbody tr:nth-child(odd) td) {
background: color-mix(in srgb, var(--sc-color-surface) 74%, var(--sc-color-background));
color: var(--sc-color-text);
}
:where(.wp-block-table.is-style-stripes tbody tr:nth-child(even) td) {
background: color-mix(in srgb, var(--sc-color-surface) 54%, var(--sc-color-background));
color: var(--sc-color-text);
}
:where(.wp-block-table tfoot td) {
background: transparent;
color: var(--sc-color-text);
}
:where(.wp-block-table figcaption) {
color: var(--sc-color-muted);
}
:where(.has-text-color .wp-block-table table, .has-text-color .wp-block-calendar table) {
color: inherit;
}
:where(.has-background .wp-block-table td, .has-background .wp-block-calendar td) {
color: var(--sc-color-text);
}
:where(.has-background .wp-block-table th, .has-background .wp-block-calendar th) {
color: var(--sc-color-on-contrast);
}.entry__content .sc-pattern-intro,
.entry__content .sc-pattern-media-section,
.entry__content .sc-pattern-gallery-section,
.entry__content .sc-pattern-horizontal-gallery-section,
.entry__content .sc-pattern-cards-section,
.entry__content .sc-pattern-hero-cinematic,
.entry__content .sc-pattern-intro-editorial,
.entry__content .sc-pattern-overlay-manifesto,
.entry__content .sc-pattern-background-panels,
.entry__content .sc-pattern-cta-band,
.entry__content .sc-pattern-case-study,
.entry__content .sc-pattern-proof-band,
.entry__content .sc-pattern-newsletter-band,
.entry__content .sc-pattern-featured-story {
margin-block: 0;
}
.entry__content .sc-pattern-media-section,
.entry__content .sc-pattern-gallery-section,
.entry__content .sc-pattern-horizontal-gallery-section,
.entry__content .sc-pattern-cards-section,
.entry__content .sc-pattern-hero-cinematic,
.entry__content .sc-pattern-overlay-manifesto,
.entry__content .sc-pattern-background-panels,
.entry__content .sc-pattern-cta-band,
.entry__content .sc-pattern-proof-band,
.entry__content .sc-pattern-newsletter-band {
--sc-pattern-inner-max: var(--sc-container);
--sc-pattern-inner-width: min(calc(100vw - (var(--sc-gutter) * 2)), var(--sc-pattern-inner-max));
}
.entry__content .sc-pattern-media-section,
.entry__content .sc-pattern-gallery-section,
.entry__content .sc-pattern-horizontal-gallery-section,
.entry__content .sc-pattern-cards-section,
.entry__content .sc-pattern-hero-cinematic,
.entry__content .sc-pattern-overlay-manifesto,
.entry__content .sc-pattern-background-panels,
.entry__content .sc-pattern-inner-wide {
--sc-pattern-inner-max: var(--sc-container-wide);
}
.entry__content .sc-pattern-inner-normal {
--sc-pattern-inner-max: var(--sc-container);
}
.entry__content .sc-pattern-inner-full {
--sc-pattern-inner-max: 100vw;
--sc-pattern-inner-width: 100%;
}
.entry__content :is(.sc-pattern-media-section, .sc-pattern-gallery-section, .sc-pattern-horizontal-gallery-section, .sc-pattern-cards-section, .sc-pattern-overlay-manifesto, .sc-pattern-background-panels, .sc-pattern-cta-band, .sc-pattern-proof-band, .sc-pattern-newsletter-band) > :where(.alignwide, .wp-block-columns, .wp-block-gallery, .wp-block-group, .wp-block-media-text) {
width: var(--sc-pattern-inner-width) !important;
max-width: var(--sc-pattern-inner-max) !important;
margin-inline: auto !important;
}
.entry__content .sc-pattern-intro + .sc-pattern-media-section,
.entry__content .sc-pattern-media-section + .sc-pattern-gallery-section,
.entry__content .sc-pattern-gallery-section + .sc-pattern-cards-section,
.entry__content .sc-pattern-cards-section + .sc-pattern-hero-cinematic,
.entry__content .sc-pattern-hero-cinematic + .sc-pattern-hero-cinematic,
.entry__content .sc-pattern-hero-cinematic + .sc-pattern-intro-editorial,
.entry__content .sc-pattern-intro-editorial + .sc-pattern-overlay-manifesto,
.entry__content .sc-pattern-overlay-manifesto + .sc-pattern-background-panels,
.entry__content .sc-pattern-background-panels + .sc-pattern-proof-band,
.entry__content .sc-pattern-overlay-manifesto + .sc-pattern-proof-band,
.entry__content .sc-pattern-proof-band + .sc-pattern-case-study,
.entry__content .sc-pattern-case-study + .sc-pattern-cta-band {
margin-block-start: 0;
}
.entry__content .sc-pattern-eyebrow {
margin-bottom: clamp(0.9rem, 2vw, 1.4rem);
font-family: var(--sc-font-ui);
font-size: clamp(0.72rem, 1vw, 0.86rem);
font-weight: 700;
letter-spacing: 0.14em;
line-height: 1.2;
text-transform: uppercase;
}
.entry__content .sc-pattern-heading {
margin-bottom: clamp(2rem, 5vw, 4rem);
}
.entry__content .sc-pattern-heading--center {
text-align: center;
}
.entry__content .sc-pattern-heading__title {
max-width: 14ch;
font-size: clamp(2.45rem, 6.1vw, 5.4rem);
letter-spacing: 0;
line-height: 0.96;
text-wrap: balance;
}
.entry__content .sc-pattern-heading--center .sc-pattern-heading__title {
margin-inline: auto;
}
.entry__content .sc-pattern-cards-section .sc-pattern-heading__title {
max-width: 16ch;
font-size: clamp(2.25rem, 5.2vw, 4.8rem);
}
.entry__content .sc-pattern-heading__text {
max-width: 38rem;
color: var(--sc-color-muted);
font-size: clamp(1rem, 1.5vw, 1.18rem);
line-height: 1.7;
}
.entry__content .sc-pattern-intro {
position: relative;
isolation: isolate;
padding-block: clamp(4rem, 8vw, 8rem);
background: linear-gradient(90deg, color-mix(in srgb, var(--sc-color-accent) 7%, transparent), transparent 42%), var(--sc-color-background);
}
.sc-palette-mode-dark .entry__content .sc-pattern-intro {
background:
linear-gradient(90deg, color-mix(in srgb, var(--sc-color-accent) 2%, transparent), transparent 26%),
transparent;
}
.entry__content .sc-pattern-intro::before {
position: absolute;
inset: clamp(1.2rem, 3vw, 2rem) var(--sc-gutter) auto;
height: 1px;
background: color-mix(in srgb, var(--sc-color-border) 70%, transparent);
content: "";
}
.entry__content .sc-pattern-intro::after {
position: absolute;
inset: auto var(--sc-gutter) clamp(1.2rem, 3vw, 2rem) auto;
width: clamp(3rem, 8vw, 6rem);
height: 1px;
background: color-mix(in srgb, var(--sc-color-accent) 56%, transparent);
content: "";
}
.sc-palette-mode-dark .entry__content .sc-pattern-intro::before {
background: color-mix(in srgb, var(--sc-color-border) 52%, transparent);
}
.sc-palette-mode-dark .entry__content .sc-pattern-intro::after {
background: color-mix(in srgb, var(--sc-color-accent) 36%, transparent);
}
.entry__content .sc-pattern-intro__grid {
gap: clamp(2rem, 7vw, 7rem);
}
.entry__content .sc-pattern-intro__lead {
max-width: 20ch;
font-size: clamp(2.25rem, 5vw, 5rem);
letter-spacing: 0;
line-height: 0.98;
text-wrap: balance;
}
.entry__content .sc-pattern-media-section {
position: relative;
padding-block: clamp(5rem, 10vw, 9rem);
}
.entry__content .sc-pattern-media-section--contrast {
background:
radial-gradient(circle at 86% 12%, color-mix(in srgb, var(--sc-color-accent) 18%, transparent), transparent 25rem),
var(--sc-color-contrast);
}
.entry__content .sc-pattern-media {
gap: clamp(2rem, 6vw, 6rem);
}
.entry__content .sc-pattern-media .wp-block-media-text__media {
position: relative;
min-height: clamp(24rem, 48vw, 42rem);
border-radius: var(--sc-pattern-radius-lg);
background:
linear-gradient(135deg, color-mix(in srgb, var(--sc-color-accent) 10%, transparent), transparent 38%),
linear-gradient(145deg, transparent 0 48%, color-mix(in srgb, var(--sc-color-border) 52%, transparent) 48.4% 48.8%, transparent 49.2%),
color-mix(in srgb, var(--sc-color-surface) 88%, var(--sc-color-background));
border: 1px solid color-mix(in srgb, var(--sc-color-border) 64%, transparent);
box-shadow: 0 1.4rem 4rem rgba(0, 0, 0, 0.13);
overflow: hidden;
}
.entry__content .sc-pattern-media .wp-block-media-text__media::before,
.entry__content .sc-pattern-gallery .wp-block-image::before,
.entry__content .sc-pattern-intro-editorial__image::before,
.entry__content .sc-pattern-case-study__image::before,
.entry__content .sc-pattern-featured-story__image::before {
position: absolute;
inset: 0.85rem;
border: 1px solid color-mix(in srgb, var(--sc-color-border) 42%, transparent);
border-radius: calc(var(--sc-pattern-radius-md) * 0.72);
content: "";
pointer-events: none;
}
.entry__content .sc-pattern-media .wp-block-media-text__media:has(img[src])::before,
.entry__content .sc-pattern-gallery .wp-block-image:has(img[src])::before,
.entry__content .sc-pattern-intro-editorial__image:has(img[src])::before,
.entry__content .sc-pattern-case-study__image:has(img[src])::before,
.entry__content .sc-pattern-featured-story__image:has(img[src])::before {
display: none;
}
.entry__content .sc-pattern-media--contrast .wp-block-media-text__media {
box-shadow: 0 1.5rem 4.5rem rgba(0, 0, 0, 0.32);
}
.sc-palette-mode-dark .entry__content .sc-pattern-media--contrast .wp-block-media-text__media {
box-shadow: 0 1.5rem 4.5rem rgba(0, 0, 0, 0.22);
}
.entry__content .sc-pattern-media .wp-block-media-text__media img {
filter: saturate(0.92) contrast(1.03);
}
.entry__content .sc-pattern-media .wp-block-media-text__content {
padding: clamp(1.5rem, 4vw, 4rem);
}
.entry__content .sc-pattern-media__title {
max-width: 11ch;
font-size: clamp(3rem, 7vw, 6.6rem);
letter-spacing: 0;
line-height: 0.9;
text-wrap: balance;
}
.entry__content .sc-pattern-media__text {
max-width: 34rem;
font-size: clamp(1rem, 1.5vw, 1.2rem);
line-height: 1.7;
}
.entry__content .sc-pattern-media--contrast .sc-pattern-media__text {
opacity: 0.78;
}
.entry__content .sc-pattern-gallery-section,
.entry__content .sc-pattern-horizontal-gallery-section,
.entry__content .sc-pattern-cards-section {
position: relative;
padding-block: clamp(5rem, 10vw, 9rem);
background:
linear-gradient(180deg, color-mix(in srgb, var(--sc-color-surface) 94%, var(--sc-color-accent)), var(--sc-color-surface));
}
.entry__content .sc-pattern-gallery {
gap: clamp(0.8rem, 2vw, 1.5rem) !important;
}
.entry__content .sc-pattern-gallery .wp-block-image {
position: relative;
background:
linear-gradient(135deg, color-mix(in srgb, var(--sc-color-accent) 10%, transparent), transparent 38%),
linear-gradient(145deg, transparent 0 48%, color-mix(in srgb, var(--sc-color-border) 52%, transparent) 48.4% 48.8%, transparent 49.2%),
color-mix(in srgb, var(--sc-color-surface) 88%, var(--sc-color-background));
border: 1px solid color-mix(in srgb, var(--sc-color-border) 64%, transparent);
border-radius: var(--sc-pattern-radius-md);
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.12);
transition: transform 180ms ease;
overflow: hidden;
}
.entry__content .sc-pattern-gallery .wp-block-image:first-child img {
aspect-ratio: 5 / 3 !important;
}
.entry__content .sc-pattern-gallery .wp-block-image:nth-of-type(2) {
margin-top: clamp(1.2rem, 4vw, 3rem) !important;
}
.entry__content .sc-pattern-gallery .wp-block-image:nth-of-type(2) img {
aspect-ratio: 4 / 5 !important;
}
.entry__content .sc-pattern-gallery img,
.entry__content .sc-pattern-card__image img {
filter: saturate(0.92) contrast(1.03);
}
.entry__content .sc-pattern-gallery img {
width: 100%;
height: 100%;
object-fit: cover;
}
.entry__content .wp-block-gallery.is-style-sc-horizontal-scroll {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch;
width: 100vw !important;
max-width: 100vw !important;
margin-inline: calc(50% - 50vw) !important;
padding: 0 var(--sc-gutter) 0.4rem;
gap: clamp(0.8rem, 1.4vw, 1.4rem) !important;
overflow-x: auto;
overflow-y: hidden;
scroll-padding-inline: var(--sc-gutter);
scroll-snap-type: x mandatory;
scrollbar-width: none;
cursor: grab;
-webkit-overflow-scrolling: touch;
}
.entry__content .wp-block-gallery.is-style-sc-horizontal-scroll::-webkit-scrollbar {
display: none;
}
.entry__content .wp-block-gallery.is-style-sc-horizontal-scroll:focus-visible {
outline: 2px solid var(--sc-color-accent);
outline-offset: 2px;
}
.entry__content .wp-block-gallery.is-style-sc-horizontal-scroll.is-dragging {
cursor: grabbing;
scroll-snap-type: none;
}
.entry__content .wp-block-gallery.is-style-sc-horizontal-scroll .wp-block-image {
flex: 0 0 clamp(17rem, 33vw, 34rem) !important;
width: clamp(17rem, 33vw, 34rem) !important;
max-width: none !important;
margin: 0 !important;
scroll-snap-align: start;
border-radius: 0;
overflow: hidden;
}
.entry__content .wp-block-gallery.is-style-sc-horizontal-scroll a {
color: inherit;
pointer-events: none;
}
.entry__content .wp-block-gallery.is-style-sc-horizontal-scroll .wp-block-image img {
width: 100%;
height: 100%;
aspect-ratio: 4 / 5 !important;
object-fit: cover;
user-select: none;
-webkit-user-drag: none;
}
.entry__content .sc-horizontal-gallery-controls {
display: flex;
justify-content: center;
gap: clamp(0.8rem, 2vw, 1.25rem);
margin-top: clamp(1.2rem, 2.5vw, 2rem);
}
.entry__content .sc-horizontal-gallery-button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.75rem;
height: 2.75rem;
border: 1px solid color-mix(in srgb, var(--sc-color-border) 82%, transparent);
border-radius: 999px;
background: color-mix(in srgb, var(--sc-color-surface) 72%, transparent);
color: var(--sc-color-text);
font-size: 1.5rem;
line-height: 1;
cursor: pointer;
transition:
background-color 160ms ease,
border-color 160ms ease,
color 160ms ease;
}
.entry__content .sc-horizontal-gallery-button::before {
width: 0.7rem;
height: 0.7rem;
border-block-start: 2px solid currentColor;
border-inline-start: 2px solid currentColor;
content: "";
}
.entry__content .sc-horizontal-gallery-button--previous::before {
transform: translateX(0.12rem) rotate(-45deg);
}
.entry__content .sc-horizontal-gallery-button--next::before {
transform: translateX(-0.12rem) rotate(135deg);
}
.entry__content .sc-horizontal-gallery-button:hover,
.entry__content .sc-horizontal-gallery-button:focus-visible {
border-color: var(--sc-color-accent);
background: var(--sc-color-accent);
color: var(--sc-color-on-accent);
}
.entry__content .sc-horizontal-gallery-button:disabled {
opacity: 0.42;
cursor: default;
}
.sc-palette-mode-dark .entry__content .sc-pattern-media .wp-block-media-text__media img,
.sc-palette-mode-dark .entry__content .sc-pattern-gallery img,
.sc-palette-mode-dark .entry__content .wp-block-gallery.is-style-sc-horizontal-scroll img,
.sc-palette-mode-dark .entry__content .sc-pattern-card__image img,
.sc-palette-mode-dark .entry__content .sc-pattern-intro-editorial__image img,
.sc-palette-mode-dark .entry__content .sc-pattern-case-study__image img,
.sc-palette-mode-dark .entry__content .sc-pattern-featured-story__image img {
filter: brightness(1.18) saturate(1.02) contrast(0.98);
}
.sc-palette-mode-dark .entry__content .sc-pattern-gallery .wp-block-image,
.sc-palette-mode-dark .entry__content .sc-pattern-case-study__image,
.sc-palette-mode-dark .entry__content .sc-pattern-featured-story__image {
box-shadow: 0 1.2rem 3.5rem rgba(0, 0, 0, 0.22);
}
.entry__content .sc-pattern-cards {
align-items: flex-start;
gap: clamp(1rem, 2.5vw, 2rem);
}
.entry__content .sc-pattern-card {
overflow: hidden;
border: 1px solid color-mix(in srgb, var(--sc-color-border) 72%, transparent);
border-radius: var(--sc-pattern-radius-card);
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1);
}
.sc-palette-mode-dark .entry__content .sc-pattern-card {
border-color: color-mix(in srgb, var(--sc-color-border) 92%, var(--sc-color-accent) 8%);
box-shadow: 0 1.2rem 3.5rem rgba(0, 0, 0, 0.22);
}
.entry__content .sc-pattern-card--raised {
margin-top: clamp(2rem, 5vw, 4rem);
}
.entry__content .sc-pattern-card__image {
margin: 0;
}
.entry__content .sc-pattern-card__content {
padding: clamp(1.2rem, 2.4vw, 1.8rem);
}
.entry__content .sc-pattern-card__meta {
margin-bottom: 0.9rem;
color: var(--sc-color-accent);
font-family: var(--sc-font-ui);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.12em;
line-height: 1.2;
text-transform: uppercase;
}
.entry__content .sc-pattern-card__title {
font-size: clamp(1.55rem, 2.8vw, 2.4rem);
letter-spacing: 0;
line-height: 1;
text-wrap: balance;
}
.entry__content .sc-pattern-card__text {
color: var(--sc-color-muted);
font-size: 0.95rem;
line-height: 1.65;
}
.sc-palette-mode-dark .entry__content .sc-pattern-card__text {
color: color-mix(in srgb, var(--sc-color-muted) 76%, var(--sc-color-text) 24%);
}
.sc-palette-mode-dark .entry__content .sc-pattern-card .is-style-outline .wp-block-button__link {
border-color: color-mix(in srgb, var(--sc-color-text) 68%, var(--sc-color-accent) 32%);
color: color-mix(in srgb, var(--sc-color-text) 88%, var(--sc-color-accent) 12%);
}
.sc-palette-mode-dark .entry__content .sc-pattern-card .wp-block-button__link {
color: var(--sc-color-on-accent);
}
.entry__content .sc-pattern-hero-cinematic {
position: relative;
isolation: isolate;
min-height: min(92svh, 58rem);
padding-block: clamp(7rem, 16vh, 13rem) clamp(4rem, 10vh, 8rem);
padding-inline: var(--sc-gutter);
background-color: var(--sc-color-contrast, #111);
color: #fff;
}
.entry__content .sc-pattern-hero-cinematic.alignfull {
margin-block-start: 0;
}
.entry__content .sc-pattern-hero-cinematic .wp-block-cover__background {
z-index: 0;
}
.entry__content .sc-pattern-hero-cinematic .wp-block-cover__image-background,
.entry__content .sc-pattern-hero-cinematic .wp-block-cover__video-background {
filter: saturate(0.92) contrast(1.04);
transform: scale(1.01);
}
.entry__content .sc-pattern-hero-cinematic .wp-block-cover__inner-container {
position: relative;
z-index: 1;
display: grid;
align-content: end;
box-sizing: border-box;
width: min(calc(100% - (var(--sc-gutter) * 2)), var(--sc-container-wide)) !important;
max-width: var(--sc-container-wide) !important;
min-height: inherit;
margin-inline: auto !important;
}
.entry__content .sc-pattern-hero-cinematic__content {
width: min(100%, 58rem);
margin-inline: 0 auto !important;
}
.entry__content .sc-pattern-hero-cinematic--center .sc-pattern-hero-cinematic__content {
margin-inline: auto !important;
text-align: center;
}
.entry__content .sc-pattern-hero-cinematic--right .sc-pattern-hero-cinematic__content {
margin-left: auto !important;
margin-right: 0 !important;
}
.entry__content .sc-pattern-hero-cinematic__eyebrow {
margin-bottom: clamp(0.9rem, 2vw, 1.4rem);
font-family: var(--sc-font-ui);
font-size: clamp(0.72rem, 1vw, 0.86rem);
font-weight: 700;
letter-spacing: 0.14em;
line-height: 1.2;
text-transform: uppercase;
}
.entry__content .sc-pattern-hero-cinematic__title {
max-width: 11ch;
margin-bottom: clamp(1.1rem, 2vw, 1.7rem);
font-size: clamp(3.3rem, 11vw, 9rem);
letter-spacing: 0;
line-height: 0.88;
text-wrap: balance;
}
.entry__content .sc-pattern-hero-cinematic--center .sc-pattern-hero-cinematic__title {
margin-inline: auto;
}
.entry__content .sc-pattern-hero-cinematic__text {
max-width: 36rem;
font-size: clamp(1.05rem, 1.7vw, 1.42rem);
line-height: 1.55;
}
.entry__content .sc-pattern-hero-cinematic--center .sc-pattern-hero-cinematic__text {
margin-inline: auto;
}
.entry__content .sc-pattern-hero-cinematic__actions {
margin-top: clamp(1.4rem, 3vw, 2.4rem);
}
.entry__content .sc-pattern-hero-cinematic .wp-block-button__link {
box-shadow: 0 0.8rem 2.5rem rgba(0, 0, 0, 0.18);
}
.entry__content .sc-pattern-hero-cinematic__note {
max-width: 26rem;
margin-top: clamp(2rem, 5vw, 4rem);
font-family: var(--sc-font-ui);
font-size: 0.82rem;
letter-spacing: 0.03em;
line-height: 1.6;
opacity: 0.78;
}
.entry__content .sc-pattern-hero-cinematic::after {
position: absolute;
inset: auto var(--sc-gutter) clamp(1rem, 2vw, 1.5rem) auto;
z-index: 2;
width: 1px;
height: clamp(2.5rem, 7vh, 5rem);
background: rgba(255, 255, 255, 0.68);
content: "";
}
.entry__content .sc-pattern-intro-editorial {
position: relative;
padding-block: clamp(5rem, 10vw, 10rem);
}
.entry__content .sc-pattern-intro-editorial .wp-block-columns {
align-items: flex-start;
gap: clamp(2.5rem, 7vw, 8rem);
}
.entry__content .sc-pattern-intro-editorial__title {
max-width: 10ch;
font-size: clamp(3rem, 7vw, 7rem);
letter-spacing: 0;
line-height: 0.92;
text-wrap: balance;
}
.entry__content .sc-pattern-intro-editorial__lede {
max-width: 42rem;
font-size: clamp(1.25rem, 2.4vw, 2rem);
line-height: 1.35;
text-wrap: balance;
}
.entry__content .sc-pattern-intro-editorial__body {
max-width: 34rem;
color: var(--sc-color-muted);
font-size: clamp(1rem, 1.3vw, 1.15rem);
line-height: 1.75;
}
.entry__content .sc-pattern-intro-editorial__meta {
margin-top: clamp(1.5rem, 4vw, 3rem);
padding-top: clamp(1rem, 2vw, 1.5rem);
border-top: 1px solid color-mix(in srgb, var(--sc-color-border) 78%, transparent);
font-family: var(--sc-font-ui);
font-size: 0.85rem;
letter-spacing: 0.04em;
line-height: 1.6;
text-transform: uppercase;
}
.entry__content .sc-pattern-intro-editorial__image {
position: relative;
margin-top: clamp(2rem, 6vw, 5rem);
background:
linear-gradient(135deg, color-mix(in srgb, var(--sc-color-accent) 9%, transparent), transparent 38%),
linear-gradient(145deg, transparent 0 48%, color-mix(in srgb, var(--sc-color-border) 48%, transparent) 48.4% 48.8%, transparent 49.2%),
color-mix(in srgb, var(--sc-color-surface) 88%, var(--sc-color-background));
border: 1px solid color-mix(in srgb, var(--sc-color-border) 58%, transparent);
border-radius: var(--sc-pattern-radius-sm);
overflow: hidden;
}
.entry__content .sc-pattern-intro-editorial__image img {
aspect-ratio: 16 / 10;
object-fit: cover;
}
.entry__content .sc-pattern-overlay-manifesto {
position: relative;
isolation: isolate;
padding-block: clamp(5rem, 10vw, 9rem);
background:
radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--sc-color-accent) 18%, transparent), transparent 34rem),
linear-gradient(180deg, color-mix(in srgb, var(--sc-color-surface) 96%, var(--sc-color-accent)), var(--sc-color-surface));
}
.entry__content .sc-pattern-overlay-manifesto__header {
margin-bottom: clamp(2.5rem, 6vw, 5rem);
}
.entry__content .sc-pattern-overlay-manifesto__title {
max-width: 12ch;
font-size: clamp(3rem, 8vw, 7.5rem);
letter-spacing: 0;
line-height: 0.9;
text-wrap: balance;
}
.entry__content .sc-pattern-overlay-manifesto__lede {
max-width: 42rem;
margin-top: clamp(1.2rem, 3vw, 2rem);
font-size: clamp(1.1rem, 1.8vw, 1.45rem);
line-height: 1.55;
text-wrap: balance;
}
.entry__content .sc-pattern-overlay-manifesto__grid {
gap: clamp(1rem, 2.5vw, 2rem);
}
.entry__content .sc-pattern-overlay-card {
overflow: hidden;
border-radius: var(--sc-pattern-radius-lg);
box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.16);
}
.entry__content .sc-pattern-overlay-card--offset {
margin-top: clamp(2.5rem, 7vw, 6rem);
}
.entry__content .sc-pattern-overlay-card .wp-block-cover__image-background {
filter: saturate(0.9) contrast(1.04);
transform: scale(1.02);
}
.entry__content .sc-pattern-overlay-card:first-child .wp-block-cover__background {
opacity: 0.48;
}
.entry__content .sc-pattern-overlay-card:first-child .wp-block-cover__image-background {
filter: saturate(1.08) contrast(1.06) brightness(1.05);
}
.entry__content .sc-pattern-overlay-card .wp-block-cover__inner-container {
padding: clamp(1.3rem, 3vw, 2.4rem);
}
.entry__content .sc-pattern-overlay-card__number {
margin-bottom: clamp(5rem, 13vw, 10rem);
font-family: var(--sc-font-ui);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.12em;
opacity: 0.78;
}
.entry__content .sc-pattern-overlay-card__title {
max-width: 11ch;
font-size: clamp(2rem, 4vw, 3.8rem);
letter-spacing: 0;
line-height: 0.95;
text-wrap: balance;
}
.entry__content .sc-pattern-overlay-card__text {
max-width: 24rem;
margin-top: 1rem;
font-size: 0.98rem;
line-height: 1.62;
opacity: 0.84;
}
.entry__content .sc-pattern-background-panels {
min-height: clamp(44rem, 88vh, 62rem);
padding-block: clamp(5rem, 10vw, 8rem);
color: #fff;
}
.entry__content .sc-pattern-background-panels .wp-block-cover__background {
opacity: 0.54;
}
.entry__content .sc-pattern-background-panels .wp-block-cover__image-background {
filter: saturate(0.92) contrast(1.04);
}
.entry__content .sc-pattern-background-panels__inner {
width: min(calc(100vw - (var(--sc-gutter) * 2)), var(--sc-container-wide));
max-width: var(--sc-container-wide);
margin-inline: auto;
text-align: center;
}
.entry__content .sc-pattern-background-panels .wp-block-cover__inner-container > .sc-pattern-background-panels__inner {
width: min(calc(100vw - (var(--sc-gutter) * 2)), var(--sc-container-wide)) !important;
max-width: var(--sc-container-wide) !important;
}
.entry__content .sc-pattern-background-panels__eyebrow {
color: rgba(255, 255, 255, 0.78);
}
.entry__content .sc-pattern-background-panels__title {
max-width: 18ch;
margin-inline: auto;
font-size: clamp(2.75rem, 5.8vw, 5.9rem);
letter-spacing: 0;
line-height: 0.98;
text-wrap: balance;
}
.entry__content .sc-pattern-background-panels__subtitle {
max-width: 46rem;
margin: clamp(1rem, 2vw, 1.5rem) auto 0;
color: rgba(255, 255, 255, 0.82);
font-size: clamp(1.05rem, 1.8vw, 1.45rem);
line-height: 1.55;
text-wrap: balance;
}
.entry__content .sc-pattern-background-panels__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
width: 100% !important;
max-width: 100% !important;
align-items: stretch;
gap: clamp(1rem, 2.6vw, 2rem);
margin-top: clamp(3rem, 8vw, 7rem);
margin-inline: auto;
text-align: left;
}
.entry__content .sc-pattern-background-panels__grid > .wp-block-column {
min-width: 0;
}
.entry__content .sc-pattern-background-panel {
height: 100%;
padding: clamp(1.6rem, 2.4vw, 2.4rem);
background: rgba(15, 18, 24, 0.42);
border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: var(--sc-pattern-radius-md);
backdrop-filter: blur(14px);
box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.18);
}
.entry__content .sc-pattern-background-panel--lower {
margin-top: clamp(2rem, 5vw, 5rem);
}
.entry__content .sc-pattern-background-panel__label {
margin: 0 0 clamp(0.9rem, 2vw, 1.35rem);
font-family: var(--sc-font-heading);
font-size: clamp(1.45rem, 2.1vw, 2.15rem);
letter-spacing: 0;
line-height: 1.05;
overflow-wrap: normal;
word-break: normal;
}
.entry__content .sc-pattern-background-panel__label::before {
content: "- ";
opacity: 0.74;
}
.entry__content .sc-pattern-background-panel__text {
margin: 0;
color: rgba(255, 255, 255, 0.84);
font-size: clamp(0.98rem, 1.25vw, 1.12rem);
line-height: 1.65;
overflow-wrap: normal;
word-break: normal;
}
.entry__content .sc-pattern-cta-band {
position: relative;
isolation: isolate;
overflow: hidden;
padding-block: clamp(4.5rem, 9vw, 8rem);
background:
radial-gradient(circle at 82% 8%, color-mix(in srgb, var(--sc-color-accent) 24%, transparent), transparent 24rem),
linear-gradient(135deg, #090909 0%, color-mix(in srgb, var(--sc-color-contrast) 88%, #000) 100%);
color: #fff;
}
.entry__content .sc-pattern-cta-band::before {
position: absolute;
inset: 1rem;
z-index: -1;
border: 1px solid rgba(255, 255, 255, 0.13);
content: "";
}
.entry__content .sc-pattern-cta-band__inner {
align-items: flex-end;
gap: clamp(2rem, 6vw, 6rem);
}
.entry__content .sc-pattern-cta-band__eyebrow {
color: color-mix(in srgb, var(--sc-color-accent) 72%, #fff);
}
.entry__content .sc-pattern-cta-band__title {
max-width: 13ch;
font-size: clamp(3rem, 8vw, 7rem);
letter-spacing: 0;
line-height: 0.9;
text-wrap: balance;
}
.entry__content .sc-pattern-cta-band__aside {
padding-bottom: clamp(0.2rem, 1vw, 0.8rem);
}
.entry__content .sc-pattern-cta-band__text {
max-width: 31rem;
font-size: clamp(1rem, 1.5vw, 1.18rem);
line-height: 1.7;
opacity: 0.78;
}
.entry__content .sc-pattern-cta-band__actions {
margin-top: clamp(1.5rem, 3vw, 2.2rem);
}
.entry__content .sc-pattern-cta-band .wp-block-button__link {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.24);
}
.entry__content .sc-pattern-cta-band .is-style-outline .wp-block-button__link {
color: #fff;
}
.entry__content .sc-pattern-case-study {
position: relative;
padding-block: clamp(5rem, 10vw, 10rem);
}
.entry__content .sc-pattern-case-study__grid {
align-items: center;
gap: clamp(2rem, 5vw, 5rem);
}
.entry__content .sc-pattern-case-study__image {
position: relative;
background:
linear-gradient(135deg, color-mix(in srgb, var(--sc-color-accent) 10%, transparent), transparent 38%),
linear-gradient(145deg, transparent 0 48%, color-mix(in srgb, var(--sc-color-border) 52%, transparent) 48.4% 48.8%, transparent 49.2%),
color-mix(in srgb, var(--sc-color-surface) 88%, var(--sc-color-background));
border: 1px solid color-mix(in srgb, var(--sc-color-border) 64%, transparent);
overflow: hidden;
border-radius: var(--sc-pattern-radius-lg);
}
.sc-palette-mode-dark .entry__content .sc-pattern-media .wp-block-media-text__media,
.sc-palette-mode-dark .entry__content .sc-pattern-gallery .wp-block-image,
.sc-palette-mode-dark .entry__content .sc-pattern-intro-editorial__image,
.sc-palette-mode-dark .entry__content .sc-pattern-case-study__image,
.sc-palette-mode-dark .entry__content .sc-pattern-featured-story__image {
background:
linear-gradient(135deg, color-mix(in srgb, var(--sc-color-accent) 8%, transparent), transparent 40%),
linear-gradient(145deg, transparent 0 48%, color-mix(in srgb, var(--sc-color-border) 70%, transparent) 48.4% 48.8%, transparent 49.2%),
color-mix(in srgb, var(--sc-color-surface) 76%, var(--sc-color-background));
border-color: color-mix(in srgb, var(--sc-color-border) 88%, var(--sc-color-accent) 6%);
}
.sc-palette-mode-dark .entry__content .sc-pattern-media .wp-block-media-text__media::before,
.sc-palette-mode-dark .entry__content .sc-pattern-gallery .wp-block-image::before,
.sc-palette-mode-dark .entry__content .sc-pattern-intro-editorial__image::before,
.sc-palette-mode-dark .entry__content .sc-pattern-case-study__image::before,
.sc-palette-mode-dark .entry__content .sc-pattern-featured-story__image::before {
border-color: color-mix(in srgb, var(--sc-color-border) 72%, var(--sc-color-accent) 8%);
}
.entry__content .sc-pattern-media .wp-block-media-text__media:has(img[src]),
.entry__content .sc-pattern-gallery .wp-block-image:has(img[src]),
.entry__content .sc-pattern-intro-editorial__image:has(img[src]),
.entry__content .sc-pattern-case-study__image:has(img[src]),
.entry__content .sc-pattern-featured-story__image:has(img[src]) {
border-color: transparent;
}
.entry__content .sc-pattern-case-study__image img,
.entry__content .sc-pattern-featured-story__image img {
filter: saturate(0.94) contrast(1.03);
}
.entry__content .sc-pattern-case-study__image--main {
box-shadow: 0 1.6rem 4.5rem rgba(0, 0, 0, 0.14);
}
.entry__content .sc-pattern-case-study__content {
position: relative;
}
.entry__content .sc-pattern-case-study__content::before {
position: absolute;
inset: clamp(-2rem, -4vw, -1rem) auto auto clamp(-2rem, -4vw, -1rem);
z-index: -1;
width: clamp(6rem, 18vw, 14rem);
height: clamp(6rem, 18vw, 14rem);
border: 1px solid color-mix(in srgb, var(--sc-color-accent) 42%, transparent);
border-radius: 999px;
content: "";
}
.entry__content .sc-pattern-case-study__title {
max-width: 12ch;
font-size: clamp(2.75rem, 6vw, 5.8rem);
letter-spacing: 0;
line-height: 0.92;
text-wrap: balance;
}
.entry__content .sc-pattern-case-study__text {
max-width: 34rem;
margin-top: clamp(1.2rem, 3vw, 2rem);
font-size: clamp(1.05rem, 1.45vw, 1.24rem);
line-height: 1.65;
}
.entry__content .sc-pattern-case-study__facts {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
margin-top: clamp(1.5rem, 4vw, 2.8rem);
padding-top: clamp(1rem, 2vw, 1.4rem);
border-top: 1px solid color-mix(in srgb, var(--sc-color-border) 78%, transparent);
font-family: var(--sc-font-ui);
font-size: 0.9rem;
line-height: 1.55;
}
.entry__content .sc-pattern-case-study__actions {
margin-top: clamp(1.5rem, 3vw, 2.4rem);
}
.entry__content .sc-pattern-case-study__image--small {
width: min(58%, 16rem);
margin-top: clamp(1.5rem, 4vw, 3rem);
margin-left: auto;
}
.entry__content .sc-pattern-proof-band {
position: relative;
padding-block: clamp(5rem, 10vw, 9rem);
background:
linear-gradient(90deg, color-mix(in srgb, var(--sc-color-accent) 10%, transparent), transparent 46%),
color-mix(in srgb, var(--sc-color-surface) 92%, var(--sc-color-contrast));
}
.entry__content .sc-pattern-proof-band__grid {
align-items: flex-start;
gap: clamp(2rem, 7vw, 7rem);
}
.entry__content .sc-pattern-proof-band__meta {
position: sticky;
top: clamp(2rem, 8vw, 6rem);
}
.entry__content .sc-pattern-proof-band__source {
max-width: 22rem;
color: var(--sc-color-muted);
font-size: 0.98rem;
line-height: 1.7;
}
.entry__content .sc-pattern-proof-band__quote {
position: relative;
margin: 0;
padding: clamp(1.6rem, 4vw, 3.2rem);
background: color-mix(in srgb, var(--sc-color-surface) 94%, var(--sc-color-background));
border: 1px solid color-mix(in srgb, var(--sc-color-border) 62%, transparent);
border-radius: var(--sc-pattern-radius-md);
box-shadow: 0 1.2rem 3.8rem rgba(0, 0, 0, 0.06);
}
.entry__content .sc-pattern-proof-band__quote::before {
position: absolute;
inset: 0 auto auto clamp(1.6rem, 4vw, 3.2rem);
width: clamp(4rem, 10vw, 8rem);
height: 0.22rem;
background: var(--sc-color-accent);
content: "";
}
.entry__content .sc-pattern-proof-band__quote p {
max-width: 18ch;
margin: 0;
font-size: clamp(2.65rem, 6.3vw, 6.1rem);
letter-spacing: 0;
line-height: 0.95;
text-wrap: balance;
}
.entry__content .sc-pattern-proof-band__quote cite {
display: block;
max-width: 36rem;
margin-top: clamp(1.4rem, 3vw, 2rem);
padding-top: clamp(1rem, 2vw, 1.4rem);
border-top: 1px solid color-mix(in srgb, var(--sc-color-border) 72%, transparent);
color: var(--sc-color-muted);
font-family: var(--sc-font-ui);
font-size: 0.9rem;
font-style: normal;
letter-spacing: 0.05em;
line-height: 1.7;
text-transform: uppercase;
}
.entry__content .sc-pattern-proof-band__stats {
gap: 1rem;
margin-top: clamp(2rem, 5vw, 4rem);
padding-top: clamp(1.2rem, 3vw, 2rem);
border-top: 1px solid color-mix(in srgb, var(--sc-color-border) 72%, transparent);
}
.entry__content .sc-pattern-proof-band__stat {
font-size: clamp(2.2rem, 4vw, 4rem);
letter-spacing: 0;
line-height: 1;
}
.entry__content .sc-pattern-proof-band__label {
margin-top: 0.35rem;
color: var(--sc-color-muted);
font-family: var(--sc-font-ui);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.12em;
line-height: 1.4;
text-transform: uppercase;
}
@media (max-width: 759px) {
.entry__content :is(.sc-pattern-intro, .sc-pattern-media-section, .sc-pattern-gallery-section, .sc-pattern-horizontal-gallery-section, .sc-pattern-cards-section, .sc-pattern-hero-cinematic, .sc-pattern-intro-editorial, .sc-pattern-overlay-manifesto, .sc-pattern-background-panels, .sc-pattern-cta-band, .sc-pattern-case-study, .sc-pattern-proof-band, .sc-pattern-newsletter-band, .sc-pattern-featured-story) {
max-width: 100%;
overflow-x: clip;
}
.entry__content :is(.sc-pattern-intro, .sc-pattern-media-section, .sc-pattern-gallery-section, .sc-pattern-horizontal-gallery-section, .sc-pattern-cards-section, .sc-pattern-hero-cinematic, .sc-pattern-intro-editorial, .sc-pattern-overlay-manifesto, .sc-pattern-background-panels, .sc-pattern-cta-band, .sc-pattern-case-study, .sc-pattern-proof-band, .sc-pattern-newsletter-band, .sc-pattern-featured-story) :where(.wp-block-column, .wp-block-group, .wp-block-media-text__content, h1, h2, h3, p, blockquote, cite) {
min-width: 0;
max-width: 100%;
overflow-wrap: break-word;
}
.entry__content :is(.sc-pattern-intro__grid, .sc-pattern-cards, .sc-pattern-cta-band__inner, .sc-pattern-intro-editorial .wp-block-columns, .sc-pattern-overlay-manifesto__grid, .sc-pattern-background-panels__grid, .sc-pattern-case-study__grid, .sc-pattern-proof-band__grid, .sc-pattern-newsletter-band__inner, .sc-pattern-featured-story__grid) > .wp-block-column {
flex-basis: 100% !important;
width: 100%;
}
.entry__content .sc-pattern-background-panels__grid {
grid-template-columns: 1fr;
}
.entry__content .sc-pattern-intro,
.entry__content .sc-pattern-media-section,
.entry__content .sc-pattern-gallery-section,
.entry__content .sc-pattern-horizontal-gallery-section,
.entry__content .sc-pattern-cards-section,
.entry__content .sc-pattern-intro-editorial,
.entry__content .sc-pattern-overlay-manifesto,
.entry__content .sc-pattern-background-panels,
.entry__content .sc-pattern-cta-band,
.entry__content .sc-pattern-case-study,
.entry__content .sc-pattern-proof-band,
.entry__content .sc-pattern-newsletter-band,
.entry__content .sc-pattern-featured-story {
padding-block: 4rem;
}
.entry__content .sc-pattern-hero-cinematic {
min-height: min(88svh, 46rem);
padding-block: 6rem 4rem;
}
.entry__content .sc-pattern-hero-cinematic .wp-block-cover__inner-container {
align-content: end;
}
.entry__content .sc-pattern-hero-cinematic__title {
font-size: clamp(3rem, 18vw, 5.25rem);
letter-spacing: 0;
}
.entry__content .sc-pattern-hero-cinematic__text {
font-size: 1rem;
}
.entry__content .sc-pattern-hero-cinematic::after {
display: none;
}
.entry__content .sc-pattern-intro__lead,
.entry__content .sc-pattern-heading__title,
.entry__content .sc-pattern-media__title,
.entry__content .sc-pattern-intro-editorial__title,
.entry__content .sc-pattern-overlay-manifesto__title,
.entry__content .sc-pattern-cta-band__title,
.entry__content .sc-pattern-case-study__title,
.entry__content .sc-pattern-proof-band__quote p {
font-size: clamp(2.55rem, 14vw, 4.5rem);
}
.entry__content .sc-pattern-cards-section .sc-pattern-heading__title,
.entry__content .sc-pattern-heading__title,
.entry__content .sc-pattern-intro__lead {
max-width: 100%;
font-size: clamp(2.15rem, 10vw, 3.5rem);
line-height: 0.98;
overflow-wrap: break-word;
}
.entry__content .sc-pattern-media__title,
.entry__content .sc-pattern-intro-editorial__title,
.entry__content .sc-pattern-overlay-manifesto__title,
.entry__content .sc-pattern-case-study__title,
.entry__content .sc-pattern-proof-band__quote p {
max-width: 100%;
overflow-wrap: break-word;
}
.entry__content .sc-pattern-intro-editorial__lede {
font-size: clamp(1.2rem, 6vw, 1.55rem);
}
.entry__content .sc-pattern-media .wp-block-media-text__media {
min-height: 22rem;
}
.entry__content .sc-pattern-gallery .wp-block-image,
.entry__content .sc-pattern-gallery .wp-block-image:nth-of-type(2) {
margin-top: 0 !important;
}
.entry__content .sc-pattern-gallery .wp-block-image img {
aspect-ratio: 4 / 3 !important;
}
.entry__content .sc-pattern-card--raised,
.entry__content .sc-pattern-overlay-card,
.entry__content .sc-pattern-overlay-card--offset,
.entry__content .sc-pattern-background-panel--lower {
margin-top: 0;
}
.entry__content .sc-pattern-overlay-card {
min-height: 28rem !important;
}
.entry__content .sc-pattern-overlay-card__number {
margin-bottom: clamp(4rem, 18vw, 7rem);
}
.entry__content .sc-pattern-cta-band::before {
inset: 0.7rem;
}
.entry__content .sc-pattern-case-study__facts {
grid-template-columns: 1fr;
}
.entry__content .sc-pattern-case-study__image--small {
width: 72%;
margin-inline: 0 auto;
}
.entry__content .sc-pattern-proof-band__meta {
position: static;
}
}  .entry__content :is(.sc-pattern-intro, .sc-pattern-media-section, .sc-pattern-gallery-section, .sc-pattern-horizontal-gallery-section, .sc-pattern-cards-section, .sc-pattern-hero-cinematic, .sc-pattern-intro-editorial, .sc-pattern-overlay-manifesto, .sc-pattern-background-panels, .sc-pattern-cta-band, .sc-pattern-case-study, .sc-pattern-proof-band, .sc-pattern-newsletter-band, .sc-pattern-featured-story) :is(h1, h2, h3, h4, h5, h6) {
word-break: normal;
overflow-wrap: break-word;
hyphens: auto;
}
.entry__content .sc-pattern-hero-cinematic.wp-block-cover,
.editor-styles-wrapper .sc-pattern-hero-cinematic.wp-block-cover {
padding-inline: max(var(--sc-gutter), calc((100vw - var(--sc-container-wide)) / 2)) !important;
}
.entry__content .sc-pattern-hero-cinematic .wp-block-cover__inner-container,
.editor-styles-wrapper .sc-pattern-hero-cinematic .wp-block-cover__inner-container {
width: 100% !important;
max-width: var(--sc-container-wide) !important;
margin-inline: auto !important;
}
.entry__content .sc-pattern-hero-cinematic__content,
.editor-styles-wrapper .sc-pattern-hero-cinematic__content {
width: min(100%, 46rem) !important;
max-width: 46rem !important;
margin-inline: 0 auto !important;
}
.entry__content .sc-pattern-hero-cinematic__title,
.editor-styles-wrapper .sc-pattern-hero-cinematic__title {
max-width: 9.5ch;
}
.entry__content .sc-pattern-proof-band__grid,
.editor-styles-wrapper .sc-pattern-proof-band__grid {
display: grid !important;
grid-template-columns: minmax(13rem, 0.72fr) minmax(0, 2.28fr) !important;
align-items: start !important;
gap: clamp(2rem, 5vw, 5rem) !important;
}
.entry__content .sc-pattern-proof-band__grid > .wp-block-column,
.editor-styles-wrapper .sc-pattern-proof-band__grid > .wp-block-column {
width: auto !important;
max-width: none !important;
flex-basis: auto !important;
}
.entry__content .sc-pattern-proof-band__quote,
.editor-styles-wrapper .sc-pattern-proof-band__quote {
width: 100% !important;
max-width: 68rem !important;
}
.entry__content .sc-pattern-proof-band__quote p,
.editor-styles-wrapper .sc-pattern-proof-band__quote p {
width: 100% !important;
max-width: 30ch !important;
font-size: clamp(2rem, 3.45vw, 3.35rem);
letter-spacing: 0 !important;
line-height: 1.08 !important;
hyphens: none !important;
overflow-wrap: normal !important;
word-break: normal !important;
text-wrap: balance;
}
.entry__content .sc-pattern-proof-band__quote p br,
.editor-styles-wrapper .sc-pattern-proof-band__quote p br {
display: none !important;
}
.entry__content .sc-pattern-proof-band__stats,
.editor-styles-wrapper .sc-pattern-proof-band__stats {
display: grid !important;
grid-template-columns: repeat(3, minmax(8.5rem, 1fr)) !important;
align-items: start !important;
gap: clamp(1.5rem, 4vw, 3.5rem) !important;
}
.entry__content .sc-pattern-proof-band__stats > .wp-block-column,
.editor-styles-wrapper .sc-pattern-proof-band__stats > .wp-block-column {
width: auto !important;
max-width: none !important;
flex-basis: auto !important;
}
.entry__content .sc-pattern-proof-band__label,
.editor-styles-wrapper .sc-pattern-proof-band__label {
max-width: none;
letter-spacing: 0.08em;
overflow-wrap: normal;
word-break: normal;
}
@media (min-width: 901px) and (max-width: 1320px) {
.entry__content .sc-pattern-proof-band__grid,
.editor-styles-wrapper .sc-pattern-proof-band__grid {
grid-template-columns: minmax(11rem, 0.68fr) minmax(0, 2.32fr) !important;
gap: clamp(2rem, 4vw, 3.5rem) !important;
}
.entry__content .sc-pattern-proof-band__quote p,
.editor-styles-wrapper .sc-pattern-proof-band__quote p {
max-width: 32ch !important;
font-size: clamp(1.95rem, 3.45vw, 3rem);
}
.entry__content .sc-pattern-proof-band__stats,
.editor-styles-wrapper .sc-pattern-proof-band__stats {
grid-template-columns: repeat(3, minmax(7rem, 1fr)) !important;
}
}
@media (max-width: 900px) {
.entry__content .sc-pattern-hero-cinematic.wp-block-cover,
.editor-styles-wrapper .sc-pattern-hero-cinematic.wp-block-cover {
padding-inline: var(--sc-gutter) !important;
}
.entry__content .sc-pattern-hero-cinematic .wp-block-cover__inner-container,
.editor-styles-wrapper .sc-pattern-hero-cinematic .wp-block-cover__inner-container {
max-width: var(--sc-container) !important;
}
.entry__content .sc-pattern-hero-cinematic__content,
.editor-styles-wrapper .sc-pattern-hero-cinematic__content {
width: 100% !important;
max-width: 100% !important;
}
.entry__content .sc-pattern-hero-cinematic__title,
.editor-styles-wrapper .sc-pattern-hero-cinematic__title {
max-width: 10ch;
}
.entry__content .sc-pattern-proof-band__grid,
.editor-styles-wrapper .sc-pattern-proof-band__grid {
display: block !important;
}
.entry__content .sc-pattern-proof-band__meta,
.editor-styles-wrapper .sc-pattern-proof-band__meta {
position: static;
margin-bottom: clamp(2rem, 7vw, 4rem);
}
.entry__content .sc-pattern-proof-band__quote,
.editor-styles-wrapper .sc-pattern-proof-band__quote {
max-width: 100% !important;
}
.entry__content .sc-pattern-proof-band__quote p,
.editor-styles-wrapper .sc-pattern-proof-band__quote p {
max-width: 100% !important;
font-size: clamp(1.85rem, 7vw, 2.75rem);
letter-spacing: 0 !important;
line-height: 1.08 !important;
}
.entry__content .sc-pattern-proof-band__stats,
.editor-styles-wrapper .sc-pattern-proof-band__stats {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 1rem !important;
}
}
@media (max-width: 520px) {
.entry__content .sc-pattern-proof-band__stats,
.editor-styles-wrapper .sc-pattern-proof-band__stats {
grid-template-columns: 1fr !important;
}
.entry__content .sc-pattern-proof-band__label,
.editor-styles-wrapper .sc-pattern-proof-band__label {
max-width: 100%;
}
} .entry__content .sc-pattern-newsletter-band {
padding-block: clamp(4rem, 8vw, 7rem);
background:
linear-gradient(180deg, color-mix(in srgb, var(--sc-color-surface) 94%, var(--sc-color-accent)), var(--sc-color-surface));
border-radius: var(--sc-pattern-radius-lg);
}
.entry__content .sc-pattern-newsletter-band__inner {
gap: clamp(2rem, 6vw, 5rem);
}
.entry__content .sc-pattern-newsletter-band__title {
max-width: 18ch;
margin-top: 0.5rem;
font-size: clamp(2rem, 4vw, 3.2rem);
letter-spacing: 0;
line-height: 1.05;
}
.entry__content .sc-pattern-newsletter-band__text {
max-width: 34rem;
margin-top: clamp(0.8rem, 2vw, 1.2rem);
color: var(--sc-color-muted);
font-size: clamp(1rem, 1.3vw, 1.1rem);
line-height: 1.65;
}
.entry__content .sc-pattern-newsletter-band__note {
margin-top: 0.9rem;
color: var(--sc-color-muted);
font-size: 0.85rem;
line-height: 1.55;
}
@media (max-width: 759px) {
.entry__content .sc-pattern-newsletter-band__aside {
margin-top: clamp(1.5rem, 4vw, 2rem);
}
} .entry__content .sc-pattern-featured-story {
padding-block: clamp(4rem, 8vw, 7rem);
}
.entry__content .sc-pattern-featured-story__title {
max-width: 16ch;
margin-top: 0.5rem;
font-size: clamp(2.4rem, 5.5vw, 4.6rem);
letter-spacing: 0;
line-height: 1;
text-wrap: balance;
}
.entry__content .sc-pattern-featured-story__meta {
margin-top: clamp(0.8rem, 2vw, 1.2rem);
color: var(--sc-color-muted);
font-family: var(--sc-font-ui);
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.entry__content .sc-pattern-featured-story__image {
position: relative;
margin-top: clamp(2rem, 5vw, 3.5rem);
background:
linear-gradient(135deg, color-mix(in srgb, var(--sc-color-accent) 10%, transparent), transparent 38%),
linear-gradient(145deg, transparent 0 48%, color-mix(in srgb, var(--sc-color-border) 52%, transparent) 48.4% 48.8%, transparent 49.2%),
color-mix(in srgb, var(--sc-color-surface) 88%, var(--sc-color-background));
border: 1px solid color-mix(in srgb, var(--sc-color-border) 64%, transparent);
border-radius: var(--sc-pattern-radius-lg);
box-shadow: 0 1.6rem 4.5rem rgba(0, 0, 0, 0.14);
overflow: hidden;
}
.sc-palette-mode-dark .entry__content .sc-pattern-featured-story__image {
box-shadow: 0 1.2rem 3.5rem rgba(0, 0, 0, 0.22);
}
.entry__content .sc-pattern-featured-story__grid {
margin-top: clamp(2rem, 5vw, 3.5rem);
gap: clamp(1.5rem, 4vw, 3rem);
}
.entry__content .sc-pattern-featured-story__excerpt {
max-width: 42rem;
font-size: clamp(1.05rem, 1.4vw, 1.2rem);
line-height: 1.7;
}
.entry__content .sc-pattern-featured-story__aside {
display: flex;
align-items: flex-start;
}