@font-face {
  font-family: Austin;
  src: local("Georgia");
  font-style: italic;
}

@font-face {
  font-family: gzjd;
  src: local("Arial");
  font-weight: 500;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  overflow: hidden;
  background: #0f0805;
  color: #faffce;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}

body.loading #app {
  opacity: 0;
}

#app {
  --app-height: 100dvh;
  --content-scale: 1;
  --scaled-content-height: 100dvh;

  width: 100vw;
  height: var(--app-height);
  overflow: hidden;
  opacity: 1;
  transition: opacity 120ms ease;
}

.site-nav {
  position: fixed;
  inset: 24px 26px auto;
  z-index: 5000;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: start;
  pointer-events: none;
}

.site-nav a {
  pointer-events: auto;
  width: max-content;
  color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0;
  text-decoration: none;
  text-shadow: none;
}

.site-nav a:nth-child(2) {
  justify-self: center;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  text-transform: uppercase;
}

.site-nav a:nth-child(3) {
  justify-self: end;
  position: fixed;
  right: 6px;
  bottom: 6px;
}

.site-nav a:hover,
.site-nav a.current {
  color: transparent;
}

.noscript {
  position: fixed;
  inset: auto 1rem 1rem;
  z-index: 9999;
  margin: 0;
  color: #faffce;
}

.mag,
.mag-pages-container,
.container,
article.page {
  width: 100vw !important;
  height: var(--app-height) !important;
}

.mag {
  position: relative;
  overflow: hidden;
  background: #0f0805;
}

.mag-pages-container,
.container {
  position: relative;
  overflow: hidden;
}

article.page {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #0f0805;
}

article.page.hidden,
.blackout {
  display: none !important;
}

.page-fixed-bg-container,
.fixed-position-container,
.fixed-position-container-top {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.fixed-position-container *,
.fixed-position-container-top *,
.above-pages-container * {
  pointer-events: auto;
}

.content-scroll-wrapper {
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.content-scroll-wrapper::-webkit-scrollbar {
  display: none;
}

.content-bounds {
  position: relative;
  width: 100vw !important;
  height: max(var(--app-height), var(--scaled-content-height)) !important;
  margin: 0 auto;
}

.page-content-container {
  position: relative;
  transform: scale(var(--content-scale)) !important;
  transform-origin: top left !important;
  zoom: 1 !important;
}

.rmwidget,
.animation-container {
  position: absolute;
  box-sizing: border-box;
}

.animation-container.invisible {
  transition: opacity 420ms ease, transform 420ms ease;
}

.animation-container.invisible.is-revealed {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.widget-background {
  position: absolute;
  inset: 0;
  width: 100vw !important;
  height: var(--app-height) !important;
}

.widget-picture img,
.widget-picture picture {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

a[href] .widget-picture img,
a[href] .widget-picture picture {
  transition: filter 160ms ease;
}

a[href]:hover .widget-picture img,
a[href]:hover .widget-picture picture,
a[href]:focus-visible .widget-picture img,
a[href]:focus-visible .widget-picture picture {
  filter: brightness(0.9);
}

.text-viewer p {
  margin: 0;
}

a {
  color: inherit;
}

a[href],
a[href] *,
[role="button"],
[role="button"] * {
  cursor: pointer !important;
}

#app[data-route="im.so.lovaly.mag"] [data-id="697420ca414bc10d9ba7e0e1"],
#app[data-route="im.so.lovaly.mag"] [data-id="697420ca414bc10d9ba7e0e1"] p,
#app[data-route="im.so.lovaly.mag"] [data-id="697420ca414bc10d9ba7e0e1"] span {
  font-family: "IM Fell English", Georgia, "Times New Roman", serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

#app[data-route="im.so.lovaly.mag"] .style-af06ff57-0d0a-48e4-9212-8199eb7a7bd4,
#app[data-route="im.so.lovaly.mag"] .style-a9c225b4-b99c-43ab-abf4-05a261af43f9,
#app[data-route="im.so.lovaly.mag"] .style-e886b970-722c-404f-991a-734663136e3e {
  font-family: Austin, Georgia, "Times New Roman", serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
}

#app[data-route="im.so.lovaly.mag"] [data-id="697420ca414bc10d9ba7e102"] p,
#app[data-route="im.so.lovaly.mag"] [data-id="697420ca414bc10d9ba7e102"] a,
#app[data-route="im.so.lovaly.mag"] [data-id="697420ca414bc10d9ba7e104"] p,
#app[data-route="im.so.lovaly.mag"] [data-id="697420ca414bc10d9ba7e104"] a {
  display: inline-block;
  transform: skewX(-12deg);
  transform-origin: center bottom;
}

#app[data-route="im.so.lovaly.mag"] .landing-pdf-label p,
#app[data-route="im.so.lovaly.mag"] [data-id="69753ccea16a7ea3abccc558"] p,
#app[data-route="im.so.lovaly.mag"] [data-id="697420ca414bc10d9ba7e0dc"] p,
#app[data-route="im.so.lovaly.mag"] [data-id="69753e2769dfbc46adcc9cae"] p,
#app[data-route="im.so.lovaly.mag"] [data-id="69753fa9525bbfb4570b92d8"] p,
#app[data-route="im.so.lovaly.mag"] [data-id="697540c369dfbc46adcd7851"] p,
#app[data-route="im.so.lovaly.mag"] [data-id="69754064c45a39664bc71dd2"] p {
  display: inline-block;
  transform: skewX(-12deg);
  transform-origin: left bottom;
}

.above-pages-container {
  position: fixed;
  inset: 0;
  z-index: 1000;
  pointer-events: none;
}

.fancy-button,
[class*="Cookie"],
#CybotCookiebotDialog,
#CookiebotWidget {
  display: none !important;
}

