/*!
 * DRINK STOP - site stylesheet
 * De-minified and reorganised from the original theme's
 * compiled bundle.css (Phase 4 de-brand). Renders identically;
 * dead rules removed, brand-specific selectors renamed, and
 * two inline <style> blocks from index.html folded in at the
 * end of the file to preserve their original cascade order.
 */


/* ===== RESET / BASE ===== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display: block;
}

body {
  line-height: 1;
}

ol,ul {
  list-style: none;
}

blockquote,q {
  quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
  content: "";
  content: none;
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
  appearance: none;
}

input[type=search] {
  appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

audio,canvas,video {
  display: inline-block;
  max-width: 100%;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:focus {
  outline: 0;
}

a:active,a:hover {
  outline: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
}

button,input,select,textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  vertical-align: middle;
}

button,input {
  line-height: normal;
}

button,select {
  text-transform: none;
}

button,html input[type=button],input[type=reset],input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],html input[disabled] {
  cursor: default;
}

input[type=checkbox],input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=search] {
  appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html,button,input,select,textarea,a {
  color: var(--black);
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

*,*:before,*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
}

@media (min-width:1920px) {
  html {
    font-size: clamp(16px,.8333333333vw,32px);
  }
}

body {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  position: relative;
  background-color: var(--cream);
  font-family: Manrope,sans-serif;
  font-size: 16px;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

img {
  max-width: 100%;
  height: auto;
}

img,svg,video,canvas,audio,iframe,embed,object,picture {
  display: block;
}

/* ===== TOKENS ===== */
:root {
  --black: #000;
  --cream: #ffffe7;
  --green: #3cf02d;
  --blue: #0091ff;
  --pink: #ff82ff;
  --yellow: #ffde14;
}

/* ===== TYPOGRAPHY ===== */
@font-face {
  font-family: "DS Display";
  src: url(../../../../fonts/drinkstop-display.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

h1,h2,h3,h4,h5,h6 {
  font-family: "DS Display";
  font-size: 1.875rem;
  font-weight: 900;
  line-height: 1.1;
}

strong,b {
  font-weight: 700;
}

p {
  font-size: 1rem;
}

@media (min-width:80em) {
  p {
    font-size: 1.125rem;
  }
}

span.block {
  display: block;
}

a {
  outline: 0;
  text-decoration: none;
}

/* ===== BUTTONS ===== */
button,input,select,optgroup,textarea,::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
  border: 0;
  outline: 0;
}

.btn {
  position: relative;
  z-index: 2;
  display: inline-flex;
  width: fit-content;
  padding: .75rem 1.25rem;
  background-color: var(--yellow);
  border: 1px solid black;
  border-radius: 1.875rem;
  color: var(--black);
  font-family: "DS Display";
  font-size: .875rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  transition: color .3s;
}

@media (min-width:40em) {
  .btn {
    font-size: 1rem;
  }
}

.btn:hover .btn-text-wrapper .btn-text.is-default {
  transform: translateY(-150%);
}

.btn:hover .btn-text-wrapper .btn-text.is-absolute {
  transform: translateY(0);
}

.btn--ghost {
  background-color: transparent;
}

.btn--icon {
  align-items: center;
  gap: .625rem;
  padding: .1875rem 1.25rem .1875rem .1875rem;
}

.btn--link {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border: 0;
}

.btn--icon.btn--ghost:hover .btn__icon-slot {
  background-color: var(--cream);
}

.btn--icon.btn--ghost:hover .btn__icon-slot svg path {
  fill: var(--black);
}

.btn--icon.btn--blue svg path {
  fill: var(--blue);
}

.btn--icon.btn--blue:hover .btn__icon-slot {
  background-color: var(--blue);
}

.btn--icon.btn--blue:hover .btn__icon-slot svg path {
  fill: var(--black);
}

.btn--icon.btn--pink svg path {
  fill: var(--pink);
}

.btn--icon.btn--pink:hover .btn__icon-slot {
  background-color: var(--pink);
}

.btn--icon.btn--pink:hover .btn__icon-slot svg path {
  fill: var(--black);
}

.btn__icon-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.1875rem;
  height: 2.1875rem;
  background-color: var(--black);
  border-radius: 50%;
  transition: background-color .3s;
}

.btn__icon-slot svg path {
  fill: var(--cream);
  transition: fill .3s;
}

.btn-text-wrapper {
  position: relative;
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.is-default {
  position: relative;
}

.is-absolute {
  position: absolute;
  transform: translateY(150%);
}

.is-default,.is-absolute {
  z-index: 1;
  line-height: 1.25;
  transition: transform .3s;
}

.control {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  background-color: var(--black);
  border-radius: 50%;
  outline: 1px solid var(--black);
  outline-offset: .25rem;
}

/* ===== LAYOUT / CONTAINER ===== */
#smooth-wrapper {
  z-index: 30;
}

.container {
  width: 90rem;
  max-width: 100%;
  margin: 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width:64em) {
  .container {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.container--lower {
  width: 75rem;
}

.float-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.page-home {
  overflow: hidden;
}

.page-scroll-block--one {
  position: relative;
  z-index: 5;
  background-color: var(--cream);
  border-bottom-right-radius: 1.875rem;
  border-bottom-left-radius: 1.875rem;
  padding-bottom: 3.75rem;
  overflow: hidden;
}

@media (min-width:64em) {
  .page-scroll-block--one {
    padding-bottom: 2.1875rem;
  }
}

.page-scroll-block--two {
  margin-top: -1.875rem;
  background-color: var(--green);
}

/* ===== HEADER ===== */
.has-scrolled .main-header {
  transition: transform .3s .3s;
}

.has-scrolled .main-header:before {
  opacity: 1;
}

.has-scrolled .main-header .btn--ghost:hover .btn__icon-slot {
  background-color: var(--blue);
}

.has-scrolled .main-header .btn--ghost:hover .btn__icon-slot svg path {
  fill: var(--black);
}

.has-sticky-header .main-header {
  transition: transform .3s;
  transform: translateY(-100%);
}

.has-offcanvas.has-scrolled .main-header:before {
  background-color: var(--green);
}

.main-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 60;
  width: 100%;
  height: 5.5625rem;
  background-color: var(--green);
  border-bottom: 1px solid var(--black);
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.main-header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  width: 100%;
  height: 100%;
  background-color: var(--cream);
  opacity: 0;
  transition: opacity .3s .2s,background-color .3s;
}

.main-header .container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.main-header-wrapper {
  display: none;
}

@media (min-width:64em) {
  .main-header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
}

.main-header__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-flex;
  width: 5.0625rem;
  height: 3rem;
  transform: translate(-50%,-50%);
}

@media (min-width:64em) {
  .main-header__logo {
    position: static;
    margin-right: 2.5rem;
    transform: none;
  }
}

@media (min-width:80em) {
  .main-header__logo {
    margin-right: 3.75rem;
  }
}

.main-header-nav__list {
  display: flex;
  align-items: center;
  gap: 1.875rem;
}

@media (min-width:80em) {
  .main-header-nav__list {
    gap: 2.5rem;
  }
}

.main-header-nav__list li {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.main-header-nav__list li a {
  font-family: "DS Display";
  font-weight: 900;
  text-transform: uppercase;
}

.main-header-nav__list li:hover .main-header__nav-item-text.is-default {
  transform: translateY(-150%);
}

.main-header-nav__list li:hover .main-header__nav-item-text.is-absolute {
  transform: translateY(-100%);
}

.main-header-actions {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

/* ===== OFFCANVAS NAV ===== */
.offcanvas-toggle {
  position: absolute;
  top: 1.5625rem;
  right: 1.5rem;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--black);
  border-radius: 50%;
  outline: 1px solid var(--black);
  outline-offset: 4px;
  cursor: pointer;
}

@media (min-width:64em) {
  .offcanvas-toggle {
    display: none;
  }
}

.offcanvas-toggle svg {
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
  transform: translate(-50%,-50%);
  transition: opacity .3s;
}

.offcanvas-toggle__menu {
  opacity: 1;
}

.offcanvas-toggle__close {
  opacity: 0;
}

.has-offcanvas .offcanvas {
  opacity: 1;
  pointer-events: auto;
}

@media (min-width:64em) {
  .has-offcanvas .offcanvas {
    display: none;
  }
}

.has-offcanvas .offcanvas-toggle__menu {
  opacity: 0;
}

.has-offcanvas .offcanvas-toggle__close {
  opacity: 1;
}

.offcanvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 50;
  padding-top: 9rem;
  background-color: var(--green);
  opacity: 0;
  overflow-y: auto;
  pointer-events: none;
  transition: opacity .3s;
}

.offcanvas-nav {
  width: 100%;
  height: 100%;
}

.offcanvas-nav a {
  display: inline-flex;
}

