.vanta-before-rendering-after { --vanta-bra-bg:#f7f5f1; --vanta-bra-heading:#11131b; --vanta-bra-text:#383b45; --vanta-bra-muted:#7a7d8c; --vanta-bra-accent:#c3a15a; --vanta-bra-max-width:1440px; --vanta-bra-gap:22px; --vanta-bra-image-ratio:4 / 3; --vanta-bra-image-position:center center; --vanta-bra-dot-size:10px; position:relative; width:100%; max-width:none; min-width:0; overflow:hidden; background:var(--vanta-bra-bg); color:var(--vanta-bra-text); }
.vanta-before-rendering-after, .vanta-before-rendering-after *, .vanta-before-rendering-after *::before, .vanta-before-rendering-after *::after { box-sizing:border-box; }
.vanta-before-rendering-after__inner { width:min(100%,calc(var(--vanta-bra-max-width) + 96px)); margin:0 auto; padding:94px 48px 64px; }
.vanta-before-rendering-after__header { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:60px; margin-bottom:38px; }
.vanta-before-rendering-after__eyebrow { margin:0 0 13px; color:var(--vanta-bra-accent); font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:700; line-height:1.2; letter-spacing:.1em; text-transform:uppercase; }
.vanta-before-rendering-after__title { max-width:650px; margin:0; overflow-wrap:anywhere; color:var(--vanta-bra-heading); font-family:Arial,Helvetica,sans-serif; font-size:clamp(38px,3.2vw,58px); font-weight:700; line-height:1.08; letter-spacing:-.04em; }
.vanta-before-rendering-after__project { min-width:330px; padding-top:36px; text-align:right; }
.vanta-before-rendering-after__meta { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:10px; color:var(--vanta-bra-muted); font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:700; line-height:1.4; letter-spacing:.09em; text-transform:uppercase; }
.vanta-before-rendering-after__meta-separator { width:3px; height:3px; flex:0 0 3px; border-radius:50%; background:#b9bbc5; }
.vanta-before-rendering-after__project-link { display:inline-flex; align-items:center; gap:14px; margin-top:28px; color:var(--vanta-bra-accent); font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:700; line-height:1.2; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.vanta-before-rendering-after__project-link:hover, .vanta-before-rendering-after__project-link:focus-visible { color:#a9853f; text-decoration:none; }
.vanta-before-rendering-after__project-link:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
.vanta-before-rendering-after__project-arrow { display:inline-flex; width:22px; height:22px; align-items:center; justify-content:center; color:var(--vanta-bra-accent); transition:transform 180ms ease; }
.vanta-before-rendering-after__project-arrow svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.vanta-before-rendering-after__project-link:hover .vanta-before-rendering-after__project-arrow, .vanta-before-rendering-after__project-link:focus-visible .vanta-before-rendering-after__project-arrow { transform:translateX(4px); }
.vanta-before-rendering-after__gallery { display:grid; width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:var(--vanta-bra-gap); }
.vanta-before-rendering-after__stage { display:flex; min-width:0; flex-direction:column; }
.vanta-before-rendering-after__progress { display:flex; width:100%; height:var(--vanta-bra-dot-size); align-items:center; margin-bottom:12px; }
.vanta-before-rendering-after__dot { width:var(--vanta-bra-dot-size); height:var(--vanta-bra-dot-size); flex:0 0 var(--vanta-bra-dot-size); border-radius:50%; background:var(--vanta-bra-accent); }
.vanta-before-rendering-after__line { width:100%; height:1px; background:var(--vanta-bra-accent); }
.vanta-before-rendering-after__stage-label { display:flex; min-height:25px; align-items:center; gap:8px; margin-bottom:13px; font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:700; line-height:1.25; text-transform:uppercase; }
.vanta-before-rendering-after__number { color:var(--vanta-bra-accent); }
.vanta-before-rendering-after__dash { width:13px; height:1px; background:var(--vanta-bra-muted); }
.vanta-before-rendering-after__name { color:var(--vanta-bra-heading); }
.vanta-before-rendering-after__media { position:relative; width:100%; aspect-ratio:var(--vanta-bra-image-ratio); overflow:hidden; border-radius:5px; background:#e8e8ed; }
.vanta-before-rendering-after__image { position:absolute; inset:0; display:block; width:100%; max-width:none; height:100%; margin:0; object-fit:cover; object-position:var(--vanta-bra-image-position); }
.vanta-before-rendering-after__summary { display:flex; width:100%; min-height:68px; align-items:center; justify-content:space-between; gap:36px; margin-top:20px; padding:16px 26px; border-radius:4px; background:#11131d; color:#f6f6f8; }
.vanta-before-rendering-after__summary-text { font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:400; line-height:1.4; }
.vanta-before-rendering-after__statuses { display:flex; align-items:center; flex-wrap:wrap; }
.vanta-before-rendering-after__status { display:flex; align-items:center; gap:12px; padding:0 30px; border-left:1px solid rgba(255,255,255,.16); font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:400; line-height:1.4; }
.vanta-before-rendering-after__status:first-child { border-left:0; }
.vanta-before-rendering-after__status:last-child { padding-right:0; }
.vanta-before-rendering-after__check { display:inline-flex; width:24px; height:24px; flex:0 0 24px; align-items:center; justify-content:center; border-radius:50%; background:var(--vanta-bra-accent); color:#fff; }
.vanta-before-rendering-after__check svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
@media (max-width:1024px) {
	.vanta-before-rendering-after { --vanta-bra-gap:16px; }
	.vanta-before-rendering-after__inner { padding:72px 32px 52px; }
	.vanta-before-rendering-after__header { grid-template-columns:minmax(0,1fr); gap:24px; }
	.vanta-before-rendering-after__project { min-width:0; padding-top:0; text-align:left; }
	.vanta-before-rendering-after__meta { justify-content:flex-start; }
	.vanta-before-rendering-after__project-link { margin-top:18px; }
	.vanta-before-rendering-after__gallery { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.vanta-before-rendering-after__summary { align-items:flex-start; flex-direction:column; gap:20px; }
	.vanta-before-rendering-after__status:first-child { padding-left:0; }
}
@media (max-width:767px) {
	.vanta-before-rendering-after { --vanta-bra-gap:30px; --vanta-bra-image-ratio:4 / 3; }
	.vanta-before-rendering-after__inner { padding:64px 20px 44px; }
	.vanta-before-rendering-after__header { margin-bottom:36px; }
	.vanta-before-rendering-after__title { font-size:38px; }
	.vanta-before-rendering-after__gallery { grid-template-columns:minmax(0,1fr); }
	.vanta-before-rendering-after__stage-label { margin-bottom:11px; }
	.vanta-before-rendering-after__summary { margin-top:28px; padding:22px 20px; }
	.vanta-before-rendering-after__statuses { width:100%; align-items:flex-start; flex-direction:column; gap:15px; }
	.vanta-before-rendering-after__status { width:100%; padding:0; border-left:0; }
}
@media (prefers-reduced-motion:reduce) { .vanta-before-rendering-after__project-arrow { transition:none; } }