/* [next]/internal/font/google/fraunces_bfcf146c.module.css [app-client] (css) */
@font-face {
  font-family: Fraunces;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../media/3c3ef89e7126d346-s.11oxs8gd6k2gw.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Fraunces;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../media/447bca614dc997aa-s.1lo-j3z87vbc0.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Fraunces;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../media/58b94c526f6fc819-s.p.2ncahajpdnyjv.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Fraunces;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/2bb23c2523c72e64-s.2azpar6kh4p45.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Fraunces;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/52621f7d499a3d57-s.28c51rzrq9la_.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Fraunces;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/6141543e077bb509-s.p.2cqyp71dzg2fx.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Fraunces Fallback;
  src: local(Times New Roman);
  ascent-override: 84.71%;
  descent-override: 22.09%;
  line-gap-override: 0.0%;
  size-adjust: 115.45%;
}

.fraunces_bfcf146c-module__7A3pZG__className {
  font-family: Fraunces, Fraunces Fallback;
  font-weight: 300;
}

.fraunces_bfcf146c-module__7A3pZG__variable {
  --font-fraunces: "Fraunces", "Fraunces Fallback";
}

/* [project]/app/(3dimli)/about/about.module.css [app-client] (css) */
.about-module__xKQg8q__root {
  --paper: #fff;
  --paper-2: #f5f5f5;
  --paper-3: #e5e5e5;
  --ink: #0a0a0a;
  --ink-2: #404040;
  --muted: #737373;
  --rule: #00000014;
  --rule-strong: #00000024;
  --accent: #0284c7;
  --accent-soft: #0284c71f;
}

.dark .about-module__xKQg8q__root {
  --paper: hsl(var(--background));
  --paper-2: hsl(var(--muted));
  --paper-3: hsl(var(--card));
  --ink: hsl(var(--foreground));
  --ink-2: hsl(var(--muted-foreground));
  --muted: hsl(var(--muted-foreground));
  --rule: hsl(var(--border) / .6);
  --rule-strong: hsl(var(--border));
  --accent: #0ea5e9;
  --accent-soft: #0ea5e929;
}

.about-module__xKQg8q__root ::selection {
  background: var(--accent);
  color: var(--paper);
}

.about-module__xKQg8q__serif {
  font-family: var(--font-fraunces), ui-serif, Georgia, serif;
}

@keyframes about-module__xKQg8q__aboutv1Slide {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes about-module__xKQg8q__aboutv1Scrollcue {
  0% {
    transform: translateX(-100%);
  }

  60% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.about-module__xKQg8q__animateSlide {
  animation: 42s linear infinite about-module__xKQg8q__aboutv1Slide;
}

.about-module__xKQg8q__animateScrollcue {
  animation: 2.6s ease-in-out infinite about-module__xKQg8q__aboutv1Scrollcue;
}

/* [project]/app/(3dimli)/about/_components/LogoAnimation.module.css [app-client] (css) */
.LogoAnimation-module__BSNvrW__stage {
  --la-violet: #9b59ee;
  --la-blue: #2563eb;
  aspect-ratio: 1;
  width: 100%;
  position: relative;
  overflow: visible;
  transform: translateZ(0);
}

.LogoAnimation-module__BSNvrW__particles {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.LogoAnimation-module__BSNvrW__particle {
  opacity: 0;
  will-change: transform, opacity;
  background: radial-gradient(circle, #9b59eed9, #2563eb00 70%);
  border-radius: 50%;
  animation: 9s linear infinite LogoAnimation-module__BSNvrW__laDrift;
  position: absolute;
}

@keyframes LogoAnimation-module__BSNvrW__laDrift {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0)scale(.6);
  }

  10% {
    opacity: .7;
  }

  50% {
    opacity: .5;
  }

  100% {
    transform: translate3d(var(--dx), var(--dy), 0) scale(1.05);
    opacity: 0;
  }
}

.LogoAnimation-module__BSNvrW__pulse {
  aspect-ratio: 1;
  will-change: transform, opacity;
  pointer-events: none;
  border: 2px solid #9b59ee8c;
  border-radius: 50%;
  width: 34%;
  animation: 8s ease-out infinite LogoAnimation-module__BSNvrW__laPulse;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0)scale(.3);
}

.LogoAnimation-module__BSNvrW__pulseB {
  border-color: #2563eb73;
  animation-delay: -.4s;
}

@keyframes LogoAnimation-module__BSNvrW__laPulse {
  0%, 14% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0)scale(.3);
  }

  22% {
    opacity: .8;
    transform: translate3d(-50%, -50%, 0)scale(.6);
  }

  40% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0)scale(1.6);
  }

  100% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0)scale(1.6);
  }
}