.offcanvas-menu,.offcanvas-submenu {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.offcanvas-menu {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}

.offcanvas-submenu {
  display: none;
  gap: 1.25rem;
  margin-bottom: .25rem;
  margin-top: 1.5rem;
}

.offcanvas-menu__item a,.offcanvas-submenu__item a {
  color: var(--black);
  font-family: "DS Display";
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
}

.offcanvas-menu__item a {
  font-size: 1.5rem;
}

.offcanvas-menu__item--has-submenu>a {
  position: relative;
  padding-right: 2.5rem;
}

.offcanvas-menu__item--has-submenu>a:after {
  content: "";
  position: absolute;
  top: 0;
  right: .25rem;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='30' viewBox='0 0 31 30' fill='none'%3E%3Cpath d='M25.4597 12.4107L16.0847 21.4732C15.9976 21.5575 15.8942 21.6243 15.7804 21.6699C15.6666 21.7155 15.5446 21.739 15.4214 21.739C15.2982 21.739 15.1762 21.7155 15.0624 21.6699C14.9486 21.6243 14.8452 21.5575 14.7581 21.4732L5.38314 12.4107C5.20723 12.2407 5.1084 12.01 5.1084 11.7695C5.1084 11.5291 5.20723 11.2984 5.38314 11.1284C5.55905 10.9583 5.79764 10.8628 6.04642 10.8628C6.2952 10.8628 6.53379 10.9583 6.7097 11.1284L15.4214 19.5508L24.1331 11.1284C24.2202 11.0442 24.3237 10.9774 24.4375 10.9318C24.5513 10.8862 24.6732 10.8628 24.7964 10.8628C24.9196 10.8628 25.0416 10.8862 25.1554 10.9318C25.2692 10.9774 25.3726 11.0442 25.4597 11.1284C25.5468 11.2126 25.6159 11.3125 25.663 11.4225C25.7102 11.5326 25.7344 11.6505 25.7344 11.7695C25.7344 11.8886 25.7102 12.0065 25.663 12.1165C25.6159 12.2266 25.5468 12.3265 25.4597 12.4107Z' fill='black'/%3E%3C/svg%3E");
  background-size: 1.625rem;
  background-repeat: no-repeat;
  background-position: center;
}

.offcanvas-menu__item--open>a:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='30' viewBox='0 0 31 30' fill='none'%3E%3Cpath d='M5.38209 18.3786L14.7571 9.31609C14.8442 9.23183 14.9476 9.16498 15.0614 9.11938C15.1752 9.07377 15.2972 9.0503 15.4204 9.0503C15.5436 9.0503 15.6656 9.07377 15.7794 9.11938C15.8932 9.16498 15.9966 9.23183 16.0837 9.31609L25.4587 18.3786C25.6346 18.5486 25.7334 18.7793 25.7334 19.0198C25.7334 19.2602 25.6346 19.4909 25.4587 19.6609C25.2827 19.831 25.0442 19.9265 24.7954 19.9265C24.5466 19.9265 24.308 19.831 24.1321 19.6609L15.4204 11.2385L6.70866 19.6609C6.62155 19.7451 6.51815 19.8119 6.40434 19.8575C6.29053 19.9031 6.16856 19.9265 6.04538 19.9265C5.92219 19.9265 5.80021 19.9031 5.68641 19.8575C5.5726 19.8119 5.4692 19.7451 5.38209 19.6609C5.29499 19.5767 5.2259 19.4768 5.17876 19.3668C5.13162 19.2567 5.10735 19.1388 5.10735 19.0198C5.10735 18.9007 5.13162 18.7828 5.17876 18.6728C5.2259 18.5627 5.29499 18.4628 5.38209 18.3786Z' fill='black'/%3E%3C/svg%3E");
}

.offcanvas-menu__item--open .offcanvas-submenu {
  display: flex;
}

.offcanvas-submenu__item a {
  font-size: 1.125rem;
}

.offcanvas-meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.125rem;
  margin-top: 2.5rem;
  padding: 1.875rem 0;
}

.offcanvas-social .social-media-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}

@media (min-width:40em) {
  .offcanvas-social .social-media-buttons {
    padding-bottom: .5rem;
  }
}

@media (min-width:48em) {
  .offcanvas-social .social-media-buttons {
    padding-bottom: 1rem;
  }
}

/* ===== HERO ===== */
.hero {
  position: relative;
  z-index: 1;
  background-color: #00ef02;
  overflow: hidden;
}

.hero .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.125rem;
  padding-top: 4.375rem;
  padding-bottom: 35%;
}

@media (min-width:48em) {
  .hero .container {
    padding-bottom: 5%;
  }
}

@media (min-width:64em) {
  .hero .container {
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
    height: 100svh;
    max-height: 80rem;
    padding-bottom: 4.6875rem;
  }
}

.hero-heading {
  position: relative;
  margin: 2.5rem auto 0;
  padding-top: 4.0625rem;
  padding-right: .625rem;
}

@media (min-width:64em) {
  .hero-heading {
    margin: 0;
    margin-top: 20vh;
  }
}

.hero-heading--spark {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.375rem;
}

@media (min-width:64em) {
  .hero-heading--spark {
    top: -2.1875rem;
    width: 7.5rem;
  }
}

@media (min-width:80em) {
  .hero-heading--spark {
    top: -2.1875rem;
    width: 8.75rem;
  }
}

.hero-title {
  line-height: 1;
  font-size: 2.75rem;
}

@media (min-width:64em) {
  .hero-title {
    font-size: 3.5rem;
  }
}

@media (min-width:80em) {
  .hero-title {
    font-size: 4.75rem;
  }
}

.hero-title span {
  display: block;
}

.hero-title--first {
  text-transform: uppercase;
  transform: none;
}

.hero-title--second {
  margin-top: 0;
  margin-left: 0;
  transform: none;
}

.hero-bg {
  width: 160%;
  max-width: none;
  margin-left: -60%;
  object-fit: cover;
  object-position: center;
}

@media (min-width:48em) {
  .hero-bg {
    width: 100%;
    margin-left: 0;
  }
}

@media (min-width:64em) {
  .hero-bg {
    position: absolute;
    right: 0;
    bottom: -.9375rem;
    z-index: -1;
    width: 100vw;
    max-width: 100%;
  }
}

@media (min-width:80em) {
  .hero-bg {
    bottom: -3.75rem;
    width: 90vw;
  }
}

.hero-back-graphic {
  width: 160%;
  max-width: none;
  margin: 2.5rem -1.875rem -30% 0;
  object-fit: contain;
  object-position: center;
}

@media (min-width:40em) {
  .hero-back-graphic {
    width: 100%;
  }
}

@media (min-width:64em) {
  .hero-back-graphic {
    position: absolute;
    bottom: -5%;
    right: -5%;
    width: 75%;
    max-width: 100%;
    margin: 0;
  }
}

@media (min-width:80em) {
  .hero-back-graphic {
    width: 70%;
    bottom: -10%;
  }
}

.hero-front-graphic {
  position: absolute;
  bottom: -5%;
  right: -5%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

@media (min-width:40em) {
  .hero-front-graphic {
    width: 45%;
  }
}

@media (min-width:64em) {
  /* replaced by the photographic .hero-bg at desktop widths */
  .hero-back-graphic,.hero-front-graphic {
    display: none;
  }
}

@media (min-width:64em) {
  /* full-bleed cover override — the pre-existing .hero-bg rules above were sized
     for a partial/vw-based layer and left gaps of the green section colour showing
     around the new photographic background, so pin it edge-to-edge instead. */
  .hero-bg {
    inset: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: right center;
  }
}

.hero-ice {
  position: absolute;
  z-index: 2;
  bottom: 3%;
  right: 15%;
  width: 29%;
  max-width: 380px;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
}

/* ===== ABOUT ===== */
.about {
  padding: 5rem 0;
}

@media (min-width:64em) {
  .about {
    padding: 8.75rem 0;
  }
}

.about .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
}

@media (min-width:64em) {
  .about .container {
    flex-direction: row;
    justify-content: space-around;
  }
}

@media (min-width:80em) {
  .about .container {
    justify-content: space-between;
  }
}

.about-title {
  font-size: 3rem;
  transform: rotate(-3deg);
}

@media (min-width:64em) {
  .about-title {
    font-size: 4rem;
  }
}

@media (min-width:80em) {
  .about-title {
    font-size: 5.125rem;
  }
}

@media (min-width:64em) {
  .about-title span:nth-child(1) {
    display: block;
  }
}

.about-title span:nth-child(2) {
  display: block;
}

.about-column p {
  width: 20.625rem;
  max-width: 100%;
  margin: 1.5rem auto 0;
}

@media (min-width:64em) {
  .about-column p {
    width: 15.625rem;
  }
}

@media (min-width:80em) {
  .about-column p {
    width: 17.5rem;
    font-size: 1.25rem;
  }
}

.about-column--left {
  width: 100%;
  text-align: center;
}

@media (min-width:64em) {
  .about-column--left {
    width: 18.75rem;
    text-align: left;
  }
}

@media (min-width:96em) {
  .about-column--left {
    width: 22.5rem;
  }
}

@media (min-width:80em) {
  .about-column--left p {
    margin-left: 3.125rem;
  }
}

@media (min-width:96em) {
  .about-column--left p {
    margin-left: 5rem;
  }
}

.about-column--right {
  margin-top: 1.875rem;
}

@media (min-width:64em) {
  .about-column--right {
    margin-top: 0;
  }
}

@media (min-width:80em) {
  .about-column--right p:nth-child(2) {
    margin-left: 2.5rem;
  }
}

.about-column--right h5 {
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-top: 2.5rem;
}

@media (min-width:80em) {
  .about-column--right h5 {
    font-size: 2rem;
  }
}

.about-media {
  position: relative;
  z-index: 1;
  width: calc(100% - 100px);
  max-width: 21.875rem;
  height: auto;
  padding: 5rem 0 3.75rem;
}

@media (min-width:40em) {
  .about-media {
    width: 31.875rem;
    max-width: 100%;
    padding: 5rem 5rem 3.75rem;
  }
}

@media (min-width:96em) {
  .about-media {
    width: 100%;
    padding: 6.25rem 9.375rem 5rem;
  }
}

.about-media .plyr {
  border-radius: 1.875rem;
}

.about-media .plyr__video-wrapper {
  background: transparent;
}

.about-media-image {
  position: absolute;
}

.about-media-image--1 {
  top: 0;
  left: -5rem;
  z-index: -1;
  width: 12.5rem;
}

@media (min-width:40em) {
  .about-media-image--1 {
    left: -2.5rem;
    width: 16.875rem;
  }
}

@media (min-width:96em) {
  .about-media-image--1 {
    left: 0;
    width: 19.375rem;
  }
}

.about-media-image--2 {
  top: 3.75rem;
  right: -2.5rem;
  z-index: 1;
  width: 5rem;
}

@media (min-width:40em) {
  .about-media-image--2 {
    right: 0;
    width: 7.5rem;
  }
}

@media (min-width:96em) {
  .about-media-image--2 {
    right: 3.75rem;
    width: 9.375rem;
  }
}

.about-media-image--3 {
  bottom: 0;
  right: -3.75rem;
  z-index: -1;
  width: 12.5rem;
}

@media (min-width:40em) {
  .about-media-image--3 {
    right: 0;
    width: 15rem;
  }
}

@media (min-width:96em) {
  .about-media-image--3 {
    width: 23.125rem;
  }
}

