.cocktails-page{--cocktails-accent: #00a197;--cocktails-dark: #0a0a0a;--cocktails-light: #f5f0e8;--ease-dramatic: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.25, .46, .45, .94);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}.cocktails-page{position:relative;background:var(--cocktails-dark);overflow:hidden;isolation:isolate}.cocktails-page__grain{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay;pointer-events:none;z-index:1000}.cocktails-page__header{position:relative;height:100vh;min-height:700px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;z-index:10;overflow:hidden}.cocktails-page__header-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.cocktails-page__header-bg--mobile{display:none}.cocktails-page__header-bg img{width:100%;height:100%;object-fit:cover;object-position:center center;opacity:0;transform:scale(1.08);filter:blur(8px);transition:transform 2.5s var(--ease-dramatic),opacity 1.8s var(--ease-smooth),filter 2s var(--ease-smooth)}.cocktails-page__header.in-view .cocktails-page__header-bg img{transform:scale(1);opacity:1;filter:blur(0);animation:heroImageBreath 20s ease-in-out infinite 2s}@keyframes heroImageBreath{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.cocktails-page__header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:10%;background:linear-gradient(to bottom,transparent,var(--cocktails-dark));z-index:1;pointer-events:none}.cocktails-page__hero-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:1;opacity:0;transition:opacity 2s var(--ease-smooth) 1s}.cocktails-page__header.in-view .cocktails-page__hero-glow{opacity:1}.cocktails-page__hero-glow--1{width:60vw;height:60vw;max-width:800px;max-height:800px;bottom:-20%;left:-15%;background:radial-gradient(circle,rgba(0,161,151,.1) 0%,rgba(0,161,151,.03) 40%,transparent 70%);animation:glowPulse1 12s ease-in-out infinite}.cocktails-page__hero-glow--2{width:50vw;height:50vw;max-width:600px;max-height:600px;top:10%;right:5%;background:radial-gradient(circle,rgba(245,240,232,.05) 0%,rgba(245,240,232,.01) 50%,transparent 70%);animation:glowPulse2 15s ease-in-out infinite 3s}@keyframes glowPulse1{0%,to{transform:translate(0) scale(1);opacity:.6}33%{transform:translate(30px,-20px) scale(1.1);opacity:.9}66%{transform:translate(-20px,10px) scale(.95);opacity:.5}}@keyframes glowPulse2{0%,to{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(-40px,30px) scale(1.15);opacity:.7}}.cocktails-page__particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.cocktails-page__particle{position:absolute;width:3px;height:3px;background:#00a19799;border-radius:50%;opacity:0;transition:opacity 1s var(--ease-smooth)}.cocktails-page__header.in-view .cocktails-page__particle{opacity:1}.cocktails-page__particle:nth-child(1){left:15%;top:25%;animation:particleFloat1 18s ease-in-out infinite 1s}.cocktails-page__particle:nth-child(2){left:8%;top:60%;width:2px;height:2px;animation:particleFloat2 22s ease-in-out infinite 2s}.cocktails-page__particle:nth-child(3){left:25%;top:75%;width:4px;height:4px;background:#f5f0e866;animation:particleFloat3 20s ease-in-out infinite .5s}.cocktails-page__particle:nth-child(4){right:20%;top:35%;width:2px;height:2px;background:#f5f0e84d;animation:particleFloat4 25s ease-in-out infinite 3s}@keyframes particleFloat1{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(30px,-50px) scale(1.5);opacity:1}50%{transform:translate(60px,20px) scale(.8);opacity:.4}75%{transform:translate(20px,40px) scale(1.2);opacity:.8}}@keyframes particleFloat2{0%,to{transform:translate(0);opacity:.5}33%{transform:translate(50px,-80px);opacity:.9}66%{transform:translate(-20px,-40px);opacity:.3}}@keyframes particleFloat3{0%,to{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(80px,-100px) scale(1.3);opacity:.8}}@keyframes particleFloat4{0%,to{transform:translate(0);opacity:.3}25%{transform:translate(-40px,60px);opacity:.6}75%{transform:translate(-80px,30px);opacity:.5}}.cocktails-page__header-content{position:relative;z-index:2;max-width:800px;padding:0 4rem 0 8%;margin-top:5vh}.cocktails-page__title{font-family:Glaschu,sans-serif;font-size:clamp(3rem,10vw,9rem);font-weight:800;color:var(--cocktails-light);letter-spacing:.02em;line-height:1;margin:0;opacity:0;transform:translateY(60px) translate(-30px);filter:blur(12px);transition:opacity 1.2s var(--ease-dramatic) .3s,transform 1.5s var(--ease-dramatic) .3s,filter 1.2s var(--ease-smooth) .3s}.cocktails-page__header.in-view .cocktails-page__title{opacity:1;transform:translateY(0) translate(0);filter:blur(0);animation:titleShimmer 8s ease-in-out infinite 2.5s}@keyframes titleShimmer{0%,to{text-shadow:0 0 0 transparent}25%{text-shadow:0 0 40px rgba(245,240,232,.15)}50%{text-shadow:0 0 0 transparent}75%{text-shadow:0 0 30px rgba(245,240,232,.1)}}.cocktails-page__subtitle{font-family:Glaschu,sans-serif;font-size:clamp(1rem,2vw,1.4rem);color:#f5f0e8b3;line-height:1.6;margin:1.5rem 0 0;max-width:500px;opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease-dramatic) .5s,transform 1.2s var(--ease-dramatic) .5s}.cocktails-page__header.in-view .cocktails-page__subtitle{opacity:1;transform:translateY(0)}.cocktails-page__scroll-indicator{position:relative;display:flex;flex-direction:row;align-items:center;gap:0;margin-top:2.5rem;opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease-dramatic) .8s,transform 1.2s var(--ease-dramatic) .8s;z-index:2}.cocktails-page__header.in-view .cocktails-page__scroll-indicator{opacity:1;transform:translateY(0)}.cocktails-page__scroll-text{font-family:Glaschu,sans-serif;font-size:.7rem;color:#f5f0e8;letter-spacing:.2em;text-transform:uppercase;animation:scrollTextPulse 3s ease-in-out infinite 2s}@keyframes scrollTextPulse{0%,to{opacity:.7;letter-spacing:.2em}50%{opacity:1;letter-spacing:.28em}}.cocktails-page__grid-section{position:relative;z-index:5;background:var(--cocktails-dark);padding:8rem 0 6rem}.cocktails-page__grid-header{text-align:center;max-width:680px;margin:0 auto 5rem;padding:0 2rem;opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease-dramatic),transform 1.2s var(--ease-dramatic)}.cocktails-page__grid-header.in-view{opacity:1;transform:translateY(0)}.cocktails-page__grid-title{font-family:Glaschu,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--cocktails-light);letter-spacing:.04em;margin:0 0 1rem;text-transform:uppercase}.cocktails-page__grid-subtitle{font-family:Analogia,sans-serif;font-size:clamp(.95rem,1.5vw,1.15rem);color:#f5f0e88c;line-height:1.7;margin:0}.cocktails-page__grid-rule{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--cocktails-accent),transparent);margin:2rem auto 0;opacity:.6}.cocktails-page__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;max-width:1400px;margin:0 auto;padding:0 clamp(1rem,3vw,4rem)}.cocktails-page__card{position:relative;opacity:0;transform:translateY(50px);transition:opacity .8s var(--ease-dramatic),transform 1s var(--ease-dramatic)}.cocktails-page__card.in-view{opacity:1;transform:translateY(0)}.cocktails-page__card:nth-child(1){transition-delay:0s}.cocktails-page__card:nth-child(2){transition-delay:.08s}.cocktails-page__card:nth-child(3){transition-delay:.16s}.cocktails-page__card:nth-child(4){transition-delay:.24s}.cocktails-page__card:nth-child(5){transition-delay:.06s}.cocktails-page__card:nth-child(6){transition-delay:.14s}.cocktails-page__card:nth-child(7){transition-delay:.22s}.cocktails-page__card:nth-child(8){transition-delay:.3s}.cocktails-page__card:nth-child(n+9){transition-delay:.12s}.cocktails-page__card-link{display:block;width:100%;text-decoration:none;color:inherit;outline:none}.cocktails-page__card-link:focus-visible{outline:2px solid var(--cocktails-accent);outline-offset:4px;border-radius:2px}.cocktails-page__card-image-wrapper{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:#f5f0e808;border:1px solid rgba(245,240,232,.06)}.cocktails-page__card-image{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease-dramatic)}.cocktails-page__card-link:hover .cocktails-page__card-image{transform:scale(1.06)}.cocktails-page__card-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,transparent 40%,rgba(245,240,232,.06) 50%,transparent 60%,transparent 100%);background-size:300% 300%;opacity:0;transition:opacity .5s ease;pointer-events:none}.cocktails-page__card-link:hover .cocktails-page__card-shimmer{opacity:1;animation:shimmerSweep 1.5s ease-in-out}@keyframes shimmerSweep{0%{background-position:100% 100%}to{background-position:0% 0%}}.cocktails-page__card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f5f0e80a}.cocktails-page__card-placeholder svg{width:40%;height:auto;opacity:.2}.cocktails-page__card-info{padding:1.25rem .5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.6rem}.cocktails-page__card-name{font-family:Glaschu,sans-serif;font-size:clamp(.85rem,1.2vw,1.1rem);font-weight:800;color:var(--cocktails-light);letter-spacing:.08em;text-transform:uppercase;margin:0;text-align:center;transition:color .4s ease}.cocktails-page__card-link:hover .cocktails-page__card-name{color:var(--cocktails-accent)}.cocktails-page__card-view{display:inline-flex;align-items:center;gap:.4rem;font-family:Analogia,sans-serif;font-size:.7rem;color:#f5f0e859;letter-spacing:.12em;text-transform:uppercase;transition:color .4s ease}.cocktails-page__card-view svg{transition:transform .4s var(--ease-dramatic)}.cocktails-page__card-link:hover .cocktails-page__card-view{color:var(--cocktails-accent)}.cocktails-page__card-link:hover .cocktails-page__card-view svg{transform:translate(4px)}.cocktails-page__cta{position:relative;padding:10rem 2rem;background:var(--cocktails-dark);text-align:center;z-index:5}.cocktails-page__cta:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:100px;background:linear-gradient(to bottom,var(--cocktails-accent),transparent);opacity:0;transition:opacity 1s var(--ease-smooth)}.cocktails-page__cta.in-view:before{opacity:.5}.cocktails-page__cta-content{max-width:700px;margin:0 auto}.cocktails-page__cta-title{font-family:Glaschu,sans-serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;color:var(--cocktails-light);margin:0 0 1.5rem;opacity:0;transform:translateY(40px);filter:blur(8px);transition:opacity 1s var(--ease-dramatic),transform 1.2s var(--ease-dramatic),filter 1s var(--ease-smooth)}.cocktails-page__cta.in-view .cocktails-page__cta-title{opacity:1;transform:translateY(0);filter:blur(0)}.cocktails-page__cta-text{font-family:Analogia,sans-serif;font-style:normal;font-size:clamp(1rem,1.8vw,1.2rem);color:#f5f0e8b3;line-height:1.7;margin:0 0 2.5rem;opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease-dramatic) .2s,transform 1s var(--ease-dramatic) .2s}.cocktails-page__cta.in-view .cocktails-page__cta-text{opacity:1;transform:translateY(0)}.cocktails-page__cta-button{display:inline-flex;align-items:center;gap:1rem;padding:1.25rem 2.5rem;background:transparent;border:1px solid var(--cocktails-accent);color:var(--cocktails-accent);font-family:Glaschu,sans-serif;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease-dramatic) .4s,transform .9s var(--ease-dramatic) .4s}.cocktails-page__cta.in-view .cocktails-page__cta-button{opacity:1;transform:translateY(0)}.cocktails-page__cta-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cocktails-accent);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease-dramatic);z-index:-1}.cocktails-page__cta-button:hover{color:var(--cocktails-dark)}.cocktails-page__cta-button:hover:before{transform:scaleX(1);transform-origin:left}.cocktails-page__cta-button svg{width:16px;height:16px;transition:transform .4s var(--ease-dramatic)}.cocktails-page__cta-button:hover svg{transform:translate(6px)}@media screen and (max-width:989px)and (min-width:750px){.cocktails-page__grid{grid-template-columns:repeat(2,1fr);gap:2px;padding:0 2rem}}@media screen and (max-width:749px){.cocktails-page__header{height:100vh;min-height:100vh;align-items:flex-start;justify-content:flex-end;padding-bottom:12vh}.cocktails-page__header-content{padding:0 1.5rem;margin-top:0}.cocktails-page__title{font-size:clamp(2.5rem,14vw,5rem);line-height:1.05}.cocktails-page__subtitle{font-size:1rem;margin-top:1rem}.cocktails-page__scroll-indicator{margin-top:2rem}.cocktails-page__header-bg--desktop{display:none}.cocktails-page__header-bg--mobile{display:block}.cocktails-page__header-bg img{object-position:center center}.cocktails-page__hero-glow--1{width:80vw;height:80vw;bottom:-10%;left:-20%}.cocktails-page__hero-glow--2{width:60vw;height:60vw;top:5%;right:-10%}.cocktails-page__particle:nth-child(4){display:none}.cocktails-page__grid-section{padding:5rem 0 3rem}.cocktails-page__grid-header{margin-bottom:3rem}.cocktails-page__grid{grid-template-columns:repeat(2,1fr);gap:2px;padding:0 1rem}.cocktails-page__card-info{padding:1rem .25rem 1.25rem}.cocktails-page__card-name{font-size:.75rem}.cocktails-page__card-view{font-size:.6rem}.cocktails-page__cta{padding:6rem 1.5rem}.cocktails-page__cta-title{font-size:clamp(2rem,10vw,3rem)}.cocktails-page__cta-text{font-size:1rem}}@media(prefers-reduced-motion:reduce){.cocktails-page__header-bg img,.cocktails-page__title,.cocktails-page__subtitle,.cocktails-page__cta-title,.cocktails-page__cta-text,.cocktails-page__cta-button,.cocktails-page__card,.cocktails-page__grid-header{transition:opacity .3s ease;transform:none!important;filter:none!important;animation:none!important}.cocktails-page__hero-glow,.cocktails-page__particles,.cocktails-page__particle{display:none}.cocktails-page__scroll-text{animation:none!important}.cocktails-page__card-image{transition:none!important}.cocktails-page__card-shimmer{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-cocktails.css.map */