.about-bottle-notes{position:sticky;top:50vh;transform:translateY(-50%);width:min(100%,1200px);height:clamp(240px,36vw,420px);margin:0 auto;z-index:3;pointer-events:none}.bottle-note{position:absolute;color:#161515;font-size:clamp(7px,1vw,15px);line-height:1.15;letter-spacing:clamp(.01em,.25vw,.04em);text-transform:uppercase;font-weight:600;max-width:clamp(90px,16vw,220px);opacity:0;filter:blur(6px);transform:translateY(18px);transition:opacity .9s ease,transform .9s ease,filter .9s ease}.bottle-note span{display:inline-block;padding:clamp(3px,.7vw,8px) clamp(5px,1vw,12px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px}.bottle-note:after{content:"";position:absolute;height:1px;top:50%;background:#161515}.note-left{left:clamp(1%,4vw,4%);top:clamp(18%,9vw,35%);transform:translateY(-50%);text-align:right}.note-left:after{left:100%;width:clamp(35px,9vw,120px)}.note-top{right:clamp(1%,4vw,4%);top:clamp(-8%,-2vw,8%);text-align:left}.note-top:after{content:"";position:absolute;right:100%;top:50%;width:clamp(35px,9vw,120px);height:1px;background:#000c}.note-top:before{content:"";position:absolute;right:calc(100% + clamp(35px,9vw,120px));top:50%;width:1px;height:clamp(25px,6vw,80px);background:#000c}.note-bottom{right:clamp(4%,12vw,20%);top:clamp(72%,88vw,104%);text-align:left}.note-bottom:after{content:"";position:absolute;right:100%;top:50%;width:clamp(35px,9vw,120px);height:1px;background:#000c}.note-bottom:before{content:"";position:absolute;right:calc(100% + clamp(35px,9vw,120px));bottom:50%;width:1px;height:clamp(25px,6vw,80px);background:#000c}.about-transparent-space.is-active .bottle-note{opacity:1;filter:blur(0)}.about-transparent-space.is-active .note-left{transform:translateY(-50%)}.about-transparent-space.is-active .note-top,.about-transparent-space.is-active .note-bottom{transform:translateY(0)}@media screen and (max-width:768px){.about-deco-img{width:95%;top:45vh;opacity:.45}.about-bottle-notes{top:45vh;height:clamp(220px,42vw,300px)}.note-left{left:5%;top:43%}.note-top{right:3%;top:16%}.note-bottom{right:6%;top:88%}}@media screen and (max-width:480px){.about-deco-img{width:85%;top:42vh;opacity:.4}.about-bottle-notes{top:42vh;height:230px}.bottle-note{font-size:7px;max-width:95px}.note-left{left:2%;top:46%}.note-top{right:2%;top:20%}.note-bottom{right:4%;top:106%}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/botella_fondo.css.map */