.hscroll{overflow:clip}.hscroll.is-pinned{padding-top:0;padding-bottom:0}.hscroll.is-pinned .hscroll__sticky{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:var(--header-h);overflow:hidden}.hscroll__head{display:grid;gap:var(--s-4);margin-bottom:clamp(32px,5vh,64px)}@media(min-width:990px){.hscroll__head{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:var(--s-9)}}.hscroll__aside{display:grid;gap:var(--s-4);max-width:420px}.hscroll__progress{position:relative;height:1px;background:var(--c-line);overflow:hidden}.hscroll__progress span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-accent-2);transform:scaleX(0);transform-origin:var(--origin-start, left)}.hscroll__viewport{outline:none}.hscroll.is-native .hscroll__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.hscroll.is-native .hscroll__viewport::-webkit-scrollbar{display:none}.hscroll.is-pinned .hscroll__viewport{overflow:hidden}.hscroll__track{display:flex;gap:clamp(16px,2vw,28px);padding-inline-start:max(var(--gutter),calc((100vw - var(--page-width)) / 2));padding-inline-end:var(--gutter);will-change:transform}.hscroll__panel{flex:none;width:clamp(280px,30vw,440px);display:grid;gap:var(--s-3);align-content:start;padding:var(--s-4);border-radius:var(--radius);background:var(--c-surface);box-shadow:inset 0 0 0 1px var(--c-line);scroll-snap-align:start;scroll-margin-inline-start:var(--gutter);transition:box-shadow var(--d-medium),transform var(--d-slow) var(--ease-premium)}.hscroll__panel:hover{box-shadow:inset 0 0 0 1px var(--c-line-strong);transform:translateY(-4px)}.hscroll__panel--end{width:1px;padding:0;background:none;box-shadow:none}.hscroll__panel-top{display:flex;align-items:center;justify-content:space-between}.hscroll__num{font-family:var(--font-display);font-size:clamp(2.5rem,2rem + 2vw,4rem);line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px var(--c-accent-2)}.hscroll__visual .media{border-radius:calc(var(--radius) - 6px)}.hscroll__text{font-size:var(--fs-small)}@media(max-height:760px)and (min-width:990px){.hscroll__visual{display:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-hscroll.css.map */