:root {
  --color--primary: white;
  --type--tiro-gurmukhi: "Playfair Display", sans-serif;
  --color--secondary: black;
  --height--h2: 25px;
  --height--h1: 16px;
  --type--noto-sans-khmer: "Noto Sans Khmer", sans-serif;
  --height--h3: 96px;
  --height--h6: 16px;
  --type--playfair-display: "Playfair Display", sans-serif;
  --height--h5: 32px;
  --height--paragraph: 14px;
  --height--button-type: 16px;
  --color--christiania: #c2d5a7;
  --color--canoe: #c0aa8e;
  --color--miel: #edd05b;
  --color--tomato: #eae4ce;
  --color--bianco: #dab86b;
  --color--choko: #cf4044;
  --copyrights: 10px;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

body {
  background-color: var(--color--primary);
  font-family: var(--type--tiro-gurmukhi);
  color: var(--color--secondary);
  font-size: var(--height--h2);
  line-height: 20px;
}

h1 {
  font-size: var(--height--h1);
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 400;
  line-height: 20px;
}

h2 {
  font-family: var(--type--noto-sans-khmer);
  font-size: var(--height--h2);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}

h3 {
  font-family: var(--type--tiro-gurmukhi);
  font-size: var(--height--h3);
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 50px;
  font-weight: 400;
  line-height: 120px;
}

h4 {
  font-family: var(--type--noto-sans-khmer);
  font-size: var(--height--h6);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 24px;
}

h5 {
  font-family: var(--type--playfair-display);
  font-size: var(--height--h5);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 40px;
}

h6 {
  font-family: var(--type--noto-sans-khmer);
  font-size: var(--height--h6);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 300;
  line-height: 25px;
}

p {
  font-family: var(--type--noto-sans-khmer);
  font-size: var(--height--paragraph);
  margin-bottom: 10px;
  line-height: 19px;
}

a {
  font-family: var(--type--noto-sans-khmer);
  color: var(--color--secondary);
  font-size: var(--height--button-type);
  text-align: center;
  text-decoration: none;
}

.style-guide-category-title {
  font-family: var(--type--noto-sans-khmer);
  font-size: var(--height--h6);
  border-bottom: 1px solid #cecece;
  padding-bottom: 10px;
  font-weight: 700;
}

.style-guide-colors {
  background-color: var(--color--christiania);
  border-radius: 5px;
}

.style-guide-colors.text-color-code {
  background-color: var(--color--secondary);
}

.style-guide-colors.canoe-color-code {
  background-color: var(--color--canoe);
}

.style-guide-colors.miel-color-code {
  background-color: var(--color--miel);
}

.style-guide-colors.tomato-color-code {
  background-color: var(--color--tomato);
}

.style-guide-colors.bianco-color-code {
  background-color: var(--color--bianco);
}

.style-guide-colors.christiania-color-code {
  background-color: var(--color--christiania);
}

.style-guide-colors.choko-color-code {
  background-color: var(--color--choko);
}

.style-guide-color-variables {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.color-variable-label {
  font-family: var(--type--noto-sans-khmer);
  font-size: var(--height--h1);
  text-transform: uppercase;
  color: gray;
}

.nav-button {
  font-family: var(--type--noto-sans-khmer);
  font-size: var(--height--button-type);
  font-weight: 400;
  line-height: 24px;
}

.nav-button:hover {
  text-underline-offset: 5px;
  text-decoration: underline;
}

.type-specimens {
  padding-top: 20px;
  padding-bottom: 20px;
}

.case-study-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--color--canoe);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 550px;
  max-height: 500px;
  padding-left: 15px;
}

.case-study-card:where(.w-variant-a31350f8-0ae0-cf6c-59f8-dd305b24fd8c) {
  background-color: var(--color--miel);
}

.case-study-card:where(.w-variant-71870f89-6642-1ee7-4494-c4688cb1d765) {
  background-color: var(--color--tomato);
}

.case-study-card:where(.w-variant-faef7fa5-25dd-c2cb-3ed7-7233a1cb3f68) {
  background-color: var(--color--bianco);
}

.case-study-card:where(.w-variant-873b969d-a854-8e5c-ab54-0ae2db58e4ca) {
  background-color: var(--color--christiania);
}

