.sticky-panels{--gap:clamp(2.5rem,5vw + 1.5rem,6rem);--_progress-bar-width:1px;align-items:center;display:grid;gap:var(--gap);list-style:none;margin:calc(var(--gap)/1.5) 0;padding:0;position:relative;z-index:0}@media (min-width:900px) and (prefers-reduced-motion:no-preference){.js:not(.hs-inline-edit) .sticky-panels{height:100vh}}.sticky-panels__progress{height:100%;inset:0;overflow:clip;position:absolute;width:100%;z-index:-1;&:before{background-color:rgb(var(--color-foreground),.2);content:"";height:100%;opacity:.2;width:var(--_progress-bar-width)}& progress,&:before{grid-area:progress-bar;position:sticky;top:0}& progress{appearance:none;background-color:transparent;display:none;height:calc(var(--_progress-bar-width)*2);transform:rotate(90deg);transform-origin:left center;width:100vh}}.hs-inline-edit .sticky-panels__progress progress{display:none!important}@media (prefers-reduced-motion:no-preference){.js .sticky-panels__progress progress{display:block;&::-webkit-progress-bar{background-color:transparent}&::-webkit-progress-value{background-color:rgb(var(--color-accent));border-radius:.5rem}}}.animation-complete .sticky-panels__progress progress{bottom:0;top:auto}.sticky-panels li{align-items:start;counter-increment:panel;display:grid;gap:0;grid-template-areas:"marker progress-bar text" "marker progress-bar image";grid-template-columns:3rem var(--_progress-bar-width) 1fr;justify-content:space-around;margin:0;padding:0;@media (min-width:1025px){grid-template-areas:"marker progress-bar text image";grid-template-columns:3rem var(--_progress-bar-width) clamp(390px,28vw,510px) 1fr}}@media (min-width:900px) and (prefers-reduced-motion:no-preference){.js:not(.hs-inline-edit) .sticky-panel{grid-column:1;grid-row:1}}.hs-inline-edit .sticky-panel:before,.no-js .sticky-panel:before{background-color:rgb(var(--color-accent));content:"";display:block;grid-area:progress-bar;height:var(--h2-font-size);width:calc(var(--_progress-bar-width)*2)}@media (max-width:899px) and (prefers-reduced-motion:no-preference){.sticky-panel:before{background-color:rgb(var(--color-accent));content:"";display:block;grid-area:progress-bar;height:var(--h2-font-size);width:calc(var(--_progress-bar-width)*2)}}.sticky-panel__marker{align-items:center;border-radius:50%;color:var(--_description-color,inherit);display:flex;grid-area:marker;height:var(--h2-font-size);width:3rem;&:before{content:counter(panel,decimal-leading-zero)}}.sticky-panel__text{color:var(--_description-color,inherit);font:var(--_description-font-style,var(--font-style)) var(--_description-font-weight,var(--font-weight)) var(--_description-font-size,var(--font-size)) /var(--_description-line-height,var(--line-height)) var(--_description-font-family,var(--font-family));grid-area:text;padding:0 2rem;text-align:inherit;text-decoration:var(--_description-text-decoration,none)}.sticky-panel h2{color:var(--_title-color,inherit);font:var(--_title-font-style,var(--font-style)) var(--_title-font-weight,var(--font-weight)) var(--_title-font-size,var(--font-size)) /var(--_title-line-height,var(--line-height)) var(--_title-font-family,var(--font-family));text-decoration:var(--_title-text-decoration,none);--font-family:var(--h3-font-family);--font-size:var(--h3-font-size);--font-style:var(--h3-font-style);--font-weight:var(--h3-font-weight);--line-height:var(--h3-line-height)}.sticky-panel__image{border-radius:var(--media-radius);grid-area:image;overflow:hidden}.sticky-panel__image img{aspect-ratio:7/5;object-fit:cover;width:100%}@media (min-width:900px) and (prefers-reduced-motion:no-preference){.js:not(.hs-inline-edit) .sticky-panel__image,.js:not(.hs-inline-edit) .sticky-panel__text>*{will-change:transform,opacity}}