:root{--cro-field: #c9c6f9}.cro{--cro-field: #c9c6f9;--cro-gutter: clamp(20px, 5vw, 64px);--cro-slide-dur: .76s;--cro-seat: cubic-bezier(.22, 1.12, .36, 1);--cro-measure: 1500px;background:var(--cro-field);color:var(--hh-ink)}.cro *,.cro *:before,.cro *:after{box-sizing:border-box}.cro__wrap{width:100%;max-width:var(--cro-measure);margin-inline:auto;padding-inline:var(--cro-gutter)}.cro-panel-section{display:flex;flex-direction:column;padding-block:clamp(28px,5vh,64px);scroll-margin-top:var(--cro-head-h, 76px)}.cro-panel-section>.cro__wrap{display:flex;flex:1 0 auto;align-items:center}.cro-tail{flex:0 0 auto;width:100%}.cro-tail .subfooter,.cro-tail .subfooter__items{background:transparent!important;color:var(--hh-ink-soft)!important}.cro-tail .subfooter{text-align:center;font-size:.8125rem}.cro-tail .subfooter a{color:var(--hh-ink-soft)}.cro-tail .subfooter a:hover{color:var(--hh-lav-deep)}.cro-tail .subfooter__items{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:center}.cro-deck-on,.cro-deck-on body{height:100%;overflow:hidden;scroll-behavior:auto}.cro-deck-on,.cro-deck-on body,.cro-deck-on #MainContent,.cro-deck{background:var(--cro-field)}.cro-deck{position:fixed;top:var(--cro-deck-top, 0px);right:0;bottom:0;left:0;overflow:hidden}.cro-deck-on .cro-slide{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;transition:opacity var(--cro-slide-dur) var(--hh-ease),transform var(--cro-slide-dur) var(--hh-ease),visibility 0s linear var(--cro-slide-dur)}.cro-deck-on .cro-slide.is-before{opacity:0;transform:translate3d(0,-6%,0);visibility:hidden}.cro-deck-on .cro-slide.is-after{opacity:0;transform:translate3d(0,6%,0);visibility:hidden}.cro-deck-on .cro-slide.is-active{opacity:1;transform:none;visibility:visible;transition-delay:0s}.cro-deck-on .cro-slide .cro-panel{transition:transform var(--cro-slide-dur) var(--cro-seat)}.cro-deck-on .cro-slide:not(.is-active) .cro-panel{transform:translate3d(0,26px,0)}.cro-deck-on .cro-slide .cro-media{transition:opacity var(--cro-slide-dur) var(--hh-ease)}.cro-deck-on .cro-slide:not(.is-active) .cro-media{opacity:0}.cro-deck--instant,.cro-deck--instant *{transition:none!important}.cro-step{position:fixed;left:50%;z-index:18;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;border:0;border-radius:var(--hh-r-pill);background:none;color:var(--hh-lav-deep);font:inherit;font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transform:translate(-50%);transition:opacity .25s var(--hh-ease)}.cro-step[hidden]{display:none}.cro-step:hover{opacity:.65}.cro-step:focus-visible{outline:3px solid var(--hh-lav-deep);outline-offset:3px}.cro-step--prev{top:calc(var(--cro-deck-top, 0px) + 10px)}.cro-step--next{bottom:14px;flex-direction:column-reverse}.cro-step__arrow{display:block;width:18px;height:18px}.cro-step--next .cro-step__arrow{animation:cro-bob-down 2.6s var(--hh-ease) infinite}.cro-step--prev .cro-step__arrow{animation:cro-bob-up 2.6s var(--hh-ease) infinite}@keyframes cro-bob-down{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes cro-bob-up{0%,to{transform:rotate(180deg) translateY(0)}50%{transform:rotate(180deg) translateY(5px)}}@media(prefers-reduced-motion:reduce){.cro-step__arrow{animation:none!important}}.cro-scale,.cro-step{background:none}.cro-scale{position:fixed;top:50%;left:max(clamp(10px,2vw,22px),calc(50% - (var(--cro-measure) / 2) - 30px));z-index:18;display:flex;flex-direction:column;gap:clamp(24px,3.2vh,34px);transform:translateY(-50%)}.cro-scale:before{content:"";position:absolute;top:4px;bottom:4px;left:0;width:7px;background:linear-gradient(to bottom,var(--hh-line-strong),var(--hh-line-strong)) left / 1px 100% no-repeat,repeating-linear-gradient(to bottom,var(--hh-line) 0 1px,transparent 1px 11px);opacity:.7;pointer-events:none}.cro-scale__stop{position:relative;display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:var(--hh-lav-deep);font:inherit;cursor:pointer}.cro-scale__stop:focus-visible{outline:3px solid var(--hh-lav-deep);outline-offset:4px}.cro-scale__stop:after{content:"";position:absolute;top:-11px;right:-20px;bottom:-11px;left:-10px}.cro-scale__tick{display:block;width:14px;height:2px;flex:0 0 auto;border-radius:2px;background:var(--hh-line-strong);transition:width var(--cro-slide-dur) var(--cro-seat),background-color .3s var(--hh-ease)}.cro-scale__stop:hover .cro-scale__tick{background:var(--hh-lav-deep)}.cro-scale__stop.is-active .cro-scale__tick{width:30px;height:3px;background:var(--hh-lav-deep)}.cro-scale__name{position:absolute;left:calc(100% + 6px);padding:5px 10px;border-radius:var(--hh-r-pill);background:var(--hh-lav-deep);color:var(--hh-white);font-size:.75rem;font-weight:700;line-height:1;white-space:nowrap;opacity:0;transform:translate(-4px);pointer-events:none;transition:opacity .22s var(--hh-ease),transform .22s var(--hh-ease)}.cro-scale__stop:hover .cro-scale__name,.cro-scale__stop:focus-visible .cro-scale__name{opacity:1;transform:none}.cro-panel{position:relative;padding:clamp(28px,3vw,46px);border-radius:var(--hh-r-lg);background:#ffffff9e;box-shadow:inset 0 1px #ffffffe5}.cro .hh-eyebrow{color:var(--hh-lav-deep)}.cro-clip{display:block;aspect-ratio:1 / 1;width:100%;height:auto;max-height:min(72vh,640px);margin-inline:auto;object-fit:contain;transition:opacity .26s var(--hh-ease);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 9%,#000 91%,transparent 100%)}.cro-clip.is-recycling{opacity:0}.cro-clip--portrait{aspect-ratio:9 / 16;max-height:min(88vh,940px);width:auto;max-width:100%}.cro-split{display:grid;gap:clamp(18px,3vw,48px);align-items:center;grid-template-columns:1fr;width:100%}@media(min-width:900px){.cro-split{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.cro-hero .cro-split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}.cro-media{order:-1}@media(min-width:900px){.cro-media{order:0}}.cro-hero__title{margin:0;font-size:clamp(2rem,3.9vw,3.25rem);line-height:1.04;letter-spacing:-.022em}.cro-hero .hh-lede{color:var(--hh-ink-soft)}.cro-chips{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none}.cro-chips__label{width:100%;margin:0 0 6px;font-size:.9375rem;color:var(--hh-ink-soft)}.cro-chip{display:inline-flex;align-items:center;padding:10px 17px;border:1.5px solid var(--hh-lav-deep);border-radius:var(--hh-r-pill);color:var(--hh-lav-deep);font-size:.9375rem;font-weight:700;text-decoration:none;transition:background-color .18s var(--hh-ease),color .18s var(--hh-ease)}.cro-chip:hover{background:var(--hh-lav-deep);color:var(--hh-white)}.cro-chip:focus-visible{outline:3px solid var(--hh-lav-deep);outline-offset:3px}.cro-stage__title{margin:0;font-size:clamp(1.5rem,2.7vw,2.25rem);line-height:1.1;letter-spacing:-.018em}.cro-stage__body{margin:12px 0 0;max-width:48ch;font-size:clamp(.9375rem,1.15vw,1.0625rem);line-height:1.55;color:var(--hh-ink-soft)}.cro-stage__body>:first-child{margin-top:0}.cro-stage__body>:last-child{margin-bottom:0}.cro-stage__cta{margin-top:24px}.cro-recs{display:grid;gap:18px;margin:22px 0 0;padding:0;list-style:none}.cro-rec{display:grid;gap:16px;grid-template-columns:auto minmax(0,1fr);align-items:start}.cro-rec__media{display:block;width:92px;height:92px;flex:0 0 auto;overflow:hidden;border-radius:var(--hh-r-md);background:var(--hh-lav-pale);box-shadow:inset 0 0 0 1px var(--hh-line)}.cro-rec__media img{display:block;width:100%;height:100%;object-fit:cover}.cro-rec__lead{margin:0 0 2px;font-size:.9375rem;color:var(--hh-ink-soft)}.cro-rec__name{margin:0;font-size:1.0625rem;line-height:1.3;font-weight:700}.cro-rec__name a{color:inherit;text-decoration:none;border-bottom:2px solid var(--hh-line-strong);transition:border-color .18s var(--hh-ease)}.cro-rec__name a:hover{border-color:var(--hh-lav-deep)}.cro-rec__name a:focus-visible{outline:3px solid var(--hh-lav-deep);outline-offset:3px}.cro-rec__price{margin-left:8px;font-weight:400;color:var(--hh-ink-soft);white-space:nowrap}.cro-rec__why{margin:6px 0 0;max-width:46ch;font-size:.9375rem;line-height:1.5;color:var(--hh-ink-soft)}@media(max-width:560px){.cro-rec{gap:14px;grid-template-columns:72px minmax(0,1fr)}.cro-rec__media{width:72px;height:72px}.cro-rec__price{display:block;margin-left:0;margin-top:3px}}.cro-next{margin:18px 0 0;max-width:48ch;font-size:.9375rem;line-height:1.55;color:var(--hh-ink-soft)}.cro-next a{color:var(--hh-lav-deep);font-weight:700;text-decoration:none;border-bottom:2px solid var(--hh-line-strong)}.cro-next a:hover{border-color:var(--hh-lav-deep)}.cro-system__title{margin:0;font-size:clamp(1.5rem,2.8vw,2.25rem);line-height:1.08;letter-spacing:-.018em}.cro-system .hh-lede{margin-top:12px;font-size:clamp(.9375rem,1.15vw,1.0625rem);color:var(--hh-ink-soft)}.cro-points{display:grid;gap:9px;margin:20px 0 0;padding:0;list-style:none}.cro-point{display:flex;align-items:flex-start;gap:11px;font-size:1rem;line-height:1.4}.cro-point__tick{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;margin-top:2px;border-radius:50%;background:var(--hh-lav-deep);color:var(--hh-white)}.cro-point__tick svg{width:11px;height:11px}.cro-trust{display:grid;gap:14px 26px;margin:24px 0 0;padding-top:20px;border-top:1px solid var(--hh-line);grid-template-columns:1fr}@media(min-width:620px){.cro-trust{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}.cro-trust__title{margin:0 0 2px;font-size:.875rem;font-weight:700}.cro-trust__body{margin:0;font-size:.8125rem;line-height:1.45;color:var(--hh-ink-soft)}@media(prefers-reduced-motion:reduce){.cro-scale__tick,.cro-deck-on .cro-slide .cro-panel{transition:none}.cro-deck-on .cro-slide:not(.is-active) .cro-panel{transform:none}.cro-guide--live .cro-reveal,.cro-guide--live .cro-reveal.is-inview{opacity:1;transform:none}.cro *,.cro *:before,.cro *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/cro-guide.css.map */