.about-media__video {
  width: 100%;
  border: 2px solid var(--black);
  border-radius: 1.875rem;
  overflow: hidden;
}

@media (min-width:64em) {
  .about-media__video {
    width: 21.5625rem;
  }
}

.full-image {
  width: 100vw;
  height: 100svh;
  overflow: hidden;
}

.full-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* ===== PRODUCTS ===== */
.products {
  position: relative;
  padding: 5rem 0;
}

@media (min-width:64em) {
  .products {
    padding: 8.75rem 0;
  }
}

.products .container {
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}

@media (min-width:64em) {
  .products .container {
    gap: 1.875rem;
  }
}

.products-marquee {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: -1;
}

.products-marquee .marquee {
  border: none;
}

.product-card {
  position: relative;
  z-index: 1;
  width: 100%;
  border-radius: 1.875rem;
}

@media (max-width:1023px) {
  .product-card {
    background-color: transparent !important;
  }
}

.product-card__btn {
  display: none;
}

@media (min-width:64em) {
  .product-card__btn {
    display: block;
  }
}

.product-card .container {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  grid-gap: 1.875rem;
}

@media (min-width:64em) {
  .product-card .container {
    grid-template-columns: 25.625rem 1fr;
    grid-gap: 3.75rem;
    height: calc(100vh - 1.875rem);
    padding: 2.5rem 0 2.5rem 2.1875rem;
  }
}

@media (min-width:80em) {
  .product-card .container {
    padding: 3.75rem 0 2.5rem 2.1875rem;
  }
}

.product-view {
  position: relative;
  z-index: 1;
  order: -1;
  background-color: var(--yellow);
  border-radius: 1.875rem;
  overflow: hidden;
}

@media (min-width:64em) {
  .product-view {
    order: 1;
    background-color: transparent;
    border-radius: 0;
  }
}

.product-view__btn {
  position: absolute;
  bottom: 1.5625rem;
  right: 1.5625rem;
  width: 2.375rem;
  height: 2.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--black);
  border-radius: 50%;
  outline: 1px solid var(--black);
  outline-offset: 4px;
  cursor: pointer;
}

@media (min-width:64em) {
  .product-view__btn {
    display: none;
  }
}

.product-view__btn svg {
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
  transform: translate(-50%,-50%);
  transition: opacity .3s;
  fill: #fff;
}

.product-image-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 2.8125rem 0;
}

@media (min-width:64em) {
  .product-image-wrapper {
    height: calc(100vh - 6.25rem);
    margin-left: auto;
    padding: 0;
  }
}

@media (min-width:80em) {
  .product-image-wrapper {
    height: calc(100vh - 7.5rem);
  }
}

.product-image-wrapper img {
  object-fit: contain;
}

.product-image-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 150%;
  max-width: none;
  transform: translate(-50%,-50%);
}

@media (min-width:64em) {
  .product-image-bg {
    width: 100%;
    max-width: 100%;
  }
}

.product-versions {
  display: grid;
  grid-template-columns: 6.25rem 6.25rem;
  gap: .625rem;
  margin-bottom: 1.25rem;
}

.product-version-chip {
  border: 2px solid var(--black);
  border-radius: 1.875rem;
  padding: .5rem .625rem;
  text-align: center;
}

.product-version-chip h5 {
  font-size: .75rem;
  text-transform: uppercase;
}

.product-content h2,.product-content h3 {
  text-transform: uppercase;
}

.product-content h2 {
  font-size: 2rem;
  margin-bottom: .3125rem;
}

@media (min-width:48em) {
  .product-content h2 {
    font-size: 2.25rem;
  }
}

@media (min-width:64em) {
  .product-content h2 {
    font-size: 2.625rem;
  }
}

.product-content h3 {
  font-size: 1rem;
}

.product-content p {
  margin: 1.25rem 0 1.875rem;
  text-wrap: balance;
}

@media (min-width:80em) {
  .product-content p {
    font-size: 1.25rem;
  }
}

@media (max-width:63.99em) {
  .product-image-bg {
    display: none;
  }
}

@media (min-width:64em) {
  #rum-for-your-life .product-image-bg,#rumbaclart-2 .product-image-bg,#summer-set .product-image-bg,#blutiful .product-image-bg,#rumazing .product-image-bg,#suck-your-rum .product-image-bg,#rumbaclart-1 .product-image-bg {
    display: none;
  }
}

/* ===== COOL WALL =====
   .cool-wall has no rules in the original bundle.css -- it was
   styled entirely by the inline <style id="drinkstop-hero"> block
   in index.html. Those rules are merged in at the end of this
   file (see "HERO & COOL WALL OVERRIDES") so they keep winning
   the cascade ties they won in the original document, where the
   inline <style> came after this stylesheet's <link>. */

/* ===== LIFESTYLE ===== */
.section-hashtag {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3.75rem 0;
}

@media (min-width:64em) {
  .section-hashtag {
    min-height: 100svh;
    padding: 0;
  }
}

.section-hashtag .marquee {
  border: none;
}

.section-hashtag__image {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: var(--yellow);
  border-radius: 1.875rem;
  border: 2px solid var(--black);
  transform: scale(.45);
}

.section-hashtag__image img {
  display: inline-flex;
  transform: scale(1.55);
}

@media (min-width:64em) {
  .section-hashtag__image {
    display: flex;
  }
}

.lifestyle {
  padding: 5rem 0;
}

@media (min-width:64em) {
  .lifestyle {
    padding: 8.75rem 0;
  }
}

@media (min-width:96em) {
  .lifestyle {
    padding: 16rem 0;
  }
}

.lifestyle .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.75rem;
}

.lifestyle__subtitle,.lifestyle__title {
  text-align: center;
}

.lifestyle__subtitle {
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 2.125rem;
}

@media (min-width:64em) {
  .lifestyle__subtitle {
    font-size: 1.875rem;
  }
}

.lifestyle__title {
  font-size: 3rem;
  font-weight: 900;
  text-wrap: balance;
}

@media (min-width:64em) {
  .lifestyle__title {
    font-size: 5rem;
  }
}

.lifestyle__card {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 20rem;
  height: 3.75rem;
  background-color: var(--bg);
  border: 2px solid var(--black);
  border-radius: 1.25rem;
  box-shadow: -4px -4px 9.3px #00000026;
}

@media (min-width:64em) {
  .lifestyle__card {
    position: absolute;
    left: 0;
    width: 29.75rem;
    height: 5.625rem;
  }
}

.lifestyle__card--title {
  font-size: 2.5rem;
  text-transform: uppercase;
}

@media (min-width:64em) {
  .lifestyle__card--title {
    font-size: 3.75rem;
  }
}

.lifestyle__card--title-sm {
  font-size: 1.25rem;
  text-transform: uppercase;
}

@media (min-width:64em) {
  .lifestyle__card--title-sm {
    font-size: 1.875rem;
  }
}

.lifestyle__card:nth-child(5) {
  top: 1.5rem;
  transform: rotate(1.7deg);
}

.lifestyle__card:nth-child(4) {
  top: 1.125rem;
  transform: rotate(1.7deg);
}

.lifestyle__card:nth-child(3) {
  top: .75rem;
  transform: rotate(-.8deg);
}

.lifestyle__card:nth-child(2) {
  top: .375rem;
  transform: rotate(1.3deg);
}

.lifestyle__card:nth-child(1) {
  top: 0;
  transform: rotate(1.3deg);
}

.lifestyle-column--cards {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  gap: .625rem;
  width: 19.875rem;
}

@media (min-width:64em) {
  .lifestyle-column--cards {
    flex-direction: column;
    gap: 0;
    width: 29.75rem;
  }
}

/* ===== COLLAB (BBK x Drink Stop) ===== */
.collab {
  padding: 5rem 0;
}

@media (min-width:64em) {
  .collab {
    padding: 8.75rem 0;
  }
}

@media (min-width:96em) {
  .collab {
    padding: 16rem 0;
  }
}

.collab .container {
  display: flex;
  flex-direction: column-reverse;
  gap: 3.75rem;
}

@media (min-width:64em) {
  .collab .container {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}

.collab__media {
  position: relative;
}

.collab__media--bg {
  position: absolute;
  max-width: none;
}

.collab__media--bg-1 {
  top: -6.375rem;
  right: 50%;
  z-index: -1;
  width: 48.4375rem;
  height: 21.875rem;
}

@media (min-width:64em) {
  .collab__media--bg-1 {
    top: -10rem;
    right: 1.25rem;
    width: 75.625rem;
    height: 34.0625rem;
  }
}

.collab__media--bg-2 {
  bottom: -5.3125rem;
  left: -6.25rem;
  z-index: 1;
  width: 15.625rem;
  height: 13.125rem;
}

@media (min-width:64em) {
  .collab__media--bg-2 {
    bottom: -8.125rem;
    left: -15.625rem;
    width: 24.6875rem;
    height: 20.625rem;
  }
}

.collab__media--bg-3 {
  top: -3.4375rem;
  right: -3.125rem;
  z-index: 1;
  width: 10rem;
  height: 10rem;
}

@media (min-width:64em) {
  .collab__media--bg-3 {
    top: -5.3125rem;
    right: -10.625rem;
    width: 15.625rem;
    height: 15.3125rem;
  }
}

.collab__media--video {
  width: 100%;
  border: 2px solid var(--black);
  border-radius: 1.875rem;
  overflow: hidden;
}

@media (min-width:64em) {
  .collab__media--video {
    width: 21.5625rem;
  }
}

.collab__title {
  font-size: 3rem;
  font-weight: 900;
  text-align: center;
  margin-bottom: 2.5rem;
}

@media (min-width:64em) {
  .collab__title {
    font-size: 5.125rem;
    text-align: left;
  }
}

.collab__title span {
  display: block;
}

@media (min-width:64em) {
  .collab__title span.line-1 {
    transform: translate(3.75rem);
  }
  .collab__title span.line-3 {
    transform: translate(8.75rem);
  }
}

.collab__excerpt {
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 2.5rem;
  text-wrap: balance;
}

@media (min-width:64em) {
  .collab__excerpt {
    margin-bottom: 0;
    transform: translate(5rem);
  }
}

/* ===== CUSTOM POUCH ===== */
.custom-pouch {
  position: relative;
  padding-top: 5rem;
  overflow: hidden;
}

@media (min-width:64em) {
  .custom-pouch {
    padding-top: 8.75rem;
  }
}

@media (min-width:80em) {
  .custom-pouch {
    padding-top: 12.5rem;
  }
}

.custom-pouch__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(0deg,var(--blue) 0% 80%,#d6f3ff);
}

.custom-pouch__products--heading {
  margin-bottom: 6.25rem;
}

.custom-pouch__products--title {
  font-size: 3rem;
  margin-bottom: 1.25rem;
}

.custom-pouch__products--subtitle {
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 2.8125rem;
}

.custom-pouch__products--excerpt {
  width: 100%;
  font-size: 1.25rem;
}

.custom-pouch__products--content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.875rem;
}

