:root {
  --_semantic-colors---neutral--background: #fff9f5;
  --_semantic-colors---neutral--surface: #05141d;
  --2: 2rem;
  --1-5: 1.5rem;
  --1-25: 1.25rem;
  --0-5: .5rem;
  --0: 0rem;
  --4: 4rem;
  --8-75: 8.75rem;
  --10-25: 10.25rem;
  --8: 8rem;
  --10: 10rem;
  --5-5: 5.5rem;
  --3-5: 3.5rem;
  --3: 3rem;
  --9-75: 9.75rem;
  --2-5: 2.5rem;
  --coral--200: #f2ccb6;
  --_semantic-colors---neutral--inverse: #fff9f5;
  --2-25: 2.25rem;
  --1: 1rem;
  --0-75: .75rem;
  --_semantic-colors---neutral--accent: var(--hazel--200);
  --_semantic-colors---neutral--link: var(--olive--600);
  --slate--500: #517c89;
  --8-25: 8.25rem;
  --1-75: 1.75rem;
  --6: 6rem;
  --2-75: 2.75rem;
  --yellow--300: #ffc857;
  --6-5: 6.5rem;
  --5-75: 5.75rem;
  --3-25: 3.25rem;
  --olive--800: #3b4034;
  --7-25: 7.25rem;
  --coral--50: #fcf5f0;
  --coral--100: #f9e7db;
  --coral--300: #eaac8b;
  --coral--400: #e07f57;
  --coral--500: #d95e36;
  --coral--600: #ca482c;
  --coral--700: #a83726;
  --_semantic-colors---yellow--background: var(--yellow--300);
  --_semantic-colors---yellow--surface: #05141d;
  --_semantic-colors---yellow--link: var(--yellow--900);
  --_semantic-colors---yellow--accent: var(--yellow--950);
  --yellow--50: #fff9eb;
  --yellow--100: #ffefc6;
  --yellow--200: #ffdc88;
  --yellow--400: #ffac20;
  --yellow--500: #f98807;
  --yellow--600: #dd6302;
  --yellow--700: #b74306;
  --yellow--800: #94320c;
  --yellow--900: #7a2b0d;
  --yellow--950: #461402;
  --coral--800: #872e25;
  --_semantic-colors---slate--background: var(--slate--950);
  --coral--900: #6d2821;
  --_semantic-colors---slate--surface: var(--slate--200);
  --_semantic-colors---slate--link: var(--slate--400);
  --coral--950: #3a1210;
  --hazel--50: #faf9f0;
  --_semantic-colors---slate--accent: var(--slate--600);
  --_semantic-colors---olive--background: var(--olive--700);
  --hazel--100: #f1eed4;
  --hazel--200: #e1dca6;
  --_semantic-colors---olive--surface: var(--olive--100);
  --hazel--300: #d4ca80;
  --_semantic-colors---olive--link: var(--olive--300);
  --_semantic-colors---olive--accent: var(--olive--400);
  --hazel--400: #c6b559;
  --_semantic-colors---hazel--background: var(--hazel--300);
  --hazel--500: #bc9d44;
  --hazel--600: #a57f3a;
  --_semantic-colors---hazel--surface: #05141d;
  --_semantic-colors---hazel--link: var(--slate--700);
  --hazel--700: #8a6333;
  --_semantic-colors---hazel--accent: #05141d;
  --hazel--800: #72502e;
  --hazel--900: #5e4229;
  --hazel--950: #352313;
  --orange--50: #fffde9;
  --orange--100: #fff7c1;
  --orange--200: #fff07e;
  --orange--300: #ffe23a;
  --orange--400: #ffcf0d;
  --orange--500: #fa0;
  --orange--600: #ef7f00;
  --orange--700: #c65600;
  --orange--800: #a44200;
  --orange--900: #833504;
  --orange--950: #4c1a00;
  --slate--50: #f3f8f8;
  --slate--100: #e0ebed;
  --slate--200: #c5d8dc;
  --slate--300: #9cbbc4;
  --slate--400: #6c98a4;
  --slate--600: #466774;
  --slate--700: #3d5561;
  --slate--800: #384952;
  --slate--900: #323f47;
  --slate--950: #26333b;
  --olive--50: #f3f4f1;
  --olive--100: #f3f4f1;
  --olive--200: #cdd2c4;
  --olive--300: #aeb6a0;
  --olive--400: #919b80;
  --olive--500: #747f63;
  --olive--600: #5a644c;
  --olive--700: #4a5240;
  --olive--900: #34382f;
  --olive--950: #1a1d16;
  --brown--50: #f8f6ee;
  --brown--100: #efe9d2;
  --brown--200: #e1d3a7;
  --brown--300: #cfb675;
  --brown--400: #c09b4f;
  --brown--500: #b18841;
  --brown--600: #986c36;
  --brown--700: #7a512e;
  --brown--800: #67442c;
  --brown--900: #593a2a;
  --brown--950: #43281c;
  --0-25: .25rem;
  --3-75: 3.75rem;
  --4-25: 4.25rem;
  --4-5: 4.5rem;
  --4-75: 4.75rem;
  --5: 5rem;
  --5-25: 5.25rem;
  --6-25: 6.25rem;
  --6-75: 6.75rem;
  --7: 7rem;
  --7-5: 7.5rem;
  --7-75: 7.75rem;
  --8-5: 8.5rem;
  --9: 9rem;
  --9-25: 9.25rem;
  --9-5: 9.5rem;
}

