.dreamey-problem{position:relative;height:280vh}.dreamey-problem__sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;padding:var(--section-spacing-md) 0;overflow:hidden;background-color:var(--color-blue-wash)}.dreamey-problem__grid{display:grid;grid-template-columns:2fr 3fr;gap:80px;align-items:center;width:100%}.dreamey-problem__eyebrow{color:var(--color-deep-current);margin-bottom:12px}.dreamey-problem__title{margin:0 0 12px}.dreamey-problem__intro{color:var(--color-deep-warm-gray);font-size:17px;line-height:1.6}.dreamey-problem__intro p{margin:0 0 16px}.dreamey-problem__intro p:last-child{margin-bottom:0}.dreamey-problem__cta{margin-top:32px}.dreamey-problem__viewport{position:relative;height:calc(100vh - 2 * var(--section-spacing-md));max-height:720px;overflow:hidden}.dreamey-problem__counter{position:absolute;top:0;right:0;z-index:3;visibility:hidden;font-family:var(--font-body);font-weight:600;font-size:11px;letter-spacing:.14em;color:var(--color-deep-current);display:flex;align-items:baseline;gap:8px}.dreamey-problem__counter-line{display:inline-block;width:24px;height:1px;background:currentColor;opacity:.35;align-self:center}.dreamey-problem__plane{position:absolute;top:0;left:0;height:100%;aspect-ratio:2400 / 700;will-change:transform}.dreamey-problem__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;overflow:visible}.dreamey-problem__path{fill:none;stroke:var(--color-deep-current);stroke-width:2.5;stroke-linecap:round}.dreamey-problem__path--ghost{stroke:var(--color-deep-current);opacity:.12;stroke-dasharray:2 7;stroke-width:1.5}.dreamey-problem__gridline{stroke:var(--color-deep-current);stroke-width:1;opacity:.07}.dreamey-problem__tick{stroke:var(--color-deep-current);stroke-width:1;opacity:.14}.dreamey-problem__point{fill:var(--color-blue-wash);stroke:var(--color-deep-current);stroke-width:2.5;opacity:0;transition:opacity .5s ease}.dreamey-problem__point.is-on{opacity:1}.dreamey-problem__tip{fill:var(--color-deep-current)}.dreamey-problem__tip-halo{fill:none;stroke:var(--color-deep-current);stroke-width:1.5;animation:dreamey-tip-pulse 2.2s ease-out infinite;transform-origin:center}@keyframes dreamey-tip-pulse{0%{opacity:.6;r:8}70%{opacity:0;r:22}to{opacity:0;r:22}}.dreamey-problem__stat{position:absolute;width:240px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.dreamey-problem__stat.is-on{opacity:1;transform:translateY(0)}.dreamey-problem__stat--above{transform:translateY(-14px)}.dreamey-problem__stat--above.is-on{transform:translateY(0)}.dreamey-problem__stat-value{color:var(--color-deep-current);font-size:40px}.dreamey-problem__readout{display:none;flex-direction:column;gap:6px;border-top:1px solid var(--color-deep-current);padding-top:20px;min-height:96px}.dreamey-problem__readout .dreamey-data-number{color:var(--color-deep-current);font-size:32px}.dreamey-problem__readout.tick>*{animation:dreamey-readout-in .45s ease both}@keyframes dreamey-readout-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dreamey-problem__stats-static{display:none;flex-direction:column;gap:28px}.dreamey-problem__stat-row{display:flex;align-items:baseline;gap:16px}.dreamey-problem__stat-row .dreamey-data-number{color:var(--color-deep-current);font-size:32px;min-width:80px;flex-shrink:0}.dreamey-problem.is-static{height:auto}.dreamey-problem.is-static .dreamey-problem__sticky{position:static;height:auto;overflow:visible}.dreamey-problem.is-static .dreamey-problem__viewport,.dreamey-problem.is-static .dreamey-problem__counter,.dreamey-problem.is-static .dreamey-problem__readout{display:none}.dreamey-problem.is-static .dreamey-problem__stats-static{display:flex}@media(max-width:991px){.dreamey-problem__sticky{align-items:stretch}.dreamey-problem__grid{display:flex;flex-direction:column;align-items:stretch;height:100%;gap:20px}.dreamey-problem__text{display:contents}.dreamey-problem__eyebrow{order:1}.dreamey-problem__title{order:2;margin-bottom:16px}.dreamey-problem__intro{order:3}.dreamey-problem__intro p{margin:0 0 12px}.dreamey-problem__readout{order:4}.dreamey-problem__viewport{order:5}.dreamey-problem__cta{order:6}.dreamey-problem__readout{display:flex;border-top:none;padding-top:0;min-height:92px;flex:0 0 auto}.dreamey-problem__readout .dreamey-data-number{font-size:32px}.dreamey-problem__viewport{flex:1 1 auto;height:auto;aspect-ratio:auto;max-height:none;min-height:150px;margin-top:0}.dreamey-problem__cta{flex:0 0 auto;border-top:1px solid var(--color-deep-current);padding-top:24px;margin-top:0}.dreamey-problem__stat{display:none}}@media(max-width:991px)and (max-height:740px){.dreamey-problem__sticky{padding:var(--section-spacing-sm) 0}.dreamey-problem__grid{gap:14px}.dreamey-problem__title{margin-bottom:12px}.dreamey-problem__intro p{margin:0 0 10px}.dreamey-problem__intro p:first-child{font-size:14px;line-height:1.4}.dreamey-problem__viewport{min-height:110px}.dreamey-problem__readout{min-height:78px}.dreamey-problem__readout .dreamey-data-number{font-size:28px}.dreamey-problem__cta{padding-top:18px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/dreamey-problem.css.map */