/* ========================================
            FIRST ANIMATION SECTION
    ======================================== */

    .memory-hero {
      --memory-ink: #143f3b;
      --memory-soft-ink: rgba(20, 63, 59, 0.78);
      --memory-paper: rgba(255, 252, 244, 0.10);
      --memory-warm: rgba(242, 180, 95, 0.35);
      --memory-blue: rgba(91, 154, 180, 0.26);
      --memory-green: rgba(53, 139, 105, 0.22);
      --memory-art-width: min(1460px, 90vw);
      position: relative;
      width: min(80%, 1000px);
      min-height: clamp(640px, 28vw, 460px);
      overflow: hidden;
      isolation: isolate;
      display: grid;
      place-items: center;
      padding: clamp(34px, 36vw, 86px) 20px;
      background-image: url("./website_files/memories.png");
      background-size: var(--memory-art-width) auto;


      background-position: center;
      background-repeat: no-repeat;
      font-family: ui-serif, Georgia, "Times New Roman", serif;
    }

    .memory-hero::before,
    .memory-hero::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    .memory-hero::before {
      z-index: 0;
      background:
        radial-gradient(circle at 48% 47%, rgba(255, 255, 255, 0.64) 0 22%, rgba(255, 255, 255, 0.26) 42%, rgba(255, 255, 255, 0.04) 72%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2) 48%, rgba(255, 255, 255, 0.04));
      animation: memoryLightBloom 6s ease-out forwards;
    }

    .memory-hero::after {
      z-index: 0;
      background:
        linear-gradient(102deg, transparent 0 8%, var(--memory-blue) 10%, transparent 22%),
        linear-gradient(176deg, transparent 0 32%, var(--memory-green) 34%, transparent 48%),
        linear-gradient(15deg, transparent 0 58%, var(--memory-warm) 61%, transparent 74%);
      mix-blend-mode: multiply;
      opacity: 0;
      transform: translateX(-4%) scaleX(0.92);
      transform-origin: left center;
      animation: memoryWashIn 3.6s ease-out forwards;
    }

    .memory-hero__stage {
      position: relative;
      z-index: 1;
      width: min(1000px, 94vw);
      min-height: clamp(260px, 28vw, 400px);
      display: grid;
      place-items: center;
    }

    .memory-hero__strokes {
      position: absolute;
      inset: -8% -3%;
      width: 106%;
      height: 116%;
      overflow: visible;
      pointer-events: none;
    }

    .memory-hero__stroke {
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: 980;
      stroke-dashoffset: 980;
      opacity: 0;
      filter: drop-shadow(0 8px 12px rgba(42, 77, 66, 0.12));
      animation: memoryDrawStroke 2.8s cubic-bezier(0.2, 0.82, 0.24, 1) forwards;
    }

    .memory-hero__stroke--green {
      stroke: rgba(26, 130, 99, 0.52);
      stroke-width: 17;
      animation-delay: 0.15s;
    }

    .memory-hero__stroke--blue {
      stroke: rgba(81, 146, 177, 0.42);
      stroke-width: 13;
      animation-delay: 0.58s;
    }

    .memory-hero__stroke--gold {
      stroke: rgba(232, 169, 68, 0.46);
      stroke-width: 11;
      animation-delay: 1.05s;
    }

    .memory-hero__stroke--ink {
      stroke: rgba(20, 63, 59, 0.28);
      stroke-width: 4;
      animation-delay: 1.4s;
    }

    .memory-hero__words {
      position: relative;
      z-index: 1;
      display: grid;
      gap: clamp(10px, 1.45vw, 17px);
      width: min(760px, 90vw);
      padding: clamp(22px, 4vw, 44px) clamp(18px, 4vw, 54px);
      text-align: center;
      perspective: 1400px;
    }

    .memory-hero__words::before {
      content: "";
      position: absolute;
      inset: -3% 3%;
      z-index: -1;
      border-radius: 48% 52% 46% 54% / 57% 43% 55% 45%;
      background:
        radial-gradient(ellipse at center, var(--memory-paper) 0 18%, rgba(255, 255, 255, 0.16) 72%, transparent 100%);
      filter: blur(1px);
      opacity: 0;
      transform: scale(0.94);
      animation: memoryPaperBreath 3.2s ease-out 1.2s forwards;
    }

    .memory-hero__line {
      --memory-from-x: 0px;
      --memory-from-y: 34px;
      --memory-from-z: -900px;
      --memory-from-rotate: 18deg;
      --memory-mid-x: 0px;
      --memory-mid-y: 0px;
      --memory-mid-rotate: 0deg;
      display: block;
      color: var(--memory-ink);
      font-size: clamp(22px, 3.25vw, 48px);
      line-height: 1.04;
      font-weight: 700;
      letter-spacing: 0;
      text-wrap: balance;
      text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9),
        0 7px 20px rgba(22, 57, 52, 0.2);
      opacity: 0;
      transform: translate3d(var(--memory-from-x), var(--memory-from-y), var(--memory-from-z)) scale(0.5) rotate(var(--memory-from-rotate));
      filter: blur(13px);
      animation: memoryLineArrive 3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
      will-change: transform, opacity, filter;
    }

    .memory-hero__line:nth-child(1) {
      --memory-from-x: -34vw;
      --memory-from-y: -22vh;
      --memory-from-rotate: -8deg;
      --memory-mid-x: 12px;
      --memory-mid-y: -5px;
      --memory-mid-rotate: 1.4deg;
      animation-delay: 1s;
    }

    .memory-hero__line:nth-child(2) {
      --memory-from-x: 38vw;
      --memory-from-y: 4vh;
      --memory-from-rotate: 7deg;
      --memory-mid-x: -11px;
      --memory-mid-y: 4px;
      --memory-mid-rotate: -1.2deg;
      animation-delay: 3.15s;
    }

    .memory-hero__line:nth-child(3) {
      --memory-from-x: -28vw;
      --memory-from-y: 26vh;
      --memory-from-rotate: 6deg;
      --memory-mid-x: 9px;
      --memory-mid-y: 6px;
      --memory-mid-rotate: 1deg;
      animation-delay: 5.05s;
    }

    .memory-hero__line:nth-child(4) {
      --memory-from-x: 30vw;
      --memory-from-y: -24vh;
      --memory-from-rotate: -7deg;
      --memory-mid-x: -10px;
      --memory-mid-y: -5px;
      --memory-mid-rotate: -1deg;
      animation-delay: 7.25s;
    }

    .memory-hero__line::after {
      content: "";
      display: block;
      width: min(380px, 52vw);
      height: 8px;
      margin: clamp(7px, 1vw, 10px) auto 0;
      border-radius: 999px;
      background: linear-gradient(90deg, transparent, rgba(229, 158, 56, 0.5), rgba(44, 132, 104, 0.4), transparent);
      transform: scaleX(0);
      transform-origin: left center;
      animation: memoryUnderline 2s ease-out forwards;
    }

    .memory-hero__line:nth-child(1)::after {
      animation-delay: 2.25s;
    }

    .memory-hero__line:nth-child(2)::after {
      animation-delay: 4.25s;
    }

    .memory-hero__line:nth-child(3)::after {
      animation-delay: 6.25s;
    }

    .memory-hero__line:nth-child(4)::after {
      animation-delay: 8.25s;
    }

    @keyframes memoryLightBloom {
      0% {
        opacity: 0.2;
        transform: scale(0.98);
      }
      100% {
        opacity: 1;
        transform: scale(1);
      }
    }

    @keyframes memoryWashIn {
      0% {
        opacity: 0;
        clip-path: inset(0 100% 0 0);
      }
      55% {
        opacity: 0.72;
      }
      100% {
        opacity: 0.82;
        clip-path: inset(0 0 0 0);
        transform: translateX(0) scaleX(1);
      }
    }

    @keyframes memoryDrawStroke {
      0% {
        opacity: 0;
        stroke-dashoffset: 980;
      }
      18% {
        opacity: 1;
      }
      100% {
        opacity: 1;
        stroke-dashoffset: 0;
      }
    }

    @keyframes memoryPaperBreath {
      0% {
        opacity: 0;
        transform: scale(0.94);
      }
      100% {
        opacity: 1;
        transform: scale(1);
      }
    }

    @keyframes memoryLineArrive {
      0% {
        opacity: 0;
        transform: translate3d(var(--memory-from-x), var(--memory-from-y), var(--memory-from-z)) scale(0.5) rotate(var(--memory-from-rotate));
        filter: blur(13px);
      }
      64% {
        opacity: 1;
        transform: translate3d(var(--memory-mid-x), var(--memory-mid-y), 34px) scale(1.025) rotate(var(--memory-mid-rotate));
        filter: blur(0);
      }
      100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1) rotateX(0);
        filter: blur(0);
      }
    }

    @keyframes memoryUnderline {
      0% {
        opacity: 0;
        transform: scaleX(0);
      }
      100% {
        opacity: 1;
        transform: scaleX(1);
      }
    }

    @media (max-width: 720px) {
      .memory-hero {
        min-height: 380px;
        background-size: contain;
      }

      .memory-hero__stage {
        min-height: 320px;
      }

      .memory-hero__words {
        width: min(440px, 92vw);
      }

      .memory-hero__line {
        font-size: clamp(21px, 6.3vw, 34px);
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .memory-hero::before,
      .memory-hero::after,
      .memory-hero__words::before,
      .memory-hero__stroke,
      .memory-hero__line,
      .memory-hero__line::after {
        opacity: 1;
        transform: none;
        filter: none;
        clip-path: none;
        stroke-dashoffset: 0;
        animation: none;
      }
    }

    /* ========================================
            TIMELINE ANIMATION SECTION
    ======================================== */

.memory-animation-section * {
  box-sizing: border-box;
}

.memory-animation-section {
  --memory-ink: #184f49;
  --memory-ink-dark: #243f3c;
  --memory-water: #7ebbd1;
  --memory-leaf: #36a783;
  --memory-leaf-dark: #0d6b5d;
  --memory-sun: #f5d95f;
  --memory-clay: #c68e70;
  --memory-shadow: rgba(28, 67, 75, 0.16);
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  isolation: isolate;
  color: var(--memory-ink-dark);
  background:
    radial-gradient(circle at 68% 16%, rgba(251, 226, 112, 0.28), transparent 9rem),
    linear-gradient(180deg, #fffefa 0%, #f7fbf6 52%, #fff7ee 100%);
  font-family: "Trebuchet MS", "Segoe UI", system-ui, sans-serif;
}

.memory-animation-graph {
  position: relative;
  width: min(100%, 1600px);
  aspect-ratio: 1600 / 1000;
  min-height: 560px;
  overflow: hidden;
  isolation: isolate;
  container-type: size;
}

.memory-animation-graph::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 14;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.9), transparent 12%, transparent 88%, rgba(255, 255, 255, 0.9)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.74), transparent 15%, transparent 82%, rgba(255, 255, 255, 0.8));
}

