@font-face {
  font-family: Aeonik Light;
  src: url('../fonts/c6da2799f8877386e9a261e8744b2885.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Aeonik Pro;
  src: url('../fonts/Aeonik-Pro-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --yasmine-color: #efd5da;
  --name-heading: campaign-serif, sans-serif;
  --footer-color: #7eac7a;
  --rockstar: #000;
  --hot-sauce-color: #794001;
  --greenite: #085b00;
  --hay-color: #f69485;
  --indigo-blue: #031c30;
  --footer: "Aeonik Pro", Arial, sans-serif;
  --footer-size: 150px;
  --footerr: 500;
  --project-heading: "Aeonik Pro", Arial, sans-serif;
  --pr-h: 128px;
  --projects-heading-size: 500;
  --sub-header: 40px;
  --tim-hecker: letter-gothic-std, sans-serif;
  --base-text: "Aeonik Light", Arial, sans-serif;
  --work-text-initial: "Aeonik Pro", Arial, sans-serif;
  --opacity-card: #b69e9ead;
  --hay-font-logo: allumi-std, sans-serif;
  --cheers-canoppee: "Canopee 2";
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

.seperatos {
  border-bottom: 1px solid #000;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  font-family: Aeonik Pro, Arial, sans-serif;
  font-weight: 500;
}

.color-div {
  background-color: var(--yasmine-color);
  font-family: var(--name-heading);
  border-radius: 10px;
}

.text_base {
  color: #dbbbbb;
}

.text_base.color-label {
  color: #efd5da;
}

.cell-container {
  background-color: #7eac7a;
}

.cell-container.color-div {
  background-color: var(--footer-color);
  color: var(--rockstar);
}

.text_base_1, .text_base_1.color-label {
  color: #7eac7a;
}

.cell-container1 {
  background-color: #794001;
}

.cell-container1.color-div {
  background-color: var(--hot-sauce-color);
}

.brownie {
  color: #794001;
}

.cell-container-2 {
  background-color: #085b00;
}

.cell-container-2.color-div {
  background-color: var(--greenite);
}

.text-base-3 {
  color: #085b00;
}

.cell-container-5 {
  background-color: #f69485;
}

.cell-container-5.color-div {
  background-color: var(--hay-color);
}

.cell-container-6 {
  color: #f69485;
}

.cell-container-7 {
  background-color: #ffd849;
}

.cell-container-7.color-div {
  background-color: var(--indigo-blue);
}

.text6 {
  color: #ffd849;
}

.text6.color-label {
  color: var(--indigo-blue);
  -webkit-text-stroke-color: var(--indigo-blue);
}

.cell-container-8 {
  background-color: #a2c6a6;
}

.cell-container-8.color-div {
  background-color: var(--rockstar);
  color: var(--rockstar);
}

.text7 {
  color: #a2c6a6;
}

.text7.color-label {
  color: var(--rockstar);
}

.color-label {
  font-family: Aeonik Light, Arial, sans-serif;
}

.h1-yasmine {
  font-family: var(--name-heading);
  color: var(--yasmine-color);
  text-transform: lowercase;
  border-radius: 56px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 200px;
  font-weight: 400;
  line-height: 165px;
  display: block;
}

.type-div {
  padding-left: 25px;
}

.footer {
  font-family: var(--footer);
  color: #7eac7a;
  font-size: var(--footer-size);
  line-height: 80%;
  font-weight: var(--footerr);
  text-transform: uppercase;
}

.h3 {
  font-family: var(--project-heading);
  color: #000;
  font-size: var(--pr-h);
  line-height: var(--pr-h);
  font-weight: var(--projects-heading-size);
  text-transform: uppercase;
}

.h3.sub-header {
  font-size: var(--sub-header);
  line-height: var(--sub-header);
}

.h4 {
  font-family: var(--tim-hecker);
  color: #000;
  font-size: 115px;
  line-height: 110px;
  font-weight: var(--projects-heading-size);
}

.body-text {
  font-family: var(--base-text);
  color: #000;
  font-size: 22px;
  line-height: 26px;
}

.body-text.abt-yas {
  max-width: 70%;
  color: var(--greenite);
  margin-top: 220px;
  margin-left: 50px;
  font-weight: 300;
}

.button-nav {
  opacity: 1;
  color: #000;
  text-transform: capitalize;
  background-color: #fff;
  border-radius: 127px;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  min-height: 50px;
  padding: 0;
  font-family: Aeonik Light, Arial, sans-serif;
  font-size: 20px;
  display: flex;
}

.button-nav:hover {
  background-color: var(--footer-color);
  color: #fff;
}

.button-nav.footer-buttons {
  background-color: var(--footer-color);
  color: #fff;
  display: flex;
}

.button-nav.footer-buttons:where(.w-variant-9e4ab725-0615-01b8-61d2-687398ee80b9), .button-nav.footer-buttons.pop-upshow.nav-contact-me, .button-nav.footer-buttons.pop-upshow.nav-contact-me-2 {
  color: var(--rockstar);
  background-color: #fff;
}

.button-nav.footer-buttons.pop-upshow.nav-contact-me-2:hover {
  background-color: var(--footer-color);
  color: #fff;
}

.nav-sketch {
  background-color: #efd5da;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.nav {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--yasmine-color);
  justify-content: center;
  align-items: center;
  min-width: 100%;
  max-width: none;
  min-height: 157px;
  padding-left: 0;
  display: flex;
}

.nav:where(.w-variant-af6ca945-81c4-7640-e080-e9a93e67b52b) {
  background-color: var(--hot-sauce-color);
}

.nav:where(.w-variant-4de04b00-994b-2161-f4b8-e8865e5b893b) {
  background-color: var(--rockstar);
}

.nav:where(.w-variant-88889c95-46a8-ed20-ebcc-187a7c757322) {
  background-color: var(--indigo-blue);
}

.nav:where(.w-variant-50461da3-f271-5559-9226-3d3e054d20e8) {
  background-color: var(--hay-color);
}

.body-base {
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.link-link {
  background-color: #fff;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 50px;
  display: flex;
}

.lottie-am {
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  max-width: 150px;
  max-height: 99px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  display: flex;
  position: relative;
  inset: 0% 0% 0% -25%;
  overflow: clip;
}

.lottie-am:where(.w-variant-ed917e2d-0324-2a0b-e41c-c3e038cfadf0) {
  order: 0;
  overflow: clip;
}

.nav-button-div {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.nav-button-div.footer-nav-combo {
  grid-column-gap: 190px;
  grid-row-gap: 190px;
  margin-bottom: 240px;
  margin-left: 0;
}

.work-button {
  min-width: 1000px;
  max-width: 1100px;
  min-height: 275px;
  font-family: var(--work-text-initial);
  color: #fff;
  text-align: center;
  border-radius: 55px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 80px;
  font-weight: 500;
  line-height: 84px;
  display: flex;
}

.work-button.hay {
  background-image: linear-gradient(#f69485, #f69485);
}

.work-button.hay:hover {
  background-color: var(--hay-color);
  background-image: linear-gradient(#00000080, #00000080), url('../images/branding-mockup.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.work-button.hot-sauce {
  background-color: var(--hot-sauce-color);
}

.work-button.hot-sauce:hover {
  background-image: linear-gradient(#00000080, #00000080), url('../images/bottles-belt-drink.jpg');
  background-position: 0 0, 50%;
  background-size: auto, auto;
}

.work-button.cheers-to-mocktail {
  background-color: var(--indigo-blue);
}

.work-button.cheers-to-mocktail:hover {
  background-image: linear-gradient(#00000080, #00000080), url('../images/cropping-poster.png'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, cover, auto;
}

.work-button.silvia-herbo {
  background-color: #0000;
  background-image: url('../images/rockstar-img.avif');
  background-position: 0 0;
  background-size: auto;
  transition: background-color .8s cubic-bezier(.994, -.021, .69, .529);
}

.work-button.silvia-herbo:hover {
  background-image: linear-gradient(#00000080, #00000080), url('../images/ggg.avif');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
}

.div-holder {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 200px;
  display: flex;
}

.h2 {
  font-family: var(--base-text);
  color: var(--yasmine-color);
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-size: 50px;
  line-height: 45px;
  display: flex;
}

.cont-0 {
  grid-column-gap: 33px;
  grid-row-gap: 33px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  max-width: none;
  margin-top: 200px;
  margin-bottom: 200px;
  display: flex;
}

.div3 {
  margin-bottom: 240px;
}

.footer-lottie {
  margin-bottom: 199px;
  padding-left: 0;
}

.cont2 {
  max-width: 30vw;
}

.h2-hay {
  font-family: var(--project-heading);
  color: var(--rockstar);
  font-size: var(--pr-h);
  line-height: var(--pr-h);
  font-weight: var(--projects-heading-size);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 25px;
}

.h2-hay:where(.w-variant-2ac619a5-7eb7-3d2a-e25d-5e5a499b3a95) {
  font-size: 128px;
}

.hero-imgs {
  background-image: url('../images/ggg.avif');
  background-position: 0 0;
  background-size: auto;
  min-width: 100%;
  max-height: 20%;
  margin-top: 220px;
  position: static;
  top: 200px;
}

.sub-header {
  font-family: var(--project-heading);
  color: var(--rockstar);
  font-size: var(--sub-header);
  line-height: var(--sub-header);
  font-weight: var(--projects-heading-size);
  text-align: center;
  margin-top: 0;
}

.section {
  z-index: 200;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: sticky;
  inset: 0%;
}

.div-4 {
  z-index: 1000;
  margin-top: 22vh;
  position: relative;
}

.section-2 {
  max-width: 350px;
  min-height: 20vh;
  max-height: 350px;
}

.img {
  float: right;
  min-width: 65%;
  max-width: none;
  margin-top: 20px;
  margin-left: 100px;
  display: block;
}

.div-placeholder {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  grid-template-rows: repeat(auto-fit, 479px) minmax(58vh, 3.25fr) 86vh;
  grid-template-columns: 4fr 2fr;
  grid-template-areas: ". . ."
                       ". . ."
                       ". . ."
                       ". . ."
                       ". Area Area-2"
                       ". Area Area-2"
                       ". Area Area-2"
                       ". Area Area-2"
                       ". Area Area-2";
  grid-auto-rows: 0;
  grid-auto-flow: row dense;
  min-width: 100%;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.sticky-limit {
  min-height: 100vh;
  max-height: 200vh;
  position: absolute;
  inset: 30% 0% auto;
}

.explanation-base-text {
  max-width: 60vh;
  max-height: 50vh;
  font-family: var(--base-text);
  margin-top: 235px;
  margin-left: 50px;
  margin-right: 0;
  padding-top: 0;
  padding-right: 0;
  display: block;
}

.explanation-base-text.tim-edit {
  max-width: 90vh;
  margin-top: 50px;
  font-weight: 300;
}

.text9 {
  font-family: var(--footer);
}

.success-message {
  background-color: var(--yasmine-color);
}

.form-fill-out-div {
  z-index: 999999999;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--yasmine-color);
  border-radius: 20px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  max-width: 100vw;
  max-height: 100vh;
  margin-left: -50px;
  margin-right: -50px;
  padding: 40px 0;
  display: none;
  position: fixed;
  inset: 20% 40% auto;
}

.field-contact, .field-contact2 {
  font-family: var(--base-text);
}

.form-fill {
  display: block;
}

.form-fill2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.coding {
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: 25px;
  padding-right: 0;
  font-size: 20px;
  display: flex;
}

.cont-3 {
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  max-height: 34.1427%;
  display: flex;
}

.cont-4 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template: "."
                 "Area-2" 424px
                 "Area"
                 / 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: start stretch;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: grid;
}

.image-4 {
  display: block;
}

.lottie-animation-3 {
  margin-top: 120px;
  margin-bottom: 120px;
  padding-bottom: 0;
}

.icon {
  background-image: linear-gradient(to bottom, var(--yasmine-color), var(--yasmine-color));
  outline-color: var(--yasmine-color);
  border-radius: 20px;
  outline-width: 2px;
  outline-style: solid;
  box-shadow: 0 2px 5px #0003;
}

.slide-content {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  flex-flow: row;
  margin-left: 40px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.item-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: url('../images/beach-towel-tag-hay.avif');
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: cover;
  border-radius: 55px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 520px;
  min-height: 280px;
  padding-top: 45px;
  padding-bottom: 45px;
  padding-left: 25px;
  display: flex;
}

.item-card.card {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-image: linear-gradient(to bottom, var(--opacity-card), var(--opacity-card)), url('../images/beach-towel-tag-hay.avif');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  min-width: 47%;
  padding-left: 0;
  padding-right: 25px;
  box-shadow: 11px 2px 8px #0003;
}

.item-card.card.hotsauce-img-card {
  background-image: linear-gradient(to bottom, var(--opacity-card), var(--opacity-card)), url('../images/3-bottles-hot-sauce-n-smoke.avif');
  background-position: 0 0, 50% 60%;
  background-repeat: repeat, repeat-y;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.item-card.card.rockstar-img-card {
  background-image: linear-gradient(to bottom, var(--opacity-card), var(--opacity-card)), url('../images/ggg.avif');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
}

.item-card.card.new.tim-hecker-card {
  background-image: linear-gradient(to bottom, var(--opacity-card), var(--opacity-card)), url('../images/cropping-poster.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, cover;
}

.title-carousel {
  font-family: var(--footer);
  color: var(--yasmine-color);
  font-size: 30px;
}

.icon-2 {
  background-color: var(--yasmine-color);
  outline-color: var(--yasmine-color);
  outline-offset: 0px;
  border-radius: 20px;
  outline-width: 2px;
  outline-style: solid;
}

.slider {
  background-color: #0000;
}

.subtitile-card {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  font-family: var(--base-text);
  color: #fff;
  flex-flow: column;
  padding-left: 0;
  font-size: 17px;
  display: flex;
}

.code-embed-3 {
  min-width: 100%;
  min-height: 100%;
  display: block;
  position: static;
}

.code-embed-3.small-vid {
  justify-content: center;
  align-items: center;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  padding-left: 0;
  padding-right: 0;
  display: block;
  overflow: hidden;
}

.div-block-6 {
  background-color: var(--rockstar);
  margin: 0 0 100px;
  padding: 300px 215px 200px;
}

.div-block-6.small-vid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #000;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  max-height: 100vh;
  margin: 0;
  padding: 0;
  display: block;
  position: static;
  top: 0;
  overflow: hidden;
}

.div-block-6.tim-hecker {
  background-color: #0000;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.heading-2 {
  color: #dba430;
  font-family: Aeonik Light, Arial, sans-serif;
  font-size: 28px;
}

.text-block-10 {
  font-family: var(--name-heading);
  color: var(--yasmine-color);
  text-transform: capitalize;
  font-size: 300px;
  line-height: 250px;
}

.footer-dark {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  background-color: var(--yasmine-color);
  border-bottom: 1px solid #e4ebf3;
  flex-flow: column;
  margin-top: 100px;
  padding: 50px 30px 15px;
  display: flex;
  position: relative;
}

.container-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 295px;
  display: flex;
}

.footer-copyright-center {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}

.process-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  max-width: 100%;
  max-height: 55vh;
  margin-top: 50px;
  margin-bottom: 48px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  overflow: hidden;
}

.text-block-11 {
  font-family: var(--base-text);
  margin-top: 190px;
  margin-bottom: 250px;
  margin-right: 500px;
  padding-left: 90px;
  padding-right: 0;
  font-size: 20px;
  line-height: 25px;
}

.image-8 {
  max-width: 50vw;
  margin-right: 0;
  padding-right: 0;
}

.mulyiple-vids {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template: ". Area-2" 235px
                 ". Area"
                 ". ."
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  margin-bottom: 50px;
  display: grid;
}

.body-3 {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.image-9 {
  max-width: 50%;
}

.seporatorh4 {
  font-family: var(--project-heading);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-top: 200px;
  margin-bottom: 200px;
  display: flex;
}

.cell-8 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
}

.image-13 {
  max-width: 50%;
}

.image-14 {
  flex: 2;
  max-width: 55%;
  margin-left: -40px;
  padding-left: 0;
}

.text-block-12 {
  font-family: var(--base-text);
  margin-right: 0;
}

.image-15 {
  margin-right: -163px;
  padding-left: 0;
  padding-right: 0;
}

.quick-stack {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.bg-cell {
  background-color: var(--hay-color);
  opacity: 1;
  -webkit-text-fill-color: inherit;
  background-image: linear-gradient(#00000080, #00000080), url('../images/pink-phone.avif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-clip: border-box;
}

.cell-11 {
  background-color: #b4afa8;
}

.cell-11.bg-cell.green-cell {
  background-image: none;
  background-position: 0 0;
}

.cell-12 {
  background-color: #d8e47b;
}

.cell-12.bg-cell {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
}

.cell-13 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #82d1f5;
  justify-content: center;
  align-items: center;
  padding-top: 84px;
  padding-left: 25px;
  padding-right: 25px;
}

.cell-13.bg-cell {
  background-image: none;
  background-position: 0 0;
}

.text-block-13 {
  min-width: 100%;
  max-width: 100%;
  font-family: var(--hay-font-logo);
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding-left: 20px;
  font-size: 12px;
  line-height: 50px;
}

.cell-14 {
  opacity: 1;
  background-image: none;
}

.img-div-double-hay-singular {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  max-width: 100%;
  margin-bottom: 0;
  display: flex;
}

.image-27 {
  max-width: 50%;
  padding-right: 11px;
}

.image-28 {
  max-width: 50%;
}

.div-block-9 {
  max-width: 120vw;
  margin-bottom: 210px;
}

.heading-4 {
  color: var(--hay-color);
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: flex;
  position: relative;
  top: 95px;
  left: 0;
}

.heading-5 {
  font-family: var(--base-text);
  margin-bottom: 31px;
  padding-top: 0;
  padding-left: 95px;
  display: flex;
}

.image-33 {
  max-width: 100vw;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.heading-6 {
  font-family: var(--tim-hecker);
  justify-content: flex-start;
  align-items: center;
  margin-top: 140px;
  margin-bottom: 0;
  margin-left: 50px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-10 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-34 {
  max-width: 50%;
}

.div-block-11 {
  display: flex;
}

.image-35, .image-36 {
  max-width: 50%;
}

.body-4 {
  background-color: var(--yasmine-color);
}

.heading-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  font-family: var(--name-heading);
  color: var(--greenite);
  font-size: var(--pr-h);
  line-height: var(--pr-h);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 140px;
  display: block;
}

.flex-block-2 {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  margin-top: 200px;
  overflow: clip;
}

.flex-block-2.spacing-flex {
  margin-top: 0;
}

.image-39 {
  max-width: 50%;
}

.image-39.img-class {
  max-width: 100vw;
  max-height: 600vh;
  padding-right: 0;
  display: block;
}

.image-40 {
  max-width: 54%;
  max-height: 90vh;
}

.link-text {
  font-family: var(--work-text-initial);
  color: var(--greenite);
  font-weight: 300;
}

.div-block-12 {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  max-width: 100%;
  display: flex;
}

.div-block-12.end {
  margin-bottom: 300px;
}

.container-9 {
  background-image: url('../images/yasmine_me.png');
  background-position: 50%;
  background-size: cover;
  max-width: 50vw;
  max-height: 50vh;
  margin-top: 200px;
  padding-right: 285px;
  overflow: clip;
}

.container-9.heidi-img {
  background-image: url('../images/heidi.png');
  max-height: 100vh;
  margin-bottom: -85px;
  padding-bottom: 0;
}

.see-more {
  background-color: var(--yasmine-color);
  font-family: var(--base-text);
  color: var(--rockstar);
  border-radius: 20px;
  margin-top: 150px;
}

.see-more:hover {
  background-color: var(--footer-color);
  color: #fff;
}

.container-10 {
  margin-left: 40px;
  margin-right: 0;
}

.quick-stack-4 {
  background-color: #791d18;
  margin-top: 0;
}

.bkg-img-hot {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  max-width: 100%;
}

.container-11 {
  z-index: 999999;
  background-color: #8f4d00;
  max-width: 100%;
  position: static;
  inset: 0%;
}

.quick-stack-5 {
  background-color: #975200;
}

.quick-stack-6 {
  background-color: #1e2841;
}

.img-variaton5, .img-variaton-4, .img-varation3 {
  max-height: 100%;
}

.cell-19 {
  background-image: url('../images/square-label-argousier.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: contain;
  background-attachment: scroll;
}

.cell-19.blue {
  background-image: url('../images/square-label-blueberry.png');
}

.cell-19.maple {
  background-image: url('../images/square-label-maple.png');
}

.img-variation1, .img-variation {
  max-width: 50%;
}

.cont-12 {
  background-image: url('../images/dip-sauce.avif');
  background-position: 100%;
  background-size: cover;
  min-width: 50%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

.cont-13 {
  background-image: url('../images/photoshoot-bottles.avif');
  background-position: 50%;
  background-size: cover;
  margin: 200px 400px;
  padding-top: 380px;
}

@media screen and (max-width: 991px) {
  .container-8 {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .footer-dark {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 479px) {
  .nav {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
  }

  .lottie-am {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    margin-left: -40px;
    padding-left: 4px;
    padding-right: 0;
  }

  .nav-button-div {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    flex-flow: column;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-button-div.footer-nav-combo {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    margin-bottom: 84px;
  }

  .work-button.hay, .work-button.hot-sauce, .work-button.cheers-to-mocktail, .work-button.silvia-herbo {
    min-width: 400px;
    max-width: 0;
  }

  .h2 {
    margin-top: -35px;
    font-size: 20px;
    line-height: 10px;
  }

  .footer-lottie {
    margin-bottom: 100px;
  }

  .h2-hay {
    font-size: 90px;
  }

  .img {
    min-width: 100%;
    max-width: 100px;
    margin-left: 0;
  }

  .sticky-limit {
    margin-top: 186px;
  }

  .explanation-base-text {
    margin-right: 50px;
  }

  .cont-3 {
    flex-flow: column;
  }

  .slide-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-left: 63px;
  }

  .item-card.card {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: linear-gradient(to bottom, null, null), url('../images/cropping-poster.png');
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    min-width: 40%;
    max-width: 40px;
    min-height: 100px;
    max-height: 100px;
    padding: 0;
  }

  .item-card.card.hotsauce-img-card {
    justify-content: center;
    align-items: center;
    padding-right: 0;
    display: flex;
  }

  .item-card.card.hotsauce-img-card:where(.w-variant-bc030c46-e6da-db88-92ca-bf7366a6cfdd) {
    background-image: linear-gradient(#00000080, #00000080), url('../images/3-bottles-hot-sauce-n-smoke.avif');
    background-position: 0 0, 50% 60%;
    background-repeat: repeat, repeat-y;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .item-card.card.rockstar-img-card {
    background-image: linear-gradient(#00000080, #00000080), url('../images/ggg.avif');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .item-card.card.new {
    background-image: linear-gradient(#00000080, #00000080), url('../images/cropping-poster.png');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
  }

  .item-card.card.hay:where(.w-variant-bc030c46-e6da-db88-92ca-bf7366a6cfdd) {
    background-image: linear-gradient(#00000080, #00000080), url('../images/hay-cap.avif');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .title-carousel {
    text-align: center;
    margin-top: 23px;
    padding-top: 0;
    padding-right: 30px;
    font-size: 15px;
    line-height: 15px;
  }

  .title-carousel.n {
    padding-left: 31px;
  }

  .slider {
    padding-top: 0;
    padding-bottom: 0;
  }

  .subtitile-card {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 10px;
  }

  .subtitile-card.variation {
    margin-top: 0;
    padding-left: 34px;
  }

  .code-embed-3 {
    max-width: 100%;
    max-height: 100px;
  }

  .heading-2 {
    text-align: center;
    font-size: 20px;
  }

  .text-block-10 {
    min-width: 300px;
    max-width: 200px;
    font-size: 75px;
    line-height: 100px;
  }

  .footer-dark {
    justify-content: center;
    align-items: center;
  }

  .container-8 {
    justify-content: center;
    align-items: center;
    max-width: none;
    padding-left: 159px;
  }

  .process-div {
    flex-flow: column;
  }

  .text-block-11 {
    min-width: 20px;
    max-width: 90%;
    margin-right: 0;
  }

  .image-8 {
    max-width: 100vw;
  }

  .image-9 {
    max-width: 100%;
  }

  .cell-8 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
  }

  .image-13 {
    max-width: 200%;
  }

  .text-block-12 {
    flex-flow: column;
    display: flex;
  }

  .heading-4 {
    margin-bottom: 44px;
  }

  .heading-5 {
    padding-left: 0;
  }

  .heading-7 {
    font-size: 90px;
  }

  .div-block-12 {
    flex-flow: column;
  }

  .container-9 {
    max-width: 100px;
    max-height: 100%;
    padding-top: 300px;
  }

  .see-more {
    margin-top: 0;
  }

  .cont-13 {
    margin-left: 90px;
    margin-right: 90px;
    padding-right: 78px;
  }

  .cont-14 {
    margin-left: 0;
    margin-right: 0;
  }
}

#w-node-ffb03a47-4b71-f7ff-e5d5-549df1ebca61-8d8105d5 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-eebb20b0-8143-a769-1f9f-ab019d3e78de-8d8105d5 {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_605e68ea-be3c-9c6c-43a6-1102eb2c7e90-8d8105d6 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_409a098c-a031-a7e6-c385-6f0eb7502161-8d8105d6, #w-node-_4b9b18d5-04f0-d26a-dec5-0145a16fe59f-8d8105d6 {
  grid-row: span 2 / span 2;
}

#w-node-_96b6d3ac-4f90-7453-eeae-4177a0e2c353-8d8105d6 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_96b6d3ac-4f90-7453-eeae-4177a0e2c356-8d8105d6, #w-node-_96b6d3ac-4f90-7453-eeae-4177a0e2c358-8d8105d6 {
  grid-row: span 2 / span 2;
}

#w-node-b64b32f1-7feb-3503-4028-94d6eca26746-8d8105d6 {
  grid-template-rows: auto auto;
  grid-template-columns: 1.25fr 1fr;
}

#w-node-b64b32f1-7feb-3503-4028-94d6eca26749-8d8105d6, #w-node-b64b32f1-7feb-3503-4028-94d6eca2674b-8d8105d6 {
  grid-row: span 2 / span 2;
}

#w-node-bbb76cd9-257c-7f28-54e5-5fa58fc9ebde-8d8105d8 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-d4605b99-b283-eb62-8e16-8e20da990e80-8d8105d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4f7626cc-dc9b-52f0-40c9-292406e498b4-8d8105d8 {
  grid-area: Area-2;
}

#w-node-e85dc7f8-3c3d-1748-80e1-77e7fdcc1d58-8d8105d8 {
  grid-area: Area;
}

#w-node-_1fd5bdd4-cefa-30cc-67c4-6ea8ef5f5855-8d8105d8 {
  grid-template-rows: auto;
  grid-template-columns: .25fr .25fr 1fr;
}

#w-node-c408b55a-e00b-525c-2020-6f57efb7e18f-8d8105d8 {
  grid-column: span 2 / span 2;
}

#w-node-b762077b-ba20-d36a-d6f1-3d40577300db-8d8105d8 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_8b11fe5e-fef7-d766-dcc6-2f15580317b5-8d8105da {
  grid-area: Area;
}

#w-node-c344dd80-3852-7370-d754-ddaa4d909b29-8d8105da {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a70a9bf6-db5b-bb96-f00f-3083c8912830-8d8105da {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_24b98e39-cc15-18a6-e370-8748c04a924e-8d8105da, #w-node-_85034c90-0636-b108-17df-be490cfc3e72-8d8105da, #w-node-_339b6250-e244-fc32-8130-351c305631f8-8d8105da {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_339b6250-e244-fc32-8130-351c305631f9-8d8105da {
  grid-area: Area-2;
}

#w-node-_3025cffc-6a45-58bd-7ee9-8364980955b2-8d8105da {
  grid-area: Area;
}

@media screen and (max-width: 479px) {
  #w-node-_1fd5bdd4-cefa-30cc-67c4-6ea8ef5f5855-8d8105d8 {
    grid-template-rows: auto;
    grid-template-columns: .25fr .25fr;
  }

  #w-node-c408b55a-e00b-525c-2020-6f57efb7e18f-8d8105d8 {
    grid-column: span 2 / span 2;
  }

  #w-node-b762077b-ba20-d36a-d6f1-3d40577300db-8d8105d8 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
}


@font-face {
  font-family: 'Aeonik Light';
  src: url('../fonts/c6da2799f8877386e9a261e8744b2885.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Aeonik Pro';
  src: url('../fonts/Aeonik-Pro-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}