.h7-listicle{--h7-listicle-measure: 70rem;--h7-listicle-wide: 104rem;--h7-listicle-rule: rgba(75, 46, 131, .14);background:var(--h7-bg);color:var(--h7-ink-body);padding-block:clamp(8rem,10vw,12rem) clamp(6.4rem,8vw,10rem)}.h7-listicle h2{counter-increment:h7rule;position:relative}.h7-listicle__body{counter-reset:h7rule}.h7-listicle__body>h2:before{content:counter(h7rule);display:block;font-family:var(--font-heading-family);font-size:clamp(4.4rem,6vw,6.4rem);line-height:.9;font-weight:var(--h7-weight-heading);color:var(--h7-lavender);margin-bottom:.8rem}.h7-listicle__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.2rem;margin:clamp(3.2rem,4vw,4.4rem) 0;background:var(--h7-border);border-radius:var(--h7-radius-md);overflow:hidden}.h7-listicle__stat{background:var(--h7-deep-purple);color:#fffdf7;padding:clamp(2.4rem,3vw,3.2rem) 2rem;text-align:center}.h7-listicle__stat-figure{display:block;font-family:var(--font-heading-family);font-weight:var(--h7-weight-heading);font-size:clamp(3.2rem,4.4vw,4.4rem);line-height:1;color:var(--h7-lavender);margin-bottom:.8rem}.h7-listicle__stat-label{display:block;font-size:1.35rem;line-height:1.4;opacity:.82}.h7-listicle__compare{width:100%;border-collapse:collapse;margin:clamp(2.8rem,3.4vw,3.6rem) 0;font-size:1.5rem;border:1px solid var(--h7-border);border-radius:var(--h7-radius-sm);overflow:hidden}.h7-listicle__compare th,.h7-listicle__compare td{padding:1.4rem 1.6rem;text-align:left;border-bottom:1px solid var(--h7-border)}.h7-listicle__compare thead th{background:var(--h7-soft-lavender);font-family:var(--font-heading-family);font-weight:var(--h7-weight-label);color:var(--h7-ink);font-size:1.4rem}.h7-listicle__compare tbody tr:last-child th,.h7-listicle__compare tbody tr:last-child td{border-bottom:0}.h7-listicle__compare tbody th{font-weight:var(--h7-weight-label);color:var(--h7-muted);width:34%}.h7-listicle__compare .is-good{color:var(--h7-purple);font-weight:var(--h7-weight-label)}.h7-listicle__pull{margin:clamp(3.6rem,4.4vw,5rem) 0;padding:clamp(2.4rem,3vw,3.2rem) 0;border-top:1px solid var(--h7-border);border-bottom:1px solid var(--h7-border);font-family:var(--font-heading-family);font-weight:var(--h7-weight-heading);font-size:clamp(2rem,2.6vw,2.7rem);line-height:1.28;color:var(--h7-ink);letter-spacing:-.01em}.h7-listicle__timeline{margin:clamp(3.2rem,4vw,4.4rem) 0;padding:clamp(2.4rem,3vw,3.2rem);background:var(--h7-surface);border:1px solid var(--h7-border);border-radius:var(--h7-radius-md)}.h7-listicle__timeline-title{font-size:1.2rem;font-weight:var(--h7-weight-label);letter-spacing:.12em;text-transform:uppercase;color:var(--h7-muted);margin:0 0 2rem}.h7-listicle__track{display:flex;height:1.2rem;border-radius:999rem;overflow:hidden;margin-bottom:1.2rem}.h7-listicle__track-seg{height:100%}.h7-listicle__track-seg--hour1{flex:1;background:var(--h7-highlight)}.h7-listicle__track-seg--rest{flex:6;background:var(--h7-lavender)}.h7-listicle__track-key{display:flex;justify-content:space-between;gap:1.6rem;font-size:1.3rem;color:var(--h7-muted);margin:0}.h7-listicle__track-key strong{display:block;color:var(--h7-ink)}.h7-listicle__inner{display:grid;grid-template-columns:[full-start] minmax(var(--h7-page-gutter),1fr) [wide-start] minmax(0,calc((var(--h7-listicle-wide) - var(--h7-listicle-measure)) / 2)) [text-start] min(100% - (var(--h7-page-gutter) * 2),var(--h7-listicle-measure)) [text-end] minmax(0,calc((var(--h7-listicle-wide) - var(--h7-listicle-measure)) / 2)) [wide-end] minmax(var(--h7-page-gutter),1fr) [full-end]}.h7-listicle__inner>*{grid-column:text}.h7-listicle__stats,.h7-listicle__timeline,.h7-listicle__compare,.h7-listicle__pull,.h7-listicle__close{grid-column:wide}.h7-listicle__hero{grid-column:full;margin:0 0 clamp(3.2rem,4vw,5rem)}.h7-listicle__hero img{display:block;width:100%;height:clamp(28rem,46vh,52rem);object-fit:cover}.h7-listicle__hero figcaption{width:min(100% - (var(--h7-page-gutter) * 2),var(--h7-listicle-wide));margin:1.2rem auto 0;font-size:1.25rem;color:var(--h7-muted)}@media screen and (min-width:1000px){.h7-listicle h1{font-size:clamp(4.4rem,4.6vw,5.8rem)}.h7-listicle__standfirst{font-size:2.2rem;max-width:56ch}.h7-listicle p{font-size:1.75rem;line-height:1.75}.h7-listicle__body>h2{display:grid;grid-template-columns:9rem 1fr;align-items:baseline;column-gap:2.4rem;margin-left:-11.4rem;width:calc(100% + 11.4rem)}.h7-listicle__body>h2:before{margin-bottom:0;text-align:right;font-size:6rem}.h7-listicle__pull{font-size:3.2rem;text-align:center;max-width:24ch;margin-inline:auto}.h7-listicle__close{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(3.2rem,4vw,5rem);align-items:start;padding:clamp(4rem,4.6vw,5.6rem)}.h7-listicle__close h2{grid-column:1 / -1;font-size:3rem}.h7-listicle__stat-figure{font-size:5rem}}.h7-listicle__masthead{display:flex;align-items:center;gap:1.2rem;padding-bottom:clamp(2.4rem,3vw,3.6rem);margin-bottom:clamp(3.2rem,4vw,4.8rem);border-bottom:1px solid var(--h7-listicle-rule)}.h7-listicle__wordmark{font-family:var(--font-heading-family);font-weight:var(--h7-weight-heading);font-size:1.5rem;letter-spacing:.16em;text-transform:uppercase;color:var(--h7-purple)}.h7-listicle__masthead-note{margin-left:auto;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:var(--h7-muted)}.h7-listicle__kicker{font-size:var(--h7-type-eyebrow);font-weight:var(--h7-weight-label);letter-spacing:var(--h7-type-eyebrow-tracking);text-transform:uppercase;color:var(--h7-highlight);margin:0 0 1.6rem}.h7-listicle h1{font-family:var(--font-heading-family);font-weight:var(--h7-weight-heading);font-size:clamp(3.2rem,4.4vw,5rem);line-height:1.08;letter-spacing:-.015em;color:var(--h7-ink);margin:0 0 2.4rem;text-wrap:balance}.h7-listicle__standfirst{font-size:clamp(1.8rem,1.9vw,2.1rem);line-height:1.55;color:var(--h7-ink);font-weight:var(--h7-weight-medium);margin:0 0 3.2rem}.h7-listicle hr{border:0;height:1px;background:var(--h7-listicle-rule);margin:clamp(3.2rem,4vw,4.8rem) 0}.h7-listicle h2{font-family:var(--font-heading-family);font-weight:var(--h7-weight-heading);font-size:clamp(2.2rem,2.6vw,2.9rem);line-height:1.2;letter-spacing:-.01em;color:var(--h7-ink);margin:clamp(4rem,5vw,5.6rem) 0 1.6rem;text-wrap:balance}.h7-listicle h2:first-of-type{margin-top:0}.h7-listicle p{font-size:var(--h7-type-body);line-height:1.72;margin:0 0 1.8rem}.h7-listicle strong{color:var(--h7-ink);font-weight:var(--h7-weight-label)}.h7-listicle__close{margin-top:clamp(4rem,5vw,6rem);padding:clamp(2.8rem,3.6vw,4rem);background:var(--h7-soft-lavender);border:1px solid var(--h7-border);border-radius:var(--h7-radius-md)}.h7-listicle__close h2{margin-top:0;font-size:clamp(2rem,2.2vw,2.4rem)}.h7-listicle__close p:last-of-type{margin-bottom:0}.h7-listicle__cta{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;margin-top:.8rem;padding:1.5rem 3.2rem;border-radius:999rem;background:var(--h7-purple);color:#fffdf7;font-family:var(--font-heading-family);font-weight:var(--h7-weight-label);font-size:1.6rem;letter-spacing:.01em;text-decoration:none;transition:transform .18s ease,background-color .18s ease}.h7-listicle__cta:hover,.h7-listicle__cta:focus-visible{background:var(--h7-accent);transform:translateY(-1px);color:#fffdf7}.h7-listicle__cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2rem;margin-bottom:0}.h7-listicle__cta-note{font-size:1.3rem;color:var(--h7-muted)}.h7-listicle__inline-cta{margin:clamp(3.2rem,4vw,4.4rem) 0;padding:clamp(2.2rem,2.8vw,3rem);background:var(--h7-surface);border:1px solid var(--h7-border);border-radius:var(--h7-radius-sm)}.h7-listicle__inline-cta-label{font-size:1.2rem;font-weight:var(--h7-weight-label);letter-spacing:.12em;text-transform:uppercase;color:var(--h7-highlight);margin:0 0 .8rem}.h7-listicle__inline-cta-text{font-size:1.5rem;line-height:1.6;color:var(--h7-ink);margin:0 0 1.6rem}.h7-listicle__inline-cta p:last-child{margin-bottom:0}.h7-listicle__cta--ghost{background:transparent;color:var(--h7-purple);border:1.5px solid var(--h7-purple);padding:1.2rem 2.4rem;font-size:1.5rem}.h7-listicle__cta--ghost:hover,.h7-listicle__cta--ghost:focus-visible{background:var(--h7-purple);color:#fffdf7}.h7-listicle__sticky{position:fixed;inset-inline:0;inset-block-end:0;z-index:45;display:flex;align-items:center;justify-content:center;gap:1.6rem;padding:1.2rem var(--h7-page-gutter);background:#fffdf7f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--h7-border);transform:translateY(110%);transition:transform .24s ease}.h7-listicle__sticky[data-visible=true]{transform:translateY(0)}.h7-listicle__sticky-text{font-size:1.4rem;color:var(--h7-ink);margin:0}.h7-listicle__sticky .h7-listicle__cta{margin-top:0;padding:1.2rem 2.6rem;font-size:1.5rem;flex-shrink:0}@media screen and (max-width:600px){.h7-listicle__sticky-text{display:none}.h7-listicle__sticky .h7-listicle__cta{width:100%}}@media(prefers-reduced-motion:reduce){.h7-listicle__sticky{transition:none}}.h7-listicle__legal{margin-top:clamp(3.2rem,4vw,4.4rem);padding-top:2.4rem;border-top:1px solid var(--h7-listicle-rule);font-size:1.05rem;line-height:1.5;color:var(--h7-muted);opacity:.75}.h7-listicle__progress{position:fixed;inset-block-start:0;inset-inline:0;height:3px;background:transparent;z-index:40;pointer-events:none}.h7-listicle__progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--h7-purple),var(--h7-highlight));transition:width .1s linear}@media(prefers-reduced-motion:reduce){.h7-listicle__cta,.h7-listicle__progress-bar{transition:none}}.h7-listicle__figure{grid-column:wide;margin:clamp(3.2rem,4vw,4.8rem) 0}.h7-listicle__figure img{display:block;width:100%;height:auto;border-radius:var(--h7-radius-md)}.h7-listicle__figure figcaption{margin-top:1.2rem;font-size:1.3rem;color:var(--h7-muted)}.h7-listicle__close-figure{grid-column:2;grid-row:2;margin:0}.h7-listicle__close-figure img{display:block;width:100%;height:auto;border-radius:var(--h7-radius-sm)}@media screen and (max-width:999px){.h7-listicle__close-figure{margin-bottom:2.4rem}}.h7-listicle{padding-block-start:0}.h7-listicle__hero{margin-top:calc(-1 * (var(--header-height, 0px) + var(--h7-listicle-header-pad, 2.4rem)));position:relative;z-index:0}.h7-listicle__hero img{height:clamp(24rem,40vh,42rem)}.h7-listicle__inner>:first-child:not(.h7-listicle__hero){margin-top:clamp(6.4rem,8vw,10rem)}.h7-listicle__hero+*{margin-top:clamp(3.2rem,4vw,5rem)}@media screen and (min-width:1000px){.h7-listicle__close{grid-template-columns:1.15fr .85fr;column-gap:clamp(3.2rem,4vw,4.8rem);row-gap:0;align-items:start}.h7-listicle__close>*{grid-column:1}.h7-listicle__close>h2{grid-column:1 / -1;margin-bottom:2.4rem}.h7-listicle__close>.h7-listicle__close-figure{grid-column:2;grid-row:2 / span 99;align-self:start;position:sticky;top:calc(var(--header-height, 0px) + 2.4rem)}}.h7-listicle__close>p{margin-bottom:1.8rem}.h7-listicle__close>.h7-listicle__cta-row{margin-top:1.2rem}.h7-listicle p.h7-listicle__legal,.h7-listicle .h7-listicle__legal{font-size:1.1rem!important;line-height:1.45;color:var(--h7-muted);opacity:.7;max-width:72ch}.h7-listicle p,.h7-listicle li,.h7-listicle__compare td{color:var(--h7-ink)}.h7-listicle__hero img{object-position:50% 12%}.h7-listicle__close-lead{font-size:1.7rem;line-height:1.5}.h7-listicle__spec{list-style:none;margin:2.4rem 0;padding:0}.h7-listicle__spec li{position:relative;padding:.9rem 0 .9rem 2.6rem;font-size:1.55rem;line-height:1.4;border-bottom:1px solid var(--h7-border)}.h7-listicle__spec li:last-child{border-bottom:0}.h7-listicle__spec li:before{content:"";position:absolute;left:.4rem;top:1.55rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--h7-highlight)}.h7-listicle p.h7-listicle__close-claim{font-size:1.2rem;line-height:1.5;color:var(--h7-muted);margin-bottom:2rem}@media screen and (min-width:1000px){.h7-listicle__close-lead{font-size:1.9rem}}.h7-listicle__contents{margin:0 0 clamp(2.4rem,3vw,3.2rem);padding:clamp(2.2rem,2.8vw,2.8rem) clamp(2.2rem,2.8vw,3.2rem);background:var(--h7-surface);border:1px solid var(--h7-border);border-radius:var(--h7-radius-md)}.h7-listicle__contents-title{font-family:var(--font-heading-family);font-weight:var(--h7-weight-label);font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:var(--h7-purple);margin:0 0 1.4rem}.h7-listicle__contents ol{counter-reset:h7toc;list-style:none;margin:0;padding:0}.h7-listicle__contents li{counter-increment:h7toc;position:relative;padding:.9rem 0 .9rem 3.2rem;border-bottom:1px solid var(--h7-border)}.h7-listicle__contents li:last-child{border-bottom:0;padding-bottom:0}.h7-listicle__contents li:before{content:counter(h7toc);position:absolute;left:0;top:.9rem;width:2.2rem;font-family:var(--font-heading-family);font-weight:var(--h7-weight-heading);font-size:1.5rem;line-height:1.5;color:var(--h7-lavender);text-align:right}.h7-listicle__contents a{font-size:1.55rem;line-height:1.45;color:var(--h7-ink);text-decoration:none;border-bottom:1px solid transparent}.h7-listicle__contents a:hover,.h7-listicle__contents a:focus-visible{color:var(--h7-purple);border-bottom-color:currentColor}.h7-listicle__body>h2[id]{scroll-margin-top:calc(var(--header-height, 0px) + 10rem)}.h7-listicle p.h7-listicle__takeaway{margin:2.4rem 0 0;padding:1.8rem 2rem;background:var(--h7-soft-lavender);border:1px solid var(--h7-border);border-radius:var(--h7-radius-sm);font-size:1.55rem;line-height:1.55;color:var(--h7-ink)}.h7-listicle__takeaway-label{display:block;font-family:var(--font-heading-family);font-weight:var(--h7-weight-label);font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--h7-purple);margin-bottom:.6rem}@media screen and (min-width:1000px){.h7-listicle p.h7-listicle__takeaway{font-size:1.6rem}.h7-listicle__contents a{font-size:1.65rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/h7-listicle.css.map */