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%); }