.memory-landscape {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.82;
  transform: scale(1.02);
  animation: memoryLandscapeDrift 18s ease-in-out infinite;
}

.memory-paper-wash {
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    radial-gradient(ellipse at 50% 56%, rgba(255, 255, 255, 0.22), transparent 31%),
    radial-gradient(ellipse at 29% 74%, rgba(246, 218, 119, 0.18), transparent 16%),
    radial-gradient(ellipse at 75% 76%, rgba(47, 157, 130, 0.14), transparent 18%);
  mix-blend-mode: screen;
  animation: memoryWashBreathe 10s ease-in-out infinite;
}

.memory-sun-pulse {
  position: absolute;
  top: 9.5%;
  right: 27.5%;
  z-index: 3;
  width: clamp(58px, 7cqw, 108px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(246, 218, 98, 0.72);
  filter: blur(1px);
  animation: memorySunGlow 5.5s ease-in-out infinite;
}

.memory-brush-stroke {
  position: absolute;
  z-index: 4;
  height: 25px;
  border-radius: 999px 35px 999px 45px;
  opacity: 0;
  transform-origin: left center;
}

.memory-stroke-one {
  --memory-rotate: 21deg;
  left: 9%;
  top: 26%;
  width: 390px;
  background: rgba(43, 171, 135, 0.62);
  transform: rotate(21deg) scaleX(0);
  animation: memoryPaintStroke 18s ease-in-out infinite;
}

.memory-stroke-two {
  --memory-rotate: -7deg;
  right: 9%;
  bottom: 16%;
  width: 330px;
  background: rgba(218, 162, 123, 0.42);
  transform: rotate(-7deg) scaleX(0);
  animation: memoryPaintStroke 18s ease-in-out infinite 0.6s;
}

.memory-intro {
  position: absolute;
  top: 9%;
  left: 50%;
  z-index: 16;
  width: min(760px, 82cqw);
  text-align: center;
  transform: translateX(-50%);
  animation: memoryIntroFade 18s ease-in-out infinite;
}

.memory-kicker,
.memory-chapter,
.memory-closing-line {
  margin: 0;
  color: var(--memory-leaf-dark);
  font-family: "Bradley Hand", "Marker Felt", "Segoe Print", cursive;
  font-size: clamp(1.3rem, 3.1cqw, 3rem);
  line-height: 1;
}

.memory-animation-section h2 {
  margin: 12px 0 0;
  color: #24413d;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: 0;
}

.memory-intro h2 {
  font-size: clamp(2.2rem, 5.3cqw, 5.6rem);
}

.memory-story-panel h2 {
  color: #1f3f3a;
  font-size: clamp(2.1rem, 4.6cqw, 4.45rem);
}

.memory-field,
.memory-timeline,
.memory-story-panel,
.memory-closing-line {
  position: absolute;
  z-index: 15;
}

.memory-field {
  inset: 0;
  pointer-events: none;
}

.memory-card {
  position: absolute;
  width: clamp(120px, 12.2cqw, 184px);
  min-height: 104px;
  padding: 19px 17px 16px;
  color: #315452;
  background: rgba(255, 252, 240, 0.84);
  border: 1px solid rgba(55, 139, 122, 0.2);
  border-radius: 8px 18px 10px 15px;
  box-shadow: 0 16px 38px var(--memory-shadow);
  opacity: 0;
  transform: translate(var(--memory-start-x), var(--memory-start-y)) rotate(var(--memory-start-rot)) scale(0.76);
  animation: memoryGatherCard 18s cubic-bezier(.2, .7, .1, 1) infinite;
}

.memory-card::before {
  content: "";
  position: absolute;
  inset: 8px;
  z-index: -1;
  border-radius: inherit;
  background:
    linear-gradient(130deg, rgba(125, 190, 202, 0.18), transparent 48%),
    radial-gradient(circle at 82% 20%, rgba(245, 217, 95, 0.28), transparent 26%);
}

.memory-card b {
  display: block;
  margin-bottom: 8px;
  color: var(--memory-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.25cqw, 1.35rem);
}

.memory-card p {
  margin: 0;
  font-size: clamp(0.72rem, 0.9cqw, 0.95rem);
  font-weight: 700;
  line-height: 1.25;
}

.memory-pin {
  position: absolute;
  top: 9px;
  right: 13px;
  width: 12px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--memory-sun);
  box-shadow: 0 0 0 4px rgba(245, 217, 95, 0.18);
}

