/* Case Studies archive — isolated, responsive and progressively enhanced. */
.case-archive-v2{--case-red:var(--c-brand);--case-dark:#101722;--case-muted:#637083;--case-line:#e2e7ed;--case-soft:#f6f8fa;color:var(--case-dark);background:#fff}.case-archive-v2 *{box-sizing:border-box}.case-archive-v2 .shell{width:min(100% - 48px,1440px);margin-inline:auto}.case-archive-v2 a{text-decoration:none}.case-archive-v2 h1,.case-archive-v2 h2,.case-archive-v2 h3{letter-spacing:-.035em}.section-eyebrow{margin:0 0 13px;color:var(--case-red);font-size:var(--font-size-caption);font-weight:var(--font-weight-heading);letter-spacing:.13em;text-transform:uppercase}.case-archive-breadcrumb{border-bottom:1px solid #edf0f3;background:#fff}.case-archive-breadcrumb .shell{display:flex;align-items:center;gap:9px;min-height:54px;color:#7d8998;font-size:var(--font-size-caption)}.case-archive-breadcrumb a{color:#687587}.case-archive-breadcrumb svg{width:14px}.case-archive-hero{overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fff 40%,#f4f6f8 40%)}.case-archive-hero__grid{display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);min-height:520px}.case-archive-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:58px 58px 52px 0}.case-archive-hero h1{max-width:700px;margin:0;font-size: var(--font-size-h1);line-height:var(--line-height-display)}.case-archive-hero__intro{max-width:650px;margin-top:22px;color:var(--case-muted);font-size:var(--font-size-lead);line-height:var(--line-height-relaxed)}.case-archive-hero__intro p{margin:0}.case-archive-hero__actions{display:flex;align-items:center;gap:26px;margin-top:30px}.case-archive-v2 .button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 23px;border:0;border-radius:5px;font-size:var(--font-size-small);font-weight:var(--font-weight-bold);cursor:pointer}.case-archive-v2 .button-primary{color:#fff;background:var(--case-red)}.case-archive-v2 .button svg,.case-text-link svg{width:16px}.case-text-link{display:inline-flex;align-items:center;gap:7px;color:var(--case-dark);font-weight:var(--font-weight-bold)}.case-metrics{display:flex;flex-wrap:wrap;gap:34px;margin:40px 0 0;padding:0;list-style:none}.case-metrics li{display:flex;align-items:center;gap:10px}.case-metrics svg{width:30px;height:30px;color:var(--case-red)}.case-metrics strong,.case-metrics small{display:block}.case-metrics strong{font-size:var(--font-size-h4)}.case-metrics small{max-width:120px;color:#7a8695;font-size:var(--font-size-caption);line-height:var(--line-height-heading)}.case-archive-hero__media{height:100%;min-height:520px;margin:0}.case-archive-hero__media picture{display:block;height:100%}.case-archive-hero__media img{width:100%;height:100%;object-fit:cover}.case-introduction{padding:82px 0;border-bottom:1px solid var(--case-line)}.case-introduction__grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:100px;align-items:start}.case-introduction h2,.case-browser h2,.case-taxonomy-section h2,.case-project-types h2,.case-related-solutions h2{margin:0;font-size: var(--font-size-h1);line-height:var(--line-height-heading)}.case-introduction__grid>div:last-child>p{margin:0;color:var(--case-muted);font-size:var(--font-size-lead);line-height:var(--line-height-relaxed)}.case-introduction__links{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px}.case-introduction__links a{color:var(--case-red);font-size:var(--font-size-small);font-weight:var(--font-weight-bold)}.case-browser{padding:82px 0;background:var(--case-soft)}.case-browser__heading,.case-section-header{display:flex;justify-content:space-between;align-items:end;gap:24px}.case-filter-form{display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(3,minmax(150px,1fr)) auto;gap:12px;align-items:end;margin-top:34px;padding:22px;background:#fff;border:1px solid var(--case-line);border-radius:8px;box-shadow:0 8px 30px rgba(16,23,34,.045)}.case-filter-form label>span:first-child{display:block;margin-bottom:8px;color:#556174;font-size:var(--font-size-caption);font-weight:var(--font-weight-heading);text-transform:uppercase;letter-spacing:.06em}.case-filter-form input,.case-filter-form select{width:100%;height:46px;padding:0 13px;border:1px solid #d8dee6;border-radius:4px;color:#283342;background:#fff;font:inherit;font-size:var(--font-size-small)}.case-search>span:last-child{position:relative;display:block}.case-search>span:last-child svg{position:absolute;top:15px;left:13px;width:16px;color:#8c97a5}.case-search input{padding-left:39px}.case-filter-form__actions{display:flex;align-items:center;gap:16px}.case-filter-form__actions>a{display:flex;align-items:center;gap:6px;color:#596678;font-size:var(--font-size-caption);font-weight:var(--font-weight-bold)}.case-filter-form__actions>a svg{width:15px}.case-filter-form__header,.case-mobile-filter-button{display:none}.case-active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.case-active-filters a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;color:var(--c-brand-dark);background:#ffecef;border-radius:30px;font-size:var(--font-size-caption);font-weight:var(--font-weight-bold)}.case-active-filters svg{width:13px}.case-results-summary{display:flex;gap:5px;align-items:center;margin:26px 0 18px;color:#667385;font-size:var(--font-size-small)}.case-results-summary strong{color:var(--case-dark);font-size:var(--font-size-lead)}.case-results-summary span{margin-left:auto}.case-featured-v2{display:grid;grid-template-columns:1.05fr .95fr;margin-bottom:34px;overflow:hidden;border:1px solid var(--case-line);border-radius:8px;background:#fff}.case-featured-v2__media{min-height:360px}.case-featured-v2__media img{width:100%;height:100%;object-fit:cover}.case-featured-v2__copy{display:flex;flex-direction:column;justify-content:center;padding:42px}.case-featured-v2 h2{margin:0;font-size: var(--font-size-h2);line-height:var(--line-height-display)}.case-featured-v2 h2 a{color:var(--case-dark)}.case-featured-v2__copy>p:not(.section-eyebrow){color:var(--case-muted);line-height:var(--line-height-relaxed)}.case-featured-v2 ul{display:flex;gap:32px;margin:21px 0 27px;padding:0;list-style:none}.case-featured-v2 li strong,.case-featured-v2 li span{display:block}.case-featured-v2 li strong{color:var(--case-red);font-size:var(--font-size-h3)}.case-featured-v2 li span{margin-top:3px;color:#697587;font-size:var(--font-size-caption)}.case-featured-v2 .button{align-self:flex-start}.case-study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.case-study-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--case-line);border-radius:7px;background:#fff;transition:transform .2s,box-shadow .2s}.case-study-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(16,23,34,.09)}.case-study-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:#e8ebee}.case-study-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.case-study-card:hover .case-study-card__media img{transform:scale(1.025)}.case-study-card__body{display:flex;flex:1;flex-direction:column;padding:23px}.case-study-card__terms{display:flex;flex-wrap:wrap;gap:7px}.case-study-card__terms a,.case-study-card__terms span{padding:5px 8px;color:var(--c-brand-dark);background:#fff0f2;border-radius:3px;font-size:var(--font-size-caption);font-weight:var(--font-weight-heading);text-transform:uppercase;letter-spacing:.04em}.case-study-card__terms span{color:#657184;background:#eef1f4}.case-study-card h3{margin:15px 0 10px;font-size:var(--font-size-h3);line-height:var(--line-height-heading)}.case-study-card h3 a{color:var(--case-dark)}.case-study-card__body>p{margin:0;color:var(--case-muted);font-size:var(--font-size-small);line-height:var(--line-height-relaxed)}.case-study-card__results{display:flex;flex-wrap:wrap;gap:12px 18px;margin:18px 0 0;padding:14px 0 0;border-top:1px solid #edf0f3;list-style:none;color:#667386;font-size:var(--font-size-caption)}.case-study-card__results strong{color:var(--case-red);font-size:var(--font-size-small)}.case-study-card__footer{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:auto;padding-top:20px}.case-study-card__footer span,.case-study-card__footer a{display:flex;align-items:center;gap:5px;font-size:var(--font-size-caption)}.case-study-card__footer span{color:#7c8796}.case-study-card__footer a{color:var(--case-red);font-weight:var(--font-weight-heading)}.case-study-card__footer svg{width:14px}.case-pagination{display:flex;justify-content:center;gap:7px;margin-top:42px}.case-pagination .page-numbers{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border:1px solid #d9dfe6;border-radius:4px;color:#526073;background:#fff;font-size:var(--font-size-caption);font-weight:var(--font-weight-bold)}.case-pagination .current{color:#fff;border-color:var(--case-red);background:var(--case-red)}.case-pagination .prev,.case-pagination .next{gap:7px}.case-empty-state{padding:65px 24px;text-align:center;border:1px dashed #ccd4dd;border-radius:8px;background:#fff}.case-empty-state>svg{width:44px;height:44px;color:var(--case-red)}.case-empty-state h3{margin:15px 0 7px;font-size:var(--font-size-h2)}.case-empty-state p{margin:0 0 22px;color:var(--case-muted)}.case-taxonomy-section,.case-project-types,.case-related-solutions{padding:82px 0}.case-section-header>a{display:flex;align-items:center;gap:7px;color:var(--case-red);font-size:var(--font-size-small);font-weight:var(--font-weight-heading)}.case-section-header>a svg{width:16px}.case-industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}.case-industry-grid article{position:relative;min-height:210px;padding:27px;border:1px solid var(--case-line);border-radius:7px}.case-industry-grid article>svg{width:37px;height:37px;padding:8px;color:var(--case-red);background:#fff0f2;border-radius:5px}.case-industry-grid h3{margin:22px 0 9px;font-size:var(--font-size-h4)}.case-industry-grid h3 a{color:var(--case-dark)}.case-industry-grid p{margin:0 0 18px;color:var(--case-muted);font-size:var(--font-size-caption);line-height:var(--line-height-copy)}.case-industry-grid article>a:last-child{display:flex;align-items:center;gap:6px;color:var(--case-red);font-size:var(--font-size-caption);font-weight:var(--font-weight-heading)}.case-industry-grid article>a svg{width:14px}.case-project-types{background:var(--case-soft)}.case-project-types>.shell>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:32px}.case-project-types a{display:flex;min-height:165px;flex-direction:column;align-items:center;justify-content:center;padding:22px;text-align:center;border:1px solid var(--case-line);border-radius:6px;color:var(--case-dark);background:#fff}.case-project-types a svg{width:42px;height:42px;margin-bottom:16px;color:var(--case-red)}.case-project-types a strong{font-size:var(--font-size-body)}.case-project-types a span{margin-top:6px;color:#778393;font-size:var(--font-size-caption)}.case-related-solutions>div>div:last-child{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:32px}.case-related-solutions article{padding:27px;border:1px solid var(--case-line);border-top:3px solid var(--case-red);border-radius:4px}.case-related-solutions article>span{color:var(--case-red);font-size:var(--font-size-caption);font-weight:var(--font-weight-heading);text-transform:uppercase}.case-related-solutions h3{margin:13px 0 10px;font-size:var(--font-size-h4)}.case-related-solutions h3 a{color:var(--case-dark)}.case-related-solutions p{min-height:64px;color:var(--case-muted);font-size:var(--font-size-caption);line-height:var(--line-height-base)}.case-related-solutions article>a:last-child{display:flex;align-items:center;gap:6px;color:var(--case-red);font-size:var(--font-size-caption);font-weight:var(--font-weight-heading)}.case-related-solutions svg{width:14px}
@media(min-width:1680px){.case-study-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.case-archive-hero__grid{grid-template-columns:1fr 1fr}.case-archive-hero__copy{padding-right:34px}.case-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.case-filter-form__actions{align-self:end}.case-study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-project-types>.shell>div{grid-template-columns:repeat(3,minmax(0,1fr))}.case-related-solutions>div>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.case-archive-v2 .shell{width:min(100% - 32px,1440px)}.case-archive-hero{background:#fff}.case-archive-hero__grid{grid-template-columns:1fr}.case-archive-hero__copy{padding:46px 0 38px}.case-archive-hero h1{font-size:var(--font-size-h2)}.case-archive-hero__intro{font-size:var(--font-size-body)}.case-archive-hero__actions{align-items:flex-start;flex-direction:column}.case-metrics{gap:20px}.case-archive-hero__media{min-height:0;aspect-ratio:16/10;margin-inline:-16px}.case-introduction,.case-browser,.case-taxonomy-section,.case-project-types,.case-related-solutions{padding:58px 0}.case-introduction__grid{grid-template-columns:1fr;gap:24px}.case-browser__heading{align-items:center}.case-mobile-filter-button{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #d6dde5;border-radius:4px;color:#3f4c5c;background:#fff;font-weight:var(--font-weight-bold)}.case-mobile-filter-button svg{width:17px}.case-mobile-filter-button span{display:grid;width:20px;height:20px;place-items:center;color:#fff;background:var(--case-red);border-radius:50%;font-size:var(--font-size-caption)}.case-filter-form{position:fixed;z-index:10001;right:0;bottom:0;left:0;display:flex;max-height:88vh;flex-direction:column;align-items:stretch;margin:0;padding:20px 20px 28px;overflow:auto;border-radius:14px 14px 0 0;box-shadow:0 -16px 60px rgba(0,0,0,.22);transform:translateY(105%);transition:transform .25s}.case-filter-form.is-open{transform:translateY(0)}.case-filter-form__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.case-filter-form__header button{display:grid;width:36px;height:36px;place-items:center;border:0;background:transparent}.case-filter-form__header svg{width:20px}.case-filter-form label{width:100%}.case-filter-form__actions{margin-top:5px}.case-filter-form__actions .button{flex:1}.case-filter-backdrop{position:fixed;z-index:10000;inset:0;background:rgba(7,13,22,.55)}body.case-filters-open{overflow:hidden}.case-results-summary span{display:none}.case-featured-v2{grid-template-columns:1fr}.case-featured-v2__media{min-height:0;aspect-ratio:16/10}.case-featured-v2__copy{padding:28px}.case-featured-v2 ul{gap:18px}.case-study-grid{grid-template-columns:1fr}.case-study-card h3{font-size:var(--font-size-h4)}.case-industry-grid{grid-template-columns:1fr}.case-section-header{align-items:flex-start;flex-direction:column}.case-project-types>.shell>div{display:flex;margin-right:-16px;padding-right:16px;overflow:auto;scroll-snap-type:x mandatory}.case-project-types a{min-width:210px;scroll-snap-align:start}.case-related-solutions>div>div:last-child{grid-template-columns:1fr}.pagination-label{display:none}}
@media(prefers-reduced-motion:reduce){.case-study-card,.case-study-card__media img,.case-filter-form{transition:none}}

@media(min-width:1025px){.case-archive-v2 .shell{width:min(92.5%,1440px)}}

/* Case archive presentation layer: preserve the reference proportions while
 * keeping the project library visible and usable.
 */
body.post-type-archive-case .case-archive-v2 :is(section, article, a[class*="card"], [class*="grid"] > li) {
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}

body.post-type-archive-case .case-archive-v2 {
	--case-red: var(--c-brand);
	--case-dark: #101722;
	--case-muted: #566275;
	--case-line: #e1e6ec;
	--case-soft: #f7f9fb;
	background: #fff;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}

body.post-type-archive-case .site-footer.site-footer .shell {
	width: min(calc(100% - (var(--tongyi-home-frame-gutter, 48px) * 2)), var(--tongyi-home-frame-shell, 1720px)) !important;
	max-width: var(--tongyi-home-frame-shell, 1720px) !important;
	margin-inline: auto !important;
}

body.post-type-archive-case .case-archive-v2 .site-breadcrumbs__inner.shell {
	min-height: 58px;
	font-size: 13px;
}

body.post-type-archive-case .case-archive-hero {
	height: auto !important;
	min-height: 0 !important;
	padding: 0 0 34px;
	background: #fff;
	overflow: hidden;
}

body.post-type-archive-case .case-archive-hero__grid {
	grid-template-columns: minmax(0, 44%) minmax(0, 56%);
	align-items: center;
	min-height: 400px;
	height: auto !important;
}

body.post-type-archive-case .case-archive-hero__copy {
	justify-content: center;
	padding: 42px 48px 32px 0;
}

body.post-type-archive-case .case-archive-hero h1 {
	max-width: 540px;
	font-size: clamp(48px, 4.1vw, 64px);
	line-height: 1.04;
	letter-spacing: -0.055em;
}

body.post-type-archive-case .case-archive-hero__intro {
	max-width: 530px;
	margin-top: 22px;
	font-size: 16px;
	line-height: 1.72;
	color: var(--case-muted);
}

body.post-type-archive-case .case-archive-hero__actions {
	display: flex;
}

body.post-type-archive-case .case-metrics {
	display: flex !important;
	grid-template-columns: none !important;
	flex-wrap: nowrap;
	align-items: center;
	gap: clamp(28px, 3.2vw, 52px);
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	margin-top: 38px;
	margin-bottom: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

body.post-type-archive-case .case-metrics li {
	display: flex !important;
	flex: 0 0 auto;
	gap: 13px;
	width: auto !important;
	padding: 0 !important;
	border: 0 !important;
	text-align: left !important;
}

body.post-type-archive-case .case-metrics svg {
	width: 34px;
	height: 34px;
	stroke-width: 1.8;
}

body.post-type-archive-case .case-metrics strong {
	font-size: 18px;
	line-height: 1.1;
}

body.post-type-archive-case .case-metrics small {
	max-width: 94px;
	font-size: 11px;
	line-height: 1.25;
}

body.post-type-archive-case .case-archive-hero__media {
	position: relative;
	min-height: 392px;
	height: 392px;
	margin: 0;
	overflow: hidden;
}

body.post-type-archive-case .case-archive-hero__media::before {
	content: "";
	position: absolute;
	z-index: 2;
	inset: 0 auto 0 0;
	width: 34%;
	background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.88) 42%, rgba(255,255,255,0) 100%);
	pointer-events: none;
}

body.post-type-archive-case .case-archive-hero__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

body.post-type-archive-case .case-introduction {
	display: none;
}

html body.post-type-archive-case main.case-archive-v2 .section-eyebrow {
	color: var(--case-red) !important;
}

body.post-type-archive-case .case-browser {
	padding: 36px 0 48px;
	background: #fff;
}

body.post-type-archive-case .case-filter-form__header {
	display: none !important;
}

body.post-type-archive-case .case-filter-form {
	display: grid;
	grid-template-columns: minmax(220px, 1.45fr) repeat(3, minmax(150px, 1fr)) auto;
	gap: 10px;
	align-items: stretch;
	width: 100%;
	margin: 28px 0 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.post-type-archive-case .case-filter-form label {
	min-width: 0;
}

body.post-type-archive-case .case-filter-form label > span:first-child {
	display: block;
}

body.post-type-archive-case .case-filter-form input,
body.post-type-archive-case .case-filter-form select {
	height: 50px;
	border-radius: 4px;
	border: 1px solid var(--case-line);
	padding: 0 20px;
	font-size: 12px;
	font-weight: 700;
	color: #1d2735;
}

body.post-type-archive-case .case-filter-form label:first-of-type select {
	border-radius: 4px;
}

body.post-type-archive-case .case-filter-form label:nth-of-type(4) select {
	border-right: 1px solid var(--case-line);
	border-radius: 4px;
}

body.post-type-archive-case .case-filter-form__actions {
	display: flex;
	align-items: flex-end;
	gap: 10px;
	width: auto;
	margin-left: 0;
}

body.post-type-archive-case .case-filter-form__actions .button {
	display: inline-flex;
	min-height: 50px;
	white-space: nowrap;
}

body.post-type-archive-case .case-filter-form__actions > a {
	justify-content: center;
	width: auto;
	height: 50px;
	padding: 0 16px;
	border: 1px solid var(--case-red);
	border-radius: 4px;
	color: var(--case-red);
	font-size: 12px;
	font-weight: 800;
	background: #fff;
	transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

body.post-type-archive-case .case-filter-form__actions > a:hover,
body.post-type-archive-case .case-filter-form__actions > a:focus-visible {
	background: #fff4f5;
	border-color: var(--c-brand);
	color: var(--c-brand);
}

body.post-type-archive-case .case-filter-form__actions > a svg {
	display: block;
}

body.post-type-archive-case .case-featured-v2 + .case-study-grid {
	margin-top: 32px;
}

body.post-type-archive-case .case-empty-state__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 14px 22px;
}

body.post-type-archive-case .case-empty-state__link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--case-red);
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-bold);
}

body.post-type-archive-case .case-empty-state__link svg {
	width: 16px;
}

body.post-type-archive-case .case-featured-v2 {
	grid-template-columns: 48% 52%;
	min-height: 540px;
	margin: 0;
	border-radius: 6px;
	box-shadow: none;
}

body.post-type-archive-case .case-featured-v2__media {
	min-height: 540px;
}

body.post-type-archive-case .case-featured-v2__copy {
	justify-content: center;
	padding: 72px 64px;
}

body.post-type-archive-case .case-featured-v2 .section-eyebrow {
	margin-bottom: 22px;
	font-size: 12px !important;
	line-height: 1.35 !important;
	letter-spacing: 0.16em !important;
}

body.post-type-archive-case .case-featured-v2 h2 {
	max-width: 720px;
	font-size: clamp(34px, 2.6vw, 42px) !important;
	line-height: 1.16 !important;
	letter-spacing: -0.045em !important;
}

body.post-type-archive-case .case-featured-v2__copy > p:not(.section-eyebrow) {
	max-width: 700px;
	margin-top: 14px;
	margin-bottom: 0;
	font-size: 16px !important;
	line-height: 1.78 !important;
}

body.post-type-archive-case .case-featured-v2 ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 34px;
	width: min(100%, 640px);
	margin: 52px 0 42px;
}

