.cocktail-detail{--cd-accent: #00a197;--cd-bg: #f5f0e8;--cd-text: #0a0a0a;--ease-dramatic: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.25, .46, .45, .94)}.cocktail-detail{position:relative;background:var(--cd-bg);min-height:100vh;padding-top:120px;isolation:isolate}.cocktail-detail__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:.025;mix-blend-mode:multiply;pointer-events:none;z-index:100}.cocktail-detail__back-bar{padding:2rem clamp(1.5rem,4vw,5rem)}.cocktail-detail__back-link{display:inline-flex;align-items:center;gap:.6rem;font-family:Glaschu,sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#0a0a0a73;text-decoration:none;transition:color .3s ease}.cocktail-detail__back-link:hover{color:var(--cd-accent)}.cocktail-detail__back-link svg{transition:transform .3s var(--ease-dramatic)}.cocktail-detail__back-link:hover svg{transform:translate(-4px)}.cocktail-detail__hero{text-align:center;padding:1rem clamp(1.5rem,4vw,5rem) 3rem;opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-dramatic),transform 1s var(--ease-dramatic)}.cocktail-detail__hero.in-view{opacity:1;transform:translateY(0)}.cocktail-detail__name{font-family:Glaschu,sans-serif;font-size:clamp(2.2rem,6vw,4.5rem);font-weight:800;color:var(--cd-text);letter-spacing:.03em;line-height:1.05;margin:0}.cocktail-detail__tagline{font-family:Analogia,sans-serif;font-size:clamp(.95rem,1.4vw,1.15rem);color:#0a0a0a80;line-height:1.6;margin:.75rem 0 0;max-width:500px;margin-left:auto;margin-right:auto}.cocktail-detail__name-rule{width:50px;height:2px;background:var(--cd-accent);margin:2rem auto 0;opacity:.6}.cocktail-detail__content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;max-width:1400px;margin:0 auto;padding:0 clamp(1.5rem,4vw,5rem) 4rem;opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-dramatic) .15s,transform 1s var(--ease-dramatic) .15s}.cocktail-detail__content.in-view{opacity:1;transform:translateY(0)}.cocktail-detail__col-label{font-family:Glaschu,sans-serif;font-size:.6rem;font-weight:800;letter-spacing:.25em;text-transform:uppercase;color:var(--cd-accent);margin-bottom:.75rem;opacity:.8}.cocktail-detail__col--video{display:flex;flex-direction:column}.cocktail-detail__video-wrap{flex:1;position:relative;border-radius:8px;overflow:hidden;background:#0a0a0a0a;border:1px solid rgba(10,10,10,.06);min-height:450px}.cocktail-detail__video-container{position:absolute;top:0;right:0;bottom:0;left:0}.cocktail-detail__video{width:100%;height:100%;border:none;display:block}.cocktail-detail__col--photo{display:flex;flex-direction:column}.cocktail-detail__photo-wrap{flex:1;position:relative;border-radius:8px;overflow:hidden;background:#0a0a0a0a;border:1px solid rgba(10,10,10,.06);min-height:450px}.cocktail-detail__photo{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;display:block}.cocktail-detail__col--recipe{display:flex;flex-direction:column}.cocktail-detail__recipe-card{flex:1;padding:2.5rem 2rem;border-radius:8px;background:#0a0a0a08;border:1px solid rgba(10,10,10,.06);overflow-y:auto}.cocktail-detail__recipe-name{font-family:Glaschu,sans-serif;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:800;color:var(--cd-text);letter-spacing:.03em;margin:0;line-height:1.15}.cocktail-detail__recipe-divider{width:36px;height:1px;background:linear-gradient(90deg,var(--cd-accent),transparent);margin:1.25rem 0;opacity:.5}.cocktail-detail__ingredients h4,.cocktail-detail__instructions h4{font-family:Glaschu,sans-serif;font-size:.8rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--cd-accent);margin:0 0 .75rem}.cocktail-detail__ingredients ul{list-style:none;padding:0;margin:0}.cocktail-detail__ingredients li{font-family:Analogia,sans-serif;font-size:1.1rem;color:#0a0a0ab3;line-height:1.8;padding-left:1.2rem;position:relative}.cocktail-detail__ingredients li:before{content:"";position:absolute;left:0;top:.65em;width:4px;height:4px;border-radius:50%;background:var(--cd-accent);opacity:.5}.cocktail-detail__instructions ol{list-style:none;padding:0;margin:0;counter-reset:step}.cocktail-detail__instructions li{font-family:Analogia,sans-serif;font-size:1.1rem;color:#0a0a0ab3;line-height:1.8;padding-left:2rem;position:relative;margin-bottom:.5rem;counter-increment:step}.cocktail-detail__instructions li:before{content:counter(step);position:absolute;left:0;top:.05em;font-family:Glaschu,sans-serif;font-size:.85rem;font-weight:800;color:var(--cd-accent);width:1.3rem;text-align:center;opacity:.6}.cocktail-detail__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#0a0a0a33}.cocktail-detail__placeholder span{font-family:Analogia,sans-serif;font-size:.85rem}.cocktail-detail__footer{text-align:center;padding:3rem 2rem 5rem;opacity:0;transition:opacity .6s var(--ease-smooth) .3s}.cocktail-detail__footer.in-view{opacity:1}.cocktail-detail__footer-link{display:inline-flex;align-items:center;gap:.6rem;font-family:Glaschu,sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--cd-accent);text-decoration:none;padding:.8rem 1.5rem;border:1px solid var(--cd-accent);border-radius:2px;transition:background .4s var(--ease-dramatic),color .3s ease}.cocktail-detail__footer-link:hover{background:var(--cd-accent);color:#fff}.cocktail-detail__footer-link svg{transition:transform .3s var(--ease-dramatic)}.cocktail-detail__footer-link:hover svg{transform:translate(-4px)}@media screen and (max-width:989px)and (min-width:750px){.cocktail-detail__content{grid-template-columns:1fr 1fr;gap:1.25rem}.cocktail-detail__col--recipe{grid-column:1 / -1}.cocktail-detail__video-wrap,.cocktail-detail__photo-wrap{min-height:380px}}@media screen and (max-width:749px){.cocktail-detail__back-bar{padding:1.25rem}.cocktail-detail__hero{padding:.5rem 1.25rem 2rem}.cocktail-detail__name{font-size:clamp(1.8rem,9vw,3rem)}.cocktail-detail__content{grid-template-columns:1fr;gap:1.25rem;padding:0 1.25rem 3rem}.cocktail-detail__video-wrap{min-height:0;aspect-ratio:9 / 16;max-height:55vh}.cocktail-detail__photo-wrap{min-height:0;aspect-ratio:3 / 4;max-height:50vh}.cocktail-detail__recipe-card{padding:1.5rem 1.25rem}.cocktail-detail__recipe-name{font-size:1.3rem}.cocktail-detail__footer{padding:2rem 1.25rem 4rem}}@media(prefers-reduced-motion:reduce){.cocktail-detail__hero,.cocktail-detail__content,.cocktail-detail__footer{transition:opacity .3s ease;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-cocktail-detail.css.map */