.principle-section{background-color:var(--ps-background, #f0f0f0);padding-block:100px 70px}.principle-section__inner{display:grid;grid-template-columns:minmax(0,560px) minmax(0,592px);justify-content:space-between;align-items:start;gap:80px;max-width:1432px;margin-inline:auto;padding-inline:80px}.principle-section__editorial{display:flex;flex-direction:column;align-items:flex-start}.principle-section__eyebrow{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:11px;line-height:normal;letter-spacing:2.5px;text-transform:uppercase;color:#6acda3;margin:0 0 19px}.principle-section__title,.principle-section__title p{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:44px;line-height:54px;letter-spacing:-1px;color:#051c25;margin:0}.principle-section__intro,.principle-section__intro p{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:16px;line-height:27px;color:#7a8a8f;margin:0}.principle-section__intro{margin-block-start:24px;max-width:480px}.principle-section__intro em{font-style:normal;color:#6acda3}.principle-section__quote{display:grid;grid-template-columns:58px 1fr;align-items:start;margin:34px 0 0;max-width:478px}.principle-section__quote-mark{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:800;font-size:64px;line-height:1;color:#6acda3;transform:translateY(-6px)}.principle-section__quote-text{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:17px;line-height:26px;color:#051c25;margin:0}.principle-section__panel{display:flex;flex-direction:column;align-items:stretch}.principle-section__base-card{background-color:#051c25;border-radius:14px;padding:26px 32px 28px;min-height:130px}.principle-section__base-eyebrow{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:10px;line-height:normal;letter-spacing:1.8px;text-transform:uppercase;color:#6acda3;margin:0}.principle-section__base-title{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:22px;line-height:normal;color:#fff;margin:10px 0 0}.principle-section__base-text{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:13px;line-height:normal;color:#fff9;margin:12px 0 0}.principle-section__connector{position:relative;display:flex;align-items:center;justify-content:center;height:36px;margin-block-start:22px}.principle-section__connector-line{position:absolute;inset-inline:0;top:50%;border-top:2px dashed rgba(5,28,37,.14)}.principle-section__connector-badge{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--ps-background, #f2f2f2);border:1px solid rgba(106,205,163,.5)}.principle-section__panel-heading{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:20px;line-height:normal;color:#051c25;text-align:center;margin:22px 0 0}.principle-section__variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block-start:32px}.principle-section__variant{position:relative;display:flex;height:300px;background-color:#fff;border:1px solid rgba(5,28,37,.06);border-radius:16px;box-shadow:0 6px 20px #051c250f;overflow:hidden}.principle-section__variant-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.principle-section__variant:has(.principle-section__variant-cover:hover),.principle-section__variant:has(.principle-section__variant-cover:focus-visible){border-color:#6acda380;box-shadow:0 10px 26px #051c251a}.principle-section__variant-body{z-index:1;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;padding:23px;width:100%;position:relative}.principle-section__variant-title{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:20px;line-height:normal;color:#051c25;margin:0}.principle-section__variant-subtitle{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:13px;line-height:19px;color:#7a8a8f;margin:8px 0 0;max-width:136px}.principle-section__variant-actives{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:13px;line-height:normal;margin:22px 0 0}.principle-section__variant-actives-count{font-weight:700;color:#051c25}.principle-section__variant-actives-suffix{font-weight:700;color:#7a8a8f;margin-inline-start:6px}.principle-section__tags{list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:14px 0 0;padding:0}.principle-section__tag{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:12px;line-height:26px;color:#051c25;border:1px solid rgba(5,28,37,.12);border-radius:14px;height:28px;padding:0 11px;white-space:nowrap}.principle-section__variant-link{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:13px;line-height:normal;color:#6acda3;text-decoration:none;margin:18px 0 0;position:relative;z-index:2;pointer-events:auto}.principle-section__variant-link:hover{text-decoration:underline}.principle-section__variant-figure{position:absolute;right:var(--ps-image-right, 19px);bottom:var(--ps-image-bottom, -60px);width:var(--ps-image-width, 62px);height:var(--ps-image-height, 190px);overflow:hidden;pointer-events:none}.principle-section__variant-image{position:absolute;top:var(--ps-image-inset-top, 0%);left:var(--ps-image-inset-left, 0%);width:var(--ps-image-scale, 100%);height:var(--ps-image-scale-y, 100%);max-width:none;object-fit:contain;object-position:bottom center}.principle-section__footnote{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;font-size:13px;line-height:normal;color:#7a8a8f;text-align:center;margin:24px 0 0}.principle-section__footnote-mark{color:#6acda3;margin-inline-end:4px}@media(min-width:961px)and (max-width:1199px){.principle-section__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding-inline:48px}.principle-section__variant{height:auto;min-height:300px}.principle-section__variant-body{padding-inline-end:12px}.principle-section__variant-subtitle{max-width:100%}.principle-section__variant-figure{width:54px;height:150px;right:8px;bottom:-30px}.principle-section__tag{font-size:11px;padding:0 9px}}@media(max-width:960px){.principle-section{padding-block:72px 64px}.principle-section__inner{grid-template-columns:minmax(0,1fr);gap:48px;padding-inline:0}.principle-section__title,.principle-section__title p{font-size:36px;line-height:44px}.principle-section__intro,.principle-section__quote{max-width:none}.principle-section__connector{margin-block-start:32px}.principle-section__variants{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;justify-content:flex-start;align-items:stretch;max-width:100%;scrollbar-width:none;margin-inline:-20px;padding-inline:20px}.principle-section__variants::-webkit-scrollbar{display:none}.principle-section__variant{flex:0 0 75%;max-width:75%;scroll-snap-align:center;height:auto;min-height:300px}.principle-section__variant-figure{right:auto;left:12px}.principle-section__variant-image{object-position:bottom center}.principle-section__variant-body{padding-inline-start:calc(var(--ps-image-width, 62px) + 26px)}.principle-section__variant-image{translate:none}}@media(max-width:600px){.principle-section{padding-block:48px}.principle-section__inner{gap:32px;padding-inline:0}.principle-section__eyebrow{margin-block-end:12px}.principle-section__intro{margin-block-start:16px}.principle-section__quote{margin-block-start:24px}.principle-section__connector{margin-block-start:20px}.principle-section__panel-heading{margin-block-start:18px}.principle-section__variants{margin-block-start:24px}.principle-section__footnote{margin-block-start:20px}.principle-section__title,.principle-section__title p{font-size:30px;line-height:38px;letter-spacing:-.6px}.principle-section__quote{grid-template-columns:40px 1fr}.principle-section__quote-mark{font-size:48px}.principle-section__base-card{padding:22px 20px 24px}.principle-section__base-title{font-size:19px}.principle-section__variants{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;justify-content:flex-start;align-items:stretch;max-width:100%;scrollbar-width:none;margin-inline:-20px;padding-inline:20px;width:auto;max-width:none;scroll-padding-inline:20px}.principle-section__variants::-webkit-scrollbar{display:none}.principle-section__variant{flex:0 0 88%;max-width:88%;scroll-snap-align:center}.principle-section__variant{height:auto;min-height:300px}.principle-section__variant-subtitle{max-width:60%}.principle-section__variant-figure{height:calc(var(--ps-image-height, 190px) * .85);bottom:-34px;right:auto;left:10px}.principle-section__variant-body{padding-inline-start:calc(var(--ps-image-width, 62px) + 22px);align-items:flex-end;text-align:right}.principle-section__variant-subtitle{max-width:100%}.principle-section__tags{align-items:flex-end}}@media(min-width:1200px){.principle-section__variant-actives{position:absolute;top:101px;left:23px;margin:0}.principle-section__tags{position:absolute;top:133px;left:23px;margin:0}.principle-section__variant-link{position:absolute;top:263px;left:23px;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-principle-section.css.map */