.hp-why{padding-block:10rem 0}.hp-why__grid{display:grid;grid-template-columns:calc(100% - 570px) 570px;gap:30px;align-items:stretch}.hp-why__media{overflow:hidden}.hp-why__image{border-radius:var(--radius-panel);width:100%;height:100%;object-fit:cover}.hp-why__panel{display:flex;flex-direction:column;justify-content:center;gap:6rem;padding:6rem 4rem;border-radius:var(--radius-panel);background-color:var(--cst-color-background-secondary)}.hp-why__copy{display:flex;flex-direction:column;gap:1.5rem}.hp-why__signature{width:15.6rem;height:7.4rem;object-fit:contain}.hp-why__actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.hp-why__panel .hp-text{max-width:460px}.hp-why__steps{list-style:none;padding:0;display:grid;gap:1.2rem;width:100%;max-width:460px;margin:0 0 20px;grid-template-columns:repeat(3,1fr)}.hp-why__step{display:flex;align-items:center;gap:1rem;padding:10px;border-radius:10px;background-color:var(--cst-color-background);flex-flow:column;text-align:center}.hp-why__step-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:35px;height:35px;border-radius:999px;background-color:var(--cst-color-background-tertiary);font-weight:700;font-size:var(--font-size-heading-xs);line-height:1;color:var(--text-primary)}.hp-why__step-content{display:flex;flex-direction:column;gap:.4rem}.hp-why__step-title{margin:0;font-weight:600;line-height:120%;color:var(--text-primary);font-size:13px}.hp-why__step-text{margin:0;font-weight:400;line-height:140%;color:var(--color-muted);font-size:14px;line-height:120%}@media(max-width:1200px){.hp-why__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem}}.hp-learn__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;align-items:center}.hp-learn__media{min-width:0;height:100%}.hp-learn__video{position:relative;display:block;width:100%;overflow:hidden;border-radius:var(--radius-panel);background-color:var(--color-image-wash)}.hp-learn__video--static{margin:0;aspect-ratio:unset;min-height:inherit;height:100%}.hp-learn__video.deferred-media{--ratio-percent: 100% !important;padding-bottom:77%;height:100%}.hp-learn__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.hp-learn .hp-learn__video .hp-learn__poster-image,.hp-learn__video .placeholder-svg{width:100%;height:100%;object-fit:cover}.hp-learn__overlay{position:absolute;inset:auto 0 0;display:flex;align-items:flex-start;gap:1.6rem;padding:3rem;flex-flow:column;height:100%;pointer-events:none;justify-content:flex-end;background:linear-gradient(0deg,#fff0,#fff0),linear-gradient(180deg,#00000029,#000c)}.hp-learn__play{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:5.6rem;height:5.6rem;border-radius:50%;background-color:var(--surface-color);color:var( --text-primary)}.hp-learn__play .svg-wrapper{display:flex;width:1.8rem;height:1.8rem}.hp-learn__play .icon-play{width:100%;height:100%;margin-left:.2rem}.hp-learn__video-copy{display:flex;flex-direction:column;gap:.6rem;min-width:0;padding-bottom:.2rem;color:var(--cst-color-background)}.hp-learn__video-title{font-family:var(--font-body-family);font-size:36px;font-weight:700;line-height:120%;letter-spacing:0;text-transform:uppercase}.hp-learn__video-meta{font-size:var(--small-font-size);font-weight:600;line-height:120%;color:var(--surface-color)}.hp-learn__iframe,.hp-learn__video-element{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000}.hp-learn__video-element{object-fit:cover}.hp-learn__content{display:flex;flex-direction:column;gap:0}.hp-learn__intro{max-width:48rem}.hp-learn__rows{display:flex;flex-direction:column;gap:0;margin:6px 0 0}.hp-learn__row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:17px;align-items:center;padding:20px 0;border-bottom:1px solid var(--color-progress-track);text-decoration:none;color:inherit;transition:opacity .2s ease}.hp-learn__content .hp-text.hp-learn__intro{margin:15px 0 0}.hp-learn__row:first-child{border-top:none!important}.hp-learn__row[href]:hover{opacity:.82}.hp-learn__row--watch{--hp-learn-row-label: color-mix(in srgb, var(--primary) 70%, transparent);--hp-learn-row-icon-bg: var(--cst-color-accent-light)}.hp-learn__row--read{--hp-learn-row-label: color-mix(in srgb, var(--primary) 70%, transparent);--hp-learn-row-icon-bg: var(--cst-color-warning-background)}.hp-learn__row--listen{--hp-learn-row-label: color-mix(in srgb, var(--primary) 70%, transparent);--hp-learn-row-icon-bg: var(--cst-color-purple-light)}.hp-learn__row-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:5px;background-color:var(--hp-learn-row-icon-bg);overflow:hidden}.hp-learn__row-icon-image{width:30px;height:30px;object-fit:contain}.hp-learn__row-icon .placeholder-svg{width:70px;height:70px}.hp-learn__row-body{display:flex;flex-direction:row;gap:10px;align-items:center}.hp-learn__row-label{font-weight:500;color:var(--hp-learn-row-label);min-width:60px}.hp-learn__row-title{font-size:var(--font-size-heading-xs);font-weight:700;line-height:120%;letter-spacing:0;color:var(--text-primary);font-family:var(--font-body-family);text-transform:unset}.hp-learn__row-text{font-size:var(--font-size-heading-xs);line-height:1.4;color:var(--color-muted)}@media(max-width:1200px){.hp-learn__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem}}@media screen and (max-width:767px){.hp-learn__grid{grid-template-columns:minmax(0,1fr);gap:4rem}.hp-learn__row-icon{width:45px;height:45px}}.hp-learn__row:hover{border-bottom-color:var(--primary)!important}.hp-learn__video-copy{align-items:flex-start}.hp-learn__video-title{text-align:left}.homepage-why .hp-why__grid .hp-why__panel{gap:0;padding:0}.homepage-why .hp-why__grid{grid-template-columns:repeat(2,1fr)}.homepage-why .hp-why__grid .hp-why__panel .hp-why__actions{flex-flow:row;align-items:center;gap:10px}.homepage-why .hp-why__grid .hp-why__panel .hp-text{max-width:610px;color:var(--text-primary)}.homepage-why .hp-why__grid .hp-why__panel .hp-why__copy{margin:0 0 20px}.homepage-why .hp-why__grid .hp-why__panel .hp-why__copy .hp-eyebrow{color:var(--primary)}.hp-learn__grid .hp-learn__media{order:2}.hp-learn__row-body>span{display:flex;margin-left:auto;width:20px;height:20px}.hp-learn__row:last-child{border-bottom:0;padding-bottom:0}.hp.homepage-why{margin:0 0 50px}@media(max-width:991px){.hp-why__grid,.hp-learn__grid{grid-template-columns:repeat(2,1fr);gap:20px}.hp-learn__video-title{font-size:var(--font-size-heading-sm)}.hp-learn__overlay{padding:2rem}.hp-learn__row{gap:10px;padding:15px 0}.hp-learn__row-title{font-size:inherit}}@media(max-width:767px){.hp-why__grid,.hp-learn__grid{grid-template-columns:repeat(1,1fr);gap:20px}.hp-why__signature{width:10rem;height:auto}.hp-learn__video.deferred-media{padding-bottom:100%}.homepage-why .hp-why__grid{grid-template-columns:repeat(1,1fr)}.hp-learn__row-body>span{width:14px;height:14px}.hp-learn__row-body>span>svg{width:14px;height:14px}.hp-learn__row-body{gap:0;flex-flow:column;align-items:flex-start;position:relative;padding-right:40px}.hp-learn__row-title{font-size:14px}.hp-learn__row-label{font-size:13px;min-width:45px}.hp-learn__row-body>span{position:absolute;right:0;top:50%;transform:translateY(-50%)}.hp-learn__play{width:4rem;height:4rem}.hp-learn__play .svg-wrapper{width:auto;height:auto}.hp-learn__play .icon-play{width:14px;height:14px;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/section-hp-why-different.css.map */