/* Replace the former studio introduction and blend the two project worlds together. */
.elementor-2829 .elementor-element-f2393e1 {
	display: none !important;
}

.col-side-projects {
	--side-projects-gold: #d6a63e;
	position: relative;
	isolation: isolate;
	box-sizing: border-box;
	width: 100%;
	margin-block: var(--col-home-section-gap, clamp(40px, 4.8vw, 68px));
	padding: var(--col-home-section-gap, clamp(40px, 4.8vw, 68px)) clamp(20px, 4vw, 60px);
	overflow: hidden;
	background:
		radial-gradient(ellipse at 12% 56%, rgba(180, 123, 25, 0.13), transparent 42%),
		radial-gradient(ellipse at 88% 45%, rgba(14, 150, 82, 0.18), transparent 44%),
		linear-gradient(100deg, #0c0d08 0%, #0d160e 48%, #07140d 100%);
}

.col-side-projects::before,
.col-side-projects::after {
	position: absolute;
	content: "";
	pointer-events: none;
}

.col-side-projects::before {
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(90deg, transparent 38%, rgba(105, 152, 82, 0.055) 48%, rgba(70, 145, 95, 0.08) 52%, transparent 63%),
		radial-gradient(ellipse at 49% 60%, rgba(19, 57, 34, 0.16), transparent 43%);
}

.col-side-projects::after {
	top: 20%;
	bottom: 10%;
	left: 50%;
	width: 1px;
	background: linear-gradient(180deg, transparent, rgba(172, 210, 145, 0.15) 24%, rgba(172, 210, 145, 0.12) 76%, transparent);
}

.col-side-projects__container {
	position: relative;
	z-index: 1;
	width: min(100%, 1480px);
	margin-inline: auto;
}

.col-side-projects__intro {
	max-width: 720px;
	margin: 0 auto clamp(18px, 2vw, 30px);
	color: #fff;
	text-align: center;
	text-transform: none;
}

/* Keep the removed intro sentence from reappearing from older Elementor markup. */
.col-side-projects__intro > p:not(.col-side-projects__eyebrow) {
	display: none !important;
}

.col-side-projects__eyebrow {
	margin: 0 0 13px;
	color: #a9dc66;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.23em;
	line-height: 1.5;
	text-transform: uppercase;
}

.col-side-projects__intro h2 {
	margin: 0;
	color: #f4f7f1;
	font-size: clamp(34px, 4vw, 58px);
	font-weight: 800;
	letter-spacing: -0.045em;
	line-height: 1.04;
	text-transform: none;
}

.col-side-projects__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: start;
	gap: clamp(20px, 2.6vw, 36px);
}

.col-side-project {
	--project-accent: #a8dc54;
	--project-secondary: #e5b34b;
	position: relative;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	min-width: 0;
	min-height: clamp(510px, 43vw, 620px);
	height: clamp(510px, 43vw, 620px);
	padding: clamp(34px, 4.1vw, 60px);
	overflow: hidden;
	isolation: isolate;
	border: 1px solid rgba(188, 205, 155, 0.16);
	border-radius: 26px;
	box-shadow: 0 20px 70px rgba(0, 0, 0, 0.23), inset 0 1px 0 rgba(255, 255, 255, 0.055);
	color: #fff;
	text-transform: none;
}

.col-side-project--gobg {
	transform-origin: right center;
	border-color: rgba(202, 157, 61, 0.23);
	background:
		radial-gradient(ellipse at 82% 46%, rgba(186, 128, 32, 0.24), transparent 50%),
		linear-gradient(105deg, rgba(17, 16, 9, 0.97) 0%, rgba(20, 21, 11, 0.91) 48%, rgba(23, 24, 14, 0.72) 76%, rgba(28, 28, 14, 0.66) 100%);
}

.col-side-project--bull {
	--project-accent: #51e99a;
	--project-secondary: #c0e7a1;
	transform-origin: left center;
	border-color: rgba(63, 216, 133, 0.25);
	background:
		radial-gradient(ellipse at 81% 43%, rgba(15, 155, 82, 0.22), transparent 51%),
		linear-gradient(255deg, rgba(7, 26, 16, 0.94) 0%, rgba(8, 26, 17, 0.89) 46%, rgba(10, 23, 15, 0.73) 76%, rgba(15, 21, 12, 0.68) 100%);
}

