<!DOCTYPE html><!-- Last Published: Mon Dec 15 2025 21:13:29 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="santasmagicalmailroom.webflow.io" data-wf-page="6543dcf8068b40c610c83cff" data-wf-site="6543dcf8068b40c610c83cc5" lang="en"><head><meta charset="utf-8"/><title>Not Found</title><meta content="Not Found" property="og:title"/><meta content="Not Found" property="twitter:title"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/6543dcf8068b40c610c83cc5/css/santasmagicalmailroom.shared.9e0b00971.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({  google: {    families: ["Dawning of a New Day:regular"]  }});</script><script src="https://use.typekit.net/zcs3cqw.js" type="text/javascript"></script><script type="text/javascript">try{Typekit.load();}catch(e){}</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/6543dcf8068b40c610c83cc5/656f93047758add915150d12_Vector.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/6543dcf8068b40c610c83cc5/656f945e83c569121359e3df_Vector256x256.png" rel="apple-touch-icon"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-FEG2TG66BQ"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('js', new Date());gtag('config', 'G-FEG2TG66BQ');</script><script>
  // Define the new domain
  const newDomain = 'https://www.santasmagicalmailroom.com';
  
  // Only redirect if we're not already on the target domain
  if (!window.location.href.startsWith(newDomain)) {
    // Get the current path and query parameters
    const currentPath = window.location.pathname;
    const currentSearch = window.location.search;
    
    // Redirect to the new domain with the current path and query parameters
    window.location.href = newDomain + currentPath + currentSearch;
  }
</script>

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<style>
/*@media screen and (prefers-reduced-motion: reduce) { 
  * { 
    animation: none !important; 
    transition: none !important; 
    scroll-behavior: auto !important; 
  }
}*/
  canvas {
  	pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  
</style><script type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {&quot;path&quot;:&quot;symbol&quot;,&quot;type&quot;:&quot;PlainText&quot;\\} }} {{wf {&quot;path&quot;:&quot;amount&quot;,&quot;type&quot;:&quot;CommercePrice&quot;\\} }} ","hideDecimalForWholeNumbers":true};</script></head><body><div class="global-styles w-embed"><style>

/* Make text look crisper and more legible in all browsers */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
  input[type="file"]:focus-visible {
   outline: 0.125rem solid #4d65ff;
   outline-offset: 0.125rem;
}

/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
	margin-bottom: 0 !important;
}

/* Prevent all click and hover interaction with an element */
.pointer-events-off {
	pointer-events: none;
}

/* Enables all click and hover interaction with an element */
.pointer-events-on {
  pointer-events: auto;
}

/* Create a class of .div-square which maintains a 1:1 dimension of a div */
.div-square::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

/* Make sure containers never lose their center alignment */
.container-medium,.container-small, .container-large {
	margin-right: auto !important;
  margin-left: auto !important;
}

/* 
Make the following elements inherit typography styles from the parent and not have hardcoded values. 
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
/*
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}
*/

/* Apply "..." after 3 lines of text */
.text-style-3lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* Apply "..." after 2 lines of text */
.text-style-2lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* Adds inline flex display */
.display-inlineflex {
  display: inline-flex;
}

/* These classes are never overwritten */
.hide {
  display: none !important;
}

@media screen and (max-width: 991px) {
    .hide, .hide-tablet {
        display: none !important;
    }
}
  @media screen and (max-width: 767px) {
    .hide-mobile-landscape{
      display: none !important;
    }
}
  @media screen and (max-width: 479px) {
    .hide-mobile{
      display: none !important;
    }
}
 
.margin-0 {
  margin: 0rem !important;
}
  
.padding-0 {
  padding: 0rem !important;
}

.spacing-clean {
padding: 0rem !important;
margin: 0rem !important;
}

