.cw-process__layout{display:block}.cw-process__steps{display:none}.cw-process__media{display:grid;gap:32px}.cw-process__card{margin:0}.cw-process__frame{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--cw-r-lg, 24px);background:var(--cw-green-deep, #1F3D2B);box-shadow:var(--cw-shadow-sm, 0 2px 8px rgba(22, 32, 26, .06))}.cw-process__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.cw-process__chip{position:absolute;top:14px;left:14px;padding:6px 10px;border-radius:999px;background:#f6f1e7eb;color:var(--cw-ink, #16201A);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500;font-size:12px;letter-spacing:.08em}.cw-process__caption{display:grid;gap:6px;padding:16px 4px 0}.cw-process__num{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500;font-size:12px;letter-spacing:.08em;color:var(--cw-green, #2F5D3A)}.cw-process__step-title{font-family:"Bricolage Grotesque",var(--heading-font-family),sans-serif;font-optical-sizing:auto;font-weight:800;font-size:24px;line-height:1.1;letter-spacing:-.02em;color:var(--cw-ink, #16201A)}.cw-process__step-body{font-family:"Instrument Sans",var(--body-font-family),sans-serif;font-size:16px;line-height:1.5;color:var(--cw-ink-2, #4A5A4E)}.cw-process__close{margin-top:40px;padding-top:28px;border-top:1px solid var(--cw-line, #D9D2C3);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px}.cw-process__close-text{margin:0;max-width:720px;font-family:"Bricolage Grotesque",var(--heading-font-family),sans-serif;font-weight:600;font-size:20px;line-height:1.3;letter-spacing:-.01em;color:var(--cw-ink, #16201A)}@media(min-width:600px)and (max-width:989px){.cw-process__media{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:990px){.cw-process__layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:start}.cw-process__rail{align-self:stretch}.cw-process__sticky{position:sticky;top:calc(var(--header-height, 72px) + 32px)}.cw-process__steps{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}.cw-process__step{position:relative;margin:0}.cw-process__step-btn{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;width:100%;padding:18px 0 20px;border:0;background:none;text-align:start;cursor:pointer;color:inherit;font:inherit}.cw-process__step-text{display:grid;gap:6px}.cw-process__step .cw-process__num{padding-top:6px;color:var(--cw-ink-2, #4A5A4E)}.cw-process__step .cw-process__step-title{font-size:clamp(22px,2vw,28px);color:var(--cw-ink-2, #4A5A4E);opacity:.55;transition:color .3s ease,opacity .3s ease}.cw-process__step .cw-process__step-body{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.2,.7,.2,1),opacity .3s ease}.cw-process__step.is-active .cw-process__step-title{color:var(--cw-green, #2F5D3A);opacity:1}.cw-process__step.is-active .cw-process__num{color:var(--cw-green, #2F5D3A)}.cw-process__step.is-active .cw-process__step-body{max-height:160px;opacity:1}.cw-process__step-btn:hover .cw-process__step-title{opacity:1}.cw-process__step-btn:focus-visible{outline:2px solid var(--cw-green, #2F5D3A);outline-offset:4px;border-radius:8px}.cw-process__bar{position:absolute;left:52px;right:0;bottom:0;height:2px;background:var(--cw-line, #D9D2C3);overflow:hidden}.cw-process__bar span{display:block;height:100%;background:var(--cw-green, #2F5D3A);transform-origin:left center;transform:scaleX(var(--cw-progress, 0));transition:transform .12s linear}.cw-process__media{gap:12vh;padding:4vh 0 8vh}.cw-process__card{width:100%;max-width:460px;margin-left:auto}.cw-process__caption{display:none}.cw-process__frame{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease,opacity .5s ease;opacity:.6;transform:scale(.96)}.cw-process__card.is-active .cw-process__frame{opacity:1;transform:none;box-shadow:var(--cw-shadow-lg, 0 12px 32px rgba(22, 32, 26, .1))}.cw-process__close{margin-top:24px}}@media(prefers-reduced-motion:reduce){.cw-process__frame,.cw-process__card.is-active .cw-process__frame{transition:none;transform:none;opacity:1}.cw-process__bar span{transition:none}}.cw-process__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cw-process__video{z-index:1}
/*# sourceMappingURL=/cdn/shop/t/72/assets/cw-process.css.map */