@layer sections{.hrail__stage{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.hrail__stage::-webkit-scrollbar{display:none}.hrail__track{display:flex;gap:var(--rail-gap, 0px);width:max-content}.hrail__panel{display:grid;flex:none;grid-template-rows:minmax(0,1fr) auto;width:85vw;height:min(78svh,40rem);overflow:hidden;scroll-snap-align:start}.hrail__panel--image,.hrail__panel--text{grid-template-rows:minmax(0,1fr)}.hrail__media{position:relative;min-height:0;overflow:hidden;background-color:var(--color-bg-subtle)}.hrail__media :is(img,video,svg){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hrail__copy{display:grid;align-content:center;justify-items:start;gap:var(--space-3);padding:clamp(1.5rem,1rem + 2.5vw,3.5rem)}.hrail__panel--image_text .hrail__copy{justify-items:center;text-align:center}.hrail__heading{margin:0;font-size:clamp(1.625rem,1.2rem + 1.9vw,3.25rem);line-height:1.14}.hrail__text{max-width:34rem;opacity:.85}@media(min-width:990px){.hrail{display:block;height:calc(var(--rail-travel, 0px) + 100svh - var(--header-offset, 0px))}.hrail__stage{position:sticky;top:var(--header-offset, 0px);height:calc(100svh - var(--header-offset, 0px));overflow:hidden;scroll-snap-type:none}.hrail__track{height:100%;will-change:transform}.hrail__panel{width:var(--panel-w, 50vw);height:100%}}@media(max-width:989px){.hrail[data-pin-mobile]{display:block;height:calc(var(--rail-travel, 0px) + 100svh - var(--header-offset, 0px) - var(--dock-space, 0px))}.hrail[data-pin-mobile] .hrail__stage{position:sticky;top:var(--header-offset, 0px);display:flex;align-items:center;height:calc(100svh - var(--header-offset, 0px) - var(--dock-space, 0px));overflow:hidden;scroll-snap-type:none}.hrail[data-pin-mobile] .hrail__track{flex:none}.hrail[data-pin-mobile] :is(.hrail__panel,.mgrid--rail .mgrid__item){max-height:calc(100svh - var(--header-offset, 0px) - var(--dock-space, 0px) - 2rem)}.hrail[data-pin-mobile] .hrail__track{will-change:transform}}@media(max-width:989px)and (prefers-reduced-motion:reduce){:root[data-motion=respect] .hrail[data-pin-mobile]{height:auto}:root[data-motion=respect] .hrail[data-pin-mobile] .hrail__stage{position:static;height:auto;overflow-x:auto;scroll-snap-type:x mandatory}}@media(min-width:990px)and (prefers-reduced-motion:reduce){:root[data-motion=respect] .hrail{height:auto}:root[data-motion=respect] .hrail__stage{position:static;overflow-x:auto}}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-scroll-rail.css.map */