.ob-seehow{padding:48px 16px;background:var(--ob-seehow-bg, var(--ob-bg));color:var(--ob-ink);scroll-margin-top:110px;overflow-wrap:break-word}.ob-seehow :where(h1,h2,h3,.ob-h2,.ob-lead,.ob-kicker){overflow-wrap:anywhere}.ob-seehow__inner{max-width:calc(var(--ob-page, 1400px) - 40px);margin:0 auto;display:flex;flex-direction:column;gap:calc(22px * var(--ob-gap, 1));padding:26px 20px 28px;border-radius:var(--ob-radius);background:var(--ob-seehow-card, var(--ob-card))}.ob-seehow__media{order:1;position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--ob-radius);overflow:hidden;background:var(--ob-card-2)}.ob-seehow__head{order:2;display:flex;flex-direction:column;gap:10px;text-align:var(--ob-ta, center);align-items:var(--ob-tj, normal)}.ob-seehow__benefits{order:3;display:grid;grid-template-columns:repeat(var(--ob-seehow-bc, 2),minmax(0,1fr));gap:calc(10px * var(--ob-gap, 1))}.ob-seehow__cta--mob{order:4;width:100%;margin-top:6px}.ob-seehow__cta--desk{display:none}.ob-seehow__title{font-size:calc(34px * var(--ob-ts, 1));line-height:var(--ob-tlh, 1.15);font-weight:var(--ob-tw, var(--ob-heading-weight));letter-spacing:calc(-.03em + var(--ob-track, 0em));text-wrap:balance}.ob-seehow__subtitle{font-size:calc(15px * var(--ob-fs, 1));line-height:calc(21px * var(--ob-fs, 1));color:var(--ob-muted);text-wrap:balance}.ob-seehow__video-wrap,.ob-seehow__video,.ob-seehow__img,.ob-seehow__media>.ob-ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ob-seehow__media .ob-ph{background:linear-gradient(135deg,rgba(var(--ob-accent-rgb),.1),rgba(var(--ob-accent-rgb),.02) 60%),var(--ob-card-2)}.ob-seehow__play{position:absolute;left:50%;top:50%;z-index:1;width:64px;height:64px;border-radius:50%;background:var(--ob-paper);color:var(--ob-ink);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #00000040;transform:translate(-50%,-50%);transition:transform .2s}.ob-seehow__play svg{margin-left:3px}.ob-seehow__play:hover{transform:translate(-50%,-50%) scale(1.06)}.ob-seehow__benefit{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border-radius:var(--ob-radius);background:var(--ob-paper)}.ob-seehow__benefit-link{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0;color:inherit}.ob-seehow__benefit-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.ob-seehow__benefit-link:focus-visible{outline:none}.ob-seehow__benefit-link:focus-visible:after{outline:2px solid var(--ob-ink);outline-offset:2px}.ob-seehow__benefit-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:min(10px,var(--ob-radius));background:var(--ob-seehow-card, var(--ob-card));color:var(--ob-accent)}.ob-seehow__benefit-icon svg{width:18px;height:18px}.ob-seehow__benefit-text{display:flex;flex-direction:column;gap:2px;min-width:0}.ob-seehow__benefit-label{font-size:calc(14px * var(--ob-fs, 1));line-height:calc(18px * var(--ob-fs, 1));color:var(--ob-ink)}.ob-seehow__benefit-desc{display:none;font-size:calc(13px * var(--ob-fs, 1));line-height:calc(17px * var(--ob-fs, 1));color:var(--ob-muted)}@media(max-width:749px){.ob-seehow--bleed-m{padding-inline:0}.ob-seehow--bleed-m .ob-seehow__inner{padding-top:0;border-radius:0}.ob-seehow--bleed-m .ob-seehow__media{width:auto;margin-inline:-20px;border-radius:0}}@media(min-width:750px)and (max-width:1023px){.ob-seehow__media{max-width:440px;margin-inline:auto}.ob-seehow--shaped .ob-seehow__media{max-width:min(100%,calc(72vh * var(--ob-seehow-arn, 1)))}}@media(max-width:1023px){.ob-seehow--shaped .ob-seehow__media{aspect-ratio:var(--ob-seehow-ar, 1 / 1);max-height:84vh}}@media(min-width:1024px){.ob-seehow{padding:40px var(--ob-gutter)}.ob-seehow__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:calc(40px * var(--ob-gap, 1)) calc(48px * var(--ob-gap, 1));align-items:start;min-height:var(--ob-seehow-h, 670px);padding:37px}.ob-seehow__head{grid-area:1 / 1;align-self:end;order:0;gap:14px;padding-left:32px;text-align:var(--ob-ta, left)}.ob-seehow__benefits{grid-area:2 / 1;align-self:start;order:0;max-width:640px;padding-left:32px}.ob-seehow__media{grid-area:1 / 2 / span 2;order:0;aspect-ratio:auto;align-self:stretch;height:100%}.ob-seehow--shaped .ob-seehow__media{aspect-ratio:var(--ob-seehow-ar, 1 / 1);height:auto;width:min(100%,calc(80vh * var(--ob-seehow-arn, 1)));align-self:center;justify-self:center}.ob-seehow--reverse .ob-seehow__head,.ob-seehow--reverse .ob-seehow__benefits{grid-column:2;padding-left:0;padding-right:32px}.ob-seehow--reverse .ob-seehow__media{grid-column:1}.ob-seehow__title{font-size:calc(54px * var(--ob-ts, 1));line-height:var(--ob-tlh, 1.02);letter-spacing:calc(-.04em + var(--ob-track, 0em))}.ob-seehow__subtitle{max-width:380px;font-size:calc(18px * var(--ob-fs, 1));line-height:calc(26px * var(--ob-fs, 1))}.ob-seehow__cta--desk{display:inline-flex;align-self:var(--ob-tj, flex-start);min-height:54px;margin-top:6px;padding:15px 34px;font-size:calc(17px * var(--ob-fs, 1))}.ob-seehow__cta--mob{display:none}.ob-seehow__benefit{padding:12px 18px 12px 12px}.ob-seehow__benefit-desc{display:block}.ob-seehow__benefit-icon{width:48px;height:48px;border-radius:var(--ob-radius)}.ob-seehow__benefit-icon svg{width:22px;height:22px}.ob-seehow__benefit-label{font-size:calc(16px * var(--ob-fs, 1));line-height:calc(21px * var(--ob-fs, 1))}.ob-seehow--text .ob-seehow__inner{grid-template-rows:auto;min-height:0;align-items:center}.ob-seehow--text .ob-seehow__head{grid-area:1 / 1;align-self:center}.ob-seehow--text .ob-seehow__benefits{grid-area:1 / 2;align-self:center;max-width:none;padding-left:0}.ob-seehow--text.ob-seehow--reverse .ob-seehow__head{grid-column:2}.ob-seehow--text.ob-seehow--reverse .ob-seehow__benefits{grid-column:1;padding-right:0}}@media(min-width:1024px)and (max-width:1279px){.ob-seehow__title{font-size:calc(44px * var(--ob-ts, 1))}.ob-seehow__inner{gap:calc(32px * var(--ob-gap, 1)) calc(32px * var(--ob-gap, 1));padding:28px}.ob-seehow__head,.ob-seehow__benefits{padding-left:8px}}.ob-kit--ink .ob-seehow__benefit{background:var(--ob-card)}.ob-kit--ink .ob-seehow__play{color:var(--ob-kit-ink0, var(--ob-ink))}
/*# sourceMappingURL=/cdn/shop/t/36/assets/ob-s-see-how.css.map */