.memory-card-one {
  --memory-start-x: -65cqw;
  --memory-start-y: -14cqh;
  --memory-start-rot: -18deg;
  --memory-mid-x: -28cqw;
  --memory-mid-y: 14cqh;
  --memory-mid-rot: -9deg;
  --memory-end-x: -23cqw;
  --memory-end-y: 36cqh;
  left: 49%;
  top: 32%;
  animation-delay: 0.1s;
}

.memory-card-two {
  --memory-start-x: 54cqw;
  --memory-start-y: -22cqh;
  --memory-start-rot: 16deg;
  --memory-mid-x: 23cqw;
  --memory-mid-y: 6cqh;
  --memory-mid-rot: 8deg;
  --memory-end-x: -5cqw;
  --memory-end-y: 36cqh;
  left: 50%;
  top: 31%;
  animation-delay: 0.35s;
}

.memory-card-three {
  --memory-start-x: -34cqw;
  --memory-start-y: 46cqh;
  --memory-start-rot: 11deg;
  --memory-mid-x: -11cqw;
  --memory-mid-y: 19cqh;
  --memory-mid-rot: 5deg;
  --memory-end-x: 13cqw;
  --memory-end-y: 36cqh;
  left: 50%;
  top: 31%;
  animation-delay: 0.55s;
}

.memory-card-four {
  --memory-start-x: 48cqw;
  --memory-start-y: 43cqh;
  --memory-start-rot: -12deg;
  --memory-mid-x: 31cqw;
  --memory-mid-y: 20cqh;
  --memory-mid-rot: -5deg;
  --memory-end-x: 31cqw;
  --memory-end-y: 36cqh;
  left: 50%;
  top: 31%;
  animation-delay: 0.75s;
}

.memory-card-five {
  --memory-start-x: 8cqw;
  --memory-start-y: 55cqh;
  --memory-start-rot: 22deg;
  --memory-mid-x: 3cqw;
  --memory-mid-y: 23cqh;
  --memory-mid-rot: 3deg;
  --memory-end-x: -41cqw;
  --memory-end-y: 36cqh;
  left: 50%;
  top: 31%;
  animation-delay: 0.95s;
}

