.vanta-vacancy { box-sizing: border-box; padding: 80px 0; background: var(--vanta-bg-alt, #f7f5f1); font-family: Lato, Arial, sans-serif; }
.vanta-vacancy *, .vanta-vacancy *::before, .vanta-vacancy *::after { box-sizing: border-box; }
.vanta-vacancy__inner { display: grid; grid-template-columns: minmax(0,.9fr) minmax(520px,1.1fr); gap: 40px; align-items: start; width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 24px; }
.vanta-vacancy__eyebrow { display: block; margin: 0 0 18px; color: var(--vanta-gold-dark, #a9853f); font-size: 12.5px; line-height: 1.2; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.vanta-vacancy__title { max-width: 430px; margin: 0; color: var(--vanta-navy, #111827); font-size: 38px; line-height: 1.15; font-weight: 800; letter-spacing: -.025em; }
.vanta-vacancy__accent-line { width: 72px; height: 2px; margin: 30px 0 36px; border-radius: 10px; background: var(--vanta-gold, #c3a15a); }
.vanta-vacancy__text { max-width: 470px; color: var(--vanta-text, #667085); font-size: 16px; line-height: 1.72; }
.vanta-vacancy__text p { margin: 0 0 28px; }
.vanta-vacancy__text p:last-child { margin-bottom: 0 !important; }
.vanta-vacancy__text strong { color: var(--vanta-navy, #111827); font-weight: 700; }
.vanta-vacancy__metrics { display: flex; flex-direction: column; gap: 16px; }
.vanta-vacancy__bottom { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.vanta-vacancy__card { display: flex; min-height: 245px; flex-direction: column; align-items: center; justify-content: center; padding: 30px; border: 1px solid var(--vanta-border, #e4e1da); border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(17,24,39,.04); text-align: center; }
.vanta-vacancy__card--main { min-height: 215px; }
.vanta-vacancy__icon { display: flex; width: 52px; height: 52px; flex: 0 0 52px; align-items: center; justify-content: center; margin-bottom: 16px; border-radius: 50%; background: var(--vanta-gold-light, #f3ebdd); color: var(--vanta-gold-dark, #a9853f); }
.vanta-vacancy__icon i { font-size: 27px; }
.vanta-vacancy__icon svg { width: 27px; height: 27px; fill: currentColor; }
.vanta-vacancy__value { margin-bottom: 8px; color: var(--vanta-gold-dark, #a9853f); font-size: 36px; line-height: 1.05; font-weight: 600; letter-spacing: -.025em; }
.vanta-vacancy__value--large { font-size: 58px; font-weight: 600; }
.vanta-vacancy__label { color: var(--vanta-navy, #111827); font-size: 14px; line-height: 1.3; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; }
.vanta-vacancy__meta { max-width: 220px; margin-top: 6px; color: var(--vanta-text, #667085); font-size: 14px; line-height: 1.45; }
.vanta-vacancy__note { grid-column: 1/-1; display: flex; align-items: center; gap: 18px; padding: 22px 26px; border: 1px solid var(--vanta-border, #e4e1da); border-radius: 14px; background: #fff; color: var(--vanta-text, #667085); font-size: 13px; line-height: 1.5; }
.vanta-vacancy__note-text { width: 100%; min-width: 0; flex: 1 1 auto; text-align: center; }
.vanta-vacancy__note-icon { display: flex; width: 32px; height: 32px; flex: 0 0 32px; align-items: center; justify-content: center; color: var(--vanta-gold-dark, #a9853f); }
.vanta-vacancy__note-icon i { font-size: 28px; }
.vanta-vacancy__note-icon svg { width: 28px; height: 28px; fill: currentColor; }

@media (max-width: 1024px) {
	.vanta-vacancy { padding: 60px 0; }
	.vanta-vacancy__inner { grid-template-columns: 1fr; gap: 46px; }
	.vanta-vacancy__title { font-size: 34px; }
	.vanta-vacancy__content, .vanta-vacancy__text { max-width: 680px; }
	.vanta-vacancy__note { grid-column: auto; }
}

@media (max-width: 767px) {
	.vanta-vacancy { padding: 48px 0; }
	.vanta-vacancy__inner { padding-right: 20px; padding-left: 20px; }
	.vanta-vacancy__inner { gap: 38px; }
	.vanta-vacancy__title { font-size: 30px; }
	.vanta-vacancy__accent-line { width: 64px; margin: 24px 0 28px; }
	.vanta-vacancy__text p { margin-bottom: 22px; }
	.vanta-vacancy__bottom { grid-template-columns: 1fr; }
	.vanta-vacancy__card, .vanta-vacancy__card--main { min-height: 210px; }
	.vanta-vacancy__value { font-size: 32px; }
	.vanta-vacancy__value--large { font-size: 50px; }
	.vanta-vacancy__note { align-items: flex-start; padding: 18px; }
}