body.post-type-archive-case .case-featured-v2 li strong {
	font-size: 24px !important;
	line-height: 1.1 !important;
}

body.post-type-archive-case .case-featured-v2 li span {
	margin-top: 12px;
	font-size: 13px !important;
	line-height: 1.45 !important;
}

body.post-type-archive-case .case-featured-v2 .button {
	min-width: 240px;
	min-height: 64px;
	padding-inline: 30px;
	font-size: 15px !important;
}

body.post-type-archive-case .case-taxonomy-section,
body.post-type-archive-case .case-project-types,
body.post-type-archive-case .case-related-solutions {
	padding: 64px 0 0;
	background: #fff;
}

body.post-type-archive-case .case-section-header {
	display: block;
}

body.post-type-archive-case .case-section-header > a {
	display: none;
}

body.post-type-archive-case .case-taxonomy-section h2,
body.post-type-archive-case .case-project-types h2,
body.post-type-archive-case .case-related-solutions h2 {
	margin: 0;
	font-size: clamp(30px, 2.3vw, 36px);
	line-height: 1.18;
	letter-spacing: -0.04em;
}

body.post-type-archive-case .section-eyebrow {
	margin-bottom: 12px;
	font-size: 11px;
	font-weight: 850;
	letter-spacing: .18em;
	color: var(--case-red);
}