.col-side-project::before,
.col-side-project::after {
	position: absolute;
	content: "";
	pointer-events: none;
}

.col-side-project::before {
	inset: 0;
	z-index: 0;
	background: linear-gradient(90deg, rgba(5, 7, 5, 0.54) 0%, rgba(5, 7, 5, 0.34) 54%, rgba(5, 7, 5, 0.02) 100%);
}

.col-side-project--bull::before {
	background: linear-gradient(90deg, rgba(4, 10, 7, 0.58) 0%, rgba(4, 10, 7, 0.34) 52%, rgba(4, 10, 7, 0.01) 100%);
}

.col-side-project::after {
	inset: 0;
	z-index: 1;
	border-radius: inherit;
	background: linear-gradient(90deg, transparent 0%, transparent 63%, rgba(6, 13, 8, 0.07) 78%, rgba(6, 13, 8, 0.12) 100%);
}

.col-side-project__art {
	position: absolute;
	right: -50px;
	bottom: -74px;
	z-index: 0;
	height: calc(100% + 148px);
	width: min(69%, 590px);
	pointer-events: none;
}

.col-side-project__art img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: right bottom;
	opacity: 0.37;
	filter: saturate(0.92) contrast(1.08);
	mix-blend-mode: screen;
	transform: translateX(0);
	transition: opacity 950ms ease, transform 1250ms cubic-bezier(0.2, 0.72, 0.2, 1);
}

.col-side-project--bull .col-side-project__art {
	right: -86px;
	bottom: -92px;
	height: calc(100% + 184px);
	width: min(76%, 650px);
}

.col-side-project--bull .col-side-project__art img {
	object-position: right bottom;
	opacity: 0.68;
}

.col-side-projects:not(.is-visible) .col-side-project--gobg .col-side-project__art img {
	opacity: 0;
	transform: translateX(-115px) rotate(-2deg);
}

.col-side-projects:not(.is-visible) .col-side-project--bull .col-side-project__art img {
	opacity: 0;
	transform: translateX(115px) rotate(2deg);
}

.col-side-project__copy {
	position: relative;
	z-index: 2;
	width: min(100%, 520px);
	margin: 0;
	text-transform: none;
}

.col-side-project__kicker {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 24px;
	color: color-mix(in srgb, var(--project-accent) 82%, white 18%);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.17em;
	line-height: 1.5;
	text-transform: uppercase;
}

.col-side-project__dot,
.col-side-project__status span {
	flex: 0 0 7px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--project-accent);
	box-shadow: 0 0 12px color-mix(in srgb, var(--project-accent) 72%, transparent);
}

.col-side-project__title {
	width: fit-content;
	max-width: 100%;
	margin: 0;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	-webkit-text-stroke: 1px rgba(233, 242, 221, 0.9);
	font-size: clamp(46px, 6vw, 84px);
	font-weight: 900;
	letter-spacing: -0.065em;
	line-height: 0.94;
	text-transform: uppercase;
	transition: background-image 250ms ease, -webkit-text-stroke-color 250ms ease, filter 250ms ease;
}

.col-side-project--bull .col-side-project__title {
	font-size: clamp(40px, 5.3vw, 73px);
	letter-spacing: -0.06em;
}

.col-side-project:hover .col-side-project__title,
.col-side-project:focus-within .col-side-project__title {
	background-image: linear-gradient(105deg, var(--project-accent) 2%, var(--project-secondary) 95%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent !important;
	-webkit-text-stroke-color: transparent;
	filter: drop-shadow(0 0 18px color-mix(in srgb, var(--project-accent) 25%, transparent));
}

.col-side-project__name {
	margin: 15px 0 0;
	color: rgba(244, 246, 239, 0.94);
	font-size: clamp(17px, 1.7vw, 23px);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.35;
	text-transform: none;
}

.col-side-project__summary {
	max-width: 460px;
	margin: 16px 0 0;
	color: rgba(236, 239, 229, 0.8);
	font-size: clamp(14px, 1.12vw, 16px);
	line-height: 1.75;
	text-transform: none;
}

.col-side-project__status {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px;
	margin: 17px 0 0;
	color: rgba(183, 238, 204, 0.91);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.055em;
	line-height: 1.5;
	text-transform: uppercase;
}

.col-side-project__status span {
	width: 6px;
	height: 6px;
	flex-basis: 6px;
}

.col-side-project__status b {
	color: rgba(232, 239, 228, 0.46);
	font-weight: 400;
}

.col-side-project__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 28px;
}