.margin-top {
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-top {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}
  
.margin-right {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-right {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}

.margin-bottom {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.padding-bottom {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.margin-left {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
}
  
.padding-left {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
}
  
.margin-horizontal {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.padding-horizontal {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.margin-vertical {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
  
.padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

a {
	color: inherit;
}

</style></div><div class="custom-styles"><div class="custom-styles--global w-embed"><style>
  .form_input-wrapper,
  .styled-divider {
    position: relative;
  }

  .form_input-wrapper .form_input.is-main::placeholder {
    opacity: 0.8;
    mix-blend-mode: screen;
  }

  .form_input-wrapper::after,
  .form_input-wrapper::before,
  .styled-divider::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    height: 1.75px;
    background: #d9d9d9;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
    -webkit-mask-composite: source-out;
  }

  .form_input-wrapper::before {
    opacity: 0.5;
  }

  .form_input-wrapper::after {
    width: 0%;
    opacity: 0;
    transition: 0.4s ease-in-out;
  }

  .form_input-wrapper.is-focused::after {
    width: 100%;
    opacity: 1;
  }

  .button {
    display: inline-flex;
    position: relative;
    transition: 0.4s;
    background-position: calc(100% - 1rem) center;
    background-repeat: no-repeat;
    /*background-size: auto 1.5rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="color: white" width="42" height="35" viewBox="0 0 42 35" fill="none"><path d="M28.5 3C27.2316 14.6209 26.2059 15.6846 15 17C26.2059 18.3153 27.2316 19.3791 28.5 31C29.7684 19.3791 30.7941 18.3153 42 17C30.7941 15.6846 29.7684 14.6209 28.5 3Z" fill="transparent"/><path d="M8 0C7.24836 7.05555 6.64053 7.70138 0 8.49999C6.64053 9.2986 7.24836 9.94445 8 17C8.75163 9.94445 9.35947 9.2986 16 8.49999C9.35947 7.70138 8.75163 7.05555 8 0Z" fill="transparent"/><path d="M15.5 23C14.9833 27.9804 14.5654 28.4363 10 29C14.5654 29.5637 14.9833 30.0196 15.5 35C16.0167 30.0196 16.4346 29.5637 21 29C16.4346 28.4363 16.0167 27.9804 15.5 23Z" fill="transparent"/></svg>');*/
  }
  @media screen and (max-width: 478px) {
  	.button {
    	background-size: auto 1.25rem;
    }
  }
  
  .button.disabled {
    pointer-events: none;
    opacity: 0.5;
  }
  .button_wrapper {
    display: inline-flex;
    position: relative;
    transition: 0.4s;
  }
  .button_wrapper::after, .button_wrapper::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: inherit;
    -webkit-mask-composite: source-out;
    z-index: -1;
    transition: 0.4s;
  }
  /* vertical borders */
  .button_wrapper::after {
    border-left: 0.75px solid currentColor;
    border-right: 0.75px solid currentColor;
    -webkit-mask-image: 
      -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(10%, rgba(0,0,0,1)), color-stop(20%, rgba(0,0,0,1)), color-stop(80%, rgba(0,0,0,0))),
      -webkit-gradient(linear, left top, right top, color-stop(00%, rgba(0,0,0,1)), color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
    -webkit-mask-composite: source-over;
    height: 90%;
    width: calc(100% - 1.5px);
    top: 0.75px;
    left: 0;
    transform: translateY(0%);
    opacity: 0;
  }
  /* horizontal borders */
  .button_wrapper::before {
    border-top: 0.75px solid currentColor;
    border-bottom: 0.75px solid currentColor;
    -webkit-mask-image:
      -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(10%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))),
      -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(40%, rgba(0,0,0,0)), color-stop(60%, rgba(0,0,0,1)), color-stop(75%, rgba(0,0,0,0)));
    -webkit-mask-composite: source-atop;
    left: 40%;
    width: 50%;
    height: calc(100% - 1.5px);
    border-color: transparent;
  }
  .button_wrapper.is-hovered {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button_wrapper.is-primary.is-hovered {
    background-color: rgba(24, 42, 75, 1);
  }
  .button_wrapper.is-primary.is-outline.is-hovered {
    background-color: rgba(24, 42, 75, 1);
  }
  .button_wrapper:not(.disabled).is-primary.is-outline.is-hovered .button {
    color: white;
  }
  .button_wrapper.is-hovered::after,
  .button_wrapper.is-hovered::before {
    opacity: 1;
  }
  .button_wrapper.is-hovered::after {
    height: calc(100% - 1.5px);
  }
  .button_wrapper.is-hovered::before {
    left: 50%;
    width: calc(100% - 1.5px);
    border-color: currentColor;
  }
  .button:focus-visible {
    outline: none;
  }
  .button_wrapper.disabled {
    pointer-events: none;
  }

  .button_wrapper.disabled.is-hovered {
		/*outline: 1px solid white;*/
  }
  .button_wrapper.disabled.is-hovered::before {
		opacity: 0;
  }
  .button_wrapper.disabled.is-hovered::after {
		opacity: 0;
  }
  
  @media screen and (max-width: 991px) {
    .button_wrapper {
      background-color: rgba(255, 255, 255, 0.2);
    }
    .button_wrapper.is-primary {
      background-color: rgba(24, 42, 75, 1);
    }
  	.button_wrapper::after,
    .button_wrapper::before {
      opacity: 1;
    }
    .button_wrapper::after {
      height: calc(100% - 1.5px);
    }
    .button_wrapper::before {
      left: 50%;
      width: calc(100% - 1.5px);
      border-color: currentColor;
    }
    .button {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="color: white" width="27" height="23" viewBox="0 0 27 23" fill="none"><path d="M18.3211 2.17859C17.5058 9.64917 16.8464 10.333 9.64258 11.1786C16.8464 12.0242 17.5058 12.708 18.3211 20.1786C19.1365 12.708 19.7959 12.0242 26.9997 11.1786C19.7959 10.333 19.1365 9.64917 18.3211 2.17859Z" fill="white"/><path d="M5.14286 0.25C4.65966 4.78571 4.26891 5.20089 0 5.71428C4.26891 6.22767 4.65966 6.64286 5.14286 11.1786C5.62605 6.64286 6.0168 6.22767 10.2857 5.71428C6.0168 5.20089 5.62605 4.78571 5.14286 0.25Z" fill="white"/><path d="M9.96443 15.0358C9.63223 18.2374 9.36359 18.5305 6.42871 18.8929C9.36359 19.2553 9.63223 19.5484 9.96443 22.7501C10.2966 19.5484 10.5653 19.2553 13.5001 18.8929C10.5653 18.5305 10.2966 18.2374 9.96443 15.0358Z" fill="white"/></svg>');
    }
    .button_wrapper:not(.disabled).is-primary.is-outline .button {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="color: white" width="27" height="23" viewBox="0 0 27 23" fill="none"><path d="M18.3211 2.17859C17.5058 9.64917 16.8464 10.333 9.64258 11.1786C16.8464 12.0242 17.5058 12.708 18.3211 20.1786C19.1365 12.708 19.7959 12.0242 26.9997 11.1786C19.7959 10.333 19.1365 9.64917 18.3211 2.17859Z" fill="rgba(24, 42, 75, 1)"/><path d="M5.14286 0.25C4.65966 4.78571 4.26891 5.20089 0 5.71428C4.26891 6.22767 4.65966 6.64286 5.14286 11.1786C5.62605 6.64286 6.0168 6.22767 10.2857 5.71428C6.0168 5.20089 5.62605 4.78571 5.14286 0.25Z" fill="rgba(24, 42, 75, 1)"/><path d="M9.96443 15.0358C9.63223 18.2374 9.36359 18.5305 6.42871 18.8929C9.36359 19.2553 9.63223 19.5484 9.96443 22.7501C10.2966 19.5484 10.5653 19.2553 13.5001 18.8929C10.5653 18.5305 10.2966 18.2374 9.96443 15.0358Z" fill="rgba(24, 42, 75, 1)"/></svg>');
    }
  }
  
  /* This is in global custom styles b/c the intro layer gets removed from the DOM after the initial animation, but this video is moved around throughout the rest of the experience */
  .intro_background-video {
  	pointer-events: none;
  }
  
  .w-commerce-commerceaddtocartform .w-password-page {
  	display: none !important;
  }
  
  .button_wrapper.is-primary.is-outline {
    box-shadow: inset 0 0 0 2px rgba(24, 42, 75, 0.8); /* Adjust the values as needed */
  }
</style></div><div class="custom-styles--global w-embed"><style>
	@media screen and (min-width: 992px) {
    .button_wrapper:not(.disabled).is-hovered .button {
      animation: button-stars-primary 0.4s ease forwards;
    }
    .button {
      background-size: auto;
		}
  }
  
  @keyframes button-stars-primary {
  	0% {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="color: white" width="27" height="23" viewBox="0 0 27 23" fill="none"><path d="M18.3211 2.17859C17.5058 9.64917 16.8464 10.333 9.64258 11.1786C16.8464 12.0242 17.5058 12.708 18.3211 20.1786C19.1365 12.708 19.7959 12.0242 26.9997 11.1786C19.7959 10.333 19.1365 9.64917 18.3211 2.17859Z" fill="transparent"/><path d="M5.14286 0.25C4.65966 4.78571 4.26891 5.20089 0 5.71428C4.26891 6.22767 4.65966 6.64286 5.14286 11.1786C5.62605 6.64286 6.0168 6.22767 10.2857 5.71428C6.0168 5.20089 5.62605 4.78571 5.14286 0.25Z" fill="transparent"/><path d="M9.96443 15.0358C9.63223 18.2374 9.36359 18.5305 6.42871 18.8929C9.36359 19.2553 9.63223 19.5484 9.96443 22.7501C10.2966 19.5484 10.5653 19.2553 13.5001 18.8929C10.5653 18.5305 10.2966 18.2374 9.96443 15.0358Z" fill="transparent"/></svg>');
    }
  	25% {
    	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="color: white" width="27" height="23" viewBox="0 0 27 23" fill="none"><path d="M18.3211 2.17859C17.5058 9.64917 16.8464 10.333 9.64258 11.1786C16.8464 12.0242 17.5058 12.708 18.3211 20.1786C19.1365 12.708 19.7959 12.0242 26.9997 11.1786C19.7959 10.333 19.1365 9.64917 18.3211 2.17859Z" fill="rgba(255,255,255,0.5)"/><path d="M5.14286 0.25C4.65966 4.78571 4.26891 5.20089 0 5.71428C4.26891 6.22767 4.65966 6.64286 5.14286 11.1786C5.62605 6.64286 6.0168 6.22767 10.2857 5.71428C6.0168 5.20089 5.62605 4.78571 5.14286 0.25Z" fill="transparent"/><path d="M9.96443 15.0358C9.63223 18.2374 9.36359 18.5305 6.42871 18.8929C9.36359 19.2553 9.63223 19.5484 9.96443 22.7501C10.2966 19.5484 10.5653 19.2553 13.5001 18.8929C10.5653 18.5305 10.2966 18.2374 9.96443 15.0358Z" fill="transparent"/></svg>');
    }
    50% {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="color: white" width="27" height="23" viewBox="0 0 27 23" fill="none"><path d="M18.3211 2.17859C17.5058 9.64917 16.8464 10.333 9.64258 11.1786C16.8464 12.0242 17.5058 12.708 18.3211 20.1786C19.1365 12.708 19.7959 12.0242 26.9997 11.1786C19.7959 10.333 19.1365 9.64917 18.3211 2.17859Z" fill="white"/><path d="M5.14286 0.25C4.65966 4.78571 4.26891 5.20089 0 5.71428C4.26891 6.22767 4.65966 6.64286 5.14286 11.1786C5.62605 6.64286 6.0168 6.22767 10.2857 5.71428C6.0168 5.20089 5.62605 4.78571 5.14286 0.25Z" fill="rgba(255,255,255,0.5)"/><path d="M9.96443 15.0358C9.63223 18.2374 9.36359 18.5305 6.42871 18.8929C9.36359 19.2553 9.63223 19.5484 9.96443 22.7501C10.2966 19.5484 10.5653 19.2553 13.5001 18.8929C10.5653 18.5305 10.2966 18.2374 9.96443 15.0358Z" fill="transparent"/></svg>');
    }
    75% {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="color: white" width="27" height="23" viewBox="0 0 27 23" fill="none"><path d="M18.3211 2.17859C17.5058 9.64917 16.8464 10.333 9.64258 11.1786C16.8464 12.0242 17.5058 12.708 18.3211 20.1786C19.1365 12.708 19.7959 12.0242 26.9997 11.1786C19.7959 10.333 19.1365 9.64917 18.3211 2.17859Z" fill="white"/><path d="M5.14286 0.25C4.65966 4.78571 4.26891 5.20089 0 5.71428C4.26891 6.22767 4.65966 6.64286 5.14286 11.1786C5.62605 6.64286 6.0168 6.22767 10.2857 5.71428C6.0168 5.20089 5.62605 4.78571 5.14286 0.25Z" fill="white"/><path d="M9.96443 15.0358C9.63223 18.2374 9.36359 18.5305 6.42871 18.8929C9.36359 19.2553 9.63223 19.5484 9.96443 22.7501C10.2966 19.5484 10.5653 19.2553 13.5001 18.8929C10.5653 18.5305 10.2966 18.2374 9.96443 15.0358Z" fill="rgba(255,255,255,0.5)"/></svg>');
    }
    100% {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="color: white" width="27" height="23" viewBox="0 0 27 23" fill="none"><path d="M18.3211 2.17859C17.5058 9.64917 16.8464 10.333 9.64258 11.1786C16.8464 12.0242 17.5058 12.708 18.3211 20.1786C19.1365 12.708 19.7959 12.0242 26.9997 11.1786C19.7959 10.333 19.1365 9.64917 18.3211 2.17859Z" fill="white"/><path d="M5.14286 0.25C4.65966 4.78571 4.26891 5.20089 0 5.71428C4.26891 6.22767 4.65966 6.64286 5.14286 11.1786C5.62605 6.64286 6.0168 6.22767 10.2857 5.71428C6.0168 5.20089 5.62605 4.78571 5.14286 0.25Z" fill="white"/><path d="M9.96443 15.0358C9.63223 18.2374 9.36359 18.5305 6.42871 18.8929C9.36359 19.2553 9.63223 19.5484 9.96443 22.7501C10.2966 19.5484 10.5653 19.2553 13.5001 18.8929C10.5653 18.5305 10.2966 18.2374 9.96443 15.0358Z" fill="white"/></svg>');
    }
  }
  
  @keyframes button-stars-primary-outline {
  	0% {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="color: white" width="27" height="23" viewBox="0 0 27 23" fill="none"><path d="M18.3211 2.17859C17.5058 9.64917 16.8464 10.333 9.64258 11.1786C16.8464 12.0242 17.5058 12.708 18.3211 20.1786C19.1365 12.708 19.7959 12.0242 26.9997 11.1786C19.7959 10.333 19.1365 9.64917 18.3211 2.17859Z" fill="transparent"/><path d="M5.14286 0.25C4.65966 4.78571 4.26891 5.20089 0 5.71428C4.26891 6.22767 4.65966 6.64286 5.14286 11.1786C5.62605 6.64286 6.0168 6.22767 10.2857 5.71428C6.0168 5.20089 5.62605 4.78571 5.14286 0.25Z" fill="transparent"/><path d="M9.96443 15.0358C9.63223 18.2374 9.36359 18.5305 6.42871 18.8929C9.36359 19.2553 9.63223 19.5484 9.96443 22.7501C10.2966 19.5484 10.5653 19.2553 13.5001 18.8929C10.5653 18.5305 10.2966 18.2374 9.96443 15.0358Z" fill="transparent"/></svg>');
    }
  	25% {
    	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="color: white" width="27" height="23" viewBox="0 0 27 23" fill="none"><path d="M18.3211 2.17859C17.5058 9.64917 16.8464 10.333 9.64258 11.1786C16.8464 12.0242 17.5058 12.708 18.3211 20.1786C19.1365 12.708 19.7959 12.0242 26.9997 11.1786C19.7959 10.333 19.1365 9.64917 18.3211 2.17859Z" fill="rgba(24, 42, 75, 0.5)"/><path d="M5.14286 0.25C4.65966 4.78571 4.26891 5.20089 0 5.71428C4.26891 6.22767 4.65966 6.64286 5.14286 11.1786C5.62605 6.64286 6.0168 6.22767 10.2857 5.71428C6.0168 5.20089 5.62605 4.78571 5.14286 0.25Z" fill="transparent"/><path d="M9.96443 15.0358C9.63223 18.2374 9.36359 18.5305 6.42871 18.8929C9.36359 19.2553 9.63223 19.5484 9.96443 22.7501C10.2966 19.5484 10.5653 19.2553 13.5001 18.8929C10.5653 18.5305 10.2966 18.2374 9.96443 15.0358Z" fill="transparent"/></svg>');
    }
    50% {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="color: white" width="27" height="23" viewBox="0 0 27 23" fill="none"><path d="M18.3211 2.17859C17.5058 9.64917 16.8464 10.333 9.64258 11.1786C16.8464 12.0242 17.5058 12.708 18.3211 20.1786C19.1365 12.708 19.7959 12.0242 26.9997 11.1786C19.7959 10.333 19.1365 9.64917 18.3211 2.17859Z" fill="rgba(24, 42, 75, 1)"/><path d="M5.14286 0.25C4.65966 4.78571 4.26891 5.20089 0 5.71428C4.26891 6.22767 4.65966 6.64286 5.14286 11.1786C5.62605 6.64286 6.0168 6.22767 10.2857 5.71428C6.0168 5.20089 5.62605 4.78571 5.14286 0.25Z" fill="rgba(24, 42, 75, 0.5)"/><path d="M9.96443 15.0358C9.63223 18.2374 9.36359 18.5305 6.42871 18.8929C9.36359 19.2553 9.63223 19.5484 9.96443 22.7501C10.2966 19.5484 10.5653 19.2553 13.5001 18.8929C10.5653 18.5305 10.2966 18.2374 9.96443 15.0358Z" fill="transparent"/></svg>');
    }
    75% {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="color: white" width="27" height="23" viewBox="0 0 27 23" fill="none"><path d="M18.3211 2.17859C17.5058 9.64917 16.8464 10.333 9.64258 11.1786C16.8464 12.0242 17.5058 12.708 18.3211 20.1786C19.1365 12.708 19.7959 12.0242 26.9997 11.1786C19.7959 10.333 19.1365 9.64917 18.3211 2.17859Z" fill="rgba(24, 42, 75, 1)"/><path d="M5.14286 0.25C4.65966 4.78571 4.26891 5.20089 0 5.71428C4.26891 6.22767 4.65966 6.64286 5.14286 11.1786C5.62605 6.64286 6.0168 6.22767 10.2857 5.71428C6.0168 5.20089 5.62605 4.78571 5.14286 0.25Z" fill="rgba(24, 42, 75, 1)"/><path d="M9.96443 15.0358C9.63223 18.2374 9.36359 18.5305 6.42871 18.8929C9.36359 19.2553 9.63223 19.5484 9.96443 22.7501C10.2966 19.5484 10.5653 19.2553 13.5001 18.8929C10.5653 18.5305 10.2966 18.2374 9.96443 15.0358Z" fill="rgba(24, 42, 75, 0.5)"/></svg>');
    }
    100% {
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" style="color: white" width="27" height="23" viewBox="0 0 27 23" fill="none"><path d="M18.3211 2.17859C17.5058 9.64917 16.8464 10.333 9.64258 11.1786C16.8464 12.0242 17.5058 12.708 18.3211 20.1786C19.1365 12.708 19.7959 12.0242 26.9997 11.1786C19.7959 10.333 19.1365 9.64917 18.3211 2.17859Z" fill="rgba(24, 42, 75, 1)"/><path d="M5.14286 0.25C4.65966 4.78571 4.26891 5.20089 0 5.71428C4.26891 6.22767 4.65966 6.64286 5.14286 11.1786C5.62605 6.64286 6.0168 6.22767 10.2857 5.71428C6.0168 5.20089 5.62605 4.78571 5.14286 0.25Z" fill="rgba(24, 42, 75, 1)"/><path d="M9.96443 15.0358C9.63223 18.2374 9.36359 18.5305 6.42871 18.8929C9.36359 19.2553 9.63223 19.5484 9.96443 22.7501C10.2966 19.5484 10.5653 19.2553 13.5001 18.8929C10.5653 18.5305 10.2966 18.2374 9.96443 15.0358Z" fill="rgba(24, 42, 75, 1)"/></svg>');
    }
  }
</style></div></div><div class="utility-page_component"><div class="utility-page_wrapper"><img src="https://cdn.prod.website-files.com/static/page-not-found.211a85e40c.svg" alt="" class="utility-page_image"/><h3>Page Not Found</h3><div>The page you are looking for doesn&#x27;t exist or has been moved</div><div class="spacer-small"></div><div class="button_wrapper"><a href="#" class="button w-button">Go Home</a></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6543dcf8068b40c610c83cc5" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/6543dcf8068b40c610c83cc5/js/santasmagicalmailroom.schunk.c4f1b89d9230da02.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/6543dcf8068b40c610c83cc5/js/santasmagicalmailroom.schunk.75c7b79a54bd0950.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/6543dcf8068b40c610c83cc5/js/santasmagicalmailroom.6fcf2186.62a140984b824fb7.js" type="text/javascript"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/p5.min.js"></script>
<script>

const formInputFields = document.querySelectorAll('.form_input')

for (let input of formInputFields) {
  input.addEventListener('focus', (e) => {
    input.closest('.form_input-wrapper').classList.add('is-focused')
  })
  input.addEventListener('blur', (e) => {
    input.closest('.form_input-wrapper').classList.remove('is-focused')
  })
  input.setAttribute('autocomplete', 'off')
}

const buttons = document.querySelectorAll('.button')

function isWindowWidthLessThan992() {
  return window.matchMedia('(max-width: 991px)').matches;
}

if (!isWindowWidthLessThan992()) {
  for (let button of buttons) {
    button.addEventListener('focus', (e) => {
      button.closest('.button_wrapper').classList.add('is-hovered')
    })
    button.addEventListener('blur', (e) => {
      button.closest('.button_wrapper').classList.remove('is-hovered')
    })
    button.addEventListener('mouseenter', (e) => {
      button.closest('.button_wrapper').classList.add('is-hovered')
    })
    button.addEventListener('mouseleave', (e) => {
      button.closest('.button_wrapper').classList.remove('is-hovered')
    })
  }
}

function isTouchDevice() {
  return 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
}

var sketchEnabled = !isTouchDevice(); // Check if it's not a touch device

if (sketchEnabled) {
  // CONFIGURATION:
  var spawn_every_nth_frame = 1;    // when not click 
  var spawn_on_mousemove = 5;

  // every frame 
  var particle_start_speed = 0.1;   // start with this random speed 
  var particle_wobble_speed = 0.05; // change speed in random 
  var particle_alpha_factor = 0.98;  // fade out factor for every frame 
  var gravity_strength = 0.02;  // strength of gravity

  var allowSpawn = true; // Flag to control whether to allow spawning
  var prevMouseX;
  var prevMouseY;

  function Mover(loc, c) {
    this.loc = createVector(width / 2, height / 2);
    this.vel = createVector();
    this.acc = createVector();
    this.r = random(1, 5);
    this.c = c;
    this.alpha = 1;

    if (typeof loc !== "undefined") {
      this.loc = createVector(loc.x, loc.y);
    }
    this.applyForce = function (a) {
      this.acc.add(a);
    }
    this.update = function () {
      this.vel.add(this.acc);
      this.acc.mult(0);
      this.alpha *= particle_alpha_factor;

      if (this.loc.x < 0 || this.loc.x > width) {
        this.vel.x *= -0.8;
        if (this.loc.x < 0) this.loc.x = 0;
        if (this.loc.x > width) this.loc.x = width;
      }

      this.loc.add(this.vel);

      // enables gravity (adjust the y-component for strength):
      this.applyForce(createVector(0, gravity_strength));
    }
    this.display = function () {
      fill(0, 0, 100, this.alpha);
      noStroke();
      beginShape();
      vertex(this.loc.x, this.loc.y - this.r); // Top point

      // Right top dramatic concave curve
      quadraticVertex(this.loc.x + this.r * 0.05, this.loc.y - this.r * 0.05,
                      this.loc.x + this.r, this.loc.y);

      // Right bottom dramatic concave curve
      quadraticVertex(this.loc.x + this.r * 0.05, this.loc.y + this.r * 0.05,
                      this.loc.x, this.loc.y + this.r);

      // Left bottom dramatic concave curve
      quadraticVertex(this.loc.x - this.r * 0.05, this.loc.y + this.r * 0.05,
                      this.loc.x - this.r, this.loc.y);

      // Left top dramatic concave curve
      quadraticVertex(this.loc.x - this.r * 0.05, this.loc.y - this.r * 0.05,
                      this.loc.x, this.loc.y - this.r);

      endShape(CLOSE);
    }
  }

  var movers = [];

  function setup() {
    colorMode(HSB);
    let canvas = createCanvas(window.innerWidth, window.innerHeight);

    // Add event listeners for mouseout and mouseover on the window
    window.addEventListener('mouseout', pauseSpawn);
    window.addEventListener('mouseover', resumeSpawn);
  }

  function draw() {
    clear();

    // Check if the mouse has moved
    if (allowSpawn && (frameCount % spawn_every_nth_frame == 0) && (mouseX !== prevMouseX || mouseY !== prevMouseY)) {
      for (var x = 0; x < spawn_on_mousemove; x++) {

        var m = new Mover(createVector(mouseX, mouseY), ((frameCount + 128) / 1 % 360));

        var f = createVector(random(-1, 1), random(-6, 0)).mult(particle_start_speed);

        m.applyForce(f);

        movers.push(m);
      }
    }

    for (var x = movers.length - 1; x >= 0; x--) {
      var mov = movers[x];

      if (mov.alpha < 0.001) {
        movers.shift(x);
      } else {

        // randomize movement a bit:
        mov.applyForce(createVector(random(-1, 1), random(1, -1)).mult(particle_wobble_speed));

        mov.update();
        mov.display();
      }
    }

    // Update previous mouse position
    prevMouseX = mouseX;
    prevMouseY = mouseY;
  }

  function pauseSpawn() {
    allowSpawn = false; // Don't allow spawning when the mouse leaves the page
  }

  function resumeSpawn() {
    allowSpawn = true; // Allow spawning when the mouse enters the page
  }
  
} else {
	window.addEventListener('load', () => {
  	document.querySelector('canvas').remove()
  })
}
</script></body></html>