.memory-timeline {
  left: 50%;
  bottom: 25%;
  width: min(850px, 78cqw);
  height: 112px;
  transform: translateX(-50%);
  opacity: 0;
  animation: memoryTimelineAppear 18s ease-in-out infinite;
}

.memory-timeline-line {
  position: absolute;
  left: 0;
  top: 45px;
  width: 100%;
  height: 9px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--memory-clay), var(--memory-leaf), var(--memory-water));
  transform: scaleX(0);
  transform-origin: left center;
  filter: blur(0.1px);
  animation: memoryDrawTimeline 18s ease-in-out infinite;
}

.memory-timeline-node {
  position: absolute;
  top: 20px;
  text-align: center;
  color: var(--memory-leaf-dark);
  font-family: "Bradley Hand", "Marker Felt", "Segoe Print", cursive;
  font-size: clamp(1rem, 1.5cqw, 1.5rem);
  opacity: 0;
  transform: translateY(14px);
  animation: memoryPopNode 18s ease-in-out infinite;
}

.memory-timeline-node span {
  display: block;
  width: 28px;
  aspect-ratio: 1;
  margin: 0 auto 8px;
  border-radius: 50%;
  background: #fff8d8;
  border: 6px solid var(--memory-leaf);
  box-shadow: 0 12px 20px rgba(27, 99, 91, 0.18);
}

.memory-node-one {
  left: 16%;
  animation-delay: 0.2s;
}

.memory-node-two {
  left: 48%;
  animation-delay: 0.45s;
}

.memory-node-three {
  right: 10%;
  animation-delay: 0.7s;
}

.memory-story-panel {
  top: 50%;
  left: 50%;
  width: min(780px, 82cqw);
  min-height: 315px;
  padding: clamp(30px, 4cqw, 58px) clamp(30px, 5cqw, 72px);
  overflow: hidden;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.9), rgba(255, 249, 234, 0.86)),
    radial-gradient(circle at 92% 12%, rgba(245, 217, 95, 0.26), transparent 26%);
  border: 1px solid rgba(36, 111, 97, 0.18);
  border-radius: 12px 34px 18px 32px;
  box-shadow: 0 26px 70px rgba(27, 77, 75, 0.18);
  opacity: 0;
  transform: translate(-50%, -38%) scale(0.88) rotate(-1deg);
  animation: memoryStoryReveal 18s cubic-bezier(.18, .65, .18, 1) infinite;
}

.memory-story-panel::before,
.memory-story-panel::after {
  content: "";
  position: absolute;
  border-radius: 999px;
  opacity: 0.72;
}

.memory-story-panel::before {
  right: -48px;
  top: 22px;
  width: 160px;
  height: 30px;
  background: rgba(48, 169, 132, 0.28);
  transform: rotate(-14deg);
}

.memory-story-panel::after {
  left: 54px;
  bottom: 28px;
  width: 210px;
  height: 18px;
  background: rgba(198, 142, 112, 0.22);
  transform: rotate(-5deg);
}

.memory-story-spine {
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 100%;
  background: linear-gradient(180deg, var(--memory-leaf), var(--memory-water), var(--memory-sun));
}

.memory-message {
  max-width: 650px;
  margin: 22px 0 0;
  color: #395953;
  font-size: clamp(1rem, 1.45cqw, 1.35rem);
  font-weight: 700;
  line-height: 1.52;
}

.memory-closing-line {
  left: 50%;
  bottom: 38%;
  width: min(760px, 90cqw);
  text-align: center;
  opacity: 0;
  transform: translateX(-50%) translateY(20px);
  animation: memoryClosingAppear 18s ease-in-out infinite;
}

.memory-control {
  position: absolute;
  right: 22px;
  bottom: 22px;
  z-index: 25;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(16, 105, 91, 0.22);
  border-radius: 50%;
  color: var(--memory-leaf-dark);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 10px 24px rgba(27, 77, 75, 0.14);
  cursor: pointer;
}

.memory-pause-icon {
  width: 14px;
  height: 17px;
  background: linear-gradient(90deg, currentColor 0 34%, transparent 34% 66%, currentColor 66% 100%);
}

.memory-animation-section.is-paused *,
.memory-animation-section.is-paused *::before,
.memory-animation-section.is-paused *::after {
  animation-play-state: paused !important;
}

.memory-animation-section.is-paused .memory-pause-icon {
  width: 0;
  height: 0;
  margin-left: 3px;
  background: transparent;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 14px solid currentColor;
}

@keyframes memoryLandscapeDrift {
  0%, 100% { transform: scale(1.02) translate3d(0, 0, 0); }
  50% { transform: scale(1.055) translate3d(-1.2%, 0.4%, 0); }
}

@keyframes memoryWashBreathe {
  0%, 100% { opacity: 0.72; }
  50% { opacity: 1; }
}

@keyframes memorySunGlow {
  0%, 100% { transform: scale(1); opacity: 0.42; }
  50% { transform: scale(1.22); opacity: 0.72; }
}

@keyframes memoryPaintStroke {
  0%, 9% { opacity: 0; transform: rotate(var(--memory-rotate, 0deg)) scaleX(0); }
  16%, 72% { opacity: 1; transform: rotate(var(--memory-rotate, 0deg)) scaleX(1); }
  88%, 100% { opacity: 0; transform: rotate(var(--memory-rotate, 0deg)) scaleX(0.92) translateX(25px); }
}

@keyframes memoryIntroFade {
  0%, 7% { opacity: 0; transform: translateX(-50%) translateY(-14px); }
  12%, 31% { opacity: 1; transform: translateX(-50%) translateY(0); }
  40%, 100% { opacity: 0; transform: translateX(-50%) translateY(-20px); }
}