.col-side-project__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	min-height: 48px;
	box-sizing: border-box;
	padding: 0 18px;
	border: 1px solid color-mix(in srgb, var(--project-accent) 65%, transparent);
	border-radius: 9px;
	background: linear-gradient(115deg, color-mix(in srgb, var(--project-accent) 85%, #10190f 15%), color-mix(in srgb, var(--project-accent) 66%, #10190f 34%));
	box-shadow: 0 8px 28px color-mix(in srgb, var(--project-accent) 14%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.16);
	color: #071108;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.065em;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background 180ms ease, box-shadow 180ms ease, color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.col-side-project__button span {
	font-size: 17px;
	line-height: 1;
}

.col-side-project__button:hover,
.col-side-project__button:focus-visible {
	transform: translateY(-2px);
	border-color: color-mix(in srgb, var(--project-accent) 82%, white 18%);
	background: color-mix(in srgb, var(--project-accent) 13%, #09100b 87%);
	box-shadow: 0 0 26px color-mix(in srgb, var(--project-accent) 24%, transparent);
	color: #f5fff4;
}

.col-side-project__button--quiet {
	border-color: rgba(231, 236, 223, 0.27);
	background: rgba(8, 11, 8, 0.32);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
	color: #f4f6ef;
}

.col-side-project__button--quiet:hover,
.col-side-project__button--quiet:focus-visible {
	border-color: var(--project-accent);
	background: rgba(8, 11, 8, 0.76);
	color: var(--project-accent);
}

.col-side-project__socials {
	display: flex;
	flex-wrap: wrap;
	gap: 19px;
	margin-top: 25px;
}

.col-side-project__socials a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 30px;
	color: rgba(238, 242, 233, 0.74);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.035em;
	text-decoration: none;
	text-transform: none;
	transition: color 160ms ease, transform 160ms ease;
}

.col-side-project__socials i {
	color: var(--project-accent);
	font-size: 15px;
}

.col-side-project__socials a:hover,
.col-side-project__socials a:focus-visible {
	transform: translateY(-1px);
	color: #fff;
}

.col-side-project__risk {
	margin: 16px 0 0;
	color: rgba(235, 239, 229, 0.54);
	font-size: 10px;
	letter-spacing: 0.035em;
	line-height: 1.5;
	text-transform: none;
}

.col-side-project__sigil {
	position: absolute;
	right: 24px;
	bottom: 12px;
	z-index: 1;
	color: rgba(255, 255, 255, 0.035);
	font-size: clamp(120px, 18vw, 250px);
	font-weight: 900;
	letter-spacing: -0.1em;
	line-height: 0.8;
	pointer-events: none;
}

.col-side-project__button:focus-visible,
.col-side-project__socials a:focus-visible {
	outline: 2px solid var(--project-accent);
	outline-offset: 4px;
}

@media (max-width: 1024px) {
	.col-side-projects {
		padding-block: var(--col-home-section-gap, 42px);
		padding-inline: 26px;
	}

	.col-side-projects__grid {
		gap: 18px;
	}

	.col-side-project {
		min-height: 540px;
		height: 540px;
		padding: 32px;
	}

	.col-side-project__copy {
		width: 68%;
	}

	.col-side-project__title {
		font-size: clamp(43px, 6.1vw, 68px);
	}

	.col-side-project--bull .col-side-project__title {
		font-size: clamp(36px, 5vw, 58px);
	}

	.col-side-project__art {
		right: -68px;
		width: 72%;
	}

	.col-side-project--bull .col-side-project__art {
		right: -110px;
		width: 86%;
	}
}

@media (max-width: 820px) {
	.col-side-projects {
		margin-block: var(--col-home-section-gap, 36px);
		padding-block: var(--col-home-section-gap, 36px);
		padding-inline: 20px;
	}

	.col-side-projects::after {
		display: none;
	}

	.col-side-projects__intro {
		margin-bottom: 32px;
	}

	.col-side-projects__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
	}

	.col-side-project {
		min-height: 510px;
		height: 510px;
		padding: clamp(26px, 6vw, 38px);
		border-radius: 22px;
	}

	.col-side-project--gobg,
	.col-side-project--bull {
		margin: 0;
	}

	.col-side-project--gobg {
		background:
			radial-gradient(ellipse at 83% 42%, rgba(186, 128, 32, 0.21), transparent 51%),
			linear-gradient(105deg, rgba(17, 16, 9, 0.98) 0%, rgba(20, 21, 11, 0.88) 62%, rgba(23, 24, 14, 0.68) 100%);
	}

	.col-side-project--bull {
		background:
			radial-gradient(ellipse at 82% 43%, rgba(15, 155, 82, 0.2), transparent 53%),
			linear-gradient(105deg, rgba(7, 26, 16, 0.97) 0%, rgba(8, 26, 17, 0.88) 62%, rgba(10, 23, 15, 0.68) 100%);
	}

	.col-side-project__copy {
		width: min(100%, 490px);
	}

	.col-side-project__art {
		right: -28px;
		bottom: -42px;
		height: 92%;
		width: 58%;
	}

	.col-side-project--bull .col-side-project__art {
		right: -56px;
		bottom: -48px;
		height: 92%;
		width: 77%;
	}

	.col-side-project__art img,
	.col-side-project--bull .col-side-project__art img {
		opacity: 0.33;
	}

	.col-side-projects:not(.is-visible) .col-side-project--gobg .col-side-project__art img {
		transform: translateX(-65px);
	}

	.col-side-projects:not(.is-visible) .col-side-project--bull .col-side-project__art img {
		transform: translateX(65px);
	}

	.col-side-project__title {
		font-size: clamp(49px, 12vw, 72px);
	}

	.col-side-project--bull .col-side-project__title {
		font-size: clamp(38px, 9vw, 59px);
	}

	.col-side-project__summary {
		max-width: 430px;
	}

	.col-side-project__actions {
		gap: 9px;
	}
}

