.cocktails-page{background-color:var(--color-white)}.cocktails-hero{position:relative;min-height:clamp(22rem,46vw,34rem);background-color:var(--color-white);overflow:hidden;display:flex;align-items:stretch}.cocktails-hero__media{position:absolute;inset:0}.cocktails-hero__media:after{content:"";position:absolute;inset:0;background:var(--hero-scrim-overlay);pointer-events:none}.cocktails-hero__bg{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.cocktails-hero__inner{position:relative;z-index:1;width:100%;max-width:80rem;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;gap:var(--space-sm);min-height:inherit;padding:calc(var(--header-height) + var(--space-lg)) var(--space-md) calc(var(--space-xl) + var(--touch-min) + var(--space-lg))}.cocktails-hero__title{font-family:Playfair Display,Georgia,serif;font-weight:800;font-size:var(--font-3xl);line-height:1.05;color:var(--color-white)}.cocktails-hero__tagline{max-width:30rem;font-size:clamp(.95rem,.8rem + .55vw,1.25rem);font-weight:500;line-height:1.5;color:var(--color-white)}@media(min-width:900px){.cocktails-hero__inner{padding-inline:clamp(2rem,4vw,3.5rem)}}.cocktails-selector{--selector-scale: 1;position:absolute;left:0;right:0;bottom:var(--space-md);z-index:2;padding-inline:var(--space-xs)}@media(min-width:700px){.cocktails-selector{padding-inline:var(--space-md)}}.cocktails-selector__scroller{width:100%;max-width:100%;margin:0 auto;overflow:hidden;border-radius:999px}.cocktails-selector__scroller::-webkit-scrollbar{display:none}.cocktails-selector__track{position:relative;width:max-content;max-width:100%;margin-inline:auto;padding:.25rem;border-radius:999px;background-color:var(--flavor);transition:background-color var(--transition-base);isolation:isolate;overflow:hidden}.cocktails-selector__indicator{position:absolute;top:.25rem;bottom:.25rem;left:.25rem;box-sizing:border-box;width:0;border-radius:999px;background-color:var(--flavor-strong);pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cocktails-selector__indicator.is-animating{will-change:transform,width}.cocktails-selector__list{position:relative;display:flex;gap:.125rem;margin:0;padding:0;list-style:none}.cocktails-selector__link{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:max(calc(var(--touch-min) * var(--selector-scale)),2.25rem);white-space:nowrap;padding:0 calc(clamp(.5rem,.2rem + 1.6vw,1.75rem) * var(--selector-scale));border-radius:999px;font-size:calc(clamp(.625rem,.5rem + .5vw,.875rem) * var(--selector-scale));font-weight:700;letter-spacing:.04em;line-height:1.15;text-align:center;text-transform:uppercase;color:var(--color-black);text-decoration:none;transition:color var(--transition-base)}.cocktails-selector__link:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:var(--flavor);opacity:0;transition:opacity var(--transition-base);z-index:-1}@media(hover:hover){.cocktails-selector__link:not([aria-current=page]):hover:before,.cocktails-selector__link:not([aria-current=page]):focus-visible:before{opacity:1}.cocktails-selector__link:not([aria-current=page]):active:before,.cocktails-selector__link:not([aria-current=page]).is-press-fade:before{opacity:0}}.cocktails-selector__link:hover,.cocktails-selector__link:focus-visible{color:var(--color-black)}.cocktails-selector__link[aria-current=page]{color:var(--color-black)}@media(min-width:700px){.cocktails-selector__link{letter-spacing:.08em}}.cocktails-selector:not(.is-ready) .cocktails-selector__link[aria-current=page]{background-color:var(--flavor-strong)}.cocktails-selector__link:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.cocktails-panel{--cocktail-flavor-transition: var(--transition-base);background-color:var(--flavor);transition:background-color var(--cocktail-flavor-transition);padding-block:var(--space-xl) var(--space-3xl);min-height:60vh}.cocktails-panel.is-flavor-locked{transition:none}.cocktails-panel__inner{max-width:84rem;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2xl)}.cocktails-panel.is-panel-crossfading{display:grid;grid-template-columns:minmax(0,1fr)}.cocktails-panel.is-panel-crossfading>.cocktails-panel__crossfade-from,.cocktails-panel.is-panel-crossfading>.cocktails-panel__inner{grid-area:1 / 1;min-width:0}.cocktails-panel__crossfade-from,.cocktails-panel__crossfade-to{transition:opacity var(--cocktail-flavor-transition)}.cocktails-panel.is-panel-crossfading .cocktails-panel__crossfade-from{opacity:1;z-index:1;pointer-events:none}.cocktails-panel.is-panel-crossfading .cocktails-panel__crossfade-to,.cocktails-panel.is-panel-crossfading.is-panel-crossfade-active .cocktails-panel__crossfade-from{opacity:0}.cocktails-panel.is-panel-crossfading.is-panel-crossfade-active .cocktails-panel__crossfade-to{opacity:1}.cocktails-panel.is-panel-transitioning .cocktail-carousel__btn{opacity:0;visibility:hidden;pointer-events:none;transition:none!important}.cocktails-section__title{margin:0 var(--space-md) var(--space-md);font-family:Playfair Display,Georgia,serif;font-weight:800;font-size:var(--font-xl);line-height:1.1;color:var(--color-blue)}.cocktails-section__title span{display:inline;padding-bottom:.05em;background-image:var(--section-underline, url(/brush-underline-black.svg));background-repeat:no-repeat;background-size:102% .34em;background-position:left 0 bottom -.05em;padding-right:.1em;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-image var(--cocktail-flavor-transition)}.cocktails-panel__inner[data-flavor=tonic],.cocktails-panel__crossfade-from[data-flavor=tonic]{--section-underline: url(/brush-underline-tonic.svg)}.cocktails-panel__inner[data-flavor=ginger-beer],.cocktails-panel__crossfade-from[data-flavor=ginger-beer]{--section-underline: url(/brush-underline-ginger-beer.svg)}.cocktails-panel__inner[data-flavor=pamplemousse-rose],.cocktails-panel__crossfade-from[data-flavor=pamplemousse-rose]{--section-underline: url(/brush-underline-pamplemousse-rose.svg)}.cocktails-panel__inner[data-flavor=agrumes],.cocktails-panel__crossfade-from[data-flavor=agrumes]{--section-underline: url(/brush-underline-agrumes.svg)}.cocktail-carousel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}@media(min-width:700px){.cocktail-carousel{padding-inline:var(--space-md);column-gap:var(--space-xs)}}.cocktail-carousel__track{display:flex;gap:var(--space-md);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-block:-.5rem -1.25rem}.cocktail-carousel__track:before,.cocktail-carousel__track:after{content:"";flex:0 0 calc(7% - var(--space-md))}@media(min-width:700px){.cocktail-carousel__track{border-radius:1.5rem}.cocktail-carousel__track:before,.cocktail-carousel__track:after{display:none}}.cocktail-carousel__track::-webkit-scrollbar{display:none}.cocktail-carousel__track:focus-visible{outline:2px solid var(--color-blue);outline-offset:4px;border-radius:1rem}.cocktail-carousel__slide{flex:0 0 86%;min-width:0;scroll-snap-align:center;display:flex}@media(min-width:700px){.cocktail-carousel__slide{scroll-snap-align:start}}@media(min-width:700px){.cocktail-carousel__slide{flex-basis:100%}}@media(min-width:1100px){.cocktail-carousel__slide{flex-basis:calc((100% - 2 * var(--space-md)) / 3)}}.cocktail-carousel__btn{display:none;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:2px solid var(--flavor);border-radius:50%;background-color:var(--color-white);color:var(--color-black);cursor:pointer;transition:background-color var(--cocktail-flavor-transition),border-color var(--cocktail-flavor-transition),opacity var(--transition-base),visibility var(--transition-base)}.cocktail-carousel__btn:before{content:"";width:.7rem;height:.7rem;border:solid currentColor;border-width:0 0 3px 3px;border-radius:1px;transform:translate(15%) rotate(45deg)}.cocktail-carousel__btn--next:before{transform:translate(-15%) rotate(-135deg)}.cocktail-carousel__btn:hover:not(:disabled){background-color:var(--flavor-strong)}.cocktail-carousel__btn:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.cocktail-carousel__btn:disabled{opacity:0;visibility:hidden;pointer-events:none;cursor:default}@media(min-width:700px){.cocktail-carousel__btn{display:inline-flex}.cocktail-carousel.is-static .cocktail-carousel__btn{visibility:hidden}}.cocktail-card{position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden;border-radius:1.5rem;background-color:var(--color-white)}.cocktail-card__badge{position:absolute;top:.75rem;right:.75rem;z-index:1;display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:999px;background-color:var(--color-red);color:var(--color-white);font-size:var(--font-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.cocktail-card__media{flex:none;width:100%;background-color:var(--flavor)}.cocktail-card__img,.cocktail-card__placeholder{display:block;width:100%;object-fit:cover}@media(max-width:699px),(min-width:1100px){.cocktail-card{flex-direction:column}.cocktail-card__media{position:relative;aspect-ratio:1;overflow:hidden}.cocktail-card__img,.cocktail-card__placeholder{height:100%;aspect-ratio:auto}.cocktail-card__placeholder{min-height:0}}@media(min-width:700px)and (max-width:1099px){.cocktail-card{flex-direction:row;align-items:stretch}.cocktail-card__media{position:relative;flex:none;width:clamp(14rem,40%,20rem);align-self:stretch;overflow:hidden}.cocktail-card__img,.cocktail-card__placeholder{height:100%;aspect-ratio:auto}.cocktail-card__placeholder{min-height:0}}.cocktail-card__placeholder{display:grid;place-items:center;min-height:0;background:radial-gradient(circle at 30% 25%,var(--color-white) 0 12%,var(--flavor) 13%),radial-gradient(circle at 70% 75%,var(--flavor-strong) 0 18%,var(--flavor) 19%),var(--flavor)}.cocktail-card__placeholder span{font-family:Playfair Display,Georgia,serif;font-weight:800;font-size:var(--font-xl);color:var(--color-blue);transform:rotate(-6deg)}.cocktail-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) var(--space-md) var(--space-md)}.cocktail-card__name{font-family:Playfair Display,Georgia,serif;font-weight:800;line-height:1.1;color:var(--color-blue);font-size:clamp(1.5rem,1.25rem + 2.5vw,2.125rem)}@media(min-width:700px)and (max-width:1099px){.cocktail-card__name{font-size:clamp(1.625rem,1.1rem + 2.75vw,2.375rem)}.cocktail-card:has(.cocktail-card__badge) .cocktail-card__name{padding-right:5.25rem}}@media(min-width:1100px){.cocktail-card__name{font-size:clamp(1.45rem,.95rem + 1.25vw,2rem)}}.cocktail-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.cocktail-card__meta li{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;border-radius:999px;background-color:var(--flavor);transition:background-color var(--cocktail-flavor-transition);font-size:var(--font-xs);font-weight:600;color:var(--color-black)}.cocktail-card__icon{width:1.25em;height:1.25em;object-fit:contain}.cocktail-card__subtitle{margin-top:.25rem;font-size:var(--font-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-blue)}.cocktail-card__steps{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;counter-reset:step;font-size:var(--font-sm);line-height:1.4;color:var(--color-black)}.cocktail-card__brands{display:flex;flex-wrap:wrap;gap:.25rem .75rem;margin:.75rem 0;padding:0;list-style:none;font-size:var(--font-sm)}.cocktail-card__brands{gap:.4rem}.cocktail-card__brand{display:inline-flex;align-items:center;box-sizing:border-box;--brand-height: 2.25rem;min-height:var(--brand-height);gap:.5rem;padding:0 .75rem 0 0;overflow:hidden;border:2px solid var(--color-black);border-radius:9999px;background-color:var(--color-white);color:var(--color-black);font-size:var(--font-xs);font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;text-decoration:none;transition:opacity var(--transition-fast)}.cocktail-card__brand:not(:has(img)){padding-left:.75rem}.cocktail-card__brand:hover{opacity:.75}.cocktail-card__brand-icon{display:block;box-sizing:border-box;width:var(--brand-height);height:auto;align-self:stretch;padding:.15rem .15rem .15rem .75rem;background-color:var(--color-white);object-fit:contain;flex-shrink:0}.cocktail-card__steps li{position:relative;padding-left:1.75rem;counter-increment:step}.cocktail-card__steps li:before{content:counter(step);position:absolute;left:0;top:.05em;display:grid;place-items:center;width:1.2rem;height:1.2rem;border-radius:50%;background-color:var(--flavor);transition:background-color var(--cocktail-flavor-transition);font-size:.7rem;font-weight:700;line-height:1;color:var(--color-black)}@media(prefers-reduced-motion:reduce){.cocktail-carousel__track{scroll-behavior:auto}.cocktails-panel,.cocktail-carousel__btn,.cocktail-card__meta li,.cocktail-card__steps li:before,.cocktails-panel__crossfade-from,.cocktails-panel__crossfade-to,.cocktails-section__title span{transition:none}}