.varcelona-about-page .blog-over-page-header-container,

.varcelona-about-page .blog-over-sidebar {

	display: none !important;

}



.varcelona-about-page .blog-over-container.content-width-default {

	max-width: 1340px;

	padding-right: 28px;

	padding-left: 28px;

}



.varcelona-about-page .blog-over-content-wrapper.has-sidebar {

	display: block;

}



.varcelona-about-page .blog-over-main-content,

.varcelona-about-page .blog-over-page-content-wrapper {

	width: 100% !important;

	max-width: none !important;

	flex: 0 0 100% !important;

}



.varcelona-about-page .blog-over-page-content,

.varcelona-about-page .blog-over-page-body {

	margin: 0;

	padding: 0 !important;

	border: 0 !important;

	background: transparent !important;

	box-shadow: none !important;

}



.varcelona-about-page .blog-over-site-main {

	padding-top: 34px;

}



.vc-about,

.vc-about * {

	box-sizing: border-box;

}



.vc-about {

	--vc-about-bg: #07111f;

	--vc-about-panel: #101c2c;

	--vc-about-panel-2: #142235;

	--vc-about-border: rgba(255, 255, 255, 0.11);

	--vc-about-muted: #a9b3c2;

	--vc-about-copy: #edf2f8;

	--vc-about-red: #d50050;

	--vc-about-blue: #0878e8;

	--vc-about-gold: #f4bd08;

	position: relative;

	display: block;

	margin: 0 auto 58px;

	color: var(--vc-about-copy);

}



.vc-about p,

.vc-about h2,

.vc-about h3,

.vc-about h4,

.vc-about blockquote,

.vc-about ul {

	margin-top: 0;

}



