:root{--white: #fff;--cream: #E7E5D6;--pink: #9C546B;--orange: #E3A27B;--blue: #3A6AA0;--black: #2B2926;--yellow: #E2AE4E;--green: #5C654A;--maroon: #953E3E;--gray-blue: #3E4763;--bronze: #A16543;--sand: #C69A5D;--true-black: #000;--image-dark-overlay: rgba(67, 81, 71, .25);--photo-shadow: 0 8px 13px 4px rgba(0, 0, 0, 0.25);--button-scale: 1.2;--transition-time: .5s;--transition-property: transform}.color--white{color:var(--white)}.color--cream{color:var(--cream)}.color--pink{color:var(--pink)}.color--orange{color:var(--orange)}.color--blue{color:var(--blue)}.color--black{color:var(--black)}.color--yellow{color:var(--yellow)}.color--maroon{color:var(--maroon)}.color--gray-blue{color:var(--gray-blue)}.cocktails-banner{position:relative;color:var(--white)}.cocktails-banner__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;margin:0;max-width:1300px;z-index:2;padding-top:4.5rem}.cocktails-banner__bg-picture{position:absolute;width:100%;height:100%;inset:0}.cocktails-banner__image-container{width:55%;margin-left:8%}.cocktails-banner__bg-image,.cocktails-banner__image{-o-object-fit:cover;object-fit:cover;height:100%;width:100%}.cocktails-banner__content{position:relative;padding-block:4rem 7rem}.cocktails-banner__dove{position:absolute;width:clamp(18rem,15.183rem + 7.512vw,26rem);aspect-ratio:260/315;top:0;right:0;opacity:.5}.cocktails-banner__dove::before,.cocktails-banner__dove::after{content:"";position:absolute;width:100%;height:100%;background-size:cover;background-image:url("../../assets/img/cocktails-banner-dove.webp")}.cocktails-banner__dove::before{mix-blend-mode:luminosity;opacity:.4}.cocktails-banner__dove::after{mix-blend-mode:soft-light;opacity:.9}.cocktails-banner__title{margin-bottom:4rem}.cocktails-banner__copies{padding:7rem 2rem;border:2px solid currentcolor;position:relative}.cocktails-banner__copies::before{content:"";position:absolute;width:100%;height:100%;inset:0;z-index:-1;background-color:var(--maroon);opacity:.5}.cocktails-banner__copies-decoration{position:relative;margin-block:4.4rem;display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cocktails-banner__copies-decoration::before,.cocktails-banner__copies-decoration::after{content:"";position:absolute;height:2px;width:calc(50% - 4rem);background-color:currentcolor;top:calc(50% - 3px)}.cocktails-banner__copies-decoration::before{left:-2rem}.cocktails-banner__copies-decoration::after{right:-2rem}.cocktails-banner__ingredients{padding-inline:1rem;display:grid;grid-template-columns:min(6.8rem,40%) 1fr;gap:0 1.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cocktails-banner__ingredient-quantity{text-transform:uppercase;line-height:1}.cocktails-banner__ingredient-name{margin:0}.cocktails-banner__description{margin-block:0}.cocktails-banner__receipt{margin-block:2rem 0}.cocktails-banner p.paragraph--caps{color:currentcolor;line-height:1.57}@media(min-width: 768px){.cocktails-banner__container{display:grid;grid-template-columns:repeat(12, 1fr);-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;padding-top:6rem}.cocktails-banner__dove{top:-4.5rem;right:-12rem}.cocktails-banner__content{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;grid-column:span 9;grid-row:1;align-self:end;padding:0;margin-bottom:10rem}.cocktails-banner__title{margin-bottom:2rem}.cocktails-banner__copies{padding:6.6rem 3rem 2rem;display:grid;grid-template-columns:1fr 1fr;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.cocktails-banner__ingredients{-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem;padding-inline:0}.cocktails-banner__ingredient-name{font-size:1.4rem}.cocktails-banner__receipt{margin-top:0}.cocktails-banner__description{padding-right:4rem;grid-column:span 2}.cocktails-banner__copies-decoration{grid-column:span 2;margin-block:4rem}.cocktails-banner__image-container{grid-column:10/span 3;width:unset;max-width:37.5rem;margin-inline:0 -4rem}.cocktails-banner p.paragraph--caps{line-height:1.43}}@media(min-width: 992px){.cocktails-banner{padding-inline:5rem}.cocktails-banner__content{grid-column:span 8}}@media(min-width: 1400px){.cocktails-banner{padding-inline:7rem}.cocktails-banner__dove{top:-15.5rem}.cocktails-banner__content{grid-column:span 6}.cocktails-banner__image-container{grid-column:9/span 4;margin-inline:-2rem 0}}