.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)}.hero-hotspot.hidden{display:none}.hero-hotspot{overflow:hidden;display:grid;grid-template:"main"/1fr;position:relative}.hero-hotspot__inner-container{display:grid;grid-template:"main"/1fr;position:relative}.hero-hotspot__inner-container.reveal-horizontal{clip-path:polygon(20% 0%, 80% 0%, 80% 100%, 20% 100%)}.hero-hotspot__inner-container.reveal-horizontal.trigger-animation{animation:clipReveal 2s ease forwards}.hero-hotspot__background-image{grid-area:main}.hero-hotspot__background-image img{aspect-ratio:375/510;-o-object-fit:cover;object-fit:cover}@media screen and (min-width: 768px){.hero-hotspot__background-image img{aspect-ratio:16/8}}.hero-hotspot__title-container{grid-area:main;display:none}@media screen and (min-width: 768px){.hero-hotspot__title-container{padding:calc(140/var(--design-reference)*var(--screen-width));display:flex}.hero-hotspot__title-container:has(.bottom-left){justify-content:flex-start;align-self:flex-end}.hero-hotspot__title-container:has(.center-left){justify-content:flex-start;align-self:center}.hero-hotspot__title-container:has(.bottom-right){justify-content:flex-end;align-self:flex-end}.hero-hotspot__title-container:has(.center-right){justify-content:flex-end;align-self:center}}.hero-hotspot__title{font-family:var(--primary-font-family),sans-serif;color:var(--theme-secondary-text-colour);text-transform:uppercase;line-height:1}.hero-hotspot__hotspots{position:relative;grid-area:main;width:100%;height:100%}.hero-hotspot__hotspot{position:absolute;inset:0}.wp-admin .hero-hotspot__hotspot{--screen-width-desktop: 840px}.hero-hotspot__hotspot{--screen-width-mobile: 100vw}@media screen and (min-width: 768px){.hero-hotspot__hotspot{--screen-width-portrait: 100vw}}@media screen and (min-width: 1024px){.hero-hotspot__hotspot{--screen-width-desktop: 100vw}}.hero-hotspot__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){.hero-hotspot__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){.hero-hotspot__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)}}.hero-hotspot__hotspot-button{background-color:rgba(0,0,0,0);border:none;padding:unset}.hero-hotspot__hotspot-button svg{cursor:pointer;width:calc(30/var(--design-reference)*var(--screen-width));height:calc(30/var(--design-reference)*var(--screen-width))}@media screen and (min-width: 768px){.hero-hotspot__hotspot-button svg{width:calc(44/var(--design-reference)*var(--screen-width));height:calc(44/var(--design-reference)*var(--screen-width))}}.hero-hotspot__hotspot-button svg circle{transform:scale(0.9);transform-origin:center;transition:transform .3s ease-out}.hero-hotspot__hotspot-button svg path{transition:transform .3s ease-out;transform-origin:center}.hero-hotspot__hotspot-button svg:hover circle{transform:scale(1)}.hero-hotspot__hotspot-button svg:hover path{transform:rotate(180deg)}.hero-hotspot .center-right,.hero-hotspot .bottom-right{opacity:0}.hero-hotspot .center-right.trigger-animation,.hero-hotspot .bottom-right.trigger-animation{animation:slide-in-right 1s ease-out forwards;opacity:1}.hero-hotspot .center-left,.hero-hotspot .bottom-left{opacity:0}.hero-hotspot .center-left.trigger-animation,.hero-hotspot .bottom-left.trigger-animation{animation:slide-in-left 1s ease-out forwards;opacity:1}@keyframes slide-in-right{from{transform:translateX(calc(500 / var(--design-reference) * var(--screen-width)))}to{transform:translateX(calc(0 / var(--design-reference) * var(--screen-width)))}}@keyframes slide-in-left{from{transform:translateX(calc(-500 / var(--design-reference) * var(--screen-width)))}to{transform:translateX(calc(0 / var(--design-reference) * var(--screen-width)))}}@keyframes clipReveal{from{clip-path:polygon(20% 0%, 80% 0%, 80% 100%, 20% 100%)}to{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}}

/*# sourceMappingURL=hero-hotspot.css.map*/