/*
 * WP 02 — case study pages (patterns/w2-case-*.php), prefix w2cs-.
 *
 * Figma: "Case Study — Desktop/Mobile (Vertiv Insights)" 464:1672 / 468:1907 (page WP 02),
 * DKNY 472:666 / 472:884, Pepperidge Farm 473:855 / 473:1050, Xerox 475:1002 / 475:1199
 * (page WP 02 - Portfolio Pages). All four share one structure; the wrapper
 * .w2cs-<slug> only sets the accent colour, title sizes and a few offsets.
 * Numbers are Figma px (desktop frame 1920, mobile frame 440) times --u.
 */

.w2cs { --acc: var(--c-purple); --ph-w: 260; --ph-h: 560; --ph-r: 160; --ph-b: 280; --t-dirty: 253; --t-sub: 250; --t-gap: 41; --t-mt: 19; --t-dy: 7; --lede-mt: 58; }
.w2cs-dkny { --acc: var(--c-pink); --t-dirty: 302; --t-sub: 200; --t-gap: 55; --t-mt: 60; --t-dy: 0; --lede-mt: 6; }
.w2cs-pepperidge-farm { --ph-w: 345; --ph-h: 646; --ph-r: 189; --ph-b: 194; --t-dirty: 235; --t-sub: 230; --t-gap: 44; --t-mt: 44; --t-dy: 7; --lede-mt: 50; }
.w2cs-xerox { --acc: var(--c-pink); --ph-w: 336; --ph-h: 724; --ph-r: 160; --ph-b: 460; --t-dirty: 250; --t-sub: 230; --t-mt: 87; --t-dy: 0; --lede-mt: 30; }

.w2cs .w2-in > *, .w2cs-hero__top > *, .w2cs-challenge__main > *, .w2cs-fact > *, .w2cs-tldr__col > *,
.w2cs-step > *, .w2cs-callout > *, .w2cs-stat > *, .w2cs-quote > *, .w2cs-next__text > *, .w2cs-gal > * { margin-block: 0; }
.w2cs a { color: inherit; text-decoration: none; }
.w2cs .w2-label a:hover, .w2cs-pill a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* shared heading sizes */
.w2cs-h2 { --fs: 120; line-height: .9; }
.w2cs .w2-in > .w2-label + .w2cs-h2, .w2cs-challenge__main > .w2-label + .w2cs-h2 { margin-top: calc(22 * var(--u)); }