@media (max-width: 420px) {
	.col-side-projects {
		padding-right: 14px;
		padding-left: 14px;
	}

	.col-side-project {
		min-height: 500px;
		height: 500px;
		padding: 24px 20px;
	}

	.col-side-project__kicker {
		margin-bottom: 19px;
		font-size: 9px;
		letter-spacing: 0.13em;
	}

	.col-side-project__title {
		font-size: 47px;
	}

	.col-side-project--bull .col-side-project__title {
		font-size: 36px;
	}

	.col-side-project__button {
		min-height: 46px;
		gap: 10px;
		padding-inline: 13px;
		font-size: 10px;
	}

	.col-side-project--gobg .col-side-project__button {
		flex: 1 1 132px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.col-side-project__art img,
	.col-side-project__button,
	.col-side-project__socials a,
	.col-side-project__title {
		transition: none !important;
	}

	.col-side-projects .col-side-project__art img {
		opacity: 0.37 !important;
		transform: none !important;
	}

	.col-side-project--bull .col-side-project__art img {
		opacity: 0.68 !important;
	}
}

/* Refinements: keep the project art crisp, the titles fully visible, and the social links at each panel base. */
.col-side-project {
	align-items: stretch;
	transition: transform 420ms cubic-bezier(0.2, 0.72, 0.2, 1), box-shadow 420ms ease;
}

@media (hover: hover) {
	.col-side-project:hover,
	.col-side-project:focus-within {
		z-index: 3;
		transform: scale(1.045);
		box-shadow: 0 28px 86px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.075);
	}
}

.col-side-project--gobg {
	--project-button-start: #4c982f;
	--project-secondary: #e9c76d;
}

.col-side-project--bull {
	--project-button-start: #148b58;
	--project-secondary: #e6cf8c;
	border-color: rgba(202, 177, 112, 0.34);
	background:
		radial-gradient(ellipse at 76% 20%, rgba(249, 248, 226, 0.08), transparent 28%),
		radial-gradient(ellipse at 82% 43%, rgba(15, 155, 82, 0.22), transparent 51%),
		radial-gradient(ellipse at 60% 88%, rgba(196, 154, 71, 0.09), transparent 40%),
		linear-gradient(255deg, rgba(7, 26, 16, 0.94) 0%, rgba(8, 26, 17, 0.89) 46%, rgba(10, 23, 15, 0.73) 76%, rgba(15, 21, 12, 0.68) 100%);
}

