body.dif-how-works .dif-how-chapters{position:sticky;top:var(--dif-how-header-offset, 0px);z-index:2;background:#fffffff7;border-bottom:1px solid #dce3ed;font-family:var(--font-body-family),sans-serif}body.dif-how-works .dif-how-chapters[hidden],.dif-how-chapters a[hidden]{display:none}.dif-how-chapters__inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% - 2 * var(--dif-how-gutter, 22px));max-width:var(--dif-how-content-max, 1200px);margin-inline:auto}.dif-how-chapters a{display:grid;place-items:center;min-width:0;min-height:48px;padding:10px 4px;border-bottom:2px solid transparent;color:#5d687c;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;transition:color .16s ease,border-color .16s ease}.dif-how-chapters a[aria-current=location]{color:#1d4fc4;border-bottom-color:currentColor}.dif-how-chapters a:focus-visible{outline:2px solid #1d4fc4;outline-offset:-4px}body.dif-how-works [data-how-chapter-target]{scroll-margin-top:calc(var(--dif-how-header-offset, 0px) + 64px)}body.dif-how-works main#MainContent .dif-how-guide{display:block;padding-block:var(--dif-how-section-space, 56px);background:#fff;color:#0b1b3f;font-family:var(--font-body-family),sans-serif;font-size:var(--dif-how-body, 16px);line-height:1.5}.dif-how-guide,.dif-how-guide *{box-sizing:border-box}.dif-how-guide__inner{width:calc(100% - 2 * var(--dif-how-gutter, 22px));max-width:var(--dif-how-content-max, 1200px);margin-inline:auto}body.dif-how-works main#MainContent .dif-how-guide h2{margin:0;font-family:var(--font-heading-family),sans-serif;font-size:var(--dif-how-title, 40px);font-weight:var(--difiney-title-weight, 600);line-height:1.16;letter-spacing:-.015em;color:#0b1b3f}body.dif-how-works main#MainContent .dif-how-guide h3{margin:0;font-family:var(--font-heading-family),sans-serif;font-size:18px;font-weight:600;line-height:1.35;color:#0b1b3f}.dif-how-guide p{margin:8px 0 0;color:#5d687c}.dif-how-guide__heading{max-width:760px}.dif-how-guide .dif-how-guide__eyebrow{margin:0 0 12px;color:#1d4fc4;font-size:13px;font-weight:500}.dif-how-guide__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"heading stages" "visual stages";grid-template-rows:min-content 1fr;gap:24px clamp(32px,4.2vw,64px);align-items:start}.dif-how-guide--visual .dif-how-guide__heading{grid-area:heading}.dif-how-guide__visual{grid-area:visual;position:sticky;top:calc(var(--dif-how-header-offset, 0px) + 72px);min-width:0;background:#fff}.dif-how-guide__product{aspect-ratio:16 / 10;overflow:hidden;background:#fff}.dif-how-guide__product video{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.45);border:0;border-radius:0;box-shadow:none}.dif-how-guide .dif-how-guide__principle{margin:20px 0 0;font-size:14px;color:#5d687c}.dif-how-guide__stages{grid-area:stages;min-width:0}.dif-how-guide__pace{margin:0}.dif-how-guide__pace p{font-size:14px;line-height:1.55}.dif-how-guide__timeline{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:24px 0 0;padding:0;list-style:none}.dif-how-guide__timeline li{position:relative;min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;padding:0 0 24px;border:0}.dif-how-guide__timeline li:last-child{padding-bottom:0}.dif-how-guide__timeline li:not(:last-child):before{content:"";position:absolute;left:17px;top:36px;bottom:0;border-left:1px solid #cad5e6}.dif-how-guide__marker{display:grid;place-items:center;width:36px;height:36px;border:1px solid #cad5e6;border-radius:50%;color:#5d687c;background:#fff;font-size:14px;font-weight:600;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.dif-how-guide__timeline .is-active .dif-how-guide__marker{background:#1d4fc4;border-color:#1d4fc4;color:#fff}.dif-how-guide__night{display:block;margin:0;color:#5d687c;font-size:12px;font-weight:500}.dif-how-guide__timeline .is-active .dif-how-guide__night{color:#1d4fc4}.dif-how-guide__stage-copy{min-width:0;padding-top:2px}.dif-how-guide__stage-copy h3{margin-top:6px!important}.dif-how-guide__stage-copy p{margin-top:8px;font-size:15px}.dif-how-guide__comfort{margin-top:32px;padding:16px 20px;border-left:3px solid #a7bce4;background:#f7f9fc}.dif-how-guide__comfort p{margin-top:6px;font-size:14px}.dif-how-guide__faq{margin-top:20px}.dif-how-guide__faq details{border-bottom:1px solid #dce3ed}.dif-how-guide__faq details:first-child{border-top:1px solid #dce3ed}.dif-how-guide__faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:52px;padding:16px 0;list-style:none;cursor:pointer;font-size:var(--dif-how-body, 16px);font-weight:600}.dif-how-guide__faq summary::-webkit-details-marker{display:none}.dif-how-guide__faq summary:focus-visible{outline:2px solid #1d4fc4;outline-offset:3px}.dif-how-guide__faq-icon{position:relative;width:16px;height:16px;flex:0 0 16px;color:#1d3c77}.dif-how-guide__faq-icon:before,.dif-how-guide__faq-icon:after{content:"";position:absolute;width:12px;height:2px;top:7px;left:2px;background:currentColor}.dif-how-guide__faq-icon:after{transform:rotate(90deg);transition:transform .16s ease}.dif-how-guide__faq details[open] .dif-how-guide__faq-icon:after{transform:rotate(0)}.dif-how-guide__answer{padding-bottom:18px;max-width:850px;color:#5d687c}.dif-how-guide__answer p{margin:0 0 8px}.dif-how-guide__answer p:last-child{margin-bottom:0}@media(max-width:989px){.dif-how-guide__layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "visual" "stages";gap:24px}.dif-how-guide__visual{position:static}.dif-how-guide__product{max-width:620px;margin-inline:auto;aspect-ratio:16 / 9}}@media(max-width:749px){.dif-how-chapters a{font-size:12px}.dif-how-guide__layout{gap:20px}.dif-how-guide .dif-how-guide__principle{margin-top:12px;font-size:13px}.dif-how-guide__timeline{margin-top:20px}.dif-how-guide__timeline li{grid-template-columns:32px minmax(0,1fr);gap:14px;padding-bottom:22px}.dif-how-guide__marker{width:32px;height:32px;font-size:13px}.dif-how-guide__timeline li:not(:last-child):before{left:15px;top:32px}.dif-how-guide__stage-copy p{font-size:14px}.dif-how-guide__comfort{margin-top:28px;padding:14px 16px}}@media(prefers-reduced-motion:reduce){.dif-how-chapters a,.dif-how-guide__marker,.dif-how-guide__faq-icon:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/difiney-how-guide.css.map */