.vc-about__hero {

	position: relative;

	display: grid;

	grid-template-columns: minmax(0, 1.35fr) minmax(340px, 0.65fr);

	gap: 54px;

	min-height: 570px;

	padding: 72px 68px 104px;

	overflow: hidden;

	border: 1px solid var(--vc-about-border);

	border-radius: 18px;

	background:

		radial-gradient(circle at 7% 18%, rgba(213, 0, 80, 0.3), transparent 33%),

		radial-gradient(circle at 94% 25%, rgba(8, 120, 232, 0.31), transparent 35%),

		linear-gradient(135deg, #0d1726 0%, #07101c 55%, #0c1a2b 100%);

	box-shadow: 0 28px 70px rgba(0, 0, 0, 0.35);

}



.vc-about__hero::before {

	position: absolute;

	top: -110px;

	right: 27%;

	width: 1px;

	height: 790px;

	background: linear-gradient(transparent, rgba(255, 255, 255, 0.16), transparent);

	content: '';

	transform: rotate(22deg);

}



.vc-about__hero::after {

	position: absolute;

	top: 0;

	right: 0;

	width: 47%;

	height: 100%;

	background-image: linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);

	background-size: 34px 34px;

	content: '';

	-webkit-mask-image: linear-gradient(to left, #000, transparent);

	mask-image: linear-gradient(to left, #000, transparent);

}



.vc-about__hero-copy,

.vc-about__signal {

	position: relative;

	z-index: 2;

}



.vc-about__hero-copy {

	align-self: center;

}



.vc-about__eyebrow,

.vc-about__section-heading > p,

.vc-about__watch-heading > p,

.vc-about__disclaimer > div > p {

	font-size: 12px;

	font-weight: 800;

	line-height: 1.3;

	letter-spacing: 0.16em;

	text-transform: uppercase;

}



.vc-about__eyebrow {

	display: flex;

	align-items: center;

	gap: 12px;

	margin-bottom: 24px;

	color: #d5dce6;

}



.vc-about__eyebrow span {

	display: block;

	width: 34px;

	height: 3px;

	background: linear-gradient(90deg, var(--vc-about-red), var(--vc-about-gold));

}



.vc-about__headline {

	max-width: 760px;

	margin-bottom: 28px;

	color: #fff;

	font-size: clamp(46px, 5.1vw, 78px);

	font-style: italic;

	font-weight: 800;

	line-height: 0.94;

	letter-spacing: -0.045em;

	text-transform: uppercase;

	text-wrap: balance;

}



.vc-about__headline em {

	display: block;

	margin-top: 13px;

	color: var(--vc-about-gold);

	font-style: inherit;

}



.vc-about__lead {

	max-width: 690px;

	margin-bottom: 0;

	color: #bdc6d2;

	font-size: 18px;

	line-height: 1.7;

}



.vc-about__signal {

	align-self: center;

	padding: 32px;

	border: 1px solid rgba(255, 255, 255, 0.14);

	border-radius: 16px;

	background: rgba(5, 12, 22, 0.68);

	box-shadow: inset 0 0 46px rgba(8, 120, 232, 0.08), 0 20px 48px rgba(0, 0, 0, 0.3);

	backdrop-filter: blur(12px);

	transform: rotate(1.25deg);

}



.vc-about__signal::before {

	position: absolute;

	top: 11px;

	right: 12px;

	width: 7px;

	height: 7px;

	border-radius: 50%;

	background: var(--vc-about-red);

	box-shadow: 0 0 15px var(--vc-about-red);

	content: '';

}



.vc-about__signal-brand {

	display: flex;

	align-items: baseline;

	margin-bottom: 28px;

	padding-bottom: 20px;

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	font-style: italic;

	font-weight: 800;

	letter-spacing: -0.04em;

}



.vc-about__signal-brand b {

	margin-right: 7px;

	color: var(--vc-about-red);

	font-size: 20px;

}



.vc-about__signal-brand strong {

	color: #fff;

	font-size: 28px;

}



.vc-about__signal-brand small {

	color: var(--vc-about-gold);

	font-size: 15px;

}



.vc-about__signal-grid {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 10px;

}



.vc-about__stat {

	min-width: 0;

	padding: 18px 8px;

	border: 1px solid rgba(255, 255, 255, 0.09);

	border-radius: 10px;

	background: rgba(255, 255, 255, 0.035);

	text-align: center;

}



.vc-about__stat strong {

	display: block;

	margin-bottom: 7px;

	color: #fff;

	font-size: 27px;

	font-weight: 800;

	line-height: 1;

}



.vc-about__stat:nth-child(2) strong {

	color: var(--vc-about-gold);

}



.vc-about__stat:nth-child(3) strong {

	color: #55aaf5;

}



.vc-about__stat span {

	display: block;

	color: #8e9aab;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 0.08em;

	line-height: 1.35;

}



.vc-about__signal-line {

	position: relative;

	height: 34px;

	margin-top: 22px;

	overflow: hidden;

	border-bottom: 1px solid rgba(255, 255, 255, 0.12);

}



.vc-about__signal-line::before,

.vc-about__signal-line::after,

.vc-about__signal-line i {

	position: absolute;

	bottom: 0;

	content: '';

}



.vc-about__signal-line::before {

	left: 0;

	width: 38%;

	height: 2px;

	background: var(--vc-about-red);

	box-shadow: 0 0 14px rgba(213, 0, 80, 0.7);

}



.vc-about__signal-line::after {

	right: 0;

	width: 52%;

	height: 2px;

	background: var(--vc-about-blue);

	box-shadow: 0 0 14px rgba(8, 120, 232, 0.7);

}



.vc-about__signal-line i {

	left: 41%;

	width: 16px;

	height: 16px;

	border: 2px solid var(--vc-about-gold);

	border-radius: 50%;

	transform: translateY(7px);

}



.vc-about__ticker {

	position: absolute;

	z-index: 3;

	right: 0;

	bottom: 0;

	left: 0;

	padding: 14px 0;

	overflow: hidden;

	border-top: 1px solid rgba(255, 255, 255, 0.09);

	background: rgba(3, 8, 15, 0.74);

}



.vc-about__ticker-track {

	display: flex;

	width: max-content;

	animation: vc-about-ticker 30s linear infinite;

}



.vc-about__ticker span {

	display: inline-flex;

	align-items: center;

	gap: 26px;

	padding-right: 26px;

	color: #c6ced9;

	font-size: 11px;

	font-weight: 800;

	letter-spacing: 0.16em;

}



.vc-about__ticker i {

	display: block;

	width: 5px;

	height: 5px;

	border-radius: 50%;

	background: var(--vc-about-gold);

}



@keyframes vc-about-ticker {

	to { transform: translateX(-50%); }

}



.vc-about__intro {

	display: grid;

	grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);

	gap: 80px;

	padding: 90px 34px 58px;

}



.vc-about__section-heading > p,

.vc-about__watch-heading > p {

	margin-bottom: 13px;

	color: var(--vc-about-gold);

}



.vc-about__section-heading h3,

.vc-about__watch-heading h3,

.vc-about__process h3,

.vc-about__disclaimer h3,

.vc-about__cta h3 {

	margin-bottom: 0;

	color: #fff;

	font-size: clamp(31px, 3.3vw, 49px);

	font-style: italic;

	font-weight: 800;

	line-height: 1.02;

	letter-spacing: -0.035em;

	text-transform: uppercase;

}



.vc-about__intro-copy {

	padding-left: 34px;

	border-left: 2px solid;

	border-image: linear-gradient(var(--vc-about-red), var(--vc-about-blue)) 1;

}



.vc-about__intro-copy p {

	margin-bottom: 20px;

	color: var(--vc-about-muted);

	font-size: 17px;

	line-height: 1.75;

}



.vc-about__intro-copy p:last-child {

	margin-bottom: 0;

}



.vc-about__cards {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 18px;

	margin-bottom: 24px;

}



.vc-about__card {

	position: relative;

	min-height: 300px;

	padding: 31px;

	overflow: hidden;

	border: 1px solid var(--vc-about-border);

	border-radius: 14px;

	background: linear-gradient(145deg, var(--vc-about-panel-2), #0d1826);

	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;

}



.vc-about__card::after {

	position: absolute;

	right: -70px;

	bottom: -90px;

	width: 190px;

	height: 190px;

	border-radius: 50%;

	background: rgba(8, 120, 232, 0.12);

	filter: blur(5px);

	content: '';

}



.vc-about__card:first-child::after {

	background: rgba(213, 0, 80, 0.12);

}



.vc-about__card:hover {

	border-color: rgba(244, 189, 8, 0.36);

	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);

	transform: translateY(-4px);

}



.vc-about__card-top {

	position: relative;

	z-index: 2;

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 28px;

}



.vc-about__card-icon {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 48px;

	height: 48px;

	border: 1px solid rgba(244, 189, 8, 0.48);

	border-radius: 50%;

	color: #fff;

	background: #111f31;

	box-shadow: inset 0 0 0 5px rgba(213, 0, 80, 0.12);

}



.vc-about__card-top b {

	color: rgba(255, 255, 255, 0.1);

	font-size: 44px;

	font-style: italic;

	font-weight: 800;

	line-height: 1;

}



.vc-about__card h3 {

	position: relative;

	z-index: 2;

	margin-bottom: 15px;

	color: #fff;

	font-size: 21px;

	font-style: italic;

	font-weight: 800;

	line-height: 1.15;

	text-transform: uppercase;

}



.vc-about__card p {

	position: relative;

	z-index: 2;

	margin-bottom: 0;

	color: var(--vc-about-muted);

	font-size: 15px;

	line-height: 1.68;

}



.vc-about__watch {

	display: grid;

	grid-template-columns: minmax(270px, 0.72fr) minmax(0, 1.28fr);

	gap: 62px;

	margin: 24px 0;

	padding: 50px 46px;

	border: 1px solid var(--vc-about-border);

	border-radius: 14px;

	background:

		linear-gradient(115deg, rgba(213, 0, 80, 0.12), transparent 35%),

		linear-gradient(295deg, rgba(8, 120, 232, 0.12), transparent 40%),

		#0d1928;

}



.vc-about__watch ul {

	display: grid;

	gap: 13px;

	margin-bottom: 0;

	padding: 0;

	list-style: none;

}



.vc-about__watch li {

	display: grid;

	grid-template-columns: 34px 1fr;

	gap: 13px;

	align-items: start;

	color: #c1cad6;

	font-size: 15px;

	line-height: 1.56;

}



.vc-about__watch li span {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 28px;

	height: 28px;

	margin-top: 1px;

	border: 1px solid rgba(244, 189, 8, 0.42);

	border-radius: 50%;

	color: var(--vc-about-gold);

	font-size: 10px;

	background: rgba(244, 189, 8, 0.07);

}



.vc-about__process {

	padding: 74px 34px;

}



.vc-about__section-heading--center {

	margin-bottom: 42px;

	text-align: center;

}



.vc-about__steps {

	position: relative;

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	gap: 14px;

}



.vc-about__steps::before {

	position: absolute;

	top: 26px;

	right: 9%;

	left: 9%;

	height: 1px;

	background: linear-gradient(90deg, var(--vc-about-red), var(--vc-about-gold), var(--vc-about-blue));

	content: '';

}



.vc-about__step {

	position: relative;

	z-index: 2;

	text-align: center;

}



.vc-about__step > strong {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 54px;

	height: 54px;

	margin-bottom: 20px;

	border: 1px solid rgba(244, 189, 8, 0.52);

	border-radius: 50%;

	color: #fff;

	font-size: 14px;

	font-weight: 800;

	background: #101d2d;

	box-shadow: 0 0 0 7px #07111f;

}



.vc-about__step h4 {

	margin-bottom: 9px;

	color: #fff;

	font-size: 15px;

	font-style: italic;

	font-weight: 800;

	line-height: 1.25;

	text-transform: uppercase;

}



.vc-about__step p {

	margin-bottom: 0;

	padding: 0 10px;

	color: #929eae;

	font-size: 13px;

	line-height: 1.55;

}



.vc-about__quote {

	position: relative;

	margin: 0 0 24px;

	padding: 48px 72px;

	overflow: hidden;

	border: 0;

	border-left: 5px solid var(--vc-about-gold);

	border-radius: 0 14px 14px 0;

	color: #fff;

	background: linear-gradient(90deg, rgba(213, 0, 80, 0.24), rgba(11, 24, 40, 0.96) 45%, rgba(8, 120, 232, 0.19));

	font-size: clamp(24px, 3vw, 39px);

	font-style: italic;

	font-weight: 800;

	line-height: 1.22;

	text-align: center;

}



.vc-about__quote span {

	position: absolute;

	top: -28px;

	left: 24px;

	color: rgba(255, 255, 255, 0.09);

	font-family: Georgia, serif;

	font-size: 150px;

	font-style: normal;

	line-height: 1;

}



.vc-about__disclaimer {

	display: grid;

	grid-template-columns: 64px 1fr;

	gap: 25px;

	margin-bottom: 24px;

	padding: 38px 42px;

	border: 1px solid rgba(244, 189, 8, 0.27);

	border-radius: 14px;

	background: rgba(244, 189, 8, 0.055);

}



.vc-about__disclaimer-icon {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 58px;

	height: 58px;

	border: 1px solid rgba(244, 189, 8, 0.54);

	border-radius: 50%;

	color: var(--vc-about-gold);

	font-size: 22px;

	background: #111d2b;

}



.vc-about__disclaimer > div > p {

	margin-bottom: 8px;

	color: var(--vc-about-gold);

}



.vc-about__disclaimer h3 {

	margin-bottom: 12px;

	font-size: clamp(24px, 2.5vw, 35px);

}



.vc-about__disclaimer > div > div {

	max-width: 1050px;

	color: #aeb8c5;

	font-size: 14px;

	line-height: 1.68;

}



.vc-about__cta {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 35px;

	padding: 48px 46px;

	border: 1px solid var(--vc-about-border);

	border-radius: 14px;

	background:

		radial-gradient(circle at 5% 50%, rgba(213, 0, 80, 0.23), transparent 31%),

		radial-gradient(circle at 96% 50%, rgba(8, 120, 232, 0.22), transparent 33%),

		#0d1928;

}



.vc-about__cta h3 {

	font-size: clamp(27px, 3vw, 42px);

}



.vc-about__cta p {

	margin: 10px 0 0;

	color: #9da8b7;

	font-size: 15px;

}



.vc-about__actions {

	display: flex;

	flex: 0 0 auto;

	gap: 11px;

}



.vc-about__button {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 11px;

	min-height: 48px;

	padding: 13px 20px;

	border-radius: 6px;

	font-size: 12px;

	font-weight: 800;

	letter-spacing: 0.025em;

	line-height: 1.2;

	text-align: center;

	text-decoration: none !important;

	transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;

}



.vc-about__button:hover {

	transform: translateY(-2px);

}



.vc-about__button--primary {

	color: #fff !important;

	background: linear-gradient(135deg, #b90045, var(--vc-about-red));

	box-shadow: 0 9px 24px rgba(213, 0, 80, 0.23);

}



.vc-about__button--secondary {

	border: 1px solid rgba(255, 255, 255, 0.17);

	color: #fff !important;

	background: rgba(255, 255, 255, 0.045);

}



.vc-about__button--secondary:hover {

	border-color: rgba(8, 120, 232, 0.65);

	box-shadow: 0 9px 24px rgba(8, 120, 232, 0.15);

}



@media (max-width: 1100px) {

	.vc-about__hero {

		grid-template-columns: minmax(0, 1fr) 330px;

		gap: 30px;

		padding-right: 40px;

		padding-left: 40px;

	}



	.vc-about__headline {

		font-size: clamp(43px, 5vw, 62px);

	}



	.vc-about__cta {

		align-items: flex-start;

		flex-direction: column;

	}

}



@media (max-width: 860px) {

	.varcelona-about-page .blog-over-container.content-width-default {

		padding-right: 18px;

		padding-left: 18px;

	}



	.vc-about__hero {

		grid-template-columns: 1fr;

		padding: 54px 34px 100px;

	}



	.vc-about__signal {

		width: 100%;

		max-width: 520px;

		transform: none;

	}



	.vc-about__intro,

	.vc-about__watch {

		grid-template-columns: 1fr;

		gap: 30px;

	}



	.vc-about__intro {

		padding: 66px 18px 42px;

	}



	.vc-about__intro-copy {

		padding-left: 24px;

	}



	.vc-about__cards {

		grid-template-columns: 1fr;

	}



	.vc-about__card {

		min-height: 0;

	}



	.vc-about__steps {

		grid-template-columns: repeat(2, 1fr);

		gap: 30px 16px;

	}



	.vc-about__steps::before {

		display: none;

	}

}



@media (max-width: 600px) {

	.varcelona-about-page .blog-over-site-main {

		padding-top: 20px;

	}



	.varcelona-about-page .blog-over-container.content-width-default {

		padding-right: 12px;

		padding-left: 12px;

	}



	.vc-about {

		margin-bottom: 34px;

	}



	.vc-about__hero {

		min-height: 0;

		padding: 42px 22px 91px;

		border-radius: 12px;

	}



	.vc-about__eyebrow {

		font-size: 10px;

		letter-spacing: 0.11em;

	}



	.vc-about__headline {

		font-size: clamp(38px, 12vw, 52px);

	}



	.vc-about__lead {

		font-size: 16px;

		line-height: 1.62;

	}



	.vc-about__signal {

		padding: 23px 17px;

	}



	.vc-about__signal-brand strong {

		font-size: 23px;

	}



	.vc-about__signal-grid {

		gap: 6px;

	}



	.vc-about__stat {

		padding: 14px 4px;

	}



	.vc-about__stat strong {

		font-size: 23px;

	}



	.vc-about__stat span {

		font-size: 8px;

	}



	.vc-about__intro {

		padding-top: 54px;

	}



	.vc-about__section-heading h3,

	.vc-about__watch-heading h3 {

		font-size: 32px;

	}



	.vc-about__intro-copy {

		padding-left: 17px;

	}



	.vc-about__intro-copy p {

		font-size: 15px;

	}



	.vc-about__card,

	.vc-about__watch,

	.vc-about__disclaimer,

	.vc-about__cta {

		border-radius: 10px;

	}



	.vc-about__card {

		padding: 25px 22px;

	}



	.vc-about__watch {

		padding: 35px 23px;

	}



	.vc-about__watch li {

		grid-template-columns: 30px 1fr;

		gap: 10px;

		font-size: 14px;

	}



	.vc-about__process {

		padding: 58px 10px;

	}



	.vc-about__steps {

		grid-template-columns: 1fr;

		gap: 23px;

	}



	.vc-about__step {

		display: grid;

		grid-template-columns: 48px 1fr;

		gap: 15px;

		align-items: start;

		text-align: left;

	}



	.vc-about__step > strong {

		width: 46px;

		height: 46px;

		margin-bottom: 0;

		box-shadow: none;

	}



	.vc-about__step p {

		padding: 0;

	}



	.vc-about__quote {

		padding: 38px 24px;

		font-size: 24px;

		text-align: left;

	}



	.vc-about__disclaimer {

		grid-template-columns: 1fr;

		padding: 31px 24px;

	}



	.vc-about__disclaimer h3 {

		font-size: 25px;

	}



	.vc-about__cta {

		padding: 36px 24px;

	}



	.vc-about__actions {

		width: 100%;

		flex-direction: column;

	}



	.vc-about__button {

		width: 100%;

	}

}



@media (prefers-reduced-motion: reduce) {

	.vc-about__ticker-track {

		animation: none;

	}



	.vc-about__card,

	.vc-about__button {

		transition: none;

	}

}