.col-side-project--bull::before {
	background: linear-gradient(90deg, rgba(4, 10, 7, 0.58) 0%, rgba(4, 10, 7, 0.34) 48%, rgba(4, 10, 7, 0.01) 100%);
}

.col-side-project--bull::after {
	background: linear-gradient(90deg, transparent 0%, transparent 58%, rgba(6, 13, 8, 0.035) 78%, rgba(6, 13, 8, 0.08) 100%);
}

.col-side-project__art {
	right: -14px;
	bottom: -40px;
	height: calc(100% + 80px);
	width: min(69%, 600px);
}

.col-side-project__art img {
	opacity: 0.82;
	filter: saturate(1.04) contrast(1.04);
	mix-blend-mode: normal;
	transition: opacity 2350ms 260ms ease, transform 2850ms 260ms cubic-bezier(0.2, 0.72, 0.2, 1);
}

.col-side-project--bull .col-side-project__art {
	right: -54px;
	bottom: -34px;
	height: calc(100% + 68px);
	width: min(88%, 740px);
}

.col-side-project--bull .col-side-project__art img {
	object-position: right bottom;
	opacity: 0.91;
	filter: brightness(0.91) saturate(1.04) contrast(1.04);
}

.col-side-project__copy {
	display: flex;
	flex: 0 1 520px;
	flex-direction: column;
	align-self: stretch;
	width: min(100%, 520px);
}

.col-side-project__title {
	max-width: 100%;
	padding-right: 0.11em;
	overflow: visible;
	transition: background-position 650ms ease, -webkit-text-stroke-width 250ms ease;
}

.col-side-project--bull .col-side-project__title {
	font-size: clamp(40px, 5.1vw, 70px);
}

