.section-barros-workshop-process{margin:0;padding:0}.barros-workshop-process{--bwp-bg: #090b0a;--bwp-text: #ffffff;--bwp-accent: var(--barros-workshop-process-accent, #2fa83a);--bwp-soft: rgba(255, 255, 255, .68);--bwp-border: rgba(255, 255, 255, .085);--bwp-center-gap: 120px;--bwp-number-width: clamp(112px, 9.5vw, 174px);--bwp-content-gap: clamp(28px, 3vw, 50px);--bwp-card-gap: clamp(48px, 5vw, 84px);position:relative;overflow:hidden;padding:clamp(100px,9vw,160px) 0;color:var(--bwp-text);background:radial-gradient(circle at 50% 0%,rgba(47,168,58,.035),transparent 34%),var(--bwp-bg)}.barros-workshop-process *,.barros-workshop-process *:before,.barros-workshop-process *:after{box-sizing:border-box}.barros-workshop-process__inner{width:min(calc(100% - 80px),var(--barros-workshop-process-width, 1500px));margin:0 auto}.barros-workshop-process__header{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.48fr);column-gap:clamp(70px,9vw,150px);row-gap:30px;align-items:end}.barros-workshop-process__eyebrow{grid-column:1 / -1;display:flex;align-items:center;gap:14px;margin:0;color:var(--bwp-accent);font-size:10px;font-weight:750;line-height:1;letter-spacing:.2em;text-transform:uppercase}.barros-workshop-process__eyebrow:before{width:34px;height:1px;content:"";background:var(--bwp-accent)}.barros-workshop-process__title{display:flex;flex-direction:column;margin:0;color:#fff;font-size:clamp(50px,5.7vw,92px);font-weight:760;line-height:.96;letter-spacing:-.058em}.barros-workshop-process__title span{display:block}.barros-workshop-process__title-accent{margin-top:6px;color:var(--bwp-accent);text-shadow:0 0 36px rgba(47,168,58,.1)}.barros-workshop-process__description{max-width:410px;padding-bottom:8px;color:var(--bwp-soft);font-size:16px;line-height:1.75}.barros-workshop-process__steps{position:relative;margin-top:clamp(90px,9vw,145px);border-top:1px solid var(--bwp-border)}.barros-workshop-process__steps:before{position:absolute;top:70px;bottom:70px;left:50%;z-index:0;width:1px;content:"";background:linear-gradient(180deg,transparent 0%,rgba(47,168,58,.22) 6%,rgba(47,168,58,.48) 50%,rgba(47,168,58,.22) 94%,transparent 100%);transform:translate(-50%)}.barros-workshop-process__step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--bwp-center-gap) minmax(0,1fr);min-height:clamp(500px,40vw,620px);align-items:center;border-bottom:1px solid var(--bwp-border)}.barros-workshop-process__step:before{position:absolute;top:50%;left:50%;z-index:8;width:13px;height:13px;content:"";border:2px solid var(--bwp-accent);border-radius:50%;background:var(--bwp-bg);box-shadow:0 0 0 6px #2fa83a0b,0 0 20px #2fa83a57;transform:translate(-50%,-50%)}.barros-workshop-process__step:after{position:absolute;top:50%;left:50%;z-index:3;width:calc(var(--bwp-center-gap) / 2 + 32px);height:1px;content:"";border-top:1px dashed rgba(47,168,58,.43);transform:translateY(-50%)}.barros-workshop-process__step:nth-child(2n):after{right:50%;left:auto}.barros-workshop-process__step-line{position:absolute;right:0;bottom:-1px;left:0;z-index:3;height:1px;background:linear-gradient(90deg,transparent,rgba(47,168,58,.28) 20%,rgba(47,168,58,.4) 50%,rgba(47,168,58,.28) 80%,transparent)}.barros-workshop-process__step-number-area{position:relative;z-index:1;grid-column:1;grid-row:1;width:100%;height:260px;pointer-events:none}.barros-workshop-process__step-number{position:absolute;top:8px;left:0;width:var(--bwp-number-width);margin:0;color:#ffffff0d;font-size:clamp(128px,12vw,198px);font-weight:800;line-height:.78;letter-spacing:-.09em;white-space:nowrap;-webkit-user-select:none;user-select:none}.barros-workshop-process__phase-label{position:absolute;bottom:14px;left:0;display:flex;align-items:center;gap:14px;color:var(--bwp-accent);font-size:8px;font-weight:750;line-height:1;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}.barros-workshop-process__phase-label:before{display:block;width:38px;height:1px;content:"";background:var(--bwp-accent);opacity:.82}.barros-workshop-process__step-content{position:relative;z-index:4;grid-column:1;grid-row:1;width:100%;padding-right:clamp(50px,4vw,78px);padding-left:calc(var(--bwp-number-width) + var(--bwp-content-gap))}.barros-workshop-process__step-content h3{position:relative;z-index:2;margin:0;color:#fff;font-size:clamp(38px,3.8vw,62px);font-weight:730;line-height:.98;letter-spacing:-.05em;text-transform:uppercase}.barros-workshop-process__step-content p{position:relative;z-index:2;max-width:470px;margin:24px 0 0;color:var(--bwp-soft);font-size:clamp(15px,1.15vw,18px);line-height:1.7}.barros-workshop-process__step-content:before,.barros-workshop-process__step-content:after{position:absolute;width:38px;height:38px;content:"";pointer-events:none;opacity:.6}.barros-workshop-process__step-content:before{top:-70px;right:34px;border-top:1px solid rgba(47,168,58,.52);border-right:1px solid rgba(47,168,58,.52)}.barros-workshop-process__step-content:after{right:34px;bottom:-82px;border-right:1px solid rgba(47,168,58,.52);border-bottom:1px solid rgba(47,168,58,.52)}.barros-workshop-process__technical-card{position:relative;z-index:4;grid-column:3;grid-row:1;width:min(100%,440px);max-width:440px;justify-self:start;margin-left:var(--bwp-card-gap);padding:30px 32px 28px;overflow:hidden;color:#fff;background:linear-gradient(145deg,#ffffff06,#ffffff02);border:1px solid rgba(255,255,255,.095);border-top-color:#2fa83a6b;box-shadow:inset 0 1px #ffffff06,0 26px 70px #0000002e;transition:border-color .35s ease,background-color .35s ease}.barros-workshop-process__technical-card:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:radial-gradient(circle at 0% 0%,rgba(47,168,58,.06),transparent 38%)}.barros-workshop-process__technical-card:after{position:absolute;top:-1px;left:-1px;width:44%;height:1px;content:"";background:linear-gradient(90deg,var(--bwp-accent),transparent)}.barros-workshop-process__step:hover .barros-workshop-process__technical-card{border-color:#2fa83a42;border-top-color:#2fa83aa3;background:linear-gradient(145deg,#ffffff08,#ffffff03)}.barros-workshop-process__step:nth-child(2n) .barros-workshop-process__step-number-area{grid-column:3;text-align:right}.barros-workshop-process__step:nth-child(2n) .barros-workshop-process__step-number{right:0;left:auto;text-align:right}.barros-workshop-process__step:nth-child(2n) .barros-workshop-process__phase-label{right:0;left:auto;flex-direction:row-reverse}.barros-workshop-process__step:nth-child(2n) .barros-workshop-process__step-content{grid-column:3;padding-right:calc(var(--bwp-number-width) + var(--bwp-content-gap));padding-left:clamp(50px,4vw,78px)}.barros-workshop-process__step:nth-child(2n) .barros-workshop-process__step-content:before{right:auto;left:34px;border-right:0;border-left:1px solid rgba(47,168,58,.52)}.barros-workshop-process__step:nth-child(2n) .barros-workshop-process__step-content:after{right:auto;left:34px;border-right:0;border-left:1px solid rgba(47,168,58,.52)}.barros-workshop-process__step:nth-child(2n) .barros-workshop-process__technical-card{grid-column:1;justify-self:end;margin-right:var(--bwp-card-gap);margin-left:0}.barros-workshop-process__technical-header{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:21px;border-bottom:1px solid rgba(255,255,255,.085)}.barros-workshop-process__technical-heading{min-width:0}.barros-workshop-process__technical-eyebrow{display:block;margin-bottom:9px;color:var(--bwp-accent);font-size:8px;font-weight:750;line-height:1;letter-spacing:.2em;text-transform:uppercase}.barros-workshop-process__technical-heading h4{margin:0;color:#fff;font-size:22px;font-weight:700;line-height:1;letter-spacing:-.025em;text-transform:uppercase}.barros-workshop-process__technical-count{flex:0 0 auto;color:#ffffff38;font-size:10px;font-weight:700;line-height:1;letter-spacing:.15em}.barros-workshop-process__checklist{position:relative;z-index:2;display:grid;margin:9px 0 0;padding:0;list-style:none}.barros-workshop-process__checklist li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:14px;align-items:center;min-height:44px;margin:0;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.065)}.barros-workshop-process__checklist li:last-child{border-bottom:0}.barros-workshop-process__checklist-marker{position:relative;display:block;width:11px;height:11px;border:1px solid rgba(47,168,58,.7)}.barros-workshop-process__checklist-marker:after{position:absolute;top:2px;right:2px;bottom:2px;left:2px;content:"";background:var(--bwp-accent);opacity:.48;transform:scale(0);transition:opacity .3s ease,transform .3s ease}.barros-workshop-process__step:hover .barros-workshop-process__checklist-marker:after{opacity:.88;transform:scale(1)}.barros-workshop-process__checklist-text{color:#ffffffab;font-size:13px;font-weight:450;line-height:1.45;transition:color .3s ease}.barros-workshop-process__step:hover .barros-workshop-process__checklist-text{color:#ffffffd6}.barros-workshop-process__technical-corner{position:absolute;right:12px;bottom:12px;width:18px;height:18px;border-right:1px solid rgba(47,168,58,.62);border-bottom:1px solid rgba(47,168,58,.62)}.barros-workshop-process.is-animation-ready .barros-workshop-process__header{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .85s cubic-bezier(.22,1,.36,1)}.barros-workshop-process.is-animation-ready .barros-workshop-process__header.is-visible{opacity:1;transform:translateY(0)}.barros-workshop-process.is-animation-ready .barros-workshop-process__step{opacity:0;transform:translateY(44px);transition:opacity .72s ease,transform .9s cubic-bezier(.22,1,.36,1)}.barros-workshop-process.is-animation-ready .barros-workshop-process__step.is-visible{opacity:1;transform:translateY(0)}.barros-workshop-process.is-animation-ready .barros-workshop-process__technical-card{opacity:0;transform:translate(28px);transition:opacity .6s ease .12s,transform .78s cubic-bezier(.22,1,.36,1) .12s,border-color .35s ease,background-color .35s ease}.barros-workshop-process.is-animation-ready .barros-workshop-process__step:nth-child(2n) .barros-workshop-process__technical-card{transform:translate(-28px)}.barros-workshop-process.is-animation-ready .barros-workshop-process__step.is-visible .barros-workshop-process__technical-card{opacity:1;transform:translate(0)}.barros-workshop-process.is-animation-ready .barros-workshop-process__checklist li{opacity:0;transform:translateY(8px);transition:opacity .42s ease,transform .48s cubic-bezier(.22,1,.36,1);transition-delay:calc(.2s + (var(--checklist-index) * .06s))}.barros-workshop-process.is-animation-ready .barros-workshop-process__step.is-visible .barros-workshop-process__checklist li{opacity:1;transform:translateY(0)}.barros-workshop-process.is-animation-ready .barros-workshop-process__step-line{transform:scaleX(0);transform-origin:center;transition:transform 1.05s cubic-bezier(.22,1,.36,1) .1s}.barros-workshop-process.is-animation-ready .barros-workshop-process__step.is-visible .barros-workshop-process__step-line{transform:scaleX(1)}.barros-workshop-process.is-animation-ready .barros-workshop-process__step-number,.barros-workshop-process.is-animation-ready .barros-workshop-process__phase-label,.barros-workshop-process.is-animation-ready .barros-workshop-process__step-content h3,.barros-workshop-process.is-animation-ready .barros-workshop-process__step-content p{opacity:0;transform:translateY(12px);transition:opacity .72s ease,transform .82s cubic-bezier(.22,1,.36,1)}.barros-workshop-process.is-animation-ready .barros-workshop-process__phase-label{transition-delay:.08s}.barros-workshop-process.is-animation-ready .barros-workshop-process__step-content h3{transition-delay:.12s}.barros-workshop-process.is-animation-ready .barros-workshop-process__step-content p{transition-delay:.18s}.barros-workshop-process.is-animation-ready .barros-workshop-process__step.is-visible .barros-workshop-process__step-number,.barros-workshop-process.is-animation-ready .barros-workshop-process__step.is-visible .barros-workshop-process__phase-label,.barros-workshop-process.is-animation-ready .barros-workshop-process__step.is-visible .barros-workshop-process__step-content h3,.barros-workshop-process.is-animation-ready .barros-workshop-process__step.is-visible .barros-workshop-process__step-content p{opacity:1;transform:translateY(0)}.shopify-design-mode .barros-workshop-process__header,.shopify-design-mode .barros-workshop-process__step,.shopify-design-mode .barros-workshop-process__technical-card,.shopify-design-mode .barros-workshop-process__checklist li,.shopify-design-mode .barros-workshop-process__step-number,.shopify-design-mode .barros-workshop-process__phase-label,.shopify-design-mode .barros-workshop-process__step-content h3,.shopify-design-mode .barros-workshop-process__step-content p{visibility:visible!important;opacity:1!important;transform:none!important}.shopify-design-mode .barros-workshop-process__step-line{transform:scaleX(1)!important}@media screen and (max-width:1100px){.barros-workshop-process{--bwp-center-gap: 88px;--bwp-number-width: 112px;--bwp-content-gap: 24px;--bwp-card-gap: 30px}.barros-workshop-process__inner{width:min(calc(100% - 56px),1500px)}.barros-workshop-process__header{grid-template-columns:1fr}.barros-workshop-process__step-number{font-size:clamp(104px,12vw,154px)}.barros-workshop-process__step-content{padding-right:30px}.barros-workshop-process__step:nth-child(2n) .barros-workshop-process__step-content{padding-left:30px}}@media screen and (max-width:820px){.barros-workshop-process{padding:86px 0}.barros-workshop-process__inner{width:calc(100% - 40px)}.barros-workshop-process__steps{margin-top:72px}.barros-workshop-process__steps:before{top:46px;bottom:46px;left:20px;transform:none}.barros-workshop-process__step{grid-template-columns:40px minmax(0,1fr);gap:18px;min-height:0;padding:62px 0 70px;align-items:start}.barros-workshop-process__step:before{top:76px;left:20px;width:11px;height:11px}.barros-workshop-process__step:after,.barros-workshop-process__step:nth-child(2n):after{top:76px;right:auto;left:20px;width:34px}.barros-workshop-process__step-number-area,.barros-workshop-process__step:nth-child(2n) .barros-workshop-process__step-number-area{grid-column:2;grid-row:1;width:100%;height:108px;text-align:left}.barros-workshop-process__step-number,.barros-workshop-process__step:nth-child(2n) .barros-workshop-process__step-number{top:0;right:auto;left:0;width:auto;font-size:86px;text-align:left}.barros-workshop-process__phase-label,.barros-workshop-process__step:nth-child(2n) .barros-workshop-process__phase-label{right:auto;bottom:5px;left:0;flex-direction:row}.barros-workshop-process__step-content,.barros-workshop-process__step:nth-child(2n) .barros-workshop-process__step-content{grid-column:2;grid-row:2;width:100%;padding:0}.barros-workshop-process__step-content:before,.barros-workshop-process__step-content:after{display:none}.barros-workshop-process__technical-card,.barros-workshop-process__step:nth-child(2n) .barros-workshop-process__technical-card{grid-column:2;grid-row:3;width:100%;max-width:540px;justify-self:start;margin:34px 0 0;padding:25px 23px 23px}}@media(prefers-reduced-motion:reduce){.barros-workshop-process__header,.barros-workshop-process__step,.barros-workshop-process__technical-card,.barros-workshop-process__checklist li,.barros-workshop-process__step-number,.barros-workshop-process__phase-label,.barros-workshop-process__step-content h3,.barros-workshop-process__step-content p,.barros-workshop-process__step-line{visibility:visible!important;opacity:1!important;transform:none!important;transition:none!important}.barros-workshop-process__step-line{transform:scaleX(1)!important}}.barros-workshop-process{isolation:isolate;background:#0f1411;padding:clamp(88px,7vw,126px) 0}.barros-workshop-process:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:linear-gradient(90deg,#090e0b5e,#090e0bc7 29%,#090e0bf0 42% 58%,#090e0bad 75%,#090e0b54),var(--bwp-photo-left),var(--bwp-photo-right);background-size:100% 100%,50% 100%,50% 100%;background-position:center,left center,right center;background-repeat:no-repeat;opacity:1;pointer-events:none}.barros-workshop-process:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0f1411 0%,transparent 12%,transparent 88%,#0f1411 100%);pointer-events:none}.barros-workshop-process__inner{position:relative;z-index:1}.barros-workshop-process__technical-card{background:#0f1913cc;border-color:#ffffff38;border-top-color:#2fa83ab8;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}.barros-workshop-process__technical-card:hover{background:#122017eb}.barros-workshop-process__step-number{color:#fff3}.barros-workshop-process__checklist-text{color:#ffffffe0}.barros-workshop-process__step-content p{color:#ffffffdb}@media(max-width:820px){.barros-workshop-process:before{background-image:linear-gradient(90deg,#090e0be0,#090e0bb8),var(--bwp-photo-right);background-size:100% 100%,cover;background-position:center,center top}.barros-workshop-process__technical-card{background:#0f1913e6}}.barros-workshop-process:before{background-size:100% 100%,50% auto,50% auto;background-position:center center,left center,right center;background-repeat:no-repeat,repeat-y,repeat-y}@media(max-width:820px){.barros-workshop-process:before{background-size:100% 100%,auto 100%;background-position:center,center;background-repeat:no-repeat,no-repeat}}.barros-workshop-process{background:linear-gradient(180deg,#111713,#1b251e 48%,#111713)}.barros-workshop-process:before,.barros-workshop-process:after{content:none!important;background:none!important}.barros-workshop-process__step{isolation:isolate;position:relative}@media(min-width:821px){.barros-workshop-process__step:nth-child(2):before,.barros-workshop-process__step:nth-child(4):before,.barros-workshop-process__step:nth-child(6):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-size:cover;background-repeat:no-repeat;opacity:.22}.barros-workshop-process__step:nth-child(2):before{background-image:linear-gradient(90deg,#152018,transparent,#152018),var(--bwp-accent-1)}.barros-workshop-process__step:nth-child(4):before{background-image:linear-gradient(90deg,#152018,transparent,#152018),var(--bwp-accent-2)}.barros-workshop-process__step:nth-child(6):before{background-image:linear-gradient(90deg,#152018,transparent,#152018),var(--bwp-accent-3)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/barros-workshop-process.css.map */