.internal-hotspot {
  cursor: pointer;
}

[data-id="697420ca414bc10d9ba7e0fd"],
[data-id="697420ca414bc10d9ba7e0fe"],
[data-id="697420ca414bc10d9ba7e0fc"],
[data-id="697420ca414bc10d9ba7e0ff"] {
  pointer-events: auto;
}

#app[data-route="im.so.lovaly.mag"] .page-content-container:has([data-id="697420ca414bc10d9ba7e0fd"]:is(:hover, :focus, :focus-within)) [data-id="697420ca414bc10d9ba7e0fd"],
#app[data-route="im.so.lovaly.mag"] .page-content-container:has([data-id="697420ca414bc10d9ba7e0fd"]:is(:hover, :focus, :focus-within)) [data-id="697420ca414bc10d9ba7e0fe"],
#app[data-route="im.so.lovaly.mag"] .page-content-container:has([data-id="697420ca414bc10d9ba7e0fe"]:is(:hover, :focus, :focus-within)) [data-id="697420ca414bc10d9ba7e0fd"],
#app[data-route="im.so.lovaly.mag"] .page-content-container:has([data-id="697420ca414bc10d9ba7e0fe"]:is(:hover, :focus, :focus-within)) [data-id="697420ca414bc10d9ba7e0fe"],
#app[data-route="im.so.lovaly.mag"] .page-content-container:has([data-id="697420ca414bc10d9ba7e0fc"]:is(:hover, :focus, :focus-within)) [data-id="697420ca414bc10d9ba7e0fc"],
#app[data-route="im.so.lovaly.mag"] .page-content-container:has([data-id="697420ca414bc10d9ba7e0fc"]:is(:hover, :focus, :focus-within)) [data-id="697420ca414bc10d9ba7e0ff"],
#app[data-route="im.so.lovaly.mag"] .page-content-container:has([data-id="697420ca414bc10d9ba7e0ff"]:is(:hover, :focus, :focus-within)) [data-id="697420ca414bc10d9ba7e0fc"],
#app[data-route="im.so.lovaly.mag"] .page-content-container:has([data-id="697420ca414bc10d9ba7e0ff"]:is(:hover, :focus, :focus-within)) [data-id="697420ca414bc10d9ba7e0ff"] {
  opacity: 0 !important;
  transition: opacity 180ms ease;
}

.common-slideshow,
.common-slideshow .images,
.common-slideshow .images-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.common-slideshow .images-wrapper .image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease;
}

.common-slideshow .images-wrapper .image.center-image {
  opacity: 1;
}

.common-slideshow .arrow-middle,
.common-slideshow .arrow-bottom {
  position: absolute;
  z-index: 20;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  transition: opacity 160ms ease, background-color 160ms ease;
}

.common-slideshow .prev-picture-arrow-middle {
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.common-slideshow .next-picture-arrow-middle {
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.common-slideshow:hover .arrow-middle,
.common-slideshow:hover .arrow-bottom,
.common-slideshow .arrow-middle:focus-visible,
.common-slideshow .arrow-bottom:focus-visible {
  pointer-events: auto;
  opacity: 1;
}

.common-slideshow .arrow-middle {
  width: 36px;
  height: 36px;
  margin: -1px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.34);
}

.common-slideshow .arrow-middle:hover,
.common-slideshow .arrow-middle:focus-visible {
  background-color: rgba(0, 0, 0, 0.48);
}

.common-slideshow .arrow-middle img {
  display: block;
  width: 22px;
  height: 22px;
  margin: 7px;
  object-fit: contain;
}

@media (max-aspect-ratio: 1/1) {
  .site-nav {
    inset: 19px 20px auto;
  }

  .site-nav a {
    font-size: 10px;
    line-height: 12px;
  }

  .site-nav a:nth-child(2) {
    font-size: 10px;
    line-height: 12px;
  }

  [data-id="697420ca414bc10d9ba7e0e1"] p,
  [data-id="697420ca414bc10d9ba7e0e1"] span {
    letter-spacing: 0 !important;
    word-spacing: 0.12em;
  }
}