.custom-pouch__products--metric {
  position: relative;
  width: 15rem;
  padding: 1.25rem;
  border: 2px solid var(--black);
  border-radius: 1.875rem;
}

.custom-pouch__products--metric--subtitle {
  font-size: 1.625rem;
  font-weight: 900;
  margin-bottom: .3125rem;
}

.custom-pouch__products--metric--title {
  font-size: 4.375rem;
  font-weight: 900;
  margin-bottom: .3125rem;
}

.custom-pouch__products--metric--excerpt {
  font-size: 1.25rem;
  font-weight: 900;
}

.custom-pouch__products--metric--left {
  transform: rotate(-4.5deg);
}

.custom-pouch__products--metric--left span {
  position: absolute;
  top: -3.125rem;
  right: -1.875rem;
  width: 6.25rem;
  height: 6.5625rem;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: cover;
  transform: rotate(4.5deg);
}

.custom-pouch__products--metric--right {
  transform: rotate(2deg);
}

.custom-pouch__products--metric--right span {
  position: absolute;
  top: -2.5rem;
  right: -1.5625rem;
  width: 4rem;
  height: 4rem;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: cover;
  transform: rotate(-2deg);
}

@media (min-width:64em) {
  .custom-pouch__products--title {
    font-size: 5.0625rem;
  }
  .custom-pouch__products--subtitle {
    font-size: 1.9375rem;
  }
  .custom-pouch__products--display {
    display: flex;
    justify-content: flex-end;
  }
  .custom-pouch__products--excerpt {
    width: 45%;
  }
  .custom-pouch__products--content {
    flex-direction: row;
  }
  .custom-pouch__products--metric--left {
    transform: translateY(85px) rotate(-4.5deg);
  }
  .custom-pouch__products--metric--right {
    transform: translateY(-150px) rotate(2deg);
  }
}

.custom-pouch__institute {
  padding: 5rem 0;
}

@media (min-width:64em) {
  .custom-pouch__institute {
    padding: 11.25rem 0;
  }
}

.custom-pouch__institute--title {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 1.875rem;
}

@media (min-width:64em) {
  .custom-pouch__institute--title {
    margin-bottom: 5.9375rem;
  }
}

.custom-pouch__institute--subtitle {
  font-size: 1.5rem;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 1.5625rem;
}

.custom-pouch__institute--excerpt {
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
  text-wrap: balance;
  margin-bottom: 4.6875rem;
}

@media (min-width:64em) {
  .custom-pouch__institute--title {
    font-size: 5.0625rem;
  }
  .custom-pouch__institute--title .custom-pouch__institute--title-span {
    position: relative;
    display: inline-flex;
    transform: rotate(-4deg) translate(-30px,15px);
    transform-origin: right;
  }
  .custom-pouch__institute--title .custom-pouch__institute--title-span span {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: 5rem;
    height: 5.625rem;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: cover;
  }
  .custom-pouch__institute--subtitle {
    font-size: 1.875rem;
  }
}

.custom-pouch__products--image {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  order: 1;
  margin-top: -1.875rem;
}

@media (min-width:64em) {
  .custom-pouch__products--image {
    order: initial;
    width: 36.25rem;
    max-width: 100%;
    height: 38.4375rem;
    background: url("data:image/svg+xml,%3csvg%20width='579'%20height='315'%20viewBox='0%200%20579%20315'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M478.83%2043.3C489.936%2032.2383%20501.042%2026.7391%20526.445%2031.4482C526.988%2030.7529%20527.69%2029.9944%20528.264%2029.1411C532.509%2022.8518%20538.19%2018.1742%20545.115%2015.077C550.125%2012.833%20555.359%2011.0315%20560.465%209.0088C561.391%208.66115%20562.284%208.25029%20563.114%207.90264C562.955%206.19598%20561.838%206.54366%20561.167%206.51206C556.731%206.32243%20552.295%205.27946%20547.827%206.2592C547.221%206.38562%20546.551%206.29084%20545.945%206.13281C544.636%205.81677%20543.615%205.12142%20543.455%203.63599C543.296%202.11896%20544.253%201.20242%20545.498%200.791561C546.87%200.349094%20548.402%200.0963179%20549.87%200.0647131C552.838%20-0.0301012%20555.838%20-0.0301167%20558.806%200.127907C564.327%200.443955%20569.816%200.854832%20575.337%201.3289C578.497%201.61335%20580.028%204.20492%20578.241%206.60689C573.007%2013.6231%20569.72%2021.5876%20566.433%2029.6152C565.731%2031.3218%20564.518%2032.8389%20563.306%2034.2611C562.508%2035.2092%20560.401%2034.6719%20560.178%2033.4709C559.859%2031.8591%20559.508%2030.1208%20559.795%2028.5406C560.274%2025.8542%20561.167%2023.2626%20561.965%2020.6394C562.412%2019.0907%20562.986%2017.6053%20563.593%2015.8987C551.146%2017.7317%20538.764%2025.3485%20533.817%2034.1662C535.381%2035.1144%20537.073%2035.9361%20538.572%2037.0423C541.126%2038.907%20543.838%2040.6768%20545.945%2042.9524C549.519%2046.7766%20549.678%2051.296%20547.253%2055.8155C545.115%2059.8293%20541.892%2062.8634%20537.775%2064.8545C532.7%2067.3197%20528.073%2066.0555%20525.137%2061.2831C522.041%2056.2264%20521.307%2050.6639%20522.201%2044.8487C522.52%2042.7944%20522.967%2040.8033%20523.445%2038.3697C515.627%2035.7781%20508.095%2036.0941%20500.627%2037.9272C495.425%2039.1914%20490.702%2041.4037%20487%2045.9864C488.244%2046.8713%20489.234%2047.5983%20490.191%2048.2936C498.393%2054.2353%20500.914%2062.6738%20500.308%2072.1868C499.925%2078.0021%20495.617%2081.7314%20489.744%2081.9843C484.479%2082.2055%20480.17%2080.088%20477.107%2075.8845C473.085%2070.3853%20471.266%2064.2224%20472.798%2057.4274C473.341%2054.9622%20474.139%2052.5602%20474.936%2049.7474C473.947%2049.2417%20472.926%2048.4516%20471.809%2048.2304C460.224%2045.9864%20448.576%2045.8284%20436.991%2048.104C434.31%2048.6413%20431.693%2049.6526%20429.172%2050.6955C428.151%2051.138%20427.449%2052.339%20426.3%2053.5083C427.832%2054.5513%20429.013%2055.3415%20430.193%2056.1632C430.002%2056.2896%20429.715%2056.6056%20429.491%2056.574C428.023%2056.3212%20426.555%2056.1632%20425.151%2055.6891C422.375%2054.7726%20421.353%2052.3706%20422.406%2049.6526C423.204%2047.5983%20424.704%2046.018%20426.683%2045.1647C429.778%2043.8373%20432.938%2042.4783%20436.225%2041.8146C449.086%2039.1914%20461.979%2039.539%20474.809%2042.3518C476.053%2042.7627%20477.266%2042.9839%20478.83%2043.3ZM482.596%2051.8017C478.479%2058.1227%20478.287%2064.412%20481.957%2070.8594C483.266%2073.1666%20485.213%2074.6836%20487.893%2075.2524C491.276%2075.9794%20493.861%2074.2095%20494.149%2070.8278C494.468%2066.972%20493.67%2063.2742%20492.074%2059.7661C490.255%2055.7523%20487.223%2053.0027%20482.596%2051.8017ZM530.754%2040.7084C528.807%2044.3114%20528.264%2047.9459%20528.775%2051.6753C529.062%2053.698%20529.7%2055.7523%20530.53%2057.617C531.424%2059.7029%20533.211%2060.2402%20535.222%2059.3237C537.966%2058.0911%20540.168%2056.1315%20541.7%2053.5715C543.328%2050.8219%20543.04%2048.42%20540.679%2046.2392C537.902%2043.7109%20534.711%2041.8146%20530.754%2040.7084Z'%20fill='black'/%3e%3cpath%20d='M25.9738%20296.602C25.6513%20298.893%2025.5509%20300.609%2025.1%20302.196C24.3806%20304.637%2020.9966%20305.546%2019.2003%20303.742C18.0515%20302.578%2017.1572%20301.098%2016.3653%20299.625C13.6566%20294.489%2011.1287%20289.34%206.30839%20285.643C3.9968%20283.853%204.13234%20280.957%204.71703%20278.248C5.10808%20276.425%207.22831%20275.218%209.41042%20275.97C12.92%20277.205%2016.5048%20277.417%2020.1471%20277.196C22.7824%20277.029%2025.4165%20276.528%2028.0393%20276.181C29.2347%20276.011%2030.4103%20275.763%2031.6181%20275.775C33.2115%20275.789%2034.3792%20276.698%2034.9427%20278.128C35.55%20279.664%2035.008%20281.09%2033.7363%20281.948C32.3822%20282.877%2030.8111%20283.611%2029.255%20284.139C27.4868%20284.755%2025.5877%20285.053%2023.575%20285.497C27.9386%20289.109%2032.5536%20290.348%2038.2587%20289.352C45.3437%20288.124%2051.4661%20284.948%2056.9027%20280.255C63.9903%20274.089%2069.0195%20266.538%2072.286%20257.777C74.9133%20250.718%2076.6548%20243.465%2077.9432%20236.077C80.2427%20222.976%2088.0049%20213.928%2099.5384%20207.806C105.103%20204.871%20110.579%20204.888%20116.148%20207.843C121.296%20210.587%20125.868%20214.163%20130.217%20217.98C131.112%20218.74%20131.938%20219.752%20132.347%20220.836C132.653%20221.579%20132.48%20222.878%20131.951%20223.43C131.445%20224.011%20130.054%20224.397%20129.408%20224.092C127.473%20223.127%20125.717%20221.815%20123.927%20220.63C120.713%20218.516%20117.535%20216.277%20114.294%20214.187C109.972%20211.401%20105.563%20211.566%20101.327%20214.264C92.4003%20219.908%2086.0484%20227.26%2084.0915%20238.148C82.7368%20245.738%2080.5438%20253.189%2078.2285%20260.554C75.5822%20268.923%2071.0757%20276.359%2065.0947%20282.863C59.3683%20289.051%2052.5457%20293.359%2044.5169%20295.881C39.357%20297.508%2034.1424%20298.128%2028.8036%20296.939C27.8903%20296.769%2026.9184%20296.697%2025.9738%20296.602Z'%20fill='black'/%3e%3c/svg%3e") no-repeat 50%;
    margin-top: 0;
  }
}