body.post-type-archive-case .case-industry-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 24px;
	margin-top: 30px;
}

body.post-type-archive-case .case-industry-grid article {
	display: flex;
	min-height: 376px;
	flex-direction: column;
	padding: 0 18px 20px;
	overflow: hidden;
	border-radius: 6px;
	background: #fff;
}

body.post-type-archive-case .case-industry-card__media {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0 -18px;
	height: 158px;
	overflow: hidden;
	background: #edf1f4;
}

body.post-type-archive-case .case-industry-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.post-type-archive-case .case-industry-card__placeholder {
	display: grid;
	height: 100%;
	place-content: center;
	place-items: center;
	gap: 8px;
	color: #7b8794;
	background: linear-gradient(135deg, #edf1f4, #f7f9fa);
	font-size: 12px;
	letter-spacing: .04em;
}

body.post-type-archive-case .case-industry-card__placeholder svg {
	width: 32px;
	height: 32px;
}

body.post-type-archive-case .case-industry-card__icon {
	position: relative;
	z-index: 3;
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	margin-top: -21px;
	border: 1px solid #ffd1d6;
	border-radius: 8px;
	background: #fff;
	color: var(--case-red);
	box-shadow: 0 10px 22px rgba(16, 23, 34, .08);
}

body.post-type-archive-case .case-industry-card__icon svg {
	position: relative;
	z-index: 1;
	width: 24px;
	height: 24px;
	stroke-width: 1.9;
}

body.post-type-archive-case .case-industry-grid h3 {
	margin: 16px 0 10px;
	font-size: 17px;
	letter-spacing: -0.02em;
}

body.post-type-archive-case .case-industry-grid p {
	min-height: 66px;
	font-size: 13px;
	line-height: 1.55;
}

body.post-type-archive-case .case-industry-grid article > a:last-child {
	margin-top: auto;
	justify-content: space-between;
	font-size: 13px;
}

body.post-type-archive-case .case-project-types > .shell > div {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 24px;
	margin-top: 28px;
}

body.post-type-archive-case .case-project-types a {
	min-height: 158px;
	border-radius: 6px;
}

body.post-type-archive-case .case-project-types a svg {
	width: 46px;
	height: 46px;
	margin-bottom: 18px;
	stroke-width: 1.65;
}

body.post-type-archive-case .case-project-types a strong {
	font-size: 15px;
}

body.post-type-archive-case .case-related-solutions {
	padding-bottom: 54px;
}

body.post-type-archive-case .case-related-solutions > div > div:last-child {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 24px;
	margin-top: 28px;
}

body.post-type-archive-case .case-related-solutions article {
	min-height: 148px;
	padding: 24px;
	border: 1px solid var(--case-line);
	border-radius: 6px;
	border-top: 1px solid var(--case-line);
}

body.post-type-archive-case .case-related-solutions article > span {
	display: grid;
	width: 28px;
	height: 28px;
	place-items: center;
	margin-bottom: 18px;
	border-radius: 3px;
	background: #fff0f2;
	font-size: 14px;
}

body.post-type-archive-case .case-related-solutions h3 {
	margin: 0 0 8px;
	font-size: 16px;
}

body.post-type-archive-case .case-related-solutions p {
	min-height: 0;
	margin: 0;
}

body.post-type-archive-case .case-archive-closing {
	padding-bottom: 58px;
}

@media (max-width: 1100px) {
	body.post-type-archive-case .case-filter-form {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	body.post-type-archive-case .case-filter-form select {
		width: 100%;
		border: 1px solid var(--case-line);
		border-radius: 4px;
	}

	body.post-type-archive-case .case-filter-form__actions {
		grid-column: 1 / -1;
		width: 100%;
		margin-left: 0;
	}

	body.post-type-archive-case .case-filter-form__actions .button,
	body.post-type-archive-case .case-filter-form__actions > a {
		flex: 1 1 0;
		width: auto;
	}

	body.post-type-archive-case .case-industry-grid,
	body.post-type-archive-case .case-project-types > .shell > div,
	body.post-type-archive-case .case-related-solutions > div > div:last-child {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	body.post-type-archive-case .case-archive-hero__grid,
	body.post-type-archive-case .case-featured-v2 {
		grid-template-columns: minmax(0, 1fr);
	}

	body.post-type-archive-case .case-featured-v2 {
		min-height: 0;
	}

	body.post-type-archive-case .case-featured-v2 > * {
		min-width: 0;
	}

	body.post-type-archive-case .case-featured-v2__media {
		width: 100%;
		min-height: 0;
		aspect-ratio: 16 / 10;
		overflow: hidden;
	}

	body.post-type-archive-case .case-archive-hero__copy {
		padding: 34px 0 24px;
	}

	html body.post-type-archive-case main#main-content .case-archive-hero p {
		min-width: 0;
		max-width: 100%;
		overflow-wrap: anywhere;
		word-break: break-word;
	}

	body.post-type-archive-case .case-archive-hero__media {
		height: auto;
		min-height: 0;
		aspect-ratio: 16 / 10;
	}

	body.post-type-archive-case .case-filter-form {
		position: static;
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
		margin-top: 22px;
		transform: none;
	}

	body.post-type-archive-case .case-mobile-filter-button {
		display: none;
	}

	body.post-type-archive-case .case-filter-form select,
	body.post-type-archive-case .case-filter-form__actions > a {
		width: 100%;
		border: 1px solid var(--case-line);
		border-radius: 4px;
	}

	body.post-type-archive-case .case-industry-grid,
	body.post-type-archive-case .case-project-types > .shell > div,
	body.post-type-archive-case .case-related-solutions > div > div:last-child {
		grid-template-columns: 1fr;
	}

	body.post-type-archive-case .case-project-types > .shell > div {
		display: grid;
		margin-right: 0;
		padding-right: 0;
		overflow: visible;
		scroll-snap-type: none;
	}

	body.post-type-archive-case .case-project-types a {
		min-width: 0;
	}

	html.case-filter-drawer-ready body.post-type-archive-case .case-mobile-filter-button {
		display: flex;
	}

	html.case-filter-drawer-ready body.post-type-archive-case .case-filter-form {
		position: fixed;
		z-index: 10001;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		max-height: 88vh;
		flex-direction: column;
		align-items: stretch;
		margin: 0;
		padding: 20px 20px 28px;
		overflow: auto;
		border: 0;
		border-radius: 8px 8px 0 0;
		background: #fff;
		box-shadow: 0 -16px 60px rgba(0, 0, 0, .22);
		transform: translateY(105%);
		transition: transform .25s;
	}

	html.case-filter-drawer-ready body.post-type-archive-case .case-filter-form.is-open {
		transform: translateY(0);
	}

html.case-filter-drawer-ready body.post-type-archive-case .case-filter-form__header {
		display: flex !important;
	}
}

body.post-type-archive-case .case-archive-v2 * {
	letter-spacing: 0 !important;
}

body.post-type-archive-case {
	--case-red: var(--c-brand);
	--case-dark: #101722;
	--case-muted: #637083;
	--case-line: #e2e7ed;
	--case-soft: #f6f8fa;
}

body.post-type-archive-case > .case-filter-form,
body.post-type-archive-case > .case-filter-form * {
	box-sizing: border-box;
	letter-spacing: 0 !important;
}

body.post-type-archive-case > .case-filter-form .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 48px;
	padding: 0 23px;
	border: 0;
	border-radius: 5px;
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-bold);
	cursor: pointer;
}

