:root {
  --color: #fff0;
  --1: 1rem;
  --white: white;
  --black: black;
  --2: 2rem;
}

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

.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;
}

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

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

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

.image {
  width: 100%;
  height: 100%;
}

.container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  height: 20svh;
  padding: 2rem;
  display: flex;
}

.container.top {
  z-index: auto;
  flex-flow: column;
  justify-content: space-around;
  width: auto;
  height: 100%;
  position: fixed;
  inset: 0% 0% auto;
}

.container.bottom {
  z-index: 50;
  height: 20%;
  position: fixed;
  inset: auto 0% 0%;
}

.container._1 {
  background-color: #b8ffc1;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
}

.floaters {
  z-index: 1000;
  opacity: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100vh;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
  overflow: visible;
}

.content-wrapper {
  z-index: 1;
  position: relative;
}

.section {
  width: 100%;
  max-width: 1940px;
  height: 100svh;
}

.section._1 {
  background-color: var(--color);
  width: 100%;
  max-width: 1920px;
  height: 300vh;
  position: relative;
}

.section._1.mob {
  display: none;
}

.section._2 {
  background-color: var(--color);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 200vh;
  display: flex;
  position: sticky;
}

.section._3 {
  background-color: var(--color);
  height: 100vh;
  padding-top: 1rem;
  padding-left: 0;
  padding-right: 0;
}

.section._4, .section._5 {
  background-color: var(--color);
  height: 100vh;
}

.header {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fdd;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  height: 80%;
  position: relative;
  inset: 0% 0% auto;
}

.svg-image {
  width: auto;
  height: 100%;
  position: relative;
  inset: auto 0% 0%;
}

.svg-image.bottom {
  inset: auto 0% 0%;
}

.head {
  z-index: 10;
  justify-content: flex-start;
  align-items: center;
  height: 50vh;
  padding-top: 2rem;
  padding-bottom: 0;
  position: fixed;
  inset: 0% 0% auto;
}

.foot {
  z-index: 100;
  justify-content: flex-end;
  align-items: center;
  position: fixed;
  inset: auto 0% 0%;
}

.quick-stack {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  height: 80svh;
  padding: .5rem 2rem;
}

.cell {
  border-radius: 1rem;
}

.background-video {
  z-index: -100;
  opacity: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  inset: 0%;
}

.heading {
  color: #000;
  text-align: center;
  letter-spacing: .4em;
  font-size: 100px;
  line-height: 5rem;
  display: block;
}

.title {
  padding-right: var(--1);
  padding-left: var(--1);
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  height: 200vh;
}