body {
  background-color: var(--_semantic-colors---neutral--background);
  color: var(--_semantic-colors---neutral--surface);
  flex-flow: column;
  min-height: 100vh;
  font-family: Merriweather, serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 160%;
  display: flex;
}

h1 {
  font-family: Supreme, Arial, sans-serif;
  font-size: var(--2);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 900;
  line-height: 125%;
}

h2 {
  font-family: Supreme, Arial, sans-serif;
  font-size: var(--1-5);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 900;
  line-height: 125%;
}

h3 {
  font-family: Supreme, Arial, sans-serif;
  font-size: var(--1-25);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 900;
  line-height: 125%;
}

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

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.page-wrapper {
  padding-right: var(--0-5);
  padding-left: var(--0-5);
  flex-flow: column;
  height: 100%;
}

.main-wrapper {
  padding-right: var(--4);
  padding-left: var(--4);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.main-wrapper.padding-large {
  padding-right: var(--10-25);
  padding-left: var(--10-25);
}

.main-wrapper.full-width {
  padding-right: var(--0);
  padding-left: var(--0);
}

.main-wrapper.full-vh {
  min-height: 100vh;
}

.padding-section-large {
  padding-top: var(--8);
  display: block;
}

.padding-section-large.flex-grow {
  padding-top: var(--10-25);
  padding-top: var(--10-25);
  flex-flow: column;
  flex: 1 0 auto;
  align-items: center;
  display: flex;
}

.heading-h2 {
  font-size: var(--1-5);
}

.text-size-small {
  font-size: .875rem;
  line-height: 150%;
}

.is-button-big {
  color: var(--_semantic-colors---neutral--surface);
  background-color: #3898ec00;
  padding: 0;
  text-decoration: none;
}

.is-button-big:hover {
  text-decoration: underline;
}

.is-button-big.neutral-link {
  color: var(--_semantic-colors---neutral--link);
}

.is-button-big.neutral-link:hover {
  color: var(--_semantic-colors---neutral--surface);
}

.is-button-big.align-center {
  text-align: center;
  text-align: center;
}

.is-button-small {
  color: var(--_semantic-colors---neutral--surface);
  background-color: #3898ec00;
  padding: 0;
  font-size: .875rem;
  line-height: 150%;
}

.is-button-small:hover {
  text-decoration: underline;
}

.is-button-small.neutral-link:hover {
  color: var(--_semantic-colors---neutral--link);
}

.container-medium {
  grid-column-gap: var(--3);
  grid-row-gap: var(--3);
  justify-content: flex-start;
  align-items: flex-end;
  width: 50rem;
}

.container-medium.center {
  grid-column-gap: var(--0-5);
  grid-row-gap: var(--0-5);
  justify-content: flex-start;
  align-items: center;
}

.container-medium.center.gap-small {
  grid-column-gap: var(--0-75);
  grid-row-gap: var(--0-75);
  grid-column-gap: var(--0-75);
  grid-row-gap: var(--0-75);
}

.top-nav {
  padding-top: var(--0-75);
  padding-bottom: var(--0-75);
  background-color: var(--_semantic-colors---neutral--background);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.logo-container {
  flex: 1;
}

.brandmark-container {
  flex: 0 auto;
}

.nav-menu {
  grid-column-gap: var(--2);
  grid-row-gap: var(--2);
  flex: 1;
  justify-content: flex-end;
  align-items: center;
}

.logo-wordmark {
  color: var(--_semantic-colors---neutral--surface);
  width: 12.5rem;
}

.logo-brandmark {
  color: var(--_semantic-colors---neutral--surface);
}

.hero-header-container {
  justify-content: flex-end;
  display: flex;
}

.hero-header-container.gifting, .hero-header-container.center {
  justify-content: center;
}

.hero-header-container.center {
  justify-content: center;
}

.hero-header-container.center.vertical {
  flex-flow: column;
  align-items: center;
}

.hero-header-container.center.vertical.gap-medium {
  grid-column-gap: var(--4);
  grid-row-gap: var(--4);
  grid-column-gap: var(--4);
  grid-row-gap: var(--4);
}

.footer {
  padding-top: var(--2-5);
  padding-bottom: var(--1-75);
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.footer.padding-section-large {
  padding-top: var(--6);
  padding-top: var(--6);
}

.footer-left-col {
  grid-column-gap: var(--1-25);
  grid-row-gap: var(--1-25);
  justify-content: flex-start;
  align-items: flex-end;
}

.copyright {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-nav {
  grid-column-gap: var(--1-75);
  grid-row-gap: var(--1-75);
  justify-content: flex-end;
  align-items: flex-end;
}

.social-links {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.social-links.neutral-link:hover {
  color: var(--_semantic-colors---neutral--link);
}

.instagram {
  color: var(--_semantic-colors---neutral--surface);
  line-height: 50%;
}

.instagram.neutral-link:hover {
  color: var(--_semantic-colors---neutral--link);
}

.menu-button {
  display: none;
}

.footer-brandmark-container {
  flex: 0 auto;
}

.mobile-menu-overlay {
  position: absolute;
  inset: -100vh 0% auto;
}

.mobile-menu-content {
  position: relative;
}

.is-button-xlarge {
  color: var(--_semantic-colors---neutral--surface);
  background-color: #3898ec00;
  padding: 0;
  text-decoration: none;
}

.is-button-xlarge:hover {
  text-decoration: underline;
}

.is-button-xlarge.neutral-link {
  color: var(--_semantic-colors---neutral--link);
}

.is-button-xlarge.neutral-link:hover {
  color: var(--_semantic-colors---neutral--surface);
}

.coral-theme {
  --_semantic-colors---neutral--background: var(--coral--300);
  --_semantic-colors---neutral--surface: var(--coral--950);
  --_semantic-colors---neutral--inverse: #fff9f5;
  --_semantic-colors---neutral--accent: var(--coral--700);
  --_semantic-colors---neutral--link: var(--coral--600);
  --_semantic-colors---yellow--background: var(--yellow--300);
  --_semantic-colors---yellow--surface: #05141d;
  --_semantic-colors---yellow--link: var(--yellow--900);
  --_semantic-colors---yellow--accent: var(--yellow--950);
  --_semantic-colors---slate--background: var(--slate--950);
  --_semantic-colors---slate--surface: var(--slate--200);
  --_semantic-colors---slate--link: var(--slate--400);
  --_semantic-colors---slate--accent: var(--slate--600);
  --_semantic-colors---olive--background: var(--olive--700);
  --_semantic-colors---olive--surface: var(--olive--100);
  --_semantic-colors---olive--link: var(--olive--300);
  --_semantic-colors---olive--accent: var(--olive--400);
  --_semantic-colors---hazel--background: var(--hazel--300);
  --_semantic-colors---hazel--surface: #05141d;
  --_semantic-colors---hazel--link: var(--slate--700);
  --_semantic-colors---hazel--accent: #05141d;
}

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

.overflow-wrapper {
  overflow: hidden;
}

@media screen and (min-width: 1920px) {
  .main-wrapper {
    padding-right: var(--8-75);
    padding-left: var(--8-75);
  }

  .padding-section-large {
    padding-top: var(--10);
  }

  .display-large.text-right-align {
    font-size: var(--9-75);
    font-size: var(--9-75);
  }

  .heading-h1.is-surface-light {
    font-size: var(--2-25);
    font-size: var(--2-25);
  }

  .text-size-large {
    line-height: 170%;
  }

  .container-big {
    grid-column-gap: var(--3-5);
    grid-row-gap: var(--3-5);
  }

  .container-medium {
    width: 62.5rem;
  }

  .service-card-gifting {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .service-image {
    aspect-ratio: auto;
    object-fit: cover;
    object-position: 50% 50%;
    display: block;
    overflow: visible;
  }

  .main-wrapper-large {
    padding-right: var(--8-75);
    padding-left: var(--8-75);
  }

  .menu-button {
    display: none;
  }

  .service-overlay-gift {
    background-color: #eaac8b00;
    display: block;
  }

  .service-overlay {
    display: block;
  }

  .service-image-wrapper {
    object-fit: cover;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .gift-gallery-list.padding-section-medium, .gallery-list.padding-section-medium {
    grid-column-gap: 16rem;
    grid-row-gap: 16rem;
    grid-column-gap: 16rem;
    grid-row-gap: 16rem;
  }

  .about-image-item {
    width: 90%;
  }

  .loader {
    display: none;
  }

  .display-wrapper {
    padding-top: var(--2);
    padding-bottom: var(--1-75);
  }

  .service-card-events, .service-card-spaces {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 991px) {
  .main-wrapper, .main-wrapper.full-width, .main-wrapper.full-width {
    padding-right: var(--1-25);
    padding-left: var(--1-25);
  }

  .padding-section-large {
    padding-top: var(--5-5);
  }

  .display-large.text-right-align {
    height: 100%;
  }

  .brandmark-container, .footer-brandmark-container {
    display: none;
  }

  .gift-gallery-list.padding-section-medium {
    padding-top: var(--0);
    grid-column-gap: 11rem;
    grid-row-gap: 11rem;
    padding-top: var(--0);
    grid-column-gap: 11rem;
    grid-row-gap: 11rem;
    grid-template-columns: 1fr 1fr;
  }

  .gallery-list.padding-section-medium {
    padding-top: var(--0);
    grid-column-gap: var(--8);
    grid-row-gap: var(--8);
    padding-top: var(--0);
    grid-column-gap: var(--8);
    grid-row-gap: var(--8);
    grid-template-columns: 1fr 1fr;
    column-gap: 5rem;
  }

  .about-wrapper {
    grid-column-gap: var(--4);
    grid-row-gap: var(--4);
    flex-flow: column-reverse;
  }

  .about-image-item {
    width: 100%;
  }

  .display-wrapper {
    padding-bottom: var(--0);
    overflow: visible;
  }

  .body-wrapper {
    height: auto;
    overflow: visible;
  }
}

@media screen and (max-width: 767px) {
  .main-wrapper {
    padding-right: var(--1-25);
    padding-left: var(--1-25);
  }

  .padding-section-large {
    padding-top: var(--3-5);
  }

  .display-large.text-right-align {
    font-size: var(--3);
    text-align: left;
    font-size: var(--3);
    text-align: left;
  }

  .heading-h1.is-surface-light {
    font-size: var(--1-5);
    font-size: var(--1-5);
  }

  .text-size-big, .text-style-accent.neutral-accent, .text-style-accent.neutral-accent {
    font-size: var(--1);
  }

  .container-medium {
    grid-column-gap: var(--1-25);
    grid-row-gap: var(--1-25);
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
  }

  .logo-container {
    z-index: 2000;
  }

  .brandmark-container, .nav-menu {
    display: none;
  }

  .logo-wordmark {
    width: 9.375rem;
  }

  .container-small {
    justify-content: flex-start;
  }

  .inquiry-container {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer {
    grid-column-gap: var(--2);
    grid-row-gap: var(--2);
    flex-flow: column-reverse;
  }

  .footer-left-col, .footer-nav {
    grid-column-gap: var(--0-75);
    grid-row-gap: var(--0-75);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .menu-icon_wrapper {
    grid-column-gap: .375rem;
    grid-row-gap: .375rem;
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .menu-icon_top-line, .menu-icon_middle-line, .menu-icon_bottom-line {
    width: var(--1-75);
    background-color: var(--_semantic-colors---neutral--surface);
    height: .125rem;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon {
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    position: relative;
  }

  .menu-button {
    z-index: 9999;
    width: var(--2-75);
    height: var(--2-75);
    grid-column-gap: var(--0);
    grid-row-gap: var(--0);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .footer-brandmark-container {
    display: block;
  }

  .gift-gallery-list.padding-section-medium {
    grid-column-gap: var(--6-5);
    grid-row-gap: var(--6-5);
    grid-column-gap: var(--6-5);
    grid-row-gap: var(--6-5);
  }

  .gallery-list.padding-section-medium {
    grid-column-gap: var(--1-5);
    grid-row-gap: var(--1-5);
    grid-column-gap: var(--1-5);
    grid-row-gap: var(--1-5);
  }

  .gallery-item {
    margin-bottom: var(--5-75);
  }

  .mobile-menu-overlay {
    z-index: 1000;
    padding-top: var(--6);
    background-color: var(--_semantic-colors---neutral--background);
    opacity: 1;
    justify-content: flex-start;
    align-items: center;
    height: 100dvh;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
    inset: -100vh 0% auto;
    overflow: visible;
  }

  .mobile-menu-content {
    padding-top: var(--3);
    padding-bottom: var(--3);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
  }

  .mobile-menu-list {
    grid-column-gap: var(--1-75);
    grid-row-gap: var(--1-75);
    justify-content: flex-start;
    align-items: center;
  }

  .is-button-xlarge {
    font-size: var(--1-5);
    text-align: center;
  }

  .about-wrapper {
    grid-column-gap: var(--3-25);
    grid-row-gap: var(--3-25);
  }

  .animation-heading {
    font-size: var(--2-25);
  }
}

@media screen and (max-width: 479px) {
  .page-wrapper {
    padding-right: var(--0);
    padding-left: var(--0);
  }

  .main-wrapper {
    padding-right: var(--1-25);
    padding-left: var(--1-25);
  }

  .padding-section-large {
    padding-top: var(--3);
    display: block;
  }

  .padding-section-large.about-content {
    padding-top: var(--0-5);
    padding-top: var(--0-5);
  }

  .display-large.text-right-align {
    font-size: var(--2-5);
    text-align: left;
    font-size: var(--2-5);
    text-align: left;
    margin-bottom: 0;
  }

  .text-size-big {
    font-size: var(--1);
  }

  .text-size-small {
    text-align: center;
  }

  .text-style-accent.neutral-accent {
    font-size: var(--1);
    font-size: var(--1);
  }

  .is-button-small {
    display: block;
  }

  .container-medium {
    grid-column-gap: var(--1-5);
    grid-row-gap: var(--1-5);
  }

  .brandmark-container {
    display: none;
  }

  .nav-menu {
    display: none;
    overflow: hidden;
  }

  .logo-wordmark {
    width: var(--8-25);
  }

  .services-container {
    grid-column-gap: var(--1-25);
    grid-row-gap: var(--1-25);
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .copyright {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .menu-icon_wrapper {
    grid-column-gap: .375rem;
    grid-row-gap: .375rem;
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .menu-icon_top-line, .menu-icon_middle-line, .menu-icon_bottom-line {
    width: var(--1-75);
    background-color: var(--_semantic-colors---neutral--surface);
    height: .125rem;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon {
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    position: relative;
  }

  .menu-button {
    width: var(--2-75);
    height: var(--2-75);
    grid-column-gap: var(--0);
    grid-row-gap: var(--0);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .footer-brandmark-container {
    display: block;
  }

  .gift-gallery-list.padding-section-medium {
    grid-column-gap: var(--1);
    grid-row-gap: var(--1);
    grid-column-gap: var(--1);
    grid-row-gap: var(--1);
    grid-template-columns: 1fr 1fr;
  }

  .gallery-list.padding-section-medium {
    grid-column-gap: var(--1);
    grid-row-gap: var(--1);
    column-count: 1;
    grid-column-gap: var(--1);
    grid-row-gap: var(--1);
    column-count: 1;
    grid-template-columns: 1fr 1fr;
  }

  .gallery-item {
    margin-bottom: var(--1-25);
  }

  .about-wrapper {
    grid-column-gap: var(--2-25);
    grid-row-gap: var(--2-25);
  }

  .animation-heading {
    font-size: var(--1-75);
  }
}