/* ---------- 01 hero ---------- */
.w2cs-hero > .w2-in { padding-top: calc(90 * var(--u)); padding-bottom: calc(40 * var(--u)); }
.w2cs-hero__top { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.w2cs-crumb { word-spacing: .35em; white-space: pre-wrap; }
.w2cs-pill { --fs: 13; padding: calc(8 * var(--u)) calc(14 * var(--u)); margin-right: calc(-5 * var(--u)) !important; background: var(--c-yellow); color: var(--c-black); white-space: nowrap; line-height: 1.3; }
.w2cs-hero__title { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: calc(var(--t-gap) * var(--u)); margin-top: calc(var(--t-mt) * var(--u)) !important; font-size: inherit; line-height: .8; }
.w2cs-hero__title .w2-dirty { --fs: var(--t-dirty); line-height: .8; }
.w2cs-hero__sub { --fs: var(--t-sub); line-height: .8; color: var(--acc); position: relative; top: calc(var(--t-dy) * var(--u)); }
.w2cs-dkny .w2cs-hero__title { align-items: flex-start; }
.w2cs-dkny .w2cs-hero__sub { margin-top: calc(-33 * var(--u)); }
.w2cs-xerox .w2cs-hero__title { flex-direction: column; align-items: flex-start; }
.w2cs-xerox .w2cs-hero__sub { margin-top: calc(-20 * var(--u)); }
.w2cs-xerox .w2cs-hero__title .w2-dirty { margin-left: calc(17 * var(--u)); }
.w2cs-hero__lede { --fs: 34; max-width: calc(1100 * var(--u)); margin-top: calc(var(--lede-mt) * var(--u)) !important; line-height: 1.35; }
.w2cs-hero__tags { margin-top: calc(38 * var(--u)) !important; }
.w2cs-pepperidge-farm .w2cs-hero__tags { margin-top: calc(28 * var(--u)) !important; }
.w2cs-hero__img { height: calc(720 * var(--u)); margin-top: calc(50 * var(--u)) !important; }
.w2cs-hero__phone { position: absolute !important; z-index: 2; right: calc(var(--ph-r) * var(--u)); bottom: calc(var(--ph-b) * var(--u)); width: calc(var(--ph-w) * var(--u)); height: calc(var(--ph-h) * var(--u)); }

/* ---------- 02 at a glance ---------- */
.w2cs-glance > .w2-in { display: grid; grid-template-columns: repeat(6, calc(255 * var(--u))); column-gap: calc(40 * var(--u)); align-items: start; min-height: calc(300 * var(--u)); box-sizing: border-box; padding-top: calc(90 * var(--u)); padding-bottom: calc(80 * var(--u)); }
.w2cs-fact { border-top: 1px solid rgba(255, 255, 255, .4); padding-top: calc(23 * var(--u)); }
.w2cs-fact .w2-label { color: var(--c-yellow); }
.w2cs-fact .w2-body { --fs: 20; margin-top: calc(14 * var(--u)) !important; line-height: 1.45; }

/* ---------- 03 TL;DR ---------- */
.w2cs-tldr { background: var(--c-yellow); color: var(--c-black); scroll-margin-top: 24px; }
.w2cs-tldr > .w2-in { min-height: calc(760 * var(--u)); box-sizing: border-box; padding-top: calc(100 * var(--u)); padding-bottom: calc(80 * var(--u)); }
.w2cs-tldr__title { --fs: 160; line-height: .85; margin-top: calc(22 * var(--u)) !important; }
.w2cs-tldr__cols { display: grid; grid-template-columns: repeat(3, calc(560 * var(--u))); column-gap: calc(40 * var(--u)); margin-top: calc(64 * var(--u)) !important; }
.w2cs-tldr__col { border-top: 2px solid currentColor; padding-top: calc(28 * var(--u)); }
.w2cs-tldr__col .w2-label { color: var(--c-black); }
.w2cs-tldr__col .w2-body { --fs: 24; max-width: calc(540 * var(--u)); margin-top: calc(22 * var(--u)) !important; line-height: 1.5; }
.w2cs-tldr__num { --fs: 180; line-height: .85; text-transform: none; margin-top: calc(12 * var(--u)) !important; }
.w2cs-tldr__cap { --fs: 14; margin-top: calc(57 * var(--u)) !important; max-width: calc(520 * var(--u)); }

/* ---------- 04 challenge ---------- */
.w2cs-challenge > .w2-in { display: grid; grid-template-columns: calc(900 * var(--u)) calc(560 * var(--u)); column-gap: calc(200 * var(--u)); align-items: start; min-height: calc(1200 * var(--u)); box-sizing: border-box; padding-top: calc(120 * var(--u)); padding-bottom: calc(100 * var(--u)); }
.w2cs-challenge__body { margin-top: calc(50 * var(--u)) !important; max-width: calc(820 * var(--u)); }
.w2cs-challenge__body .w2-body { --fs: 22; line-height: 1.65; margin: 0; }
.w2cs-challenge__body .w2-body + .w2-body { margin-top: 1.65em; }
.w2cs-quote { box-sizing: border-box; min-height: calc(200 * var(--u)); margin-top: calc(60 * var(--u)) !important; padding: calc(10 * var(--u)) 0 0 calc(32 * var(--u)); border-left: calc(8 * var(--u)) solid var(--acc); max-width: calc(820 * var(--u)); }
.w2cs-quote__text { --fs: 52; line-height: .95; max-width: calc(760 * var(--u)); }
.w2cs-quote__cite { margin-top: calc(42 * var(--u)) !important; color: rgba(0, 0, 0, .6); }
.w2cs-vertiv .w2cs-challenge__body { margin-top: calc(104 * var(--u)) !important; }
.w2cs-vertiv .w2cs-quote { margin-top: calc(204 * var(--u)) !important; }
.w2cs-challenge__screen { height: calc(940 * var(--u)); }
.w2cs-challenge__screen img { object-position: top; }

/* ---------- 05 process ---------- */
.w2cs-process { background: #ededed; color: var(--c-black); }
.w2cs-process > .w2-in { min-height: calc(1060 * var(--u)); box-sizing: border-box; padding-top: calc(120 * var(--u)); padding-bottom: calc(60 * var(--u)); }
.w2cs-steps { position: relative; display: grid; grid-template-columns: repeat(5, calc(310 * var(--u))); column-gap: calc(42 * var(--u)); min-height: calc(443 * var(--u)); margin-top: calc(139 * var(--u)) !important; }
.w2cs-steps::before { content: ""; position: absolute; left: 0; right: 0; top: calc(13 * var(--u)); height: max(2px, calc(3 * var(--u))); background: currentColor; }
.w2cs-step { position: relative; padding-top: calc(63 * var(--u)); }
.w2cs-step::before { content: ""; position: absolute; left: 0; top: 0; width: calc(28 * var(--u)); height: calc(28 * var(--u)); border-radius: 50%; background: var(--c-black); transition: transform .2s ease; }
.w2cs-step.is-current::before { background: var(--acc); }
.w2cs-step:hover::before { transform: scale(1.25); }
.w2cs-step__num { --fs: 72; line-height: .85; }
.w2cs-step.is-current .w2cs-step__num { color: var(--acc); }
.w2cs-step__title { --fs: 44; line-height: 1.2; margin-top: calc(19 * var(--u)) !important; }
.w2cs-step__text { --fs: 19; line-height: 1.55; margin-top: calc(7 * var(--u)) !important; }
body:not(.logged-in) .w2cs-process:has(> .w2-in > .w2cs-callout.is-placeholder) > .w2-in { min-height: 0; padding-bottom: calc(100 * var(--u)); }
body:not(.logged-in) .w2cs-steps:has(+ .w2cs-callout.is-placeholder) { min-height: 0; }
.w2cs-callout { box-sizing: border-box; width: calc(1100 * var(--u)); min-height: calc(150 * var(--u)); padding: calc(26 * var(--u)) calc(34 * var(--u)) calc(28 * var(--u)); background: var(--c-white); border: 2px solid var(--c-black); box-shadow: calc(12 * var(--u)) calc(12 * var(--u)) 0 var(--c-yellow); }
.w2cs-callout .w2-label { --fs: 13; color: var(--c-purple); }
.w2cs-callout .w2-body { --fs: 20; line-height: 1.5; margin-top: calc(15 * var(--u)) !important; }

/* ---------- 06 the work ---------- */
.w2cs-work { overflow: clip; }
.w2cs-work > .w2-in { min-height: calc(1700 * var(--u)); box-sizing: border-box; padding-top: calc(120 * var(--u)); padding-bottom: calc(100 * var(--u)); }
.w2cs-gal { position: relative; height: calc(1240 * var(--u)); margin-top: calc(92 * var(--u)) !important; }
.w2cs-gal > * { position: absolute !important; }
.w2cs-gal img { object-position: top; transition: transform .35s ease; }
.w2cs-gal figure { overflow: hidden; }
.w2cs-gal figure:not(.w2-deco):hover img { transform: scale(1.02); }
.w2cs-g1 { left: 0; top: 0; width: calc(820 * var(--u)); height: calc(1240 * var(--u)); }
.w2cs-g2 { left: calc(900 * var(--u)); top: 0; width: calc(360 * var(--u)); height: calc(780 * var(--u)); }
.w2cs-g3 { left: calc(1340 * var(--u)); top: 0; width: calc(420 * var(--u)); height: calc(780 * var(--u)); }
.w2cs-g4 { left: calc(900 * var(--u)); top: calc(860 * var(--u)); width: calc(860 * var(--u)); height: calc(300 * var(--u)); }
.w2cs-gnote { --fs: 13; left: calc(900 * var(--u)); top: calc(1200 * var(--u)); width: calc(860 * var(--u)); line-height: 1.6; color: rgba(255, 255, 255, .7); }
.w2cs-gal.is-alt .w2cs-g3 { height: calc(700 * var(--u)); }
.w2cs-gal.is-alt .w2cs-g4 { left: calc(1145 * var(--u)); top: calc(902 * var(--u)); width: calc(809 * var(--u)); height: calc(306 * var(--u)); overflow: visible; }
.w2cs-gal.is-alt .w2cs-g4 img { object-fit: contain; }
.w2cs-gal.is-alt .w2cs-gnote { left: calc(1340 * var(--u)); top: calc(794 * var(--u)); width: calc(346 * var(--u)); }
.w2cs-xerox .w2cs-g2 { height: calc(703 * var(--u)); }
.w2cs-xerox .w2cs-g3 { top: calc(21 * var(--u)); height: calc(700 * var(--u)); }

/* ---------- 07 results ---------- */
.w2cs-results.w2 { background: var(--c-purple); color: var(--c-white); }
.w2cs-results > .w2-in { min-height: calc(720 * var(--u)); box-sizing: border-box; padding-top: calc(110 * var(--u)); padding-bottom: calc(80 * var(--u)); }
.w2cs-results .w2-in > .w2-label { color: rgba(255, 255, 255, .75); }
.w2cs-stats { display: grid; grid-template-columns: repeat(3, calc(560 * var(--u))); column-gap: calc(40 * var(--u)); margin-top: calc(72 * var(--u)) !important; }
.w2cs-stat { border-top: 2px solid rgba(255, 255, 255, .5); padding-top: calc(28 * var(--u)); }
.w2cs-stat__num { --fs: 200; line-height: .85; text-transform: none; white-space: nowrap; }
.w2cs-stat__cap { color: var(--c-yellow); margin-top: calc(60 * var(--u)) !important; }

/* ---------- 08 reflection ---------- */
.w2cs-reflect > .w2-in { min-height: calc(640 * var(--u)); box-sizing: border-box; padding-top: calc(110 * var(--u)); padding-bottom: calc(80 * var(--u)); }
.w2cs-reflect__text { --fs: 34; line-height: 1.4; max-width: calc(1100 * var(--u)); margin-top: calc(62 * var(--u)) !important; }
.w2cs-reflect__credits { margin-top: calc(124 * var(--u)) !important; color: rgba(0, 0, 0, .6); }

/* ---------- 09 next project ---------- */
.w2cs-next { display: grid; grid-template-columns: calc(1020 * var(--u)) calc(900 * var(--u)); min-height: calc(620 * var(--u)); overflow: hidden; }
@media (min-width: 1921px) { .w2cs-next { justify-content: center; } }
.w2cs-next__img { grid-column: 2; grid-row: 1; height: 100%; min-height: calc(620 * var(--u)); overflow: hidden; }
.w2cs-next__img img { transition: transform .5s ease; }
.w2cs-next:has(.w2cs-next__title a:hover) .w2cs-next__img img { transform: scale(1.04); }
.w2cs-next__text { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: calc(60 * var(--u)) 0 calc(60 * var(--u)) var(--gx); }
.w2cs-next__label { --fs: 14; font-weight: 400; color: rgba(255, 255, 255, .7); }
.w2cs-next__title { --fs: 200; line-height: .85; max-width: calc(920 * var(--u)); margin-top: calc(22 * var(--u)) !important; }
.w2cs-next__title a { transition: color .2s ease; }
.w2cs-next__title a:hover { color: var(--c-yellow); }
.w2cs-next__tags { color: var(--c-yellow); margin-top: calc(24 * var(--u)) !important; }
.w2cs-next .w2-btns { margin-top: calc(32 * var(--u)) !important; }
.w2cs-next.is-img-left { grid-template-columns: calc(900 * var(--u)) calc(1020 * var(--u)); background: #1c0082; }
.w2cs-next.is-img-left .w2cs-next__img { grid-column: 1; }
.w2cs-next.is-img-left .w2cs-next__text { grid-column: 2; padding-left: calc(100 * var(--u)); }
.w2cs-next.is-img-left .w2cs-next__title { --fs: 260; margin-top: calc(31 * var(--u)) !important; }
.w2cs-next.is-img-left .w2cs-next__tags { color: var(--c-white); margin-top: calc(31 * var(--u)) !important; }
.w2cs-next.is-img-left .w2-btns { margin-top: calc(31 * var(--u)) !important; }

/* ---------- mobile (440 frames) ---------- */
@media (max-width: 899px) {
	.w2cs { --t-dirty: 116; --t-sub: 110; }
	.w2cs-dkny { --t-dirty: 127; --t-sub: 100; }
	.w2cs-pepperidge-farm { --t-dirty: 74.5; --t-sub: 100; }
	.w2cs-xerox { --t-dirty: 106; --t-sub: 100; }
	.w2cs-h2 { --fs: 56; line-height: .92; }
	.w2cs .w2-in > .w2-label + .w2cs-h2, .w2cs-challenge__main > .w2-label + .w2cs-h2 { margin-top: calc(20 * var(--u)); }
	.w2cs .w2-dirty { --fmin: 30px; }

	.w2cs-hero > .w2-in { padding-top: calc(32 * var(--u)); padding-bottom: calc(64 * var(--u)); }
	.w2cs-hero__top { flex-direction: column; align-items: flex-start; gap: calc(20 * var(--u)); }
	.w2cs-crumb { word-spacing: normal; }
	.w2cs-pill { --fs: 11; padding: calc(6 * var(--u)) calc(10 * var(--u)); margin-right: 0 !important; letter-spacing: .4px; }
	.w2cs-hero__title, .w2cs-dkny .w2cs-hero__title { flex-direction: column; align-items: flex-start; row-gap: calc(20 * var(--u)); margin-top: calc(20 * var(--u)) !important; }
	.w2cs-hero__sub, .w2cs-dkny .w2cs-hero__sub, .w2cs-xerox .w2cs-hero__sub { margin-top: 0; top: 0; white-space: normal; }
	.w2cs-xerox .w2cs-hero__title .w2-dirty { margin-left: calc(4 * var(--u)); }
	.w2cs-hero__lede { --fs: 22; line-height: 1.4; margin-top: calc(20 * var(--u)) !important; }
	.w2cs-hero__tags, .w2cs-pepperidge-farm .w2cs-hero__tags { margin-top: calc(20 * var(--u)) !important; }
	.w2cs-hero__img-m { height: calc(300 * var(--u)); margin-top: calc(20 * var(--u)) !important; }

	.w2cs-glance > .w2-in { grid-template-columns: 1fr 1fr; column-gap: calc(20 * var(--u)); row-gap: calc(20 * var(--u)); min-height: 0; padding-top: calc(48 * var(--u)); padding-bottom: calc(64 * var(--u)); }
	.w2cs-fact { padding-top: calc(6 * var(--u)); }
	.w2cs-fact .w2-label { --fs: 12; }
	.w2cs-fact .w2-body { --fs: 16; margin-top: calc(6 * var(--u)) !important; }

	.w2cs-tldr > .w2-in { min-height: 0; padding-top: calc(48 * var(--u)); padding-bottom: calc(64 * var(--u)); }
	.w2cs-tldr__title { --fs: 88; margin-top: calc(20 * var(--u)) !important; }
	.w2cs-tldr__cols { grid-template-columns: 1fr; row-gap: calc(20 * var(--u)); margin-top: calc(20 * var(--u)) !important; }
	.w2cs-tldr__col { padding-top: calc(8 * var(--u)); }
	.w2cs-tldr__col .w2-body { --fs: 18; max-width: none; margin-top: calc(8 * var(--u)) !important; }
	.w2cs-tldr__num { --fs: 110; margin-top: calc(14 * var(--u)) !important; }
	.w2cs-tldr__cap { --fs: 12; margin-top: calc(14 * var(--u)) !important; }

	.w2cs-challenge > .w2-in { grid-template-columns: 1fr; row-gap: calc(20 * var(--u)); min-height: 0; padding-top: calc(48 * var(--u)); padding-bottom: calc(64 * var(--u)); }
	.w2cs-challenge__body, .w2cs-vertiv .w2cs-challenge__body { margin-top: calc(20 * var(--u)) !important; max-width: none; }
	.w2cs-challenge__body .w2-body { --fs: 17; line-height: 1.6; }
	.w2cs-quote, .w2cs-vertiv .w2cs-quote { min-height: 0; margin-top: calc(20 * var(--u)) !important; padding: 0 0 0 calc(16 * var(--u)); border-left-width: calc(6 * var(--u)); }
	.w2cs-quote__text { --fs: 32; }
	.w2cs-quote__cite { --fs: 12; margin-top: calc(8 * var(--u)) !important; }
	.w2cs-challenge__screen { height: calc(520 * var(--u)); }

	.w2cs-process > .w2-in { min-height: 0; padding-top: calc(48 * var(--u)); padding-bottom: calc(64 * var(--u)); }
	.w2cs-steps { display: flex; flex-direction: column; gap: calc(22 * var(--u)); min-height: 0; margin-top: calc(22 * var(--u)) !important; }
	.w2cs-steps::before { display: none; }
	.w2cs-step { display: grid; grid-template-columns: calc(18 * var(--u)) auto 1fr; align-items: baseline; padding-top: 0; }
	.w2cs-step::before { position: relative; grid-column: 1; grid-row: 1; align-self: start; top: calc(10 * var(--u)); width: calc(18 * var(--u)); height: calc(18 * var(--u)); }
	.w2cs-step__num { --fs: 34; line-height: 1.2; grid-column: 2; grid-row: 1; margin-left: calc(16 * var(--u)) !important; }
	.w2cs-step__title { --fs: 34; grid-column: 3; grid-row: 1; margin: 0 0 0 calc(10 * var(--u)) !important; }
	.w2cs-step__text { --fs: 16; line-height: 1.5; grid-column: 2 / 4; margin: calc(4 * var(--u)) 0 0 calc(16 * var(--u)) !important; }
	.w2cs-step.is-current .w2cs-step__title { color: var(--acc); }
	.w2cs-callout { width: auto; min-height: 0; margin-top: calc(22 * var(--u)) !important; margin-right: calc(8 * var(--u)) !important; padding: calc(20 * var(--u)); box-shadow: calc(10 * var(--u)) calc(10 * var(--u)) 0 var(--c-yellow); }
	.w2cs-callout .w2-label { --fs: 12; }
	.w2cs-callout .w2-body { --fs: 16; margin-top: calc(8 * var(--u)) !important; }

	.w2cs-work > .w2-in { min-height: 0; padding-top: calc(48 * var(--u)); padding-bottom: calc(64 * var(--u)); }
	.w2cs-gal { display: grid; grid-template-columns: 1fr 1fr; column-gap: calc(16 * var(--u)); row-gap: calc(20 * var(--u)); height: auto; margin-top: calc(20 * var(--u)) !important; }
	.w2cs-gal > * { position: static !important; width: auto !important; }
	.w2cs-g1 { grid-column: 1 / -1; height: calc(590 * var(--u)); }
	.w2cs-g2, .w2cs-g3, .w2cs-gal.is-alt .w2cs-g3, .w2cs-xerox .w2cs-g2 { height: calc(400 * var(--u)); }
	.w2cs-g4 { grid-column: 1 / -1; height: calc(240 * var(--u)); }

	.w2cs-results > .w2-in { min-height: 0; padding-top: calc(48 * var(--u)); padding-bottom: calc(64 * var(--u)); }
	.w2cs-stats { grid-template-columns: 1fr; row-gap: calc(20 * var(--u)); margin-top: calc(20 * var(--u)) !important; }
	.w2cs-stat { border-top-width: 1px; padding-top: calc(15 * var(--u)); }
	.w2cs-stat__num { --fs: 96; }
	.w2cs-stat__cap { margin-top: calc(14 * var(--u)) !important; }

	.w2cs-reflect > .w2-in { min-height: 0; padding-top: calc(48 * var(--u)); padding-bottom: calc(64 * var(--u)); }
	.w2cs-reflect__text { --fs: 22; margin-top: calc(18 * var(--u)) !important; }
	.w2cs-reflect__credits { --fs: 12; margin-top: calc(18 * var(--u)) !important; }

	.w2cs-next, .w2cs-next.is-img-left { display: flex; flex-direction: column; gap: calc(16 * var(--u)); min-height: 0; padding: calc(48 * var(--u)) var(--gx) calc(64 * var(--u)); background: var(--c-black); }
	.w2cs-next__text { display: contents; }
	.w2cs-next__label { order: 1; }
	.w2cs-next__img { order: 2; height: calc(260 * var(--u)); min-height: 0; }
	.w2cs-next__title, .w2cs-next__tags, .w2cs-next .w2-btns { order: 3; }
	.w2cs-next__label { --fs: 12; }
	.w2cs-next__title, .w2cs-next.is-img-left .w2cs-next__title { --fs: 87; max-width: none; }
	.w2cs-next.is-img-left .w2cs-next__title { --fs: 110; }
	.w2cs-next__tags, .w2cs-next.is-img-left .w2cs-next__tags { color: var(--c-yellow); }
	.w2cs-next__title, .w2cs-next__tags, .w2cs-next .w2-btns, .w2cs-next.is-img-left .w2cs-next__title, .w2cs-next.is-img-left .w2cs-next__tags, .w2cs-next.is-img-left .w2-btns { margin-top: 0 !important; }
	.w2cs-next .w2-btns, .w2cs-next .w2-btn, .w2cs-next .w2-btn .wp-block-button__link { width: 100%; }
	.w2cs-next .w2-btn .wp-block-button__link { justify-content: space-between; }
}

@media (prefers-reduced-motion: reduce) {
	.w2cs-gal img, .w2cs-next__img img, .w2cs-step::before { transition: none; }
	.w2cs-gal figure:hover img, .w2cs-next:has(.w2cs-next__title a:hover) .w2cs-next__img img { transform: none; }
}