.bb-workshop{--height-workshop: clamp(600px, 25vw + 330px, 680px);--space-workshop: clamp(20px, 3vw + 8px, 64px);--width-workshop-copy: 520px;--ratio-workshop-media: 4 / 3;--position-workshop-image: right center;--font-size-workshop-heading: var(--font-size-heading-2);--font-size-workshop-text: var(--font-size-16);--width-workshop-process: 760px;--strength-workshop-shade: 92%;--strength-workshop-shade-mid: 55%;--position-workshop-shade-mid: 60%;--strength-workshop-shade-bottom: 90%;--height-workshop-shade-bottom: 48%;padding:var(--space-section-block-lg) var(--space-page-inline);background:var(--color-surface-raised);font-family:var(--font-family-body)}.bb-workshop p{margin:0}.bb-workshop__panel{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-panel);background:var(--color-surface-page)}.bb-workshop__media{position:relative;aspect-ratio:var(--ratio-workshop-media);overflow:hidden}.bb-workshop__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--position-workshop-image);transition:scale var(--duration-hover-zoom) var(--motion-ease-out)}@media(hover:hover){.bb-workshop__panel:hover .bb-workshop__image{scale:var(--scale-hover-zoom)}}.bb-workshop__copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:var(--width-workshop-copy);padding:var(--space-workshop) var(--space-workshop) 0}.bb-workshop .bb-workshop__heading{font-size:var(--font-size-workshop-heading);text-wrap:balance}.bb-workshop__text{color:var(--color-text-secondary);font-size:var(--font-size-workshop-text);line-height:1.7;text-wrap:pretty}.bb-workshop__text>*{margin:0}.bb-workshop__text>*+*{margin-top:8px}.bb-workshop__copy .bb-button{margin-top:8px}.bb-workshop__process{display:grid;gap:16px;margin:0;padding:var(--space-workshop)}.bb-workshop__step{display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:var(--border-width-hairline) solid var(--color-border-subtle)}.bb-workshop__step-title{color:var(--color-text-eyebrow);font-size:var(--font-size-12);font-weight:600;line-height:1.3;letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase}.bb-workshop__step-text{color:var(--color-text-secondary);font-size:var(--font-size-14);line-height:1.5}@media screen and (min-width:700px){.bb-workshop__process{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:32px}}@media screen and (min-width:1000px){.bb-workshop__panel{justify-content:space-between;min-height:var(--height-workshop);background:none}.bb-workshop__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;aspect-ratio:auto}.bb-workshop__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,color-mix(in srgb,var(--color-surface-page) var(--strength-workshop-shade-bottom),transparent),transparent var(--height-workshop-shade-bottom)),linear-gradient(to right,color-mix(in srgb,var(--color-surface-page) var(--strength-workshop-shade),transparent),color-mix(in srgb,var(--color-surface-page) var(--strength-workshop-shade-mid),transparent) var(--position-workshop-shade-mid),transparent)}.bb-workshop__process{max-width:var(--width-workshop-process)}}@media screen and (min-width:1000px){.bb-workshop--wide-steps .bb-workshop__process{max-width:none}}@media screen and (max-width:699px){.bb-workshop{--font-size-workshop-text: var(--font-size-15)}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/section-bb-workshop.css.map */