/* NotFoundPage CSS module styles from @localbird-io/design-system */

/* Override Tailwind preflight resets that break the component layout */
._container_be9mn_18 img {
  max-width: none;
}
._container_be9mn_18 h1 {
  margin: 0;
}
._container_be9mn_18 p {
  margin: 0;
}
._container_be9mn_18 a {
  color: inherit;
  text-decoration: inherit;
}
/* Ensure button color variants win over the generic <a> color:inherit reset */
._container_be9mn_18 ._buttonPrimary_be9mn_201 {
  color: var(--lb-color-charcoal-dark, #2b2b2b);
}
._container_be9mn_18 ._buttonPine_be9mn_211 {
  color: #fff;
}
._container_be9mn_18 ._buttonPearlOutline_be9mn_227 {
  color: var(--lb-color-pearl-bg, #f1f2e3);
}
._container_be9mn_18 button {
  font-family: inherit;
}
._container_be9mn_18 {
  position: relative;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
}
._bgOstrich_be9mn_32 {
  background-color: #e8e9dc;
  background-image:
    radial-gradient(
      ellipse 80% 70% at 50% 50%,
      #f0f1e5,
      #e8e9dc 30%,
      #d8d9cc 55%,
      #c5c6b9 75%,
      #b8b9ac 90%,
      #a8a99c
    ),
    radial-gradient(
      ellipse 120% 100% at 50% 50%,
      transparent 40%,
      rgba(140, 140, 130, 0.15) 80%,
      rgba(120, 120, 110, 0.25) 100%
    );
  background-blend-mode: normal;
}
._title_be9mn_64 {
  font-family: "P22 Mackinac Pro", "P22 Mackinac", Georgia, serif;
  font-weight: 500;
  font-style: normal;
  text-transform: lowercase;
  color: var(--lb-color-pine-green, #0c4e38);
  line-height: 0.82;
  letter-spacing: -0.02em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
}
._titleDesktop_be9mn_80 {
  font-size: clamp(200px, 30vw, 320px);
}
@media (min-width: 768px) and (max-width: 1023px) {
  ._titleDesktop_be9mn_80 {
    font-size: clamp(180px, 28vw, 260px);
  }
}
@media (min-width: 1024px) {
  ._titleDesktop_be9mn_80 {
    font-size: clamp(220px, 28vw, 320px);
  }
}
@media (min-width: 1200px) {
  ._titleDesktop_be9mn_80 {
    font-size: clamp(280px, 30vw, 360px);
  }
}
@media (min-width: 1440px) {
  ._titleDesktop_be9mn_80 {
    font-size: 380px;
  }
}
@media (min-width: 1600px) {
  ._titleDesktop_be9mn_80 {
    font-size: 406px;
  }
}
._titleMobile_be9mn_118 {
  font-size: clamp(120px, 38vw, 160px);
  text-align: center;
}
._message_be9mn_128 {
  font-family: var(--lb-font-sans, "DM Sans", sans-serif);
  color: var(--lb-color-pine-green, #0c4e38);
  position: relative;
  z-index: 4;
}
._messageDesktop_be9mn_135 {
  font-size: clamp(18px, 2vw, 26px);
  line-height: 1.3;
  max-width: 600px;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
  ._messageDesktop_be9mn_135 {
    font-size: clamp(16px, 2.2vw, 22px);
    max-width: 500px;
  }
}
._messageMobile_be9mn_150 {
  font-size: clamp(13px, 3.5vw, 14px);
  line-height: 1.24;
  text-align: center;
}
._messageBold_be9mn_156 {
  font-weight: 700;
}
._messageMedium_be9mn_160 {
  font-weight: 500;
}
._button_be9mn_169 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  font-family: var(--lb-font-sans, "DM Sans", sans-serif);
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  padding: 16px 32px;
  border-radius: 9999px;
  border: none;
  cursor: pointer;
  box-shadow: 0 2px 4px #00000014;
  transition: all 0.2s ease;
  text-decoration: none;
  position: relative;
  z-index: 4;
  white-space: nowrap;
}
._button_be9mn_169:hover {
  box-shadow: 0 4px 8px #0000001f;
  transform: translateY(-1px);
}
._button_be9mn_169:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px #00000014;
}
._buttonPrimary_be9mn_201 {
  background-color: var(--lb-color-lime-green, #d2f272);
  color: var(--lb-color-charcoal-dark, #2b2b2b);
}
._buttonPrimary_be9mn_201:hover {
  background-color: #c5e566;
}
._buttonPine_be9mn_211 {
  background-color: var(--lb-color-pine-green, #0c4e38);
  color: #fff;
}
._buttonPine_be9mn_211:hover {
  background-color: #0a4230;
}
._buttonMobile_be9mn_221 {
  font-size: 14px;
  padding: 12px 24px;
}
._buttonPearlOutline_be9mn_227 {
  background-color: transparent;
  color: var(--lb-color-pearl-bg, #f1f2e3);
  border: 1.5px solid var(--lb-color-pearl-bg, #f1f2e3);
  box-shadow: none;
}
._buttonPearlOutline_be9mn_227:hover {
  background-color: #f1f2e31a;
  box-shadow: none;
}
._animalImage_be9mn_245 {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -o-object-fit: contain;
  object-fit: contain;
}
._ostrichDesktop_be9mn_252 {
  position: absolute;
  right: 8%;
  bottom: 0;
  width: clamp(260px, 32vw, 400px);
  height: auto;
  z-index: 3;
}
@media (min-width: 768px) and (max-width: 1023px) {
  ._ostrichDesktop_be9mn_252 {
    right: 5%;
    width: clamp(240px, 35vw, 340px);
  }
}
@media (min-width: 1024px) {
  ._ostrichDesktop_be9mn_252 {
    right: 12%;
    width: clamp(300px, 34vw, 440px);
  }
}
@media (min-width: 1280px) {
  ._ostrichDesktop_be9mn_252 {
    right: 15%;
    width: clamp(340px, 30vw, 480px);
  }
}
@media (min-width: 1440px) {
  ._ostrichDesktop_be9mn_252 {
    right: 18%;
    width: 450px;
  }
}
@media (min-width: 1536px) {
  ._ostrichDesktop_be9mn_252 {
    right: 20%;
    width: 480px;
  }
}
@media (min-width: 1920px) {
  ._ostrichDesktop_be9mn_252 {
    right: 24%;
    width: 520px;
  }
}
._ostrichMobile_be9mn_308 {
  width: clamp(260px, 75vw, 380px);
  height: auto;
  margin: 0 auto;
}
._spiderMonkeyDesktop_be9mn_322 {
  position: absolute;
  right: -8%;
  top: -5%;
  width: auto;
  height: clamp(500px, 100vh, 900px);
  z-index: 3;
}
@media (min-width: 768px) and (max-width: 1023px) {
  ._spiderMonkeyDesktop_be9mn_322 {
    right: -12%;
    top: -3%;
    height: clamp(450px, 95vh, 750px);
  }
}
@media (min-width: 1024px) {
  ._spiderMonkeyDesktop_be9mn_322 {
    right: -5%;
    top: -3%;
    height: clamp(550px, 105vh, 950px);
  }
}
@media (min-width: 1280px) {
  ._spiderMonkeyDesktop_be9mn_322 {
    right: -2%;
    top: -2%;
    height: clamp(600px, 105vh, 1000px);
  }
}
@media (min-width: 1440px) {
  ._spiderMonkeyDesktop_be9mn_322 {
    right: 0;
    top: -2%;
    height: min(105vh, 1000px);
  }
}
@media (min-width: 1536px) {
  ._spiderMonkeyDesktop_be9mn_322 {
    right: 3%;
  }
}
@media (min-width: 1920px) {
  ._spiderMonkeyDesktop_be9mn_322 {
    right: 8%;
    height: min(105vh, 1100px);
  }
}
._spiderMonkeyMobile_be9mn_380 {
  width: auto;
  height: clamp(300px, 55vh, 450px);
  max-width: none;
  margin-left: -40px;
  margin-right: -40px;
  margin-top: -20px;
}
._desktopLayout_be9mn_397 {
  display: none;
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  z-index: 1;
}
@media (min-width: 768px) {
  ._desktopLayout_be9mn_397 {
    display: block;
  }
}
._titleLayer_be9mn_413 {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 12%;
  z-index: 1;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
  ._titleLayer_be9mn_413 {
    top: 14%;
  }
}
@media (min-width: 1024px) {
  ._titleLayer_be9mn_413 {
    top: 12%;
  }
}
@media (min-width: 1280px) {
  ._titleLayer_be9mn_413 {
    top: 14%;
  }
}
._textLayer_be9mn_443 {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 58%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
  z-index: 5;
  max-width: 90%;
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1023px) {
  ._textLayer_be9mn_443 {
    top: 55%;
    gap: 20px;
  }
}
@media (min-width: 1024px) {
  ._textLayer_be9mn_443 {
    top: 56%;
    gap: 24px;
  }
}
@media (min-width: 1280px) {
  ._textLayer_be9mn_443 {
    top: 58%;
  }
}
@media (min-width: 1440px) {
  ._textLayer_be9mn_443 {
    top: 60%;
  }
}
._mobileLayout_be9mn_495 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  ._mobileLayout_be9mn_495 {
    display: none;
  }
}
._mobileHeader_be9mn_511 {
  flex: 0 0 auto;
  padding-top: 6vh;
  display: flex;
  justify-content: center;
}
._mobileContent_be9mn_518 {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding-top: 24px;
}
._mobileImageContainer_be9mn_527 {
  flex: 1 1 auto;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 16px;
  min-height: 280px;
}
._mobileLayoutTop_be9mn_541 {
  padding: 0;
  overflow: hidden;
}
._mobileImageContainerTop_be9mn_546 {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  overflow: visible;
  position: relative;
  z-index: 2;
}
._mobileHeaderTop_be9mn_556 {
  padding-top: 0;
  margin-top: -40px;
  position: relative;
  z-index: 1;
}
._mobileLayoutTop_be9mn_541 ._mobileContent_be9mn_518 {
  padding: 24px 24px 40px;
  position: relative;
  z-index: 3;
}
._childrenSlot_be9mn_577 {
  margin-top: 24px;
  position: relative;
  z-index: 3;
}
._bgGoat_be9mn_597 {
  background-color: var(--lb-color-neutral-400, #a3a3a3);
  background-image: radial-gradient(
    ellipse 80% 70% at 50% 60%,
    var(--lb-color-neutral-300, #d4d4d4) 0%,
    var(--lb-color-neutral-400, #a3a3a3) 45%,
    var(--lb-color-neutral-500, #737373) 85%,
    var(--lb-color-neutral-600, #6b6b6b) 100%
  );
}
._titleGoatDesktop_be9mn_612 {
  color: var(--lb-color-pine-green, #0c4e38);
}
@media (min-width: 768px) {
  ._titleGoatDesktop_be9mn_612 {
    color: #fff;
  }
}
._messageGoatDesktop_be9mn_624 {
  color: var(--lb-color-pine-green, #0c4e38);
}
@media (min-width: 768px) {
  ._messageGoatDesktop_be9mn_624 {
    color: #fff;
  }
}
._goatDesktop_be9mn_637 {
  position: absolute;
  right: -2%;
  bottom: 0;
  width: clamp(480px, 58vw, 750px);
  height: auto;
  z-index: 3;
}
@media (min-width: 768px) and (max-width: 1023px) {
  ._goatDesktop_be9mn_637 {
    right: 0;
    width: clamp(380px, 55vw, 500px);
  }
}
@media (min-width: 1024px) {
  ._goatDesktop_be9mn_637 {
    right: 0;
    width: clamp(520px, 55vw, 700px);
  }
}
@media (min-width: 1280px) {
  ._goatDesktop_be9mn_637 {
    right: 3%;
    width: clamp(580px, 52vw, 780px);
  }
}
@media (min-width: 1440px) {
  ._goatDesktop_be9mn_637 {
    right: 5%;
    width: 720px;
  }
}
@media (min-width: 1536px) {
  ._goatDesktop_be9mn_637 {
    right: 8%;
    width: 780px;
  }
}
@media (min-width: 1920px) {
  ._goatDesktop_be9mn_637 {
    right: 10%;
    width: 850px;
  }
}
._goatMobile_be9mn_690 {
  width: clamp(340px, 100vw, 480px);
  height: auto;
  margin: 0 auto;
}
._bgSpiderMonkey_be9mn_697 {
  background: #fff;
}
._bgWhale_be9mn_702 {
  background: var(--lb-color-charcoal-dark, #2b2b2b);
}
._titleWhale_be9mn_706,
._messageWhale_be9mn_710 {
  color: var(--lb-color-pearl-bg, #f1f2e3);
}
._backgroundImageWrapper_be9mn_725 {
  position: absolute;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
}
._backgroundImage_be9mn_725 {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
}
._whaleBackgroundDesktop_be9mn_743 {
  position: absolute;
  left: 14%;
  top: 20%;
  width: 340px;
  height: 190px;
  z-index: 0;
  filter: blur(6.65px);
  transform: rotate(180deg) scaleY(-1);
}
@media (min-width: 768px) and (max-width: 1023px) {
  ._whaleBackgroundDesktop_be9mn_743 {
    left: 8%;
    top: 22%;
    width: 260px;
    height: 145px;
  }
}
@media (min-width: 1024px) {
  ._whaleBackgroundDesktop_be9mn_743 {
    left: 14%;
    top: 20%;
  }
}
@media (min-width: 1280px) {
  ._whaleBackgroundDesktop_be9mn_743 {
    left: 14.5%;
    top: 20%;
  }
}
@media (min-width: 1440px) {
  ._whaleBackgroundDesktop_be9mn_743 {
    left: 171px;
    top: 165px;
  }
}
._whaleDesktop_be9mn_794 {
  position: absolute;
  right: 5%;
  top: 32%;
  width: clamp(500px, 65vw, 850px);
  height: auto;
  z-index: 3;
}
@media (min-width: 768px) and (max-width: 1023px) {
  ._whaleDesktop_be9mn_794 {
    right: -5%;
    top: 30%;
    width: clamp(450px, 70vw, 600px);
  }
}
@media (min-width: 1024px) {
  ._whaleDesktop_be9mn_794 {
    right: 0;
    top: 32%;
    width: clamp(550px, 60vw, 750px);
  }
}
@media (min-width: 1280px) {
  ._whaleDesktop_be9mn_794 {
    right: 3%;
    top: 30%;
    width: clamp(600px, 55vw, 800px);
  }
}
@media (min-width: 1440px) {
  ._whaleDesktop_be9mn_794 {
    right: 5%;
    top: 28%;
    width: 780px;
  }
}
@media (min-width: 1536px) {
  ._whaleDesktop_be9mn_794 {
    right: 8%;
    width: 820px;
  }
}
@media (min-width: 1920px) {
  ._whaleDesktop_be9mn_794 {
    right: 10%;
    width: 900px;
  }
}
._mobileLayoutFloating_be9mn_855 {
  padding: 0 20px;
  position: relative;
}
._mobileBackgroundImageWrapper_be9mn_861 {
  position: absolute;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 0;
}
._whaleBackgroundMobile_be9mn_871 {
  left: 12%;
  top: 37%;
  width: 230px;
  height: 130px;
  filter: blur(4.5px);
  transform: rotate(180deg) scaleY(-1);
}
._mobileFloatingContainer_be9mn_881 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 12vh;
  z-index: 2;
}
._mobileFloatingContainer_be9mn_881 ._title_be9mn_64 {
  position: relative;
  z-index: 1;
  margin-top: -60px;
}
._whaleMobile_be9mn_898 {
  position: relative;
  width: clamp(200px, 65vw, 300px);
  height: auto;
  z-index: 2;
  margin-bottom: -30px;
}
._mobileContentFloating_be9mn_907 {
  padding-top: 28px;
  z-index: 3;
}