.pdp-how-it-works--overlap{margin-top:-39px}.pdp-how-it-works{width:100%;border-radius:var(--radius-4, 40px) var(--radius-4, 40px) 0 0}.pdp-how-it-works__inner{max-width:1440px;margin-inline:auto;padding:var(--spacing-10, 80px) var(--spacing-7, 40px) var(--spacing-7, 40px);display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-10, 80px)}.pdp-how-it-works__header{display:flex;flex-direction:column;gap:var(--spacing-4, 16px);align-items:flex-start;text-align:left;width:100%}.pdp-how-it-works__eyebrow{margin:0;font-family:Helvetica Neue,sans-serif;font-weight:500;font-size:14px;line-height:1;letter-spacing:0;text-transform:uppercase}.pdp-how-it-works__headline{margin:0;max-width:574px;font-family:Helvetica Neue,sans-serif;font-weight:400;font-size:40px;line-height:1.1;letter-spacing:0}.pdp-how-it-works__steps{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-7, 40px);width:100%;justify-content:center;list-style:none;margin:0;padding:var(--spacing-4, 16px) 0 0}.pdp-how-it-works__step{display:flex;flex-direction:column;gap:var(--spacing-5, 24px);flex:1;min-width:0;max-width:310px}.pdp-how-it-works__step-media{flex-shrink:0}.pdp-how-it-works__step-image{width:90px;height:90px;border-radius:0;overflow:hidden;position:relative;aspect-ratio:1 / 1}.pdp-how-it-works__step-image--placeholder{display:flex;align-items:center;justify-content:center}.pdp-how-it-works__step-placeholder{font-family:Helvetica Neue,sans-serif;font-size:12px;color:var(--color-grey-dark, #7e7e7e)}.pdp-how-it-works__step-img{width:100%;height:100%;object-fit:cover;display:block}.pdp-how-it-works__step-image--video{background:#000}.pdp-how-it-works__step-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.pdp-how-it-works__step-content{display:grid;grid-template-rows:auto auto auto 1fr;gap:var(--spacing-3, 12px);min-width:0;flex:1;align-content:start}.pdp-how-it-works__step-divider{grid-row:2;width:100%;margin:0;padding:0;align-self:stretch;min-width:0}.pdp-how-it-works__step-heading{grid-row:1;display:flex;flex-direction:column;gap:var(--spacing-3, 12px)}.pdp-how-it-works__step-num,.pdp-how-it-works__step-title{margin:0;font-family:Helvetica Neue,sans-serif;font-weight:500;font-size:16px;line-height:1.2}.pdp-how-it-works__step-divider-svg{width:100%;height:auto;display:block}.pdp-how-it-works__step-desc{grid-row:3;margin:0;font-family:Helvetica Neue,sans-serif;font-weight:400;font-size:16px;line-height:1.2}@media screen and (max-width:768px){.pdp-how-it-works--overlap{margin-top:0}.pdp-how-it-works__inner{padding:24px 20px;gap:16px}.pdp-how-it-works__header{gap:19px}.pdp-how-it-works__eyebrow{font-size:13px;line-height:1}.pdp-how-it-works__headline{font-size:28px;line-height:1.15}.pdp-how-it-works__steps{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:16px}.pdp-how-it-works__step{display:flex;flex-direction:column;gap:8px;max-width:none;align-self:stretch}.pdp-how-it-works__step-media{flex-shrink:0;margin-bottom:0}.pdp-how-it-works__step-image{width:50%;height:auto;aspect-ratio:1 / 1}.pdp-how-it-works__step-content{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr auto;column-gap:12px;row-gap:8px;min-width:0;flex:1}.pdp-how-it-works__step-heading{display:contents}.pdp-how-it-works__step-num{grid-column:1;grid-row:1;align-self:start;width:auto;flex-shrink:unset;font-size:14px;line-height:1.2;white-space:nowrap}.pdp-how-it-works__step-title{grid-column:2;grid-row:1;flex:unset;min-width:0;font-size:14px;line-height:1.2}.pdp-how-it-works__step-desc{grid-column:2;grid-row:2;font-size:14px;line-height:1.2}.pdp-how-it-works__step-divider{grid-column:1 / -1;grid-row:4;margin-top:0}}@media screen and (min-width:769px)and (max-width:1439px){.pdp-how-it-works__inner{gap:clamp(24px,5.556vw,80px);padding:clamp(24px,5.556vw,80px) clamp(20px,2.778vw,40px) clamp(24px,2.778vw,40px)}.pdp-how-it-works__header{gap:clamp(12px,1.111vw,16px)}.pdp-how-it-works__eyebrow{font-size:clamp(13px,.972vw,14px)}.pdp-how-it-works__headline{font-size:clamp(28px,2.778vw,40px)}.pdp-how-it-works__steps{gap:clamp(24px,2.778vw,40px);padding-top:clamp(12px,1.111vw,16px)}.pdp-how-it-works__step{gap:clamp(16px,1.667vw,24px)}.pdp-how-it-works__step-content,.pdp-how-it-works__step-heading{gap:clamp(8px,.833vw,12px)}.pdp-how-it-works__step-image{width:clamp(72px,6.25vw,90px);height:clamp(72px,6.25vw,90px)}.pdp-how-it-works__step-num,.pdp-how-it-works__step-title,.pdp-how-it-works__step-desc{font-size:clamp(14px,1.111vw,16px)}}@media screen and (min-width:1440px){.pdp-how-it-works__inner{padding:80px 40px 40px;gap:80px}.pdp-how-it-works__header{gap:16px}.pdp-how-it-works__eyebrow{font-size:14px}.pdp-how-it-works__headline{font-size:40px;line-height:1.1;max-width:574px}.pdp-how-it-works__steps{gap:40px;padding-top:16px}.pdp-how-it-works__step{gap:10px;max-width:310px}.pdp-how-it-works__step-content,.pdp-how-it-works__step-heading{gap:12px}.pdp-how-it-works__step-image{width:90px;height:90px}.pdp-how-it-works__step-num,.pdp-how-it-works__step-title,.pdp-how-it-works__step-desc{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/pdp-how-it-works.css.map */