.sg-page{--pnk: #000}.sg{--ease: cubic-bezier(.16, 1, .3, 1);--ink: #141414;--muted: #8c8c8c;--bh: min(50vh, 23vw);--slot: calc(100% / 7);box-sizing:border-box;display:grid;grid-template-rows:auto 0;align-content:center;height:96vh;padding-bottom:10vh;overflow:hidden;background:#fff;color:var(--ink);font-family:Apercu pro mono,Apercu mono,ui-monospace,monospace}.sg__row{position:relative;display:flex;justify-content:center;align-items:flex-end;margin:0;padding:0 4vw;list-style:none}.sg__item{position:relative;flex:1 1 0;max-width:15vw;animation:sg-in 1.6s var(--ease) both;animation-delay:calc(var(--i) * 90ms + .15s)}.sg__link{display:block;position:relative;height:var(--bh);color:inherit;text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent}.sg__bottle{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 96%;transition:transform 1.1s var(--ease),filter .9s var(--ease),opacity .9s var(--ease);will-change:transform,filter}.sg__bottle:after{content:"";position:absolute;left:50%;bottom:2.5%;width:34%;height:3.2%;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,#00000047,#0000);transition:transform 1.1s var(--ease),opacity 1.1s var(--ease);z-index:-1}.sg__img{float:none;display:block;position:absolute;left:50%;bottom:0;height:100%;width:auto;max-width:none;transform:translate(-50%);pointer-events:none;-webkit-user-select:none;user-select:none}.sg__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sg.is-active .sg__item.is-current .sg__bottle{transform:translateY(-3%) scale(1.16)}.sg.is-active .sg__item.is-current .sg__bottle:after{transform:translate(-50%) scale(1.35,1.1);opacity:.55}.sg.is-active .sg__item:not(.is-current) .sg__bottle{transform:scale(.94);filter:blur(7px) saturate(.6);opacity:.32}.sg.is-active .sg__item.is-current{z-index:2}.sg__caption{display:grid;justify-items:center;gap:1.1em;padding:3vh 6vw 0;text-align:center}.sg__index{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}.sg__name{max-width:34ch;font-size:clamp(17px,1.55vw,27px);line-height:1.35;letter-spacing:.16em;text-transform:uppercase}.sg__focus{animation:sg-focus 1.1s var(--ease) both}.sg__fade{animation:sg-fade .7s var(--ease) both}.sg__dots{display:none}@keyframes sg-in{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}@keyframes sg-focus{0%{opacity:0;filter:blur(10px);transform:scale(1.04)}to{opacity:1;filter:blur(0);transform:none}}@keyframes sg-hint{0%,to{transform:none}45%,55%{transform:translate(-16vw)}}@keyframes sg-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:767px){.sg{--bh: min(52svh, 118vw);--slot: 44vw;padding-bottom:14vh}@media(max-width:479px){.sg{height:100vh;height:100dvh;padding:5dvh 0 15dvh}}.sg__row{justify-content:flex-start;gap:0;padding:0 calc(50vw - var(--slot) / 2);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.sg__row::-webkit-scrollbar{display:none}.sg__item{flex:0 0 var(--slot);max-width:none;scroll-snap-align:center}.sg__bottle{transform-origin:50% 50%}.sg.is-active .sg__item.is-current .sg__bottle{transform:scale(1.08)}.sg.is-active .sg__item:not(.is-current) .sg__bottle{transform:scale(.8);filter:blur(2px);opacity:.26}.sg.is-hint .sg__link{animation:sg-hint 1.9s cubic-bezier(.45,0,.2,1)}.sg__caption{gap:.9em;padding:1.5svh 8vw 1svh}.sg__name{font-size:15px;letter-spacing:.14em}.sg__dots{display:flex;justify-content:center;margin-top:-12px}.sg__dot{appearance:none;-webkit-appearance:none;position:relative;width:30px;height:36px;margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.sg__dot:before{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#d4d4d4;transition:background .5s var(--ease),transform .5s var(--ease)}.sg__dot.is-current:before{background:var(--ink);transform:scale(1.3)}}@media(prefers-reduced-motion:reduce){.sg__item,.sg__focus,.sg__fade,.sg.is-hint .sg__link{animation:none}.sg__bottle,.sg__bottle:after{transition-duration:.01s;transition-delay:0s}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/shop-gallery.css.map */