.posa-explainer{padding-block:var(--space-8) var(--space-6);padding-inline:var(--space-5);background-color:var(--color-surface)}@media(min-width:1024px){.posa-explainer{padding-block:var(--space-9) var(--space-7);padding-inline:var(--space-7)}}.posa-explainer__container{max-width:var(--ultra);margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-6)}.posa-explainer__head{display:flex;flex-direction:column;gap:var(--space-3);max-width:64ch}.posa-explainer__h2{font-family:var(--font-display, var(--font-display-fallback));font-weight:400;font-size:clamp(2rem,4.5vw,3.25rem);line-height:1.04;letter-spacing:-.025em;color:var(--color-fg);margin:0;text-wrap:balance;font-variation-settings:"opsz" 144}.posa-explainer__sub{font-size:var(--text-md);line-height:1.55;color:var(--color-fg-muted);margin:0;max-width:56ch}.posa-explainer__video{width:100%}.posa-explainer__video-frame{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-fg);border:0;padding:0;cursor:pointer}.posa-explainer__video-frame iframe,.posa-explainer__video-frame video,.posa-explainer__video-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.posa-explainer__video-frame img{object-fit:cover}.posa-explainer__video-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#16140f0d,#16140f8c);pointer-events:none}.posa-explainer__video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:999px;background-color:#ffffffeb;display:flex;align-items:center;justify-content:center;color:var(--color-fg);pointer-events:none;box-shadow:0 12px 36px -10px #16140f66;transition:transform var(--dur-base) var(--ease-out)}.posa-explainer__video-frame:hover .posa-explainer__video-play{transform:translate(-50%,-50%) scale(1.06)}.posa-explainer__video-play svg{transform:translate(2px)}.posa-explainer__video-cap{position:absolute;bottom:var(--space-4);left:var(--space-4);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--color-bg);padding:6px var(--space-3);background-color:#00000073;border-radius:var(--radius-pill);pointer-events:none}.posa-explainer__compare{display:grid;grid-template-columns:1fr;gap:var(--space-4);list-style:none;padding:0;margin:0}@media(min-width:641px)and (max-width:1023px){.posa-explainer__compare{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.posa-explainer__card--product{grid-column:1 / -1}}@media(min-width:1024px){.posa-explainer__compare{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}}.posa-explainer__card{background-color:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);position:relative;isolation:isolate;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.posa-explainer__card:hover{transform:translateY(-3px);border-color:var(--color-fg-muted)}.posa-explainer__card--problem{border-top:3px solid var(--color-fg-muted)}.posa-explainer__card--solution{border-top:3px solid var(--color-accent)}.posa-explainer__card--product{border-top:3px solid var(--color-fg)}.posa-explainer__card-eyebrow{font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--color-fg-muted)}.posa-explainer__card-figure{display:flex;flex-direction:column;gap:4px;padding-block:var(--space-2);border-bottom:1px solid var(--color-line)}.posa-explainer__card-num{font-family:var(--font-display, var(--font-display-fallback));font-weight:400;font-size:clamp(3rem,6.5vw,4.5rem);line-height:.95;letter-spacing:-.04em;color:var(--color-fg);font-variation-settings:"opsz" 144}.posa-explainer__card-num span{font-family:var(--font-body, var(--font-body-fallback));font-size:.42em;font-weight:450;color:var(--color-fg);margin-left:4px;letter-spacing:0;vertical-align:.85em}.posa-explainer__card-figure-label{font-size:var(--text-xs);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--color-fg-muted);font-weight:500}.posa-explainer__card-h3{font-family:var(--font-display, var(--font-display-fallback));font-weight:400;font-size:clamp(1.375rem,2.4vw,1.75rem);line-height:1.1;letter-spacing:-.015em;color:var(--color-fg);margin:0;text-wrap:balance}.posa-explainer__card p{font-size:var(--text-sm);line-height:1.55;color:var(--color-fg-muted);margin:0}.posa-explainer__recommended{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-4) var(--space-5);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px dashed var(--color-line)}.posa-explainer__recommended-label{font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--color-fg-muted);flex-shrink:0}.posa-explainer__recommended ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.posa-explainer__recommended li{font-size:var(--text-sm);font-weight:500;color:var(--color-fg);display:inline-flex;align-items:center;gap:var(--space-2)}.posa-explainer__recommended li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:999px;background-color:var(--color-accent)}.posa-explainer__cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.posa-explainer__cta-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:52px;padding-inline:var(--space-6)}.posa-explainer__cta-btn svg{transition:transform var(--dur-base) var(--ease-out)}.posa-explainer__cta-btn:hover svg{transform:translate(3px)}.posa-explainer__cta-meta{font-size:var(--text-xs);color:var(--color-fg-muted);letter-spacing:var(--tracking-normal)}@media(max-width:640px){.posa-explainer{padding:var(--space-5) var(--space-4)}.posa-explainer__container{gap:var(--space-4)}.posa-explainer__head{gap:6px;max-width:100%}.posa-explainer__h2{font-size:clamp(1.375rem,6vw,1.625rem);line-height:1.1;letter-spacing:-.015em}.posa-explainer__sub{font-size:13px;line-height:1.45;max-width:100%}.posa-explainer__video-play{width:52px;height:52px}.posa-explainer__video-cap{bottom:8px;left:8px;font-size:9.5px;padding:4px 8px}.posa-explainer__compare{gap:var(--space-2)}.posa-explainer__card{padding:var(--space-3);gap:6px}.posa-explainer__card-eyebrow{font-size:9.5px}.posa-explainer__card-num{font-size:clamp(1.75rem,10vw,2.25rem)}.posa-explainer__card-figure-label{font-size:9.5px}.posa-explainer__card-h3{font-size:1.0625rem;line-height:1.15}.posa-explainer__card p{font-size:12.5px;line-height:1.4}.posa-explainer__recommended{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.posa-explainer__recommended-label{font-size:9.5px}.posa-explainer__recommended ul{gap:4px var(--space-2)}.posa-explainer__recommended li{font-size:12px}.posa-explainer__cta{gap:4px}.posa-explainer__cta-btn{height:44px;padding-inline:var(--space-4);font-size:13px}.posa-explainer__cta-meta{font-size:10px;text-align:center;max-width:32ch}}@media(min-width:641px)and (max-width:1023px){.posa-explainer{padding:var(--space-7) var(--space-6)}.posa-explainer__h2{font-size:clamp(1.75rem,4.5vw,2.375rem)}.posa-explainer__card{padding:var(--space-4)}.posa-explainer__card-num{font-size:clamp(2.25rem,5.5vw,3.25rem)}.posa-explainer__card-h3{font-size:clamp(1.125rem,2.2vw,1.4375rem)}.posa-explainer__cta-btn{height:48px;padding-inline:var(--space-5);font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-explainer.css.map */