.packaging-video {
  -webkit-mask-image: linear-gradient(to right,transparent,black 10%,black 90%,transparent),linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);
  mask-image: linear-gradient(to right,transparent,black 10%,black 90%,transparent),linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);
  mask-composite: intersect;
  -webkit-mask-composite: destination-in;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  z-index: -1;
}

.custom-pouch__where-to-find {
  position: relative;
  z-index: 1;
}

@media (min-width:64em) {
  .custom-pouch__where-to-find {
    padding-bottom: 20.9375rem;
  }
}

.custom-pouch__where-to-find--bg {
  display: none;
}

@media (min-width:64em) {
  .custom-pouch__where-to-find--bg {
    display: block;
    width: 100%;
  }
  .custom-pouch__where-to-find--bg-mobile {
    display: none;
  }
  .custom-pouch__where-to-find--content--display {
    display: flex;
    justify-content: flex-end;
  }
}

.custom-pouch__where-to-find--inner {
  width: 21.25rem;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 6.25rem;
}

@media (min-width:64em) {
  .custom-pouch__where-to-find--inner {
    width: 30.3125rem;
    margin: 0;
    padding-bottom: 3.125rem;
  }
}

.custom-pouch__where-to-find--inner--title {
  font-size: 3rem;
  margin-bottom: 3.125rem;
  transform: rotate(-3deg);
}

.custom-pouch__where-to-find--inner--subtitle {
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 1.5625rem;
}

.custom-pouch__where-to-find--inner--excerpt {
  font-size: 1.25rem;
  margin-bottom: 3.4375rem;
}

@media (min-width:64em) {
  .custom-pouch__where-to-find--inner--title {
    font-size: 5rem;
  }
}

.custom-pouch__where-to-find--inner--subtitle,.custom-pouch__where-to-find--inner--excerpt {
  text-wrap: balance;
}

@media (min-width:64em) {
  .custom-pouch__where-to-find--inner--subtitle,.custom-pouch__where-to-find--inner--excerpt {
    padding-left: 6.875rem;
  }
}

@media (min-width:64em) {
  .custom-pouch__where-to-find--inner--subtitle {
    font-size: 1.875rem;
    padding-left: 6.875rem;
  }
}

.find__figure {
  position: relative;
  z-index: 2;
}

@media (min-width:64em) {
  .find__figure {
    position: absolute;
    bottom: -15%;
    left: -7%;
    width: 65%;
  }
}

@media (min-width:80em) {
  .find__figure {
    bottom: -20%;
    left: -5.9375rem;
    width: 48.125rem;
  }
}

@media (min-width:96em) {
  .find__figure {
    bottom: -22%;
    left: -6%;
    width: auto;
    height: 115%;
  }
}

.custom-pouch__where-to-find--pattern1 {
  position: absolute;
  bottom: -12%;
  right: -13%;
  z-index: 3;
  width: 161%;
  max-width: none;
}

@media (min-width:64em) {
  .custom-pouch__where-to-find--pattern1 {
    bottom: -8.75rem;
    right: -4.6875rem;
    width: 75%;
    max-width: 100%;
  }
}

.custom-pouch__where-to-find--pattern2 {
  position: absolute;
  z-index: 1;
  left: -28%;
  bottom: 6%;
  width: 160%;
  max-width: none;
}

@media (min-width:64em) {
  .custom-pouch__where-to-find--pattern2 {
    bottom: 31%;
    left: -8.75rem;
    width: 62%;
    max-width: 100%;
  }
}

@media (min-width:80em) {
  .custom-pouch__where-to-find--pattern2 {
    bottom: 29%;
    left: -8.75rem;
    width: 50rem;
  }
}

@media (min-width:96em) {
  .custom-pouch__where-to-find--pattern2 {
    left: -9.0625rem;
    width: 53.125rem;
  }
}

/* ===== CONTACT ===== */
.contact {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media (min-width:64em) {
  .contact {
    padding-bottom: 8.75rem;
  }
}

.contact .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

@media (min-width:64em) {
  .contact .container {
    flex-direction: row;
    gap: 3.75rem;
  }
}

@media (min-width:80em) {
  .contact .container {
    gap: 1.5625rem;
  }
}

.contact-view {
  z-index: 2;
  width: 30.0625rem;
  max-width: 100%;
  padding: 0 2.5rem;
}

@media (min-width:64em) {
  .contact-view {
    order: -1;
  }
}

.contact-card {
  border: 2px solid var(--black);
  border-radius: 1.875rem;
  overflow: hidden;
}

.contact-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.01);
}

.contact-content {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  width: 35rem;
  max-width: 100%;
  padding-top: 2.5rem;
}

@media (min-width:64em) {
  .contact-content {
    padding-top: 0;
  }
}

.contact-content h2 {
  font-size: 2.5rem;
}

.contact-form-infos {
  display: grid;
  grid-template-columns: 1fr;
  gap: .625rem;
  margin-bottom: .625rem;
}

@media (min-width:40em) {
  .contact-form-infos {
    grid-template-columns: max-content max-content;
    gap: 2.5rem;
  }
}

.contact-form-infos a {
  display: flex;
  align-items: center;
  gap: .9375rem;
}

.contact-form {
  width: 35rem;
  max-width: 100%;
  position: relative;
}

.contact-form .wpcf7 .wpcf7-response-output {
  width: 24rem;
  padding: 0;
  border: 0;
  color: #fb2c36;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
  margin-top: 2rem;
}

@media (min-width:64em) {
  .contact-form .wpcf7 .wpcf7-response-output {
    position: absolute;
    bottom: -6rem;
    left: 0;
    margin-top: 0;
  }
}

.wpcf7-form,.wpcf7-form-control-wrap,.contact-form-field {
  width: 100%;
}

.contact-form-row {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  margin-bottom: 1.875rem;
}

.contact-form-row--columns {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2,1fr);
}

.contact-form-field {
  width: 100%;
}

.contact-form-field label {
  color: var(--black);
  font-size: 1rem;
  margin-bottom: .5rem;
  display: block;
}

.contact-form-field .wpcf7-text,.contact-form-field .wpcf7-select,.contact-form-field .wpcf7-textarea {
  width: 100%;
  padding: .75rem;
  color: var(--black);
  font-size: 1rem;
  border: 2px solid var(--black);
  border-radius: 1.875rem;
}

.contact-form-field .wpcf7-text:hover::placeholder,.contact-form-field .wpcf7-select:hover::placeholder,.contact-form-field .wpcf7-textarea:hover::placeholder {
  opacity: .6;
}

.contact-form-field .wpcf7-text::placeholder,.contact-form-field .wpcf7-select::placeholder,.contact-form-field .wpcf7-textarea::placeholder {
  color: var(--black);
  transition: opacity .3s;
}

.contact-form-field .wpcf7-text,.contact-form-field .wpcf7-select {
  height: 3rem;
}

.contact-form-field .wpcf7-select {
  appearance: none;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: right .5rem center;
  background-size: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23ffa800' aria-hidden='true'%3E%3Cpath d='M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z' clip-rule='evenodd' fill-rule='evenodd' /%3E%3C/svg%3E");
}

.contact-form-field .wpcf7-textarea {
  resize: none;
  height: 9rem;
}

.contact-form-field .wpcf7-submit {
  cursor: pointer;
  padding-left: 3rem;
  padding-right: 1.25rem;
  background-image: url(../../../uploads/2025/08/submit-icon.webp);
  background-position: .1875rem center;
  background-repeat: no-repeat;
  background-size: 2.25rem;
  transition: background-image .3s;
}

.contact-form-field .wpcf7-submit:hover {
  background-image: url(../../../uploads/2025/10/submit-icon-hover-icon-black.webp);
}

.contact-form-field--submit {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
}

.contact-form-field--submit .wpcf7-spinner {
  position: absolute;
  top: 50%;
  right: 12rem;
  margin: 0;
  background-color: var(--blue);
  transform: translate(-50%,-50%);
}

.wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.wpcf7-not-valid-tip {
  position: absolute;
  left: 0;
  top: calc(100% + .125rem);
  color: #fb2c36;
  font-size: .75rem;
}

.wpcf7-tel+.wpcf7-not-valid-tip+.wpcf7-not-valid-tip {
  display: none;
}

.contact .wpcf7-form .wpcf7-response-output {
  margin: 2.5rem 0 0;
  padding: .9375rem 1.5625rem;
  background-color: var(--blue);
  border-color: var(--black) !important;
  color: var(--black);
  font-family: "DS Display";
  font-size: .875rem;
  font-weight: 900;
  text-align: center;
  text-wrap: balance;
  text-transform: uppercase;
}

.contact .wpcf7-form.sent .wpcf7-response-output {
  background-color: var(--green);
}

/* ===== FOOTER ===== */
.pre-footer .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem;
}

@media (min-width:64em) {
  .pre-footer .container {
    flex-direction: row;
    align-items: flex-end;
    gap: 1.25rem;
  }
}