body.post-type-archive-case > .case-filter-form .button-primary {
	color: #fff;
	background: var(--case-red);
}

html body.post-type-archive-case main#main-content.case-archive-v2 :is(h1, h2, h3, h4, h5, h6):not(.sr-only):not(.screen-reader-text) {
	letter-spacing: 0 !important;
}

html body.post-type-archive-case main#main-content.case-archive-v2 :is([class*="eyebrow"], [class*="kicker"], [class*="overline"]) {
	letter-spacing: 0 !important;
}

html body.post-type-archive-case main#main-content.case-archive-v2 .case-archive-hero h1:not(.sr-only):not(.screen-reader-text) {
	font-size: 64px !important;
}

html body.post-type-archive-case main#main-content.case-archive-v2 .case-featured-v2 h2:not(.sr-only):not(.screen-reader-text) {
	font-size: 42px !important;
}

html body.post-type-archive-case main#main-content.case-archive-v2 .case-taxonomy-section h2:not(.sr-only):not(.screen-reader-text),
html body.post-type-archive-case main#main-content.case-archive-v2 .case-project-types h2:not(.sr-only):not(.screen-reader-text),
html body.post-type-archive-case main#main-content.case-archive-v2 .case-related-solutions h2:not(.sr-only):not(.screen-reader-text) {
	font-size: 36px !important;
}

