.vccs-showcase {
	--vccs-bg: #050507;
	--vccs-panel: #0d0d12;
	--vccs-primary: #8e44ad;
	--vccs-secondary: #0047ff;
	--vccs-text: #f7f4ff;
	--vccs-muted: #aaa5b5;
	--vccs-card-width: 79vw;
	--vccs-space-top: 7rem;
	--vccs-space-bottom: 2rem;
	--vccs-line: rgba(255, 255, 255, 0.11);
	position: relative;
	z-index: 2;
	min-width: 0;
	background: var(--vccs-bg);
	color: var(--vccs-text);
	font-family: Inter, system-ui, sans-serif;
	overflow: hidden;
}

/* Editorial case-study treatment inspired by the supplied reference. */
.vccs-showcase {
	--vccs-bg: #12140e;
	--vccs-panel: #1a1c14;
	--vccs-primary: #8fa878;
	--vccs-secondary: #c08a4e;
	--vccs-text: #f2efe3;
	--vccs-muted: #a9a99a;
	--vccs-line: rgba(242,239,227,.1);
	font-family: Inter, system-ui, sans-serif;
}
.vccs-showcase__ambient { background-size: 34px 34px; opacity: .65; }
.vccs-showcase__ambient span { opacity: .08; filter: blur(120px); }
.vccs-showcase__header h2,
.vccs-card__content h3,
.vccs-card__metrics dt,
.vccs-card__media > span { font-family: Fraunces, Georgia, serif; font-weight: 500; }
.vccs-showcase__header h2 { font-size: clamp(2.3rem, 4.2vw, 4.4rem); letter-spacing: -.025em; line-height: 1.04; }
.vccs-showcase__header h2 em { background: none; color: var(--vccs-primary); font-style: italic; }
.vccs-showcase__intro { color: var(--vccs-muted); }
.vccs-card { min-height: clamp(480px, 58vh, 580px); border-radius: 6px; background: var(--vccs-panel); box-shadow: 0 24px 70px rgba(0,0,0,.22); }
.vccs-card__link { grid-template-columns: .82fr 1fr; }
.vccs-card__visual { background: radial-gradient(120% 100% at 20% 15%, rgba(143,168,120,.14), transparent 60%), #21241a; border-right: 1px solid var(--vccs-line); }
.vccs-card__grid { background-size: 34px 34px; opacity: .7; }
.vccs-card__media { width: clamp(12rem, 20vw, 16rem); border-radius: 50%; background: #f2efe3; box-shadow: 0 0 0 18px rgba(143,168,120,.07), 0 0 0 40px rgba(143,168,120,.04), 0 30px 70px rgba(0,0,0,.3); }
.vccs-card__media::before { border-color: rgba(143,168,120,.36); }
.vccs-card__media::after { border-color: rgba(143,168,120,.16); }
.vccs-card__content { padding: clamp(2rem, 4vw, 3.5rem); }
.vccs-card__content h3 { font-size: clamp(2rem, 3.2vw, 3.25rem); line-height: 1.1; }
.vccs-card__services li { border-color: rgba(143,168,120,.28); background: rgba(143,168,120,.08); }
.vccs-showcase__arrow { border-color: var(--vccs-line); border-radius: 50%; }
.vccs-showcase__dots button { background: #6e6f60; }
.vccs-showcase__dots button[aria-current="true"] { background: var(--vccs-primary); }

.vccs-showcase *, .vccs-showcase *::before, .vccs-showcase *::after { box-sizing: border-box; }

.vccs-showcase__pin {
	position: relative;
	padding: var(--vccs-space-top) 0 var(--vccs-space-bottom);
	overflow: hidden;
	isolation: isolate;
}

.vccs-showcase__ambient {
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-image: linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
	background-size: 52px 52px;
	-webkit-mask-image: linear-gradient(to bottom,transparent,#000 18%,#000 86%,transparent);
	mask-image: linear-gradient(to bottom,transparent,#000 18%,#000 86%,transparent);
}

.vccs-showcase__ambient span { position:absolute; width:min(52vw,760px); aspect-ratio:1; border-radius:50%; filter:blur(110px); opacity:.15; }
.vccs-showcase__ambient span:first-child { top:-34%; left:-10%; background:var(--vccs-primary); }
.vccs-showcase__ambient span:last-child { right:-14%; bottom:-48%; background:var(--vccs-secondary); }

.vccs-showcase__header, .vccs-showcase__footer, .vccs-showcase__viewport { width:min(100% - clamp(2rem,8vw,9rem), min(var(--vccs-card-width),1160px)); margin-inline:auto; }
.vccs-showcase__header { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr); align-items:end; gap:2rem; padding-bottom:clamp(1.5rem,3vw,2.35rem); }
.vccs-showcase__eyebrow, .vccs-card__meta { margin:0; color:#c5bfce; font-size:.72rem; font-weight:600; letter-spacing:.14em; line-height:1.4; text-transform:uppercase; }
.vccs-showcase__eyebrow { display:flex; align-items:center; gap:.65rem; margin-bottom:.7rem; }
.vccs-showcase__eyebrow > span { width:.48rem; height:.48rem; border-radius:50%; background:var(--vccs-primary); box-shadow:0 0 16px color-mix(in srgb,var(--vccs-primary) 75%,transparent); }
.vccs-showcase__header h2 { max-width:760px; margin:0; color:var(--vccs-text); font-family:"Funnel Display",Inter,sans-serif; font-size:clamp(2.4rem,4.8vw,5.2rem); font-weight:650; letter-spacing:-.04em; line-height:.96; }
.vccs-showcase__header h2 em { background:linear-gradient(105deg,var(--vccs-primary),var(--vccs-secondary)); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:inherit; }
.vccs-showcase__intro { max-width:31rem; margin:0 0 .35rem; color:var(--vccs-muted); font-size:clamp(.92rem,1.15vw,1.06rem); line-height:1.7; }

.vccs-showcase__viewport { overflow:hidden; outline:none; border-radius:clamp(1.25rem,2vw,2rem); }
.vccs-showcase__track { display:flex; align-items:stretch; width:100%; transform:translate3d(0,0,0); transition:transform .58s cubic-bezier(.22,.76,.24,1); will-change:transform; }

.vccs-card {
	--vccs-accent:#9e52c5;
	--vccs-rgb:158,82,197;
	flex:0 0 100%;
	min-width:0;
	min-height:clamp(520px,55vh,620px);
	border:1px solid var(--vccs-line);
	border-radius:clamp(1.25rem,2vw,2rem);
	background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),var(--vccs-panel);
	box-shadow:0 30px 90px rgba(0,0,0,.34);
	overflow:hidden;
	transition:border-color .25s ease,opacity .35s ease;
}
.vccs-card--green { --vccs-accent:#68c594; --vccs-rgb:104,197,148; }
.vccs-card--amber { --vccs-accent:#d8a65c; --vccs-rgb:216,166,92; }
.vccs-card--blue { --vccs-accent:#597bff; --vccs-rgb:89,123,255; }
.vccs-card:not([data-active]) { opacity:.62; }
.vccs-card[data-active] { border-color:rgba(var(--vccs-rgb),.42); opacity:1; }
.vccs-card__link { display:grid; grid-template-columns:minmax(17rem,.9fr) minmax(25rem,1.1fr); width:100%; height:100%; color:inherit; text-decoration:none; }
.vccs-card__link:focus-visible { outline:3px solid var(--vccs-accent); outline-offset:-5px; }

.vccs-card__visual { position:relative; display:grid; place-items:center; min-width:0; padding:clamp(1.5rem,3vw,3rem); background:radial-gradient(circle at 50% 42%,rgba(var(--vccs-rgb),.3),transparent 38%),linear-gradient(145deg,rgba(var(--vccs-rgb),.13),rgba(5,5,7,.72)); overflow:hidden; }
.vccs-card__grid { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:38px 38px; -webkit-mask-image:radial-gradient(circle at center,#000,transparent 78%); mask-image:radial-gradient(circle at center,#000,transparent 78%); }
.vccs-card__number { position:absolute; top:1.25rem; left:1.4rem; color:rgba(255,255,255,.45); font-size:.68rem; font-weight:600; letter-spacing:.16em; }
.vccs-card__media { position:relative; display:grid; place-items:center; width:clamp(11rem,19vw,16rem); aspect-ratio:1; border:1px solid rgba(255,255,255,.14); border-radius:50%; background:#f5f3f1; box-shadow:0 0 0 18px rgba(var(--vccs-rgb),.07),0 0 0 40px rgba(var(--vccs-rgb),.04),0 30px 70px rgba(0,0,0,.36); overflow:hidden; }
.vccs-card__media::before,.vccs-card__media::after { content:""; position:absolute; inset:-19px; border:1px solid rgba(var(--vccs-rgb),.32); border-radius:inherit; }
.vccs-card__media::after { inset:-41px; border-color:rgba(var(--vccs-rgb),.15); }
.vccs-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.75,.2,1); }
.vccs-card__media > span { color:#101016; font-family:"Funnel Display",Inter,sans-serif; font-size:clamp(3rem,6vw,5.8rem); font-weight:750; letter-spacing:-.04em; }
.vccs-card:hover .vccs-card__media img { transform:scale(1.045); }
.vccs-card__visual > p { position:absolute; bottom:1.35rem; left:1.4rem; max-width:70%; margin:0; color:rgba(255,255,255,.58); font-size:.67rem; font-weight:600; letter-spacing:.1em; line-height:1.4; text-transform:uppercase; }

.vccs-card__content { display:flex; flex-direction:column; min-width:0; padding:clamp(1.6rem,3.2vw,3.4rem); }
.vccs-card__meta span { margin-inline:.35rem; color:var(--vccs-accent); }
.vccs-card__content h3 { max-width:720px; margin:clamp(1rem,2vh,1.5rem) 0 0; color:var(--vccs-text); font-family:"Funnel Display",Inter,sans-serif; font-size:clamp(1.8rem,2.8vw,3.2rem); font-weight:620; letter-spacing:-.03em; line-height:1.04; }
.vccs-card__summary { max-width:670px; margin:clamp(.8rem,1.7vh,1.25rem) 0 0; color:var(--vccs-muted); font-size:clamp(.86rem,1vw,1rem); line-height:1.65; }
.vccs-card__services { display:flex; flex-wrap:wrap; gap:.5rem; margin:clamp(1rem,2vh,1.5rem) 0 0; padding:0; list-style:none; }
.vccs-card__services li { padding:.48rem .72rem; border:1px solid rgba(var(--vccs-rgb),.24); border-radius:999px; background:rgba(var(--vccs-rgb),.08); color:#d7d2df; font-size:.68rem; font-weight:550; line-height:1; }
.vccs-card__metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:auto 0 0; padding:clamp(1rem,2vh,1.5rem) 0 0; border-top:1px solid var(--vccs-line); }
.vccs-card__metrics div { min-width:0; padding-right:.75rem; }
.vccs-card__metrics div + div { padding-left:clamp(.65rem,1.5vw,1.25rem); border-left:1px solid var(--vccs-line); }
.vccs-card__metrics dt { color:var(--vccs-accent); font-family:"Funnel Display",Inter,sans-serif; font-size:clamp(1.05rem,1.55vw,1.5rem); font-weight:650; letter-spacing:-.02em; line-height:1.1; overflow-wrap:anywhere; }
.vccs-card__metrics dd { margin:.35rem 0 0; color:#807b8b; font-size:.65rem; line-height:1.3; }
.vccs-card__cta { display:inline-flex; align-items:center; align-self:flex-start; gap:.55rem; margin-top:clamp(.9rem,1.7vh,1.25rem); color:var(--vccs-text); font-size:.75rem; font-weight:650; letter-spacing:.04em; }
.vccs-card__cta i { color:var(--vccs-accent); font-size:1rem; font-style:normal; transition:transform .25s ease; }
.vccs-card:hover .vccs-card__cta i { transform:translate(3px,-3px); }

.vccs-showcase__footer { display:grid; grid-template-columns:auto minmax(8rem,1fr) auto; align-items:center; gap:1rem; padding-top:clamp(1rem,2vw,1.4rem); }
.vccs-showcase__counter { display:flex; align-items:center; gap:.55rem; color:#77717f; font-size:.68rem; font-variant-numeric:tabular-nums; }
.vccs-showcase__counter span:first-child { color:#fff; }
.vccs-showcase__counter i { display:block; width:1.5rem; height:1px; background:#514c58; }
.vccs-showcase__progress { height:1px; background:rgba(255,255,255,.12); overflow:hidden; }
.vccs-showcase__progress span { display:block; width:100%; height:100%; background:linear-gradient(90deg,var(--vccs-primary),var(--vccs-secondary)); transform:scaleX(0); transform-origin:left; transition:transform .45s cubic-bezier(.22,.76,.24,1); }
.vccs-showcase__controls { display:flex; align-items:center; justify-content:flex-end; gap:.75rem; }
.vccs-showcase__arrow,.vccs-showcase__dots button { appearance:none; border:0; cursor:pointer; color:var(--vccs-text); }
.vccs-showcase__arrow { display:grid; place-items:center; width:2.6rem; height:2.6rem; border:1px solid rgba(255,255,255,.16); border-radius:50%; background:rgba(255,255,255,.06); font-size:1rem; transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.vccs-showcase__arrow:hover { border-color:rgba(255,255,255,.34); background:rgba(255,255,255,.11); transform:translateY(-1px); }
.vccs-showcase__arrow:focus-visible,.vccs-showcase__dots button:focus-visible { outline:2px solid var(--vccs-secondary); outline-offset:3px; }
.vccs-showcase__dots { display:flex; align-items:center; gap:.48rem; }
.vccs-showcase__dots button { width:.55rem; height:.55rem; padding:0; border-radius:50%; background:rgba(255,255,255,.28); transition:width .25s ease,background .25s ease; }
.vccs-showcase__dots button[aria-current="true"] { width:1.55rem; border-radius:999px; background:linear-gradient(90deg,var(--vccs-primary),var(--vccs-secondary)); }
.vccs-empty { padding:24px; border:1px dashed #8e44ad; background:#0d0d12; color:#fff; font:500 14px/1.5 Inter,sans-serif; text-align:center; }

@media (max-width:1100px) {
	.vccs-card__link { grid-template-columns:minmax(15rem,.8fr) minmax(22rem,1.2fr); }
	.vccs-showcase__header, .vccs-showcase__footer, .vccs-showcase__viewport { width:min(100% - 2rem,940px); }
}

@media (max-width:899px) {
	.vccs-showcase__pin { padding:5rem 0 4rem; }
	.vccs-showcase__header { display:block; }
	.vccs-showcase__header h2 { font-size:clamp(2.45rem,11vw,4.2rem); }
	.vccs-showcase__intro { margin-top:1rem; }
	.vccs-card { min-height:0; }
	.vccs-card__link { display:flex; flex-direction:column; }
	.vccs-card__visual { flex:0 0 245px; padding:1.5rem; }
	.vccs-card__media { width:9rem; }
	.vccs-card__content { flex:1; padding:1.35rem; }
	.vccs-card__content h3 { font-size:clamp(1.7rem,7vw,2.25rem); }
	.vccs-card__summary { font-size:.86rem; }
	.vccs-card__metrics { margin-top:1.15rem; }
	.vccs-showcase__footer { grid-template-columns:auto 1fr; }
	.vccs-showcase__progress { grid-column:1/-1; grid-row:1; }
	.vccs-showcase__counter { grid-row:2; }
	.vccs-showcase__controls { grid-row:2; gap:.55rem; }
	.vccs-showcase__dots { gap:.35rem; }
	.vccs-showcase__arrow { width:2.35rem; height:2.35rem; }
}

@media (max-width:430px) {
	.vccs-showcase__header, .vccs-showcase__footer, .vccs-showcase__viewport { width:calc(100% - 1rem); }
	.vccs-card__visual { flex-basis:215px; }
	.vccs-card__metrics { grid-template-columns:1fr; gap:.7rem; }
	.vccs-card__metrics div + div { padding-left:0; border-left:0; }
	.vccs-card__metrics dd { font-size:.62rem; }
	.vccs-showcase__controls { justify-content:flex-start; grid-column:1/-1; grid-row:3; }
	.vccs-showcase__counter { grid-column:1/-1; }
}

@media (prefers-reduced-motion:reduce) {
	.vccs-showcase__track,.vccs-showcase__progress span,.vccs-card,.vccs-card__media img,.vccs-card__cta i,.vccs-showcase__arrow,.vccs-showcase__dots button { transition:none; }
}

/* Reference-inspired editorial palette and typography. */
.vccs-showcase { --vccs-bg:#12140e; --vccs-panel:#1a1c14; --vccs-primary:#8fa878; --vccs-secondary:#c08a4e; --vccs-text:#f2efe3; --vccs-muted:#a9a99a; --vccs-line:rgba(242,239,227,.1); font-family:Inter,system-ui,sans-serif; }
.vccs-showcase__header h2,.vccs-card__content h3,.vccs-card__metrics dt,.vccs-card__media>span { font-family:Fraunces,Georgia,serif; font-weight:500; }
.vccs-showcase__header h2 { font-size:clamp(2.3rem,4.2vw,4.4rem); letter-spacing:-.025em; line-height:1.04; }
.vccs-showcase__header h2 em { background:none; color:var(--vccs-primary); font-style:italic; }
.vccs-card { min-height:clamp(480px,58vh,580px); border-radius:6px; background:var(--vccs-panel); box-shadow:0 24px 70px rgba(0,0,0,.22); }
.vccs-card__link { grid-template-columns:.82fr 1fr; }
.vccs-card__visual { background:radial-gradient(120% 100% at 20% 15%,rgba(143,168,120,.14),transparent 60%),#21241a; border-right:1px solid var(--vccs-line); }
.vccs-card__media { width:clamp(12rem,20vw,16rem); background:#f2efe3; box-shadow:0 0 0 18px rgba(143,168,120,.07),0 0 0 40px rgba(143,168,120,.04),0 30px 70px rgba(0,0,0,.3); }
.vccs-card__media::before { border-color:rgba(143,168,120,.36); }
.vccs-card__media::after { border-color:rgba(143,168,120,.16); }
.vccs-card__content { padding:clamp(2rem,4vw,3.5rem); }
.vccs-card__content h3 { font-size:clamp(2rem,3.2vw,3.25rem); line-height:1.1; }
.vccs-card__services li { border-color:rgba(143,168,120,.28); background:rgba(143,168,120,.08); }
.vccs-showcase__arrow { border-color:var(--vccs-line); border-radius:50%; }
.vccs-showcase__dots button { background:#6e6f60; }
.vccs-showcase__dots button[aria-current="true"] { background:var(--vccs-primary); }
.vccs-showcase .swiper-slide { opacity:.62; }
.vccs-showcase .swiper-slide-active { opacity:1; }

/* VisionaryCue site tokens: Inter + Funnel Display, violet/blue brand palette. */
.vccs-showcase {
	--vccs-bg:#050507;
	--vccs-panel:#0d0d12;
	--vccs-primary:#8e44ad;
	--vccs-secondary:#0047ff;
	--vccs-text:#f7f4ff;
	--vccs-muted:#aaa5b5;
	--vccs-line:rgba(255,255,255,.11);
	font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.vccs-showcase__header h2,
.vccs-card__content h3,
.vccs-card__metrics dt,
.vccs-card__media>span { font-family:"Funnel Display",Inter,sans-serif; }
.vccs-showcase__header h2 em { background:linear-gradient(105deg,#d47bf0,#8e44ad 48%,#4165ff); -webkit-background-clip:text; background-clip:text; color:transparent; font-style:normal; }
.vccs-card { background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),#0d0d12; }
.vccs-card__visual { background:radial-gradient(circle at 20% 12%,rgba(142,68,173,.3),transparent 42%),radial-gradient(circle at 88% 84%,rgba(0,71,255,.24),transparent 48%),linear-gradient(145deg,#11101a,#050508 68%); }
.vccs-card__media { background:#f5f3f1; box-shadow:0 0 0 18px rgba(142,68,173,.08),0 0 0 40px rgba(0,71,255,.05),0 30px 70px rgba(0,0,0,.36); }
.vccs-card__media::before { border-color:rgba(142,68,173,.4); }
.vccs-card__media::after { border-color:rgba(0,71,255,.22); }
.vccs-card__media img { object-fit:contain; padding:1.25rem; }
.vccs-card__services li { border-color:rgba(142,68,173,.3); background:rgba(142,68,173,.1); }
.vccs-showcase__arrow { border-color:var(--vccs-line); }
.vccs-showcase__dots button { background:#514c58; }
.vccs-showcase__dots button[aria-current="true"] { background:#8e44ad; }