@keyframes memoryGatherCard {
  0%, 13% {
    opacity: 0;
    transform: translate(var(--memory-start-x), var(--memory-start-y)) rotate(var(--memory-start-rot)) scale(0.74);
  }
  21%, 37% {
    opacity: 1;
    transform: translate(var(--memory-mid-x), var(--memory-mid-y)) rotate(var(--memory-mid-rot)) scale(1);
  }
  52%, 63% {
    opacity: 1;
    transform: translate(var(--memory-end-x), var(--memory-end-y)) rotate(0deg) scale(0.82);
  }
  72%, 100% {
    opacity: 0;
    transform: translate(-50%, -3cqh) rotate(0deg) scale(0.25);
  }
}

@keyframes memoryTimelineAppear {
  0%, 35% { opacity: 0; }
  43%, 68% { opacity: 1; }
  76%, 100% { opacity: 0; }
}

@keyframes memoryDrawTimeline {
  0%, 37% { transform: scaleX(0); }
  48%, 69% { transform: scaleX(1); }
  78%, 100% { transform: scaleX(0.95); }
}

@keyframes memoryPopNode {
  0%, 45% { opacity: 0; transform: translateY(14px) scale(0.8); }
  53%, 68% { opacity: 1; transform: translateY(0) scale(1); }
  76%, 100% { opacity: 0; transform: translateY(-10px) scale(0.9); }
}

@keyframes memoryStoryReveal {
  0%, 63% {
    opacity: 0;
    transform: translate(-50%, -34%) scale(0.82) rotate(-2deg);
  }
  72%, 91% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -54%) scale(0.98) rotate(0deg);
  }
}

@keyframes memoryClosingAppear {
  0%, 73% { opacity: 0; transform: translateX(-50%) translateY(22px); }
  81%, 93% { opacity: 1; transform: translateX(-50%) translateY(0); }
  100% { opacity: 0; transform: translateX(-50%) translateY(-10px); }
}