@media (max-width: 1100px) {
	html body.post-type-archive-case main#main-content.case-archive-v2 .case-archive-hero h1:not(.sr-only):not(.screen-reader-text) {
		font-size: 42px !important;
	}

	html body.post-type-archive-case main#main-content.case-archive-v2 .case-featured-v2 h2:not(.sr-only):not(.screen-reader-text) {
		font-size: 36px !important;
	}

	html body.post-type-archive-case main#main-content.case-archive-v2 .case-taxonomy-section h2:not(.sr-only):not(.screen-reader-text),
	html body.post-type-archive-case main#main-content.case-archive-v2 .case-project-types h2:not(.sr-only):not(.screen-reader-text),
	html body.post-type-archive-case main#main-content.case-archive-v2 .case-related-solutions h2:not(.sr-only):not(.screen-reader-text) {
		font-size: 32px !important;
	}
}

@media (max-width: 760px) {
	html body.post-type-archive-case main#main-content.case-archive-v2 .case-archive-hero h1:not(.sr-only):not(.screen-reader-text) {
		font-size: 40px !important;
	}

	html body.post-type-archive-case main#main-content.case-archive-v2 .case-featured-v2 h2:not(.sr-only):not(.screen-reader-text) {
		font-size: 34px !important;
	}

	html body.post-type-archive-case main#main-content.case-archive-v2 .case-taxonomy-section h2:not(.sr-only):not(.screen-reader-text),
	html body.post-type-archive-case main#main-content.case-archive-v2 .case-project-types h2:not(.sr-only):not(.screen-reader-text),
	html body.post-type-archive-case main#main-content.case-archive-v2 .case-related-solutions h2:not(.sr-only):not(.screen-reader-text) {
		font-size: 30px !important;
	}
}