.pre-footer-logo {
  display: inline-flex;
  order: -1;
  width: 11.75rem;
}

@media (min-width:64em) {
  .pre-footer-logo {
    order: 1;
    width: 13.75rem;
  }
}

@media (min-width:80em) {
  .pre-footer-logo {
    width: 16.25rem;
  }
}

.pre-footer-nav ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}

@media (min-width:48em) {
  .pre-footer-nav ul {
    flex-direction: row;
  }
}

@media (min-width:64em) {
  .pre-footer-nav ul {
    gap: 2.5rem;
  }
}

.pre-footer-nav li {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.pre-footer-nav li a {
  font-family: "DS Display";
  font-weight: 900;
  text-transform: uppercase;
}

.pre-footer-nav li:hover .pre-footer-nav__link.is-default {
  transform: translateY(-150%);
}

.pre-footer-nav li:hover .pre-footer-nav__link.is-absolute {
  transform: translateY(-100%);
}

.footer {
  position: relative;
  z-index: 1;
  margin-top: -100vh;
  background-color: var(--green);
  overflow: hidden;
}

.footer p {
  font-size: 1rem;
  text-align: center;
}

.footer-topbar .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 1.25rem;
}

@media (min-width:64em) {
  .footer-topbar .container {
    height: calc(100vh - 11.5625rem);
    padding-top: 0;
  }
}

@media (min-width:80em) {
  .footer-topbar .container {
    height: calc(100vh - 13.4375rem);
  }
}

.footer-heading {
  position: relative;
  display: none;
  padding-top: 4.0625rem;
  padding-right: .625rem;
}

@media (min-width:64em) {
  .footer-heading {
    display: block;
    margin: 0;
    margin-top: 4.375rem;
  }
}

@media (min-width:80em) {
  .footer-heading {
    margin-top: 5.625rem;
  }
}

.footer-heading--spark {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.375rem;
}

@media (min-width:64em) {
  .footer-heading--spark {
    top: -2.1875rem;
    width: 7.5rem;
  }
}

@media (min-width:80em) {
  .footer-heading--spark {
    top: -2.1875rem;
    width: 8.75rem;
  }
}

.footer-title {
  font-size: 5rem;
  line-height: 1;
}

@media (min-width:80em) {
  .footer-title {
    font-size: 7.25rem;
  }
}

.footer-title span {
  display: block;
}

.footer-title--first {
  text-transform: uppercase;
  transform: rotate(-11deg);
}

.footer-title--second {
  margin-top: -2.1875rem;
  margin-left: 7.3125rem;
  transform: rotate(-17deg);
}

@media (min-width:80em) {
  .footer-title--second {
    margin-top: -2.8125rem;
    margin-left: 10.6875rem;
  }
}

.footer-animated-bg {
  position: relative;
  width: 100%;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  overflow: hidden;
}

@media (min-width:64em) {
  .footer-animated-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
  }
}

.footer-back-graphic {
  width: 120%;
  max-width: none;
  margin: 0 -1.875rem -5% 0;
  object-fit: contain;
  object-position: center;
}

@media (min-width:64em) {
  .footer-back-graphic {
    position: absolute;
    bottom: -5%;
    right: -5%;
    width: 80%;
    max-width: 100%;
    margin: 0;
  }
}

@media (min-width:80em) {
  .footer-back-graphic {
    width: 70%;
    bottom: -18%;
  }
}

.footer-figure {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

@media (min-width:40em) {
  .footer-figure {
    bottom: -10%;
  }
}

@media (min-width:64em) {
  .footer-figure {
    width: 65%;
  }
}

@media (min-width:80em) {
  .footer-figure {
    width: 60%;
    bottom: -20%;
  }
}

.footer-front-graphic {
  position: absolute;
  bottom: -5%;
  right: -5%;
  width: 70%;
  object-fit: contain;
  object-position: center;
}

@media (min-width:40em) {
  .footer-front-graphic {
    bottom: -20%;
  }
}

@media (min-width:64em) {
  .footer-front-graphic {
    width: 45%;
    bottom: -15%;
  }
}

@media (min-width:80em) {
  .footer-front-graphic {
    bottom: -30%;
  }
}

.footer-bottombar {
  width: 100%;
  padding: 3.125rem 0 2.5rem;
  background-color: var(--green);
  border-top: 1px solid var(--black);
}

@media (min-width:64em) {
  .footer-bottombar {
    position: absolute;
    bottom: 0;
    left: 0%;
    z-index: 1;
    padding: 1.875rem 0;
    border-top: 2px solid var(--black);
  }
}

.footer-bottombar .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

@media (min-width:64em) {
  .footer-bottombar .container {
    flex-direction: row;
  }
}

.footer-bottombar .container>div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width:64em) {
  .footer-bottombar .container>div {
    flex-direction: row;
    gap: 1.875rem;
  }
}

.footer-bottombar .container>div div {
  display: flex;
  align-items: center;
  gap: 1.875rem;
  margin: 1.25rem 0;
}

@media (min-width:64em) {
  .footer-bottombar .container>div div {
    margin: 0;
  }
}

.footer-bottombar a {
  text-decoration: underline;
  transition: opacity .3s;
}

.footer-bottombar a:hover {
  opacity: .5;
}

/* ===== MARQUEE ===== */
.marquee {
  position: relative;
  z-index: 10;
  display: flex;
  --gap: 60px;
  gap: var(--gap);
  padding: 1.875rem 0;
  background-color: var(--cream);
  border-top: 2px solid var(--black);
  border-bottom: 2px solid var(--black);
  overflow: hidden;
}

@media (min-width:64em) {
  .marquee {
    --gap: 110px;
    padding: 2.5rem 0;
  }
}

@media (min-width:80em) {
  .marquee {
    padding: 3.125rem 0;
  }
}

.marquee__group {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  gap: var(--gap);
}

.marquee__item--text {
  color: var(--black);
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
}

@media (min-width:48em) {
  .marquee__item--text {
    font-size: 2.5rem;
  }
}

@media (min-width:64em) {
  .marquee__item--text {
    font-size: 3.4375rem;
  }
}

.marquee__group {
  animation: scroll-x 20s linear infinite;
}

@keyframes scroll-x {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(calc(-100% - var(--gap)));
  }
}

/* ===== MODAL ===== */
.has-popup-active .popup-overlay {
  opacity: 1;
  pointer-events: auto;
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 60;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  opacity: 0;
  pointer-events: none;
}

.fancybox__slide.has-html {
  padding: 0;
}

.modal {
  position: relative;
  cursor: default;
}

.modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.modal__close.control {
  transition: background-color .3s,outline-color .3s;
}

.modal__close.control:hover {
  background-color: var(--blue);
  outline-color: var(--blue);
}

.modal__close.control:hover svg path {
  fill: var(--black);
}

.modal__inner {
  background-color: var(--cream);
  border-radius: .5rem;
  overflow: hidden;
}

.modal__inner--heading {
  display: flex;
  justify-content: center;
  margin-bottom: 3rem;
}

.modal__inner--body {
  font-size: 1.25rem;
  text-align: center;
  margin-bottom: 1.75rem;
}

.modal__inner--body p:not(:last-child) {
  margin-bottom: 1.75rem;
}

@media (min-width:64em) {
  .modal__inner--body {
    font-size: 1.375rem;
  }
}

.modal__inner--footer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: .9375rem;
}

.modal-where-to-find .modal__inner {
  width: 100vw;
  height: 100svh;
}

@media (min-width:64em) {
  .modal-where-to-find .modal__inner {
    width: 90vw;
    height: 90svh;
  }
}

/* ===== SINGLE PRODUCT (nutrition modal) ===== */
.fancybox__dialog .single-product {
  border-radius: 0;
}

@media (min-width:48em) {
  .fancybox__dialog .single-product {
    border-radius: .5rem;
  }
}

.single-product {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 9.4375rem;
  background-color: #f1f1ef;
  border-radius: 8px;
  cursor: default;
  overflow: hidden;
}

@media (min-width:64em) {
  .single-product {
    flex-direction: row;
    width: 59.125rem;
    padding-top: 0;
  }
}

.single-product__col {
  width: 100%;
}

@media (min-width:64em) {
  .single-product__col {
    width: 50%;
  }
}

.single-product__col--inner {
  padding: 1.875rem 1.25rem;
}

@media (min-width:40em) {
  .single-product__col--inner {
    padding: 1.25rem 2.5rem;
  }
}

.single-product__col--inner p {
  font-size: .875rem;
}

.single-product__title {
  font-size: 1.25rem;
  text-transform: uppercase;
}

.single-product__subtitle {
  font-size: .875rem;
  text-transform: uppercase;
  margin-bottom: .625rem;
}

.single-product__list {
  display: flex;
  margin-bottom: .9375rem;
  gap: 1rem;
}

.single-product__list a {
  position: relative;
  display: inline-flex;
  font-size: 1rem;
}

.single-product__list a[aria-selected=true] {
  font-weight: 700;
}

.single-product__table-wrap {
  margin-bottom: .75rem;
  padding-bottom: .3125rem;
  border-bottom: 2px solid var(--black);
  overflow-x: auto;
}

.single-product__table-wrap table {
  width: 100%;
  font-size: .875rem;
  border-collapse: collapse;
}

.single-product__table-wrap table thead {
  border-top: 2px solid #d9d9d9;
  border-bottom: 2px solid #d9d9d9;
}

.single-product__table-wrap table thead th {
  font-weight: 700;
  text-align: right;
  padding: .625rem 0;
}

.single-product__table-wrap table thead th:first-child {
  text-align: left;
}

.single-product__table-wrap table tbody td {
  text-align: right;
  padding: 5px 0;
}

.single-product__table-wrap table tbody td:first-child {
  font-weight: 700;
  text-align: left;
}

.single-product__table-wrap table tbody td:last-child {
  font-weight: 700;
}

.single-product__image {
  display: flex;
  justify-content: center;
  height: 100%;
  padding: 1.875rem 0;
  background-color: var(--bg-theme);
}

.single-product__image img {
  object-fit: contain;
}

.single-product__portion {
  font-size: .875rem;
  margin-bottom: .625rem;
}

