.work-showcase {
	 background: #fff;
 }

 .work-intro {
	 max-width: 900px;
	 margin: 0 auto 2.5rem;
	 text-align: center;
 }

 .work-intro p {
	 color: var(--text-secondary);
 }

 .work-grid {
	 max-width: 1100px;
	 margin: 0 auto;
	 display: grid;
	 grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	 gap: 1.5rem;
 }

 .work-card {
	 background: var(--card-bg-light);
	 border-radius: 20px;
	overflow: visible;
	 border: 1px solid rgba(148, 163, 184, 0.2);
	 box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
	 display: flex;
	 flex-direction: column;
 }

.work-image {
	margin: 1rem 1rem 0;
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
}

.work-image img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: top;
	display: block;
}

 .work-card-body {
	 padding: 1.5rem;
	 display: grid;
	 gap: 0.75rem;
	flex: 1;
 }

 .work-card-body p {
	 color: var(--text-secondary);
 }

 .work-card-head {
	 display: flex;
	align-items: flex-start;
	 justify-content: space-between;
	 gap: 0.75rem;
 }

.work-card-head h3 {
	margin: 0;
}

 .work-tag {
	 font-size: 0.75rem;
	 font-weight: 600;
	 padding: 0.3rem 0.7rem;
	 border-radius: 999px;
	 background: rgba(102, 204, 255, 0.18);
	 color: var(--brand-accent);
	white-space: nowrap;
	flex-shrink: 0;
 }

 .work-actions .text-link {
	 font-weight: 600;
 }

.work-actions {
	margin-top: auto;
}

 .work-cases {
	 background: var(--card-bg-light);
 }

 .work-cases-inner {
	 max-width: 1100px;
	 margin: 0 auto;
	 text-align: center;
 }

 .case-grid {
	 margin-top: 2.5rem;
	 display: grid;
	 grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	 gap: 1.5rem;
	 text-align: left;
 }

 .case-card {
	 background: #fff;
	 border-radius: 20px;
	 border: 1px solid rgba(148, 163, 184, 0.2);
	 padding: 1.75rem;
 }

 .case-card p {
	 color: var(--text-secondary);
	 margin-bottom: 1rem;
 }

 .case-card ul {
	 margin: 0;
	 padding-left: 1.1rem;
	 color: var(--text-secondary);
	 display: grid;
	 gap: 0.5rem;
 }

 @media (max-width: 768px) {
	 .work-intro {
		 text-align: left;
	 }

	 .work-card img {
		 height: 180px;
	 }
 }