/* Call to action: a closing band, lapis with the gold star, or amber */
.ei.cta { padding: clamp(56px, 7vw, 96px) 0 var(--ei-sec); background: var(--ei-ivory); }
.ei .cta__band { position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px 48px; align-items: end;
	padding: clamp(36px, 5vw, 72px); border-radius: 6px; background: var(--ei-lapis); color: var(--ei-light); }
.ei .cta__pattern { position: absolute; inset: 0; width: 100%; height: 100%; color: var(--ei-gold); opacity: .1; z-index: -1;
	-webkit-mask: linear-gradient(90deg, transparent 20%, #000 90%); mask: linear-gradient(90deg, transparent 20%, #000 90%); }
.ei .cta__star { position: absolute; right: -6%; top: 50%; width: clamp(220px, 32vw, 420px); aspect-ratio: 1; transform: translateY(-50%); z-index: -1; fill: none; stroke: var(--ei-gold-2); stroke-width: .012; opacity: .7; }
.ei .cta__t { font: 400 clamp(32px, 4vw, 56px)/1.04 var(--ei-display); max-width: 18ch; text-wrap: balance; }
.ei .cta__x { margin-top: 16px; max-width: 52ch; color: #cfd4e6; }
.ei .cta__btns { display: flex; flex-wrap: wrap; gap: 12px; }

.ei.cta--amber .cta__band { background: var(--ei-amber); color: var(--ei-ink); }
.ei.cta--amber .cta__star { stroke: var(--ei-ink); opacity: .18; }
.ei.cta--amber .cta__x { color: #3a2a08; }
.ei .kicker--ink { color: var(--ei-ink); }
.ei.cta--amber .btn--ghost { background: transparent; color: var(--ei-ink); box-shadow: inset 0 0 0 1.5px var(--ei-ink); }
.ei.cta--amber .btn--ghost:hover { background: var(--ei-ink); color: var(--ei-amber); }

@media (max-width: 1020px) {
	.ei .cta__band { grid-template-columns: minmax(0, 1fr); align-items: start; }
}
@media (max-width: 720px) {
	.ei.cta { padding-bottom: 72px; }
	.ei .cta__band { padding: 32px 22px; }
	.ei .cta__star { right: -30%; top: 0; transform: none; width: 260px; }
	.ei .cta__btns .btn { flex: 1 1 auto; }
}