.case-study-card:where(.w-variant-7c1bdca5-9a53-51d6-71af-b87a8b2d9df9) {
  background-color: var(--color--choko);
}

.case-study-card:hover {
  opacity: 1;
}

.case-study-card-img {
  max-width: 150%;
}

.project-title {
  text-align: left;
  text-transform: uppercase;
  max-width: 200px;
  margin-top: 100px;
}

.project-type {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  bottom: 140px;
}

.project-img {
  flex-flow: row;
  max-height: 500px;
  display: flex;
}

.about-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  padding-top: 200px;
  padding-left: 60px;
  padding-right: 60px;
  display: grid;
}

.main-nav {
  justify-content: space-between;
  align-items: center;
  height: 100px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.main-nav:where(.w-variant-9ad2ed77-82ae-150d-0060-743c0176829b) {
  z-index: 1;
  background-color: var(--color--canoe);
}

.main-nav:where(.w-variant-f6267c0e-b371-9993-4e47-0108f1af640e) {
  z-index: 1;
  background-color: var(--color--miel);
}

.main-nav:where(.w-variant-ff0a7ed7-d6d7-a5f9-6c9d-18763e03a6ce) {
  z-index: 999;
  background-color: var(--color--tomato);
}

.main-nav:where(.w-variant-4c8fcc59-de0c-8b78-52fa-f84b549ac54d) {
  z-index: 1;
  background-color: var(--color--bianco);
}

.main-nav:where(.w-variant-86ec532e-f341-3b41-c65a-6f531350dd5b) {
  z-index: 1;
  background-color: var(--color--christiania);
}

.main-nav:where(.w-variant-a6b6733a-8c53-b66e-cc11-a753a987b462) {
  z-index: 1;
  background-color: var(--color--choko);
}

.main-nav:where(.w-variant-1355c9cc-7d2e-fcc8-85a3-e82a40fd199c) {
  z-index: 1;
  background-color: var(--color--primary);
}

.case-studies {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.project-outter {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  opacity: 0;
  display: flex;
}

.project-outter:hover {
  opacity: 100;
}

.links-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.links-wrapper.mobile {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: row;
}

.contact-link {
  border: 1px #000;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.contact-link.mobile {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.copyrights {
  font-family: var(--type--noto-sans-khmer);
  font-size: var(--copyrights);
  text-align: right;
  font-weight: 300;
}

.case-study-cards {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  display: flex;
}

.footer-section {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin: 200px 20px 80px;
}

.footer-section.mobile {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
}

.footer-section.tablet.mobile {
  border-bottom-style: none;
}

.contact-links-wrapper {
  flex-flow: row;
  justify-content: space-between;
  line-height: 30px;
  display: flex;
}

.contact-links-wrapper:hover {
  text-underline-offset: 5px;
  text-decoration: underline;
}

.spacer {
  opacity: 0;
}

.hero-img {
  z-index: auto;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.content-section {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 100px;
  padding-left: 10px;
  padding-right: 10px;
}

.img-wrapper {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.txt-wrapper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 300px 100px 180px 50px;
  display: flex;
}

.txt-wrapper.credits {
  padding-top: 100px;
  padding-bottom: 0;
}

.products-grid {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 10px;
  padding-right: 10px;
  display: grid;
}

.left-grid-txt {
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 0;
  padding-bottom: 180px;
  padding-left: 50px;
  padding-right: 100px;
  display: flex;
}

.color-codes {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-grid {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2px;
  display: grid;
}

.website-frame {
  max-width: 100%;
  max-height: 100%;
}

.h1-wrapper {
  padding-left: 55px;
}

.slide.mobile {
  background-image: url('../images/canoe-slide.jpg');
  background-size: cover;
  max-width: 100%;
}

.slide-nav {
  opacity: 0;
}

.slide-2 {
  background-image: url('../images/miel-slide.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-3 {
  background-image: url('../images/tomato-slide.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-4 {
  background-image: url('../images/bianco-slide.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-5 {
  background-image: url('../images/christiania-slide.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-6 {
  background-image: url('../images/choko-slide.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-7, .slide-8, .slide-9, .slide-10 {
  padding-top: 2px;
}

.project-title-mobile {
  padding-top: 100px;
  padding-left: 20px;
}

.project-title-mobile:where(.w-variant-e445042d-3067-0e99-6377-3e8a652cf265) {
  background-color: #c0aa8e;
}

.project-title-mobile:where(.w-variant-6f031927-6257-7779-2dc1-1786cfba835b) {
  background-color: #c2d5a7;
}

.project-title-mobile:where(.w-variant-722ee8f1-8966-5c41-dcc3-ed51134e90f0) {
  background-color: #edd058;
}

.project-title-mobile:where(.w-variant-07c98f2d-09cd-f725-9177-8b95c49bf948) {
  background-color: #dab86b;
}

.project-title-mobile:where(.w-variant-0b47a781-5e54-d282-0ab0-accad949d915) {
  background-color: #cf4044;
}

.project-title-mobile.canoe-title-mobile {
  background-color: #c0aa8e;
}

.project-title-mobile.miel-title-mobile {
  background-color: #edd058;
}

.project-title-mobile.bianco-title-mobile {
  background-color: #c2d5a7;
}

.project-title-mobile.christiania-title-mobile {
  background-color: #dab86b;
}

.project-title-mobile.choko-title-mobile {
  background-color: #cf4044;
}

.display-none, .dropdown {
  display: none;
}

.contact-links-mobile {
  justify-content: space-between;
  align-items: flex-end;
  line-height: 30px;
  display: flex;
}

.slider {
  z-index: 0;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.heading {
  max-width: 100%;
}

.colors-grid-desktop {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.h5-wrapper {
  margin-top: 100px;
}

.slide-imgs-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 2px;
  display: flex;
}

.footer-home {
  border-top: 1px solid #000;
  margin-left: 60px;
  margin-right: 60px;
  padding-bottom: 60px;
}

.background-video {
  z-index: -1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 900px;
  margin: 100px auto;
  display: block;
}

.slider-arrow {
  color: var(--color--choko);
}

.slider-works-desktop {
  margin-top: 60px;
  margin-bottom: 60px;
}

.slider-works-tablet {
  display: none;
}

.slider-flex {
  display: flex;
}

.slider-works-mobile {
  display: none;
}

.paragraph-2 {
  opacity: 0;
}

.slider-spreads {
  background-color: var(--color--tomato);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 790px;
  display: flex;
}

.color-grid-mobile, .case-study-cards-tablet {
  display: none;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: var(--height--h1);
  }

  h2 {
    font-size: var(--height--h2);
  }

  h3 {
    font-size: var(--height--h3);
  }

  h4 {
    font-size: var(--height--h6);
  }

  a {
    font-family: var(--type--noto-sans-khmer);
    font-size: var(--height--button-type);
    font-weight: 500;
  }

  .case-study-card:where(.w-variant-bf4bd3f7-8b36-d41d-0e54-6e044a2b69f8) {
    background-color: var(--color--miel);
  }

  .case-study-card:where(.w-variant-57c11bc3-8420-c511-c243-4ac1b7753706) {
    background-color: var(--color--tomato);
  }

  .case-study-card:where(.w-variant-0500bb3b-81f3-0800-a67f-11f01514b244) {
    background-color: var(--color--bianco);
  }

  .case-study-card:where(.w-variant-59ecd3f3-77c0-706c-cdd1-b1f7abdecf0a) {
    background-color: var(--color--christiania);
  }

  .case-study-card:where(.w-variant-394978fd-a33b-75ae-2fc5-7f90ad4f1e67) {
    background-color: var(--color--choko);
  }

  .project-img {
    max-width: 232px;
  }

  .about-section {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .main-nav {
    z-index: 1;
  }

  .main-nav:where(.w-variant-1355c9cc-7d2e-fcc8-85a3-e82a40fd199c) {
    background-color: var(--color--primary);
  }

  .links-wrapper.mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .case-study-cards {
    display: none;
  }

  .footer-section.tablet.mobile {
    border-bottom-style: none;
  }

  .spacer {
    opacity: 0;
    display: none;
  }

  .section-grid {
    flex-flow: column;
    display: flex;
  }

  .colors-grid-desktop {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row dense;
    justify-content: flex-start;
    display: none;
  }

  .case-study-card-tablet {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid;
  }

  .slider-works-desktop {
    display: none;
  }

  .slider-works-tablet {
    max-height: 200px;
    margin-top: 60px;
    margin-bottom: 60px;
    display: block;
  }

  .slider-flex {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
  }

  .color-grid-mobile {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
}

@media screen and (max-width: 479px) {
  body {
    --color--primary: white;
    --type--tiro-gurmukhi: "Playfair Display", sans-serif;
    --color--secondary: black;
    --height--h2: 16px;
    --height--h1: 16px;
    --type--noto-sans-khmer: "Noto Sans Khmer", sans-serif;
    --height--h3: 36px;
    --height--h6: 16px;
    --type--playfair-display: "Playfair Display", sans-serif;
    --height--h5: 32px;
    --height--paragraph: 12px;
    --height--button-type: 16px;
    --color--christiania: #c2d5a7;
    --color--canoe: #c0aa8e;
    --color--miel: #edd05b;
    --color--tomato: #eae4ce;
    --color--bianco: #dab86b;
    --color--choko: #cf4044;
    --copyrights: 10px;
  }

  a {
    line-height: 30px;
  }

  a:hover {
    text-underline-offset: 5px;
    text-decoration: underline;
  }

  .case-study-card {
    padding-left: 0;
  }

  .project-title {
    margin-top: 0;
  }

  .project-type {
    display: block;
  }

  .project-type:where(.w-variant-722ee8f1-8966-5c41-dcc3-ed51134e90f0) {
    line-height: 30px;
  }

  .project-type:where(.w-variant-e445042d-3067-0e99-6377-3e8a652cf265), .project-type.canoe-5 {
    text-align: left;
  }

  .project-type.miel-packaging {
    line-height: 30px;
  }

  .about-section {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    padding-bottom: 100px;
  }

  .main-nav {
    z-index: 999;
  }

  .main-nav:where(.w-variant-1355c9cc-7d2e-fcc8-85a3-e82a40fd199c), .main-nav:where(.w-variant-ac52efc5-896b-da51-b393-5ceb4cef656b) {
    z-index: 1;
    background-color: var(--color--primary);
  }

  .main-nav:where(.w-variant-a6b6733a-8c53-b66e-cc11-a753a987b462), .main-nav:where(.w-variant-9ad2ed77-82ae-150d-0060-743c0176829b), .main-nav:where(.w-variant-f6267c0e-b371-9993-4e47-0108f1af640e), .main-nav:where(.w-variant-ff0a7ed7-d6d7-a5f9-6c9d-18763e03a6ce) {
    z-index: 999;
  }

  .project-outter {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .links-wrapper.mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .contact-link.mobile {
    padding-top: 60px;
  }

  .case-study-cards {
    display: none;
  }

  .footer-section.mobile {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .footer-section.tablet.mobile {
    display: block;
    position: static;
  }

  .txt-wrapper {
    display: none;
  }

  .txt-wrapper.credits {
    padding-top: 20px;
    padding-bottom: 0;
    display: block;
  }

  .products-grid.mobile {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .section-grid {
    flex-flow: column;
    display: flex;
  }

  .mask {
    width: 350px;
    max-height: 500px;
  }

  .slide.mobile {
    background-image: url('../images/canoe-slide.jpg');
    background-size: cover;
  }

  .slide-2 {
    background-image: url('../images/miel-slide.jpg');
  }

  .slide-3 {
    background-image: url('../images/tomato-slide.jpg');
  }

  .slide-4 {
    background-image: url('../images/bianco-slide.jpg');
  }

  .slide-5 {
    background-image: url('../images/christiania-slide.jpg');
  }

  .slide-6 {
    background-image: url('../images/choko-slide.jpg');
  }

  .project-title-mobile:where(.w-variant-e445042d-3067-0e99-6377-3e8a652cf265) {
    background-color: var(--color--canoe);
  }

  .project-title-mobile:where(.w-variant-07c98f2d-09cd-f725-9177-8b95c49bf948) {
    background-color: var(--color--christiania);
  }

  .project-title-mobile:where(.w-variant-6f031927-6257-7779-2dc1-1786cfba835b) {
    background-color: var(--color--bianco);
  }

  .project-title-mobile.canoe-title-mobile {
    background-color: var(--color--canoe);
  }

  .project-title-mobile.bianco-title-mobile {
    background-color: var(--color--bianco);
  }

  .project-title-mobile.christiania-title-mobile {
    background-color: var(--color--christiania);
  }

  .display-none {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
  }

  .mobile {
    padding-top: 100px;
    line-height: 50px;
  }

  .dropdown-toggle {
    padding-left: 0;
  }

  .dropdown-list {
    background-color: #0000;
    position: static;
  }

  .dropdown {
    z-index: 0;
    display: block;
  }

  .contact-links-mobile {
    align-items: flex-end;
  }

  .slider {
    display: flex;
  }

  .heading {
    padding-bottom: 60px;
  }

  .colors-grid-desktop {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    grid-auto-columns: 1fr;
    display: none;
  }

  .contact {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 100px;
  }

  .slide-imgs-wrap {
    flex-flow: row;
    display: block;
  }

  .slider-works-tablet {
    display: none;
  }

  .slider-flex {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .slider-flex.mobile {
    justify-content: center;
    align-items: center;
    width: 500px;
    padding-top: 0;
    display: flex;
  }

  .slider-works-mobile {
    display: block;
  }

  .mobile-link-block {
    text-align: left;
  }

  .mobile-link-block:hover {
    text-decoration: none;
  }

  .mobile-link-block.tomato-link-block {
    background-color: var(--color--tomato);
  }
}

#w-node-d366de26-e2dc-7bac-f0b3-5dff35ff2258-3e03cbd6 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_55c583e2-5725-36d0-8c12-ee40c5dc7243-3e03cbd6 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_49398906-7818-1230-570c-627919961e2e-3e03cbd6 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_98882606-eacf-4d7a-01b6-991eceb827c2-3e03cbd6 {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_12b84698-53b8-c6ca-87a9-998c9f5164bf-3e03cbd6 {
  grid-area: 6 / 1 / 7 / 2;
}

#w-node-f1004cda-06d1-a0eb-5bde-4c209e683ce2-3e03cbd6 {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_8a96b493-e583-a580-3ea7-3b9af5af9a05-3e03cbd6 {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-a771f42e-07bf-2982-45fe-c6b76ee1e199-3e03cbd6 {
  grid-area: 7 / 1 / 8 / 2;
}

#w-node-_94db2f05-77ae-5814-4ed8-604327b28e23-3e03cbd6 {
  grid-area: 8 / 1 / 9 / 2;
}

#w-node-_69e82d75-ed26-a323-0376-080ff7959bfd-3e03cbd6 {
  grid-area: 7 / 2 / 8 / 3;
}

#w-node-c2482bb6-699e-5bda-ac7b-0fa4db82d49d-3e03cbd6 {
  grid-area: 8 / 2 / 9 / 3;
}

#w-node-aeedcfda-0e70-861f-1d46-5078f8c0351b-3e03cbd6 {
  grid-area: 9 / 1 / 10 / 2;
}

#w-node-_21265855-e6df-936f-e5e1-2a2356e7735f-3e03cbd6 {
  grid-area: 10 / 1 / 11 / 2;
}

#w-node-_0a16d905-de4d-a94d-ba8a-4cf4ea7bc00a-3e03cbd6 {
  grid-area: 9 / 2 / 10 / 3;
}

#w-node-_29537bb0-dc7b-54cc-6e87-62f986b8e7d8-3e03cbd6 {
  grid-area: 10 / 2 / 11 / 3;
}

#w-node-_56a05f18-aafd-43f8-7f05-adbe490b5e7b-3e03cbd7 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_4d05c33d-43df-afdc-c10c-da2703b81f2e-3e03cbd7 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_624c83c2-6ec7-f644-2257-4c6f72ac8b00-3e03cbd7 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_719f3423-4cbb-480a-4619-eaf17b84755e-3e03cbd7 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-f4643143-8f3e-397e-1dd9-f71afdffbdc7-3e03cbd7 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-ecb32252-d1a2-8c61-8e98-690154e44ed1-3e03cbd8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f7e3dc95-764a-04a4-c0ad-a31f2d321430-3e03cbd8 {
  grid-area: 1 / 3 / 2 / 4;
}

@media screen and (max-width: 479px) {
  #w-node-_80780972-2367-5eea-f7cd-016b10000751-3e03cbd8 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-f7e3dc95-764a-04a4-c0ad-a31f2d321430-3e03cbd8 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_6fbfd9ff-4d59-0814-2c3b-ec2aedb561d4-3e03cbd8 {
    grid-area: 3 / 2 / 4 / 3;
  }
}