.single-product__col--heading {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background-color: #fff;
  padding: 1.125rem 2.5rem;
}

@media (min-width:64em) {
  .single-product__col--heading {
    position: relative;
  }
}

.single-product__col--heading img {
  margin-bottom: 1.25rem;
}

.single-product__col--infos {
  order: 1;
}

@media (min-width:64em) {
  .single-product__col--infos {
    order: initial;
  }
}

.single-product__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
}

.single-product__close.control {
  transition: background-color .3s,outline-color .3s;
}

.single-product__close.control:hover {
  background-color: var(--blue);
  outline-color: var(--blue);
}

@media (min-width:64em) {
  .single-product__close.control:hover {
    background-color: var(--cream);
    outline-color: var(--cream);
  }
  .single-product__close.control:hover svg path {
    fill: var(--black);
  }
}

.single-product__close svg path {
  fill: var(--cream);
  transition: fill .3s;
}

/* ===== INTRO SPLASH ===== */
.site-intro__heading {
  position: relative;
  width: fit-content;
  margin: 0 auto;
}

.site-intro__heading--spark {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.375rem;
}

@media (min-width:64em) {
  .site-intro__heading--spark {
    top: -2.1875rem;
    width: 7.5rem;
  }
}

@media (min-width:80em) {
  .site-intro__heading--spark {
    top: -2.1875rem;
    width: 8.75rem;
  }
}

.site-intro__title {
  line-height: 1;
  font-size: 3.75rem;
}

@media (min-width:64em) {
  .site-intro__title {
    font-size: 5rem;
  }
}

@media (min-width:80em) {
  .site-intro__title {
    font-size: 7.25rem;
  }
}

.site-intro__title span {
  display: block;
}

.site-intro__title--first {
  text-transform: uppercase;
  transform: rotate(-11deg);
}

.site-intro__title--second {
  margin-top: -1.8125rem;
  margin-left: 5.4375rem;
  transform: rotate(-17deg);
}

@media (min-width:64em) {
  .site-intro__title--second {
    margin-top: -2.1875rem;
    margin-left: 7.3125rem;
  }
}

@media (min-width:80em) {
  .site-intro__title--second {
    margin-top: -2.8125rem;
    margin-left: 10.6875rem;
  }
}

.site-intro__card {
  position: absolute;
  flex-shrink: 0;
  border: 2px solid var(--black);
  border-radius: 1.25rem;
  overflow: hidden;
}

.site-intro__card .site-intro__card-inner {
  width: 100%;
  height: 100%;
}

.site-intro__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.site-intro__card--1 {
  top: -4vw;
  left: -4vw;
  width: 56vw;
  height: 64vw;
}

@media (min-width:64em) {
  .site-intro__card--1 {
    top: -24vw;
    left: -4vw;
    width: 26vw;
    height: 34vw;
  }
}

.site-intro__card--2 {
  top: -8vw;
  left: 18.5vw;
  width: 50vw;
  height: 43vw;
}

@media (min-width:64em) {
  .site-intro__card--2 {
    top: 12vw;
    left: 18.5vw;
    width: 20vw;
    height: 13vw;
  }
}

.site-intro__card--3 {
  top: 2vw;
  right: 40vw;
  width: 40vw;
  height: 46vw;
}

@media (min-width:64em) {
  .site-intro__card--3 {
    top: 12vw;
    right: 40vw;
    width: 10vw;
    height: 16vw;
  }
}

.site-intro__card--4 {
  top: 12vw;
  right: 5vw;
  width: 68vw;
  height: 54vw;
}

@media (min-width:64em) {
  .site-intro__card--4 {
    top: -8vw;
    right: 5vw;
    width: 38vw;
    height: 24vw;
  }
}

.site-intro__card--5 {
  left: -7vw;
  bottom: 5vw;
  width: 55vw;
  height: 63vw;
}

@media (min-width:64em) {
  .site-intro__card--5 {
    left: -7vw;
    bottom: -15vw;
    width: 25vw;
    height: 33vw;
  }
}

.site-intro__card--6 {
  left: 22vw;
  bottom: -15vw;
  height: 50vw;
  width: 43vw;
}

@media (min-width:64em) {
  .site-intro__card--6 {
    left: 22vw;
    bottom: 4vw;
    height: 20vw;
    width: 13vw;
  }
}

.site-intro__card--7 {
  right: 11vw;
  bottom: 6vw;
  width: 70vw;
  height: 58vw;
}

@media (min-width:64em) {
  .site-intro__card--7 {
    right: 11vw;
    bottom: -14vw;
    width: 40vw;
    height: 28vw;
  }
}

.site-intro__card--8 {
  right: 2vw;
  bottom: -4vw;
  width: 59vw;
  height: 47vw;
}

@media (min-width:64em) {
  .site-intro__card--8 {
    right: 2vw;
    bottom: 11vw;
    width: 29vw;
    height: 17vw;
  }
}

/* ===== UTILITIES ===== */
.stop-motion {
  pointer-events: none;
  will-change: transform;
  transform: translateZ(0);
}

.video-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
}

.video-wrapper__cover {
  position: absolute;
  inset: 0;
  transition: opacity .3s ease;
}

.video-wrapper__cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-wrapper__cover--play {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #0000001a;
  transition: background-color .3s;
}

.video-wrapper__cover--play:after {
  content: "";
  display: block;
  width: 6.5625rem;
  height: 6.5625rem;
  background: url("data:image/svg+xml,%3csvg%20width='103'%20height='103'%20viewBox='0%200%20103%20103'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='51.3671'%20cy='51.3671'%20r='49.4878'%20fill='black'%20fill-opacity='0.33'%20stroke='white'%20stroke-width='3.75857'/%3e%3cpath%20d='M70.7918%2048.1127C73.2976%2049.5593%2073.2975%2053.176%2070.7918%2054.6227L44.4818%2069.8128C41.9761%2071.2594%2038.844%2069.4511%2038.844%2066.5578L38.844%2036.1776C38.844%2033.2842%2041.9761%2031.4759%2044.4818%2032.9226L70.7918%2048.1127Z'%20fill='white'/%3e%3c/svg%3e") no-repeat 50%;
  background-size: cover;
  border-radius: 50%;
  transition: transform .3s;
}

.video-wrapper__cover--play:hover {
  background-color: #0000;
}

.video-wrapper__cover--play:hover:after {
  transform: scale(1.05);
}

.youtube-player {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
}

/* ===== WP CUSTOM CSS (merged from index.html <style id="wp-custom-css">) =====
   Kept last (like the original inline block) so it continues to win
   cascade ties against equal-specificity rules earlier in this file. */
.skip-to-content {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 1000;
  padding: 0.75rem 1.25rem;
  background: var(--black);
  color: #fff;
  text-decoration: none;
}