.LogoAnimation-module__BSNvrW__mark {
  aspect-ratio: 1;
  will-change: transform;
  width: 26%;
  animation: 8s ease-in-out infinite LogoAnimation-module__BSNvrW__laMarkShift;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.LogoAnimation-module__BSNvrW__mark svg {
  filter: drop-shadow(0 0 28px #9b59ee52);
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.LogoAnimation-module__BSNvrW__stroke {
  fill: none;
  stroke: url("#la-gradLine");
  stroke-width: 6px;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 2800;
  stroke-dashoffset: 2800px;
  animation: 8s ease-in-out infinite LogoAnimation-module__BSNvrW__laDrawStroke;
}

.LogoAnimation-module__BSNvrW__strokeSmall {
  fill: none;
  stroke: url("#la-gradLine");
  stroke-width: 6px;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 260;
  stroke-dashoffset: 260px;
  animation: 8s ease-in-out infinite LogoAnimation-module__BSNvrW__laDrawStrokeSmall;
}

.LogoAnimation-module__BSNvrW__fill {
  opacity: 0;
  animation: 8s ease-in-out infinite LogoAnimation-module__BSNvrW__laFillIn;
}

@keyframes LogoAnimation-module__BSNvrW__laDrawStroke {
  0% {
    stroke-dashoffset: 2800px;
    opacity: 1;
  }

  22% {
    stroke-dashoffset: 0;
    opacity: 1;
  }

  30% {
    opacity: 0;
  }

  100% {
    stroke-dashoffset: 0;
    opacity: 0;
  }
}

@keyframes LogoAnimation-module__BSNvrW__laDrawStrokeSmall {
  0% {
    stroke-dashoffset: 260px;
    opacity: 1;
  }

  22% {
    stroke-dashoffset: 0;
    opacity: 1;
  }

  30% {
    opacity: 0;
  }

  100% {
    stroke-dashoffset: 0;
    opacity: 0;
  }
}

@keyframes LogoAnimation-module__BSNvrW__laFillIn {
  0%, 20% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  82% {
    opacity: 1;
  }

  92%, 100% {
    opacity: 0;
  }
}

@keyframes LogoAnimation-module__BSNvrW__laMarkShift {
  0%, 30% {
    transform: translate3d(-50%, -50%, 0)translateX(0);
  }

  42%, 78% {
    transform: translate3d(-50%, -50%, 0)translateX(-85%);
  }

  90%, 100% {
    transform: translate3d(-50%, -50%, 0)translateX(0);
  }
}

.LogoAnimation-module__BSNvrW__word {
  will-change: transform, opacity;
  opacity: 0;
  width: 42%;
  animation: 8s ease-in-out infinite LogoAnimation-module__BSNvrW__laWordLife;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0)translateX(38%);
}

.LogoAnimation-module__BSNvrW__word svg {
  filter: drop-shadow(0 0 26px #9b59ee4d);
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}

.LogoAnimation-module__BSNvrW__letter {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: 50%;
  will-change: transform, opacity;
  transform: translateY(22px);
}

.LogoAnimation-module__BSNvrW__l1 {
  animation: 8s ease-out infinite LogoAnimation-module__BSNvrW__laLetterDrop;
}

.LogoAnimation-module__BSNvrW__l2 {
  animation: 8s ease-out -.04s infinite LogoAnimation-module__BSNvrW__laLetterDrop;
}

.LogoAnimation-module__BSNvrW__l3 {
  animation: 8s ease-out -.08s infinite LogoAnimation-module__BSNvrW__laLetterDrop;
}

.LogoAnimation-module__BSNvrW__l4 {
  animation: 8s ease-out -.12s infinite LogoAnimation-module__BSNvrW__laLetterDrop;
}

.LogoAnimation-module__BSNvrW__l5 {
  animation: 8s ease-out -.16s infinite LogoAnimation-module__BSNvrW__laLetterDrop;
}

.LogoAnimation-module__BSNvrW__l6 {
  animation: 8s ease-out -.2s infinite LogoAnimation-module__BSNvrW__laLetterDrop;
}

.LogoAnimation-module__BSNvrW__l7 {
  animation: 8s ease-out -.24s infinite LogoAnimation-module__BSNvrW__laLetterDrop;
}

.LogoAnimation-module__BSNvrW__l8 {
  animation: 8s ease-out -.28s infinite LogoAnimation-module__BSNvrW__laLetterDrop;
}

@keyframes LogoAnimation-module__BSNvrW__laLetterDrop {
  0%, 48% {
    opacity: 0;
    transform: translateY(22px)scale(.92);
  }

  58% {
    opacity: 1;
    transform: translateY(0)scale(1);
  }

  78% {
    opacity: 1;
    transform: translateY(0)scale(1);
  }

  86% {
    opacity: 0;
    transform: translateY(-14px)scale(1.04);
  }

  100% {
    opacity: 0;
    transform: translateY(22px)scale(.92);
  }
}

@keyframes LogoAnimation-module__BSNvrW__laWordLife {
  0%, 32% {
    opacity: 0;
  }

  48% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  90%, 100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .LogoAnimation-module__BSNvrW__particle, .LogoAnimation-module__BSNvrW__pulse, .LogoAnimation-module__BSNvrW__mark, .LogoAnimation-module__BSNvrW__stroke, .LogoAnimation-module__BSNvrW__strokeSmall, .LogoAnimation-module__BSNvrW__fill, .LogoAnimation-module__BSNvrW__word, .LogoAnimation-module__BSNvrW__letter {
    animation: none !important;
  }

  .LogoAnimation-module__BSNvrW__fill, .LogoAnimation-module__BSNvrW__word, .LogoAnimation-module__BSNvrW__letter {
    opacity: 1 !important;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__111qrxl._.css.map*/