.modulo-ba{box-sizing:border-box;background:var(--modulo-ba-bg, #FFFFFF);padding-top:var(--modulo-ba-pad-top, 80px);padding-bottom:var(--modulo-ba-pad-bottom, 80px);font-family:inherit;color:var(--modulo-ba-text, #211C16)}.modulo-ba *,.modulo-ba *:before,.modulo-ba *:after{box-sizing:border-box}.modulo-ba--width-boxed{max-width:1180px;margin-inline:auto;border-radius:var(--modulo-ba-outer-radius, 24px);overflow:hidden}.modulo-ba__container{width:100%;margin-inline:auto;padding-inline:28px}.modulo-ba--width-page .modulo-ba__container{max-width:var(--modulo-ba-container-max, 1180px)}.modulo-ba--width-boxed .modulo-ba__container{max-width:1180px}.modulo-ba__header{max-width:680px;margin:0 auto 40px}.modulo-ba--align-center .modulo-ba__header{text-align:center}.modulo-ba--align-left .modulo-ba__header{text-align:left;margin-inline:0}.modulo-ba__eyebrow{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--modulo-ba-muted, #6B6259)}.modulo-ba__heading{margin:0;font-size:var(--modulo-ba-heading-size, 40px);line-height:1.08;font-weight:700;letter-spacing:-.02em;text-wrap:balance;color:var(--modulo-ba-text, #211C16)}.modulo-ba__heading strong,.modulo-ba__heading b{font-weight:inherit;color:var(--modulo-ba-accent, #D9421E)}.modulo-ba__sub{margin:16px auto 0;max-width:560px;font-size:var(--modulo-ba-sub-size, 17px);line-height:1.5;color:var(--modulo-ba-muted, #6B6259)}.modulo-ba--align-left .modulo-ba__sub{margin-inline:0}.modulo-ba__grid{display:grid;grid-template-columns:repeat(var(--modulo-ba-cols, 4),minmax(0,1fr));gap:var(--modulo-ba-gap, 20px)}.modulo-ba__card{position:relative;isolation:isolate}.modulo-ba__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.modulo-ba__media{position:relative;display:block;width:100%;aspect-ratio:var(--modulo-ba-ratio, 4 / 5);border-radius:var(--modulo-ba-radius, 18px);border:var(--modulo-ba-border-w, 0px) solid rgba(33,28,22,.14);border:var(--modulo-ba-border-w, 0px) solid color-mix(in srgb,var(--modulo-ba-text, #211C16) 14%,transparent);overflow:hidden;background:#ededec;background:color-mix(in srgb,var(--modulo-ba-text, #211C16) 8%,#FFFFFF);box-shadow:0 1px 2px #211c160f;transition:box-shadow .35s ease,transform .35s ease}.modulo-ba__card:hover .modulo-ba__media{box-shadow:0 18px 40px -18px #211c166b;transform:translateY(-3px)}.modulo-ba__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .45s ease,transform .6s ease}.modulo-ba__img--after{opacity:0}.modulo-ba__input--after:checked~.modulo-ba__media .modulo-ba__img--after{opacity:1}.modulo-ba__input--after:checked~.modulo-ba__media .modulo-ba__img--before{opacity:0}.modulo-ba__card:hover .modulo-ba__img{transform:scale(1.035)}.modulo-ba__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:linear-gradient(to bottom,rgba(20,16,12,calc(var(--modulo-ba-scrim, 60) / 100 * .3)),#14100c00 26% 50%,rgba(20,16,12,calc(var(--modulo-ba-scrim, 60) / 100 * .78)))}.modulo-ba--title-center .modulo-ba__scrim{background:radial-gradient(ellipse 78% 56% at 50% 50%,rgba(20,16,12,calc(var(--modulo-ba-scrim, 60) / 100 * .55)),#14100c00 70%),linear-gradient(to bottom,rgba(20,16,12,calc(var(--modulo-ba-scrim, 60) / 100 * .3)),#14100c00 26% 50%,rgba(20,16,12,calc(var(--modulo-ba-scrim, 60) / 100 * .78)))}.modulo-ba__label{position:absolute;z-index:2;top:16px;left:50%;transform:translate(-50%);font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--modulo-ba-on-img, #FFFFFF)}.modulo-ba--label-pill .modulo-ba__label{padding:6px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.7);border:1px solid color-mix(in srgb,var(--modulo-ba-on-img, #FFFFFF) 70%,transparent);background:#14100c38}.modulo-ba--label-tag .modulo-ba__label{top:18px;left:18px;transform:none;padding:3px 9px;border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border:1.5px solid rgba(255,255,255,.75);border:1.5px solid color-mix(in srgb,var(--modulo-ba-on-img, #FFFFFF) 75%,transparent)}.modulo-ba__title{position:absolute;z-index:2;margin:0;color:var(--modulo-ba-on-img, #FFFFFF);font-size:var(--modulo-ba-title-size, 24px);font-weight:600;line-height:1.14;letter-spacing:-.01em;text-shadow:0 1px 14px rgba(20,16,12,.35)}.modulo-ba--title-center .modulo-ba__title{left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 36px);text-align:center}.modulo-ba--title-bottom .modulo-ba__title{left:22px;right:22px;bottom:74px;text-align:left}.modulo-ba__toggle{position:absolute;z-index:3;bottom:16px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center}.modulo-ba--toggle-solid .modulo-ba__toggle{background:var(--modulo-ba-track, #FFFFFF);border-radius:999px;padding:4px;box-shadow:0 4px 14px -4px #14100c66}.modulo-ba--toggle-ghost .modulo-ba__toggle{gap:8px}.modulo-ba__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:74px;min-height:40px;padding:0 18px;font:inherit;font-size:13px;font-weight:600;letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;transition:background .25s ease,color .25s ease,border-color .25s ease}.modulo-ba__btn:before{content:"";position:absolute;top:-2px;right:0;bottom:-2px;left:0}.modulo-ba--toggle-solid .modulo-ba__btn{color:var(--modulo-ba-inactive-text, #211C16);background:transparent}.modulo-ba--toggle-solid .modulo-ba__input--before:checked~.modulo-ba__media .modulo-ba__btn--before,.modulo-ba--toggle-solid .modulo-ba__input--after:checked~.modulo-ba__media .modulo-ba__btn--after{background:var(--modulo-ba-active, #211C16);color:var(--modulo-ba-active-text, #FFFFFF)}.modulo-ba--toggle-ghost .modulo-ba__btn{color:var(--modulo-ba-on-img, #FFFFFF);background:transparent;min-width:84px;border:1.5px solid rgba(255,255,255,.55);border:1.5px solid color-mix(in srgb,var(--modulo-ba-on-img, #FFFFFF) 55%,transparent)}.modulo-ba--toggle-ghost .modulo-ba__input--before:checked~.modulo-ba__media .modulo-ba__btn--before,.modulo-ba--toggle-ghost .modulo-ba__input--after:checked~.modulo-ba__media .modulo-ba__btn--after{background:var(--modulo-ba-on-img, #FFFFFF);color:var(--modulo-ba-text, #211C16);border-color:var(--modulo-ba-on-img, #FFFFFF)}.modulo-ba__input:focus-visible~.modulo-ba__media .modulo-ba__btn--before,.modulo-ba__input:focus-visible~.modulo-ba__media .modulo-ba__btn--after{outline:2px solid var(--modulo-ba-on-img, #FFFFFF);outline-offset:2px}.modulo-ba--toggle-solid .modulo-ba__input:focus-visible~.modulo-ba__media .modulo-ba__btn{outline-color:var(--modulo-ba-accent, #D9421E)}.modulo-ba--toggle-ghost .modulo-ba__input:focus-visible~.modulo-ba__media .modulo-ba__btn--before,.modulo-ba--toggle-ghost .modulo-ba__input:focus-visible~.modulo-ba__media .modulo-ba__btn--after{outline-color:var(--modulo-ba-accent, #D9421E);box-shadow:0 0 0 4px #14100c8c}@media(max-width:860px){.modulo-ba{padding-top:60px;padding-bottom:60px}.modulo-ba__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modulo-ba__header{margin-bottom:30px}.modulo-ba__container{padding-inline:22px}}@media(max-width:480px){.modulo-ba__grid{grid-template-columns:1fr;gap:16px}.modulo-ba__container{padding-inline:18px}.modulo-ba--title-bottom .modulo-ba__title{bottom:70px}}@media(prefers-reduced-motion:reduce){.modulo-ba__media,.modulo-ba__img,.modulo-ba__btn{transition:none}.modulo-ba__card:hover .modulo-ba__media,.modulo-ba__card:hover .modulo-ba__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/modulo-section-before-after.css.map */