.vfw-ba{position:relative}.vfw-ba__container{max-width:var(--vfw-container);margin:0 auto;padding:var(--vfw-space-2xl) var(--vfw-space-xl)}.vfw-ba__pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--vfw-space-lg);margin:0 0 var(--vfw-space-2xl)}.vfw-ba__frame{position:relative;margin:0;border-radius:var(--vfw-radius-media);overflow:hidden;background:var(--vfw-color-canvas-white);border:1px solid var(--vfw-border-hairline);box-shadow:var(--vfw-shadow-card)}.vfw-ba__frame--after{border-color:rgb(var(--vfw-bronze-rgb) / .55)}.vfw-ba__frame img{display:block;width:100%;height:100%;aspect-ratio:3 / 2;object-fit:cover;transition:transform .5s var(--vfw-ease)}.vfw-ba__frame:hover img{transform:scale(1.04)}.vfw-ba__tag{position:absolute;top:var(--vfw-space-sm);left:var(--vfw-space-sm);margin:0;padding:var(--vfw-space-2xs) var(--vfw-space-sm);font-family:var(--vfw-font-mono--family);font-weight:var(--vfw-font-mono--weight);font-size:var(--vfw-text-micro);letter-spacing:var(--vfw-track-medium);text-transform:uppercase;color:rgb(var(--color-white-rgb) / .92);background:rgb(var(--vfw-color-forged-black-rgb) / .72);border:1px solid rgb(var(--color-white-rgb) / .16)}.vfw-ba__tag--after{color:var(--vfw-bronze-bright);border-color:rgb(var(--vfw-bronze-bright-rgb) / .5)}.vfw-ba__placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 2;padding:var(--vfw-space-lg);font-size:var(--vfw-text-sm);color:var(--color-foreground-muted);text-align:center}.vfw-ba__benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--vfw-border-hairline);border-radius:var(--vfw-radius-card);overflow:hidden;box-shadow:var(--vfw-shadow-card);margin:0 0 var(--vfw-space-2xl)}.vfw-ba__benefit{display:flex;flex-direction:column;gap:var(--vfw-space-xs);padding:var(--vfw-space-lg);background:var(--vfw-color-canvas-white)}.vfw-ba__benefit-icon{width:26px;height:26px;color:var(--vfw-bronze);flex-shrink:0}.vfw-ba__benefit-icon svg{width:100%;height:100%;display:block}.vfw-ba__benefit-title{font-family:var(--font-body--family);font-size:var(--vfw-text-sm);font-weight:700;color:var(--vfw-color-forged-black);line-height:1.3;margin:0}.vfw-ba__benefit-body{font-family:var(--font-body--family);font-size:var(--vfw-text-sm);color:var(--color-foreground-muted);line-height:1.5;margin:0}.vfw-chart{background:var(--vfw-color-canvas-white);border:1px solid var(--vfw-border-hairline);border-radius:var(--vfw-radius-card);overflow:hidden;box-shadow:var(--vfw-shadow-card);margin:0 0 var(--vfw-space-2xl)}.vfw-chart__row{display:grid;grid-template-columns:1fr 200px 1fr;border-top:1px solid var(--vfw-border-hairline)}.vfw-chart__row:first-child{border-top:0}.vfw-chart__row--head{background:rgb(var(--vfw-color-forged-black-rgb) / .03)}.vfw-chart__col{padding:var(--vfw-space-md) var(--vfw-space-lg);font-family:var(--vfw-font-mono--family);font-weight:var(--vfw-font-mono--weight);font-size:var(--vfw-text-micro);letter-spacing:var(--vfw-track-wide);text-transform:uppercase;color:var(--color-foreground-muted);grid-row:1}.vfw-chart__row--head .vfw-chart__col{grid-column:1}.vfw-chart__col--after,.vfw-chart__row--head .vfw-chart__col--after{grid-column:3;background:var(--vfw-bronze-deep);color:var(--color-white)}.vfw-chart__cat{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--vfw-space-md);background:rgb(var(--vfw-color-forged-black-rgb) / .04);border-inline:1px solid var(--vfw-border-hairline);font-family:var(--font-body--family);font-size:var(--vfw-text-micro);font-weight:700;letter-spacing:var(--vfw-track-wide);text-transform:uppercase;color:var(--color-foreground)}.vfw-chart__cat--head{font-family:var(--vfw-font-mono--family);font-weight:var(--vfw-font-mono--weight);color:var(--color-foreground-muted)}.vfw-chart__cell{grid-column:1;grid-row:1;padding:var(--vfw-space-sm) var(--vfw-space-lg);font-family:var(--font-body--family);font-size:var(--vfw-text-sm);line-height:1.55;color:var(--color-foreground-muted)}.vfw-chart__cell strong{display:block;font-size:var(--vfw-text-sm);font-weight:600;color:var(--color-foreground);margin:0 0 var(--vfw-space-2xs)}.vfw-chart__body{display:block}.vfw-chart__cell--after{grid-column:3;background:rgb(var(--vfw-bronze-rgb) / .08)}.vfw-chart__cell--after strong{color:var(--vfw-bronze-deep)}.vfw-chart__mini{display:none}.vfw-ba__sheet{max-width:560px;margin:0 auto var(--vfw-space-2xl)}.vfw-ba__sheet-title{font-family:var(--font-heading--family);font-size:var(--vfw-text-sm);font-weight:600;letter-spacing:var(--vfw-track-medium);text-transform:uppercase;color:var(--color-foreground);margin:0 0 var(--vfw-space-md)}.vfw-ba__sheet-hint{font-size:var(--vfw-text-caption);color:var(--color-foreground-muted);margin:var(--vfw-space-md) 0 0}.vfw-ba__cta{display:grid;grid-template-columns:1.1fr 1fr auto;gap:var(--vfw-space-xl);align-items:center;background:var(--vfw-color-canvas-white);border-radius:var(--vfw-radius-card);box-shadow:var(--vfw-shadow-card);padding:var(--vfw-space-xl);margin:0 0 var(--vfw-space-lg)}.vfw-ba__cta-lead .vfw-flag{margin-bottom:var(--vfw-space-md)}.vfw-ba__cta .vfw-flag .vfw-flag__white{box-shadow:inset 0 0 0 1px rgb(var(--vfw-color-forged-black-rgb) / .12)}.vfw-ba__cta-heading{font-family:var(--font-heading--family);font-size:clamp(22px,2.2vw,30px);font-weight:600;line-height:1.15;color:var(--vfw-color-forged-black);margin:0}.vfw-ba__cta-body{font-family:var(--font-body--family);font-size:var(--vfw-text-sm);line-height:1.6;color:var(--color-foreground-muted);margin:0}.vfw-ba__cta-btn{white-space:nowrap}.vfw-ba__support{display:flex;align-items:center;gap:var(--vfw-space-xl);background:var(--vfw-color-forged-black);border:0;border-radius:var(--vfw-radius-card);padding:var(--vfw-space-lg) var(--vfw-space-2xl)}.vfw-ba__support-icon{width:34px;height:34px;color:var(--vfw-bronze-bright);flex-shrink:0}.vfw-ba__support-icon svg{width:100%;height:100%;display:block}.vfw-ba__support-content{flex:1}.vfw-ba__support-heading{font-family:var(--font-body--family);font-size:var(--vfw-text-sm);font-weight:700;letter-spacing:var(--vfw-track-wide);text-transform:uppercase;color:rgb(var(--color-white-rgb) / .9);margin:0 0 var(--vfw-space-2xs)}.vfw-ba__support-body{font-family:var(--font-body--family);font-size:var(--vfw-text-sm);color:var(--vfw-color-machined-aluminum);margin:0;line-height:1.5}.vfw-ba__support-btn{flex-shrink:0;white-space:nowrap}@media(max-width:1024px){.vfw-chart__row{grid-template-columns:1fr 160px 1fr}.vfw-ba__cta{grid-template-columns:1fr 1fr}.vfw-ba__cta-btn{grid-column:1 / -1;justify-self:start}}@media(max-width:900px){.vfw-ba__container{padding:var(--vfw-space-xl) var(--vfw-space-lg)}.vfw-ba__benefits{grid-template-columns:repeat(2,1fr)}.vfw-ba__benefit:last-child:nth-child(odd){grid-column:1 / -1}.vfw-chart__row{grid-template-columns:1fr}.vfw-chart__cat{grid-column:1;grid-row:1;border-inline:0;border-bottom:1px solid var(--vfw-border-hairline)}.vfw-chart__cell{grid-column:1;grid-row:2}.vfw-chart__cell--after{grid-column:1;grid-row:3}.vfw-chart__row--head{display:none}.vfw-chart__mini{display:block;font-size:var(--vfw-text-micro);letter-spacing:var(--vfw-track-wide);text-transform:uppercase;color:var(--color-foreground-muted);margin:0 0 var(--vfw-space-2xs)}.vfw-chart__mini{color:var(--color-foreground-muted)}.vfw-chart__cell--after .vfw-chart__mini{color:var(--vfw-bronze-deep)}.vfw-ba__cta{grid-template-columns:1fr;gap:var(--vfw-space-lg);padding:var(--vfw-space-xl)}.vfw-ba__cta-btn{grid-column:auto}}@media(max-width:700px){.vfw-ba__support{flex-direction:column;text-align:center;gap:var(--vfw-space-md);padding:var(--vfw-space-xl) var(--vfw-space-lg)}.vfw-ba__support-content{text-align:center}}@media(max-width:600px){.vfw-ba__pair{grid-template-columns:1fr;gap:var(--vfw-space-md)}.vfw-ba__frame img,.vfw-ba__placeholder{aspect-ratio:16 / 10}.vfw-ba__benefits{grid-template-columns:1fr}.vfw-ba__benefit:last-child:nth-child(odd){grid-column:auto}.vfw-chart__cell,.vfw-chart__col,.vfw-chart__cell strong{font-size:var(--vfw-text-caption)}}@media(max-width:700px){.vfw-ba__cta-btn{width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/vfw-before-after.css.map */