.skip-to-content:focus {
  left: 0.5rem;
  top: 0.5rem;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.custom-pouch__products--image .btn--ghost {
  display: none !important;
}

@media (max-width: 768px) {
  .custom-pouch__institute {
    padding: 2rem 0 !important;
  }
}

@media (max-width: 64em) {
  .main-header-nav__list li a {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    padding: 0.5rem 0.75rem;
  }
  .btn--icon {
    min-height: 2.75rem;
  }
  .offcanvas-toggle {
    min-width: 2.75rem;
    min-height: 2.75rem;
  }
  .wpcf7-submit {
    min-height: 2.75rem;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
}

/* ===== HERO & COOL WALL OVERRIDES (merged from index.html
   <style id="drinkstop-hero">) =====
   Kept last, after WP CUSTOM CSS, matching the original document
   order (this block sat after wp-custom-css in the page <head>). */
.hero-pouch-stack {
  position: absolute;
  bottom: 3%;
  right: 4%;
  height: 79%;
  aspect-ratio: 1/1;
  pointer-events: none;
}

.hero-pouch {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  opacity: 0;
  transition: opacity .8s ease;
  filter: drop-shadow(0 14px 26px rgba(0,0,0,.22));
}

.hero-pouch.is-active {
  opacity: 1;
}

.collab__media--bg-3 {
  object-fit: contain !important;
}

.footer-back-graphic,.footer-front-graphic {
  display: none !important;
}

.footer-heading {
  display: none !important;
}

.footer-bg {
  display: none !important;
}

.footer-topbar .container {
  position: relative !important;
  padding: 0 !important;
}

.footer-animated-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
}

.footer-figure {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

.main-header {
  border-bottom: none !important;
}

.marquee__group {
  animation: none !important;
  gap: 56px !important;
  justify-content: flex-start !important;
}

.hero-eyebrow {
  font-family: "DS Display",sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: clamp(18px,1.8vw,30px);
  line-height: 1.3;
  color: #0a0a0a;
  margin: 0 0 3rem;
}

.hero-mobile-image {
  display: none;
}

.product-view__btn {
  display: none !important;
}

.drinkstop-star {
  display: none;
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.drinkstop-star--1 {
  top: 14%;
  left: 5%;
  width: 52px;
}

.drinkstop-star--2 {
  top: 34%;
  right: 7%;
  width: 84px;
}

.drinkstop-star--3 {
  top: 52%;
  left: 8%;
  width: 64px;
}

.drinkstop-star--4 {
  bottom: 8%;
  right: 10%;
  width: 48px;
}

.drinkstop-star--5 {
  bottom: 20%;
  left: 14%;
  width: 40px;
}

.marquee__item {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

.marquee__item--text {
  white-space: nowrap !important;
}

.product-versions {
  display: flex;
}

.product-version-chip {
  width: auto;
  white-space: nowrap;
  flex: 0 0 auto;
}

@media (max-width:72em) {
  .hero {
    height: calc(100svh - 84px) !important;
    min-height: 520px;
  }
  .hero-mobile-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .hero-heading,.hero-pouch-stack,.hero-back-graphic,.hero-front-graphic,.hero-bg,.hero-ice {
    display: none !important;
  }
  .hero .container {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 4% !important;
    top: auto !important;
    z-index: 6;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .drinkstop-star--2 {
    display: block;
    top: 3%;
    right: 4%;
    width: 64px;
    z-index: 4;
  }
  .hero .container a.btn {
    background: #fff !important;
  }
  .main-header {
    background-color: transparent !important;
    border-bottom: none !important;
    transition: background-color .3s ease;
  }
  body.has-scrolled .main-header {
    background-color: var(--green) !important;
  }
  .collab__media--video {
    width: min(64vw,360px) !important;
    display: block;
    margin: 0 auto;
  }
  .custom-pouch__where-to-find--pattern1,.custom-pouch__where-to-find--pattern2 {
    display: none !important;
  }
  .custom-pouch__where-to-find--inner {
    position: relative;
    z-index: 5;
  }
  .footer-animated-bg {
    position: relative !important;
    width: 100% !important;
    height: min(100vw,760px) !important;
    aspect-ratio: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .footer {
    min-height: calc(min(100vw,760px) + 8rem) !important;
  }
  .product-view {
    aspect-ratio: 1/1 !important;
  }
  .product-image-wrapper {
    position: absolute !important;
    inset: 0 !important;
    height: auto !important;
    padding: 0 !important;
  }
  .product-image-bg {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
  }
}

@media (max-width:63.99em) {
  .lifestyle__card--title {
    font-size: clamp(1.125rem,4.5vw,1.75rem) !important;
  }
  .custom-pouch__products--metric {
    width: min(88vw,15rem) !important;
    padding: 1rem 1.25rem !important;
  }
  .custom-pouch__products--metric--title {
    font-size: clamp(2rem,7vw,3.25rem) !important;
    line-height: 1 !important;
  }
}

@media (min-width:64em) {
  .lifestyle__card--title {
    font-size: 2.75rem !important;
  }
  .custom-pouch__products--metric {
    width: 17rem !important;
  }
  .custom-pouch__products--metric--title {
    font-size: 3.5rem !important;
  }
}

@media (min-width:64em) {
  .product-image-wrapper picture {
    height: 100%;
  }
  .product-image-wrapper img {
    height: 100% !important;
  }
}

@media (max-width:1023px) {
  .products div[style="height: 50svh"] {
    display: none !important;
  }
  .lifestyle-column--cards {
    gap: 2.5rem !important;
  }
}

.cool-wall {
  position: relative;
  padding: 5rem 0;
  background: #FFF9E0;
}

.cool-wall__title {
  font-size: clamp(2rem,5vw,3.5rem);
  font-weight: 900;
  text-align: center;
  margin-bottom: 2.5rem;
}

.cool-wall__grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1.5rem;
}

.cool-wall__tile {
  position: relative;
  aspect-ratio: 4/5;
  border-radius: 30px;
  overflow: hidden;
  background: var(--black);
}

.cool-wall__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cool-wall__logo {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
  z-index: 1;
}

@media (max-width:64rem) {
  .cool-wall__grid {
    grid-template-columns: repeat(2,1fr);
  }
}

@media (max-width:36rem) {
  .cool-wall__grid {
    grid-template-columns: repeat(2,1fr);
    gap: .75rem;
  }
  .cool-wall__title {
    margin-bottom: 1.5rem;
  }
  .cool-wall__tile {
    border-radius: 16px;
  }
  .cool-wall__logo {
    width: 1.75rem;
    height: 1.75rem;
    top: .5rem;
    right: .5rem;
  }
}

.drinks-dropdown {
  position: relative;
}

.drinks-dropdown__menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 12px 32px rgba(0,0,0,.16);
  padding: .5rem;
  min-width: 200px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .15s ease,transform .15s ease;
  z-index: 50;
}

.drinks-dropdown:hover .drinks-dropdown__menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(4px);
}

.drinks-dropdown__menu a {
  display: block;
  padding: .6rem .9rem;
  border-radius: .6rem;
  color: #0a0a0a;
  text-decoration: none;
  font-size: .9rem;
  font-weight: 600;
  white-space: nowrap;
}

.drinks-dropdown__menu a:hover {
  background: #f3f3f3;
}

/* ===== HERO REDESIGN ADDITIONS ===== */
.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin: 0 0 1.5rem;
  padding: .5rem 1.1rem;
  border: 2px solid var(--green);
  border-radius: 999px;
  font-family: "DS Display";
  font-weight: 900;
  font-size: .72rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #0a0a0a;
}
.hero-badge img { width: 13px; height: 13px; }

@media (min-width:64em) {
  .hero-badge { display: none; }
}

.hero-sub {
  max-width: 30rem;
  margin: 2.5rem 0 0;
  position: relative;
  z-index: 1;
  font-size: clamp(.95rem, 1.1vw, 1.15rem);
  font-weight: 500;
  color: #0a0a0a;
  opacity: .8;
}
.hero-title--second em { color: var(--green); font-style: normal; }

/* promo bar — desktop only, sits above .main-header (mobile keeps its existing header untouched) */
.promo-bar { display: none; }
@media (min-width:64em) {
  .promo-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 61;
    width: 100%;
    height: 2.75rem;
    padding: 0 clamp(1.5rem, 3vw, 3.75rem);
    background: #000;
    color: #fff;
    font-family: "DS Display";
    font-weight: 900;
    font-size: .68rem;
    letter-spacing: .03em;
    text-transform: uppercase;
  }
  .main-header {
    top: 2.75rem;
    background-color: transparent !important;
    border-bottom-color: transparent;
  }
  .has-scrolled .main-header {
    border-bottom-color: rgba(17, 17, 17, .12);
  }
  .main-header-nav__list li a {
    border-bottom: 3px solid transparent;
    padding-bottom: .35rem;
  }
  .main-header-nav__item--current > a {
    border-bottom-color: var(--green);
  }
}
.promo-bar__msg { display: flex; align-items: center; gap: .5rem; margin: 0; white-space: nowrap; }
.promo-bar__msg span { color: var(--green); }
.promo-bar__icon { width: 13px; height: 13px; filter: brightness(0) invert(1); }
.promo-bar__cta {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .4rem 1.1rem;
  border-radius: 999px;
  background: var(--green);
  color: #0a0a0a;
  white-space: nowrap;
  transition: transform .2s;
}
.promo-bar__cta:hover { transform: translateY(-1px); }
.promo-bar__cta img { width: 11px; height: 11px; }
.promo-bar__right { display: flex; align-items: center; gap: .9rem; white-space: nowrap; }
.promo-bar__item { display: flex; align-items: center; gap: .4rem; }
.promo-bar__divider { width: 1px; height: 14px; background: rgba(255,255,255,.3); }
.promo-bar__social { display: flex; align-items: center; gap: .5rem; margin-left: .2rem; }
.promo-bar__social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  color: #0a0a0a;
}
.promo-bar__social img { width: 12px; height: 12px; }

/* ===== Clients-page nav style, applied to the main header (desktop) =====
   Scoped to .main-header so it doesn't touch the same .btn--icon/.btn--ghost
   classes used elsewhere on the page (hero CTA, etc). */
@media (min-width: 64em) {
  /* Centre the nav in the header, like the Clients page, instead of it
     sitting flush after the logo. .main-header-wrapper is unwrapped via
     display:contents so nav + actions become direct grid children.
     Columns/gap/padding/logo size match .site-header on brand-pages.html
     exactly, so the header reads identically across pages. */
  .main-header .container {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr) auto;
    align-items: center;
    gap: 42px;
    padding-left: clamp(34px, 4vw, 72px) !important;
    padding-right: clamp(34px, 4vw, 72px) !important;
  }

  .main-header .container > .main-header__logo {
    width: 116px;
    height: auto;
    margin-right: 0;
  }

  .main-header-wrapper {
    display: contents !important;
  }

  .main-header-nav {
    display: flex;
    justify-content: center;
  }

  .main-header-nav__list {
    gap: clamp(36px, 5vw, 72px) !important;
  }

  .main-header-actions {
    justify-self: end;
  }

  .main-header-nav__list li a {
    position: relative;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #101010;
    border-bottom: none;
    padding: 15px 0 13px;
    min-height: 0;
  }

  .main-header-nav__list li:hover .main-header__nav-item-text.is-default,
  .main-header-nav__list li:hover .main-header__nav-item-text.is-absolute {
    transform: none;
  }

  .main-header-nav__list li a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 0;
    height: 3px;
    background: #b7ed00;
    transform: translateX(-50%);
    transition: width 180ms ease;
  }

  .main-header-nav__list li:hover a::after,
  .main-header-nav__list li.main-header-nav__item--current > a::after {
    width: 100%;
  }

  .main-header .btn--icon.btn--ghost {
    background: #c7ff00;
    border: none;
    min-width: 220px;
    min-height: 58px;
    padding: 0 28px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14);
    transition:
      transform 180ms cubic-bezier(.2, .8, .2, 1),
      box-shadow 180ms ease;
  }

  .main-header .btn--icon.btn--ghost:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.18);
    background: #c7ff00;
  }

  .main-header .btn--icon.btn--ghost:hover .btn__icon-slot {
    background-color: transparent;
  }

  .main-header .btn--icon .btn__icon-slot {
    display: none;
  }

  .main-header .btn--icon .btn-text-wrapper {
    position: relative;
    padding-left: 22px;
    font-family: "Inter", Arial, Helvetica, sans-serif;
  }

  .main-header .btn--icon .btn-text-wrapper::before {
    content: "\27A4";
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 18px;
    color: #101010;
    transform: translateY(-50%) rotate(-25deg);
  }
}

/* ===== Clients-page mobile menu style (colours, font, spacing) =====
   Matches .mobile-navigation on brand-pages.html: black panel, cream
   Anton links. The toggle button and offcanvas open/close mechanism,
   dropdown submenu and social icons are left as-is (page-specific). */
@media (max-width: 63.99em) {
  .offcanvas {
    background-color: #101010;
  }

  .offcanvas-menu {
    gap: 28px;
  }

  .offcanvas-menu__item a,
  .offcanvas-submenu__item a {
    color: #fffaf0;
    font-family: "Anton", "Arial Narrow", Impact, sans-serif;
    font-weight: 400;
  }

  .offcanvas-menu__item a {
    font-size: 40px;
  }

  .offcanvas-menu__item--has-submenu > a::after,
  .offcanvas-menu__item--open > a::after {
    filter: invert(1);
  }
}