Brand Identity

Color Palette

#FAF9F4

#FEE563

#027D8D

#000000

#F36053

#4DC5BA

#634790

Typographic Palette

Headings: Sofia Pro

Body Text: Inter

Custom Code

/* 
* General
*/
html {
  scroll-behavior: smooth;
}
:root {
  --yellow: #FEE563;
  --teal: #027D8D;
}

/* 
* Header
*/
:is([aria-current="page"], [aria-current="true"]) .header-menu-nav-item-content {
  background-image: none;
  color: #ffffff;
}
body:not(.header--menu-open) .header-nav-item--active>a {
  color: var(--yellow) !important;
  background-image: linear-gradient(var(--teal), var(--teal));
  background-size: 2px 2px;
}

/* 
* Footer
*/
footer a {
  text-decoration: none !important;
}

/* 
* Animations
*/
@keyframes twinkle {
  0% {
    transform: scale(1) rotate(-10deg);
  }
  50% {
    transform: scale(1.125) rotate(10deg);
  }
  100% {
    transform: scale(1) rotate(-10deg);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* twinkle */
#block-88dfe2a568bac24e4071 svg, #block-yui_3_17_2_1_1727821677652_4086 svg, #block-57ae768937634869a48e svg {
  animation: twinkle 4s infinite linear;
}
#block-yui_3_17_2_1_1727814687130_2809 svg, #block-a901ebe8a3f8ddb53939 svg,
#block-yui_3_17_2_1_1727825670701_5663 svg, #block-a64f117018748f4bfa6d svg {
  animation: twinkle 2s infinite linear reverse;
}
#block-259e8119e0f072595a1f svg, #block-269d0036c1557fe1ad29 svg, #block-49b2a3923f7635bc96c1 svg {
  animation: twinkle 8s infinite linear;
}

/* fade */
#collection-66fc1fbcbb43ea017a371e76 svg {
  animation: fade 1s ease-in forward;
}

/* 
* Curtain Reveal
*/
body:not(.sqs-edit-mode-active) {
  .overlay {
  pointer-events:none;
  position:fixed;
  background:white;
  width:100vw;
  height:100vh;
  top:0;
  left:0;
}

.scroll-left, .scroll-right {
  z-index:2222 !important;
}
}

body.sqs-edit-mode-active .pin-spacer {translate: unset !important;/*sqs*/height: 100% !important;display: contents !important;}body.sqs-edit-mode-active .content-wrapper {height: unset !important;/*sqs*/transform: none !important;position: relative !important;}
.page-section:has(.pin-spacer) {
    overflow: hidden;
}

/*-----------------
* PAGES
*/

/* 
* Homepage Summary Block Header
*/
#block-66fc26ea7e37ce3ddb288043,
.fe-block-5337b9f0be674ce064aa {
  .summary-heading {
    text-align: center;
    width: 100%;
  }
  .summary-header-text {
    font-family: var(--heading-font-font-family);
    font-weight: 900;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    font-size: 2em;
  }
}

/* 
* Test Testimonial Cascade
*/
body:not(.sqs-edit-mode-active) section[data-section-id="66fd7918660b4c44e269d304"] {

  .fe-block:not(.fe-block-5337b9f0be674ce064aa):nth-of-type(3n+1) svg {
    animation: twinkle 4s infinite alternate linear;
  }
  .fe-block:not(.fe-block-5337b9f0be674ce064aa):nth-of-type(3n+2) svg {
    animation: twinkle 2s infinite reverse linear;
  }
  .fe-block:not(.fe-block-5337b9f0be674ce064aa):nth-of-type(3n+3) svg {
    animation: twinkle 8s infinite linear;
  }
}
body:not(.sqs-edit-mode-active) .fe-block-5337b9f0be674ce064aa {
  position:sticky !important;
  top:50%;
  transform:translateY(-50%);
}