.col-side-project:hover .col-side-project__title,
.col-side-project:focus-within .col-side-project__title {
	background-image: linear-gradient(105deg, var(--project-accent) 0%, var(--project-secondary) 54%, #fff9e8 100%);
	background-size: 190% 100%;
	background-position: 100% 50%;
	-webkit-text-stroke: 0 transparent;
	filter: none;
	text-shadow: none;
}

.col-side-project--gobg:hover .col-side-project__title,
.col-side-project--gobg:focus-within .col-side-project__title {
	background-image: linear-gradient(105deg, #9ddc45 0%, #d0e66a 48%, #f0c65d 100%);
}

.col-side-project.col-side-project--bull:hover .col-side-project__title,
.col-side-project.col-side-project--bull:focus-within .col-side-project__title {
	background-image: linear-gradient(105deg, #1fa45d 0%, #45d881 34%, #79e8a0 64%, #229450 100%);
}

.col-side-project--gobg .col-side-project__art img {
	-webkit-mask-image: radial-gradient(ellipse at 57% 48%, #000 57%, rgba(0, 0, 0, 0.88) 72%, transparent 100%);
	mask-image: radial-gradient(ellipse at 57% 48%, #000 57%, rgba(0, 0, 0, 0.88) 72%, transparent 100%);
}

.col-side-project__actions {
	margin-top: 25px;
}

.col-side-project__button {
	background-image: linear-gradient(112deg, var(--project-button-start) 0%, var(--project-accent) 46%, var(--project-secondary) 100%);
	background-size: 200% 100%;
	background-position: 0% 50%;
	transition: background-position 420ms ease, box-shadow 180ms ease, color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.col-side-project__button:hover,
.col-side-project__button:focus-visible {
	background-image: linear-gradient(112deg, var(--project-button-start) 0%, var(--project-accent) 46%, var(--project-secondary) 100%);
	background-position: 100% 50%;
	color: #071108;
}

.col-side-project__button--quiet {
	background-image: linear-gradient(120deg, rgba(255, 255, 255, 0.075), rgba(9, 14, 10, 0.44) 54%, color-mix(in srgb, var(--project-accent) 16%, transparent));
}

.col-side-project__socials {
	gap: 10px;
	margin-top: auto;
	padding-top: 18px;
}

.col-side-project__socials a {
	min-height: 40px;
	padding: 0 13px;
	border: 1px solid color-mix(in srgb, var(--project-accent) 36%, rgba(255, 255, 255, 0.12));
	border-radius: 999px;
	background: linear-gradient(120deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.025));
	color: rgba(249, 251, 245, 0.94);
	font-size: 13px;
}

.col-side-project--bull .col-side-project__socials a {
	border-color: rgba(222, 196, 125, 0.4);
}

.col-side-project__socials i {
	font-size: 17px;
}

.col-side-project__socials .col-side-project__x-icon {
	display: block;
	flex: 0 0 15px;
	width: 15px;
	height: 15px;
	fill: currentColor;
}

/* Give each X mark its own clear, round social button. */
.col-side-project__socials a.col-side-project__social-link--x,
.col-side-project__socials a[href*="x.com"] {
	flex: 0 0 50px;
	width: 50px;
	min-width: 50px;
	height: 50px;
	min-height: 50px;
	justify-content: center;
	box-sizing: border-box;
	padding: 0;
	border-radius: 50%;
	transition: transform 220ms cubic-bezier(0.2, 0.72, 0.2, 1), color 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 220ms ease;
}

.col-side-project__socials a.col-side-project__social-link--x .col-side-project__x-icon,
.col-side-project__socials a[href*="x.com"] .col-side-project__x-icon {
	flex: 0 0 19px;
	width: 19px;
	height: 19px;
}

.col-side-project__socials a[href*="x.com"] > span {
	display: none !important;
}

.col-side-project__socials a.col-side-project__social-link--x:hover,
.col-side-project__socials a.col-side-project__social-link--x:focus-visible,
.col-side-project__socials a[href*="x.com"]:hover,
.col-side-project__socials a[href*="x.com"]:focus-visible {
	transform: translateY(-4px) scale(1.08);
	border-color: var(--project-accent);
	background: color-mix(in srgb, var(--project-accent) 18%, rgba(8, 11, 8, 0.9));
	box-shadow: 0 7px 22px color-mix(in srgb, var(--project-accent) 24%, transparent);
	color: #fff;
}

.col-side-project--bull .col-side-project__socials a.col-side-project__social-link--x:hover,
.col-side-project--bull .col-side-project__socials a.col-side-project__social-link--x:focus-visible,
.col-side-project--bull .col-side-project__socials a[href*="x.com"]:hover,
.col-side-project--bull .col-side-project__socials a[href*="x.com"]:focus-visible {
	border-color: #e6cf8c;
	background: color-mix(in srgb, #c0e7a1 16%, rgba(8, 11, 8, 0.9));
	box-shadow: 0 7px 22px rgba(198, 177, 117, 0.28);
}

@media (prefers-reduced-motion: reduce) {
	.col-side-project__socials a.col-side-project__social-link--x,
	.col-side-project__socials a[href*="x.com"] {
		transition: none !important;
	}

	.col-side-project__socials a.col-side-project__social-link--x:hover,
	.col-side-project__socials a.col-side-project__social-link--x:focus-visible,
	.col-side-project__socials a[href*="x.com"]:hover,
	.col-side-project__socials a[href*="x.com"]:focus-visible {
		transform: none;
	}
}

@media (max-width: 1024px) {
	.col-side-project__copy {
		width: min(100%, 520px);
	}
}

@media (max-width: 820px) {
	.col-side-project__art {
		right: -22px;
		bottom: -34px;
		height: 92%;
		width: 64%;
	}

	.col-side-project--bull .col-side-project__art {
		right: -42px;
		bottom: -28px;
		height: 96%;
		width: 82%;
	}

	.col-side-project__art img {
		opacity: 0.48;
	}

	.col-side-project--bull .col-side-project__art img {
		opacity: 0.62;
	}

	.col-side-project__socials {
		padding-top: 14px;
	}
}

@media (max-width: 420px) {
	.col-side-project--bull .col-side-project__title {
		font-size: 36px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.col-side-project,
	.col-side-project__art img {
		transition: none !important;
	}

	.col-side-project:hover,
	.col-side-project:focus-within {
		transform: none;
	}

	.col-side-project__art img {
		opacity: 0.82 !important;
	}

	.col-side-project--bull .col-side-project__art img {
		opacity: 0.91 !important;
	}
}