.cocktail-card{position:relative}.cocktail-card__container{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:calc(20/var(--design-reference)*var(--screen-width)) 0px;grid-auto-flow:row}.cocktail-card__container:hover .cocktail-card__post-image{transform:scale(1.1)}.cocktail-card__post-tag{position:absolute;padding:calc(10/var(--design-reference)*var(--screen-width)) calc(10/var(--design-reference)*var(--screen-width));background-color:var(--scottish-white);border:solid calc(2/var(--design-reference)*var(--screen-width)) var(--core-teal);left:calc(10/var(--design-reference)*var(--screen-width));top:calc(10/var(--design-reference)*var(--screen-width));text-transform:uppercase;font-size:calc(14/var(--design-reference)*var(--font-reference)*var(--font-size-multiplier));z-index:2;text-box-trim:trim-both;text-box-edge:cap alphabetic}@media screen and (min-width: 768px){.cocktail-card__post-tag{font-size:calc(14/var(--design-reference)*var(--font-reference)*var(--font-size-multiplier));padding:calc(10/var(--design-reference)*var(--screen-width))}}.cocktail-card__post-image-container{aspect-ratio:165/327;grid-area:1/1/2/2;overflow:hidden;position:relative;width:100%;background:#efefef;overflow:hidden;transition:.7s ease}.cocktail-card__post-image-container:hover{transform:scale(1.03)}@media screen and (min-width: 768px){.cocktail-card__post-image-container{aspect-ratio:310/310}}.cocktail-card__post-image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.3s ease-in-out;padding-top:0}@media screen and (min-width: 768px){.cocktail-card__post-image{padding:unset}}.cocktail-card__post-title{font-weight:700;font-size:calc(14/var(--design-reference)*var(--font-reference)*var(--font-size-multiplier));line-height:calc(18/var(--design-reference)*var(--screen-width));letter-spacing:4%;text-transform:uppercase;transition:all .3s;color:var(--black)}.cocktail-card .cmpl-post-tag-span{display:block}.modal-controller-popup:has(.hero-hotspot__modal.active) .modal-controller-popup__container,.modal-controller-popup:has(.cocktail-grid__modal.active) .modal-controller-popup__container{min-height:auto;min-width:auto;background-color:rgba(0,0,0,0)}.modal-controller-popup:has(.hero-hotspot__modal.active) .modal-controller-popup__content,.modal-controller-popup:has(.cocktail-grid__modal.active) .modal-controller-popup__content{padding:0;height:auto;animation:slide-from-right .5s ease forwards;transform:unset;transition:unset}.modal-controller-popup:has(.hero-hotspot__modal.active) .modal-controller-popup__content>[data-modalpopupcontent],.modal-controller-popup:has(.cocktail-grid__modal.active) .modal-controller-popup__content>[data-modalpopupcontent]{grid-area:main;pointer-events:all}.hero-hotspot__modal[data-modalpopupcontent],.cocktail-grid__modal[data-modalpopupcontent]{display:none}.modal-post{background-color:var(--scottish-white);display:grid;position:relative;grid-template:"image content"/calc(110 / var(--design-reference) * var(--screen-width)) 1fr;width:calc(350/var(--design-reference)*var(--screen-width))}@media screen and (min-width: 768px){.modal-post{grid-template:"image content"/calc(210 / var(--design-reference) * var(--screen-width)) 1fr;width:calc(650/var(--design-reference)*var(--screen-width))}}.modal-post__content{grid-area:content;padding-inline:calc(15/var(--design-reference)*var(--screen-width))}@media screen and (min-width: 768px){.modal-post__content{padding-inline:calc(30/var(--design-reference)*var(--screen-width))}}.modal-post__content{padding-block:calc(40/var(--design-reference)*var(--screen-width))}.modal-post__image{background-color:var(--almost-white);grid-area:image;display:flex}.modal-post__image picture{align-self:end}.modal-post__image img{aspect-ratio:unset;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom}@media screen and (min-width: 768px){.modal-post__image img{-o-object-fit:contain;object-fit:contain;aspect-ratio:1}}.modal-post__title{text-transform:uppercase;font-size:calc(18/var(--design-reference)*var(--font-reference)*var(--font-size-multiplier));line-height:100%;margin-bottom:calc(10/var(--design-reference)*var(--screen-width));font-family:var(--primary-font-family)}@media screen and (min-width: 768px){.modal-post__title{line-height:100%;font-size:calc(24/var(--design-reference)*var(--font-reference)*var(--font-size-multiplier));margin-bottom:calc(15/var(--design-reference)*var(--screen-width))}}.modal-post__description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:calc(14/var(--design-reference)*var(--font-reference)*var(--font-size-multiplier));margin-bottom:calc(15/var(--design-reference)*var(--screen-width));line-height:140%}@media screen and (min-width: 768px){.modal-post__description{line-height:175%;margin-bottom:calc(15/var(--design-reference)*var(--screen-width))}}.modal-post__link{font-weight:bold;font-size:calc(14/var(--design-reference)*var(--font-reference)*var(--font-size-multiplier));position:relative}.modal-post__link::after{content:"";position:absolute;width:100%;height:calc(1/var(--design-reference)*var(--screen-width));background:currentColor;left:0;bottom:-0.6em;transform-origin:bottom;transition:.2s linear}.modal-post__link:hover::after{height:calc(2/var(--design-reference)*var(--screen-width));background:var(--core-teal)}.modal-post__close-btn{display:block;background-image:url(/wp-content/themes/global-theme/static-v2/images/close-v3.svg);background-size:cover;background-color:rgba(0,0,0,0);pointer-events:all;cursor:pointer;width:calc(40/var(--design-reference)*var(--screen-width));height:calc(40/var(--design-reference)*var(--screen-width));border:unset;padding:unset;transition:transform .2s;position:absolute;right:calc(10/var(--design-reference)*var(--screen-width));top:calc(5/var(--design-reference)*var(--screen-width));z-index:99}@media screen and (min-width: 768px){.modal-post__close-btn{right:calc(15/var(--design-reference)*var(--screen-width));top:calc(15/var(--design-reference)*var(--screen-width))}}.modal-post__close-btn:hover{transform:scale(1.1)}.cocktail-grid{padding:calc(15/var(--design-reference)*var(--screen-width))}@media screen and (min-width: 768px){.cocktail-grid{padding:calc(70/var(--design-reference)*var(--screen-width))}}@media screen and (min-width: 1440px){.cocktail-grid{--screen-width: 1440px;--font-reference: 1440px}}.cocktail-grid.hidden{display:none}.cocktail-grid__split-container{display:grid;gap:calc(30/var(--design-reference)*var(--screen-width));align-items:start}@media screen and (min-width: 768px){.cocktail-grid__split-container{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:calc(20/var(--design-reference)*var(--screen-width))}}@media screen and (min-width: 1440px){.cocktail-grid__split-container{max-width:1440px;margin:auto}}.cocktail-grid__feature{display:grid;gap:calc(20/var(--design-reference)*var(--screen-width));align-content:start}@media screen and (min-width: 768px){.cocktail-grid__feature{position:sticky;top:calc(70/var(--design-reference)*var(--screen-width))}}.cocktail-grid__feature-stage{display:grid;grid-template:"main"/1fr;position:relative;overflow:hidden;aspect-ratio:345/510;height:100%}@media screen and (min-width: 768px){.cocktail-grid__feature-stage{aspect-ratio:640/710}}.cocktail-grid__background-overlay{grid-area:main;height:100%;width:100%;z-index:1;background:linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 50%)}.cocktail-grid__background-image{grid-area:main;width:100%}.cocktail-grid__background-image .single-responsive-image-v3__picture,.cocktail-grid__background-image .single-responsive-image-v3__image{display:block;width:100%;height:100%}.cocktail-grid__background-image .single-responsive-image-v3__image{-o-object-fit:cover;object-fit:cover;aspect-ratio:1/1}@media screen and (min-width: 768px){.cocktail-grid__background-image{min-height:0}}.cocktail-grid__title-container{grid-area:main;display:flex;justify-content:center;align-self:start;padding:calc(24/var(--design-reference)*var(--screen-width));pointer-events:none;z-index:2}@media screen and (min-width: 768px){.cocktail-grid__title-container{padding-top:calc(48/var(--design-reference)*var(--screen-width));padding-inline:calc(50/var(--design-reference)*var(--screen-width))}}.cocktail-grid__hotspots{position:relative;grid-area:main;width:100%;height:100%;z-index:3}.cocktail-grid__content-container{display:none}.cocktail-grid__hotspot{position:absolute;inset:0}.wp-admin .cocktail-grid__hotspot{--screen-width-desktop: 840px}.cocktail-grid__hotspot{--screen-width-mobile: 100vw}@media screen and (min-width: 768px){.cocktail-grid__hotspot{--screen-width-portrait: 100vw}}@media screen and (min-width: 1024px){.cocktail-grid__hotspot{--screen-width-desktop: 100vw}}.cocktail-grid__hotspot{position:var(--element-position, relative);z-index:var(--element-z-index);place-self:var(--mobile-vertical-placement) var(--mobile-horizontal-placement);translate:var(--element-horizontal-offset-mobile, 0) var(--element-vertical-offset-mobile, 0);rotate:var(--element-rotation-mobile, 0deg)}@media screen and (min-width: 768px){.cocktail-grid__hotspot{place-self:var(--portrait-vertical-placement, var(--desktop-vertical-placement)) var(--portrait-horizontal-placement, var(--desktop-horizontal-placement));translate:var(--element-horizontal-offset-portrait, var(--element-horizontal-offset-desktop, 0)) var(--element-vertical-offset-portrait, var(--element-vertical-offset-desktop, 0));rotate:var(--element-rotation-portrait, var(--element-rotation-desktop, 0deg))}}@media screen and (min-width: 1024px){.cocktail-grid__hotspot{place-self:var(--desktop-vertical-placement) var(--desktop-horizontal-placement);translate:var(--element-horizontal-offset-desktop, 0) var(--element-vertical-offset-desktop, 0);rotate:var(--element-rotation-desktop, 0deg)}}.cocktail-grid__hotspot-button{background-color:rgba(0,0,0,0);border:none;padding:unset;width:calc(30/var(--design-reference)*var(--screen-width));height:calc(30/var(--design-reference)*var(--screen-width))}@media screen and (min-width: 768px){.cocktail-grid__hotspot-button{width:calc(44/var(--design-reference)*var(--screen-width));height:calc(44/var(--design-reference)*var(--screen-width))}}.cocktail-grid__hotspot-button svg{cursor:pointer}.cocktail-grid__hotspot-button svg circle{transform:scale(0.9);transform-origin:center;transition:transform .3s ease-out}.cocktail-grid__hotspot-button svg path{transition:transform .3s ease-out;transform-origin:center}.cocktail-grid__hotspot-button svg:hover circle{transform:scale(1)}.cocktail-grid__hotspot-button svg:hover path{transform:rotate(180deg)}.cocktail-grid__feature-content{max-width:min(100%,420/var(--design-reference)*var(--screen-width));margin:0 auto;text-align:center}.cocktail-grid__feature-title{color:var(--theme-secondary-text-colour);font-weight:700;font-size:calc(44/var(--design-reference)*var(--font-reference)*var(--font-size-multiplier));line-height:.95;text-transform:uppercase;text-align:center;max-width:calc(280/var(--design-reference)*var(--screen-width))}@media screen and (min-width: 768px){.cocktail-grid__feature-title{font-size:calc(70/var(--design-reference)*var(--font-reference)*var(--font-size-multiplier));max-width:calc(460/var(--design-reference)*var(--screen-width))}}.cocktail-grid__feature-description{font-size:calc(18/var(--design-reference)*var(--font-reference)*var(--font-size-multiplier));line-height:1.35}.cocktail-grid__cards,.cocktail-grid__grid-item{min-width:0}@media screen and (min-width: 768px){.cocktail-grid__cards--full-width{grid-column:1/-1}}.cocktail-grid__featured-article{position:relative;transition:.7s ease}.cocktail-grid__featured-article-link{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:calc(20/var(--design-reference)*var(--screen-width));position:relative;color:inherit;text-decoration:none}.cocktail-grid__featured-article-link:hover .cocktail-grid__featured-article-image{transform:scale(1.06)}@media screen and (min-width: 768px){.cocktail-grid__featured-article-link{display:block}}.cocktail-grid__featured-article-image-container{position:relative;overflow:hidden;background:#efefef;aspect-ratio:165/327}@media screen and (min-width: 768px){.cocktail-grid__featured-article-image-container{aspect-ratio:auto}.cocktail-grid__featured-article-image-container::before{content:"";display:block;padding-top:calc(100% + calc(20 / var(--design-reference) * var(--screen-width)) + calc(18 / var(--design-reference) * var(--screen-width)))}}.cocktail-grid__featured-article-image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-in-out}@media screen and (min-width: 768px){.cocktail-grid__featured-article-image{position:absolute;inset:0}}.cocktail-grid__featured-article-content{display:block}@media screen and (min-width: 768px){.cocktail-grid__featured-article-content{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:calc(16/var(--design-reference)*var(--screen-width));height:100%;padding:calc(18/var(--design-reference)*var(--screen-width)) calc(22/var(--design-reference)*var(--screen-width)) calc(22/var(--design-reference)*var(--screen-width))}}.cocktail-grid__featured-article-title{margin:0;max-width:none;color:var(--black);font-weight:700;font-size:calc(14/var(--design-reference)*var(--font-reference)*var(--font-size-multiplier));line-height:calc(18/var(--design-reference)*var(--screen-width));letter-spacing:.04em;text-transform:uppercase;text-align:left;font-family:var(--primary-font-family)}@media screen and (min-width: 768px){.cocktail-grid__featured-article-title{max-width:calc(230/var(--design-reference)*var(--screen-width));color:var(--scottish-white);font-size:calc(32/var(--design-reference)*var(--font-reference)*var(--font-size-multiplier));line-height:.95;letter-spacing:.02em;text-align:center;text-wrap:balance}}.cocktail-grid__featured-article-cta{display:none}@media screen and (min-width: 768px){.cocktail-grid__featured-article-cta{display:block}}.cocktail-grid__featured-article-cta .cmpl-cta-span{position:relative}.cocktail-grid__grid-container{display:grid;grid-template-columns:repeat(2, 1fr);-moz-column-gap:calc(15/var(--design-reference)*var(--screen-width));column-gap:calc(15/var(--design-reference)*var(--screen-width));row-gap:calc(25/var(--design-reference)*var(--screen-width))}@media screen and (min-width: 768px){.cocktail-grid__grid-container{grid-template-columns:repeat(2, 1fr);-moz-column-gap:calc(20/var(--design-reference)*var(--screen-width));column-gap:calc(20/var(--design-reference)*var(--screen-width));row-gap:calc(40/var(--design-reference)*var(--screen-width))}}@media screen and (min-width: 768px){.cocktail-grid--align-left .cocktail-grid__feature{order:2}.cocktail-grid--align-left .cocktail-grid__cards{order:1}}@media screen and (min-width: 768px){.cocktail-grid--align-right .cocktail-grid__feature{order:1}.cocktail-grid--align-right .cocktail-grid__cards{order:2}}

/*# sourceMappingURL=cocktail-grid.css.map*/