@media (max-width: 390px) {
	html body.post-type-archive-case main#main-content.case-archive-v2 .case-archive-hero h1:not(.sr-only):not(.screen-reader-text) {
		font-size: 36px !important;
	}
}

/* Crawlable navigation for case-solution collections that contain enough
 * project evidence to remain indexable. */
.case-solution-hubs {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 14px 22px;
	margin-top: 28px;
}

.case-solution-hubs > strong {
	color: #556174;
	font-size: var(--font-size-caption);
	text-transform: uppercase;
}

.case-solution-hubs > div {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.case-solution-hubs a {
	min-height: 40px;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 8px 12px;
	color: var(--case-dark);
	background: #fff;
	border: 1px solid var(--case-line);
	border-radius: 4px;
	font-size: var(--font-size-caption);
	font-weight: var(--font-weight-bold);
}

.case-solution-hubs a:hover,
.case-solution-hubs a:focus-visible {
	color: var(--case-red);
	border-color: var(--case-red);
}

.case-solution-hubs a span {
	display: inline-grid;
	min-width: 22px;
	height: 22px;
	place-items: center;
	padding-inline: 5px;
	color: #fff;
	background: var(--case-red);
	border-radius: 11px;
	font-size: var(--font-size-micro);
}

@media (max-width: 760px) {
	.case-solution-hubs {
		grid-template-columns: minmax(0, 1fr);
	}

	.case-solution-hubs a,
	.case-study-card__terms a,
	.case-industry-grid h3 a,
	.case-related-solutions h3 a {
		min-height: 44px;
		display: inline-flex;
		align-items: center;
	}

	.case-filter-form__header button {
		width: 44px;
		height: 44px;
	}
}
