/* Contact V1 */
.ctc.v1 {
	/* background: linear-gradient(to bottom, var(--background) 40%, hsl( from var(--main-bg-alt) h s 70% / 0.7) ); */
	background: linear-gradient(to bottom, var(--inner-theme), var(--background));

	.ctc-v1-card {
		overflow: hidden;
		/* background-color:hsl(from var(--inner-theme) h s l / 0.9); */
		background-color: #e8f0f4;
		backdrop-filter: blur(4px);

		@media screen and (min-width:1280px) {
			& {
				margin-bottom: 2rem;
			}
		}
	}

	/* ===== Left column: heading + mascot ===== */
	.ctc-v1-lft {
		gap: 1.5rem;
	}

	.ctc-v1-ttl {
		font-size: clamp(3rem, 5.2vw, 6.25rem);
		line-height: 0.9;
		text-align: center;
	}

	.ctc-v1-hd h4,
	.ctc-v1-hd h5 {
		color: #000;
	}
	
	.ctc-v1-hd h4 em {
		color: #000 !important;
	}

	.ctc-v1-frm {
		background-color: #1E2B38;
	}

	.ctc-v1-frm .btn.v1 {
		--btn-bg: var(--btn-pry-txt);
        --btn-clr: var(--btn-pry);
	}

	.ctc-v1-frm .btn.v1:hover {
		--btn-bg: var(--btn-pry);
        --btn-clr: var(--btn-pry-txt);
	}

	.ctc-v1-msc {
		flex: 1;
		display: flex;
		align-items: flex-end;
		justify-content: center;
		width: 100%;
		margin-bottom: -3rem;

		img {
			width: 100%;
			height: auto;
			display: block;
		}
	}

	/* ===== Right column: form panel ===== */
	.ctc-v1-frm {
		padding: 2rem;
		gap: 1.25rem;

		.input-text {
			:is(input, select, textarea)::placeholder {
				font-size: 0.875rem;
				font-weight: 500;
				letter-spacing: 0.175rem;
				text-transform: uppercase;
				color: var(--text-color);
				opacity: 1;
			}

			/* Address map pin: muted */
			&.has-icn > svg {
				opacity: 0.5;
			}
		}
	}

	.ctc-v1-legal {
		font-size: 0.875rem;
		line-height: 1.5;
	}

	/* ===== Responsive ===== */
	@media screen and (max-width: 1279px) {
		.ctc-v1-lft {
			min-height: 22rem;
		}
	}

}

@media screen and (max-width: 1279px) {
	.ctc.v1 picture.ctc-v1-msc {
		padding-bottom: 5rem;
	}
}