.hero{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--hero-bg, var(--clr-black))}.hero__bottle{position:absolute;top:0;height:100%;width:38vw;display:flex;align-items:center;z-index:var(--z-raised);pointer-events:none}.hero__bottle--left{left:0;transform:translate(-50%);justify-content:flex-end}.hero__bottle--right{right:0;transform:translate(50%);justify-content:flex-start}.hero__bottle-img{width:100%;height:90%;object-fit:contain;object-position:center}.hero__content{position:relative;z-index:var(--z-raised);text-align:center;-webkit-user-select:none;user-select:none}.hero__title{font-family:var(--font-serif);font-weight:300;font-size:clamp(48px,8vw,120px);line-height:1.1;color:var(--clr-white);white-space:nowrap}.hero__title-prefix,.hero__title-paren{font-style:normal}.hero__title-word{font-style:normal;display:inline-block;text-align:center}.hero__title-suffix{font-style:normal}.hero__card{position:absolute;bottom:var(--sp-xl);left:50%;transform:translate(-50%) scale(1.1);transform-origin:center bottom;padding:var(--sp-sm) var(--sp-md);background:#ffffff0a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);min-width:225px;z-index:var(--z-raised);opacity:0}.hero__card-info{display:flex;flex-direction:column;gap:var(--sp-xs)}.hero__card-name-link{display:block;text-decoration:none;color:inherit;cursor:pointer}.hero__card-name{font-family:var(--font-serif);font-size:16px;font-weight:400;color:var(--clr-white);white-space:nowrap}.hero__card-collection{font-family:var(--font-serif);font-size:14px;font-weight:300;font-style:normal;color:var(--clr-gray-mid)}@media(max-width:768px){.hero{height:100svh}.hero__bottle--right{display:none}.hero__bottle{width:80vw;z-index:1}.hero__bottle--left{left:50%;right:auto;transform:translate(-50%);justify-content:center}.hero__content{position:absolute;left:0;right:0;bottom:34%}.hero__title{font-size:clamp(36px,11vw,56px);white-space:normal;text-align:center;padding:0 var(--sp-md)}.hero__card{bottom:var(--sp-lg);min-width:200px}.hero__card-name{font-size:15px}.hero__card-collection{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero.css.map */