.moments{background:var(--sky);overflow:hidden;position:relative;z-index:1;isolation:isolate;--moments-distance:0px}.moments-pin{background:var(--sky);overflow:hidden}.moments-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;padding-top:clamp(80px,10vw,130px)}.moments-head p{max-width:34ch;margin:0;color:var(--ink-2);font-size:18px}.hscroll{padding-block:50px clamp(80px,10vw,130px)}.htrack{display:flex;gap:26px;padding-inline:clamp(16px,4vw,40px);width:max-content}.card{width:clamp(270px,30vw,380px);flex:none;background:var(--cream);border:2.5px solid var(--ink);border-radius:var(--r-card);padding:22px 22px 26px;box-shadow:0 8px 0 var(--ink);transform-style:preserve-3d;transition:translate .25s ease;position:relative}.card:nth-child(3n+1){background:var(--mint)}.card:nth-child(3n+2){background:var(--peach)}.card:nth-child(3n){background:var(--pink)}.card .art{height:200px;position:relative;transition:transform .3s ease}.card .art img{position:absolute;left:50%;bottom:0;translate:-50% 0;width:auto;height:auto;max-width:100%;max-height:250px;object-fit:contain;filter:drop-shadow(0 14px 12px rgba(15,28,46,.22))}.card .tag{font:700 12px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;margin-top:18px}.card h3{font-size:34px;margin-top:8px}.card p{margin:10px 0 0;color:var(--ink-2)}.card.end{background:var(--ink);color:var(--cream);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 0 var(--cherry)}.card.end h3{font-size:46px}.card.end p{color:color-mix(in srgb,var(--cream) 75%,var(--ink))}@media(min-width:900px)and (prefers-reduced-motion:no-preference){.moments.is-horizontal{height:calc(100vh + var(--moments-distance));height:calc(100svh + var(--moments-distance));overflow:visible}.moments.is-horizontal .moments-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.moments.is-horizontal .htrack{will-change:transform}}@media(min-width:900px)and (max-height:760px)and (prefers-reduced-motion:no-preference){.moments-head{padding-top:clamp(46px,8vh,70px)}.hscroll{padding-block:clamp(22px,4vh,34px) clamp(32px,6vh,52px)}.card{padding:18px 18px 22px}.card .art{height:clamp(130px,23vh,175px)}.card h3{font-size:clamp(27px,4.4vh,34px)}.card.end h3{font-size:clamp(34px,6vh,46px)}}@media(max-width:899px),(prefers-reduced-motion:reduce){.hscroll{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hscroll::-webkit-scrollbar{display:none}.card{scroll-snap-align:center}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/hb-moments.css.map */