[data-v-22e7a5c9]:export {
  mobile: 375;
  tablet-portrait: 768;
  tablet-landscape: 1024;
  desktop: 1440;
}
.StoryCanvasOutro[data-v-22e7a5c9] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #370808;
  background: #fff9eb;
}
.StoryCanvasOutro-container[data-v-22e7a5c9] {
  max-width: var(--grid-max-width);
  box-sizing: content-box;
  padding-left: var(--grid-side-margin);
  padding-right: var(--grid-side-margin);
  margin-left: auto;
  margin-right: auto;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.StoryCanvasOutro-inner[data-v-22e7a5c9] {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  column-gap: var(--grid-column-gap);
  row-gap: 3.5rem;
  padding-bottom: 10.5%;
}
.StoryCanvasOutro-title[data-v-22e7a5c9] {
  grid-column: 1 / span 4;
  grid-row: 1;
  position: relative;
}
.StoryCanvasOutro-rive-wrap[data-v-22e7a5c9] {
  position: absolute;
  top: 57%;
  left: 0;
  width: 230%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.StoryCanvasOutro-rive[data-v-22e7a5c9] {
  width: 100%;
}
.StoryCanvasOutro-text-wrap[data-v-22e7a5c9] {
  grid-column: 9 / span 4;
  grid-row: 1;
  align-self: end;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
.StoryCanvasOutro-desc[data-v-22e7a5c9] {
  font-family:
    Suisse Intl,
    helvetica,
    arial,
    sans-serif;
  font-weight: 400;
  text-transform: inherit;
  font-style: inherit;
  font-size: min(calc((1.6rem) + (1.8 - 1.6) * (100vw - 37.5rem) / 106.5), 1.8rem);
  line-height: min(calc((2.32rem) + (2.61 - 2.32) * (100vw - 37.5rem) / 106.5), 2.61rem);
  letter-spacing: -0.01em;
  max-width: 22em;
  opacity: 0;
}
.StoryCanvasOutro-btn-wrap[data-v-22e7a5c9] {
  opacity: 0;
}
.StoryCanvasOutro-img-proxy-wrap[data-v-22e7a5c9] {
  grid-row: 1;
  grid-column: 5 / span 4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.StoryCanvasOutro-img-proxy[data-v-22e7a5c9] {
  aspect-ratio: 35/41;
  width: 80%;
  max-height: 60svh;
}
:export {
  mobile: 375;
  tablet-portrait: 768;
  tablet-landscape: 1024;
  desktop: 1440;
}
.HomepageTextRevealLineMask {
  opacity: 1;
  display: unset;
  position: unset;
}
.HomepageTextRevealLineMask.revealReady {
  opacity: 1;
}
.HomepageTextRevealLineMask-lineparent {
  display: block;
  contain: content;
  height: fit-content;
  width: 100%;
  text-align: match-parent;
}
[data-v-1ff30ea4]:export {
  mobile: 375;
  tablet-portrait: 768;
  tablet-landscape: 1024;
  desktop: 1440;
}
.StoryCanvasDesktop[data-v-1ff30ea4] {
  display: block;
  position: relative;
  height: 1000lvh;
}
.StoryCanvasDesktop-bubble[data-v-1ff30ea4] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100lvh;
  width: 100%;
  pointer-events: none;
}
.StoryCanvasDesktop-pin[data-v-1ff30ea4] {
  background: #fff9eb;
  width: 100%;
  height: 100lvh;
  contain: content;
  top: 0;
  position: sticky;
}
.StoryCanvasDesktop-imgwrap[data-v-1ff30ea4] {
  width: 100%;
  height: 100lvh;
}
.StoryCanvasDesktop-img[data-v-1ff30ea4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}
.StoryCanvasDesktop-img.index0[data-v-1ff30ea4] {
  top: -10lvh;
  height: 110lvh;
}
.StoryPoetic[data-v-1ff30ea4] {
  font-family:
    Suisse Intl,
    helvetica,
    arial,
    sans-serif;
  font-weight: 400;
  text-transform: inherit;
  font-style: inherit;
  font-size: min(calc((1.8rem) + (2.2 - 1.8) * (100vw - 37.5rem) / 106.5), 2.2rem);
  line-height: min(calc((2.43rem) + (2.97 - 2.43) * (100vw - 37.5rem) / 106.5), 2.97rem);
  letter-spacing: -0.01em;
  white-space: pre-line;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  contain: content;
  color: #fff9eb;
  pointer-events: none;
}
.StoryPoetic-outer[data-v-1ff30ea4] {
  max-width: var(--grid-max-width);
  box-sizing: content-box;
  padding-left: var(--grid-side-margin);
  padding-right: var(--grid-side-margin);
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  margin-top: 30svh;
  height: 40svh;
  container-name: poetic;
  container-type: size;
}
.StoryPoetic-inner[data-v-1ff30ea4] {
  position: relative;
  margin-inline: auto;
}
.StoryPoetic-guide[data-v-1ff30ea4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #00ffff1a;
}
.StoryPoetic-svg[data-v-1ff30ea4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  stroke: currentColor;
  stroke-width: 1.5;
  overflow: visible;
}
.StoryPoetic-1[data-v-1ff30ea4] {
  position: absolute;
  top: -0.5cqw;
  left: calc(var(--grid-column-width) * 1 + var(--grid-column-gap) * 1);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.66em;
  width: calc(var(--grid-column-width) * 3 + var(--grid-column-gap) * 2);
  height: auto;
  padding-right: 0.66em;
}
.StoryPoetic-1a[data-v-1ff30ea4] {
  flex-shrink: 0;
  display: block;
}
.StoryPoetic-1b[data-v-1ff30ea4] {
  flex-grow: 1;
  display: block;
  width: 100%;
  height: 1em;
  position: relative;
}
.StoryPoetic-2[data-v-1ff30ea4] {
  position: absolute;
  top: -0.5cqw;
  left: calc(var(--grid-column-width) * 4 + var(--grid-column-gap) * 4);
  width: calc(var(--grid-column-width) * 4 + var(--grid-column-gap) * 3);
  text-align: left;
}
.StoryPoetic-3[data-v-1ff30ea4] {
  position: absolute;
  top: 1em;
  left: calc(var(--grid-column-width) * 4 + var(--grid-column-gap) * 4);
  width: calc(var(--grid-column-width) * 8 + var(--grid-column-gap) * 7);
  display: flex;
  justify-content: center;
  align-items: center;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: var(--grid-column-gap);
  align-items: end;
}
.StoryPoetic-3a[data-v-1ff30ea4] {
  grid-column: 1 / span 3;
  margin: 1em 1em 1.75em;
  position: relative;
  aspect-ratio: 1;
}
.StoryPoetic-3b[data-v-1ff30ea4] {
  grid-column: 4 / span 5;
}
.StoryPoetic-4[data-v-1ff30ea4] {
  position: absolute;
  top: 38.7cqw;
  left: calc(var(--grid-column-width) * 3 + var(--grid-column-gap) * 3);
  width: calc(var(--grid-column-width) * 1 + var(--grid-column-gap) * 0);
}
.StoryPoetic-5[data-v-1ff30ea4] {
  position: absolute;
  top: 38.7cqw;
  left: calc(var(--grid-column-width) * 4 + var(--grid-column-gap) * 4);
  width: calc(var(--grid-column-width) * 2 + var(--grid-column-gap) * 1);
}
.StoryPoetic-6[data-v-1ff30ea4] {
  position: absolute;
  top: 61.5cqw;
  left: calc(var(--grid-column-width) * 5 + var(--grid-column-gap) * 5);
  width: calc(var(--grid-column-width) * 6 + var(--grid-column-gap) * 5);
  height: min(42cqw, 60svh);
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding-bottom: 1em;
}
.StoryPoetic-6a[data-v-1ff30ea4] {
  margin-left: calc(var(--grid-column-width) * 1 + var(--grid-column-gap) * 1);
}
.StoryPoetic-6b[data-v-1ff30ea4] {
  width: 12em;
  flex-grow: 1;
  position: relative;
  margin-left: 5em;
}
.StoryPoetic-7[data-v-1ff30ea4] {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-end;
}
.StoryPoetic-7a[data-v-1ff30ea4] {
  width: 4em;
  text-align: center;
}
.StoryPoetic-7b[data-v-1ff30ea4] {
  width: 4em;
}
[data-v-c0f1f725]:export {
  mobile: 375;
  tablet-portrait: 768;
  tablet-landscape: 1024;
  desktop: 1440;
}
.StoryCanvasOutroMobile-tail[data-v-c0f1f725] {
  padding-inline: var(--grid-side-margin);
  padding-bottom: 10.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
.StoryCanvasOutroMobile-desc[data-v-c0f1f725] {
  font-family:
    Suisse Intl,
    helvetica,
    arial,
    sans-serif;
  font-weight: 400;
  text-transform: inherit;
  font-style: inherit;
  font-size: min(calc((1.8rem) + (2.2 - 1.8) * (100vw - 37.5rem) / 106.5), 2.2rem);
  line-height: min(calc((2.43rem) + (2.97 - 2.43) * (100vw - 37.5rem) / 106.5), 2.97rem);
  letter-spacing: -0.01em;
  opacity: 1;
}
.StoryCanvasOutroMobile-button-wrap[data-v-c0f1f725] {
  opacity: 1;
}
[data-v-2ad796da]:export {
  mobile: 375;
  tablet-portrait: 768;
  tablet-landscape: 1024;
  desktop: 1440;
}
.StoryCanvasOutroMobile[data-v-2ad796da] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #370808;
  background: #fff9eb;
}
.StoryCanvasOutroMobile-container[data-v-2ad796da] {
  padding-top: var(--grid-side-margin);
  padding-inline: var(--grid-side-margin);
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.StoryCanvasOutroMobile-title[data-v-2ad796da] {
  font-family:
    Roslindale Display Condensed,
    Georgia,
    Times New Roman,
    serif;
  font-weight: 300;
  letter-spacing: -0.01em;
  text-transform: inherit;
  font-style: inherit;
  font-size: min(calc((6.4rem) + (12 - 6.4) * (100vw - 37.5rem) / 106.5), 12rem);
  line-height: min(calc((6.4rem) + (10.8 - 6.4) * (100vw - 37.5rem) / 106.5), 10.8rem);
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  grid-column-gap: var(--grid-column-gap);
  grid-column: 1/-1;
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}
.StoryCanvasOutroMobile-rive[data-v-2ad796da] {
  position: relative;
  grid-column: 2/-3;
}
.StoryCanvasOutroMobile-img-proxy-wrap[data-v-2ad796da] {
  flex-grow: 1;
  position: relative;
}
.StoryCanvasOutroMobile-img-proxy[data-v-2ad796da] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
[data-v-6a45ecfe]:export {
  mobile: 375;
  tablet-portrait: 768;
  tablet-landscape: 1024;
  desktop: 1440;
}
.StoryCanvasMobile[data-v-6a45ecfe] {
  display: block;
  position: relative;
  height: 900lvh;
}
.StoryCanvasMobile-bubble[data-v-6a45ecfe] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100lvh;
  width: 100%;
  pointer-events: none;
}
.StoryCanvasMobile-pin[data-v-6a45ecfe] {
  background: #fff9eb;
  width: 100%;
  height: 100lvh;
  contain: content;
  top: 0;
  position: sticky;
}
.StoryCanvasMobile-imgwrap[data-v-6a45ecfe] {
  width: 100%;
  height: 100lvh;
}
.StoryCanvasMobile-img[data-v-6a45ecfe] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}
.StoryCanvasMobile-img.index0[data-v-6a45ecfe] {
  top: -10lvh;
  height: 110lvh;
}
.StoryPoetic[data-v-6a45ecfe] {
  font-family:
    Suisse Intl,
    helvetica,
    arial,
    sans-serif;
  font-weight: 400;
  text-transform: inherit;
  font-style: inherit;
  font-size: min(calc((1.8rem) + (2.2 - 1.8) * (100vw - 37.5rem) / 106.5), 2.2rem);
  line-height: min(calc((2.43rem) + (2.97 - 2.43) * (100vw - 37.5rem) / 106.5), 2.97rem);
  letter-spacing: -0.01em;
  white-space: pre-line;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  contain: content;
  color: #fff9eb;
  pointer-events: none;
}
.StoryPoetic-outer[data-v-6a45ecfe] {
  max-width: var(--grid-max-width);
  box-sizing: content-box;
  padding-left: var(--grid-side-margin);
  padding-right: var(--grid-side-margin);
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  margin-top: 25lvh;
  height: 40lvh;
  container-name: poetic;
  container-type: size;
}
.StoryPoetic-inner[data-v-6a45ecfe] {
  position: relative;
  margin-inline: auto;
}
.StoryPoetic-guide[data-v-6a45ecfe] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #00ffff1a;
  border-top: solid 1px cyan;
  pointer-events: none;
}
.StoryPoetic-svg[data-v-6a45ecfe] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  stroke: currentColor;
  stroke-width: 1.5;
  display: block;
}
.StoryPoetic-1[data-v-6a45ecfe] {
  position: relative;
  width: 100%;
  padding-bottom: 0.85em;
}
.StoryPoetic-1a[data-v-6a45ecfe] {
  text-align: center;
  padding-bottom: 0.85em;
}
.StoryPoetic-1b[data-v-6a45ecfe] {
  flex-grow: 1;
  display: block;
  width: 100%;
  height: 61cqw;
  position: relative;
}
.StoryPoetic-2[data-v-6a45ecfe] {
  position: relative;
  width: 100%;
  text-align: center;
  padding-bottom: 0.85em;
}
.StoryPoetic-3[data-v-6a45ecfe] {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  grid-column-gap: var(--grid-column-gap);
  position: relative;
  width: 100%;
  row-gap: 0.85em;
  margin-bottom: 30cqw;
}
.StoryPoetic-3a[data-v-6a45ecfe] {
  position: relative;
  width: 100%;
  height: 74cqw;
  grid-column: 1/-1;
}
.StoryPoetic-3b[data-v-6a45ecfe] {
  margin-bottom: 25cqw;
  grid-column: 1/-1;
  padding-left: 1.85em;
}
.StoryPoetic-3c[data-v-6a45ecfe] {
  text-align: right;
  grid-column: 1 / span 5;
}
.StoryPoetic-3d[data-v-6a45ecfe] {
  grid-column: 7 / span 6;
}
.StoryPoetic-4[data-v-6a45ecfe] {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  grid-column-gap: var(--grid-column-gap);
  margin-bottom: 78cqw;
}
.StoryPoetic-4a[data-v-6a45ecfe] {
  text-align: right;
  grid-column: 1 / span 5;
}
.StoryPoetic-4b[data-v-6a45ecfe] {
  grid-column: 7 / span 6;
}
.StoryPoetic-5[data-v-6a45ecfe] {
  padding-left: calc(var(--grid-column-width) * 2 + var(--grid-column-gap) * 2);
  padding-right: calc(var(--grid-column-width) * 1 + var(--grid-column-gap) * 1);
}
.StoryPoetic-6[data-v-6a45ecfe] {
  margin-top: -0.5em;
  position: relative;
  height: min(104cqw, 60svh - 25rem);
  margin-left: calc(var(--grid-column-width) * 2 + var(--grid-column-gap) * 2);
  margin-right: calc(var(--grid-column-width) * 2 + var(--grid-column-gap) * 2);
}
.StoryPoetic-6 svg[data-v-6a45ecfe] {
  overflow: visible;
}
.StoryPoetic-7[data-v-6a45ecfe] {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  grid-column-gap: var(--grid-column-gap);
  row-gap: 1.5em;
}
.StoryPoetic-7a[data-v-6a45ecfe] {
  grid-row: 2;
  grid-column: 1 / span 2;
  padding-left: 0.5em;
}
.StoryPoetic-7b[data-v-6a45ecfe] {
  grid-row: 1;
  grid-column: 3 / span 3;
}
.StoryPoetic-7c[data-v-6a45ecfe] {
  grid-row: 2;
  grid-column: 3 / span 3;
}
.StoryPoetic-7d[data-v-6a45ecfe] {
  grid-row: 1;
  grid-column: 6 / span 7;
  align-self: end;
}
.StoryPoetic-7e[data-v-6a45ecfe] {
  grid-row: 2;
  grid-column: 6 / span 7;
}
[data-v-b8404f0f]:export {
  mobile: 375;
  tablet-portrait: 768;
  tablet-landscape: 1024;
  desktop: 1440;
}