@media (max-width: 760px) {
  .memory-animation-graph {
    min-height: 680px;
  }

  .memory-landscape {
    width: 185%;
    left: -26%;
    object-position: center;
  }

  .memory-intro {
    top: 8%;
  }

  .memory-card {
    width: 132px;
  }

  .memory-card-one,
  .memory-card-two,
  .memory-card-three,
  .memory-card-four,
  .memory-card-five {
    top: 34%;
  }

  .memory-timeline {
    bottom: 27%;
    width: 88cqw;
  }

  .memory-story-panel {
    width: 88cqw;
    min-height: 330px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .memory-animation-section *,
  .memory-animation-section *::before,
  .memory-animation-section *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }

  .memory-story-panel,
  .memory-closing-line {
    opacity: 1;
  }
}

    /* ========================================
            AI BOT ANIMATION SECTION
    ======================================== */
            .ai-narrative {
              --ai-ink: #173b3d;
              --ai-muted: #5f736f;
              --ai-paper: #fffaf0;
              --ai-sage: #8fb8a4;
              --ai-blue: #6aa8c6;
              --ai-gold: #e8b85e;
              --ai-coral: #df7d66;
              position: relative;
              overflow: hidden;
              isolation: isolate;
              min-height: clamp(480px, 54vw, 760px);
              display: grid;
              place-items: center;
              padding: clamp(40px, 6vw, 84px) 20px;
              background:
              radial-gradient(circle at 22% 24%, rgba(255, 230, 222, 0.38), transparent 32%),
              radial-gradient(circle at 78% 22%, rgba(250, 218, 210, 0.28), transparent 34%),
              radial-gradient(circle at 50% 88%, rgba(255, 244, 238, 0.42), transparent 36%),
              linear-gradient(135deg, #fff6f3 0%, #fae5df 52%, #f8ddd6 100%);            }

            .ai-narrative *,
            .ai-narrative *::before,
            .ai-narrative *::after {
              box-sizing: border-box;
            }

            .ai-narrative__scene {
              position: relative;
              width: min(1050px, 94vw);
              min-height: clamp(400px, 42vw, 560px);
              display: grid;
              grid-template-columns: minmax(280px, 0.92fr) minmax(310px, 1.08fr);
              align-items: center;
              gap: clamp(24px, 5vw, 76px);
            }

            .ai-narrative__art {
              position: relative;
              min-height: clamp(300px, 34vw, 460px);
            }

            .ai-narrative__page {
              position: absolute;
              inset: 12% 14% 8% 3%;
              border: 1px solid rgba(23, 59, 61, 0.12);
              border-radius: 8px;
              background:
                linear-gradient(90deg, rgba(23, 59, 61, 0.08) 1px, transparent 1px) 52px 0 / 1px 100% no-repeat,
                repeating-linear-gradient(180deg, transparent 0 31px, rgba(23, 59, 61, 0.09) 32px 33px),
                rgba(255, 250, 240, 0.92);
              box-shadow: 0 24px 60px rgba(43, 73, 68, 0.16);
              transform: rotate(-2.5deg) translateY(12px);
              opacity: 0;
              animation: aiPageRise 1.3s ease-out 0.25s forwards;
            }

            .ai-narrative__spark {
              position: absolute;
              width: 9px;
              height: 9px;
              border-radius: 999px;
              background: var(--ai-gold);
              box-shadow: 0 0 0 9px rgba(232, 184, 94, 0.16), 0 0 26px rgba(232, 184, 94, 0.5);
              opacity: 0;
              animation: aiSpark 3.8s ease-in-out infinite;
            }

            .ai-narrative__spark:nth-child(1) {
              top: 8%;
              left: 22%;
              animation-delay: 0.8s;
            }

            .ai-narrative__spark:nth-child(2) {
              top: 24%;
              right: 12%;
              background: var(--ai-blue);
              box-shadow: 0 0 0 9px rgba(106, 168, 198, 0.15), 0 0 26px rgba(106, 168, 198, 0.45);
              animation-delay: 1.6s;
            }

            .ai-narrative__spark:nth-child(3) {
              bottom: 18%;
              left: 12%;
              background: var(--ai-coral);
              box-shadow: 0 0 0 9px rgba(223, 125, 102, 0.14), 0 0 26px rgba(223, 125, 102, 0.42);
              animation-delay: 2.35s;
            }

            .ai-narrative__thread {
              position: absolute;
              inset: 0;
              width: 100%;
              height: 100%;
              overflow: visible;
              pointer-events: none;
            }

            .ai-narrative__path {
              fill: none;
              stroke-linecap: round;
              stroke-linejoin: round;
              stroke-dasharray: 780;
              stroke-dashoffset: 780;
              opacity: 0;
              animation: aiThreadDraw 8.4s cubic-bezier(0.18, 0.82, 0.2, 1) infinite;
            }

            .ai-narrative__path--sage {
              stroke: rgba(69, 140, 108, 0.44);
              stroke-width: 11;
              animation-delay: 0.65s;
            }

            .ai-narrative__path--blue {
              stroke: rgba(76, 143, 177, 0.36);
              stroke-width: 8;
              animation-delay: 1.1s;
            }

            .ai-narrative__path--gold {
              stroke: rgba(232, 184, 94, 0.5);
              stroke-width: 6;
              animation-delay: 1.55s;
            }

            .ai-narrative__bot {
              position: absolute;
              right: 3%;
              top: 14%;
              width: min(170px, 36vw);
              aspect-ratio: 1;
              display: grid;
              place-items: center;
              opacity: 0;
              transform: translateY(18px) scale(0.9);
              animation: aiBotArrive 1.25s ease-out 1.2s forwards, aiBotFloat 4s ease-in-out 2.5s infinite;
            }

            .ai-narrative__bot::before,
            .ai-narrative__bot::after {
              content: "";
              position: absolute;
              inset: 14%;
              border-radius: 50%;
              pointer-events: none;
            }

            .ai-narrative__bot::before {
              border: 1px solid rgba(106, 168, 198, 0.42);
              box-shadow:
                0 0 0 12px rgba(255, 250, 240, 0.55),
                0 22px 46px rgba(40, 88, 87, 0.16),
                inset 0 0 34px rgba(143, 184, 164, 0.18);
              animation: aiOrbitTurn 10s linear infinite;
            }

            .ai-narrative__bot::after {
              inset: 26%;
              background:
                radial-gradient(circle, rgba(255, 255, 255, 0.95) 0 18%, transparent 19%),
                conic-gradient(from 45deg, rgba(232, 184, 94, 0.18), rgba(106, 168, 198, 0.28), rgba(143, 184, 164, 0.22), rgba(232, 184, 94, 0.18));
              filter: blur(12px);
            }

            .ai-narrative__bot-star {
              position: absolute;
              display: block;
              background: linear-gradient(145deg, #fff8d8 0%, var(--ai-gold) 38%, var(--ai-blue) 78%, #5b8ea8 100%);
              clip-path: polygon(50% 0%, 61% 36%, 100% 50%, 61% 64%, 50% 100%, 39% 64%, 0% 50%, 39% 36%);
              filter: drop-shadow(0 13px 22px rgba(40, 88, 87, 0.22)) drop-shadow(0 0 18px rgba(232, 184, 94, 0.28));
            }

            .ai-narrative__bot-star--main {
              width: 54%;
              height: 54%;
              animation: aiStarPulse 3.8s ease-in-out 2s infinite;
            }

            .ai-narrative__bot-star--small {
              width: 18%;
              height: 18%;
              right: 13%;
              top: 18%;
              background: linear-gradient(145deg, #ffffff, var(--ai-blue));
              opacity: 0.92;
              animation: aiTinyStar 3.2s ease-in-out 2.2s infinite;
            }

            .ai-narrative__bot-star--tiny {
              width: 12%;
              height: 12%;
              left: 18%;
              bottom: 20%;
              background: linear-gradient(145deg, #ffffff, var(--ai-coral));
              opacity: 0.84;
              animation: aiTinyStar 3.7s ease-in-out 2.55s infinite;
            }

            .ai-narrative__bubble {
              position: absolute;
              left: 5%;
              right: 32%;
              top: 24%;
              display: grid;
              gap: 12px;
            }

            .ai-narrative__bubble span {
              display: block;
              height: 11px;
              border-radius: 999px;
              background: rgba(23, 59, 61, 0.18);
              transform: scaleX(0);
              transform-origin: left center;
              animation: aiTypeLine 1.15s ease-out forwards;
            }

            .ai-narrative__bubble span:nth-child(1) {
              width: 78%;
              animation-delay: 2.1s;
            }

            .ai-narrative__bubble span:nth-child(2) {
              width: 58%;
              animation-delay: 2.42s;
            }

            .ai-narrative__bubble span:nth-child(3) {
              width: 86%;
              animation-delay: 2.74s;
            }

            .ai-narrative__copy {
              position: relative;
              color: var(--ai-ink);
            }

            .ai-narrative__kicker {
              display: inline-flex;
              align-items: center;
              gap: 10px;
              margin-bottom: 16px;
              color: var(--ai-muted);
              font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
              font-size: 13px;
              font-weight: 700;
              letter-spacing: 0.12em;
              text-transform: uppercase;
              opacity: 0;
              transform: translateY(12px);
              animation: aiCopyIn 0.9s ease-out 1.7s forwards;
            }

            .ai-narrative__kicker::before {
              content: "";
              width: 34px;
              height: 2px;
              border-radius: 999px;
              background: var(--ai-gold);
            }

            .ai-narrative__title {
              max-width: 680px;
              margin: 0;
              font-size: clamp(34px, 5.4vw, 72px);
              line-height: 0.98;
              font-weight: 700;
              letter-spacing: 0;
              text-wrap: balance;
            }

            .ai-narrative__title span {
              display: inline-block;
              opacity: 0;
              transform: translateY(28px) rotate(1.5deg);
              filter: blur(8px);
              animation: aiWordIn 2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            }

            .ai-narrative__title span:nth-child(1) {
              animation-delay: 2s;
            }

            .ai-narrative__title span:nth-child(2) {
              animation-delay: 2.28s;
            }

            .ai-narrative__title span:nth-child(3) {
              animation-delay: 2.56s;
            }

            .ai-narrative__body {
              max-width: 570px;
              margin: 22px 0 0;
              color: var(--ai-muted);
              font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
              font-size: clamp(17px, 1.55vw, 21px);
              line-height: 1.7;
              opacity: 0;
              transform: translateY(18px);
              animation: aiCopyIn 1s ease-out 3.05s forwards;
            }

            @keyframes aiPageRise {
              to {
                opacity: 1;
                transform: rotate(-2.5deg) translateY(0);
              }
            }

            @keyframes aiThreadDraw {
              0% {
                opacity: 0;
                stroke-dashoffset: 780;
              }
              14% {
                opacity: 1;
              }
              100% {
                opacity: 1;
                stroke-dashoffset: 0;
              }
            }

            @keyframes aiBotArrive {
              to {
                opacity: 1;
                transform: translateY(0) scale(1);
              }
            }

            @keyframes aiBotFloat {
              0%, 100% {
                transform: translateY(0) scale(1);
              }
              50% {
                transform: translateY(-10px) scale(1.015);
              }
            }

            @keyframes aiOrbitTurn {
              to {
                transform: rotate(360deg);
              }
            }

            @keyframes aiStarPulse {
              0%, 100% {
                transform: scale(1) rotate(0deg);
              }
              50% {
                transform: scale(1.08) rotate(8deg);
              }
            }

            @keyframes aiTinyStar {
              0%, 100% {
                transform: translateY(0) scale(0.86);
                opacity: 0.55;
              }
              48% {
                transform: translateY(-8px) scale(1);
                opacity: 1;
              }
            }

            @keyframes aiSpark {
              0%, 100% {
                opacity: 0.28;
                transform: translateY(0) scale(0.72);
              }
              45% {
                opacity: 1;
                transform: translateY(-12px) scale(1);
              }
            }

            @keyframes aiTypeLine {
              to {
                transform: scaleX(1);
              }
            }

            @keyframes aiWordIn {
              to {
                opacity: 1;
                transform: translateY(0) rotate(0);
                filter: blur(0);
              }
            }

            @keyframes aiCopyIn {
              to {
                opacity: 1;
                transform: translateY(0);
              }
            }

            @media (max-width: 820px) {
              .ai-narrative__scene {
                grid-template-columns: 1fr;
                gap: 18px;
              }

              .ai-narrative__art {
                min-height: 330px;
                order: 2;
              }

              .ai-narrative__copy {
                order: 1;
                text-align: center;
              }

              .ai-narrative__kicker {
                justify-content: center;
              }

              .ai-narrative__body {
                margin-left: auto;
                margin-right: auto;
              }
            }

            @media (prefers-reduced-motion: reduce) {
              .ai-narrative *,
              .ai-narrative *::before,
              .ai-narrative *::after {
                opacity: 1;
                transform: none;
                filter: none;
                stroke-dashoffset: 0;
                animation: none;
              }
            }

            
            /*
            How it works section
            */

    * {
      box-sizing: border-box;
    }

    .ltt-how-it-works {
      --ltt-forest: #bddace;
      --ltt-forest-deep: #1f6048;
      --ltt-card: #fffefa;  
      --ltt-ink: #3c9d7e;
      --ltt-muted: #31584c;
      --ltt-green: #a9bfa6;
      color: var(--ltt-ink);
      background: #ffffff;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      padding: clamp(28px, 4vw, 54px);
      width: min(1320px, 80%);
      margin: 0 auto;
      background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px),
        radial-gradient(circle at 50% 20%, rgba(127, 171, 120, 0.12), transparent 42%),
        linear-gradient(135deg, var(--ltt-forest-deep), var(--ltt-forest));
      background-size: 34px 34px, 34px 34px, auto, auto;
    }

    .ltt-steps {
      width: min(1360px, 100%);
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(22px, 3vw, 36px);
    }

    .ltt-step-card {
      min-width: 0;
      padding: clamp(26px, 3vw, 40px);
      background: var(--ltt-card);
      border-radius: 0;
      box-shadow: 0 18px 48px rgba(0, 0, 0, 0.16);
    }

    .ltt-step-label {
      margin: 0 0 26px;
      color: var(--ltt-ink);
      font-size: clamp(0.86rem, 1vw, 1rem);
      font-weight: 850;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }

    .ltt-image {
      width: 100%;
      aspect-ratio: 4 / 3;
      margin: 0 0 clamp(24px, 3vw, 34px);
      overflow: hidden;
      background: #dcefd8;
    }

    .ltt-image img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 30%;
    }

    .ltt-step-card:nth-child(1) .ltt-image img {
      object-fit: cover;
      object-position: center top;
    }

    .ltt-step-card:nth-child(3) .ltt-image img {
      object-position: center top;
    }

    .ltt-step-card h3 {
      margin: 0 0 16px;
      color: var(--ltt-ink);
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(2rem, 3.4vw, 3.1rem);
      font-weight: 500;
      line-height: 1.05;
      letter-spacing: 0;
    }

    .ltt-step-card p {
      max-width: 34rem;
      margin: 0;
      color: var(--ltt-muted);
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(1.05rem, 1.55vw, 1.45rem);
      line-height: 1.45;
      letter-spacing: 0;
    }

    .ltt-step-card strong {
      color: var(--ltt-ink);
      font-weight: inherit;
    }

    @media (max-width: 980px) {
      .ltt-how-it-works {
        padding: 24px;
      }

      .ltt-steps {
        grid-template-columns: 1fr;
        max-width: 620px;
      }

      .ltt-step-card {
        padding: 28px;
      }
    }

    @media (max-width: 560px) {
      .ltt-how-it-works {
        padding: 16px;
      }

      .ltt-step-card {
        padding: 22px;
      }

      .ltt-step-label {
        margin-bottom: 18px;
      }

      .ltt-image {
        margin-bottom: 22px;
      }
    }
    .how-title {
        margin-bottom: 42px;
    }

    /*
    ======= Unleash your creativity section=======
    */

    * {
      box-sizing: border-box;
    }

    .ltt-perfect-for {
    --ltt-forest: #123a2d;
      --ltt-leaf: #7fab78;
      --ltt-mint: #dcefd8;
      --ltt-paper: #fffefa;
      --ltt-cream: #f8f3e8;
      --ltt-ink: #123a2d;
      --ltt-muted: #49685d;
      --ltt-gold: #c79b45;
      --ltt-coral: #ee6b5f;
      color: var(--ltt-ink);
      background: #eef7f8;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      width: min(1320px, 100%);
      margin: 0 auto;
      padding: clamp(42px, 6vw, 86px) clamp(18px, 4vw, 56px);
      background:
        linear-gradient(90deg, rgba(18, 58, 45, 0.05) 1px, transparent 1px),
        linear-gradient(0deg, rgba(18, 58, 45, 0.04) 1px, transparent 1px),
        radial-gradient(circle at 12% 12%, rgba(127, 171, 120, 0.30), transparent 28%),
        radial-gradient(circle at 92% 82%, rgba(238, 107, 95, 0.16), transparent 26%),
        linear-gradient(135deg, #f8fff4 0%, #eef7eb 52%, #f8f3e8 100%);
      background-size: 32px 32px, 32px 32px, auto, auto, auto;
      overflow: hidden;
    }

    .ltt-perfect-wrap {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: clamp(14px, 2vw, 22px);
      align-items: stretch;
    }

    .ltt-perfect-intro {
      position: relative;
      min-height: 196px;
      padding: clamp(24px, 3vw, 36px);
      color: #ffffff;
      background: linear-gradient(150deg, #0b3d2e, #245f45);
      border-radius: 8px;
      box-shadow: 0 24px 70px rgba(18, 58, 45, 0.20);
      isolation: isolate;
    }

    .ltt-perfect-intro::before {
      content: "";
      position: absolute;
      inset: 18px;
      border: 1px solid rgba(255, 255, 255, 0.20);
      border-radius: 6px;
      pointer-events: none;
    }

    .ltt-perfect-intro::after {
      content: "";
      position: absolute;
      right: -38px;
      bottom: -54px;
      width: 180px;
      height: 180px;
      border-radius: 999px;
      background: rgba(220, 239, 216, 0.16);
      z-index: -1;
    }

    .ltt-kicker {
      margin: 0 0 18px;
      color: var(--ltt-mint);
      font-size: 0.78rem;
      font-weight: 850;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }

    .ltt-visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

    .ltt-perfect-intro h2 {
      margin: 0;
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(2.6rem, 5vw, 5.2rem);
      font-weight: 500;
      line-height: 0.98;
      letter-spacing: 0;
    }

    .ltt-perfect-intro p {
      max-width: 30rem;
      margin: 0;
      color: rgba(255, 255, 255, 0.82);
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(1rem, 1.3vw, 1.18rem);
      line-height: 1.45;
    }

    .ltt-perfect-list {
      display: contents;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .ltt-memory-note {
      position: relative;
      min-height: 196px;
      padding: 22px 22px 22px 24px;
      background: rgba(255, 254, 250, 0.92);
      border: 1px solid rgba(18, 58, 45, 0.12);
      border-radius: 8px;
      box-shadow: 0 16px 38px rgba(18, 58, 45, 0.10);
    }

    .ltt-memory-note:nth-child(2),
    .ltt-memory-note:nth-child(5) {
      background: rgba(248, 243, 232, 0.94);
    }

    .ltt-memory-note:nth-child(3),
    .ltt-memory-note:nth-child(7) {
      background: rgba(220, 239, 216, 0.92);
    }

    .ltt-memory-note::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 5px;
      height: 100%;
      background: var(--note-color, var(--ltt-leaf));
      border-radius: 8px 0 0 8px;
    }

    .ltt-memory-note:nth-child(2) {
      --note-color: var(--ltt-gold);
    }

    .ltt-memory-note:nth-child(4),
    .ltt-memory-note:nth-child(6) {
      --note-color: var(--ltt-coral);
    }

    .ltt-memory-note span {
      display: block;
      margin-bottom: 12px;
      color: var(--ltt-leaf);
      font-size: 0.76rem;
      font-weight: 900;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    .ltt-memory-note p {
      margin: 0;
      color: var(--ltt-muted);
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(1.06rem, 1.45vw, 1.34rem);
      line-height: 1.35;
      letter-spacing: 0;
    }

    .ltt-memory-note strong {
      color: var(--ltt-ink);
      font-weight: 500;
    }

    .ltt-memory-note:last-child {
      background: linear-gradient(135deg, var(--ltt-paper), #f3f9ef);
    }

    @media (max-width: 980px) {
      .ltt-perfect-wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .ltt-perfect-intro {
        grid-column: span 2;
      }
    }

    @media (max-width: 640px) {
      .ltt-perfect-for {
        padding: 22px;
      }

      .ltt-perfect-intro {
        padding: 28px;
      }

      .ltt-perfect-wrap {
        grid-template-columns: 1fr;
      }

      .ltt-memory-note,
      .ltt-memory-note:last-child {
        min-height: 0;
      }

      .ltt-perfect-intro,
      .ltt-memory-note:last-child {
        grid-column: span 1;
      }
    }