.cell-2 {
  background-image: url('../images/image1.jpeg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
}

.cell-3 {
  border-radius: var(--1);
  background-image: url('../images/image7.jpeg');
  background-position: 50% 80%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  display: flex;
}

.cell-4 {
  background-image: url('../images/image6.jpeg');
  background-position: 50% 88%;
  background-size: cover;
  border-radius: 1rem;
  justify-content: flex-end;
  align-items: center;
}

.container-2 {
  max-width: 1240px;
}

.body {
  background-color: #fffcf4;
}

.cell-5 {
  border-radius: var(--1);
  background-image: url('../images/image7.jpeg');
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
}

.cell-6 {
  border-radius: var(--1);
  background-image: url('../images/image6.jpeg');
  background-position: 50% 100%;
  background-size: cover;
}

.cell-7 {
  border-radius: var(--1);
  background-image: url('../images/image3.jpeg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cell-8 {
  border-radius: var(--1);
  background-image: url('../images/image3.jpeg');
  background-position: 0%;
  background-size: cover;
}

.cell-9 {
  border-radius: var(--1);
  background-image: url('../images/image10.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cell-10 {
  background-image: url('../images/image7.jpeg');
  background-position: 50%;
  background-size: cover;
}

.cell-11 {
  background-image: url('../images/image5.jpeg');
  background-position: 50%;
  background-size: cover;
}

.cell-12 {
  background-image: url('../images/image7.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cell-13 {
  background-image: url('../images/image6.jpeg');
  background-position: 50%;
  background-size: cover;
}

.cell-14 {
  background-image: url('../images/image1.jpeg');
  background-position: 50%;
  background-size: cover;
}

.cell-15 {
  background-image: url('../images/image3.jpeg');
  background-position: 50%;
  background-size: cover;
}

.quick-stack-2 {
  grid-row-gap: 45px;
}

.cell-16 {
  background-image: url('../images/image4.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cell-17 {
  background-image: url('../images/image6.jpeg');
  background-position: 50% 100%;
  background-size: cover;
  justify-content: flex-start;
  align-items: center;
}

.cell-18 {
  background-image: url('../images/image1.jpeg');
  background-position: 0 0;
  background-size: cover;
}

.cell-19 {
  background-image: url('../images/image4.jpeg');
  background-position: 0 0;
  background-size: auto;
}

.cell-20 {
  background-image: url('../images/image5.jpeg');
  background-position: 0 0;
  background-size: cover;
}

.cell-21 {
  background-image: url('../images/image6.jpeg');
  background-position: 0 0;
  background-size: cover;
}

.cell-22 {
  background-image: url('../images/image3.jpeg');
  background-position: 50%;
  background-size: cover;
}

.cell-23 {
  background-image: url('../images/image5.jpeg');
  background-position: 50%;
  background-size: cover;
}

.cell-24 {
  background-image: url('../images/image4.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cell-25 {
  background-image: url('../images/image10.jpeg');
  background-position: 50%;
  background-size: cover;
}

.cell-26 {
  background-image: url('../images/image4.jpeg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
}

.cell-27 {
  background-image: url('../images/image7.jpeg');
  background-position: 50% 100%;
  background-size: cover;
}

.cell-28 {
  background-image: url('../images/Group-12.jpg');
  background-position: 50%;
  background-size: cover;
}

.cell-29 {
  background-image: url('../images/image10.jpeg');
  background-position: 50%;
  background-size: cover;
}

.cell-30 {
  background-image: url('../images/image10.jpeg');
  background-position: 0 0;
  background-size: auto;
}

.cell-31 {
  background-image: url('../images/image1.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cell-32 {
  background-image: url('../images/image4.jpeg');
  background-position: 50% 73%;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
}

.grid {
  grid-template-rows: minmax(15rem, 1fr) auto;
  grid-template-columns: 1fr 1fr 1fr;
}

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

.cell-34 {
  background-image: url('../images/image7.jpeg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cell-35 {
  background-image: url('../images/Group-12.jpg');
  background-position: 50%;
  background-size: cover;
}

.qs2 {
  grid-column-gap: var(--1);
  grid-row-gap: var(--1);
  padding-top: 0;
}

.quick-stack-3 {
  grid-column-gap: var(--1);
  grid-row-gap: var(--1);
}

.image-2 {
  box-sizing: border-box;
  aspect-ratio: auto;
  object-fit: cover;
}

.image-2.bigger {
  max-width: none;
}

.cell-36 {
  background-image: url('../images/image6.jpeg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
}

.cell-37 {
  background-image: url('../images/image8.jpeg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%, 0 0;
  background-size: cover, auto;
  justify-content: center;
  align-items: center;
}

.cell-38 {
  background-image: url('../images/image2.jpeg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
}

.cell-39 {
  background-image: url('../images/image10.jpeg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
}

.section-2 {
  flex-flow: column;
  height: 100vh;
  display: flex;
}

.heading-2 {
  color: #000;
  text-align: center;
  letter-spacing: .2em;
  font-size: 6rem;
  line-height: 6.5rem;
}

.image-grid {
  width: 100%;
}

.image-grid.tall {
  aspect-ratio: 1;
  width: auto;
  max-width: none;
  height: 100%;
  max-height: 100%;
}

.cell-40 {
  background-image: url('../images/image5.jpeg');
  background-position: 50%;
  background-size: cover;
}

.cell-41 {
  background-image: url('../images/image10.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cell-42 {
  background-image: url('../images/image7.jpeg');
  background-position: 50% 100%;
  background-size: cover;
}

.cell-43 {
  background-image: url('../images/image8.jpeg');
  background-position: 0 0;
  background-size: cover;
}

.cell-44 {
  background-image: url('../images/image4.jpeg');
  background-position: 0 0;
  background-size: auto;
}

.container-3, .container-4 {
  width: 100%;
  max-width: 1240px;
}

.grid-2 {
  grid-template-rows: 1.5fr minmax(auto, 1fr);
  width: 100%;
}

.grid-cell {
  border-radius: var(--1);
  color: #000;
  text-align: center;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding: 3.2rem;
}

.image-radius {
  border-radius: var(--1);
}

.grid-hflex {
  grid-column-gap: var(--1);
  grid-row-gap: var(--1);
  justify-content: space-between;
  align-items: center;
}

.v-flex-small {
  border-radius: var(--1);
  background-color: #ff7676;
  background-image: url('../images/image7.jpeg');
  background-position: 50% 100%;
  background-size: cover;
  flex: 1;
  align-self: stretch;
}

.v-flex-small._1 {
  background-image: url('../images/image8.jpeg');
}

.v-flex-small._2 {
  background-image: url('../images/image5.jpeg');
}

.v-flex-small._3 {
  background-image: url('../images/image2.jpeg');
}

.v-flex-small._4 {
  height: 26.25rem;
}

.text-block {
  letter-spacing: .3em;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.cell-45 {
  border-radius: var(--1);
  background-image: url('../images/image2.jpeg');
  background-position: 50% 100%;
  background-size: cover;
}

.cell-46 {
  border-radius: var(--1);
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-block {
  aspect-ratio: 1;
  border-radius: var(--1);
  background-image: url('../images/FrothDOgs-BOat.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.flex-block._2 {
  background-image: url('../images/image7.jpeg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.flex-block._3 {
  aspect-ratio: 2 / 3;
  background-image: url('../images/image1.jpeg');
}

.flex-block._4 {
  background-image: url('../images/image5.jpeg');
  background-position: 50%;
}

.cell-47 {
  border-radius: var(--1);
  background-image: url('../images/image6.jpeg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.quick-stack-4 {
  padding-top: 0;
}

.cell-48 {
  border-radius: var(--1);
  background-image: url('../images/image8.jpeg');
  background-position: 50%;
  background-size: cover;
}

.cell-49 {
  border-radius: var(--1);
  background-image: url('../images/frothdogs-t-logo.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cell-50 {
  border-radius: var(--1);
  background-image: url('../images/image4.jpeg');
  background-position: 50%;
  background-size: cover;
}

.quick-stack-5 {
  aspect-ratio: 2;
}

.cell-51 {
  border-radius: var(--1);
}

.heading-3 {
  text-align: center;
  letter-spacing: .5em;
  font-size: 3rem;
  line-height: 3.5rem;
}

.container-5 {
  color: #000;
  height: 25vh;
  position: sticky;
  top: 220px;
}

@media screen and (max-width: 991px) {
  .container {
    height: 200svh;
  }

  .floaters {
    z-index: -1000;
    opacity: 1;
    display: block;
  }

  .content-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section._1 {
    position: relative;
  }

  .section._1.mob {
    height: 170vh;
    display: block;
  }

  .quick-stack {
    padding-right: 2rem;
  }

  .title {
    max-width: 680px;
  }

  .heading-2 {
    color: #000;
    letter-spacing: .2em;
    font-size: 4rem;
    line-height: 4.5rem;
  }

  .cell-44 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .container-3 {
    max-width: 670px;
  }

  .grid-2 {
    grid-template-columns: 1fr;
  }

  .image-radius {
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-hflex {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .v-flex-small {
    min-height: 13rem;
  }

  .v-flex-small._3 {
    background-image: url('../images/image1.jpeg');
  }

  .v-flex-small._4 {
    height: auto;
  }

  .v-flex-small._5 {
    background-image: url('../images/image6.jpeg');
    background-position: 50% 90%;
    background-repeat: no-repeat;
    background-size: 320px;
  }

  .v-flex-small._6 {
    background-image: url('../images/image4.jpeg');
  }

  .cell-45 {
    display: none;
  }

  .container-5 {
    color: #000;
  }
}

@media screen and (max-width: 767px) {
  .floaters {
    z-index: 1000;
  }

  .content-wrapper {
    width: 100%;
    overflow: hidden;
  }

  .section._1 {
    position: relative;
  }

  .svg-image {
    height: auto;
    max-height: 100%;
  }

  .head {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .quick-stack {
    height: 300vh;
  }

  .background-video {
    overflow: hidden;
  }

  .title {
    max-width: 480px;
  }

  .container-2 {
    height: 100svh;
    overflow: hidden;
  }

  .heading-2 {
    color: #000;
    text-align: center;
    letter-spacing: .1em;
    font-size: 4rem;
    line-height: 4rem;
  }

  .grid-hflex {
    height: 16rem;
    padding-left: 0;
    padding-right: 0;
  }

  .cell-50 {
    justify-content: center;
    align-items: center;
  }

  .container-5 {
    padding-top: 64px;
    padding-bottom: 64px;
    top: 100vh;
  }
}

@media screen and (max-width: 479px) {
  .section._1 {
    height: 100vh;
    position: relative;
  }

  .title {
    max-width: 360px;
  }

  .heading-2 {
    font-size: 2rem;
    line-height: 2rem;
  }

  .heading-3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .container-5 {
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
}

#w-node-acf11084-d351-a58d-64da-fbcb4f6cb11e-429f8f49 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 2fr;
}

#w-node-_1c374614-cfd3-c29b-bc09-cf30cabc7ecb-429f8f49 {
  grid-row: span 3 / span 3;
}

#w-node-_13e4268c-79fe-e803-345c-825f09b44a8b-429f8f49 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_992a4f04-987a-17e5-ec0c-f162f9c8a922-429f8f49 {
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-c39114a7-c18e-6e3f-8bd2-2a9bc915bbb8-429f8f49 {
  grid-row: span 5 / span 5;
}

#w-node-_532a4277-330d-9879-e966-ca87a971fe41-429f8f49 {
  grid-row: span 3 / span 3;
}

#w-node-b5c63e24-f441-301a-60ac-181419175c0f-429f8f49 {
  grid-row: span 7 / span 7;
}

#w-node-_8813e98c-ade9-c772-c5e0-515b43be72e9-429f8f49 {
  grid-row: span 4 / span 4;
}

#w-node-d2010255-0cfa-cc72-0cf2-3a169b803d9f-429f8f49 {
  grid-row: span 2 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-acf11084-d351-a58d-64da-fbcb4f6cb11e-429f8f49 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_1c374614-cfd3-c29b-bc09-cf30cabc7ecb-429f8f49 {
    grid-row: span 3 / span 3;
  }

  #w-node-ea30ca40-f093-c416-8114-9fb0f305fd2a-429f8f49, #w-node-_6f27ee4a-f186-e683-783b-e5a3b2a8ba7b-429f8f49 {
    grid-row: span 26 / span 26;
  }

  #w-node-_13e4268c-79fe-e803-345c-825f09b44a8b-429f8f49 {
    grid-row: span 2 / span 2;
  }

  #w-node-_992a4f04-987a-17e5-ec0c-f162f9c8a922-429f8f49 {
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-c39114a7-c18e-6e3f-8bd2-2a9bc915bbb8-429f8f49 {
    grid-row: span 5 / span 5;
  }

  #w-node-_532a4277-330d-9879-e966-ca87a971fe41-429f8f49 {
    grid-row: span 6 / span 6;
  }

  #w-node-b5c63e24-f441-301a-60ac-181419175c0f-429f8f49 {
    grid-row: span 7 / span 7;
  }

  #w-node-_8813e98c-ade9-c772-c5e0-515b43be72e9-429f8f49 {
    grid-row: span 6 / span 6;
  }

  #w-node-d2010255-0cfa-cc72-0cf2-3a169b803d9f-429f8f49 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-acf11084-d351-a58d-64da-fbcb4f6cb11e-429f8f49 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_1c374614-cfd3-c29b-bc09-cf30cabc7ecb-429f8f49 {
    grid-row: span 3 / span 3;
  }

  #w-node-ea30ca40-f093-c416-8114-9fb0f305fd2a-429f8f49 {
    grid-row: span 19 / span 19;
  }

  #w-node-_6f27ee4a-f186-e683-783b-e5a3b2a8ba7b-429f8f49 {
    grid-row: span 16 / span 16;
  }

  #w-node-_13e4268c-79fe-e803-345c-825f09b44a8b-429f8f49 {
    order: 9999;
    grid-row: span 13 / span 13;
  }

  #w-node-_992a4f04-987a-17e5-ec0c-f162f9c8a922-429f8f49 {
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-c39114a7-c18e-6e3f-8bd2-2a9bc915bbb8-429f8f49 {
    grid-row: span 5 / span 5;
  }

  #w-node-_532a4277-330d-9879-e966-ca87a971fe41-429f8f49 {
    grid-row: span 17 / span 17;
  }

  #w-node-b5c63e24-f441-301a-60ac-181419175c0f-429f8f49 {
    grid-row: span 7 / span 7;
  }

  #w-node-_8813e98c-ade9-c772-c5e0-515b43be72e9-429f8f49 {
    grid-row: span 18 / span 18;
  }

  #w-node-d2010255-0cfa-cc72-0cf2-3a169b803d9f-429f8f49 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-acf11084-d351-a58d-64da-fbcb4f6cb11e-429f8f49 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_1c374614-cfd3-c29b-bc09-cf30cabc7ecb-429f8f49 {
    grid-row: span 3 / span 3;
  }

  #w-node-ea30ca40-f093-c416-8114-9fb0f305fd2a-429f8f49 {
    grid-row: span 19 / span 19;
  }

  #w-node-_6f27ee4a-f186-e683-783b-e5a3b2a8ba7b-429f8f49 {
    grid-row: span 16 / span 16;
  }

  #w-node-_13e4268c-79fe-e803-345c-825f09b44a8b-429f8f49 {
    grid-row: span 13 / span 13;
  }
}